:root { --ink:#edf3ff; --muted:#9dacC6; --line:#263a5b; --blue:#68aaff; --green:#73dfb4; --deep:#07101f; --panel:#101d33; } * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:radial-gradient(circle at 80% 0,#183b70 0,transparent 34rem),var(--deep); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; } a { color:inherit; text-decoration:none; } .site-header,main,footer { width:min(1120px,calc(100% - 48px)); margin:auto; }.site-header { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid rgba(154,181,220,.2); }.brand { font-size:13px; font-weight:800; letter-spacing:.12em; white-space:nowrap; }.brand span { color:var(--blue); margin-right:7px; } nav { display:flex; gap:26px; color:#b5c7e1; font-size:13px; } nav a:hover,.header-link:hover,footer a:hover { color:var(--blue); }.header-link { color:#a9c8ef; font-size:12px; }.hero { padding:122px 0 78px; max-width:900px; }.eyebrow { color:#86baff; font-size:11px; font-weight:800; letter-spacing:.14em; }.hero h1 { margin:18px 0 20px; font-size:clamp(42px,6.4vw,76px); letter-spacing:-.066em; line-height:.99; }.hero em { color:#79d9b3; font-style:normal; }.hero p { max-width:650px; margin:0; color:var(--muted); font-size:18px; line-height:1.6; }.hero-actions { display:flex; gap:11px; margin-top:30px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:43px; padding:11px 15px; border:1px solid #446997; border-radius:8px; font-size:13px; font-weight:750; }.button.primary { border-color:#73b0ff; background:#66a7f1; color:#061321; }.button.primary:hover { background:#86bdff; }.button.ghost { background:#142945; color:#deebff; }.button.ghost:hover { background:#203a60; }.trust-list { display:flex; gap:18px; flex-wrap:wrap; margin:32px 0 0; padding:0; list-style:none; color:#aac0dc; font-size:12px; }.trust-list li::before { content:"✓"; color:var(--green); margin-right:7px; }.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:14px; overflow:hidden; background:rgba(13,27,48,.78); }.proof-grid article { padding:26px; border-right:1px solid var(--line); }.proof-grid article:last-child { border:0; }.number { color:#78adf0; font:700 12px ui-monospace,monospace; }.proof-grid h2,.download h2,.section-intro h2 { margin:12px 0 8px; letter-spacing:-.04em; }.proof-grid h2 { font-size:18px; }.proof-grid p,.section-intro p,.features p,.download p,footer p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }.workflow,.features,.download { margin-top:120px; }.workflow { display:grid; grid-template-columns:.95fr 1fr; gap:84px; align-items:start; }.section-intro h2,.download h2 { font-size:clamp(31px,4vw,50px); line-height:1.02; }.section-intro p { max-width:420px; margin-top:16px; font-size:15px; }.workflow ol { display:grid; gap:0; margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }.workflow li { display:grid; grid-template-columns:50px 1fr; gap:15px; padding:25px 0; border-bottom:1px solid var(--line); }.workflow li>span { width:30px; height:30px; display:grid; place-items:center; border:1px solid #4774a6; border-radius:50%; color:#a9c9ef; font:12px ui-monospace,monospace; }.workflow h3,.features h3 { margin:0 0 7px; font-size:17px; }.workflow p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:32px; }.feature-grid article { min-height:196px; padding:21px; border:1px solid #304b72; border-radius:12px; background:linear-gradient(140deg,#122440,#101b30); }.icon { display:block; height:34px; color:#81b8fb; font:22px ui-monospace,monospace; }.download { display:grid; grid-template-columns:.78fr 1.22fr; gap:62px; padding:55px 0 74px; }.download h2 { margin-top:12px; }.download>div>p { margin-top:16px; max-width:360px; }.download-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.download-cards article { position:relative; display:grid; align-content:start; gap:13px; min-height:250px; padding:25px; border:1px solid #3c5f8b; border-radius:13px; background:#0d1c32; }.download-cards .recommended { border-color:#5d9deb; box-shadow:0 0 0 1px rgba(104,170,255,.14); }.download-cards h3 { margin:0; font-size:20px; }.download-cards strong { margin-top:auto; color:#b9d5f8; font:700 13px ui-monospace,monospace; }.badge { position:absolute; top:-10px; right:15px; padding:4px 7px; border-radius:999px; background:#3a76b9; color:#eafbff; font-size:9px; font-weight:800; letter-spacing:.08em; }.alpha-note { grid-column:1/-1; color:#a8b9d0!important; font-size:11px!important; }.alpha-note a { color:#83b9fa; text-decoration:underline; } footer { display:flex; align-items:center; gap:19px; padding:26px 0 44px; border-top:1px solid rgba(154,181,220,.2); } footer p { margin-right:auto; font-size:11px; } footer>a:not(.brand) { color:#9db9dd; font-size:11px; }
@media (max-width:780px) { .site-header { min-height:68px; }.site-header nav { display:none; }.hero { padding:84px 0 60px; }.proof-grid,.feature-grid,.download-cards { grid-template-columns:1fr; }.proof-grid article { border-right:0; border-bottom:1px solid var(--line); }.proof-grid article:last-child { border:0; }.workflow,.download { grid-template-columns:1fr; gap:34px; margin-top:82px; }.features { margin-top:82px; }.download { padding-bottom:55px; }.site-header,main,footer { width:min(100% - 32px,1120px); } footer { align-items:flex-start; flex-wrap:wrap; gap:13px; } footer p { width:100%; } }