:root{color-scheme:dark;scrollbar-gutter:stable;--bg:#0a0e1a;--panel:#161e33;--muted:#aebad1;--line:#303a55;--accent:#9a87ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#26214e,transparent 40%),var(--bg);color:#f6f6ff;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#bcb0ff}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid #ffffff19;background:#0a0e1ad9;position:sticky;top:0;z-index:2;backdrop-filter:blur(12px)}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0}.brand{font-size:20px;font-weight:800;letter-spacing:-.04em}.brand b{background:#9885ff;color:#11152a;padding:6px 10px;border-radius:10px;margin-right:10px}.links{display:flex;gap:22px;color:#c3cee5;font-size:14px}h1{font-size:clamp(42px,5.4vw,74px);letter-spacing:-.065em;line-height:1.07;margin:20px 0}h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;line-height:1.18}h3{font-size:21px;margin-bottom:8px}p{color:var(--muted)}.lead{font-size:19px}.eyebrow{color:#83e3cb;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:110px 0}.button{display:inline-flex;background:#8d78ed;border-radius:12px;padding:13px 21px;font-weight:700;margin:14px 10px 0 0}.button.alt{background:#27314b;border:1px solid #455271}.button.pending{opacity:.7;cursor:default}.muted{font-size:13px;color:#98a6c3}.mock{background:linear-gradient(145deg,#222c4b,#101829);border:1px solid #4c5579;border-radius:24px;padding:23px;box-shadow:0 35px 80px #0008}.mock .tabs{display:flex;gap:10px;margin-bottom:18px}.mock .tabs span{background:#303c60;border-radius:9px;padding:8px 13px;font-size:13px}.mock .tabs span:first-child{background:#7365cf}.drop{border:2px dashed #626f99;border-radius:18px;padding:65px 20px;text-align:center;background:#1b2741}.drop strong{display:block;font-size:23px}.section{padding:65px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#161f35;border:1px solid #313e5b;border-radius:18px;padding:27px}.card p{margin-bottom:0}.card .symbol{font-size:30px;color:#a998ff}.banner{background:linear-gradient(110deg,#153239,#1a2040);border:1px solid #37575f;border-radius:20px;padding:35px}.two{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.legal{max-width:850px;padding:75px 0 110px}.legal h1{font-size:48px}.legal h2{font-size:25px;margin-top:36px}.legal p,.legal li{color:#bdc8df}.notice{background:#29243f;border:1px solid #6e608c;border-radius:12px;padding:18px;color:#ded6ff;margin:25px 0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}footer{border-top:1px solid var(--line);padding:35px 0;color:#94a2bc;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{margin-left:14px}@media(max-width:780px){.hero{grid-template-columns:1fr;padding:65px 0}.grid,.two{grid-template-columns:1fr}.links{display:none}.legal h1{font-size:38px}}
/* Actual RC2 product screenshots */
.product-shot{margin:0;overflow:hidden;border:1px solid #4a5277;border-radius:21px;background:linear-gradient(145deg,#1e2846,#11192b);box-shadow:0 28px 75px #0007}.product-shot img{display:block;width:100%;height:auto;object-fit:contain;background:#11172a}.hero-shot{box-shadow:0 36px 90px #0009;transform:translateY(8px)}.shot-head{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid #ffffff19;color:#aab9d7;font-size:10px;font-weight:800;letter-spacing:.13em}.shot-indicator{width:8px;height:8px;border-radius:50%;background:#83e3cb;box-shadow:0 0 12px #83e3cb99}.shot-label{margin-left:auto;color:#d9d2ff;letter-spacing:0}.product-shot figcaption{padding:13px 17px;color:#a9b7d0;font-size:12px}.showcase-intro{max-width:650px;margin-bottom:28px}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.screen-grid .product-shot:last-child{grid-column:1/-1;max-width:calc(50% - 10px)}.screen-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.screen-grid figcaption strong{color:#f6f6ff;font-size:15px}.screen-grid img{aspect-ratio:16/10;object-fit:contain}@media(max-width:780px){.screen-grid{grid-template-columns:1fr}.screen-grid .product-shot:last-child{grid-column:auto;max-width:none}.hero-shot{transform:none}}

/* Shared primary navigation: stable across every page */
.links a.nav-active{color:#fff;font-weight:700;border-bottom:2px solid rgba(196,225,255,.9);padding-bottom:5px;text-shadow:0 0 9px rgba(167,226,255,.36);box-shadow:0 5px 8px -7px rgba(167,226,255,.7)}.links a[aria-current="page"]{text-decoration:none}.links a:focus-visible{outline:2px solid #36c4ba;outline-offset:5px;border-radius:3px}

/* Crisp white hover for text links, with a restrained cool glow. */
a:not(.button){transition:color .18s ease,text-shadow .18s ease}
a:not(.button):hover,
a:not(.button):focus-visible{color:#fff;text-shadow:0 0 7px rgba(167,226,255,.45),0 0 15px rgba(123,200,255,.18)}
a:not(.button):focus-visible{outline:2px solid #a7e2ff;outline-offset:4px;border-radius:3px}
@media(prefers-reduced-motion:reduce){a:not(.button){transition:none}}

/* Keep navigation text metrics fixed between pages. */
.links a{font-weight:700;white-space:nowrap}

/* Keep the active underline inside each link's fixed box. */
.links a{border-bottom:2px solid transparent;padding-bottom:5px}

/* Shared full-height page shell: short pages keep footer at viewport bottom. */
html{min-height:100%}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>header,body>footer{flex-shrink:0}
body>main{flex:1 0 auto;width:100%}
body>main.wrap{width:min(1100px,calc(100% - 40px))}

/* Persistent footer frame: preserve existing design and normal page scrolling. */
body{padding-bottom:100px}
body>footer{position:fixed;bottom:0;left:0;right:0;z-index:3;background:#0a0e1a;border-top:1px solid var(--line)}
@media(max-width:780px){body{padding-bottom:145px}body>footer{padding:22px 0}}

/* Entire linked feature/help card is interactive; pricing/info cards stay unchanged. */
.card:has(h3 > a[href]){position:relative;transition:border-color .18s ease,box-shadow .18s ease}
.card:has(h3 > a[href]):hover,
.card:has(h3 > a[href]):focus-within{border-color:rgba(255,255,255,.92);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.4)}
.card h3 > a[href]::after{content:"";position:absolute;inset:0;border-radius:inherit;cursor:pointer}
.card h3 > a[href]:focus-visible{outline:none}
.card:has(h3 > a[href]:focus-visible){outline:2px solid #a7e2ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.card:has(h3 > a[href]){transition:none}}

/* Compact three-step flow on Home. */
.how-steps{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:14px;align-items:center}
.how-steps .card{padding:21px 22px;min-width:0}
.how-arrow{text-align:center;font-size:28px;font-weight:300;color:#c8d9f1;line-height:1}
@media(max-width:780px){.how-steps{grid-template-columns:1fr;gap:12px}.how-arrow{font-size:25px;transform:rotate(90deg)}}

/* Home linked buttons: thin white outline on hover without layout shift. */
body:has(> main #how) main a.button:not(.pending){transition:box-shadow .18s ease,color .18s ease}
body:has(> main #how) main a.button:not(.pending):hover,
body:has(> main #how) main a.button:not(.pending):focus-visible{box-shadow:inset 0 0 0 1px rgba(255,255,255,.95);color:#fff}
@media(prefers-reduced-motion:reduce){body:has(> main #how) main a.button:not(.pending){transition:none}}