
    :root { --ink:#0c1114; --panel:#12191d; --white:#edece5; --muted:#a8b0b0; --dim:#7f8e92; --line:#303b40; --amber:#e0b982; --green:#a6c9b6; font-family:"Segoe UI",Arial,sans-serif; color:var(--white); background:var(--ink); font-synthesis:none; }
    * { box-sizing:border-box; }
    body { margin:0; padding-bottom:0; }
    button,select { font:inherit; }
    button,a,select { -webkit-tap-highlight-color:transparent; }
    button { cursor:pointer; }
    button:disabled { cursor:default; opacity:.65; }
    a { color:inherit; text-decoration:none; }
    button:focus-visible,a:focus-visible,select:focus-visible { outline:2px solid var(--amber); outline-offset:5px; }
    button { color:inherit; }
    [hidden] { display:none !important; }
    .brand { display:inline-flex; align-items:center; gap:14px; font-size:13px; font-weight:600; letter-spacing:.25em; }
    .mark { width:31px; height:31px; fill:none; stroke:var(--amber); stroke-width:1.1; }
    .site-header { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px 5.4%; }
    .text-button { background:none; border:0; padding:10px 0; color:var(--muted); font-size:14px; }
    .text-button:hover { color:var(--white); }
    .arrow { display:inline-block; margin-left:18px; color:var(--amber); font-size:17px; }
    .screen { min-height:100svh; }
    .public { position:relative; overflow:hidden; display:flex; flex-direction:column; }
    .sky { position:absolute; inset:0; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse at 83% 24%,#25323844,transparent 53%); }
    .stars { position:absolute; inset:0; opacity:.65; background-image:radial-gradient(circle at 78% 16%,#e8ddd4 0 1px,transparent 1.6px),radial-gradient(circle at 63% 27%,#72838a 0 .7px,transparent 1.2px),radial-gradient(circle at 91% 45%,#c8d3d3 0 .7px,transparent 1.2px),radial-gradient(circle at 52% 12%,#72838a 0 .7px,transparent 1.2px),radial-gradient(circle at 44% 76%,#72838a 0 .7px,transparent 1.2px),radial-gradient(circle at 85% 82%,#c8d3d3 0 .7px,transparent 1.2px),radial-gradient(circle at 36% 42%,#72838a 0 .7px,transparent 1.2px),radial-gradient(circle at 96% 9%,#72838a 0 .7px,transparent 1.2px); }
    .planet { position:absolute; width:670px; height:670px; border-radius:50%; right:-118px; top:139px; background:radial-gradient(circle at 25% 25%,#303d42 0,#1d2b31 30%,#10181d 60%,#0b1013 74%); box-shadow:inset 1px 2px 2px #c7af8870,inset 12px 9px 26px #9a987c13,-12px -10px 60px #8a9b8e06; }
    .planet::before { content:""; position:absolute; inset:18px; border:1px solid #7585810d; border-radius:50%; }
    .orbit { position:absolute; width:1010px; height:370px; right:-263px; top:282px; border:1px solid #c8ad764d; border-radius:50%; transform:rotate(-39deg); }
    .orbit::before { content:""; position:absolute; width:6px; height:6px; top:88px; left:65px; background:var(--amber); border-radius:50%; box-shadow:0 0 14px #e0b98255; }
    .orbit-secondary { width:810px; height:810px; right:-188px; top:68px; border-color:#9ba8a51a; transform:none; }
    .orbit-secondary::before { display:none; }
    .hero { position:relative; z-index:1; flex:1; display:flex; align-items:center; min-height:525px; padding:50px 9.1% 90px; }
    .hero-copy { max-width:620px; }
    .eyebrow { color:var(--amber); font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; margin:0 0 30px; }
    h1,h2,p { margin-top:0; }
    .hero h1 { font-size:clamp(82px,9.2vw,142px); line-height:1; font-weight:300; letter-spacing:-.065em; margin:0 0 32px -7px; }
    .hero .description { font-size:clamp(21px,2.1vw,29px); line-height:1.5; font-weight:300; letter-spacing:-.025em; max-width:490px; margin-bottom:28px; }
    .description span { display:block; color:var(--muted); }
    .invitation-note { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:13px; margin:0; }
    .invitation-note::before { content:""; width:22px; height:1px; background:var(--amber); }
    .site-footer { position:relative; z-index:1; margin:0 5.4%; padding:23px 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; font-size:11px; color:var(--dim); letter-spacing:.04em; }
    .footer-label { display:flex; align-items:center; gap:9px; }
    .small-cross { color:var(--amber); font-size:16px; font-weight:300; }
    .review-bar { position:fixed; z-index:10; bottom:0; left:0; right:0; min-height:72px; padding:14px 30px; display:flex; align-items:center; justify-content:space-between; gap:20px; background:#181f23; border-top:1px solid #3b454a; }
    .review-caption { font-size:12px; line-height:1.6; color:var(--muted); }
    .review-caption strong { color:var(--white); display:block; font-weight:500; }
    .review-nav { display:flex; gap:5px; }
    .review-nav button { background:transparent; border:1px solid transparent; border-radius:4px; padding:10px 16px; color:var(--muted); font-size:12px; }
    .review-nav button[aria-current="page"] { color:var(--white); border-color:#566269; background:#263035; }
    .review-nav button:hover { background:#263035; }
    .state-control { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:12px; }
    select { background:var(--ink); border:1px solid var(--line); border-radius:3px; color:var(--white); padding:8px; max-width:160px; }
    .portal { background:radial-gradient(ellipse at 100% 0,#26342f44,transparent 55%),var(--ink); }
    .account-label { font-size:12px; color:var(--muted); display:flex; align-items:center; gap:12px; }
    .avatar { width:28px; height:28px; border-radius:50%; border:1px solid #56615f; display:grid; place-items:center; color:var(--green); font-size:11px; }
    .portal-main { max-width:1060px; margin:auto; padding:55px 40px 70px; }
    .portal-main .eyebrow { margin-bottom:18px; }
    .portal h1 { font-size:clamp(38px,4.4vw,60px); font-weight:300; letter-spacing:-.045em; margin-bottom:18px; }
    .lead { color:var(--muted); max-width:580px; font-size:16px; line-height:1.75; }
    .downloads { margin-top:40px; display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); }
    .download { padding:30px; }
    .download:nth-child(even) { border-left:1px solid var(--line); }
    .download:nth-child(n+3) { border-top:1px solid var(--line); }
    .platform-line { display:flex; align-items:center; gap:14px; margin-bottom:26px; }
    .platform-line svg { width:26px; height:26px; stroke:var(--muted); fill:none; stroke-width:1.2; }
    .platform-line h2 { margin:0; font-size:19px; font-weight:400; }
    .download p { font-size:13px; line-height:1.7; color:var(--muted); margin-bottom:26px; }
    .primary { display:inline-flex; justify-content:center; align-items:center; gap:35px; padding:14px 22px; background:var(--amber); color:#1d2224; border:1px solid var(--amber); font-size:13px; font-weight:600; border-radius:2px; }
    .primary:hover { background:#eed0a6; border-color:#eed0a6; }
    .secondary { background:transparent; border:1px solid #576265; color:var(--white); }
    .secondary:hover { background:#273036; border-color:#a8b0b0; }
    .portal-notes { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:38px; }
    .portal-notes h2 { font-size:13px; font-weight:500; margin-bottom:12px; }
    .portal-notes p { font-size:13px; color:var(--muted); line-height:1.8; margin:0; }
    .launcher-stage { background:#080c0e; padding:48px 28px; display:grid; place-items:center; }
    .launcher-window { width:min(960px,100%); border:1px solid #384348; border-radius:8px; overflow:hidden; background:var(--panel); box-shadow:0 25px 85px #0006; }
    .launcher-titlebar { height:61px; padding:0 26px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
    .launcher-titlebar .brand { font-size:10px; gap:11px; }
    .launcher-titlebar .mark { width:25px; height:25px; }
    .titlebar-label { font-size:11px; color:var(--muted); }
    .launcher-body { display:grid; grid-template-columns:.85fr 1.15fr; min-height:485px; }
    .launcher-art { position:relative; overflow:hidden; background:#10191d; padding:35px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); }
    .launcher-art .sky { opacity:.9; }
    .launcher-art .planet { width:420px; height:420px; top:90px; right:-170px; }
    .launcher-art .orbit { width:580px; height:230px; top:220px; right:-230px; }
    .launcher-art .eyebrow { position:relative; z-index:1; font-size:10px; }
    .launcher-art h2 { position:relative; z-index:1; font-size:39px; line-height:1.16; letter-spacing:-.04em; font-weight:300; margin:0 0 20px; }
    .launcher-art p { position:relative; z-index:1; font-size:12px; color:var(--muted); line-height:1.7; margin:0; max-width:230px; }
    .launcher-content { padding:32px 36px 26px; display:flex; flex-direction:column; }
    .launcher-content .account-label { margin-bottom:40px; }
    .launcher-content h1 { font-size:32px; font-weight:300; letter-spacing:-.035em; margin-bottom:13px; }
    .state-description { color:var(--muted); font-size:14px; line-height:1.7; min-height:72px; margin-bottom:24px; }
    .environment { margin:auto 0 24px; padding:15px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:12px; display:flex; justify-content:space-between; gap:18px; }
    .environment span { color:var(--muted); }
    .environment strong { font-weight:400; }
    .status-line { font-size:12px; display:flex; align-items:center; gap:9px; margin-bottom:14px; color:var(--green); }
    .status-line::before { content:""; width:5px; height:5px; background:currentColor; border-radius:50%; }
    .status-line[data-tone="attention"] { color:var(--amber); }
    .launch-actions { display:flex; gap:12px; }
    .launch-actions .primary { flex:1; }
    .launch-actions .text-button { padding:10px; }
    .launcher-bottom { margin-top:22px; display:flex; justify-content:space-between; gap:20px; font-size:11px; color:var(--dim); }
    .launcher-bottom .text-button { padding:0; font-size:11px; }
    .progress-block { margin:-8px 0 24px; }
    progress { display:block; width:100%; height:4px; accent-color:var(--amber); border:0; border-radius:0; background:#344047; }
    progress::-webkit-progress-bar { background:#344047; }
    progress::-webkit-progress-value { background:var(--amber); }
    progress::-moz-progress-bar { background:var(--amber); }
    .progress-label { display:flex; justify-content:space-between; font-size:11px; color:var(--muted); margin-top:10px; }
    dialog { width:min(430px,calc(100% - 32px)); padding:34px; color:var(--white); background:var(--panel); border:1px solid #526068; border-radius:6px; }
    dialog::backdrop { background:#02080cbb; backdrop-filter:blur(5px); }
    dialog h2 { font-size:27px; font-weight:400; letter-spacing:-.025em; }
    dialog p { font-size:14px; line-height:1.75; color:var(--muted); }
    dialog .primary { width:100%; margin-top:10px; }
    .dialog-close { float:right; padding:0 0 12px 12px; background:transparent; border:0; color:var(--muted); font-size:22px; }
    .preview-disclosure { font-size:11px; color:var(--dim); margin-top:20px; margin-bottom:0; }
    @media (min-width:1600px) { .planet { right:2%; } .orbit { right:-5%; } .orbit-secondary { right:-2%; } }
    @media (max-width:1050px) { .planet { right:-280px; } .orbit { right:-445px; } .orbit-secondary { right:-350px; } .hero-copy { max-width:520px; } .hero { padding-left:7%; } .hero .description { max-width:400px; } .review-caption span { display:none; } .review-bar { padding:14px 20px; gap:12px; } .launcher-content { padding:28px; } }
    @media (max-width:720px) {
      body { padding-bottom:142px; } .screen { min-height:calc(100svh - 142px); }
      .site-header { padding:25px 24px; } .brand { font-size:11px; gap:10px; } .mark { width:26px; height:26px; } .site-header .text-button { font-size:12px; } .arrow { margin-left:7px; }
      .hero { min-height:570px; align-items:flex-start; padding:90px 28px 160px; } .hero h1 { font-size:clamp(64px,22.5vw,88px); margin-left:-5px; margin-bottom:25px; } .hero .description { font-size:22px; max-width:315px; } .hero .eyebrow { margin-bottom:27px; }
      .planet { width:480px; height:480px; top:370px; right:-175px; opacity:.65; } .orbit { width:650px; height:245px; top:500px; right:-255px; } .orbit-secondary { width:590px; height:590px; top:320px; right:-230px; }
      .site-footer { margin:0 24px; padding:20px 0; font-size:10px; } .site-footer .footer-label { display:none; }
      .review-bar { padding:12px 16px; flex-wrap:wrap; justify-content:center; min-height:116px; gap:8px 20px; } .review-caption { width:100%; text-align:center; font-size:11px; } .review-caption strong { display:inline; margin-right:6px; } .review-caption span { display:inline; } .review-nav button { padding:9px 12px; } .state-control { font-size:11px; } .state-control select { font-size:12px; padding:6px; }
      .portal-main { padding:40px 24px; } .portal h1 { font-size:40px; } .lead { font-size:14px; } .downloads { grid-template-columns:1fr; margin-top:30px; } .download { padding:25px; } .download:nth-child(even) { border-left:0; } .download + .download { border-top:1px solid var(--line); } .portal-notes { grid-template-columns:1fr; gap:24px; } .portal .site-header .account-label .avatar { display:none; } .portal .site-header .account-label { font-size:11px; }
      .launcher-stage { padding:20px 14px; } .launcher-titlebar { padding:0 20px; } .launcher-body { grid-template-columns:1fr; } .launcher-art { min-height:160px; padding:25px; border-right:0; border-bottom:1px solid var(--line); } .launcher-art .eyebrow { margin-bottom:24px; } .launcher-art h2 { font-size:28px; margin-bottom:0; } .launcher-art h2 br { display:none; } .launcher-art p:not(.eyebrow) { display:none; } .launcher-art .planet { top:-80px; right:-90px; width:340px; height:340px; } .launcher-art .orbit { top:50px; right:-150px; width:480px; } .launcher-content { padding:26px 25px; } .launcher-content .account-label { margin-bottom:26px; } .state-description { min-height:0; } .environment { margin-top:12px; } .launcher-bottom { font-size:10px; }
    }
    @media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
    @media (forced-colors:active) { .primary { border:1px solid ButtonText; } .sky { display:none; } .status-line::before { background:CanvasText; } }

.dialog-actions { display:grid; gap:12px; }
.dialog-actions a { width:100%; }
.status-message { color:var(--amber); line-height:1.7; }
.verification-code { font-size:28px; letter-spacing:.15em; color:var(--amber); }

.dialog-close { position:absolute; top:14px; right:18px; float:none; padding:6px 10px; }
code { overflow-wrap:anywhere; }
