@font-face{font-family:"Archivo Black";src:url(fonts/ArchivoBlack-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--navy:#0F1B2D;--orange:#FF6A13;--chalk:#F5F2EC;--steel:#5C6B7E;--ink:#1D2A3A;--acc:#FF6A13}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55;font-size:18px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Archivo Black",Inter,sans-serif;line-height:1.1;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(2.1rem,5.5vw,3.6rem)}h2{font-size:clamp(1.7rem,3.6vw,2.5rem)}h3{font-size:1.2rem}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}.narrow{max-width:820px}
.skip{position:absolute;left:-999px;top:0;background:var(--orange);color:var(--navy);padding:10px 14px;font-weight:800;z-index:9}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.nav{background:var(--navy);position:sticky;top:0;z-index:5}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.nav img{height:48px;width:auto}.nav nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.nav nav a{color:#fff;text-decoration:none;font-weight:600;font-size:16px}.nav nav a:hover{text-decoration:underline}
.btn{display:inline-block;background:var(--orange);color:var(--navy)!important;font-weight:800;text-decoration:none!important;padding:14px 24px;border-radius:12px;border:2px solid var(--orange);margin:4px 6px 4px 0}
.btn:hover{filter:brightness(1.07)}.btn-sm{padding:8px 16px;font-size:15px}
.btn.ghost{background:transparent;color:#fff!important;border-color:#fff}
.btn.ghost.dark{color:var(--navy)!important;border-color:var(--navy)}
.btn.acc{background:var(--acc);border-color:var(--acc)}
.hero{background:var(--navy);color:#E6ECF2;padding:84px 0 92px}.hero h1{color:#fff;max-width:900px}
.hero .lead{color:#D2DAE3;max-width:720px}.eyebrow{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:15px;margin:0 0 12px}
.hero.ind{border-bottom:8px solid var(--acc)}.lock{width:min(560px,100%);margin-bottom:34px}
.lead{font-size:1.15rem;color:var(--steel);max-width:760px}.small{font-size:15px;color:var(--steel)}.center{text-align:center;margin-left:auto;margin-right:auto}
.sec{padding:76px 0}.alt{background:var(--chalk)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:24px 0 34px}
.steps>div{background:#fff;border:2px solid #E3E8EE;border-radius:18px;padding:24px}
.steps b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--orange);color:var(--navy);font-family:"Archivo Black";margin-bottom:12px}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding:0;list-style:none}.feats li{padding-left:28px;position:relative}
.feats li:before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:4px;background:var(--orange)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:26px}
.card{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;border-bottom:6px solid var(--acc);box-shadow:0 2px 10px rgba(15,27,45,.1)}
.card span{display:block;padding:14px 16px;font-weight:800;color:var(--navy)}.card:hover{transform:translateY(-2px)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.grid img{border-radius:14px;box-shadow:0 2px 10px rgba(15,27,45,.14)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;align-items:start}
.plan{background:#fff;border:2px solid #DCE3EA;border-radius:20px;padding:28px}.plan.feat{border:3px solid var(--orange)}
.plan ul{padding-left:20px;margin:0 0 22px}.price{font-family:"Archivo Black";font-size:3rem;color:var(--navy);margin:0}.price span{font-family:Inter;font-size:1rem;color:var(--steel)}
.badge{display:inline-block;background:var(--orange);color:var(--navy);font-weight:800;font-size:13px;padding:4px 10px;border-radius:99px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}
details{border-bottom:1px solid #DCE3EA;padding:16px 0}summary{font-weight:800;cursor:pointer;color:var(--navy);font-size:1.1rem}details p{margin:10px 0 0;color:#33414F}
.foot{background:var(--navy);color:#D2DAE3;padding:44px 0}.foot img{height:56px;width:auto}.foot .small{color:#B7C2CE}
@media (max-width:860px){.steps,.plans{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.feats{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}.hero{padding:56px 0 64px}.sec{padding:56px 0}}
.prose h1{font-size:clamp(1.9rem,4.5vw,2.8rem)}.prose h2{font-size:1.45rem;margin-top:1.6em}.prose li{margin:.3em 0}
.prose code{background:#EEF2F6;padding:2px 6px;border-radius:6px;font-size:.88em;word-break:break-all}
.prose table{border-collapse:collapse;width:100%;margin:1em 0}.prose th,.prose td{border:1px solid #DCE3EA;padding:8px 10px;text-align:left;vertical-align:top}
.prose a{color:#0B4FB3}.placeholder{border:3px dashed var(--orange);background:#FFF3EB;border-radius:16px;padding:40px 24px;text-align:center;margin:24px 0;color:var(--navy);font-size:1.1rem}
.foot a{color:#fff}