:root {
  --bg: #050706;
  --panel: #090c0b;
  --panel-2: #0c100e;
  --line: rgba(255,255,255,.095);
  --muted: #858d88;
  --text: #f2f6f3;
  --mint: #45e69d;
  --mint-soft: rgba(69,230,157,.16);
  --blue: #3f9cff;
  --blue-soft: rgba(63,156,255,.14);
  --yellow: #f3d657;
  --radius: 28px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(900px 500px at 50% 2%, rgba(48,116,84,.13), transparent 70%),
    var(--bg);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
  z-index: 20;
  mix-blend-mode: soft-light;
}

a { color: inherit; text-decoration: none; }
button { font: inherit; }
.page-glow { position: fixed; width: 460px; height: 460px; border-radius: 50%; background: rgba(69,230,157,.055); filter: blur(100px); left: calc(var(--mx, 50%) - 230px); top: calc(var(--my, 22%) - 230px); pointer-events: none; transition: left .25s ease, top .25s ease; }

.site-header, footer { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.site-header { height: 82px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 17px; font-weight: 700; letter-spacing: -.025em; }
.brand-mark { width: 29px; height: 29px; display: inline-block; position: relative; border-radius: 8px; background: url("media/notchstats-app-icon.png") center/cover no-repeat; box-shadow: 0 5px 18px rgba(0,0,0,.34); }
.brand-mark::before, .brand-mark::after, .brand-mark i { display: none; }
nav { display: flex; align-items: center; gap: 32px; font-size: 13px; font-weight: 600; color: #a8afab; }
nav a { transition: color .2s ease; }
nav a:hover { color: white; }
.nav-download { color: var(--text); padding: 10px 15px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035); }

.hero { width: min(1240px, calc(100% - 48px)); margin: 0 auto; text-align: center; padding-top: 64px; }
.hero-copy { max-width: 920px; margin: 0 auto; position: relative; z-index: 2; }
.eyebrow { color: #9da6a0; font-size: 11px; text-transform: uppercase; letter-spacing: .19em; font-weight: 700; display: flex; justify-content: center; align-items: center; gap: 9px; }
.eyebrow span { width: 6px; height: 6px; background: var(--mint); border-radius: 50%; box-shadow: 0 0 14px var(--mint); }
h1, h2 { margin: 0; letter-spacing: -.058em; line-height: .98; font-weight: 650; }
h1 { margin-top: 20px; font-size: clamp(58px, 7.3vw, 106px); }
h1 em, h2 em { font-style: normal; color: #76817a; }
.hero-copy > p { max-width: 690px; margin: 22px auto 0; font-size: clamp(17px, 1.55vw, 21px); line-height: 1.55; color: #9aa39d; letter-spacing: -.018em; }
.hero-actions { margin-top: 26px; display: flex; justify-content: center; gap: 12px; }
.button { height: 52px; padding: 0 21px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 700; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #03110a; background: var(--mint); box-shadow: 0 10px 40px rgba(69,230,157,.16); }
.button-primary:hover { background: #68efb2; }
.button-primary svg { width: 18px; height: 18px; fill: currentColor; }
.button-ghost { border: 1px solid var(--line); background: rgba(255,255,255,.035); color: #d2d8d4; }
.button-ghost:hover { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
.requirements { margin-top: 14px; color: #626a65; font: 600 10px/1.2 ui-monospace, "SFMono-Regular", Menlo, monospace; text-transform: uppercase; letter-spacing: .07em; display: flex; justify-content: center; gap: 11px; align-items: center; }
.requirements i { width: 2px; height: 2px; border-radius: 50%; background: #525955; }

.hero-stage { position: relative; margin-top: 24px; padding: 22px 28px 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 38px; background: radial-gradient(700px 330px at 50% 18%,rgba(69,230,157,.09),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)); box-shadow: inset 0 1px rgba(255,255,255,.035),0 50px 120px rgba(0,0,0,.34); }
.hero-stage::before { content:""; position:absolute; width:760px; height:320px; left:50%; top:165px; transform:translateX(-50%); border-radius:50%; background:rgba(54,201,137,.09); filter:blur(100px); pointer-events:none; }
.stage-meta { width:min(1120px,100%); height:36px; margin:0 auto 16px; padding:0 3px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; color:#717a74; font:650 9px/1 ui-monospace,"SFMono-Regular",Menlo,monospace; letter-spacing:.04em; text-transform:uppercase; }
.stage-kicker,.stage-state { display:flex; align-items:center; gap:9px; }
.stage-kicker i { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px var(--mint); }
.stage-state strong { color:#d7deda; font-size:10px; }
.stage-state span { color:#626b65; }
.product-demo-media { position:relative; z-index:6; width:100%; aspect-ratio:5/2; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:29px; background:#020403; box-shadow:0 34px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05); cursor:pointer; }
.product-demo-media:focus-visible { outline:1px solid var(--mint); outline-offset:4px; }
.product-demo-media video { display:block; width:100%; height:100%; object-fit:cover; }
.product-demo-media::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.035); }
.hero-stage > .orbit,.hero-stage > .device { display:none; }
.orbit { position:absolute; left:50%; top:44%; border:1px solid rgba(112,237,180,.055); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; }
.orbit-one { width:870px; height:410px; }
.orbit-two { width:1180px; height:590px; border-color:rgba(255,255,255,.035); }
.device { width:min(1140px,calc(100% + 24px)); margin:auto; position:relative; filter:drop-shadow(0 55px 70px rgba(0,0,0,.55)); }
.display { position:relative; height:730px; border:11px solid #151a17; border-bottom-width:14px; border-radius:32px 32px 18px 18px; overflow:hidden; background:#07120f; box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 0 0 1px #000,0 -1px rgba(255,255,255,.04); }
.wallpaper-wash { position:absolute; inset:0; overflow:hidden; background:radial-gradient(ellipse at 62% 3%,rgba(74,227,158,.36),transparent 40%),radial-gradient(ellipse at 5% 82%,rgba(31,126,169,.52),transparent 45%),radial-gradient(ellipse at 92% 72%,rgba(15,76,53,.42),transparent 48%),linear-gradient(140deg,#07130f,#0b2b20 45%,#06100d); }
.wallpaper-wash::before { content:""; position:absolute; width:1100px; height:430px; left:3%; bottom:-22%; border-radius:50%; border:90px solid rgba(42,168,154,.1); filter:blur(22px); transform:rotate(-13deg); }
.wallpaper-wash::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 76%); }
.aurora { position:absolute; border-radius:50%; filter:blur(50px); mix-blend-mode:screen; opacity:.36; }
.aurora-one { width:520px; height:180px; right:7%; top:12%; background:linear-gradient(90deg,transparent,rgba(78,244,168,.38),transparent); transform:rotate(-21deg); animation:auroraDriftOne 13s ease-in-out infinite alternate; }
.aurora-two { width:460px; height:220px; left:6%; bottom:12%; background:linear-gradient(90deg,transparent,rgba(38,151,255,.34),transparent); transform:rotate(18deg); animation:auroraDriftTwo 16s ease-in-out infinite alternate; }
.menu-ghost { position:absolute; top:16px; display:flex; gap:17px; opacity:.24; }
.menu-left { left:27px; }.menu-right { right:27px; }
.menu-ghost span { width:28px; height:3px; background:#c3cec8; border-radius:5px; }.menu-ghost span:nth-child(2){width:40px}.menu-ghost span:nth-child(3){width:18px}
.notch-panel { --compact-width:580px; --expanded-width:min(790px,calc(100% - 70px)); position:absolute; width:var(--compact-width); height:70px; top:-1px; left:50%; transform:translateX(-50%); background:#010201; border-radius:0 0 22px 22px; box-shadow:0 18px 42px rgba(0,0,0,.35); transition:width .6s cubic-bezier(.22,.82,.2,1),height .62s cubic-bezier(.22,.82,.2,1),border-radius .45s ease,box-shadow .45s ease; z-index:4; }
.notch-panel.is-expanded { width:var(--expanded-width); height:445px; border-radius:0 0 24px 24px; box-shadow:0 34px 80px rgba(0,0,0,.5); }
.notch-panel::before,.notch-panel::after { content:""; position:absolute; top:0; width:19px; height:19px; background:radial-gradient(circle at bottom right,transparent 0 18px,#010201 19px); }
.notch-panel::before { left:-19px; }.notch-panel::after { right:-19px; transform:scaleX(-1); }
.camera-hardware { position:absolute; width:238px; height:43px; top:0; left:50%; transform:translateX(-50%); background:#000; border-radius:0 0 15px 15px; z-index:3; }
.camera-hardware span { position:absolute; width:8px; height:8px; border:1px solid #1c2822; border-radius:50%; left:50%; top:9px; transform:translateX(-50%); box-shadow:inset 0 0 4px #050706,0 0 5px rgba(49,111,81,.12); }
.compact-state { position:absolute; inset:0; width:100%; height:70px; border:0; border-radius:inherit; padding:0 18px; display:grid; grid-template-columns:1fr 238px 1fr; align-items:center; color:white; background:transparent; cursor:pointer; opacity:1; transition:opacity .18s ease; }
.compact-state:focus-visible { outline:1px solid var(--mint); outline-offset:3px; }
.notch-panel.is-expanded .compact-state { opacity:0; pointer-events:none; }
.compact-wing { min-width:0; display:flex; align-items:center; gap:7px; font:650 10px/1 ui-monospace,"SFMono-Regular",Menlo,monospace; letter-spacing:-.025em; white-space:nowrap; }
.compact-left { justify-content:flex-end; padding-right:15px; }
.compact-right { justify-content:flex-start; padding-left:15px; }
.compact-wing b { color:#5f6963; font-size:7px; letter-spacing:.07em; }
.compact-wing strong { color:#edf2ef; font-size:11px; }
.compact-right i { width:13px; height:10px; border:1px solid var(--blue); border-radius:4px; box-shadow:inset 0 -6px var(--blue-soft),0 0 8px rgba(63,156,255,.15); }
.compact-divider { width:1px; height:13px; margin:0 2px; background:rgba(255,255,255,.1); }
.compact-left .download-value,.compact-left .cpu-value,.compact-right .power-value { color:var(--mint); }
.compact-left .upload-value { color:#72b9ff; margin-left:1px; }
.compact-plug { width:10px; height:8px; position:relative; border:1px solid var(--mint); border-radius:3px; box-shadow:0 0 7px rgba(69,230,157,.18); }
.compact-plug::before { content:""; position:absolute; width:1px; height:3px; left:2px; top:-4px; background:var(--mint); box-shadow:4px 0 var(--mint); }
.panel-inner { position:absolute; inset:0; padding:51px 22px 18px; font-size:11px; opacity:0; transform:translateY(-9px); pointer-events:none; transition:opacity .2s ease,transform .35s ease; }
.notch-panel.is-expanded .panel-inner { opacity: 1; transform: none; pointer-events: auto; transition-delay: .17s; }
.panel-head { display:flex; justify-content:space-between; align-items:center; height:34px; border-bottom:1px solid var(--line); }
.panel-head strong { font-size: 13px; }.panel-head small { margin-left:12px; color:#6f7772; font:600 9px ui-monospace,monospace; }.panel-head small i { display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:4px;box-shadow:0 0 8px var(--mint); }
.panel-actions { display:flex; gap:12px; align-items:center; color:#737c76; }.preview-collapse{width:20px;height:20px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8a938d;background:rgba(255,255,255,.04);cursor:pointer;font:600 10px/1 ui-monospace,monospace}.preview-collapse:hover{color:white;background:rgba(255,255,255,.08)}
.metric-tabs { display:flex; gap:4px; padding:6px 0; border-bottom:1px solid var(--line); }
.metric-tabs button { border:0; color:#777f7a; background:transparent; border-radius:6px; padding:5px 10px; font:600 8px ui-monospace,monospace; cursor:pointer; transition:.2s ease; }
.metric-tabs button.active { background:rgba(255,255,255,.08); color:white; }
.chart-head { display:flex; justify-content:space-between; align-items:center; padding:9px 0 3px; font-weight:700; }.chart-head small { color:#666e69; margin-left:5px; font:600 8px ui-monospace,monospace; }.preview-legend { color:#7c8580; font:600 8px ui-monospace,monospace; }.preview-legend i { display:inline-block;width:12px;height:2px;background:var(--mint);vertical-align:middle;margin-right:3px; }.preview-legend i:nth-of-type(2){background:var(--blue)}
.preview-chart { height: 119px; position:relative; padding-left:30px; }
.preview-chart svg { width:100%; height:94px; overflow:visible; }
.chart-grid path { stroke:rgba(255,255,255,.08);stroke-width:1;stroke-dasharray:4 5;fill:none; }
.line { fill:none;stroke-width:2;vector-effect:non-scaling-stroke;transition:d .45s ease; }.primary-line{stroke:var(--mint)}.memory-line{stroke:var(--blue);stroke-dasharray:5 4;opacity:.9}
.axis-label { position:absolute; left:0; color:#59615c; font:600 7px ui-monospace,monospace; }.axis-label.top{top:0}.axis-label.middle{top:44px}.axis-label.bottom{top:88px}
.time-row { display:flex; justify-content:space-between; color:#565e59; font:600 7px ui-monospace,monospace; }
.health-strip { height:48px; display:grid; grid-template-columns:.82fr .82fr 1.35fr .75fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.health-strip > div { display:flex;align-items:center;gap:7px;padding:0 9px;border-right:1px solid var(--line); }.health-strip > div:last-child{border:0}.health-strip i{width:13px;height:11px;border:1px solid #6a746e;border-radius:3px}.health-strip span{color:#6c746f;font:600 7px ui-monospace,monospace;display:flex;flex-direction:column;gap:2px}.health-strip small{color:#e0e5e2;font-size:9px}.health-strip > div:nth-child(3) small{color:var(--blue)}
.process-grid { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:9px; }
.process-card { border:1px solid;border-radius:8px;padding:6px;background:rgba(255,255,255,.018); }.cpu-card{border-color:rgba(69,230,157,.16)}.memory-card{border-color:rgba(63,156,255,.16)}
.process-card h3 { margin:0 0 5px;font-size:8px;letter-spacing:.02em; }.cpu-card h3{color:var(--mint)}.memory-card h3{color:var(--blue)}
.process-card p { margin:2px 0;height:17px;padding:0 6px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.035);border-radius:4px;font:600 7px ui-monospace,monospace;color:#abb3ae; }.process-card b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-card em{font-style:normal}.cpu-card em{color:var(--mint)}.memory-card em{color:var(--blue)}
.device-base { width:104%;height:17px;margin-left:-2%;background:linear-gradient(#c6cbc8,#666b68 54%,#292c2a);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);border-radius:0 0 38px 38px;position:relative; }.device-base span { position:absolute;left:50%;top:0;transform:translateX(-50%);width:150px;height:5px;border-radius:0 0 7px 7px;background:#7b807d; }

.signal-bar { width:min(1120px,calc(100% - 48px));margin:0 auto 190px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0; }
.signal-bar div { padding:0 34px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px }.signal-bar div:last-child{border:0}.signal-bar strong{font-size:13px}.signal-bar span{font-size:12px;color:#6f7772}

.features { width:min(1120px,calc(100% - 48px));margin:0 auto;padding-bottom:170px; }
.section-heading { max-width:760px;margin-bottom:68px }.section-heading .eyebrow{justify-content:flex-start}.section-heading h2,.privacy-card h2,.final-cta h2{font-size:clamp(44px,6vw,76px);margin-top:22px}.section-heading p{max-width:590px;color:#848d87;font-size:17px;line-height:1.55;margin-top:24px}
.bento-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}.feature-card{position:relative;overflow:hidden;min-height:420px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:34px;}.feature-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 32%)}
.feature-copy{position:relative;z-index:2;max-width:470px}.feature-number{color:#59625c;font:600 10px ui-monospace,monospace}.feature-copy h3{font-size:clamp(25px,3vw,37px);line-height:1.05;letter-spacing:-.042em;margin:22px 0 13px}.feature-copy p{font-size:14px;line-height:1.55;color:#7f8882;margin:0;max-width:430px}.feature-memory{min-height:500px;background:radial-gradient(500px 340px at 70% 100%,rgba(63,156,255,.13),transparent 70%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.memory-visual{position:absolute;left:34px;right:34px;bottom:34px;display:flex;align-items:center;gap:36px}.memory-ring{width:145px;height:145px;position:relative;flex:0 0 auto}.memory-ring svg{width:100%;transform:rotate(-90deg)}.memory-ring circle{fill:none;stroke:rgba(255,255,255,.07);stroke-width:7}.memory-ring .ring-value{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:308;stroke-dashoffset:86;filter:drop-shadow(0 0 6px rgba(63,156,255,.5))}.memory-ring>span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#66706a;font:600 9px ui-monospace,monospace}.memory-ring b{font:650 30px -apple-system,sans-serif;color:white;letter-spacing:-.05em}.memory-list{flex:1}.memory-list p{height:39px;margin:7px 0;padding:0 10px;position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);font:600 10px ui-monospace,monospace;color:#9ba39e}.memory-list i{position:absolute;left:0;bottom:-1px;width:var(--w);height:1px;background:linear-gradient(90deg,var(--blue),transparent)}.memory-list b{color:#d9dfdb}.feature-history{background:radial-gradient(400px 260px at 60% 100%,rgba(69,230,157,.11),transparent 70%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}.mini-chart{position:absolute;left:30px;right:30px;bottom:35px;height:155px}.mini-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 50%,33.333% 100%;border-bottom:1px solid var(--line)}.mini-chart svg{position:absolute;inset:0;width:100%;height:125px;overflow:visible}.mini-chart path{fill:none;stroke:var(--mint);stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(69,230,157,.25))}.mini-chart>div:last-child{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#5f6862;font:600 8px ui-monospace,monospace}.feature-flow{min-height:350px}.flow-visual{position:absolute;left:34px;right:34px;bottom:47px;display:flex;align-items:center;gap:20px}.flow-visual>i{font-style:normal;color:var(--mint);font-size:27px}.flow-node{min-width:145px;padding:17px;border:1px solid;border-radius:14px;display:grid;grid-template-columns:30px 1fr;column-gap:9px}.flow-node>span{grid-row:1/3;font-size:23px}.flow-node b{font:650 16px ui-monospace,monospace}.flow-node small{color:#717a74;font:600 9px ui-monospace,monospace;margin-top:3px}.flow-node.mint{border-color:rgba(69,230,157,.2);color:var(--mint);background:var(--mint-soft)}.flow-node.blue{border-color:rgba(63,156,255,.2);color:var(--blue);background:var(--blue-soft)}.feature-native{min-height:350px;display:flex;align-items:flex-end}.native-orb{position:absolute;width:180px;height:180px;border:1px solid rgba(69,230,157,.16);border-radius:50%;right:-20px;top:-30px;display:grid;place-items:center;box-shadow:inset 0 0 70px rgba(69,230,157,.08),0 0 80px rgba(69,230,157,.06)}.native-orb::before,.native-orb::after{content:"";position:absolute;border:1px solid rgba(69,230,157,.1);border-radius:50%}.native-orb::before{inset:22px}.native-orb::after{inset:45px}.native-orb span{font-size:32px;color:var(--mint)}

.privacy-section{width:min(1120px,calc(100% - 48px));margin:0 auto 170px}.privacy-card{min-height:450px;border:1px solid rgba(69,230,157,.14);border-radius:32px;padding:58px;position:relative;overflow:hidden;background:linear-gradient(120deg,#09110d,#070908 62%);display:grid;grid-template-columns:1.1fr .8fr;align-items:center;gap:70px}.privacy-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(69,230,157,.08);filter:blur(80px);left:-250px;top:-200px}.privacy-card .eyebrow{justify-content:flex-start}.privacy-card p{color:#8b948e;font-size:17px;line-height:1.65;position:relative;z-index:2}.privacy-seal{position:absolute;right:48px;bottom:38px;width:94px;height:94px;border:1px solid rgba(69,230,157,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--mint);transform:rotate(-8deg)}.privacy-seal span{font-size:20px}.privacy-seal small{font:700 8px/1.3 ui-monospace,monospace;letter-spacing:.12em}

.final-cta{width:min(1120px,calc(100% - 48px));margin:0 auto 110px;min-height:620px;border-radius:32px;background:radial-gradient(600px 300px at 50% 10%,rgba(69,230,157,.13),transparent 70%),#080b09;border:1px solid var(--line);text-align:center;padding:135px 30px 80px;position:relative;overflow:hidden}.final-cta::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 25%,black,transparent 60%)}.final-cta>*{position:relative;z-index:2}.cta-notch{position:absolute!important;top:0;left:50%;transform:translateX(-50%);width:230px;height:52px;background:#000;border-radius:0 0 18px 18px;z-index:3!important}.cta-notch span{position:absolute;width:8px;height:8px;border:1px solid #17201b;border-radius:50%;left:50%;top:10px;transform:translateX(-50%)}.final-cta p{color:#838c86;font-size:16px;margin:24px auto 32px}.final-cta .button{min-width:205px}

footer{height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#68706b;font-size:11px}footer .brand{color:#cbd1cd;font-size:14px}footer .brand-mark{transform:scale(.8)}.footer-links{display:flex;gap:24px;color:#858e88;font-weight:600}.footer-links a{transition:color .2s ease}.footer-links a:hover,.footer-links a[aria-current="page"]{color:var(--text)}.footer-meta{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.footer-builder{display:inline-flex;align-items:center;gap:4px;color:#87918b;transition:color .2s ease}.footer-builder strong{color:#cbd2ce;font-weight:650}.footer-builder span{color:var(--mint);font-size:10px;transition:transform .2s ease}.footer-builder:hover{color:var(--text)}.footer-builder:hover span{transform:translate(2px,-2px)}

.changelog-page{background:radial-gradient(900px 520px at 50% 0,rgba(48,116,84,.17),transparent 72%),var(--bg)}
.changelog-page nav a[aria-current="page"]{color:var(--text)}
.changelog-hero{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:100px 0 92px;text-align:center}
.changelog-hero h1{margin-top:20px;font-size:clamp(58px,7.3vw,100px)}
.changelog-hero>p{max-width:620px;margin:24px auto 0;color:#929b95;font-size:19px;line-height:1.55;letter-spacing:-.018em}
.changelog-current{width:min(720px,100%);min-height:82px;margin:40px auto 0;padding:15px 16px 15px 22px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;border:1px solid rgba(69,230,157,.18);border-radius:18px;background:linear-gradient(110deg,rgba(69,230,157,.09),rgba(255,255,255,.025));box-shadow:0 24px 70px rgba(0,0,0,.22);text-align:left}
.changelog-current>span{display:flex;align-items:center;gap:8px;color:#8e9892;font:700 9px/1 ui-monospace,"SFMono-Regular",Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.changelog-current>span i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 11px var(--mint)}
.changelog-current>strong{font:650 24px/1 ui-monospace,"SFMono-Regular",Menlo,monospace;color:var(--mint)}.changelog-current>small{color:#69716c;font-size:11px}.changelog-current .button{height:50px}
.release-list{width:min(980px,calc(100% - 48px));margin:0 auto 140px;position:relative}.release-list::before{content:"";position:absolute;left:132px;top:30px;bottom:30px;width:1px;background:linear-gradient(var(--mint),rgba(255,255,255,.1) 28%,rgba(255,255,255,.04))}
.release-card{display:grid;grid-template-columns:132px 1fr;position:relative}.release-card+.release-card{margin-top:18px}.release-card::before{content:"";position:absolute;left:128px;top:42px;width:9px;height:9px;border-radius:50%;background:#242b27;border:2px solid #727b75;box-shadow:0 0 0 7px var(--bg)}.release-latest::before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 14px rgba(69,230,157,.45),0 0 0 7px var(--bg)}
.release-meta{padding:34px 24px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.release-version{font:650 19px/1 ui-monospace,"SFMono-Regular",Menlo,monospace;color:#e6ece8}.release-meta time{color:#68716b;font:600 9px/1.4 ui-monospace,"SFMono-Regular",Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}.release-badge{padding:6px 8px;border:1px solid rgba(69,230,157,.22);border-radius:999px;background:var(--mint-soft);color:var(--mint);font:700 8px/1 ui-monospace,"SFMono-Regular",Menlo,monospace;text-transform:uppercase;letter-spacing:.09em}.release-badge-muted{border-color:var(--line);background:rgba(255,255,255,.035);color:#818a84}
.release-copy{margin-left:42px;padding:38px 42px 40px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.044),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.025)}.release-latest .release-copy{border-color:rgba(69,230,157,.2);background:radial-gradient(500px 220px at 0 0,rgba(69,230,157,.09),transparent 72%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.release-copy h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.045em}.release-copy>p{max-width:650px;margin:14px 0 27px;color:#7e8781;font-size:15px;line-height:1.6}.release-copy ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.release-copy li{position:relative;padding:17px 0 17px 25px;border-bottom:1px solid var(--line);color:#858e88;font-size:14px;line-height:1.55}.release-copy li:last-child{border-bottom:0;padding-bottom:0}.release-copy li::before{content:"";position:absolute;left:2px;top:24px;width:6px;height:6px;border-radius:50%;background:#4b5750}.release-latest .release-copy li::before{background:var(--mint);box-shadow:0 0 10px rgba(69,230,157,.32)}.release-copy li strong{color:#dce2de;font-weight:650}
.changelog-cta{width:min(980px,calc(100% - 48px));min-height:220px;margin:0 auto 110px;padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(69,230,157,.16);border-radius:28px;background:radial-gradient(450px 220px at 12% 0,rgba(69,230,157,.12),transparent 75%),#080b09}.changelog-cta .eyebrow{justify-content:flex-start}.changelog-cta h2{margin-top:15px;font-size:clamp(34px,4.5vw,54px)}.changelog-cta p{margin:13px 0 0;color:#7e8781;font-size:14px}.changelog-cta .button{flex:0 0 auto}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.12s}
@keyframes linePulse{0%,100%{filter:drop-shadow(0 0 2px rgba(69,230,157,.2))}50%{filter:drop-shadow(0 0 7px rgba(69,230,157,.45))}}
@keyframes auroraDriftOne{to{transform:translate(-24px,18px) rotate(-17deg);opacity:.48}}
@keyframes auroraDriftTwo{to{transform:translate(28px,-15px) rotate(14deg);opacity:.46}}
.primary-line{animation:linePulse 3s ease-in-out infinite}

@media (max-width: 900px){
  .hero{padding-top:60px}.hero-stage{height:auto;margin-top:54px;padding:22px 18px 18px;border-radius:30px}.stage-meta{margin-bottom:18px}.product-demo-media{border-radius:22px}.signal-bar{margin-bottom:120px}.bento-grid{grid-template-columns:1fr}.feature-card{min-height:420px}.privacy-card{grid-template-columns:1fr;padding:44px;gap:12px}.privacy-seal{opacity:.45}.final-cta{min-height:560px}.memory-visual{gap:18px}.changelog-current{grid-template-columns:auto auto 1fr}.changelog-current .button{grid-column:1/-1}.release-list::before{left:105px}.release-card{grid-template-columns:105px 1fr}.release-card::before{left:101px}.release-copy{margin-left:32px;padding:32px}.changelog-cta{padding:38px}
}
@media (max-width: 640px){
  .site-header,.hero,.signal-bar,.features,.privacy-section,.final-cta,footer{width:calc(100% - 28px)}nav>a:not(.nav-download){display:none}.site-header{height:70px}.hero{padding-top:52px}h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px;margin:28px auto 0}.requirements{font-size:8px;gap:7px}.hero-stage{height:auto;margin-top:40px;padding:14px 9px 9px;border-radius:24px}.stage-meta{height:38px;margin-bottom:10px;padding:0 7px;font-size:8px}.stage-kicker{font-size:0}.stage-kicker::after{content:"Real app";font-size:8px}.stage-state{gap:6px}.stage-state strong{font-size:8px}.stage-state span{font-size:7px}.product-demo-media{aspect-ratio:8/5;border-radius:15px}.signal-bar{grid-template-columns:1fr;margin-bottom:100px}.signal-bar div{border-right:0;border-bottom:1px solid var(--line);padding:18px 8px}.signal-bar div:last-child{border-bottom:0}.section-heading{margin-bottom:42px}.section-heading h2,.privacy-card h2,.final-cta h2{font-size:43px}.feature-card{padding:26px;min-height:420px}.feature-memory{min-height:550px}.memory-visual{left:26px;right:26px;bottom:26px;flex-direction:column;align-items:stretch}.memory-ring{align-self:center}.flow-visual{left:26px;right:26px;gap:9px}.flow-node{min-width:0;flex:1;padding:12px}.privacy-card{padding:34px 28px;min-height:520px}.privacy-seal{right:24px;bottom:24px}.final-cta{min-height:520px;padding-top:125px}footer{height:190px;flex-direction:column;justify-content:center;gap:14px}footer p{margin:0}.footer-links{gap:18px}.footer-meta{align-items:center;gap:7px}.changelog-hero{width:calc(100% - 28px);padding:64px 0 68px}.changelog-hero h1{font-size:48px}.changelog-hero>p{font-size:16px}.changelog-current{grid-template-columns:auto 1fr;padding:18px;gap:13px}.changelog-current>small{grid-column:1/-1}.changelog-current .button{grid-column:1/-1}.release-list,.changelog-cta{width:calc(100% - 28px)}.release-list{margin-bottom:90px}.release-list::before{display:none}.release-card{display:block}.release-card::before{display:none}.release-card+.release-card{margin-top:28px}.release-meta{padding:0 4px 13px;flex-direction:row;align-items:center;gap:10px}.release-meta time{margin-left:auto;text-align:right}.release-copy{margin:0;padding:27px 24px;border-radius:20px}.release-copy>p{margin-bottom:22px}.release-copy li{padding-left:22px}.changelog-cta{margin-bottom:80px;padding:30px 25px;flex-direction:column;align-items:flex-start}.changelog-cta .button{width:100%}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.primary-line,.aurora{animation:none}.page-glow{display:none}}