:root {
  --paper: #000000;
  --surface: #0b0b0d;
  --surface-raised: #151517;
  --white: #ffffff;
  --ink: #f5f5f7;
  --muted: #86868b;
  --line: rgba(255, 255, 255, .13);
  --blue: #2997ff;
  --blue-soft: #102a43;
  --fold: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }

.nav {
  position: fixed;
  z-index: 50;
  top: 16px;
  left: 50%;
  width: min(1120px, calc(100% - 32px));
  min-height: 58px;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 8px 9px 8px 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  background: rgba(22,22,24,.72);
  box-shadow: 0 14px 44px rgba(0,0,0,.38);
  backdrop-filter: blur(24px) saturate(140%);
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; letter-spacing: -.012em; }
.brand img { display: block; }
.nav nav { display: flex; gap: 32px; font-size: 13px; color: #a1a1a6; letter-spacing: .006em; }
.nav nav a { transition: color .2s ease; }
.nav nav a:hover { color: var(--ink); }
.nav-buy {
  justify-self: end;
  padding: 12px 17px;
  color: #000;
  background: #f5f5f7;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 600;
  transition: transform .25s ease, box-shadow .25s ease;
}
.nav-buy span { margin-left: 7px; color: #6e6e73; }
.nav-buy:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,.4); }

.fold-stage { height: 245vh; }
.fold-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 690px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 68%, rgba(41,151,255,.16), transparent 33%),
    radial-gradient(circle at 50% 100%, #171a20 0, #050506 45%, #000 72%);
}
.hero-copy {
  position: absolute;
  z-index: 3;
  top: clamp(110px, 15vh, 160px);
  left: 50%;
  width: min(860px, calc(100% - 40px));
  transform: translateX(-50%) translateY(calc(var(--fold) * -34px));
  text-align: center;
  opacity: calc(1 - var(--fold) * 1.65);
}
.kicker, .index {
  margin: 0 0 18px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.hero-copy h1 {
  margin: 0;
  font-size: clamp(58px, 8.7vw, 112px);
  line-height: .96;
  letter-spacing: -.042em;
  font-weight: 650;
}
.hero-lede { max-width: 600px; margin: 25px auto 29px; color: #a1a1a6; font-size: clamp(17px, 2vw, 21px); line-height: 1.58; letter-spacing: -.006em; }
.hero-cta { display: inline-flex; align-items: center; gap: 22px; padding: 13px 16px 13px 21px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(29,29,31,.78); font-size: 14px; font-weight: 600; }
.hero-cta span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: white; background: var(--blue); }

.device-scene {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: clamp(0px, calc((100vh - 710px) * .18), 66px);
  width: min(790px, 72vw);
  height: min(402px, 36.7vw);
  transform: translateX(-50%) perspective(1400px) translateY(calc(var(--fold) * 94px)) scale(calc(1 - var(--fold) * .05));
  transform-style: preserve-3d;
}
.screen-wrap {
  position: absolute;
  z-index: 2;
  left: 8.5%;
  bottom: 18%;
  width: 83%;
  height: 82%;
  transform-origin: 50% 100%;
  transform: rotateX(calc(var(--fold) * -76deg));
  transform-style: preserve-3d;
}
.screen-shell {
  position: absolute;
  inset: 0;
  overflow: hidden;
  padding: 8px 8px 10px;
  border: 1px solid #4f5053;
  border-radius: 19px 19px 10px 10px;
  background: linear-gradient(145deg, #4a4b4e 0, #252629 45%, #121315 100%);
  box-shadow: 0 30px 80px rgba(0,0,0,.7), inset 0 1px 1px rgba(255,255,255,.22), 0 0 0 1px #0a0a0b;
}
.screen-notch { position:absolute; z-index:6; top:8px; left:50%; width:78px; height:18px; transform:translateX(-50%); border-radius:0 0 10px 10px; background:#050506; box-shadow:0 1px 0 rgba(255,255,255,.04); }
.screen-notch span { position:absolute; top:5px; left:50%; width:5px; height:5px; transform:translateX(-50%); border-radius:50%; background:#111927; box-shadow:0 0 0 1px #000; }
.screen-content {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 12px 12px 5px 5px;
  background: radial-gradient(circle at 68% 4%, #284578, transparent 44%), linear-gradient(145deg, #111318, #08090c);
  filter: blur(calc(var(--fold) * 15px));
  transform: scale(calc(1 + var(--fold) * .06));
}
.screen-content::after { content:""; position:absolute; inset:0; background:rgba(6,8,12,calc(var(--fold) * .88)); }
.frost { position: absolute; inset: 8px 8px 10px; border-radius: 12px; background: rgba(20,24,31,calc(var(--fold) * .72)); backdrop-filter: blur(calc(var(--fold) * 20px)); }
.demo-bar { display:flex; justify-content:space-between; align-items:center; height:44px; padding:0 18px; color:#f5f5f7; border-bottom:1px solid rgba(255,255,255,.08); }
.demo-word { font-size:12px; font-weight:750; }
.mini-halo { position:relative; width:30px; height:24px; display:block; border:2px solid #f5f5f7; border-bottom-color:transparent; border-radius:50% 50% 45% 45%; }
.mini-halo b { position:absolute; left:10px; top:6px; width:7px; height:5px; border:2px solid #f5f5f7; border-bottom:0; border-radius:7px 7px 0 0; }
.mini-halo i,.mini-halo em,.mini-halo small { position:absolute; bottom:0; width:3px; height:3px; border-radius:50%; background:#f5f5f7; }
.mini-halo i{left:5px}.mini-halo em{left:12px}.mini-halo small{left:19px}
.demo-window { position:absolute; left:8%; right:8%; top:23%; bottom:13%; display:flex; flex-direction:column; justify-content:flex-end; padding:34px; border:1px solid rgba(255,255,255,.12); border-radius:18px; color:white; background:linear-gradient(140deg,#1d1d1f,#0d3260 160%); box-shadow:0 18px 60px rgba(0,0,0,.34); }
.demo-window span { font-size:13px; color:#b9c5ef; }
.demo-window strong { margin-top:9px; max-width:420px; font-size:clamp(24px,3.3vw,42px); line-height:1.06; letter-spacing:-.025em; }
.base { position:absolute; z-index:1; left:0; right:0; bottom:5%; height:22%; transform:perspective(500px) rotateX(63deg); border:1px solid #4e4f52; border-radius:8px 8px 25px 25px; background:linear-gradient(180deg,#494a4d 0,#2f3033 55%,#1d1e20 100%); box-shadow:0 30px 45px rgba(0,0,0,.68), inset 0 1px 1px rgba(255,255,255,.2); }
.base::after { content:""; position:absolute; left:43%; right:43%; bottom:-1px; height:4px; border-radius:5px 5px 0 0; background:#111214; box-shadow:0 -1px 0 rgba(255,255,255,.12); }
.keyboard { position:absolute; left:18%; right:18%; top:11%; height:37%; border-radius:4px; opacity:.96; background:repeating-linear-gradient(90deg,#090a0b 0 5.1%,transparent 5.1% 6.5%),repeating-linear-gradient(0deg,#090a0b 0 40%,transparent 40% 58%); filter:drop-shadow(0 1px 0 rgba(255,255,255,.08)); }
.speaker { position:absolute; top:12%; width:9%; height:37%; opacity:.72; background:radial-gradient(circle,#0a0a0b 0 1px,transparent 1.15px) 0 0/5px 5px; }
.speaker-left { left:6%; }.speaker-right { right:6%; }
.trackpad { position:absolute; left:33%; right:33%; bottom:5%; height:40%; border:1px solid #191a1c; border-radius:6px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.device-shadow { position:absolute; z-index:0; left:11%; right:11%; bottom:0; height:12%; border-radius:50%; background:rgba(0,0,0,.82); filter:blur(22px); transform:scaleX(calc(1 - var(--fold) * .12)); }
.scroll-cue { position:absolute; z-index:4; bottom:25px; left:50%; display:flex; align-items:center; gap:10px; transform:translateX(-50%); color:#6e6e73; font-size:11px; letter-spacing:.14em; text-transform:uppercase; opacity:calc(1 - var(--fold) * 2); }
.scroll-cue span { display:block; width:30px; height:1px; overflow:hidden; background:#333338; }
.scroll-cue span::after { content:""; display:block; width:12px; height:1px; background:var(--blue); animation:cue 1.6s ease-in-out infinite; }
@keyframes cue { from{transform:translateX(-12px)} to{transform:translateX(32px)} }

.section-shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.statement { min-height:620px; padding:140px 0; display:grid; grid-template-columns:1fr 2.5fr; gap:48px; border-top:1px solid var(--line); }
.statement h2,.section-heading h2,.halo-copy h2,.privacy h2,.buy h2 { margin:0; max-width:950px; font-size:clamp(46px,6.8vw,88px); line-height:1.04; letter-spacing:-.035em; font-weight:610; }
.statement div > p { max-width:560px; margin:36px 0 0 auto; color:var(--muted); font-size:20px; line-height:1.62; letter-spacing:0; }

.modes { padding:120px 0 160px; }
.section-heading { display:grid; grid-template-columns:1fr 2.5fr; gap:48px; align-items:start; margin-bottom:70px; }
.mode-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.mode-card { min-height:610px; padding:34px; display:flex; flex-direction:column; border-radius:34px; overflow:hidden; }
.mac-card { color:white; background:radial-gradient(circle at 65% 10%,#263852,transparent 40%),#111113; border:1px solid rgba(255,255,255,.1); }
.platform-mark { width:58px; height:58px; margin-bottom:auto; }
.mac-mark { position:relative; border:2px solid rgba(255,255,255,.72); border-radius:17px; }
.mac-mark::before,.mac-mark::after,.mac-mark span { content:""; position:absolute; left:15px; right:15px; height:2px; border-radius:2px; background:white; }
.mac-mark::before{top:18px}.mac-mark span{top:27px}.mac-mark::after{top:36px}
.mode-meta { display:flex; justify-content:space-between; margin-bottom:24px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; opacity:.64; }
.mode-card h3 { margin:0; max-width:520px; font-size:clamp(34px,4vw,55px); line-height:1.08; letter-spacing:-.028em; font-weight:590; }
.mode-card > p { max-width:520px; margin:25px 0 30px; font-size:16px; line-height:1.55; opacity:.68; }
.mode-card ul { padding:22px 0 0; margin:0; list-style:none; border-top:1px solid currentColor; border-color:rgba(128,128,128,.28); }
.mode-card li { padding:7px 0; font-size:14px; opacity:.82; }
.mode-card li::before { content:"·"; margin-right:10px; }

.halo-section { min-height:860px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; background:#080809; color:white; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.halo-visual { height:100%; min-height:720px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,#172334 0,#080809 58%); }
.halo-orbit { position:relative; width:min(360px,58vw); height:min(360px,58vw); border:16px solid #fff; border-bottom-color:transparent; border-radius:50%; filter:drop-shadow(0 0 46px rgba(93,124,255,.23)); }
.halo-orbit::after { content:""; position:absolute; inset:40px; border:2px solid rgba(255,255,255,.14); border-radius:50%; }
.halo-orbit .wifi { position:absolute; left:50%; top:37%; transform:translateX(-50%) rotate(180deg); font-size:92px; font-family:Arial,sans-serif; line-height:.5; }
.halo-orbit i { position:absolute; bottom:-13px; width:20px; height:20px; border-radius:50%; background:#fff; }
.halo-orbit i:nth-of-type(1){left:11%}.halo-orbit i:nth-of-type(2){left:34%}.halo-orbit i:nth-of-type(3){right:34%}.halo-orbit i:nth-of-type(4){right:11%}
.halo-orbit b { position:absolute; right:12%; top:53%; color:#7892ff; font-size:40px; font-weight:400; }
.halo-copy { padding:70px clamp(36px,7vw,110px); }
.halo-copy h2 { font-size:clamp(48px,6vw,80px); }
.halo-copy > p:not(.index) { margin:30px 0 44px; max-width:560px; color:#a1a1a6; font-size:18px; line-height:1.65; letter-spacing:.002em; }
.halo-key { display:flex; flex-wrap:wrap; gap:12px; }
.halo-key span { display:inline-flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:#c5c8d0; font-size:12px; }
.arc-key { width:13px;height:8px;border:2px solid #fff;border-bottom:0;border-radius:10px 10px 0 0}.dot-key{width:7px;height:7px;border-radius:50%;background:#fff}.bolt-key{color:#7892ff;font-style:normal}

.privacy { min-height:700px; padding:130px 0; display:grid; grid-template-columns:1fr 1.6fr; align-items:center; gap:70px; }
.privacy-number { font-size:clamp(250px,37vw,530px); line-height:.72; letter-spacing:-.08em; font-weight:650; color:transparent; -webkit-text-stroke:2px #242428; }
.privacy p:last-child { max-width:560px; color:var(--muted); font-size:19px; line-height:1.65; letter-spacing:.002em; }
.compatibility { padding:140px 0; border-top:1px solid var(--line); }
.section-heading.compact { grid-template-columns:1fr 1.5fr 1fr; }
.section-heading.compact h2 { font-size:clamp(48px,6vw,78px); }
.section-heading.compact > p:last-child { margin:5px 0 0; color:var(--muted); line-height:1.6; }
.compat-list { border-top:1px solid var(--line); }
.compat-list article { min-height:130px; display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:22px; border-bottom:1px solid var(--line); }
.compat-dot { width:12px; height:12px; border-radius:50%; box-shadow:0 0 0 7px rgba(49,94,231,.08); background:var(--blue); }
.compat-dot.test { background:#8b8e96; box-shadow:0 0 0 7px rgba(80,83,90,.08); }
.compat-list h3 { margin:0 0 8px; font-size:20px; letter-spacing:-.012em; }
.compat-list p { margin:0; color:var(--muted); font-size:14px; line-height:1.5; letter-spacing:.002em; }
.compat-label { padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:#151517; color:#a1a1a6; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }

.buy { padding:140px max(24px,calc((100vw - 1180px)/2)); background:radial-gradient(circle at 50% 0,rgba(41,151,255,.16),transparent 36%),#050506; color:white; border-top:1px solid var(--line); }
.buy-head { display:grid; grid-template-columns:1fr 2fr 1fr; gap:40px; align-items:end; margin-bottom:75px; }
.buy .index { color:var(--blue); }
.buy-head h2 { font-size:clamp(48px,6vw,82px); }
.buy-head > p:last-child { margin:0; color:#a1a1a6; line-height:1.6; }
.price-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.price-grid article { padding:36px; border:1px solid rgba(255,255,255,.11); border-radius:28px; color:var(--ink); background:rgba(22,22,24,.86); backdrop-filter:blur(18px); }
.price-grid article > p { margin:0 0 35px; font-size:14px; font-weight:650; }
.price { margin-bottom:10px; font-size:86px; line-height:1.02; letter-spacing:-.038em; font-weight:640; }
.price sup { position:relative; top:-31px; margin-right:4px; font-size:20px; letter-spacing:0; }
.price-grid article > span { display:block; min-height:45px; color:var(--muted); font-size:13px; }
.price-grid a { margin-top:35px; display:flex; justify-content:space-between; align-items:center; padding:17px 19px; border-radius:16px; font-size:14px; font-weight:650; transition:transform .25s ease; }
.price-grid a:hover { transform:translateY(-3px); }
.buy-mac { color:#000; background:#f5f5f7; }
.price-grid a b { font-size:18px; font-weight:400; }
.checkout-note { max-width:650px; margin:22px 0 0; color:#6e6e73; font-size:12px; line-height:1.55; }

footer { min-height:150px; padding:36px max(24px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; background:#000; color:white; border-top:1px solid var(--line); }
footer > p { color:#8d9099; font-size:13px; }
footer > span { justify-self:end; color:#8d9099; font-size:12px; }

@media (max-width: 820px) {
  .nav { grid-template-columns:1fr auto; }
  .nav nav { display:none; }
  .nav-buy span { display:none; }
  .fold-sticky { min-height:620px; }
  .hero-copy { top:115px; }
  .device-scene { width:108vw; height:60vw; bottom:14vh; }
  .statement,.section-heading,.section-heading.compact,.privacy,.buy-head { grid-template-columns:1fr; }
  .statement { min-height:auto; padding:100px 0; }
  .statement div > p { margin-left:0; }
  .modes { padding:90px 0 110px; }
  .mode-grid,.price-grid,.halo-section { grid-template-columns:1fr; }
  .mode-card { min-height:560px; }
  .halo-visual { min-height:580px; }
  .halo-copy { padding:90px 28px 110px; }
  .privacy { min-height:auto; padding:110px 0; gap:40px; }
  .privacy-number { font-size:260px; }
  .compatibility { padding:100px 0; }
  .compat-list article { grid-template-columns:26px 1fr; padding:25px 0; }
  .compat-label { grid-column:2; justify-self:start; }
  .buy { padding-top:110px; padding-bottom:110px; }
  footer { grid-template-columns:1fr auto; }
  footer > p { display:none; }
}

@media (max-width: 520px) {
  .section-shell { width:calc(100% - 32px); }
  .hero-copy h1 { font-size:60px; }
  .hero-lede { font-size:16px; }
  .device-scene { bottom:17vh; }
  .mode-card { padding:25px; min-height:520px; border-radius:26px; }
  .halo-orbit { border-width:11px; }
  .halo-orbit i { width:14px; height:14px; bottom:-9px; }
  .halo-orbit .wifi { font-size:64px; }
  .price { font-size:68px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .screen-wrap { transform:rotateX(-20deg); }
  .hero-copy { transform:translateX(-50%); opacity:1; }
}

/* Foldy editorial product direction, September 2026. */
:root{color-scheme:dark;--muted:#a1a1a6;--blue:#2997ff}
html{scroll-padding-top:90px}body{letter-spacing:0;background:#000}
.nav{top:0;width:100%;border:0;border-bottom:1px solid #ffffff26;border-radius:0;min-height:62px;padding:0 max(24px,calc((100vw - 1000px)/2));box-shadow:none;background:#111111cf;gap:60px}
.nav-buy{padding:8px 17px;background:#0071e3;color:#fff;border-radius:999px;font-size:12px;white-space:nowrap}.nav-buy span{display:none}.nav nav{gap:26px;font-size:12px}.brand{font-size:21px}.brand img{display:none}
.product-hero{padding-top:140px;text-align:center;overflow:hidden}.hero-heading>p:first-child{font-size:24px;font-weight:600;margin:0 0 22px}.hero-heading h1{font-size:clamp(52px,6.7vw,96px);font-weight:600;line-height:1.07;letter-spacing:-.025em;margin:0}.hero-description{font-size:21px;line-height:1.5;color:#a1a1a6;margin:26px 0}.primary-link{display:inline-flex;gap:16px;align-items:center;background:#0071e3;color:#fff;border-radius:999px;padding:14px 24px;font-size:17px}.real-product{max-width:1180px;margin:56px auto 0}.real-product img{width:100%;display:block;max-height:650px;object-fit:contain}.real-product figcaption{font-size:14px;color:#86868b;margin:22px 0 90px}
.section-shell{width:min(1060px,calc(100% - 64px))}.index{display:none}.statement{grid-template-columns:1fr;gap:0;padding:130px 0;min-height:0;border:0}.statement h2,.section-heading h2,.halo-copy h2,.privacy h2,.buy h2{font-size:clamp(40px,4.8vw,64px);letter-spacing:-.022em;line-height:1.1;font-weight:600}.statement div>p{margin:32px 0 0;max-width:680px;font-size:24px;line-height:1.45}.section-heading{display:block;margin-bottom:48px}.modes{padding:90px 0 130px}.mode-card{min-height:520px;padding:42px;background:#151517;border:0;border-radius:28px}.platform-mark{width:42px;height:42px;margin-bottom:70px}.mode-meta{font-size:12px;letter-spacing:0;text-transform:none;opacity:.8;gap:10px}.mode-meta span:last-child{display:none}.mode-card h3{font-size:34px;line-height:1.15;letter-spacing:-.015em}.mode-card>p{font-size:17px;line-height:1.55;color:#a1a1a6;opacity:1}.mode-card ul{margin-top:auto}
.experience{padding:100px 0 90px}.experience-heading h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.02em;margin:0}.experience-heading>p{font-size:21px;color:#86868b}.photo-demo{--fade:0;position:relative;overflow:hidden;border-radius:28px;background:#101010;margin-top:45px}.photo-demo img{width:100%;display:block;filter:blur(calc(var(--fade) * 18px));opacity:calc(1 - var(--fade) * .9)}.demo-shade{position:absolute;inset:0;background:#000;opacity:calc(var(--fade) * .3);pointer-events:none}.motion-control{display:flex;align-items:center;gap:22px;max-width:400px;margin:32px auto 0;font-size:14px;color:#a1a1a6}.motion-control input{width:100%;accent-color:#2997ff}.demo-caption{text-align:center;font-size:12px;color:#86868b;margin-top:20px}
.halo-section{background:#101012;border:0;min-height:620px}.halo-visual{min-height:620px;background:none}.halo-orbit{width:235px;height:235px;border-width:11px;filter:none}.halo-orbit::after{display:none}.halo-orbit .wifi{width:90px;height:76px;top:29%;transform:translateX(-50%)}.halo-orbit i{width:14px;height:14px;bottom:-8px}.halo-copy{padding:60px}.halo-copy h2{font-size:52px}.halo-copy>p:not(.index){font-size:20px}.privacy{min-height:0;padding:140px 0}.privacy-number{font-size:300px;-webkit-text-stroke:2px #48484a}.section-heading.compact{display:block}.section-heading.compact h2{font-size:56px}.section-heading.compact>p:last-child{margin-top:22px;font-size:21px}.compatibility{padding:100px 0 130px}.compat-list article{min-height:145px}.buy{padding:110px max(32px,calc((100vw - 1060px)/2));background:#101012;border:0}.buy-head{display:block;margin-bottom:50px}.buy-head>p:last-child{margin-top:25px;font-size:21px}.price-grid article{background:#1d1d1f;border:0;border-radius:26px;padding:38px}.price{font-size:64px;letter-spacing:-.015em}.price-grid article>p{font-size:21px}.price-grid a{border-radius:999px;font-size:15px}.checkout-note{color:#86868b;margin-top:28px}footer{min-height:110px;background:#101012;font-size:12px}
a:focus-visible,input:focus-visible{outline:3px solid #2997ff;outline-offset:5px}
@media(max-width:820px){.nav{gap:20px}.product-hero{padding-top:110px}.hero-heading h1{font-size:60px}.real-product{width:115%;margin-left:-7.5%}.real-product figcaption{margin-bottom:50px}.hero-description{font-size:19px}.experience{padding-top:65px}.section-shell{width:calc(100% - 40px)}.halo-copy{padding:50px 28px 85px}.halo-copy h2{font-size:42px}.halo-visual{min-height:380px}.statement{padding:85px 0}.statement div>p{font-size:21px}.privacy{padding:90px 0}.privacy-number{font-size:180px}.price-grid{gap:20px}.mode-card{min-height:480px}.buy{padding:90px 20px}}
@media(max-width:520px){.hero-heading h1{font-size:48px}.hero-heading>p:first-child{font-size:21px}.real-product{margin-top:40px}.section-heading.compact h2{font-size:40px}.mode-card{padding:30px}.halo-copy h2{font-size:40px}.photo-demo{border-radius:18px}.demo-caption{line-height:1.6}.compat-list p{line-height:1.7}}

/* Scroll owns both hinge angle and optical fade. */
.scroll-experience{--close:0;--screen-fade:0;width:100%;height:270vh;padding:0;margin:0;background:#050506}
.experience-sticky{position:sticky;top:0;height:100svh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:90px 24px 25px}
.experience-heading{text-align:center;position:relative;z-index:3}.experience-heading h2{font-size:clamp(32px,4.3vw,60px);line-height:1.12}.experience-heading>p{font-size:18px;margin:16px 0 20px}
.hinge-scene{position:relative;width:min(880px,88vw,calc((100svh - 310px)*1.64));aspect-ratio:1.64;perspective:1400px;isolation:isolate;margin:18px 0 0;transform:translateY(calc(var(--close)*-20px))}
.hinge-base,.hinge-lid{position:absolute;inset:0}.hinge-base{clip-path:inset(88% 0 0);z-index:0}.hinge-lid{clip-path:inset(0 0 12%);transform-origin:50% 88%;transform:rotateX(calc(var(--close)*-87deg));z-index:2;will-change:transform}
.hinge-scene img{display:block;width:100%;height:100%;object-fit:fill}.simulation-screen{position:absolute;left:9%;right:9%;top:3%;bottom:14%;border-radius:10px;overflow:hidden;background:#101626;filter:blur(calc(var(--screen-fade)*16px)) brightness(calc(1 - var(--screen-fade)*.96));will-change:filter;color:#fff}.sim-menu{height:7%;min-height:18px;background:#ffffff0b;font-size:clamp(7px,1vw,11px);display:flex;align-items:center;justify-content:space-between;padding:0 3%}.sim-wallpaper{height:93%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 90%,#1554a1,transparent 65%),radial-gradient(ellipse at 90% 0,#487478,transparent 65%),#11192a}.sim-wallpaper>span{font-size:clamp(10px,1.6vw,19px);color:#c4d6e9}.sim-wallpaper>strong{font-size:clamp(21px,3.8vw,48px);font-weight:600;letter-spacing:-.02em;margin-top:12px}.sim-dock{position:absolute;bottom:3%;left:34%;right:34%;display:flex;justify-content:center;gap:6%;background:#ffffff20;border:1px solid #ffffff26;border-radius:12px;padding:2%}.sim-dock i{width:15%;aspect-ratio:1;border-radius:5px;background:#80abdb}.sim-dock i:nth-child(2n){background:#d8d8e4}.sim-dock i:nth-child(3n){background:#688e9e}
.scroll-timeline{display:flex;align-items:center;gap:18px;color:#86868b;font-size:12px;margin-top:18px}.scroll-timeline>div{width:150px;height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}.scroll-timeline i{display:block;height:100%;background:#2997ff;transform:scaleX(var(--close));transform-origin:left}.demo-caption{line-height:1.6;margin-top:16px}
.real-product{transform:translateY(var(--hero-drift,0px));will-change:transform}
.motion-text{transition:translate 850ms cubic-bezier(.2,.7,.2,1),filter 850ms ease;transition-delay:var(--delay,0ms);translate:0 24px;filter:blur(1.5px)}.motion-text.motion-entered{translate:0 0;filter:blur(0)}
@media(max-width:600px){.scroll-experience{height:240vh}.experience-sticky{min-height:520px;padding-top:85px}.hinge-scene{width:96vw;margin:55px 0 20px}.experience-heading>p{font-size:15px}.simulation-screen{border-radius:5px}.sim-wallpaper>strong{margin-top:6px}.sim-dock{border-radius:6px}.sim-dock i{border-radius:3px}.scroll-timeline{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.scroll-experience{height:auto}.experience-sticky{position:relative;height:auto;min-height:640px}.hinge-lid{transform:none}.simulation-screen{filter:none}.motion-text{translate:none;filter:none;transition:none}.real-product{transform:none}}

/* First viewport is the interactive product; no static image prelude. */
.experience-heading h1{font-size:clamp(36px,4.6vw,64px);line-height:1.08;font-weight:600;letter-spacing:-.025em;margin:12px 0 0}
.hero-product-label{font-size:18px!important;font-weight:600;color:#f5f5f7!important;margin:0 0 12px!important}
.experience-sticky{padding-top:80px}.experience-heading>p:not(.hero-product-label){margin:16px 0 8px}
.hinge-scene{width:min(880px,88vw,calc((100svh - 320px)*1.64))}
.sim-wallpaper{background:url('assets/tahoe-dark.jpg') center center/cover no-repeat;height:93%}
.motion-text,.motion-text.motion-entered{translate:none;filter:none;transition:none}
@media(max-width:600px){.hinge-scene{width:95vw;margin:30px 0 20px}.experience-heading h1{font-size:38px}.hero-product-label{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.experience-sticky{min-height:600px}}

.experience-sticky{padding-top:110px}.hinge-scene{width:min(880px,88vw,calc((100svh - 370px)*1.64))}@media(max-width:600px){.hinge-scene{width:95vw}}

/* A clear source with a descending, feathered blur front. */
.scroll-experience{--blur-front:-28%}.simulation-screen{filter:none!important;isolation:isolate;will-change:auto}
.directional-blur,.directional-shade{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.directional-blur{z-index:4;mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--blur-front) - 24%),transparent var(--blur-front));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--blur-front) - 24%),transparent var(--blur-front))}
.blur-soft{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.blur-medium{z-index:5;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);mask-image:linear-gradient(#000 calc(var(--blur-front) - 40%),transparent calc(var(--blur-front) - 8%));-webkit-mask-image:linear-gradient(#000 calc(var(--blur-front) - 40%),transparent calc(var(--blur-front) - 8%))}
.blur-strong{z-index:6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:linear-gradient(#000 calc(var(--blur-front) - 55%),transparent calc(var(--blur-front) - 18%));-webkit-mask-image:linear-gradient(#000 calc(var(--blur-front) - 55%),transparent calc(var(--blur-front) - 18%))}
.directional-shade{z-index:7;background:linear-gradient(to bottom,rgba(0,0,0,.88) calc(var(--blur-front) - 60%),transparent var(--blur-front));opacity:var(--screen-fade)}
.recorded-demo,.installation{padding:120px 0}.section-intro{font-size:21px;line-height:1.5;color:#a1a1a6;margin:24px 0}.video-stage{aspect-ratio:16/9;background:#101012;border:1px solid #ffffff18;border-radius:28px;overflow:hidden;display:grid;place-items:center}.video-stage video{width:100%;height:100%;max-height:650px;object-fit:contain}#video-empty{text-align:center;padding:24px}.video-outline{display:inline-grid;place-items:center;width:68px;height:68px;border:1px solid #ffffff36;border-radius:50%;font-size:30px;color:#a1a1a6}#video-empty h3{font-size:28px;letter-spacing:-.02em;margin:24px 0 16px}#video-empty p,.local-video-preview p{color:#86868b;line-height:1.6}.local-video-preview{padding:24px 0;border-bottom:1px solid #ffffff20}.local-video-preview label{display:block;font-size:15px;margin-bottom:15px}.local-video-preview label span{color:#86868b;margin-left:16px}.local-video-preview input{max-width:100%;font:inherit;font-size:13px}.local-video-preview p{font-size:12px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.install-grid article{padding:38px;border-radius:28px;background:#151517}.install-grid h3{font-size:27px;margin:0 0 32px}.install-grid ol{padding-left:23px;margin:0}.install-grid li{padding:0 0 24px 10px}.install-grid li::marker{color:#2997ff}.install-grid strong{font-size:18px;font-weight:600}.install-grid li p{font-size:16px;line-height:1.65;color:#a1a1a6;margin:10px 0 0}.install-note{font-size:12px;line-height:1.6;color:#86868b;border-top:1px solid #ffffff20;padding-top:20px}.install-extra{padding:26px 0;border-bottom:1px solid #ffffff24;margin-top:30px}.install-extra summary{cursor:pointer;font-size:20px}.install-extra p{color:#a1a1a6;line-height:1.6}.install-extra video{width:100%;margin-top:24px;border-radius:16px}[hidden]{display:none!important}
@media(max-width:700px){.recorded-demo,.installation{padding:80px 0}.install-grid{grid-template-columns:1fr;gap:20px}.install-grid article{padding:28px}.local-video-preview label span{display:block;margin:8px 0}.video-stage{aspect-ratio:4/3}#video-empty h3{font-size:23px}.nav nav{display:none}}
@media(prefers-reduced-motion:reduce){.directional-blur,.directional-shade{display:none}}

/* Calibrated to the 1100 × 668 MacBook photograph. */
.experience-sticky{justify-content:flex-start;padding:94px 24px 20px;min-height:620px}
.hero-product-label{margin:0 0 10px!important}
.hinge-scene{aspect-ratio:1100/668;width:min(880px,88vw,calc((100svh - 300px)*1100/668));flex-shrink:0;margin:22px 0 0}
.hinge-base{clip-path:inset(93.3% 0 0)}
.hinge-lid{clip-path:inset(0 0 6.7%);transform-origin:50% 93.3%}
.simulation-screen{left:9.55%;right:9.36%;top:2.1%;bottom:10.5%;border-radius:1.6% 1.6% 0 0}
.sim-wallpaper{background-image:url('assets/foldy-wallpaper.jpg?v=0.7.3');background-position:center;background-size:cover}
.scroll-timeline{margin-top:16px}.demo-caption{margin-top:12px}
@media(max-width:600px){.experience-sticky{padding:88px 16px 20px;min-height:540px}.hinge-scene{width:96vw;margin-top:26px}.experience-heading h1{font-size:clamp(30px,7.5vw,38px)}}

.directional-blur{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:clamp(0,calc(var(--close)*12),1)}
.blur-screen-copy{position:absolute;inset:0;background:#101626}
.blur-soft .blur-screen-copy{filter:blur(3px)}.blur-medium .blur-screen-copy{filter:blur(7px)}.blur-strong .blur-screen-copy{filter:blur(12px)}