:root{color-scheme:dark;--bg:#090f1e;--panel:#121e33;--panel2:#0c1526;--line:#263954;--text:#f5f8ff;--muted:#b4c3d9;--blue:#57a5ff;--blue2:#8cc1ff;--err:#ff9a9a;--ok:#7be0a6}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6;font-size:17px;overflow-wrap:anywhere}
a{color:var(--blue2);text-underline-offset:3px}a:hover{color:#fff}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(720px,calc(100% - 40px))}
:focus-visible{outline:3px solid #91c5ff;outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-80px;z-index:50;background:#fff;color:#091323;padding:12px 16px;border-radius:6px}.skip:focus{top:12px}
.pv{background:#ffd34d;color:#1b1400;text-align:center;font-size:13px;font-weight:700;padding:4px 10px}
/* header */
.top{position:sticky;top:0;z-index:20;background:#090f1ef0;border-bottom:1px solid var(--line)}
@supports(backdrop-filter:blur(8px)){.top{background:#090f1ecc;backdrop-filter:blur(12px)}}
.nav{min-height:68px;display:flex;align-items:center;gap:6px 20px;flex-wrap:wrap}
.logo{font-size:21px;font-weight:850;letter-spacing:-1px;color:#fff;text-decoration:none;margin-right:auto;min-height:44px;display:inline-flex;align-items:center}.logo span{color:var(--blue)}
.navlink{color:var(--muted);text-decoration:none;font-size:15px;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}.navlink[aria-current]{color:#fff}
.menu{position:relative}.menu summary{list-style:none;cursor:pointer;color:var(--muted);font-size:15px;min-height:44px;display:flex;align-items:center;padding:0 4px}
.menu summary::-webkit-details-marker{display:none}.menu summary::after{content:"▾";margin-left:6px;font-size:12px}
.menu[open] summary{color:#fff}
.menu ul{position:absolute;right:0;top:100%;margin:6px 0 0;padding:8px;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:220px;box-shadow:0 18px 40px #0008}
.menu li a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--text);text-decoration:none}.menu li a:hover,.menu li a[aria-current]{background:#1b2c49}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:10px;font-weight:800;text-decoration:none;font-size:16px;border:2px solid transparent;cursor:pointer;font-family:inherit;line-height:1.2;text-align:center}
.btn-primary{background:var(--blue);color:#07152b}.btn-primary:hover{background:var(--blue2);color:#07152b}
.btn-secondary{border-color:var(--blue);color:#fff;background:transparent}.btn-secondary:hover{background:#13284a;color:#fff}
.btn-sm{min-height:44px;padding:8px 16px;font-size:15px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* sections */
.hero{padding:96px 0 84px;position:relative;overflow:hidden;isolation:isolate}
.hero:after{content:"";position:absolute;z-index:-1;right:-240px;top:-260px;width:760px;height:760px;background:radial-gradient(circle,#184c9488,transparent 65%);pointer-events:none}
.hero-sm{padding:64px 0 32px}
.eyebrow{color:#86bdff;letter-spacing:2px;text-transform:uppercase;font-size:13px;font-weight:800;margin:0 0 10px}
h1{font-size:clamp(34px,5.6vw,64px);line-height:1.08;letter-spacing:-.04em;max-width:920px;margin:12px 0 20px}
.lead{font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:720px}
.sec{scroll-margin-top:84px;padding:76px 0;border-top:1px solid var(--line)}.sec.alt{background:var(--panel2)}
.h2{font-size:clamp(28px,3.6vw,44px);line-height:1.15;letter-spacing:-.03em;margin:0 0 18px;max-width:860px}
h3{font-size:20px;letter-spacing:-.015em;margin:0 0 8px;line-height:1.3}
.note{color:var(--muted);font-size:15px;border-left:3px solid var(--blue);padding-left:14px;margin-top:28px;max-width:760px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.card,.svc a{background:linear-gradient(145deg,#16253d,#101a2d);border:1px solid var(--line);border-radius:14px;padding:26px}
.card p{color:var(--muted);margin:0;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0;margin:28px 0 0}
.svc a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--text)}.svc a:hover{border-color:var(--blue)}
.svc p{color:var(--muted);font-size:15.5px;margin:0 0 14px}.num{color:var(--blue);font-size:13px;font-weight:800;margin-bottom:14px}.more{margin-top:auto;color:var(--blue2);font-weight:700;font-size:15px}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin:26px 0 0}
.steps li{counter-increment:s;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--muted)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#07152b;font-weight:850;margin-bottom:12px}
.steps strong{color:var(--text)}
.checks,.work{padding:0;list-style:none;display:grid;gap:12px;margin:22px 0;max-width:860px}
.checks li{padding-left:30px;position:relative;color:var(--muted)}.checks li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}
.checks strong,.work strong{color:var(--text)}
.work{grid-template-columns:repeat(2,1fr);gap:18px;max-width:none}.work li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--muted)}
.work a,.sec p a,.sec li a{display:inline-block;padding:10px 0;min-height:44px}
.faq{display:grid;gap:12px;margin-top:22px;max-width:860px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px}
.faq summary{cursor:pointer;padding:14px 48px 14px 20px;min-height:52px;display:flex;align-items:center;position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:20px;font-size:24px;color:var(--blue)}
.faq details[open] summary::after{content:"−"}.faq summary h3{margin:0;font-size:18px}
.faq p{margin:0;padding:0 20px 18px;color:var(--muted)}
.band{background:linear-gradient(135deg,#123566,#0c1a33)}.band .h2{margin-bottom:8px}
.doc h2.h2{font-size:clamp(22px,2.6vw,28px)}.doc{padding:28px 0}
/* form */
.formsec{background:var(--panel2)}
.rac{margin-top:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,4vw,32px)}
.field{margin-bottom:18px}
label{display:block;font-weight:700;margin-bottom:6px}.req{color:var(--err)}.opt{color:var(--muted);font-weight:400}
input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--text);background:#0a1426;border:1.5px solid #3a5579;border-radius:10px;padding:11px 14px;min-height:48px}
textarea{resize:vertical;min-height:96px}
input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:3px solid #57a5ff55;outline-offset:0}
[aria-invalid=true]{border-color:var(--err)}
.hint{font-size:14px;color:var(--muted);margin:6px 0 0}.ferr{color:var(--err);font-size:15px;margin:6px 0 0;font-weight:600}.ferr:empty{display:none}
.fine{font-size:14px;color:var(--muted)}.req-key{margin-top:0}.req-key span{color:var(--err)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.err-summary{border:2px solid var(--err);border-radius:12px;padding:12px 18px;margin-bottom:18px;background:#2a1220}.err-summary ul{margin:6px 0 0;padding:0;list-style:none}.err-summary li a,.err-summary a{color:#ffd0d0;display:block;padding:10px 0;min-height:44px}
.rac button{width:100%;margin-top:6px}.rac button[disabled]{opacity:.7;cursor:progress}
.rac-ok{margin-top:24px;border:2px solid var(--ok);border-radius:16px;padding:24px;background:#0f2a22}.rac-ok h3{color:var(--ok)}
/* footer */
.foot{border-top:1px solid var(--line);padding:48px 0 28px;color:var(--muted);font-size:15px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.fh{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin:0 0 8px}
.foot ul{list-style:none;padding:0;margin:0}.foot li a{display:flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}.foot li a:hover{color:#fff}
.legal{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.legal a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{font-size:16px}.sec{scroll-margin-top:124px}.cards,.work,.grid,.fgrid{grid-template-columns:1fr}.hero{padding:56px 0 52px}.sec{padding:56px 0}
 .nav{gap:0 14px;padding:6px 0}.logo{font-size:19px;flex-basis:100%;margin-right:0}.nav .btn-sm{margin-left:auto}
 .ctas .btn{flex:1 1 100%}.menu ul{left:0;right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.top,.formsec,.pv{display:none}}

/* 2026-10-24 website builds: mobile header = logo + button on row 1, links on row 2 */
@media(max-width:700px){.nav{gap:0 12px}.logo{flex-basis:auto;margin-right:auto}.nav .btn-sm{order:1;margin-left:0}.nav::after{content:"";flex-basis:100%;order:1}.menu,.navlink{order:2}}
