:root {
  color-scheme: dark;
  --black: #08090b;
  --black-soft: #111318;
  --white: #f7f8fa;
  --surface: #ffffff;
  --ink: #16181d;
  --muted: #717680;
  --orange: #ff5b35;
  --orange-hot: #ff7a45;
  --cyan: #6fe7ff;
  --line-dark: rgba(255,255,255,.13);
  --line: rgba(15,18,24,.12);
  --shadow: 0 38px 100px rgba(4,5,8,.24);
  --radius: 30px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--black);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
main { background: var(--white); }
a { color: inherit; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: white; background: var(--orange); }

.skip-link { position: fixed; left: 12px; top: -100px; z-index: 100; padding: 10px 14px; color: white; background: var(--orange); }
.skip-link:focus { top: 12px; }
.ambient-cursor { position: fixed; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient(440px circle at var(--cursor-x, 70%) var(--cursor-y, 30%), rgba(255,91,53,.08), transparent 65%); mix-blend-mode: screen; }

.site-header {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 30;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: min(1320px, calc(100% - 40px));
  min-height: 82px;
  color: white;
  border-bottom: 1px solid var(--line-dark);
  transform: translateX(-50%);
  transition: width .35s ease, min-height .35s ease, background .35s ease, border-radius .35s ease, box-shadow .35s ease;
}
.site-header.is-scrolled { width: min(1160px, calc(100% - 28px)); min-height: 64px; top: 10px; padding: 0 16px; border: 1px solid var(--line-dark); border-radius: 20px; background: rgba(9,10,13,.78); box-shadow: 0 15px 50px rgba(0,0,0,.24); backdrop-filter: blur(20px) saturate(140%); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; font-size: 20px; font-weight: 850; text-decoration: none; letter-spacing: -.04em; }
.brand img { border-radius: 11px; box-shadow: 0 0 0 1px rgba(255,255,255,.18); }
.site-header nav { display: flex; gap: 34px; font-size: 13px; }
.site-header nav a { color: rgba(255,255,255,.62); text-decoration: none; transition: color .2s ease; }
.site-header nav a:hover { color: white; }
.header-download { justify-self: end; padding: 11px 17px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: white; background: rgba(255,255,255,.08); font-size: 13px; font-weight: 750; text-decoration: none; backdrop-filter: blur(10px); transition: background .2s ease, border-color .2s ease; }
.header-download:hover { border-color: var(--orange); background: var(--orange); }

.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.94fr) minmax(420px,1.06fr);
  align-items: center;
  min-height: 100svh;
  padding: 120px max(24px,calc((100vw - 1320px)/2)) 76px;
  color: white;
  background: var(--black);
  overflow: hidden;
  isolation: isolate;
}
.hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 76% 45%, rgba(255,91,53,.18), transparent 28%), radial-gradient(circle at 80% 35%, rgba(93,96,255,.12), transparent 37%), linear-gradient(135deg,#08090b 0%,#0d0e12 50%,#08090b 100%); }
.hero::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .26; background-image: linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to bottom,black 0%,transparent 92%); }
.hero-grid { position: absolute; z-index: -1; left: 50%; bottom: -48%; width: 150%; height: 74%; border-top: 1px solid rgba(255,255,255,.12); background-image: linear-gradient(rgba(111,231,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(111,231,255,.1) 1px,transparent 1px); background-size: 70px 48px; transform: translateX(-50%) perspective(420px) rotateX(64deg); transform-origin: top; mask-image: linear-gradient(to bottom,black,transparent 76%); }
.speed-lines { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.speed-lines i { position: absolute; right: -25vw; width: 38vw; height: 1px; background: linear-gradient(90deg,transparent,rgba(255,122,69,.8),transparent); animation: speed-line 5s linear infinite; }
.speed-lines i:nth-child(1) { top: 26%; animation-delay: -1s; }
.speed-lines i:nth-child(2) { top: 53%; width: 26vw; animation-delay: -3.4s; }
.speed-lines i:nth-child(3) { top: 76%; width: 18vw; animation-delay: -2.1s; }
.hero-copy { position: relative; z-index: 4; min-width: 0; max-width: 680px; }
.eyebrow { margin: 0 0 22px; color: var(--orange-hot); font-size: 11px; line-height: 1.4; font-weight: 820; letter-spacing: .2em; }
.eyebrow span { display: inline-block; width: 32px; height: 2px; margin: 0 10px 3px 0; background: currentColor; box-shadow: 0 0 15px currentColor; }
.hero h1 { margin: 0; max-width: 800px; font-size: clamp(60px,7.2vw,112px); line-height: .91; letter-spacing: -.078em; font-weight: 900; }
.hero h1 em { color: transparent; background: linear-gradient(100deg,#fff 5%,#ffb29b 42%,var(--orange) 82%); background-clip: text; -webkit-background-clip: text; font-style: normal; filter: drop-shadow(0 0 28px rgba(255,91,53,.15)); }
.hero-lead { max-width: 590px; margin: 32px 0 0; color: rgba(255,255,255,.58); font-size: clamp(16px,1.5vw,20px); line-height: 1.78; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.button { position: relative; display: inline-flex; align-items: center; gap: 14px; min-width: 190px; min-height: 64px; padding: 10px 22px; border: 1px solid var(--line-dark); border-radius: 18px; color: white; text-decoration: none; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 49%,transparent 68%); transform: translateX(-130%); transition: transform .7s ease; }
.button:hover { transform: translateY(-3px); }
.button:hover::after { transform: translateX(130%); }
.button-primary { border-color: var(--orange); background: var(--orange); box-shadow: 0 16px 42px rgba(255,91,53,.25); }
.button-primary:hover { box-shadow: 0 22px 58px rgba(255,91,53,.35); }
.button-ghost { background: rgba(255,255,255,.06); backdrop-filter: blur(12px); }
.button-ghost:hover { border-color: rgba(255,255,255,.35); }
.button-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; font-size: 22px; background: rgba(0,0,0,.18); }
.button-ghost .button-icon { color: var(--orange-hot); background: rgba(255,91,53,.12); }
.button small,.button strong { display:block; }
.button small { margin-bottom:3px; opacity:.64; font-size:10px; font-weight:650; }
.button strong { font-size:15px; }
.community-link { display:inline-flex; align-items:center; gap:9px; margin-top:24px; color:rgba(255,255,255,.56); font-size:13px; font-weight:700; text-underline-offset:4px; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#4ee59a; box-shadow:0 0 0 5px rgba(78,229,154,.1),0 0 14px rgba(78,229,154,.55); animation:pulse 2s ease-in-out infinite; }
.is-pending { opacity:.5; }
.hero-meta { display:flex; flex-wrap:wrap; gap:20px; margin-top:44px; color:rgba(255,255,255,.32); font-size:9px; font-weight:750; letter-spacing:.16em; }

.hero-visual { --pointer-x:0; --pointer-y:0; position:relative; min-height:720px; display:grid; place-items:center; transform-style:preserve-3d; }
.visual-glow { position:absolute; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle,rgba(255,91,53,.32),rgba(108,61,255,.1) 42%,transparent 69%); filter:blur(8px); animation:glow-breathe 4.8s ease-in-out infinite; transform:translate(calc(var(--pointer-x)*-18px),calc(var(--pointer-y)*-18px)); transition:transform .35s ease-out; }
.phone { overflow:hidden; background:#060709; box-shadow:0 48px 130px rgba(0,0,0,.6); }
.phone img { width:100%; height:auto; }
.phone-main { position:relative; z-index:3; width:min(350px,68vw); max-height:700px; border:8px solid #202229; border-radius:54px; transform:translate3d(calc(var(--pointer-x)*-22px),calc(var(--pointer-y)*-16px),30px) rotateY(calc(var(--pointer-x)*7deg)) rotateX(calc(var(--pointer-y)*-7deg)) rotate(2deg); transition:transform .18s ease-out; animation:phone-float 5.5s ease-in-out infinite; }
.orbit { position:absolute; z-index:1; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:inset 0 0 30px rgba(255,255,255,.025); }
.orbit-one { width:650px; height:390px; transform:rotate(18deg); animation:orbit-one 17s linear infinite; }
.orbit-two { width:740px; height:450px; border-color:rgba(255,91,53,.19); transform:rotate(-24deg); animation:orbit-two 22s linear infinite reverse; }
.orbit-dot { position:absolute; z-index:2; width:9px; height:9px; border-radius:50%; background:var(--orange-hot); box-shadow:0 0 24px 7px rgba(255,91,53,.45); animation:dot-orbit 8s ease-in-out infinite; }
.floating-note { position:absolute; z-index:5; display:flex; align-items:center; gap:9px; padding:13px 17px; border:1px solid rgba(255,255,255,.17); border-radius:16px; color:white; background:rgba(18,20,25,.72); box-shadow:0 20px 60px rgba(0,0,0,.35); backdrop-filter:blur(18px); font-size:12px; font-weight:750; transform:translate3d(calc(var(--pointer-x)*25px),calc(var(--pointer-y)*18px),50px); transition:transform .2s ease-out; }
.floating-note span { color:var(--orange-hot); font-size:9px; letter-spacing:.1em; }
.note-top { top:18%; right:3%; }
.note-bottom { left:2%; bottom:18%; }
.scroll-cue { position:absolute; left:max(24px,calc((100vw - 1320px)/2)); bottom:27px; display:flex; align-items:center; gap:11px; color:rgba(255,255,255,.28); font-size:8px; font-weight:800; letter-spacing:.19em; text-decoration:none; }
.scroll-cue span { width:36px; height:1px; background:linear-gradient(90deg,var(--orange),transparent); animation:scroll-line 1.8s ease-in-out infinite; }

.catalog-strip { position:relative; padding:120px max(24px,calc((100vw - 1320px)/2)) 0; color:white; background:linear-gradient(180deg,#101217,#090a0d); overflow:hidden; }
.catalog-strip::before { content:"DATA / STORIES / BRANDS / MODELS"; position:absolute; right:-20px; top:20px; color:rgba(255,255,255,.018); font-size:clamp(70px,11vw,180px); font-weight:950; letter-spacing:-.06em; white-space:nowrap; pointer-events:none; }
.section-intro { position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:end; }
.section-intro .eyebrow { grid-column:1/-1; margin-bottom:-34px; }
.section-intro h2 { max-width:780px; margin:0; font-size:clamp(40px,5.2vw,72px); line-height:1.06; letter-spacing:-.055em; }
.section-intro>p:last-child { margin:0; color:rgba(255,255,255,.5); font-size:16px; line-height:1.8; }
.metrics { position:relative; display:grid; grid-template-columns:repeat(4,1fr); margin-top:76px; border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); }
.metrics article { position:relative; padding:44px 34px; overflow:hidden; }
.metrics article::after { content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:linear-gradient(90deg,var(--orange),var(--cyan)); transition:width .9s cubic-bezier(.22,1,.36,1) .25s; }
.metrics article.is-visible::after { width:100%; }
.metrics article+article { border-left:1px solid var(--line-dark); }
.metrics strong { display:block; color:white; font-variant-numeric:tabular-nums; font-size:clamp(48px,5.4vw,76px); letter-spacing:-.065em; text-shadow:0 0 36px rgba(255,255,255,.08); }
.metrics span { display:block; margin-top:9px; color:rgba(255,255,255,.42); font-size:13px; }
.brand-showcase { position:relative; left:50%; width:100vw; margin-top:0; color:var(--ink); background:#fff; transform:translateX(-50%); }
.brand-showcase-inner { width:min(1320px,calc(100% - 48px)); margin:0 auto; padding:58px 0 72px; }
.brand-showcase-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:38px; }
.brand-showcase-heading p { margin:0 0 12px; color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.22em; }
.brand-showcase-heading h3 { margin:0; font-size:clamp(34px,4vw,58px); line-height:1.02; letter-spacing:-.06em; }
.brand-showcase-heading>span { padding-bottom:8px; color:var(--muted); font-size:13px; }
.brand-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.brand-card { display:grid; grid-template-rows:auto 1fr auto; min-height:210px; padding:18px; border:1px solid #e4e6ea; border-radius:22px; background:#fafbfc; transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .3s ease; }
.brand-card:hover { transform:translateY(-7px); border-color:#cfd3da; box-shadow:0 22px 50px rgba(17,20,28,.1); }
.brand-card small { color:#a0a4ad; font-size:10px; font-weight:850; letter-spacing:.12em; }
.brand-card img { align-self:center; justify-self:center; width:min(160px,90%); height:92px; object-fit:contain; }
.brand-card strong { color:#292c33; font-size:11px; letter-spacing:.08em; }

.feature-story { display:grid; grid-template-columns:1fr 1fr; align-items:center; width:min(1320px,calc(100% - 40px)); margin:0 auto; padding:132px 0; border-bottom:1px solid var(--line); background:var(--white); }
.feature-reverse .feature-media { order:2; }
.feature-reverse .feature-copy { order:1; padding:0 11% 0 4%; }
.feature-media { position:relative; display:grid; place-items:end center; min-height:750px; overflow:hidden; border-radius:42px; isolation:isolate; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.feature-media::before { content:""; position:absolute; z-index:-1; inset:-30%; background:conic-gradient(from 80deg,transparent,rgba(255,91,53,.28),transparent 28%,rgba(101,75,255,.28),transparent 64%); animation:media-spin 14s linear infinite; }
.feature-media::after { content:""; position:absolute; z-index:-1; inset:1px; border-radius:41px; background:radial-gradient(circle at 50% 78%,rgba(255,91,53,.22),transparent 40%),#111319; }
.feature-media.violet::after { background:radial-gradient(circle at 45% 75%,rgba(108,75,255,.3),transparent 42%),#101217; }
.phone-feature { position:relative; z-index:2; width:390px; max-height:690px; border:8px solid #25272d; border-bottom:0; border-radius:52px 52px 0 0; box-shadow:0 28px 90px rgba(0,0,0,.52); transition:transform .7s cubic-bezier(.22,1,.36,1); }
.feature-media:hover .phone-feature { transform:translateY(-12px) scale(1.015); }
.feature-index { position:absolute; z-index:1; top:22px; left:30px; color:rgba(255,255,255,.09); font-size:100px; font-weight:950; letter-spacing:-.08em; }
.feature-copy { padding:0 5% 0 14%; }
.feature-copy .eyebrow,.connect .eyebrow { color:var(--orange); }
.feature-copy h2,.connect h2 { margin:0; font-size:clamp(46px,5vw,76px); line-height:1.04; letter-spacing:-.065em; }
.feature-copy>p:not(.eyebrow) { margin:28px 0 0; color:var(--muted); font-size:18px; line-height:1.8; }
.feature-copy ul { margin:38px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.feature-copy li { display:flex; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); font-size:15px; font-weight:650; }
.feature-copy li span { color:var(--orange); font-size:12px; font-weight:850; }
.recognition-flow { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:36px; }
.recognition-flow span { padding:12px 15px; border:1px solid var(--line); border-radius:999px; background:white; box-shadow:0 8px 30px rgba(10,14,22,.05); font-size:13px; font-weight:750; }
.recognition-flow b { color:var(--orange); }

.connect { position:relative; padding:132px max(24px,calc((100vw - 1320px)/2)); color:white; background:#090a0d; overflow:hidden; }
.connect::before { content:""; position:absolute; width:720px; height:720px; right:-240px; top:-300px; border-radius:50%; background:radial-gradient(circle,rgba(255,91,53,.18),transparent 68%); }
.connect-heading { position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:end; }
.connect-heading .eyebrow { grid-column:1/-1; margin-bottom:-34px; }
.connect-heading>p:last-child { margin:0; color:rgba(255,255,255,.48); font-size:16px; line-height:1.8; }
.entry-grid { position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:66px; }
.entry-card { --card-x:50%; --card-y:50%; position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:330px; padding:28px; border:1px solid var(--line-dark); border-radius:28px; color:white; background:radial-gradient(280px circle at var(--card-x) var(--card-y),rgba(255,255,255,.08),transparent 55%),rgba(255,255,255,.035); text-align:left; text-decoration:none; cursor:pointer; overflow:hidden; transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .25s ease; }
.entry-card::before { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.08),transparent 70%); transition:opacity .25s ease; }
button.entry-card { width:100%; font:inherit; }
.entry-card:hover:not(.is-pending) { z-index:2; transform:translateY(-10px); border-color:rgba(255,255,255,.32); box-shadow:0 32px 80px rgba(0,0,0,.35); }
.entry-card:hover::before { opacity:1; }
.entry-download { border-color:var(--orange); background:radial-gradient(300px circle at var(--card-x) var(--card-y),rgba(255,255,255,.18),transparent 55%),linear-gradient(145deg,#ff633b,#d93d1d); box-shadow:0 25px 60px rgba(255,91,53,.18); }
.entry-number { align-self:flex-start; display:grid; place-items:center; width:39px; height:39px; border:1px solid currentColor; border-radius:50%; font-size:11px; font-weight:800; opacity:.55; }
.entry-card small { color:currentColor; opacity:.48; font-size:9px; font-weight:850; letter-spacing:.18em; }
.entry-card h3 { margin:8px 0 10px; font-size:30px; letter-spacing:-.045em; }
.entry-card p { max-width:250px; margin:0; opacity:.56; font-size:14px; line-height:1.6; }
.entry-arrow { position:absolute; right:26px; top:28px; font-size:25px; }
.download-platforms { display:flex; gap:8px; margin-top:18px; }
.download-platforms span { padding:7px 11px; border:1px solid rgba(255,255,255,.35); border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.02em; }

footer { display:grid; grid-template-columns:1fr auto; gap:32px; padding:48px max(24px,calc((100vw - 1320px)/2)); color:rgba(255,255,255,.42); background:#050608; border-top:1px solid rgba(255,255,255,.08); font-size:12px; }
.footer-brand { display:flex; align-items:center; gap:10px; color:white; }
.footer-brand img { border-radius:9px; }
.footer-brand strong { font-size:17px; }
.footer-brand span { color:rgba(255,255,255,.4); }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:22px; }
.footer-links a { color:rgba(255,255,255,.58); text-decoration:none; }
footer>p { grid-column:1/-1; margin:0; }

.community-dialog { width:min(430px,calc(100% - 32px)); padding:34px; border:1px solid rgba(255,255,255,.1); border-radius:28px; color:white; background:#13151a; box-shadow:0 40px 120px rgba(0,0,0,.6); text-align:center; }
.community-dialog::backdrop,.download-dialog::backdrop { background:rgba(2,3,5,.78); backdrop-filter:blur(10px); }
.community-dialog h2 { margin:0; font-size:32px; letter-spacing:-.045em; }
.community-dialog>p:not(.eyebrow) { color:rgba(255,255,255,.55); line-height:1.65; }
.dialog-close { position:absolute; right:15px; top:15px; width:34px; height:34px; border:1px solid rgba(255,255,255,.1); border-radius:50%; color:white; background:rgba(255,255,255,.06); font-size:23px; cursor:pointer; }
.qr-frame { display:none; width:min(300px,100%); height:auto; aspect-ratio:720/1094; margin:24px auto 14px; padding:0; border:1px solid var(--line-dark); border-radius:22px; background:#202124; overflow:hidden; }
.qr-frame img { width:100%; height:100%; object-fit:contain; }
.community-dialog.has-qr .qr-frame { display:block; }
.community-dialog small { color:rgba(255,255,255,.44); }
.download-dialog { width:min(760px,calc(100% - 32px)); max-height:min(780px,calc(100dvh - 32px)); padding:36px; border:1px solid rgba(255,255,255,.12); border-radius:30px; color:white; background:linear-gradient(145deg,#17191f,#0d0f13); box-shadow:0 44px 140px rgba(0,0,0,.65); }
.download-dialog h2 { margin:0; font-size:clamp(32px,5vw,48px); letter-spacing:-.055em; }
.dialog-intro { margin:12px 0 28px; color:rgba(255,255,255,.5); font-size:14px; line-height:1.6; }
.download-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.download-groups>section { padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.035); }
.download-groups header { display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.1); }
.download-groups header>span { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:var(--orange-hot); font-size:10px; font-weight:850; }
.download-groups header strong,.download-groups header small { display:block; }
.download-groups header strong { font-size:16px; }
.download-groups header small { margin-top:3px; color:rgba(255,255,255,.4); font-size:10px; }
.download-options { display:grid; gap:8px; margin-top:14px; }
.download-option { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; padding:11px 13px; border:1px solid rgba(255,255,255,.1); border-radius:13px; color:white; background:rgba(255,255,255,.04); text-decoration:none; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.download-option:hover { transform:translateY(-2px); border-color:rgba(255,122,69,.7); background:rgba(255,91,53,.1); }
.download-option span { font-size:13px; font-weight:750; }
.download-option small { color:rgba(255,255,255,.42); font-size:10px; white-space:nowrap; }
.download-empty { margin:0; padding:15px 12px; border:1px dashed rgba(255,255,255,.12); border-radius:13px; color:rgba(255,255,255,.32); font-size:12px; text-align:center; }
.beta-application-link { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:10px; padding:14px 13px; border:1px solid rgba(255,91,53,.28); border-radius:13px; color:#fff; background:rgba(255,91,53,.07); text-decoration:none; transition:transform .2s,border-color .2s,background .2s; }
.beta-application-link:hover { transform:translateY(-2px); border-color:rgba(255,91,53,.7); background:rgba(255,91,53,.12); }
.beta-application-link span { display:grid; gap:4px; }.beta-application-link b { font-size:12px; }.beta-application-link small { color:rgba(255,255,255,.42); font-size:9px; }.beta-application-link>strong { color:#ff7452; font-size:19px; }

.js .reveal { opacity:0; transform:translateY(32px); transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms); }
.js .reveal.is-visible { opacity:1; transform:translateY(0); }

@keyframes speed-line { from { transform:translateX(0); } to { transform:translateX(-150vw); } }
@keyframes pulse { 0%,100% { transform:scale(.9); opacity:.65; } 50% { transform:scale(1.12); opacity:1; } }
@keyframes glow-breathe { 0%,100% { opacity:.68; transform:scale(.94); } 50% { opacity:1; transform:scale(1.05); } }
@keyframes phone-float { 0%,100% { margin-top:-8px; } 50% { margin-top:12px; } }
@keyframes orbit-one { to { transform:rotate(378deg); } }
@keyframes orbit-two { to { transform:rotate(336deg); } }
@keyframes dot-orbit { 0%,100% { transform:translate(-280px,-85px); } 50% { transform:translate(295px,105px); } }
@keyframes scroll-line { 0%,100% { transform:scaleX(.45); transform-origin:left; opacity:.4; } 50% { transform:scaleX(1); opacity:1; } }
@keyframes media-spin { to { transform:rotate(360deg); } }

@media (max-width:980px) {
  .site-header { grid-template-columns:1fr auto; }
  .site-header nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:130px; }
  .hero-copy { max-width:760px; }
  .hero-visual { min-height:650px; margin-top:20px; }
  .scroll-cue { display:none; }
  .section-intro,.connect-heading { grid-template-columns:1fr; gap:24px; }
  .section-intro .eyebrow,.connect-heading .eyebrow { margin-bottom:0; }
  .feature-story { grid-template-columns:1fr; gap:62px; }
  .feature-reverse .feature-media,.feature-reverse .feature-copy { order:initial; }
  .feature-copy,.feature-reverse .feature-copy { padding:0 5%; }
  .entry-grid { grid-template-columns:1fr; }
  .entry-card { min-height:230px; }
  .brand-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:760px) {
  .metrics { grid-template-columns:repeat(2,1fr); }
  .metrics article:nth-child(3) { border-left:0; border-top:1px solid var(--line-dark); }
  .metrics article:nth-child(4) { border-top:1px solid var(--line-dark); }
}

@media (max-width:660px) {
  .site-header { width:calc(100% - 24px); min-height:68px; }
  .site-header.is-scrolled { width:calc(100% - 18px); }
  .header-download { display:none; }
  .brand span { font-size:18px; }
  .hero { min-height:auto; padding:116px 16px 38px; }
  .hero h1 { font-size:clamp(49px,14.5vw,66px); letter-spacing:-.085em; }
  .hero-lead { font-size:16px; }
  .hero-actions { flex-direction:column; }
  .button { width:100%; }
  .hero-meta { gap:11px; }
  .hero-visual { min-height:540px; }
  .phone-main { width:282px; max-height:535px; }
  .orbit-one { width:470px; height:280px; }
  .orbit-two { width:520px; height:320px; }
  .visual-glow { width:430px; height:430px; }
  .floating-note { padding:10px 12px; font-size:10px; }
  .note-top { right:0; }
  .note-bottom { left:0; }
  .catalog-strip,.connect { padding-top:86px; }
  .catalog-strip { padding-left:16px; padding-right:16px; }
  .metrics { margin-top:52px; }
  .metrics article { padding:28px 14px; }
  .metrics strong { font-size:48px; }
  .brand-showcase-inner { width:calc(100% - 32px); padding:44px 0 54px; }
  .brand-showcase-heading { align-items:flex-start; flex-direction:column; margin-bottom:28px; }
  .brand-grid { grid-template-columns:repeat(2,1fr); }
  .brand-card { min-height:180px; padding:15px; }
  .brand-card:last-child { grid-column:1/-1; }
  .feature-story { width:calc(100% - 24px); padding:84px 0; }
  .feature-media { min-height:580px; border-radius:28px; }
  .phone-feature { width:300px; max-height:535px; }
  .feature-copy,.feature-reverse .feature-copy { padding:0 4px; }
  .connect { padding-left:16px; padding-right:16px; }
  .download-dialog { padding:28px 18px 20px; }
  .download-groups { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr; }
  .footer-brand { flex-wrap:wrap; }
  .footer-links { justify-content:flex-start; gap:15px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
  .js .reveal { opacity:1; transform:none; }
  .ambient-cursor { display:none; }
}