:root {
  color-scheme: dark;
  --bg: #030813;
  --panel: rgba(3, 12, 26, .80);
  --border: rgba(46, 145, 240, .42);
  --border-faint: rgba(52, 131, 215, .21);
  --text: #f6f9ff;
  --muted: #9db4d1;
  --cyan: #04e5f5;
  --blue: #2478ff;
  --mono: 'Space Mono', ui-monospace, Consolas, monospace;
  --sans: 'DM Sans', Inter, system-ui, -apple-system, sans-serif;
}
* { box-sizing: border-box; }
html { min-width: 320px; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--sans); overflow-x: hidden; }
button,a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
a:focus-visible, button:focus-visible { outline: 2px solid #52edff; outline-offset: 4px; }
button:disabled { cursor: not-allowed; opacity: .5; }
.ambient-scene { position: fixed; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 70% 18%,rgba(1,45,109,.17),transparent 44%), linear-gradient(115deg,#020811 10%,#041023 60%,#020813 100%); }
.ambient-scene::after { content:""; position:absolute; inset:0; opacity:.14; background-image: linear-gradient(rgba(31,108,194,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(31,108,194,.08) 1px,transparent 1px); background-size: 95px 95px; mask-image:linear-gradient(to right,transparent,black 70%); }
.page-shell { max-width: 1740px; min-height: 100vh; padding: 20px clamp(20px,2.2vw,42px) 14px; margin: 0 auto; }
.site-header { position: relative; z-index: 4; display:flex; align-items:center; justify-content:space-between; gap:22px; min-height: 78px; }
.brand { display:inline-flex; gap:8px; align-items:center; flex-shrink:0; }
.brand img { width:63px; height:63px; filter:drop-shadow(0 0 13px rgba(0,204,255,.13)); }
.brand span { letter-spacing:-2px; font-size:clamp(26px,2.1vw,36px); font-weight:800; }
.top-nav { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:clamp(9px,1.6vw,27px); color:#afc2df; font-size:11px; letter-spacing:2.8px; font-family:var(--mono); }
.top-nav i { font-style:normal; color:#688bb6; }
.back-link { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; border:1px solid #2475bd; border-radius:12px; padding:13px 19px; font-size:14px; background:rgba(2,9,21,.67); transition:background .2s,border-color .2s,transform .2s; }
.back-link:hover { background:rgba(8,36,67,.85); border-color:#33b7ff; transform:translateY(-1px); }
.back-link svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.hero { position:relative; min-height:640px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.96fr); align-items:center; gap:clamp(30px,3.5vw,66px); padding:46px clamp(12px,2.5vw,44px) 45px; isolation:isolate; overflow:clip; }
.hero-visual { position:absolute; z-index:-1; inset:-110px -2vw -25px -5vw; background:url('assets/scene.svg') center center / cover no-repeat; opacity:.96; pointer-events:none; }
.hero::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(2,8,19,.91) 0%,rgba(2,8,19,.48) 44%,rgba(2,8,19,.02) 74%); pointer-events:none; }
.hero-content { width:100%; max-width:750px; align-self:center; padding:18px 0 24px; }
.eyebrow { display:flex; flex-wrap:wrap; align-items:center; gap:11px; width:min(440px,100%); margin-bottom:46px; font-size:10px; line-height:1.7; letter-spacing:2.6px; font-family:var(--mono); color:#8db3db; }
.eyebrow strong { display:block; flex-basis:100%; font-weight:400; position:relative; padding-bottom:12px; }
.eyebrow strong::after { content:""; height:2px; width:34px; background:#05ddec; position:absolute; bottom:0; left:0; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:18px; font-size:clamp(52px,5vw,85px); letter-spacing:-4.9px; line-height:1.05; font-weight:800; text-wrap:balance; white-space:nowrap; }
h1 span { display:inline-block; padding-bottom:7px; background:linear-gradient(95deg,#00e7ee 0%,#06aaff 53%,#2559f7 100%); background-clip:text; -webkit-background-clip:text; color:transparent; }
.lead { font-size:clamp(15px,1.25vw,19px); line-height:1.6; color:#a9bfdc; margin-bottom:25px; max-width:650px; }
.redirect-panel { border:1px solid rgba(47,141,234,.45); border-radius:10px; background:rgba(1,11,27,.88); padding:17px 22px; display:flex; align-items:center; gap:20px; min-height:78px; max-width:630px; }
.spinner { width:32px; height:32px; border:3px solid #1e4169; border-top-color:#00daff; border-left-color:#06c6ff; border-radius:100%; flex-shrink:0; animation:spin 1s linear infinite; }
@keyframes spin { to {transform:rotate(360deg);} }
.redirect-info { flex:1; min-width:0; }
.redirect-label { color:#c6dcf8; margin-bottom:8px; font-size:13px; }
.progress-track { width:100%; height:8px; border-radius:12px; background:#142844; overflow:hidden; }
.progress-fill { width:0%; height:100%; border-radius:12px; background:linear-gradient(90deg,#00dfef,#0b86ff); box-shadow:0 0 18px #0ac9ff; transition:width .08s linear; }
.countdown { font-size:22px; color:#d2e6fc; font-weight:500; min-width:34px; text-align:right; font-variant-numeric:tabular-nums; }
.actions { display:flex; align-items:stretch; gap:15px; margin-top:19px; max-width:630px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:13px; border-radius:11px; padding:18px 15px; min-height:59px; font-size:17px; font-weight:600; flex:1; transition:transform .18s,box-shadow .18s,border-color .18s, background .18s; white-space:nowrap; }
.button svg { height:22px; width:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.button-primary { border:1px solid #33ddff; color:#fff; background:linear-gradient(105deg,#07c9f5,#148afc 62%,#1162fb); box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 5px 24px rgba(0,154,255,.19); }
.button-primary:hover:not([aria-disabled="true"]) { transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,154,255,.39); }
.button-primary[aria-disabled="true"] { opacity:.56; pointer-events:none; }
.button .arrow-right { margin-left:auto; }
.button-secondary { border:1px solid #3977b8; color:#d7e8fa; background:rgba(0,10,23,.9); }
.button-secondary:hover:not(:disabled) { border-color:#5ac8ff; background:rgba(6,29,56,.92); transform:translateY(-2px); }
.button .copy-icon { width:20px; height:20px; margin-left:auto; }
.fallback-text { color:#8ca9cb; font-size:13px; margin:13px 0 0; display:flex; gap:10px; align-items:flex-start; max-width:650px; line-height:1.6; }
.fallback-text svg { margin-top:1px; width:18px; height:18px; fill:none;stroke:#4baafa;stroke-width:1.65;flex-shrink:0;stroke-linecap:round; }
.cancel-link { display:block; color:#79c9f5; background:none; border:0; padding:10px 0 0; font-size:12px; text-decoration:underline; text-decoration-color:#3567a2; text-underline-offset:3px; }
.cancel-link[hidden] { display:none; }
.cancel-link:hover { color:#d6faff; }
.why-card { width:100%; align-self:end; margin-bottom:58px; background:linear-gradient(125deg,rgba(2,11,25,.93),rgba(3,14,32,.87)); padding:21px 19px 18px; border:1px solid rgba(50,156,243,.53); border-radius:12px; box-shadow:0 21px 80px rgba(0,2,11,.40),inset 0 1px rgba(177,226,255,.035); backdrop-filter:blur(10px); }
.card-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:1px 7px 16px; }
.card-heading h2 { margin:0; font:700 10px/1.6 var(--mono); letter-spacing:1.8px; color:#d0e8ff; }
.card-heading span { width:29px; height:2px; background:var(--cyan);flex-shrink:0; }
.benefit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.benefit-card { display:flex; align-items:flex-start; gap:14px; padding:15px 12px; min-height:130px; border:1px solid var(--border-faint); border-radius:10px; background:rgba(0,8,20,.55); }
.benefit-icon { display:grid; place-items:center; width:50px; height:51px; border:1px solid rgba(20,122,225,.36); border-radius:10px; background:linear-gradient(135deg,rgba(4,32,65,.55),rgba(7,25,47,.18)); flex-shrink:0; }
.benefit-icon svg { width:26px; height:26px; fill:none; stroke:#0cafff; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.benefit-card h3 { margin:3px 0 7px; font-size:14px; font-weight:700; color:#f2f8ff; }
.benefit-card p { margin:0; color:#93adcb; font-size:12px; line-height:1.56; }
.feature-strip { margin:0 0 10px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid rgba(48,137,230,.40); border-radius:12px; background:rgba(2,11,25,.84); overflow:hidden; }
.strip-item { display:flex; gap:20px; align-items:flex-start; min-height:127px; padding:22px clamp(12px,1.9vw,27px); position:relative; }
.strip-item:not(:last-child)::after { content:""; position:absolute; right:0; top:20px; bottom:20px; border-right:1px solid rgba(47,112,177,.4); }
.strip-icon { flex:0 0 48px; width:48px; height:48px; border-radius:50%; border:1px solid rgba(18,126,244,.4); background:rgba(7,27,54,.58); display:grid; place-items:center; }
.strip-icon svg { width:25px; height:25px; stroke:#128df7; stroke-width:1.75; stroke-linejoin:round; stroke-linecap:round; fill:none; }
.strip-item h3 { font-size:14px; margin:4px 0 5px; color:#eff7ff; font-weight:700; }
.strip-item p { font-size:12px; line-height:1.6; margin:0; color:#8caacc; }
.site-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; font:10px/1.8 var(--mono); letter-spacing:1.2px; color:#6381a8; padding:13px 5px 0; }
.site-footer a { color:#8ebadc; }
.site-footer a:hover { color:var(--cyan); }
.toast { position:fixed; z-index:20; bottom:28px; left:50%; transform:translate(-50%,18px); opacity:0; pointer-events:none; background:#062d43; color:#e8fdff; border:1px solid #0aa5d5; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,.36); padding:12px 22px; font-size:14px; transition:transform .23s,opacity .23s; }
.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:1290px) {
 .top-nav { gap:10px; letter-spacing:1.5px; }
 .hero { gap:28px; padding-inline:10px; }
 h1 { font-size:clamp(50px,5.15vw,69px); letter-spacing:-3.5px; }
 .why-card { margin-bottom:44px; }
 .benefit-card { flex-direction:column; gap:8px; min-height:165px; }
 .strip-item { gap:10px; }
 .strip-icon { flex-basis:39px; width:39px; height:39px; }
}
@media (max-width:970px) {
 .site-header { flex-wrap:wrap; }
 .top-nav { order:3; width:100%; font-size:10px; }
 .hero { grid-template-columns:1fr; gap:28px; padding:68px 12px 30px; }
 .hero-content { max-width:760px; }
 .eyebrow { margin-bottom:30px; }
 h1 { font-size:clamp(45px,8vw,78px); }
 .lead { max-width:640px; }
 .hero-visual { inset:-80px -20vw -45px 8vw; background-position:60% top; opacity:.72; }
 .hero::after { background:linear-gradient(90deg,rgba(2,8,19,.86) 0%,rgba(2,8,19,.35) 100%); }
 .why-card { max-width:760px; margin:0; }
 .benefit-card { flex-direction:row; min-height:126px; }
 .feature-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .strip-item:nth-child(2)::after { display:none; }
 .strip-item:nth-child(-n+2) { border-bottom:1px solid var(--border-faint); }
}
@media (max-width:620px) {
 .page-shell { padding:14px 16px 10px; }
 .site-header { min-height:60px; gap:12px; }
 .brand img { width:43px; height:43px; }
 .brand span { font-size:27px; letter-spacing:-1.8px; }
 .back-link { font-size:0; padding:11px; gap:0; border-radius:9px; }
 .back-link svg { width:18px; height:18px; }
 .top-nav { justify-content:flex-start; gap:8px; font-size:9px; letter-spacing:.6px; }
 .hero { padding:56px 0 28px; }
 .hero-visual { inset:-15px -85vw -15px -40vw; opacity:.52; background-position:58% top; }
 .hero::after { background:linear-gradient(90deg,rgba(2,8,19,.85),rgba(2,8,19,.49)); }
 .eyebrow { gap:8px; margin-bottom:30px; font-size:9px; letter-spacing:1.6px; }
 h1 { font-size:clamp(36px,9vw,54px); letter-spacing:-2.3px; margin-bottom:13px; white-space:normal; }
 .lead { font-size:14px; line-height:1.68; }
 .redirect-panel { gap:10px; padding:15px 12px; }
 .redirect-label { font-size:12px; }
 .countdown { font-size:18px; }
 .spinner { width:27px; height:27px; }
 .actions { flex-direction:column; gap:11px; }
 .button { width:100%; min-height:56px; font-size:15px; }
 .why-card { padding:15px 11px; }
 .card-heading h2 { letter-spacing:.75px; }
 .benefit-grid { grid-template-columns:1fr; }
 .benefit-card { min-height:auto; padding:14px; }
 .benefit-card h3 { font-size:14px; }
 .benefit-card p { font-size:12px; }
 .feature-strip { grid-template-columns:1fr; }
 .strip-item { min-height:95px; }
 .strip-item:not(:last-child) { border-bottom:1px solid var(--border-faint); }
 .strip-item::after { display:none; }
 .site-footer { font-size:9px; gap:8px; }
 .site-footer>span:nth-child(2) { display:none; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }