:root{--ink:#06120e;--muted:#61716a;--bg:#f4efe3;--paper:#fffdf7;--line:#e2d5bc;--green:#072018;--deep:#04110d;--mint:#39dfbd;--gold:#f4b800;--gold2:#d69300;--brown:#7b5635;--shadow:0 24px 70px rgba(9,16,13,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}select,input,button{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px clamp(18px,4vw,64px);background:rgba(8,19,15,.92);backdrop-filter:blur(14px);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.08rem;white-space:nowrap}.brand span span{color:var(--mint)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--mint),#2ba78f);color:#06120e;font-size:.78rem;letter-spacing:.02em}.nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-weight:800;font-size:.94rem}.nav a{opacity:.9}.nav a:hover,.nav .active{color:var(--mint);opacity:1}.nav-cta{padding:11px 16px;border-radius:8px;background:var(--gold);color:#090d0b;opacity:1!important}.nav-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:8px;padding:9px 12px;font-weight:800}
.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.08fr) 430px;gap:34px;align-items:center;padding:76px clamp(18px,5vw,86px);background:radial-gradient(circle at 70% 12%,rgba(244,184,0,.25),transparent 22%),radial-gradient(circle at 84% 72%,rgba(57,223,189,.16),transparent 24%),linear-gradient(130deg,rgba(4,17,13,.98),rgba(8,31,23,.95) 48%,rgba(116,76,27,.92));color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -8% -35% 34%;height:360px;background:linear-gradient(90deg,transparent,rgba(244,184,0,.24),transparent);transform:rotate(-8deg);pointer-events:none}.hero-copy,.hero-panel{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.78rem;line-height:1.2;text-transform:uppercase;font-weight:950;letter-spacing:.09em;color:#ffd64c}.hero h1,.page-hero h1{margin:0;font-size:clamp(3rem,8vw,7.4rem);line-height:.86;letter-spacing:0;font-weight:1000;max-width:980px;text-transform:uppercase}.hero h1 span{display:block;color:#fff}.hero-sub{margin:18px 0 0;color:var(--gold);font-size:clamp(1.25rem,2.4vw,2.1rem);font-weight:950;text-transform:uppercase}.hero-text{font-size:1.15rem;max-width:760px;color:rgba(255,255,255,.84);margin:20px 0 28px}.hero-actions,.footer-links{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border-radius:7px;font-weight:950;border:1px solid transparent}.button.primary{background:#06130f;color:#fff}.hero .button.primary{background:linear-gradient(180deg,#ffd23b,var(--gold2));color:#07110d;box-shadow:0 12px 28px rgba(244,184,0,.26)}.button.secondary{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.06)}.button.wide{width:100%;margin-top:12px}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:660px;margin-top:34px}.stat-strip div{padding:18px 16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:8px}.stat-strip strong{display:block;color:var(--gold);font-size:1.9rem;line-height:1;font-weight:1000}.stat-strip span{display:block;color:rgba(255,255,255,.78);font-weight:850;text-transform:uppercase;font-size:.78rem;margin-top:7px}.hero-panel,.tool-card,.article-card,.side-card,.route-card{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero-panel{padding:26px;background:linear-gradient(180deg,#fffdf7,#f5ead4)}.hero-panel h2{font-size:2rem;line-height:1.05;margin:0 0 16px}.hero-list{padding:0;margin:0 0 20px;display:grid;gap:12px;list-style:none}.hero-list li{padding-left:26px;position:relative;font-weight:850}.hero-list li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:var(--gold)}.panel-link{display:flex;align-items:center;justify-content:center;padding:13px 14px;border-radius:7px;background:var(--deep);color:#fff;font-weight:950}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head span{font-weight:950}.panel-head strong{padding:6px 10px;border-radius:999px;background:#e9f7f1;color:var(--green);font-size:.8rem}label{display:grid;gap:7px;font-weight:850;color:#203028;margin:12px 0}select,input{width:100%;min-height:45px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink)}.tool-result,output{display:block;margin-top:14px;padding:14px;border-radius:8px;background:#f3ead8;border:1px solid #e2d2af;font-weight:850}.section-head{padding:58px clamp(18px,5vw,86px) 18px}.section-head.bright{background:var(--bg);text-align:center}.section-head.bright p:not(.eyebrow){max-width:760px;margin:0 auto;color:var(--muted);font-weight:700}.section-head.small{padding-top:26px}.section-head h2,.conversion-band h2,.tool-intro h2{margin:0 0 10px;font-size:clamp(2rem,4vw,4rem);line-height:.98;font-weight:1000}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 clamp(18px,5vw,86px) 58px}.category-card{min-height:145px;padding:18px;background:linear-gradient(135deg,#18231b,#5e431c 72%,#d39b16);color:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);display:flex;flex-direction:column}.category-card span{font-size:.78rem;font-weight:950;color:#ffd64c;text-transform:uppercase}.category-card strong{font-size:1.15rem;line-height:1.12;margin:10px 0 auto}.category-card em{font-style:normal;font-weight:950;color:#fff}.tool-area{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:26px;align-items:center;padding:48px clamp(18px,5vw,86px);background:#08130f;color:#fff}.tool-intro p:not(.eyebrow){max-width:640px;color:#cddbd5;font-weight:700}.tool-panel{box-shadow:none}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:38px clamp(18px,5vw,86px)}.tool-card{padding:22px}.tool-card h2,.article-card h2,.side-card h2{margin:0 0 10px;font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.08}.mini-form{display:grid;grid-template-columns:1fr 130px;gap:12px}.checks{display:grid;gap:8px}.checks label{display:flex;align-items:center;gap:9px;margin:0;font-weight:750}.checks input{width:18px;min-height:18px}.tool-card.accent{background:#091611;color:#fff;border-color:#193d31}.tool-card.accent p{color:#d7e7df}.routes,.related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 clamp(18px,5vw,86px) 54px}.route-card{padding:20px;min-height:245px;display:flex;flex-direction:column}.route-card span,.related-link span{color:var(--brown);font-weight:950;font-size:.78rem;text-transform:uppercase}.route-card h3{font-size:1.3rem;line-height:1.12;margin:9px 0}.route-card p{color:var(--muted);margin:0 0 16px}.route-card a{margin-top:auto;font-weight:950;color:#0d5c48}.conversion-band{margin:12px clamp(18px,5vw,86px) 68px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:#102019;color:#fff;border-radius:8px}.conversion-band p{max-width:780px;color:#d7e5df}.page-hero{padding:70px clamp(18px,5vw,86px);background:linear-gradient(120deg,#08130f,#62411f 72%,#c99120);color:#fff}.page-hero.compact{min-height:360px;display:grid;align-content:end}.page-hero p:last-child{max-width:820px;color:rgba(255,255,255,.86);font-size:1.12rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:38px clamp(18px,5vw,86px)}.article-card,.side-card{padding:26px}.article-card p{color:#26332d}.article-card ul,.side-card ul,.side-card ol{padding-left:22px}.note-box{margin-top:20px;padding:16px;border-radius:8px;background:#f2eadc;border:1px solid #dfd0b6}.related-link{display:block;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-weight:950}.footer{display:flex;justify-content:space-between;gap:24px;padding:36px clamp(18px,5vw,86px);background:#08130f;color:#fff}.footer p{max-width:620px;color:#cbd8d2}.footer-links a{color:#f6ca43;font-weight:950}
@media (max-width:980px){.nav-toggle{display:inline-flex}.nav{display:none;position:absolute;left:16px;right:16px;top:68px;flex-direction:column;align-items:stretch;background:#08130f;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:14px}.nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.tool-grid,.routes,.related{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:1fr}.site-header{gap:12px}.brand{font-size:1rem}.footer{display:block}}
@media (max-width:980px){.tool-area{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hero,.page-hero{padding:44px 18px}.hero h1,.page-hero h1{font-size:2.65rem}.hero-sub{font-size:1.1rem}.stat-strip{grid-template-columns:1fr}.tool-grid,.routes,.related,.category-grid{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.section-head,.content-layout,.tool-area{padding-left:18px;padding-right:18px}.mini-form{grid-template-columns:1fr}.conversion-band{display:block;margin-left:18px;margin-right:18px;padding:24px}.nav-cta{width:100%;text-align:center}.brand-mark{width:32px;height:32px}.site-header{padding:12px 16px}}