/* Static presentation boundary; no portable product policy lives in CSS. */
:root{color-scheme:dark;--bg:#081321;--panel:#0e1d30;--text:#f3f6fb;--muted:#adbdcf;--line:#2b3e55;--blue:#5598ff;--green:#97dfc0;--max:1160px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}
a{color:inherit;text-underline-offset:5px}
a:hover{color:#a5c8ff}
:focus-visible{outline:3px solid #b8d5ff;outline-offset:6px;border-radius:3px}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:10px;left:16px;transform:translateY(-180%);background:var(--text);color:var(--bg);padding:12px 20px;z-index:10}
.skip-link:focus{transform:none}
.site-header{border-bottom:1px solid var(--line)}
.header-row{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1px;font-weight:750;text-decoration:none;white-space:nowrap}
.brand b{color:var(--blue);font-weight:500}
nav{display:flex;flex-wrap:wrap;gap:26px}
nav a{text-decoration:none;font-size:14px;font-weight:600}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:82px 78px}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:750;color:var(--muted);margin:0 0 24px;display:flex;align-items:center;gap:10px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(40px,4.4vw,62px);letter-spacing:-2.8px;line-height:1.09;margin-bottom:25px;font-weight:650}
h1 em{color:#8dbbff;font-style:normal}
.hero-copy{font-size:20px;line-height:1.55;max-width:520px;margin-bottom:18px}
.muted{color:var(--muted);font-size:15px;max-width:520px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;text-align:center}
.primary{background:#2466d6;color:white;border:1px solid #4484ed}
.primary:hover{background:#3279ef;color:white}
.text-link{font-size:14px;font-weight:650;text-decoration:none}
.hero-panel{border:1px solid #3a5576;border-radius:12px;padding:32px;background:radial-gradient(ellipse at top right,#173661,transparent 75%),var(--panel);box-shadow:0 20px 65px #0003}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.panel-top .eyebrow{margin:0;font-size:10px;letter-spacing:1.5px}
.panel-heading{font-size:29px;line-height:1.25;letter-spacing:-.7px;font-weight:600}
.journey{list-style:none;padding:0;margin:30px 0 0}
.journey li{display:flex;gap:16px;align-items:center;border-top:1px solid #ffffff20;padding:19px 0}
.step{color:#8dbbff;font:12px ui-monospace,monospace}
.journey strong{font-size:14px;display:block;font-weight:600}
.journey div span{font-size:12px;color:var(--muted)}
.panel-note{font-size:11px;color:var(--muted);margin:12px 0 0}
.trust-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);padding-block:24px;gap:32px}
.trust-links a{text-decoration:none;font-size:13px}.trust-links span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px}.trust-links b{color:var(--blue);margin-left:5px}
.section{padding-block:68px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}
.section-heading .eyebrow{margin-bottom:15px}
h2{font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-1.3px;font-weight:600;margin-bottom:20px}
.section-heading h2{margin-bottom:0}
.section-heading>p{max-width:350px;font-size:14px;color:var(--muted);margin-bottom:0}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.product{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:30px}
.featured{border-color:#4f7db6;background:linear-gradient(125deg,#132b48,var(--panel))}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.product-number{font:11px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}
.badge{display:inline-block;align-self:start;width:fit-content;white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid #4e6585;border-radius:4px;padding:4px 9px;color:#c9daf2;background:#152a44}
.available{color:#afeace;border-color:#396954;background:#17362d}
.exploring{color:#dbcfef;background:#28243a;border-color:#615875}
.product h3{font-size:30px;letter-spacing:-1px;margin-bottom:6px;font-weight:600}
.product-tagline{color:var(--text)!important;font-weight:550}
.product>p{font-size:14px;color:var(--muted);margin-bottom:16px}
.product-bottom{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;align-items:start;gap:14px}
.fine{font-size:12px;color:var(--muted)}
.product-bottom p{margin:0}
.approach{background:#0b192a;border-block:1px solid var(--line);margin-block:12px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:42px}
.rule-number{display:block;color:var(--blue);font:12px ui-monospace,monospace;margin-bottom:18px}
.principles h3{font-size:19px;margin-bottom:10px}
.principles p{font-size:14px;color:var(--muted);margin:0}
.roadmap{list-style:none;padding:0;margin:0 0 24px}
.roadmap li{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line)}
.roadmap h3{font-size:19px;margin-bottom:8px;font-weight:600}
.roadmap p{font-size:14px;color:var(--muted);max-width:730px;margin:0}
.faq{padding-top:22px}
details{border-bottom:1px solid var(--line);padding:22px 0;scroll-margin-top:20px}
summary{cursor:pointer;font-size:17px;font-weight:550;padding-right:15px}
details p{max-width:850px;color:var(--muted);font-size:15px;margin:16px 0 0}
details:target{background:#102339;padding-inline:16px;border-radius:6px}
.support{border:1px solid #385d8a;border-radius:12px;background:linear-gradient(120deg,#142f50,#101c2d);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-block:20px 65px}
.support .eyebrow{margin-bottom:15px}.support p:last-child{color:var(--muted);font-size:14px;margin:0}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px 36px;border-top:1px solid var(--line)}
.site-footer .brand{font-size:21px}.site-footer p{font-size:12px;color:var(--muted);margin:0}
.legal{max-width:760px;padding-block:65px 90px}.legal h1{font-size:44px}.legal h2{font-size:24px;margin-top:36px;letter-spacing:-.5px}.legal p,.legal li{color:var(--muted)}
@media(max-width:1000px){.hero{gap:32px;padding-block:60px}.hero-panel{padding:25px}.hero h1{font-size:46px}.actions{gap:18px}.principles{gap:25px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header-row{flex-direction:column;align-items:start;padding-block:18px;gap:17px}nav{gap:12px 22px}nav a{font-size:13px}.hero{grid-template-columns:1fr;padding-block:45px 26px;gap:34px}.hero h1{font-size:clamp(38px,7vw,52px);letter-spacing:-1.8px}.hero-copy{font-size:18px}.hero-panel{max-width:560px}.section{padding-block:42px}.section-heading{display:block}.section-heading>p{margin-top:18px}.products,.principles{grid-template-columns:1fr}.product{padding:24px}.principles{gap:30px}.roadmap li{grid-template-columns:1fr;gap:15px}.support{display:block;padding:28px;margin-bottom:38px}.support .button{margin-top:24px}.site-footer{flex-wrap:wrap}.site-footer nav{width:100%}.legal{padding-block:40px}.legal h1{font-size:36px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a{transition:color .15s,background-color .15s}}
@media(max-width:760px){.trust-links{grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(42px,9vw,62px)}}