:root {
  --bg: #09090b;
  --panel: #121215;
  --panel-2: #18181b;
  --line: rgba(255,255,255,.1);
  --text: #fff;
  --muted: #a1a1aa;
  --accent: #a3ff12;
  --accent-deep: #77c900;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ambient { position: fixed; pointer-events:none; filter: blur(120px); opacity:.13; border-radius:50%; z-index:-1; }
.ambient-one { width:520px; height:520px; background:var(--accent); top:-260px; right:-100px; }
.ambient-two { width:420px; height:420px; background:#238cff; top:55vh; left:-340px; }
.site-header { width:min(calc(100% - 40px), var(--max)); height:84px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:20; }
.brand { display:flex; align-items:center; gap:11px; font-size:19px; font-weight:750; letter-spacing:-.5px; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:var(--accent); background:rgba(163,255,18,.1); border:1px solid rgba(163,255,18,.22); }
.brand-mark svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.primary-nav { display:flex; align-items:center; gap:30px; color:#d4d4d8; font-size:13px; font-weight:550; }
.primary-nav a { transition:.2s ease; }
.primary-nav a:hover { color:white; }
.primary-nav .nav-cta { color:#111; background:var(--accent); border-radius:999px; padding:11px 18px; font-weight:700; }
.menu-button { display:none; background:none; border:0; color:white; padding:10px; }
.menu-button span:not(.sr-only) { display:block; width:22px; height:1.5px; background:currentColor; margin:6px; }
.section-shell { width:min(calc(100% - 40px), var(--max)); margin-inline:auto; }
.hero { min-height:700px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:76px; padding-block:82px 90px; }
.eyebrow, .section-kicker { text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:750; color:#d4d4d8; }
.eyebrow { display:flex; align-items:center; gap:9px; }
.eyebrow span { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 18px var(--accent); }
h1 { margin:22px 0 24px; font-size:clamp(54px,6.7vw,90px); line-height:.96; letter-spacing:-.068em; max-width:760px; }
h1 em { color:var(--accent); font-style:normal; }
.hero-lede { max-width:620px; margin:0; color:var(--muted); font-size:17px; line-height:1.72; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:14px; border-radius:999px; padding:0 21px; font-size:13px; font-weight:700; transition:.25s ease; }
.button-primary { background:var(--accent); color:#111; box-shadow:0 12px 35px rgba(163,255,18,.12); }
.button-primary:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(163,255,18,.22); }
.button-ghost { border:1px solid var(--line); color:#e4e4e7; }
.button-ghost:hover { border-color:rgba(255,255,255,.26); background:rgba(255,255,255,.04); }
.launch-note { margin:23px 0 0; font-size:11px; color:#71717a; }
.launch-note span { color:#facc15; margin-right:6px; }
.hero-product { border:1px solid rgba(255,255,255,.13); border-radius:24px; background:rgba(18,18,21,.82); box-shadow:0 40px 100px rgba(0,0,0,.5); overflow:hidden; transform:perspective(1000px) rotateY(-3deg) rotateX(1deg); }
.window-bar { height:48px; display:flex; align-items:center; gap:7px; border-bottom:1px solid var(--line); padding:0 17px; color:#71717a; font-size:10px; }
.window-bar i { width:7px; height:7px; border-radius:50%; background:#3f3f46; }
.window-bar span { margin-left:auto; margin-right:auto; transform:translateX(-18px); }
.product-stage { padding:22px; }
.stage-topline, .stage-footer, .card-top, .card-action { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.stage-topline { color:#a1a1aa; font-size:11px; }
.status-pill { color:var(--accent); background:rgba(163,255,18,.08); border:1px solid rgba(163,255,18,.22); padding:6px 9px; border-radius:999px; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.status-pill.neutral { color:#a1a1aa; background:rgba(255,255,255,.04); border-color:var(--line); }
.orbit-card { height:340px; position:relative; display:grid; place-items:center; overflow:hidden; margin-block:17px; border-radius:18px; background:radial-gradient(circle at 50% 45%, rgba(163,255,18,.12), transparent 34%), #0c0c0e; border:1px solid rgba(255,255,255,.07); }
.orbit-ring { position:absolute; border:1px solid rgba(163,255,18,.18); border-radius:50%; animation:spin 18s linear infinite; }
.ring-one { width:210px; height:210px; }
.ring-two { width:300px; height:300px; border-style:dashed; animation-direction:reverse; animation-duration:28s; }
.orbit-core { width:118px; height:118px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:36%; background:var(--accent); color:#111; transform:rotate(-8deg); box-shadow:0 0 70px rgba(163,255,18,.18); }
.orbit-core strong { font-size:38px; letter-spacing:-.08em; line-height:1; }
.orbit-core small { font-size:9px; font-weight:800; letter-spacing:.22em; margin-top:5px; }
.orbit-chip { position:absolute; border:1px solid var(--line); background:rgba(24,24,27,.9); border-radius:999px; padding:8px 11px; color:#d4d4d8; font-size:9px; }
.chip-one { top:61px; right:55px; }.chip-two { bottom:70px; left:48px; }.chip-three { bottom:43px; right:46px; }
.stage-footer { padding-top:4px; }
.stage-footer div { display:flex; flex-direction:column; gap:4px; }
.stage-footer small { color:#71717a; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.stage-footer strong { font-size:13px; }
.stage-footer button { border:0; background:white; color:#111; border-radius:999px; padding:10px 16px; font-size:11px; font-weight:750; cursor:pointer; }
@keyframes spin { to { transform:rotate(360deg); } }
.trust-strip { min-height:82px; border-block:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); align-items:center; text-align:center; color:#71717a; font-size:10px; text-transform:uppercase; letter-spacing:.11em; }
.trust-strip div+div { border-left:1px solid var(--line); }
.section-block { padding-block:120px; }
.section-heading { max-width:610px; margin-bottom:48px; }
.section-heading h2, .support-copy h2, .access-copy h2 { margin:15px 0 18px; font-size:clamp(38px,5vw,62px); line-height:1.02; letter-spacing:-.055em; }
.section-heading p, .support-copy>p, .access-copy p { color:var(--muted); line-height:1.7; margin:0; font-size:15px; }
.catalog-grid { display:grid; grid-template-columns:1.15fr .925fr .925fr; gap:14px; }
.catalog-card { min-height:400px; display:flex; flex-direction:column; justify-content:space-between; padding:26px; border:1px solid var(--line); background:linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); border-radius:20px; transition:.3s ease; }
.catalog-card:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.2); }
.catalog-card.featured { background:linear-gradient(150deg, rgba(163,255,18,.1), rgba(255,255,255,.02) 48%); }
.category-icon { width:41px; height:41px; display:grid; place-items:center; background:rgba(255,255,255,.06); border:1px solid var(--line); border-radius:13px; color:var(--accent); font-size:18px; }
.micro-label { color:#71717a; font-size:9px; letter-spacing:.14em; font-weight:750; }
.catalog-card h3 { font-size:28px; letter-spacing:-.035em; margin:10px 0 13px; }
.catalog-card p:not(.micro-label) { color:var(--muted); font-size:13px; line-height:1.7; }
.card-action { border-top:1px solid var(--line); padding-top:18px; color:#71717a; font-size:10px; }
.card-action button { border:0; background:none; color:white; cursor:pointer; font-size:10px; font-weight:700; }
.process-section, .faq-section { background:#0d0d0f; border-block:1px solid var(--line); }
.steps { border-top:1px solid var(--line); }
.step { display:grid; grid-template-columns:100px 1fr; gap:25px; padding:37px 0; border-bottom:1px solid var(--line); }
.step>span { color:var(--accent); font-size:11px; font-weight:750; }
.step h3 { margin:0 0 9px; font-size:24px; letter-spacing:-.025em; }
.step p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; max-width:650px; }
.safety-callout { display:flex; gap:17px; margin-top:30px; padding:21px; border:1px solid rgba(163,255,18,.18); background:rgba(163,255,18,.05); border-radius:16px; }
.safety-icon { width:36px; height:36px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#111; background:var(--accent); font-weight:900; }
.safety-callout strong { font-size:13px; }.safety-callout p { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }
.support-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:95px; }
.support-copy h2 { max-width:520px; }
.check-list { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:30px 0 0; color:#d4d4d8; font-size:12px; }
.check-list li::before { content:'✓'; color:var(--accent); margin-right:9px; }
.support-panel { min-height:430px; padding:20px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(160deg,#18181b,#0e0e10); display:flex; flex-direction:column; gap:14px; box-shadow:0 35px 80px rgba(0,0,0,.35); }
.support-panel-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:17px; border-bottom:1px solid var(--line); }
.support-panel-head>div { display:flex; align-items:center; gap:10px; }
.support-panel-head span span { display:flex; flex-direction:column; gap:3px; }
.support-panel-head strong { font-size:11px; }.support-panel-head small { color:#71717a; font-size:9px; }
.avatar { width:34px; height:34px; display:grid!important; place-items:center; border-radius:10px; background:var(--accent); color:#111; font-weight:900; }
.online-dot { width:8px; height:8px; background:var(--accent); border-radius:50%; box-shadow:0 0 12px rgba(163,255,18,.8); }
.message { max-width:76%; padding:13px 14px; border-radius:15px; font-size:11px; line-height:1.55; }
.message small { display:block; margin-top:6px; font-size:8px; opacity:.5; }
.message-in { background:#27272a; border-bottom-left-radius:4px; }
.message-out { align-self:flex-end; background:var(--accent); color:#111; border-bottom-right-radius:4px; }
.chat-disabled { margin-top:auto; display:flex; justify-content:space-between; align-items:center; padding:14px 15px; color:#71717a; border:1px solid var(--line); border-radius:12px; font-size:10px; }
.faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:110px; align-items:start; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { list-style:none; display:flex; justify-content:space-between; gap:20px; padding:23px 0; cursor:pointer; font-size:13px; font-weight:600; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:var(--accent); font-size:20px; font-weight:400; transition:.2s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { margin:0; padding:0 42px 23px 0; color:var(--muted); font-size:12px; line-height:1.7; }
.early-access { margin-block:100px; padding:65px; border-radius:26px; background:var(--accent); color:#111; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.early-access .section-kicker { color:rgba(0,0,0,.6); }
.access-copy h2 { font-size:52px; margin-top:10px; }.access-copy p { color:rgba(0,0,0,.62); }
.waitlist-form { display:grid; grid-template-columns:1fr auto; gap:9px; }
.waitlist-form input { min-width:0; border:1px solid rgba(0,0,0,.18); border-radius:999px; background:rgba(255,255,255,.65); padding:0 18px; min-height:52px; outline:none; }
.waitlist-form input:focus { background:white; border-color:#111; }
.waitlist-form button { border:0; border-radius:999px; min-height:52px; padding:0 20px; background:#111; color:white; font-size:11px; font-weight:750; cursor:pointer; }
.waitlist-form small, .form-message { grid-column:1/-1; margin:2px 10px 0; font-size:9px; color:rgba(0,0,0,.58); }
.form-message { min-height:12px; font-weight:700; }
.site-footer { width:min(calc(100% - 40px), var(--max)); margin:auto; padding:55px 0 28px; border-top:1px solid var(--line); }
.footer-main { display:flex; justify-content:space-between; align-items:center; }.footer-main p { color:#71717a; font-size:12px; }
.footer-links { display:flex; gap:24px; margin-top:60px; color:#a1a1aa; font-size:11px; }
.footer-bottom { display:flex; justify-content:space-between; gap:15px; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); color:#52525b; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }
@media (max-width: 900px) {
  .site-header { height:72px; }
  .menu-button { display:block; }
  .primary-nav { position:absolute; top:72px; left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px; border:1px solid var(--line); border-radius:16px; background:rgba(15,15,17,.98); box-shadow:0 20px 50px rgba(0,0,0,.45); }
  .primary-nav.open { display:flex; }.primary-nav a { padding:15px; }.primary-nav .nav-cta { text-align:center; margin-top:5px; }
  .hero { grid-template-columns:1fr; gap:55px; padding-top:65px; }
  .hero-product { transform:none; max-width:620px; width:100%; margin:auto; }
  .catalog-grid { grid-template-columns:1fr 1fr; }.catalog-card.featured { grid-column:1/-1; }
  .support-grid, .faq-layout, .early-access { grid-template-columns:1fr; gap:45px; }
  .support-grid { gap:55px; }.faq-layout { gap:20px; }.early-access { padding:45px; }
  .trust-strip { grid-template-columns:1fr 1fr; }.trust-strip div { padding:18px 8px; }.trust-strip div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }.trust-strip div:nth-child(4) { border-top:1px solid var(--line); }
}
@media (max-width: 580px) {
  .site-header, .section-shell, .site-footer { width:min(calc(100% - 28px), var(--max)); }
  h1 { font-size:54px; }.hero { min-height:0; padding-block:55px 70px; }.hero-lede { font-size:15px; }
  .hero-actions .button { width:100%; }.orbit-card { height:290px; }.ring-two { width:260px; height:260px; }
  .section-block { padding-block:88px; }.catalog-grid { grid-template-columns:1fr; }.catalog-card.featured { grid-column:auto; }.catalog-card { min-height:340px; }
  .step { grid-template-columns:52px 1fr; }.check-list { grid-template-columns:1fr; }.support-panel { min-height:410px; }
  .early-access { width:calc(100% - 28px); margin-block:70px; padding:34px 22px; }.access-copy h2 { font-size:42px; }.waitlist-form { grid-template-columns:1fr; }.waitlist-form button { width:100%; }
  .footer-main, .footer-bottom { align-items:flex-start; flex-direction:column; }.footer-links { flex-wrap:wrap; margin-top:38px; }.footer-bottom { gap:10px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } .reveal { opacity:1; transform:none; } }