/* Source: style-2.css */
/* PHNTM One — shared styles.
   Same object as the device: phosphor-green light in a dark room, the machine
   speaks mono and the human speaks sans, the breathing orb is the face.
   2026-09 refresh: "lifted dark" — a slate night with soft light pools instead
   of a sealed black box. Every surface still paints its own ground so it holds
   regardless of the viewer's theme. */
:root{
  --ink:#121a1d; --ink2:#0e1417; --panel:#19232a; --panel2:#1e2a30;
  --edge:#2a383e; --edge2:#3a4c52;
  --phosphor:#46e07c; --phosphor-dim:#3cbf6c; --amber:#e8bb55; --teal:#3fd0c9;
  --text:#f2f6f3; --muted:#a8b6ad; --faint:#7f8e86;
  --glass:color-mix(in srgb,var(--panel) 72%,transparent);
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Menlo,monospace;
  --maxw:1160px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  background:var(--ink); color:var(--text);
  font:400 18px/1.7 var(--sans); letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.mono{font-family:var(--mono)}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--phosphor-dim)}
h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;font-weight:600;line-height:1.08}
p{max-width:66ch}

/* ── top bar ─────────────────────────────────────────── */
/* the glass lives on ::before — a backdrop-filter on <header> itself would become the
   containing block for the fixed mobile sheet and trap it inside the bar */
header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
header::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--ink) 55%,transparent);
  backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);transition:background .3s}
header.scrolled{border-bottom-color:var(--edge);box-shadow:0 10px 30px rgba(0,0,0,.25)}
header.scrolled::before{background:color-mix(in srgb,var(--ink2) 86%,transparent)}
.bar{display:flex;align-items:center;justify-content:space-between;height:68px;transition:height .3s var(--ease)}
header.scrolled .bar{height:58px}
.brand{display:flex;align-items:center;gap:11px;font:600 17px var(--sans);letter-spacing:.01em}
.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--phosphor);
  box-shadow:0 0 12px 1px color-mix(in srgb,var(--phosphor) 60%,transparent);flex:none}
.brand b{font-weight:650} .brand span{color:var(--muted);font-weight:400}
.nav{display:flex;gap:6px;align-items:center;font:15px var(--sans);color:var(--muted);flex-wrap:nowrap}
.nav>a,.drop>button{white-space:nowrap;padding:8px 12px;border-radius:9px;transition:color .15s,background .15s}
.nav>a:hover,.drop>button:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}
.nav .cta{color:var(--ink);background:var(--phosphor);padding:10px 18px;border-radius:10px;font-weight:650;margin-left:8px;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--phosphor) 50%,transparent),0 6px 20px color-mix(in srgb,var(--phosphor) 25%,transparent);transition:transform .15s,box-shadow .2s,background .15s}
.nav .cta:hover{background:#6bf29a;color:var(--ink);transform:translateY(-1px);box-shadow:0 0 0 4px color-mix(in srgb,var(--phosphor) 18%,transparent),0 10px 26px color-mix(in srgb,var(--phosphor) 30%,transparent)}
@media(max-width:1020px){.nav{display:none}}
/* "More" dropdown (desktop) */
.drop{position:relative}
.drop>button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.drop>button::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid var(--phosphor);border-bottom:1.5px solid var(--phosphor);transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.drop:hover>button::after,.drop:focus-within>button::after{transform:translateY(0) rotate(225deg)}
.drop .menu{position:absolute;top:100%;right:-40px;padding-top:12px;z-index:60;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s var(--ease),visibility 0s .18s}
.drop:hover .menu,.drop:focus-within .menu{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s var(--ease)}
.drop .menu .panel{background:color-mix(in srgb,var(--ink2) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--edge);border-radius:16px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.5);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;
  width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 76px);overflow-y:auto}
.drop .menu .menu-col{min-width:0}
.menu-col h4{font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim);padding:6px 10px 8px}
.drop .menu a{display:block;padding:8px 10px;border-radius:8px;font:14px var(--sans);color:var(--muted);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.drop .menu a small{display:block;font-size:12px;color:var(--faint);margin-top:1px}
.drop .menu a:hover{background:color-mix(in srgb,var(--phosphor) 10%,transparent);color:var(--text)}
/* mobile menu — full-height sheet; a <details> so it works without JS */
.mnav{display:none}
@media(max-width:1020px){.mnav{display:block}}
.mnav summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;font:600 15px var(--sans);color:var(--text);padding:9px 14px;border:1px solid var(--edge2);border-radius:10px;position:relative;z-index:81}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary i{position:relative;width:16px;height:2px;background:currentColor;border-radius:2px;transition:background .2s}
.mnav summary i::before,.mnav summary i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s var(--ease)}
.mnav summary i::before{top:-5px}.mnav summary i::after{top:5px}
.mnav[open] summary{border-color:var(--phosphor)}
.mnav[open] summary i{background:transparent}
.mnav[open] summary i::before{transform:translateY(5px) rotate(45deg)}
.mnav[open] summary i::after{transform:translateY(-5px) rotate(-45deg)}
.mnav .sheet{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--ink2) 97%,transparent);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:84px 22px 120px;overflow-y:auto;
  animation:sheetin .28s var(--ease)}
@keyframes sheetin{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.mnav .sheet .grp{font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim);margin:22px 4px 8px}
.mnav .sheet .grp:first-child{margin-top:0}
.mnav .sheet a{display:block;padding:12px 4px;font:500 19px var(--sans);color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--edge) 60%,transparent)}
.mnav .sheet .small a{font-size:16px;color:var(--muted);padding:10px 4px}
.mnav .sheet .order{position:fixed;left:22px;right:22px;bottom:22px;text-align:center;background:var(--phosphor);color:var(--ink);
  border:0;border-radius:14px;padding:17px;font:700 17px var(--sans);box-shadow:0 10px 30px color-mix(in srgb,var(--phosphor) 30%,transparent)}
body:has(.mnav[open]){overflow:hidden}

/* ── hero ────────────────────────────────────────────── */
.hero{position:relative;padding:clamp(56px,11vw,120px) 0 clamp(48px,8vw,90px);text-align:center;overflow:hidden}
.hero::before{/* faint grid, the machine's substrate */
  content:"";position:absolute;inset:0;z-index:0;opacity:.5;
  background:
   linear-gradient(color-mix(in srgb,var(--edge) 55%,transparent) 1px,transparent 1px) 0 0/100% 46px,
   linear-gradient(90deg,color-mix(in srgb,var(--edge) 55%,transparent) 1px,transparent 1px) 0 0/46px 100%;
  -webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 78%);
          mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 78%);}
.hero .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.orb-wrap{position:relative;width:min(240px,58vw);height:min(240px,58vw);margin-bottom:34px}
.orb{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 42% 38%,#8ff5b6 0%,var(--phosphor) 38%,var(--phosphor-dim) 78%,#1c6b3c 100%);
  box-shadow:0 0 80px 18px color-mix(in srgb,var(--phosphor) 42%,transparent),
             0 0 200px 60px color-mix(in srgb,var(--phosphor) 14%,transparent),
             inset -14px -18px 46px rgba(0,0,0,.34);
  animation:breathe 5.2s ease-in-out infinite}
.orb-ring{position:absolute;inset:-16px;border-radius:50%;border:1px solid color-mix(in srgb,var(--phosphor) 26%,transparent);
  animation:pulse 5.2s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(.9);opacity:.92}50%{transform:scale(1);opacity:1}}
@keyframes pulse{0%,100%{transform:scale(.98);opacity:.35}50%{transform:scale(1.05);opacity:.08}}
@media(prefers-reduced-motion:reduce){.orb,.orb-ring{animation:none}}
/* hero orb <-> mark morph. The mark's outline is a 12-gon; both shapes are the same 48 points, so
   clip-path interpolates between them. CSS only. Reduced-motion visitors keep the plain orb. */
.orb-glow{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--phosphor) 34%,transparent) 0%,transparent 70%);
  box-shadow:0 0 80px 18px color-mix(in srgb,var(--phosphor) 42%,transparent),
             0 0 200px 60px color-mix(in srgb,var(--phosphor) 14%,transparent);
  animation:breathe 5.2s ease-in-out infinite}
.orb-body{position:absolute;inset:0;animation:breathe 5.2s ease-in-out infinite}
.orb-body .orb{animation:orbmorph 15.6s ease-in-out infinite;box-shadow:inset -14px -18px 46px rgba(0,0,0,.34);
  clip-path:polygon(50.00% 0.00%,56.90% 0.48%,64.14% 2.04%,71.24% 4.74%,77.74% 8.40%,83.17% 12.59%,88.55% 18.16%,93.32% 25.04%,96.96% 32.82%,99.13% 40.73%,100.00% 50.00%,99.02% 59.87%,96.15% 69.23%,91.70% 77.58%,85.68% 85.03%,78.80% 90.87%,71.90% 94.95%,68.00% 96.65%,64.41% 97.88%,61.15% 98.74%,58.22% 99.32%,56.12% 99.62%,54.04% 99.84%,52.00% 99.96%,50.00% 100.00%,48.00% 99.96%,45.96% 99.84%,43.88% 99.62%,41.78% 99.32%,38.85% 98.74%,35.59% 97.88%,32.00% 96.65%,28.10% 94.95%,21.20% 90.87%,14.32% 85.03%,8.30% 77.58%,3.85% 69.23%,0.98% 59.87%,0.00% 50.00%,0.87% 40.73%,3.04% 32.82%,6.68% 25.04%,11.45% 18.16%,16.83% 12.59%,22.26% 8.40%,28.76% 4.74%,35.86% 2.04%,43.10% 0.48%)}
.orb-face{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:orbface 15.6s ease-in-out infinite}
@keyframes orbmorph{
  0%,38%,100%{clip-path:polygon(50.00% 0.00%,56.90% 0.48%,64.14% 2.04%,71.24% 4.74%,77.74% 8.40%,83.17% 12.59%,88.55% 18.16%,93.32% 25.04%,96.96% 32.82%,99.13% 40.73%,100.00% 50.00%,99.02% 59.87%,96.15% 69.23%,91.70% 77.58%,85.68% 85.03%,78.80% 90.87%,71.90% 94.95%,68.00% 96.65%,64.41% 97.88%,61.15% 98.74%,58.22% 99.32%,56.12% 99.62%,54.04% 99.84%,52.00% 99.96%,50.00% 100.00%,48.00% 99.96%,45.96% 99.84%,43.88% 99.62%,41.78% 99.32%,38.85% 98.74%,35.59% 97.88%,32.00% 96.65%,28.10% 94.95%,21.20% 90.87%,14.32% 85.03%,8.30% 77.58%,3.85% 69.23%,0.98% 59.87%,0.00% 50.00%,0.87% 40.73%,3.04% 32.82%,6.68% 25.04%,11.45% 18.16%,16.83% 12.59%,22.26% 8.40%,28.76% 4.74%,35.86% 2.04%,43.10% 0.48%)}
  48%,88%{clip-path:polygon(50.00% 5.08%,55.93% 7.42%,61.86% 9.75%,67.80% 12.08%,73.73% 14.41%,76.48% 20.13%,79.24% 25.85%,81.99% 31.57%,84.75% 37.29%,83.69% 43.64%,82.63% 50.00%,81.57% 56.36%,80.51% 62.71%,76.91% 67.80%,73.31% 72.88%,69.70% 77.97%,66.10% 83.05%,63.98% 86.23%,61.86% 89.41%,59.75% 92.58%,57.63% 95.76%,55.72% 96.40%,53.81% 97.03%,51.91% 97.67%,50.00% 98.31%,48.09% 97.67%,46.19% 97.03%,44.28% 96.40%,42.37% 95.76%,40.25% 92.58%,38.14% 89.41%,36.02% 86.23%,33.90% 83.05%,30.30% 77.97%,26.69% 72.88%,23.09% 67.80%,19.49% 62.71%,18.43% 56.36%,17.37% 50.00%,16.31% 43.64%,15.25% 37.29%,18.01% 31.57%,20.76% 25.85%,23.52% 20.13%,26.27% 14.41%,32.20% 12.08%,38.14% 9.75%,44.07% 7.42%)}}
@keyframes orbface{0%,44%,92%,100%{opacity:0}52%,86%{opacity:1}}
/* reduced motion: nothing moves or scales — the orb fades out, the shape swaps while invisible, the mark fades in */
@keyframes orbswap{
  0%,36%{clip-path:polygon(50.00% 0.00%,56.90% 0.48%,64.14% 2.04%,71.24% 4.74%,77.74% 8.40%,83.17% 12.59%,88.55% 18.16%,93.32% 25.04%,96.96% 32.82%,99.13% 40.73%,100.00% 50.00%,99.02% 59.87%,96.15% 69.23%,91.70% 77.58%,85.68% 85.03%,78.80% 90.87%,71.90% 94.95%,68.00% 96.65%,64.41% 97.88%,61.15% 98.74%,58.22% 99.32%,56.12% 99.62%,54.04% 99.84%,52.00% 99.96%,50.00% 100.00%,48.00% 99.96%,45.96% 99.84%,43.88% 99.62%,41.78% 99.32%,38.85% 98.74%,35.59% 97.88%,32.00% 96.65%,28.10% 94.95%,21.20% 90.87%,14.32% 85.03%,8.30% 77.58%,3.85% 69.23%,0.98% 59.87%,0.00% 50.00%,0.87% 40.73%,3.04% 32.82%,6.68% 25.04%,11.45% 18.16%,16.83% 12.59%,22.26% 8.40%,28.76% 4.74%,35.86% 2.04%,43.10% 0.48%);opacity:1} 41%{clip-path:polygon(50.00% 0.00%,56.90% 0.48%,64.14% 2.04%,71.24% 4.74%,77.74% 8.40%,83.17% 12.59%,88.55% 18.16%,93.32% 25.04%,96.96% 32.82%,99.13% 40.73%,100.00% 50.00%,99.02% 59.87%,96.15% 69.23%,91.70% 77.58%,85.68% 85.03%,78.80% 90.87%,71.90% 94.95%,68.00% 96.65%,64.41% 97.88%,61.15% 98.74%,58.22% 99.32%,56.12% 99.62%,54.04% 99.84%,52.00% 99.96%,50.00% 100.00%,48.00% 99.96%,45.96% 99.84%,43.88% 99.62%,41.78% 99.32%,38.85% 98.74%,35.59% 97.88%,32.00% 96.65%,28.10% 94.95%,21.20% 90.87%,14.32% 85.03%,8.30% 77.58%,3.85% 69.23%,0.98% 59.87%,0.00% 50.00%,0.87% 40.73%,3.04% 32.82%,6.68% 25.04%,11.45% 18.16%,16.83% 12.59%,22.26% 8.40%,28.76% 4.74%,35.86% 2.04%,43.10% 0.48%);opacity:0}
  41.01%{clip-path:polygon(50.00% 5.08%,55.93% 7.42%,61.86% 9.75%,67.80% 12.08%,73.73% 14.41%,76.48% 20.13%,79.24% 25.85%,81.99% 31.57%,84.75% 37.29%,83.69% 43.64%,82.63% 50.00%,81.57% 56.36%,80.51% 62.71%,76.91% 67.80%,73.31% 72.88%,69.70% 77.97%,66.10% 83.05%,63.98% 86.23%,61.86% 89.41%,59.75% 92.58%,57.63% 95.76%,55.72% 96.40%,53.81% 97.03%,51.91% 97.67%,50.00% 98.31%,48.09% 97.67%,46.19% 97.03%,44.28% 96.40%,42.37% 95.76%,40.25% 92.58%,38.14% 89.41%,36.02% 86.23%,33.90% 83.05%,30.30% 77.97%,26.69% 72.88%,23.09% 67.80%,19.49% 62.71%,18.43% 56.36%,17.37% 50.00%,16.31% 43.64%,15.25% 37.29%,18.01% 31.57%,20.76% 25.85%,23.52% 20.13%,26.27% 14.41%,32.20% 12.08%,38.14% 9.75%,44.07% 7.42%);opacity:0} 47%,86%{clip-path:polygon(50.00% 5.08%,55.93% 7.42%,61.86% 9.75%,67.80% 12.08%,73.73% 14.41%,76.48% 20.13%,79.24% 25.85%,81.99% 31.57%,84.75% 37.29%,83.69% 43.64%,82.63% 50.00%,81.57% 56.36%,80.51% 62.71%,76.91% 67.80%,73.31% 72.88%,69.70% 77.97%,66.10% 83.05%,63.98% 86.23%,61.86% 89.41%,59.75% 92.58%,57.63% 95.76%,55.72% 96.40%,53.81% 97.03%,51.91% 97.67%,50.00% 98.31%,48.09% 97.67%,46.19% 97.03%,44.28% 96.40%,42.37% 95.76%,40.25% 92.58%,38.14% 89.41%,36.02% 86.23%,33.90% 83.05%,30.30% 77.97%,26.69% 72.88%,23.09% 67.80%,19.49% 62.71%,18.43% 56.36%,17.37% 50.00%,16.31% 43.64%,15.25% 37.29%,18.01% 31.57%,20.76% 25.85%,23.52% 20.13%,26.27% 14.41%,32.20% 12.08%,38.14% 9.75%,44.07% 7.42%);opacity:1} 91%{clip-path:polygon(50.00% 5.08%,55.93% 7.42%,61.86% 9.75%,67.80% 12.08%,73.73% 14.41%,76.48% 20.13%,79.24% 25.85%,81.99% 31.57%,84.75% 37.29%,83.69% 43.64%,82.63% 50.00%,81.57% 56.36%,80.51% 62.71%,76.91% 67.80%,73.31% 72.88%,69.70% 77.97%,66.10% 83.05%,63.98% 86.23%,61.86% 89.41%,59.75% 92.58%,57.63% 95.76%,55.72% 96.40%,53.81% 97.03%,51.91% 97.67%,50.00% 98.31%,48.09% 97.67%,46.19% 97.03%,44.28% 96.40%,42.37% 95.76%,40.25% 92.58%,38.14% 89.41%,36.02% 86.23%,33.90% 83.05%,30.30% 77.97%,26.69% 72.88%,23.09% 67.80%,19.49% 62.71%,18.43% 56.36%,17.37% 50.00%,16.31% 43.64%,15.25% 37.29%,18.01% 31.57%,20.76% 25.85%,23.52% 20.13%,26.27% 14.41%,32.20% 12.08%,38.14% 9.75%,44.07% 7.42%);opacity:0}
  91.01%{clip-path:polygon(50.00% 0.00%,56.90% 0.48%,64.14% 2.04%,71.24% 4.74%,77.74% 8.40%,83.17% 12.59%,88.55% 18.16%,93.32% 25.04%,96.96% 32.82%,99.13% 40.73%,100.00% 50.00%,99.02% 59.87%,96.15% 69.23%,91.70% 77.58%,85.68% 85.03%,78.80% 90.87%,71.90% 94.95%,68.00% 96.65%,64.41% 97.88%,61.15% 98.74%,58.22% 99.32%,56.12% 99.62%,54.04% 99.84%,52.00% 99.96%,50.00% 100.00%,48.00% 99.96%,45.96% 99.84%,43.88% 99.62%,41.78% 99.32%,38.85% 98.74%,35.59% 97.88%,32.00% 96.65%,28.10% 94.95%,21.20% 90.87%,14.32% 85.03%,8.30% 77.58%,3.85% 69.23%,0.98% 59.87%,0.00% 50.00%,0.87% 40.73%,3.04% 32.82%,6.68% 25.04%,11.45% 18.16%,16.83% 12.59%,22.26% 8.40%,28.76% 4.74%,35.86% 2.04%,43.10% 0.48%);opacity:0} 97%,100%{clip-path:polygon(50.00% 0.00%,56.90% 0.48%,64.14% 2.04%,71.24% 4.74%,77.74% 8.40%,83.17% 12.59%,88.55% 18.16%,93.32% 25.04%,96.96% 32.82%,99.13% 40.73%,100.00% 50.00%,99.02% 59.87%,96.15% 69.23%,91.70% 77.58%,85.68% 85.03%,78.80% 90.87%,71.90% 94.95%,68.00% 96.65%,64.41% 97.88%,61.15% 98.74%,58.22% 99.32%,56.12% 99.62%,54.04% 99.84%,52.00% 99.96%,50.00% 100.00%,48.00% 99.96%,45.96% 99.84%,43.88% 99.62%,41.78% 99.32%,38.85% 98.74%,35.59% 97.88%,32.00% 96.65%,28.10% 94.95%,21.20% 90.87%,14.32% 85.03%,8.30% 77.58%,3.85% 69.23%,0.98% 59.87%,0.00% 50.00%,0.87% 40.73%,3.04% 32.82%,6.68% 25.04%,11.45% 18.16%,16.83% 12.59%,22.26% 8.40%,28.76% 4.74%,35.86% 2.04%,43.10% 0.48%);opacity:1}}
@keyframes orbfaceswap{0%,41%,91%,100%{opacity:0}47%,86%{opacity:1}}
@media(prefers-reduced-motion:reduce){.orb-glow,.orb-body{animation:none}
  .orb-body .orb{animation:orbswap 15.6s linear infinite}.orb-face{animation:orbfaceswap 15.6s linear infinite}}
.readout{font:500 12.5px/1 var(--mono);letter-spacing:.06em;color:var(--phosphor-dim);
  min-height:16px;margin-bottom:20px}
.readout .cur{display:inline-block;width:.5em;height:1em;background:var(--phosphor);
  vertical-align:-2px;margin-left:2px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
h1.title{font-size:clamp(40px,7.4vw,76px);font-weight:650;letter-spacing:-.03em}
.title .thin{color:var(--muted);font-weight:300}
.lede{margin:22px auto 0;color:var(--text);font-size:clamp(17px,2.3vw,21px);max-width:36ch;line-height:1.5}
.lede b{color:var(--phosphor);font-weight:500}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:650 16px var(--sans);padding:15px 26px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:transform .18s var(--ease),box-shadow .2s,background .15s,border-color .15s,color .15s}
.btn.primary{background:var(--phosphor);color:#07110b;box-shadow:0 8px 28px color-mix(in srgb,var(--phosphor) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.primary:hover{background:#6bf29a;transform:translateY(-2px);box-shadow:0 0 0 5px color-mix(in srgb,var(--phosphor) 16%,transparent),0 14px 36px color-mix(in srgb,var(--phosphor) 34%,transparent)}
.btn.ghost{background:color-mix(in srgb,var(--text) 4%,transparent);border-color:var(--edge2);color:var(--text)}
.btn.ghost:hover{border-color:var(--phosphor);color:var(--phosphor)}
.trust{margin-top:28px;font:13px var(--mono);color:var(--muted);letter-spacing:.04em;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.trust span{white-space:nowrap} .trust b{color:var(--muted);font-weight:400} .trust .g{color:var(--phosphor)}

/* ── section scaffolding ─────────────────────────────── */
section.band{padding:clamp(60px,8vw,108px) 0;position:relative}
.head{margin-bottom:clamp(36px,5vw,56px);max-width:64ch}
.head .eyebrow{display:block;margin-bottom:16px}
.head h2{font-size:clamp(32px,5vw,54px);letter-spacing:-.03em}
.head p{margin-top:18px;color:var(--muted);font-size:clamp(17px,1.8vw,19.5px)}

/* thesis */
.thesis{}
.thesis .wrap{padding:clamp(56px,8vw,96px) 28px}
.thesis p{font-size:clamp(22px,3.4vw,34px);font-weight:300;line-height:1.36;letter-spacing:-.02em;max-width:22ch;color:var(--text)}
.thesis p em{font-style:normal;color:var(--phosphor);font-weight:400}
.thesis .sub{margin-top:26px;font-size:17px;font-weight:400;color:var(--muted);max-width:56ch;line-height:1.6}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--edge);
  border:1px solid var(--edge);border-radius:16px;overflow:hidden}
@media(max-width:760px){.pillars{grid-template-columns:1fr}}
.pillar{background:var(--panel);padding:34px 30px}
.pillar .n{font:500 12px var(--mono);color:var(--faint);letter-spacing:.1em}
.pillar h3{font-size:22px;margin:16px 0 10px;display:flex;align-items:center;gap:10px}
.pillar h3::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--phosphor);box-shadow:0 0 10px color-mix(in srgb,var(--phosphor) 70%,transparent)}
.pillar p{color:var(--muted);font-size:15.5px;line-height:1.62}

/* surfaces (device + phone) */
.surfaces{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:stretch}
@media(max-width:820px){.surfaces{grid-template-columns:1fr}}
.surface{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--edge);
  border-radius:18px;padding:30px;position:relative;overflow:hidden}
.surface .tag{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim)}
.surface h3{font-size:24px;margin:12px 0 12px}
.surface p{color:var(--muted);font-size:15.5px}
.mock{margin-top:26px;border:1px solid var(--edge2);border-radius:12px;background:var(--ink2);overflow:hidden}
/* device mock — the face, in miniature */
.dev{display:grid;grid-template-columns:1.05fr .95fr;min-height:180px}
.dev .left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;border-right:1px solid var(--edge)}
.dev .miniorb{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#8ff5b6,var(--phosphor) 60%,var(--phosphor-dim));
  box-shadow:0 0 24px 4px color-mix(in srgb,var(--phosphor) 40%,transparent);animation:breathe 5.2s ease-in-out infinite}
.dev .name{font:600 15px var(--sans)}
.dev .st{font:10.5px var(--mono);color:var(--muted);text-align:center;line-height:1.7}
.dev .st .g{color:var(--phosphor)}
.dev .right{padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px}
.dev .msg{font-size:12.5px;line-height:1.4}
.dev .msg .who{font:9.5px var(--mono);color:var(--faint);display:block}
.dev .msg.bot .who{color:var(--phosphor-dim)}
/* phone mock */
.phone{padding:20px;display:flex;flex-direction:column;gap:9px}
.phone .u{align-self:flex-end;background:var(--panel);border:1px solid var(--edge2);border-radius:12px 12px 3px 12px;padding:8px 12px;font-size:12.5px;max-width:80%}
.phone .b{align-self:flex-start;max-width:82%}
.phone .b .who{font:9.5px var(--mono);color:var(--phosphor-dim);display:block;margin-bottom:3px}
.phone .b p{font-size:12.5px;color:var(--text);line-height:1.45}
.phone .meta{font:9.5px var(--mono);color:var(--faint);margin-top:2px}

/* two brains */
.brains{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:760px){.brains{grid-template-columns:1fr}}
.brain{border:1px solid var(--edge);border-radius:16px;padding:30px;background:var(--panel);position:relative}
.brain.boosted{border-color:color-mix(in srgb,var(--amber) 34%,var(--edge))}
.brain .k{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.brain.private .k{color:var(--phosphor)} .brain.boosted .k{color:var(--amber)}
.brain h3{font-size:26px;margin:12px 0 6px}
.brain .price{font:500 13px var(--mono);color:var(--muted);margin-bottom:18px}
.brain ul{list-style:none;display:grid;gap:12px}
.brain li{display:flex;gap:11px;font-size:15px;color:var(--muted);line-height:1.5}
.brain li::before{content:"→";color:var(--phosphor-dim);flex:none;font-family:var(--mono)}
.brain.boosted li::before{color:var(--amber)}
.brain li b{color:var(--text);font-weight:500}

/* spec readout */
.spec{border:1px solid var(--edge);border-radius:18px;background:color-mix(in srgb,var(--ink2) 80%,transparent);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.spec .top{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--edge);font:11.5px var(--mono);color:var(--muted);letter-spacing:.08em}
.spec .top .d{width:9px;height:9px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor)}
.spec .rows{padding:8px 0}
.spec .row{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:14px 24px;font:15px/1.6 var(--sans);border-bottom:1px solid color-mix(in srgb,var(--edge) 55%,transparent);transition:background .15s}
.spec .row:nth-child(even){background:color-mix(in srgb,var(--text) 2.2%,transparent)}
.spec .row:hover{background:color-mix(in srgb,var(--phosphor) 5%,transparent)}
.spec .row:last-child{border-bottom:0}
@media(max-width:600px){.spec .row{grid-template-columns:1fr;gap:2px}}
.spec .row .lbl{color:var(--phosphor-dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;align-self:start;padding-top:3px}
.spec .row .val{color:var(--text)} .spec .val .g{color:var(--phosphor)} .spec .val .a{color:var(--amber)}

/* vision placeholder */
.vision .wrap{max-width:760px}
.vision blockquote{font-size:clamp(22px,3.2vw,30px);font-weight:300;line-height:1.4;letter-spacing:-.015em;color:var(--text);
  border-left:2px solid var(--phosphor);padding-left:26px}
.vision .note{margin-top:22px;font:12px var(--mono);color:var(--faint);letter-spacing:.04em}

/* waitlist */
.waitlist{text-align:center}
.waitlist .wrap{max-width:620px;display:flex;flex-direction:column;align-items:center}
.waitlist h2{font-size:clamp(28px,4.4vw,42px)}
.waitlist p{color:var(--muted);margin:16px auto 0;font-size:18px}
form.signup{display:flex;gap:10px;margin-top:30px;width:100%;max-width:460px}
@media(max-width:520px){form.signup{flex-direction:column}}
form.signup input{flex:1;background:var(--panel);border:1px solid var(--edge2);border-radius:11px;
  color:var(--text);font:15px var(--sans);padding:14px 16px}
form.signup input:focus-visible{outline:none;border-color:var(--phosphor)}
form.signup button{background:var(--phosphor);color:var(--ink);border:0;border-radius:11px;font:600 15px var(--sans);padding:0 24px;cursor:pointer;white-space:nowrap}
form.signup button:hover{background:#5cf090}
.signup-done{margin-top:30px;font:15px var(--sans);color:var(--phosphor);display:none;align-items:center;gap:9px}
.signup-done.show{display:flex}

/* footer */
footer{position:relative;margin-top:40px;padding:64px 0 48px;color:var(--muted);background:linear-gradient(180deg,transparent,var(--ink2) 40%);border-top:1px solid var(--edge)}
footer .wrap{display:block}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fgrid .fbrand{grid-column:1/-1}}
.fbrand p{margin-top:14px;font-size:15px;color:var(--muted);max-width:34ch;line-height:1.6}
.fbrand .btn{margin-top:18px;padding:11px 18px;font-size:14.5px}
.fcol h4{font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim);margin-bottom:12px}
.fcol a{display:block;padding:5px 0;font-size:15px;color:var(--muted)}
footer .brand{opacity:.95}
footer .fnote{margin-top:40px;padding-top:22px;border-top:1px solid var(--edge);font:12.5px/1.8 var(--mono);color:var(--faint);max-width:none}
footer a{color:var(--muted);transition:color .15s} footer a:hover{color:var(--phosphor)}
footer .fnote a{color:var(--muted);border-bottom:1px solid var(--edge2)}
::selection{background:color-mix(in srgb,var(--phosphor) 30%,transparent);color:#fff}

/* ── specs page ─────────────────────────────────────── */
.page-hero{padding:clamp(56px,9vw,96px) 0 clamp(30px,5vw,52px);text-align:center;position:relative}
.page-hero .eyebrow{display:block;margin-bottom:18px}
.page-hero h1{font-size:clamp(34px,6vw,60px);letter-spacing:-.03em}
.page-hero p{margin:20px auto 0;color:var(--muted);font-size:clamp(17px,2.2vw,20px);max-width:44ch;line-height:1.5}
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:760px){.spec-grid{grid-template-columns:1fr}}
.spec-card{background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:28px 26px;position:relative}
.spec-card .ic{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim);display:flex;align-items:center;gap:9px}
.spec-card .ic::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--phosphor);box-shadow:0 0 10px color-mix(in srgb,var(--phosphor) 70%,transparent)}
.spec-card h3{font-size:21px;margin:14px 0 8px}
.spec-card .big{font:600 15px var(--mono);color:var(--text);margin:2px 0 12px}
.spec-card p{color:var(--muted);font-size:15px;line-height:1.6}
.spec-card .opt{margin-top:12px;font:11.5px var(--mono);color:var(--amber);letter-spacing:.04em}
.inbox{margin-top:22px;border:1px solid var(--edge);border-radius:16px;background:var(--ink2);overflow:hidden}
.inbox .top{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--edge);font:11.5px var(--mono);color:var(--muted);letter-spacing:.08em}
.inbox .top .d{width:9px;height:9px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor)}
.inbox .row{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:12px 22px;font:13.5px var(--mono);border-bottom:1px solid color-mix(in srgb,var(--edge) 55%,transparent)}
.inbox .row:last-child{border-bottom:0}
@media(max-width:600px){.inbox .row{grid-template-columns:1fr;gap:2px}}
.inbox .lbl{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;align-self:center}
.inbox .val{color:var(--text)} .inbox .val .g{color:var(--phosphor)} .inbox .val .a{color:var(--amber)}
.whatsin{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.chip{font:500 13px var(--mono);color:var(--text);background:var(--panel);border:1px solid var(--edge2);border-radius:9px;padding:9px 14px}
.chip.opt{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 34%,var(--edge))}
/* contact */
.contact{text-align:center}
.contact .wrap{max-width:600px;display:flex;flex-direction:column;align-items:center}
.contact h2{font-size:clamp(26px,4vw,38px)}
.contact p{color:var(--muted);margin:14px auto 0;font-size:17px}
.contact .mailrow{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

/* ── vision (expanded) ──────────────────────────────── */
.vision .wrap{max-width:820px}
.vision blockquote{font-size:clamp(24px,4vw,40px);font-weight:400;line-height:1.28;letter-spacing:-.02em;color:var(--text);
  border-left:2px solid var(--phosphor);padding-left:28px;margin:0}
.vision .vbody{margin-top:34px;display:grid;gap:20px;max-width:64ch}
.vision .vbody p{color:var(--muted);font-size:17.5px;line-height:1.66}
.vision .vbody .pivot{color:var(--text);font-size:clamp(19px,2.6vw,24px);font-weight:500;letter-spacing:-.01em;margin-top:8px}
.vision .vtag{margin-top:44px;font:600 clamp(22px,3.6vw,34px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--phosphor)}
.vision .vtag span{color:var(--text)}

/* ── product photography ────────────────────────────── */
.shot{margin:0;border:1px solid var(--edge);border-radius:16px;overflow:hidden;background:var(--ink2);position:relative}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{position:absolute;left:0;bottom:0;right:0;padding:14px 18px;font:11.5px var(--mono);
  letter-spacing:.06em;color:var(--text);background:linear-gradient(transparent,rgba(0,0,0,.72))}
.shot figcaption .g{color:var(--phosphor)}
.product-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
@media(max-width:820px){.product-band .wrap{grid-template-columns:1fr;gap:26px}}
.product-band .copy .eyebrow{display:block;margin-bottom:14px}
.product-band .copy h2{font-size:clamp(26px,4vw,40px)}
.product-band .copy p{margin-top:16px;color:var(--muted);font-size:17px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:640px){.gallery{grid-template-columns:1fr}}
.gallery .shot.wide{grid-column:1 / -1}

/* ── articles (build log + FAQ) ─────────────────────── */
.article>.wrap{max-width:780px;padding-top:clamp(56px,8vw,96px);padding-bottom:56px}
.article h1{font-size:clamp(36px,6vw,60px);margin-top:16px;letter-spacing:-.03em}
.article .meta{font:12px var(--mono);color:var(--faint);letter-spacing:.08em;margin-top:16px}
.article .body{margin-top:38px;display:grid;gap:20px}
.article .body p{color:color-mix(in srgb,var(--text) 92%,var(--muted));font-size:18px;line-height:1.75;max-width:none}
.article .body p.aside,.article .body li .why{color:var(--muted)}
.article .body h2{font-size:clamp(24px,3vw,30px);margin-top:34px;scroll-margin-top:90px}
.article .body h3{font-size:19px;margin-top:10px}
.article .body ul,.article .body ol{padding-left:22px;display:grid;gap:10px;color:var(--text)}
.article .body code{font:14.5px var(--mono);background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:2px 7px}
.article .body a{color:var(--phosphor);border-bottom:1px solid color-mix(in srgb,var(--phosphor) 40%,transparent)}
.article .body blockquote{border-left:3px solid var(--phosphor-dim);padding:6px 0 6px 20px;color:var(--muted);font-size:17px}
.callout{border:1px solid var(--edge2);border-left:3px solid var(--phosphor);border-radius:12px;background:var(--ink2);padding:18px 22px}
.callout .k{font:600 11.5px var(--mono);letter-spacing:.14em;color:var(--phosphor);text-transform:uppercase}
.callout p{margin-top:8px;color:var(--muted);font-size:15.5px}
.postlist{display:grid;gap:16px;margin-top:34px}
.post-card{display:block;border:1px solid var(--edge);border-radius:14px;background:var(--ink2);padding:24px 26px;transition:border-color .15s}
.post-card:hover{border-color:var(--edge2)}
.post-card .date{font:11.5px var(--mono);color:var(--faint);letter-spacing:.08em}
.post-card h3{font-size:20px;margin-top:8px}
.post-card p{color:var(--muted);font-size:15.5px;margin-top:8px}
.post-card .more{font:500 13px var(--mono);color:var(--phosphor);margin-top:14px;display:inline-block}
.faq-list{display:grid;gap:12px;margin-top:34px}
.faq-item{border:1px solid var(--edge);border-radius:14px;background:var(--glass);transition:border-color .2s,background .2s}
.faq-item:hover{border-color:var(--edge2)}
.faq-item[open]{border-color:color-mix(in srgb,var(--phosphor) 35%,var(--edge));background:color-mix(in srgb,var(--panel) 90%,transparent)}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq-item summary::after{content:"+";font:400 22px var(--mono);color:var(--phosphor);flex:none;transition:transform .25s var(--ease)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .a{padding:0 22px 22px;color:var(--muted);font-size:16.5px;line-height:1.7}
.faq-item[open] .a{animation:faqin .35s var(--ease)}
@keyframes faqin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.faq-item .a a{color:var(--phosphor)}
.backlink{font:13px var(--mono);color:var(--muted)}
.backlink:hover{color:var(--text)}

.brand .mk{flex:none}

/* why I built it (08-23) */
.why .why-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.why .why-story p{font-size:17.5px;line-height:1.65;color:var(--text);max-width:58ch;margin:0 0 18px}
.why .why-story .sig{font:500 13px var(--mono);letter-spacing:.06em;color:var(--phosphor);margin-top:8px}
.why .for{border:1px solid var(--edge);border-radius:14px;padding:18px 20px;margin-bottom:14px;background:color-mix(in srgb,var(--panel,#131a15) 70%,transparent)}
.why .for .tag{display:block;font:600 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.why .for.yes .tag{color:var(--phosphor)}
.why .for.no .tag{color:var(--amber,#e0b34c)}
.why .for p{font-size:15.5px;line-height:1.6;color:var(--muted);margin:0}
@media (max-width:820px){.why .why-grid{grid-template-columns:1fr}}

/* ── order page (09-05, made-to-order) ──────────────── */
.order-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,4vw,44px);align-items:start}
@media(max-width:900px){.order-grid{grid-template-columns:1fr}.order-card{order:-1}}
.order-card{position:sticky;top:84px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--edge2);border-radius:18px;padding:26px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
@media(max-width:900px){.order-card{position:static}}
.order-card .k{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim)}
.big-price{font:600 40px/1 var(--mono);color:var(--text);margin-top:12px;letter-spacing:-.02em}
.big-price span{display:block;font:400 12.5px var(--mono);color:var(--muted);margin-top:8px;letter-spacing:.04em}
.avail{display:flex;align-items:center;gap:9px;margin-top:18px;padding:11px 14px;border:1px solid var(--edge);border-radius:10px;background:var(--ink2);font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.avail .dot{width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none}
.avail.on{color:var(--text);border-color:color-mix(in srgb,var(--phosphor) 35%,var(--edge))}
.avail.on .dot{background:var(--phosphor);box-shadow:0 0 10px var(--phosphor);animation:breathe 4s ease-in-out infinite}
.avail.off{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 35%,var(--edge))}
.avail.off .dot{background:var(--amber)}
.order-card .incl{list-style:none;margin:20px 0 0;display:grid;gap:9px}
.order-card .incl li{display:flex;gap:10px;font-size:14.5px;color:var(--muted);line-height:1.45}
.order-card .incl li::before{content:"→";color:var(--phosphor-dim);font-family:var(--mono);flex:none}
.order-card .incl b{color:var(--text);font-weight:500}
.order-btn{display:block;width:100%;margin-top:22px;font-size:17px;padding:17px 22px;text-align:center}
.order-btn:disabled{opacity:.55;cursor:default;transform:none}
.order-card .fine{margin-top:12px;font-size:12px;color:var(--faint);line-height:1.6;letter-spacing:.02em}
.order-card .fine.err{color:var(--amber)}.order-card .fine.note{color:var(--phosphor)}
.order-card .fine.links a{color:var(--muted);border-bottom:1px solid var(--edge2)} .order-card .fine.links a:hover{color:var(--phosphor)}
.soldout-box{margin-top:20px;border:1px solid color-mix(in srgb,var(--amber) 35%,var(--edge));border-radius:12px;padding:18px;background:var(--ink2)}
.soldout-box b{display:block;color:var(--amber);font-weight:600}
.soldout-box p{margin-top:8px;color:var(--muted);font-size:14.5px;line-height:1.55}
.soldout-box form.signup{margin-top:16px;max-width:none;flex-direction:column}
.soldout-box .signup-done{margin-top:16px}
.ship-line{margin-top:18px;font-size:12.5px;color:var(--muted);letter-spacing:.04em}.ship-line .g{color:var(--phosphor)}.ship-line .a{color:var(--amber)}

/* ============================================================================
   Site refresh (2026-09-05): how-it-works, community/reviews, shared polish.
   Additive only — nothing above this line is modified.
   ========================================================================== */

/* a11y: a visible focus ring for keyboard users across the whole site */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[role="radio"]:focus-visible{
  outline:2px solid var(--phosphor);outline-offset:2px;border-radius:6px}

/* small text utilities (were only scoped before) */
.muted{color:var(--muted)} .g{color:var(--phosphor)} .a{color:var(--amber)}
.fineline{margin-top:14px;font:12px var(--mono);color:var(--faint);letter-spacing:.03em}
.nav a[aria-current="page"]{color:var(--phosphor)}

/* subtle cyber-grid backdrop for hero sections — static, low cost */
.page-hero{overflow:hidden}
.page-hero .wrap{position:relative;z-index:1}
.grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--phosphor) 9%,transparent), transparent 60%),
    linear-gradient(color-mix(in srgb,var(--edge) 55%,transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb,var(--edge) 55%,transparent) 1px, transparent 1px);
  background-size:100% 100%, 44px 44px, 44px 44px;
  background-position:center top, center top, center top;
  -webkit-mask-image:linear-gradient(180deg,#000 0%, #000 40%, transparent 92%);
  mask-image:linear-gradient(180deg,#000 0%, #000 40%, transparent 92%);opacity:.5}

.band.alt{background:var(--ink2)}
.cta-band{padding:clamp(56px,8vw,96px) 0;text-align:center;border-top:1px solid var(--edge);
  background:radial-gradient(circle at 50% -10%, color-mix(in srgb,var(--phosphor) 10%,transparent), transparent 55%)}
.cta-band h2{font-size:clamp(28px,4.6vw,46px);letter-spacing:-.02em}
.cta-band p{margin:14px auto 0;color:var(--muted);max-width:48ch}
.cta-band .btn{margin-top:26px}
.cta-band .fineline{margin-top:16px}

/* capability cards (how-it-works) */
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:14px}
.cap{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--edge);
  border-radius:16px;padding:26px 24px;transition:border-color .18s, transform .18s}
.cap:hover{border-color:var(--edge2);transform:translateY(-2px)}
.cap-tag{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--phosphor-dim)}
.cap h3{margin-top:12px;font-size:19px;display:flex;align-items:center;gap:9px}
.cap h3::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--phosphor);
  box-shadow:0 0 10px color-mix(in srgb,var(--phosphor) 70%,transparent);flex:none}
.cap p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.62}
.cap-meta{margin-top:14px;padding-top:12px;border-top:1px solid var(--edge);color:var(--faint);
  font-size:11.5px;letter-spacing:.02em;line-height:1.5}

/* honest-limits + community callout */
.callout2{border:1px solid var(--edge2);border-left:3px solid var(--phosphor);border-radius:14px;
  background:var(--ink2);padding:clamp(24px,4vw,40px)}
.callout2 h2{margin-top:12px;font-size:clamp(24px,3.6vw,36px)}
.limits{margin-top:20px;display:grid;gap:12px;padding:0;list-style:none}
.limits li{position:relative;padding-left:22px;color:var(--muted);font-size:15.5px;line-height:1.6}
.limits li::before{content:"›";position:absolute;left:2px;top:0;color:var(--phosphor-dim);font-family:var(--mono)}
.limits li b{color:var(--text);font-weight:600}
.callout2 .hero-cta{margin-top:26px}

/* ---- community / reviews ---- */
.rv-stats{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:22px}
.rv-avg{font:700 30px var(--mono);color:var(--text)}
.stars{color:var(--amber);letter-spacing:2px;font-size:18px}
.rv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.rv{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:20px 22px}
.rv-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rv h4{font-size:16px;margin:2px 0 6px}
.rv-body{color:var(--text);font-size:15px;line-height:1.6}
.rv-by{margin-top:12px;color:var(--faint);font-size:12px;letter-spacing:.03em}
.badge{display:inline-block;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;
  padding:3px 8px;border-radius:99px;border:1px solid var(--edge2);color:var(--muted)}
.badge.verified{color:var(--phosphor);border-color:var(--phosphor-dim);
  background:color-mix(in srgb,var(--phosphor) 8%,transparent)}
.empty{grid-column:1/-1;text-align:center;border:1px dashed var(--edge2);border-radius:16px;
  padding:clamp(34px,6vw,60px) 24px;background:var(--ink2)}
.empty p{color:var(--muted);max-width:46ch;margin:0 auto}
.empty p.g{margin-bottom:14px}
.empty .btn{margin-top:20px}
.rv-more{margin-top:22px;text-align:center}

/* ---- forms ---- */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:820px){.two-col{grid-template-columns:1fr}}
.formcard{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--edge);
  border-radius:18px;padding:clamp(24px,3.4vw,34px)}
.formcard h3{margin-top:10px;font-size:21px}
.formnote{margin-top:8px;color:var(--muted);font-size:14.5px;line-height:1.55}
.formnote b{color:var(--phosphor);font-weight:600}
.form2{margin-top:20px;display:grid;gap:16px}
.form2 .field{display:grid;gap:7px}
.form2 label{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.form2 label .opt{color:var(--faint);text-transform:none;letter-spacing:0;font-weight:400}
.form2 input,.form2 textarea{width:100%;background:var(--ink2);border:1px solid var(--edge2);border-radius:10px;
  color:var(--text);font:15px var(--sans);padding:12px 14px;transition:border-color .15s}
.form2 input:focus,.form2 textarea:focus{border-color:var(--phosphor);outline:none}
.form2 textarea{resize:vertical;min-height:96px;line-height:1.5}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.note{min-height:18px;font:13px var(--mono);color:var(--muted)}
.note.ok{color:var(--phosphor)} .note.err{color:var(--amber)}
.star-input{display:flex;gap:6px}
.star-input button{background:none;border:none;cursor:pointer;font-size:30px;line-height:1;color:var(--edge2);
  padding:2px 3px;transition:color .12s}
.star-input button.on{color:var(--amber)}
.star-input button:hover{color:var(--amber)}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{background:var(--ink2);border:1px solid var(--edge2);color:var(--muted);border-radius:9px;
  padding:8px 14px;font:14px var(--sans);cursor:pointer;transition:.15s}
.seg button.on{background:color-mix(in srgb,var(--phosphor) 14%,transparent);border-color:var(--phosphor-dim);color:var(--phosphor)}

/* footer badges (home only) */
.badges{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
.badges a{display:inline-flex;line-height:0;opacity:.92;transition:opacity .15s}.badges a:hover{opacity:1}
.badges img{display:block;border-radius:8px}

/* ============================================================================
   2026-09 refresh — atmosphere, motion, and the components that sell.
   Motion lives in /site.js; everything here is readable with JS off
   (the .js class gates every hidden-until-revealed state).
   ========================================================================== */

/* atmosphere: two slow light pools behind everything — a lit room at night */
body::before{content:"";position:fixed;inset:-25vmax;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38vmax 30vmax at 22% 18%,color-mix(in srgb,var(--phosphor) 13%,transparent),transparent 70%),
    radial-gradient(42vmax 34vmax at 82% 72%,color-mix(in srgb,var(--teal) 10%,transparent),transparent 70%),
    radial-gradient(60vmax 40vmax at 50% 115%,color-mix(in srgb,#7a8cff 6%,transparent),transparent 70%);
  animation:drift 38s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(4vmax,-3vmax,0) scale(1.06)}}
body{background:radial-gradient(120% 60% at 50% 0%,#17232a 0%,var(--ink) 60%) fixed,var(--ink)}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}

/* scroll reveal */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}}

.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--phosphor)}
.eyebrow::before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}
.page-hero .eyebrow,.hero .eyebrow,.center .eyebrow{justify-content:center}
.grad{background:linear-gradient(100deg,var(--phosphor) 0%,var(--teal) 55%,#b8f7cf 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* hero upgrades */
.hero{padding-top:clamp(40px,8vw,96px)}
.hero .lede{max-width:50ch;color:var(--muted)}
.hero .ship-line{max-width:none}
.hero .lede b{color:var(--text);font-weight:600}
h1.title{font-size:clamp(46px,8.4vw,92px);line-height:1.02}
.hero-cta .btn.primary{font-size:17px;padding:17px 30px}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.chips span{display:inline-flex;align-items:center;gap:8px;font:500 13.5px var(--sans);color:var(--text);
  padding:8px 14px;border-radius:99px;background:var(--glass);border:1px solid var(--edge)}
.chips span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor)}
.scroll-cue{margin-top:44px;display:inline-flex;flex-direction:column;align-items:center;gap:8px;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.scroll-cue i{width:22px;height:34px;border:1.5px solid var(--edge2);border-radius:12px;position:relative}
.scroll-cue i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--phosphor);animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.scroll-cue i::after{animation:none}}

/* marquee of plain facts under the hero */
.ticker{border-block:1px solid var(--edge);background:color-mix(in srgb,var(--ink2) 70%,transparent);overflow:hidden;white-space:nowrap;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker .track{display:inline-flex;gap:48px;padding:16px 0;animation:tick 48s linear infinite;font:500 13.5px var(--mono);letter-spacing:.06em;color:var(--muted)}
.ticker .track span{display:inline-flex;align-items:center;gap:48px}
.ticker .track span::after{content:"◆";color:var(--phosphor-dim);font-size:9px}
@keyframes tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .track{animation:none;flex-wrap:wrap;white-space:normal;justify-content:center;gap:10px 28px;padding:16px 22px;display:flex}.ticker .track span[aria-hidden]{display:none}.ticker .track span:nth-last-child(12)::after{display:none}}

/* ── reasons to own one ── */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:980px){.reasons{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.reasons{grid-template-columns:1fr}}
.reason{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;padding:28px 26px 24px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 80%,transparent),color-mix(in srgb,var(--panel) 70%,transparent));
  border:1px solid var(--edge);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.reason::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--phosphor) 16%,transparent),transparent 65%)}
.reason:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--phosphor) 40%,var(--edge));
  box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 40px color-mix(in srgb,var(--phosphor) 8%,transparent)}
.reason:hover::before{opacity:1}
.reason .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:var(--phosphor);
  background:color-mix(in srgb,var(--phosphor) 11%,transparent);border:1px solid color-mix(in srgb,var(--phosphor) 28%,transparent);
  transition:transform .35s var(--ease),box-shadow .35s}
.reason:hover .ic{transform:scale(1.08) rotate(-4deg);box-shadow:0 0 24px color-mix(in srgb,var(--phosphor) 30%,transparent)}
.reason .ic svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reason .num{position:absolute;top:22px;right:22px;font:500 12px var(--mono);color:var(--faint);letter-spacing:.1em}
.reason h3{font-size:clamp(20px,2vw,23px);margin:20px 0 10px;line-height:1.2;letter-spacing:-.015em}
.reason p{color:var(--muted);font-size:16px;line-height:1.62}
.reason .more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font:600 14px var(--sans);color:var(--phosphor)}
.reason .more::after{content:"→";transition:transform .2s var(--ease)}
.reason:hover .more::after{transform:translateX(4px)}
.reason.feat{background:linear-gradient(160deg,color-mix(in srgb,var(--phosphor) 14%,var(--panel2)),color-mix(in srgb,var(--panel) 80%,transparent) 60%);
  border-color:color-mix(in srgb,var(--phosphor) 30%,var(--edge))}

/* reassurance strip */
.assure{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;border-radius:18px;overflow:hidden;border:1px solid var(--edge);background:var(--edge)}
@media(max-width:820px){.assure{grid-template-columns:repeat(2,1fr)}}
.assure div{background:color-mix(in srgb,var(--ink2) 92%,transparent);padding:22px 20px;display:flex;flex-direction:column;gap:4px}
.assure b{font:650 clamp(22px,2.6vw,28px)/1.1 var(--sans);color:var(--text);letter-spacing:-.02em}
.assure b .g{color:var(--phosphor)}
.assure>div>span{font-size:14px;color:var(--muted)}
.assure b span{font:inherit;color:inherit}.assure b .g{color:var(--phosphor)}

/* ── pays for itself ── */
.payoff{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:center;
  border-radius:26px;padding:clamp(26px,4.5vw,56px);border:1px solid var(--edge);
  background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--phosphor) 9%,transparent),transparent 60%),color-mix(in srgb,var(--panel) 75%,transparent)}
@media(max-width:860px){.payoff{grid-template-columns:1fr}}
.payoff h2{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.03em;margin-top:14px}
.payoff .copy p{margin-top:16px;color:var(--muted)}
.payoff label{display:block;margin-top:26px;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.payoff .sub-amt{font:700 clamp(34px,4vw,44px)/1 var(--mono);color:var(--amber);margin-top:10px;letter-spacing:-.02em}
.payoff .sub-amt small{font:500 15px var(--sans);color:var(--muted);letter-spacing:0}
input[type=range].slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;margin-top:18px;cursor:pointer;
  background:linear-gradient(90deg,var(--amber) 0 var(--p,20%),var(--edge2) var(--p,20%) 100%)}
input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--amber);box-shadow:0 0 0 6px color-mix(in srgb,var(--amber) 18%,transparent),0 4px 14px rgba(0,0,0,.4)}
input[type=range].slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--amber);box-shadow:0 0 0 6px color-mix(in srgb,var(--amber) 18%,transparent)}
.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.presets button{font:500 13px var(--sans);color:var(--muted);background:transparent;border:1px solid var(--edge2);border-radius:99px;padding:6px 12px;cursor:pointer;transition:.15s}
.presets button:hover,.presets button.on{color:var(--text);border-color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,transparent)}
.bars{display:grid;gap:20px}
.bars .lbl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;color:var(--muted);margin-bottom:9px}
.bars .lbl b{font:700 20px var(--mono);color:var(--text)}
.bar-track{height:48px;border-radius:14px;background:color-mix(in srgb,var(--ink2) 85%,transparent);border:1px solid var(--edge);overflow:hidden}
.bar-fill{height:100%;width:var(--w,0%);border-radius:13px;transition:width .9s var(--ease)}
.bar-fill.sub{background:linear-gradient(90deg,color-mix(in srgb,var(--amber) 55%,transparent),var(--amber))}
.bar-fill.own{background:linear-gradient(90deg,color-mix(in srgb,var(--phosphor) 55%,transparent),var(--phosphor));box-shadow:0 0 30px color-mix(in srgb,var(--phosphor) 35%,transparent)}
.verdict{margin-top:6px;padding:18px 20px;border-radius:14px;border:1px solid color-mix(in srgb,var(--phosphor) 30%,var(--edge));background:color-mix(in srgb,var(--phosphor) 7%,transparent);font-size:16.5px;line-height:1.55}
.verdict b{color:var(--phosphor)}
.caveat{margin-top:14px;font-size:13.5px;color:var(--faint);line-height:1.6}
.caveat a{color:var(--muted);border-bottom:1px solid var(--edge2)}

/* ── see it for real ── */
.real{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:820px){.real{grid-template-columns:1fr}}
.real .shot,.real video{border-radius:20px}
.shot{transition:transform .5s var(--ease),box-shadow .5s}
.shot:hover{transform:translateY(-3px);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.shot img{transition:transform 1.2s var(--ease)}
.shot:hover img{transform:scale(1.03)}
.frame{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--edge);background:#000}
.frame video{display:block;width:100%;height:100%;object-fit:cover}
.tagpill{position:absolute;top:14px;left:14px;z-index:2;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--phosphor);border-radius:99px;padding:6px 11px}

/* ── a day with it: feature rows + live chat demo ── */
.frow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center;padding:clamp(28px,4vw,44px) 0}
.frow+.frow{border-top:1px solid color-mix(in srgb,var(--edge) 60%,transparent)}
.frow:nth-child(odd) .fcopy{order:2}
@media(max-width:860px){.frow{grid-template-columns:1fr}.frow:nth-child(odd) .fcopy{order:0}}
.fcopy .time{font:600 12px var(--mono);letter-spacing:.14em;color:var(--teal);text-transform:uppercase}
.fcopy h3{font-size:clamp(26px,3.4vw,38px);margin:12px 0 14px;letter-spacing:-.025em}
.fcopy p{color:var(--muted);font-size:17.5px}
.fcopy ul{list-style:none;margin-top:18px;display:grid;gap:9px}
.fcopy li{display:flex;gap:10px;color:var(--text);font-size:16px}
.fcopy li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;
  background:color-mix(in srgb,var(--phosphor) 16%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2346e07c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.screen{position:relative;border-radius:22px;padding:14px;background:linear-gradient(160deg,#243036,#10171b);
  border:1px solid var(--edge2);box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.screen .glass{border-radius:12px;background:#0a1013;min-height:280px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid #1b262b}
@media(max-width:520px){.screen .glass{grid-template-columns:1fr}.screen .side{display:none!important}}
.screen .side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;border-right:1px solid #1b262b;
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--phosphor) 10%,transparent),transparent 60%)}
.screen .side .miniorb{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#8ff5b6,var(--phosphor) 60%,var(--phosphor-dim));
  box-shadow:0 0 28px 6px color-mix(in srgb,var(--phosphor) 38%,transparent);animation:breathe 5.2s ease-in-out infinite}
.screen .side .nm{font:600 14px var(--sans)}
.screen .side .st{font:10.5px/1.7 var(--mono);color:var(--muted);text-align:center}
.screen.thinking .miniorb{animation:breathe 1.3s ease-in-out infinite}
.chat{padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:280px}
.chat .m{max-width:88%;font-size:14px;line-height:1.45;padding:9px 13px;border-radius:14px;animation:msgin .45s var(--ease) both}
.chat .m.u{align-self:flex-end;background:#1d2a31;border:1px solid #2a3a42;border-bottom-right-radius:4px}
.chat .m.b{align-self:flex-start;background:color-mix(in srgb,var(--phosphor) 9%,#0d1519);border:1px solid color-mix(in srgb,var(--phosphor) 22%,transparent);border-bottom-left-radius:4px}
.chat .m .who{display:block;font:10px var(--mono);letter-spacing:.08em;color:var(--phosphor-dim);margin-bottom:3px}
.chat .m .meta{display:block;font:10px var(--mono);color:var(--faint);margin-top:5px}
.chat .typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--phosphor) 7%,#0d1519)}
.chat .typing i{width:6px;height:6px;border-radius:50%;background:var(--phosphor);opacity:.4;animation:dots 1.1s infinite}
.chat .typing i:nth-child(2){animation-delay:.15s}.chat .typing i:nth-child(3){animation-delay:.3s}
@keyframes dots{50%{opacity:1;transform:translateY(-3px)}}
@keyframes msgin{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.screen .scap{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);background:var(--ink);border:1px solid var(--edge);border-radius:99px;padding:5px 12px;white-space:nowrap}
.screen.phone{max-width:340px;margin:0 auto;border-radius:36px;padding:12px}
.screen.phone .glass{grid-template-columns:1fr;border-radius:26px}
.screen.phone .side{display:none}

/* ── is it for you ── */
.fit{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,60px);align-items:start}
@media(max-width:860px){.fit{grid-template-columns:1fr}}
.note-card{border-radius:22px;padding:clamp(24px,3.5vw,40px);border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 72%,transparent);position:relative}
.note-card p{font-size:18px;line-height:1.72;color:color-mix(in srgb,var(--text) 90%,var(--muted));margin-bottom:16px}
.note-card .sig{font:500 14px var(--mono);color:var(--phosphor);margin:6px 0 0}
.note-card::before{content:"“";position:absolute;top:-18px;left:26px;font:700 90px/1 Georgia,serif;color:color-mix(in srgb,var(--phosphor) 45%,transparent)}
.why .for{border-radius:18px;padding:22px 24px;background:color-mix(in srgb,var(--panel) 70%,transparent)}
.why .for p{font-size:16.5px}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat b{display:block;font:700 clamp(38px,5vw,60px)/1 var(--sans);letter-spacing:-.04em}
.stat span{display:block;margin-top:10px;font-size:14.5px;color:var(--muted)}

/* dossier as cards */
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.dgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dgrid{grid-template-columns:1fr}}
.dcard{display:block;border:1px solid var(--edge);border-radius:16px;padding:20px 22px;background:color-mix(in srgb,var(--ink2) 70%,transparent);transition:border-color .2s,transform .3s var(--ease),background .2s}
.dcard:hover{border-color:color-mix(in srgb,var(--phosphor) 40%,var(--edge));transform:translateY(-3px);background:color-mix(in srgb,var(--panel) 80%,transparent)}
.dcard .k{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--phosphor-dim)}
.dcard h3{font-size:18px;margin:8px 0 6px}
.dcard p{font-size:14.5px;color:var(--muted);line-height:1.55}

/* ── the final ask ── */
.buy-band{position:relative;overflow:hidden;text-align:center;padding:clamp(80px,12vw,150px) 0;border-top:1px solid var(--edge);
  background:radial-gradient(50% 60% at 50% 45%,color-mix(in srgb,var(--phosphor) 14%,transparent),transparent 70%),linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink2) 70%,transparent))}
.buy-band .wrap{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.buy-band .bigorb{width:120px;height:120px;border-radius:50%;margin-bottom:34px;
  background:radial-gradient(circle at 42% 38%,#8ff5b6 0%,var(--phosphor) 38%,var(--phosphor-dim) 78%,#1c6b3c 100%);
  box-shadow:0 0 70px 16px color-mix(in srgb,var(--phosphor) 40%,transparent),0 0 180px 60px color-mix(in srgb,var(--phosphor) 12%,transparent);animation:breathe 5.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.buy-band .bigorb{animation:none}}
.buy-band h2{font-size:clamp(38px,6.4vw,72px);letter-spacing:-.035em;line-height:1.02}
.buy-band .price{margin-top:22px;font:700 clamp(40px,5vw,56px)/1 var(--sans);letter-spacing:-.03em}
.buy-band .price small{display:block;margin-top:10px;font:500 15px var(--sans);color:var(--muted);letter-spacing:0}
.buy-band .inbox-line{margin:22px auto 0;color:var(--muted);font-size:16px;max-width:56ch}
.buy-band .hero-cta{margin-top:30px}
.buy-band .waitalt{margin-top:48px;padding-top:36px;border-top:1px solid var(--edge);width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center}
.buy-band .waitalt p{color:var(--muted);font-size:15.5px;margin:0 auto}

/* mobile sticky buy bar */
.sticky-buy{position:fixed;left:12px;right:12px;bottom:12px;z-index:45;display:none;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 10px 10px 18px;border-radius:16px;background:color-mix(in srgb,var(--ink2) 88%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--edge2);box-shadow:0 16px 40px rgba(0,0,0,.5);
  transform:translateY(140%);transition:transform .45s var(--ease)}
.sticky-buy.show{transform:none}
.sticky-buy .p{font:700 18px var(--sans)} .sticky-buy .p small{display:block;font:500 12px var(--sans);color:var(--muted)}
.sticky-buy .btn{padding:12px 18px;font-size:15px}
@media(max-width:860px){.sticky-buy{display:flex}}

/* ── inner pages ── */
.page-hero{padding:clamp(64px,10vw,120px) 0 clamp(36px,5vw,60px)}
.page-hero h1{font-size:clamp(40px,7vw,76px);line-height:1.03}
.page-hero .lede,.page-hero>.wrap>p{color:var(--muted)}
.article>.wrap>.eyebrow{margin-bottom:4px}
.article>.wrap>.meta{font:500 12.5px/1.7 var(--mono);color:var(--muted);letter-spacing:.08em}
.article>.wrap>h1+.meta{padding-bottom:30px;border-bottom:1px solid var(--edge)}
.article .body{gap:22px}
.article .body .spec{margin:8px 0}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.toc a{font:500 13.5px var(--sans);color:var(--muted);border:1px solid var(--edge2);border-radius:99px;padding:7px 13px;transition:.15s;border-bottom:1px solid var(--edge2)!important}
.toc a:hover{color:var(--text);border-color:var(--phosphor)!important;background:color-mix(in srgb,var(--phosphor) 8%,transparent)}
.cap,.spec-card,.pillar,.brain,.surface,.post-card{transition:transform .3s var(--ease),border-color .25s,box-shadow .3s}
.cap:hover,.spec-card:hover,.brain:hover,.post-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--phosphor) 32%,var(--edge));box-shadow:0 20px 50px rgba(0,0,0,.3)}
.pillars{background:transparent;border:0;gap:16px;overflow:visible}
.pillar{border:1px solid var(--edge);border-radius:18px;background:color-mix(in srgb,var(--panel) 75%,transparent)}
.pillar p{font-size:16px}
.cap p,.spec-card p,.brain li,.surface p,.post-card p{font-size:16px}
.faq-tools{margin-top:30px;position:relative}
.faq-tools input{width:100%;background:var(--glass);border:1px solid var(--edge2);border-radius:14px;color:var(--text);font:16px var(--sans);padding:15px 18px 15px 46px}
.faq-tools input:focus{outline:none;border-color:var(--phosphor);box-shadow:0 0 0 4px color-mix(in srgb,var(--phosphor) 14%,transparent)}
.faq-tools::before{content:"";position:absolute;left:18px;top:50%;width:14px;height:14px;margin-top:-9px;border:2px solid var(--faint);border-radius:50%}
.faq-tools::after{content:"";position:absolute;left:31px;top:50%;width:7px;height:2px;margin-top:5px;background:var(--faint);transform:rotate(45deg)}
.faq-empty{margin-top:18px;color:var(--muted);display:none}
/* order: ship timeline */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;counter-reset:st}
@media(max-width:820px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps{grid-template-columns:1fr}}
.steps::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:var(--edge2)}
.steps::after{content:"";position:absolute;left:28px;top:27px;height:2px;width:0;background:linear-gradient(90deg,var(--phosphor),var(--teal));box-shadow:0 0 12px var(--phosphor);transition:width 1.8s var(--ease) .2s}
.steps.in::after,html:not(.js) .steps::after{width:calc(100% - 56px)}
@media(max-width:820px){.steps::before,.steps::after{display:none}}
.step{position:relative;z-index:1}
.step .dot{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:700 18px var(--mono);color:var(--phosphor);
  background:var(--ink2);border:2px solid color-mix(in srgb,var(--phosphor) 60%,var(--edge));box-shadow:0 0 24px color-mix(in srgb,var(--phosphor) 22%,transparent)}
.step h3{font-size:19px;margin:18px 0 8px}
.step p{font-size:15.5px;color:var(--muted);line-height:1.6}
.step p a{color:var(--phosphor)}
.order-card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 92%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));
  border-color:color-mix(in srgb,var(--phosphor) 25%,var(--edge2));box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 60px color-mix(in srgb,var(--phosphor) 7%,transparent)}
.big-price{font:750 52px/1 var(--sans);letter-spacing:-.04em}
.order-card .incl li{font-size:15.5px}
.inbox .row{font:15px/1.6 var(--sans)}
.inbox .lbl{font-family:var(--mono);color:var(--phosphor-dim)}
/* privacy diagram: data dots that circle inside the boundary */
.march{animation:march 5s linear infinite}.march-a{animation:marcha 2.4s linear infinite}
@keyframes march{to{stroke-dashoffset:-130}}@keyframes marcha{to{stroke-dashoffset:-44}}
@media(prefers-reduced-motion:reduce){.march,.march-a{animation:none}}
.frame .tagpill{left:auto;right:14px}
@media(max-width:600px){.wrap{padding:0 18px}.reason{padding:24px 20px 20px}.payoff{border-radius:20px}}
.cap-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;color:var(--phosphor);
  background:color-mix(in srgb,var(--phosphor) 11%,transparent);border:1px solid color-mix(in srgb,var(--phosphor) 28%,transparent)}
.cap-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cap h3::before{display:none}
.cta-band .eyebrow{justify-content:center}.cta-band p{margin-left:auto;margin-right:auto}.cta-band .hero-cta{justify-content:center}
.nav .cta[aria-current="page"]{color:#07110b;box-shadow:0 0 0 3px color-mix(in srgb,var(--phosphor) 30%,transparent)}
@media(prefers-reduced-motion:reduce){.steps::after{transition:none}}

/* ── homepage hero, 09-23b: full-height stage — particle field drawn toward the orb
   (everything comes to the box; nothing leaves), orbit rings, a receding floor grid,
   gradient headline, sheen on the primary button. Motion stops for reduced-motion. ── */
.hero-x{min-height:calc(100svh - 68px);display:flex;align-items:center;padding:clamp(40px,6vw,72px) 0 clamp(56px,7vw,88px)}
.hero-x>.wrap{width:100%}
.hero-x::before{opacity:.22}
.hero-x::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:0;pointer-events:none;
  background:linear-gradient(transparent,color-mix(in srgb,var(--ink) 85%,transparent))}
.hero-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-floor{position:absolute;left:-40%;right:-40%;bottom:0;height:46%;z-index:0;pointer-events:none;opacity:.85;
  background:
    linear-gradient(color-mix(in srgb,var(--phosphor) 42%,transparent) 1px,transparent 1px) 0 0/100% 52px,
    linear-gradient(90deg,color-mix(in srgb,var(--phosphor) 32%,transparent) 1px,transparent 1px) 0 0/52px 100%;
  transform:perspective(380px) rotateX(64deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 40%,transparent 92%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 40%,transparent 92%);
  animation:floor 2.8s linear infinite}
@keyframes floor{to{background-position:0 52px,0 0}}

.orb-stage{position:relative;width:min(240px,56vw);height:min(240px,56vw);margin:18px 0 clamp(64px,9vw,92px);
  transform:translate3d(calc(var(--px,0) * 16px),calc(var(--py,0) * 12px),0);transition:transform .8s var(--ease)}
.orb-stage .orb-wrap{width:100%;height:100%;margin:0}
.halo{position:absolute;inset:-42%;border-radius:50%;pointer-events:none;opacity:.75;filter:blur(30px);
  background:conic-gradient(from 0deg,transparent 0 16%,color-mix(in srgb,var(--phosphor) 45%,transparent) 28%,transparent 42%,
    color-mix(in srgb,var(--teal) 40%,transparent) 62%,transparent 76%,color-mix(in srgb,var(--phosphor) 25%,transparent) 90%,transparent);
  animation:spin 16s linear infinite}
.orbit{position:absolute;border-radius:50%;pointer-events:none;border:1px solid color-mix(in srgb,var(--phosphor) 22%,transparent);animation:spin linear infinite}
.orbit.o1{inset:-15%;border-style:dashed;animation-duration:20s}
.orbit.o2{inset:-32%;border-color:color-mix(in srgb,var(--teal) 18%,transparent);animation-duration:34s;animation-direction:reverse}
.orbit.o3{inset:-44%;border-color:color-mix(in srgb,var(--phosphor) 10%,transparent);animation-duration:52s}
.orbit i{position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;
  background:var(--phosphor);box-shadow:0 0 12px 3px color-mix(in srgb,var(--phosphor) 70%,transparent)}
.orbit.o2 i{background:var(--teal);box-shadow:0 0 12px 3px color-mix(in srgb,var(--teal) 70%,transparent)}
.orbit.o2 i:nth-child(2){top:auto;bottom:-4px}
.orbit.o3 i{width:5px;height:5px;margin-left:-2.5px;top:-2.5px;opacity:.85}
@keyframes spin{to{transform:rotate(360deg)}}

.hero-x .readout{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 15px;margin-bottom:26px;border-radius:99px;
  border:1px solid color-mix(in srgb,var(--phosphor) 32%,transparent);background:color-mix(in srgb,var(--ink2) 72%,transparent);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--phosphor);font-size:12.5px;letter-spacing:.05em;
  box-shadow:0 0 30px color-mix(in srgb,var(--phosphor) 12%,transparent)}
.hero-x .readout::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 10px var(--phosphor);animation:breathe 2.4s ease-in-out infinite}
@media(max-width:520px){.hero-x .readout{height:auto;padding:8px 14px;font-size:11px;line-height:1.5}}

.hero-x h1.title{font-size:clamp(50px,9.4vw,108px);line-height:.98;letter-spacing:-.045em;text-shadow:0 0 60px color-mix(in srgb,var(--phosphor) 14%,transparent)}
.hero-x .shine{display:inline-block;font-weight:300;padding-bottom:.06em;
  background:linear-gradient(100deg,#b6c7bd 0%,#b6c7bd 34%,#f2fff7 44%,var(--phosphor) 50%,var(--teal) 56%,#b6c7bd 66%,#b6c7bd 100%);
  background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shine 7s ease-in-out 1.2s infinite}
@keyframes shine{0%{background-position:100% 0}55%,100%{background-position:0 0}}
.hero-x .lede{font-size:clamp(18px,2.2vw,22px)}

.btn.sheen{position:relative;overflow:hidden;isolation:isolate}
.btn.sheen::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);
  animation:sheen 5s ease-in-out 2s infinite}
@keyframes sheen{0%{left:-70%}28%,100%{left:140%}}
.hero-x .btn.primary{animation:ctaglow 3.2s ease-in-out infinite}
@keyframes ctaglow{0%,100%{box-shadow:0 8px 28px color-mix(in srgb,var(--phosphor) 28%,transparent),0 0 0 0 color-mix(in srgb,var(--phosphor) 0%,transparent)}
  50%{box-shadow:0 10px 40px color-mix(in srgb,var(--phosphor) 42%,transparent),0 0 0 6px color-mix(in srgb,var(--phosphor) 12%,transparent)}}

@media(prefers-reduced-motion:reduce){
  .hero-floor,.halo,.orbit,.btn.sheen::after,.hero-x .btn.primary,.hero-x .readout::before{animation:none}
  .orb-stage{transform:none;transition:none}
  .hero-x .shine{animation:none;background:linear-gradient(100deg,#dbe8e0 0%,var(--phosphor) 55%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text}
}
@media(max-width:600px){.hero-x{min-height:0;padding-top:28px}.orb-stage{width:42vw;height:42vw;margin:22px 0 48px}.hero-x .readout{margin-bottom:18px}}

/* ── reasons, 09-23c: bento grid, live mini-visuals, animated gradient borders,
   3D tilt, icon draw-in, a giant "12" behind the heading ── */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.reasons-band{overflow:hidden}
.reasons-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 40% at 15% 20%,color-mix(in srgb,var(--phosphor) 9%,transparent),transparent 70%),
    radial-gradient(40% 35% at 90% 60%,color-mix(in srgb,var(--teal) 8%,transparent),transparent 70%),
    radial-gradient(circle,color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 1.5px) 0 0/26px 26px;
  -webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.reasons-band>.wrap{position:relative}.reasons-band .head{position:static}
.big12{position:absolute;right:28px;top:-30px;z-index:-1;font:800 clamp(180px,26vw,340px)/1 var(--sans);letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--phosphor) 22%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--phosphor) 10%,transparent),transparent 80%);-webkit-background-clip:text;background-clip:text;
  pointer-events:none;user-select:none}
@media(max-width:860px){.big12{right:10px;top:-10px;font-size:150px;opacity:.7}}

.reasons.bento{grid-auto-flow:row dense;gap:16px}
.reason.big{grid-column:span 2;grid-row:span 2;display:grid;grid-template-rows:auto 1fr;gap:22px;padding:34px 32px 30px}
.reason.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:center}
@media(max-width:980px){.reason.big{grid-column:span 2;grid-row:auto}}
@media(max-width:620px){.reason.big,.reason.wide{grid-column:auto;grid-template-columns:1fr}}
.reason.big h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}
.reason.big p{font-size:17px;max-width:48ch}

/* giant outlined numerals instead of small counters */
.reason .num{top:10px;right:16px;font:800 64px/1 var(--sans);letter-spacing:-.05em;color:transparent;
  -webkit-text-stroke:1px color-mix(in srgb,var(--text) 12%,transparent);transition:-webkit-text-stroke-color .3s,transform .5s var(--ease)}
.reason:hover .num{-webkit-text-stroke-color:color-mix(in srgb,var(--phosphor) 45%,transparent);transform:translateY(-3px)}
.reason.big .num{font-size:110px;top:14px;right:22px}

/* animated conic border: always on the featured card, on hover for the rest */
.reason::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:conic-gradient(from var(--ang),transparent 0 55%,var(--phosphor) 70%,var(--teal) 80%,transparent 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:angle 4s linear infinite}
.reason:hover::after,.reason.big::after{opacity:1}
@keyframes angle{to{--ang:360deg}}

/* 3D tilt (JS feeds --rx/--ry) */
.reasons.bento .reason{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}
.reasons.bento .reason:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}
.js .reasons.bento .reason[data-reveal]{transform:perspective(1000px) translateY(26px) scale(.97)}
.js .reasons.bento .reason[data-reveal].in{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.js .reasons.bento .reason[data-reveal].in:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}

/* icon strokes draw in when the card arrives */
.js .reason[data-reveal] .ic svg *{stroke-dasharray:1;stroke-dashoffset:1}
.js .reason[data-reveal].in .ic svg *{animation:draw 1.1s var(--ease) forwards;animation-delay:calc(var(--d,0s) + .25s)}
@keyframes draw{to{stroke-dashoffset:0}}

/* 01 — the box: dots roam but never cross the boundary */
.viz{position:relative;border-radius:16px}
.rv-house{min-height:190px;color:color-mix(in srgb,var(--phosphor) 55%,transparent);
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--phosphor) 10%,transparent),transparent 60%),color-mix(in srgb,var(--ink2) 70%,transparent)}
.rv-edge{position:absolute;inset:0;width:100%;height:100%}
.rv-house .tag{position:absolute;top:12px;left:16px;font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--phosphor-dim)}
.rv-house .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.rv-house .miniorb{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#8ff5b6,var(--phosphor) 60%,var(--phosphor-dim));
  box-shadow:0 0 30px 6px color-mix(in srgb,var(--phosphor) 40%,transparent);animation:breathe 5.2s ease-in-out infinite}
.rv-house i{position:absolute;left:var(--x);top:var(--y);width:7px;height:7px;border-radius:50%;background:var(--phosphor);
  box-shadow:0 0 10px var(--phosphor);animation:roam var(--d,8s) ease-in-out var(--dl,0s) infinite alternate}
.rv-house i:nth-child(odd){background:var(--teal);box-shadow:0 0 10px var(--teal)}
@keyframes roam{0%{transform:translate(0,0)}25%{transform:translate(40px,-18px)}50%{transform:translate(-26px,24px)}75%{transform:translate(30px,30px)}100%{transform:translate(-34px,-10px)}}
.rv-house .out{position:absolute;bottom:12px;right:16px;font:500 11.5px var(--mono);color:var(--muted)}
.rv-house .out b{color:var(--phosphor)}

/* 02 — price */
.rv-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:-2px 0 10px}
.rv-price b{font:800 34px/1 var(--sans);letter-spacing:-.04em;color:var(--phosphor);text-shadow:0 0 24px color-mix(in srgb,var(--phosphor) 35%,transparent)}
.rv-price span{font-size:15px;color:var(--text);font-weight:600}
.rv-price s{flex-basis:100%;font:500 13px var(--mono);color:color-mix(in srgb,var(--amber) 80%,var(--muted));text-decoration-thickness:1.5px}

/* 07 — voice waveform */
.rv-wave{padding:16px 18px;border:1px solid var(--edge);background:color-mix(in srgb,var(--ink2) 75%,transparent)}
.rv-wave .wtop{display:flex;align-items:center;gap:9px;font:600 11.5px var(--mono);letter-spacing:.06em;color:var(--text)}
.rv-wave .rec{width:10px;height:10px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 12px #ff4d4d;animation:blink 1.2s steps(1) infinite}
.rv-wave .lim{margin-left:auto;color:var(--faint);font-weight:500}
.rv-wave .bars{display:flex;align-items:center;gap:4px;height:70px;margin:14px 0 10px}
.rv-wave .bars i{flex:1;height:100%;border-radius:3px;background:linear-gradient(180deg,var(--teal),var(--phosphor));transform-origin:center;
  transform:scaleY(.15);animation:wave 1.1s ease-in-out infinite}
.rv-wave .bars i:nth-child(3n){animation-duration:.9s}.rv-wave .bars i:nth-child(4n+1){animation-duration:1.3s}.rv-wave .bars i:nth-child(5n+2){animation-duration:.75s}
.rv-wave .bars i:nth-child(1){animation-delay:-.1s}.rv-wave .bars i:nth-child(2){animation-delay:-.5s}.rv-wave .bars i:nth-child(3){animation-delay:-.2s}.rv-wave .bars i:nth-child(4){animation-delay:-.8s}
.rv-wave .bars i:nth-child(5){animation-delay:-.3s}.rv-wave .bars i:nth-child(6){animation-delay:-.9s}.rv-wave .bars i:nth-child(7){animation-delay:-.4s}.rv-wave .bars i:nth-child(8){animation-delay:-.7s}
.rv-wave .bars i:nth-child(9){animation-delay:-.15s}.rv-wave .bars i:nth-child(10){animation-delay:-.6s}.rv-wave .bars i:nth-child(11){animation-delay:-.35s}.rv-wave .bars i:nth-child(12){animation-delay:-1s}
.rv-wave .bars i:nth-child(n+13){animation-delay:calc(var(--k,0) * -1s)}
.rv-wave .bars i:nth-child(13){--k:.45}.rv-wave .bars i:nth-child(14){--k:.05}.rv-wave .bars i:nth-child(15){--k:.85}.rv-wave .bars i:nth-child(16){--k:.25}
.rv-wave .bars i:nth-child(17){--k:.65}.rv-wave .bars i:nth-child(18){--k:.12}.rv-wave .bars i:nth-child(19){--k:.95}.rv-wave .bars i:nth-child(20){--k:.4}
.rv-wave .bars i:nth-child(21){--k:.7}.rv-wave .bars i:nth-child(22){--k:.2}.rv-wave .bars i:nth-child(23){--k:.55}.rv-wave .bars i:nth-child(24){--k:.33}
@keyframes wave{0%,100%{transform:scaleY(.15)}50%{transform:scaleY(1)}}
.rv-wave .wbot{font:500 11px var(--mono);color:var(--faint)}

/* 09 — terminal */
.rv-term{border:1px solid var(--edge2);background:#070b0d;overflow:hidden;font:11.5px/1.8 var(--mono);box-shadow:inset 0 0 40px rgba(0,0,0,.5)}
.rv-term .tbar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #182227;background:#0c1215}
.rv-term .tbar i{width:9px;height:9px;border-radius:50%;background:#2a383e}
.rv-term .tbar i:first-child{background:#ff5f57}.rv-term .tbar i:nth-child(2){background:#febc2e}.rv-term .tbar i:nth-child(3){background:#28c840}
.rv-term .tbar span{margin-left:8px;font-size:10.5px;color:var(--faint);letter-spacing:.04em}
.rv-term .tl{padding:0 14px;color:#8fa39a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-term .tl:nth-child(2){padding-top:10px}.rv-term .tl:last-child{padding-bottom:12px}
.rv-term .tl em{font-style:normal;color:var(--faint)}
.rv-term .cmd{color:var(--text)}.rv-term .p{color:var(--phosphor)}
.rv-term .ok{color:var(--phosphor)}
.rv-term .cur{display:inline-block;width:.55em;height:1.05em;margin-left:4px;vertical-align:-2px;background:var(--phosphor);animation:blink 1.1s steps(1) infinite}
.js .reason[data-reveal] .rv-term .tl{opacity:0}
.js .reason[data-reveal].in .rv-term .tl{animation:typein .01s forwards}
.js .reason.in .rv-term .tl:nth-child(2){animation-delay:.5s}.js .reason.in .rv-term .tl:nth-child(3){animation-delay:1.4s}
.js .reason.in .rv-term .tl:nth-child(4){animation-delay:1.9s}.js .reason.in .rv-term .tl:nth-child(5){animation-delay:2.4s}.js .reason.in .rv-term .tl:nth-child(6){animation-delay:3.4s}
@keyframes typein{to{opacity:1}}

/* 12 — status board */
.rv-status{display:grid;gap:8px}
.rv-status div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;
  border:1px solid var(--edge);background:color-mix(in srgb,var(--ink2) 70%,transparent);font-size:14.5px;color:var(--muted)}
.rv-status b{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);padding:4px 10px;border-radius:99px;border:1px solid var(--edge2)}
.rv-status b.yes{color:#07110b;background:var(--phosphor);border-color:var(--phosphor);box-shadow:0 0 16px color-mix(in srgb,var(--phosphor) 40%,transparent)}

@media(prefers-reduced-motion:reduce){
  .reason::after,.rv-house i,.rv-house .miniorb,.rv-wave .bars i,.rv-wave .rec,.rv-term .cur{animation:none}
  .rv-wave .bars i{transform:scaleY(calc(.25 + var(--k,.5) * .7))}
  .reasons.bento .reason,.js .reasons.bento .reason[data-reveal],.js .reasons.bento .reason[data-reveal].in{transform:none}
  .js .reason[data-reveal] .ic svg *{stroke-dasharray:none;animation:none}
  .js .reason[data-reveal] .rv-term .tl{opacity:1;animation:none}
}

.reason.wide .num{right:auto;left:calc(50% - 90px)}
@media(max-width:620px){.reason.wide .num{left:auto;right:16px}}

/* ── photography, 09-23d: new AI-retouched product photos. Each photo sits on a blurred
   copy of itself (ambient light), wipes in on reveal, lifts on hover and opens a
   lightbox. The big shot under the hero tilts up flat as you scroll to it. ── */
.ph{position:relative;display:block;border-radius:22px;isolation:isolate;transition:transform .5s var(--ease)}
.ph>img:not(.amb),.ph>video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;
  border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 30px 70px rgba(0,0,0,.45);
  transition:clip-path 1.3s var(--ease),transform 1.3s var(--ease),filter .5s}
.ph .amb{position:absolute;left:5%;right:5%;top:8%;bottom:-4%;width:90%;height:96%;object-fit:cover;z-index:0;border-radius:inherit;
  filter:blur(46px) saturate(1.7);opacity:.5;transition:opacity .5s;pointer-events:none}
a.ph{cursor:zoom-in}
a.ph:hover{transform:translateY(-5px)}
a.ph:hover>img:not(.amb){filter:brightness(1.07) contrast(1.03)}
a.ph:hover .amb{opacity:.85}
.phtag{position:absolute;left:14px;bottom:14px;z-index:2;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);
  padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--ink2) 70%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid color-mix(in srgb,var(--text) 14%,transparent)}
a.ph::after{content:"";position:absolute;right:14px;top:14px;z-index:2;width:34px;height:34px;border-radius:50%;opacity:0;transform:scale(.8);transition:.3s var(--ease);
  background:color-mix(in srgb,var(--ink2) 70%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f6f3' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center/15px no-repeat;
  border:1px solid color-mix(in srgb,var(--text) 18%,transparent)}
a.ph:hover::after{opacity:1;transform:none}
/* wipe-in on reveal */
.js .ph[data-reveal]>img:not(.amb){clip-path:inset(10% 10% 10% 10% round 22px);transform:scale(1.1)}
.js .ph[data-reveal].in>img:not(.amb){clip-path:inset(0 0 0 0 round 22px);transform:none}
.js .ph[data-reveal] .amb{opacity:0}
.js .ph[data-reveal].in .amb{opacity:.5;transition:opacity 1.6s .4s}

/* the big shot under the hero */
.reveal{position:relative;padding:0 0 clamp(44px,6vw,80px);margin-top:clamp(-40px,-3vw,-10px)}
.reveal-stage{perspective:1500px}
.reveal-stage .ph{transform-origin:50% 100%;transform:rotateX(calc(var(--t,0) * 26deg)) scale(calc(1 - var(--t,0) * .1));transition:none;will-change:transform}
.reveal-stage .ph .amb{filter:blur(70px) saturate(1.8);opacity:.7;top:12%;bottom:-8%}
.reveal-stage .ph:hover{transform:rotateX(calc(var(--t,0) * 26deg)) scale(calc(1 - var(--t,0) * .1))}
.reveal-cap{margin:22px auto 0;max-width:74ch;text-align:center;font-size:14.5px;line-height:1.65;color:var(--muted)}
.reveal-cap b{color:var(--amber);font-weight:600}
.reveal-cap a{color:var(--phosphor);white-space:nowrap}
.reveal-cap .dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;vertical-align:1px;background:var(--amber);box-shadow:0 0 10px var(--amber)}

/* bento gallery */
.pgal{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(110px,13vw,160px);gap:18px}
.pgal .g-a{grid-column:span 4;grid-row:span 3}
.pgal .g-c{grid-column:span 2;grid-row:span 3}
.pgal .g-b,.pgal .g-d,.pgal .g-e{grid-column:span 2;grid-row:span 2}
.pgal .frame{border-radius:22px;overflow:hidden;background:#000;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.pgal .frame video{object-fit:contain}
@media(max-width:820px){.pgal{grid-template-columns:1fr;grid-auto-rows:auto}
  .pgal>*{grid-column:auto!important;grid-row:auto!important}
  .pgal .ph>img:not(.amb){height:auto}.pgal .frame video{height:auto}}
.ph.solo>img:not(.amb){height:auto}

/* lightbox */
.lb{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(12px,4vw,48px);
  background:color-mix(in srgb,#05080a 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(10px);animation:lbin .3s var(--ease)}
.lb[hidden]{display:none}
@keyframes lbin{from{opacity:0}to{opacity:1}}
.lb figure{margin:0;max-width:min(1400px,100%);display:flex;flex-direction:column;align-items:center;gap:14px}
.lb img{max-width:100%;max-height:calc(100vh - 140px);border-radius:14px;box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 80px color-mix(in srgb,var(--phosphor) 12%,transparent);animation:lbimg .45s var(--ease)}
@keyframes lbimg{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lb figcaption{font-size:14px;color:var(--muted);text-align:center;max-width:70ch}
.lb figcaption b{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--phosphor);margin-right:8px}
.lb button{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;cursor:pointer;color:var(--text);font:400 22px var(--sans);
  background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--edge2);transition:background .2s,border-color .2s}
.lb button:hover{border-color:var(--phosphor);background:color-mix(in srgb,var(--phosphor) 14%,var(--panel))}
.lb .x{top:18px;right:18px}.lb .pv{left:18px;top:50%;margin-top:-24px}.lb .nx{right:18px;top:50%;margin-top:-24px}
@media(max-width:600px){.lb .pv,.lb .nx{top:auto;bottom:18px;margin:0}.lb .pv{left:calc(50% - 60px)}.lb .nx{right:calc(50% - 60px)}}
body:has(.lb:not([hidden])){overflow:hidden}

@media(prefers-reduced-motion:reduce){
  .reveal-stage .ph,.reveal-stage .ph:hover{transform:none}
  .js .ph[data-reveal]>img:not(.amb){clip-path:none;transform:none}
  .js .ph[data-reveal] .amb{opacity:.5}
  .lb,.lb img{animation:none}
}
.reveal>.wrap{max-width:1320px}

/* ── pays for itself, 09-23e: a headline number, a big slider and a live cumulative-cost
   chart. Series colours validated for colour-blind separation on the dark card:
   subscription #8a78f0 (violet), PHNTM One #2aad5d (green). Text wears text tokens. ── */
.payoff2{position:relative;overflow:hidden;border-radius:28px;padding:clamp(24px,4.5vw,56px);border:1px solid var(--edge);
  background:radial-gradient(70% 60% at 100% 0%,color-mix(in srgb,#8a78f0 12%,transparent),transparent 70%),
    radial-gradient(70% 70% at 0% 100%,color-mix(in srgb,var(--phosphor) 10%,transparent),transparent 70%),
    color-mix(in srgb,var(--panel) 80%,transparent);
  box-shadow:0 40px 90px rgba(0,0,0,.35)}
.payoff2::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--ang),transparent 0 60%,#8a78f0 72%,var(--phosphor) 82%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:angle 7s linear infinite;opacity:.8}
.po-top{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,48px);align-items:end}
@media(max-width:860px){.po-top{grid-template-columns:1fr}}
.po-copy h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.035em;margin-top:14px;line-height:1.02}
.po-copy p{margin-top:16px;color:var(--muted);font-size:17.5px}
.po-hero{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
@media(max-width:860px){.po-hero{text-align:left;align-items:flex-start}}
.po-k{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.po-num{display:block;font:800 clamp(64px,10vw,124px)/.95 var(--sans);letter-spacing:-.05em;color:var(--text);margin:8px 0 6px;
  text-shadow:0 0 40px color-mix(in srgb,var(--phosphor) 45%,transparent),0 0 90px color-mix(in srgb,var(--phosphor) 25%,transparent)}
.po-num.neg{font-size:clamp(40px,6vw,72px);text-shadow:none;color:var(--muted)}
.po-num.pop{animation:numpop .5s var(--ease)}
@keyframes numpop{0%{transform:scale(.92);opacity:.4}60%{transform:scale(1.04)}100%{transform:none;opacity:1}}
.po-sub{font-size:15.5px;color:var(--muted);max-width:40ch}

.po-control{margin-top:clamp(26px,4vw,40px);padding:22px 24px;border-radius:18px;border:1px solid var(--edge);background:color-mix(in srgb,var(--ink2) 70%,transparent);
  display:grid;grid-template-columns:auto 1fr auto;gap:10px 24px;align-items:center}
.po-control label{grid-column:1/-1;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.po-amt b{font:800 44px/1 var(--sans);letter-spacing:-.04em;color:var(--text)}
.po-amt span{margin-left:6px;font-size:15px;color:var(--muted)}
.po-control .slider{margin:0}
.po-control .presets{margin:0}
@media(max-width:760px){.po-control{grid-template-columns:1fr}}
input[type=range].slider{height:10px;background:linear-gradient(90deg,#8a78f0 0 var(--p,20%),var(--edge2) var(--p,20%) 100%)}
input[type=range].slider::-webkit-slider-thumb{width:30px;height:30px;border:5px solid #8a78f0;box-shadow:0 0 0 7px color-mix(in srgb,#8a78f0 20%,transparent),0 0 24px color-mix(in srgb,#8a78f0 50%,transparent)}
input[type=range].slider::-moz-range-thumb{width:22px;height:22px;border:5px solid #8a78f0;box-shadow:0 0 0 7px color-mix(in srgb,#8a78f0 20%,transparent)}
.po-control .presets button:hover,.po-control .presets button.on{border-color:#8a78f0;background:color-mix(in srgb,#8a78f0 14%,transparent)}

.po-chart{margin:clamp(22px,3vw,32px) 0 0}
.po-legend{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--muted);margin-bottom:10px}
.po-legend>span{display:inline-flex;align-items:center;gap:9px}
.lk{display:inline-block;width:18px;height:2px;border-radius:2px;flex:none}
.lk.sub{background:#8a78f0}.lk.own{background:#2aad5d}
.po-plot{position:relative}
#po-svg{display:block;width:100%;height:auto;overflow:visible;outline:none;border-radius:12px}
#po-svg:focus-visible{box-shadow:0 0 0 2px var(--phosphor)}
.po-grid{stroke:#243138;stroke-width:1}
.po-base{stroke:#3a4c52;stroke-width:1}
.po-ax{font:11px var(--mono);fill:var(--faint)}
.po-line{stroke-width:2.5;stroke-linecap:round}
.po-save{fill:#2aad5d;fill-opacity:.14}
.po-save-t{font:600 13px var(--sans);fill:var(--text)}
.po-be-line{stroke:var(--muted);stroke-width:1;stroke-dasharray:0}
.po-be{fill:#2aad5d;stroke:#19232a;stroke-width:3;filter:drop-shadow(0 0 8px rgba(70,224,124,.7))}
.po-be-t{font:600 12px var(--mono);fill:var(--text)}
.po-dot{stroke:#19232a;stroke-width:2}
.po-end{font:700 15px var(--sans);fill:var(--text)}
.po-end-s{font:11px var(--mono);fill:var(--faint)}
.po-xh{stroke:var(--muted);stroke-width:1}
.po-hit{fill:transparent;cursor:crosshair}
.po-tip{position:absolute;top:6%;transform:translateX(14px);min-width:200px;padding:12px 14px;border-radius:12px;pointer-events:none;z-index:3;
  background:color-mix(in srgb,var(--ink2) 94%,transparent);border:1px solid var(--edge2);box-shadow:0 16px 40px rgba(0,0,0,.45);font-size:13px}
.po-tip.flip{transform:translateX(calc(-100% - 14px))}
.po-tip .t-h{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.po-tip .t-r{display:flex;align-items:center;gap:8px;padding:2px 0;color:var(--muted)}
.po-tip .t-r b{color:var(--text);font:700 15px var(--sans);min-width:56px}
.po-tip .t-f{margin-top:8px;padding-top:8px;border-top:1px solid var(--edge);color:var(--text);font-weight:600}
#po-cap{margin-top:10px;font-size:13px;color:var(--faint)}
.po-table{margin-top:10px}
.po-table summary{cursor:pointer;font:600 13px var(--sans);color:var(--phosphor);list-style:none}
.po-table summary::-webkit-details-marker{display:none}
.po-table summary::before{content:"▸ ";}
.po-table[open] summary::before{content:"▾ "}
.po-table table{margin-top:10px;width:100%;border-collapse:collapse;font-size:14px}
.po-table th,.po-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--edge);color:var(--muted)}
.po-table thead th{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.po-table td{color:var(--text);font-variant-numeric:tabular-nums}
.payoff2 .caveat{margin-top:22px}
@media(prefers-reduced-motion:reduce){.payoff2::before{animation:none}.po-num.pop{animation:none}}

/* ── the closing ask, 09-23f: product photo in an orbit, giant price, a live batch
   meter (real /api/availability counts only), what's in the box, promises, big CTA ── */
.buy-x{text-align:left;padding:clamp(80px,11vw,150px) 0 clamp(60px,8vw,100px);
  background:radial-gradient(55% 55% at 28% 45%,color-mix(in srgb,var(--phosphor) 16%,transparent),transparent 70%),
    radial-gradient(45% 50% at 85% 30%,color-mix(in srgb,var(--teal) 9%,transparent),transparent 70%),
    linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink2) 80%,transparent))}
.buy-x .hero-floor{height:38%;opacity:.55}
.buy-x>.wrap{display:block;position:relative;z-index:1;max-width:1240px}
.buy-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,6vw,90px);align-items:center}
@media(max-width:900px){.buy-grid{grid-template-columns:1fr}}

.buy-visual{position:relative;display:grid;place-items:center;padding:clamp(20px,4vw,50px)}
.buy-ring{position:absolute;inset:0;pointer-events:none}
.buy-ring i{position:absolute;inset:4%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--phosphor) 30%,transparent);animation:spin 40s linear infinite}
.buy-ring i:nth-child(2){inset:-6%;border:1px solid color-mix(in srgb,var(--teal) 16%,transparent);animation-duration:70s;animation-direction:reverse}
.buy-ring i::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 16px 4px color-mix(in srgb,var(--phosphor) 70%,transparent)}
.buy-ring i:nth-child(2)::after{background:var(--teal);box-shadow:0 0 16px 4px color-mix(in srgb,var(--teal) 70%,transparent);top:auto;bottom:-5px}
.buy-ph{width:min(100%,520px);border-radius:28px;animation:floaty 7s ease-in-out infinite}
.buy-ph>img:not(.amb){border-radius:28px;height:auto}
.buy-ph .amb{filter:blur(60px) saturate(1.8);opacity:.75}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}
a.buy-ph:hover{transform:none}

.buy-copy .eyebrow{justify-content:flex-start}
.buy-copy h2{font-size:clamp(52px,8vw,104px);line-height:.95;letter-spacing:-.05em;margin-top:16px;
  background:linear-gradient(100deg,#f2fff7 0%,#f2fff7 40%,var(--phosphor) 70%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.buy-price{display:flex;align-items:center;gap:16px;margin-top:22px}
.buy-price b{font:800 clamp(56px,7vw,84px)/1 var(--sans);letter-spacing:-.05em;color:var(--text);
  text-shadow:0 0 40px color-mix(in srgb,var(--phosphor) 40%,transparent)}
.buy-price span{font-size:15px;line-height:1.4;color:var(--muted);padding-left:16px;border-left:1px solid var(--edge2)}

.batch{margin-top:24px;padding:16px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--phosphor) 25%,var(--edge));
  background:color-mix(in srgb,var(--ink2) 70%,transparent);max-width:520px}
.batch-top{display:flex;justify-content:space-between;gap:12px;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.batch-top b{color:var(--text)}
.batch-cells{display:flex;gap:5px;margin-top:12px}
.batch-cells i{flex:1;height:12px;border-radius:4px;background:color-mix(in srgb,var(--phosphor) 22%,transparent);border:1px solid color-mix(in srgb,var(--phosphor) 40%,transparent);
  animation:cellin .5s var(--ease) both;animation-delay:calc(var(--i) * 60ms)}
.batch-cells i.on{background:var(--edge2);border-color:var(--edge2)}
@keyframes cellin{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}

.buy-lede{margin-top:22px;color:var(--muted);font-size:17px;max-width:52ch}
.buy-lede b{color:var(--text)}
.box-list{list-style:none;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;max-width:560px}
@media(max-width:520px){.box-list{grid-template-columns:1fr}}
.box-list li{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--text)}
.box-list svg,.promise svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--phosphor);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.box-list li svg{width:34px;height:34px;padding:7px;border-radius:10px;background:color-mix(in srgb,var(--phosphor) 10%,transparent);border:1px solid color-mix(in srgb,var(--phosphor) 25%,transparent)}
.buy-x .hero-cta{justify-content:flex-start;margin-top:30px}
.buy-btn{font-size:18px!important;padding:19px 34px!important;animation:ctaglow 3.2s ease-in-out infinite}
.buy-btn span{transition:transform .25s var(--ease)}
.buy-btn:hover span{transform:translateX(4px)}
.promise{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px}
.promise span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.promise svg{width:17px;height:17px}

.buy-x .waitalt{margin:clamp(48px,6vw,72px) auto 0;padding-top:34px;border-top:1px solid var(--edge);max-width:560px;text-align:center}
.buy-x .waitalt form.signup{margin-left:auto;margin-right:auto}
.buy-x .signup-done{justify-content:center}
@media(max-width:900px){.buy-copy{text-align:left}.buy-visual{max-width:440px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.buy-ring i,.buy-ph,.buy-btn,.batch-cells i{animation:none}}

/* ── a day with PHNTM One, 09-23g: a timeline from dawn to night. The spine fills and a
   sun travels down it as you scroll, shifting amber → teal → violet (JS feeds --p/--sky).
   Each moment gets a big clock, a lit node, a tone-coloured glow and a richer device frame. ── */
.day-band{overflow:hidden}
.day-track{position:relative;--p:0;--sky:#e8bb55}
.day-track .frow{position:relative;padding:clamp(40px,6vw,76px) 0;gap:clamp(60px,10vw,140px)}
.day-track .frow+.frow{border-top:0}
.frow[data-tone=dawn]{--tone:#e8bb55}.frow[data-tone=day]{--tone:#3fd0c9}.frow[data-tone=night]{--tone:#8a78f0}

.day-spine{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;border-radius:2px;background:var(--edge)}
.day-fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--p) * 100%);border-radius:2px;
  background:linear-gradient(180deg,#e8bb55,#3fd0c9 50%,#8a78f0);box-shadow:0 0 14px color-mix(in srgb,var(--sky) 70%,transparent)}
.day-sun{position:absolute;left:50%;top:calc(var(--p) * 100%);width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#fff,var(--sky) 60%);box-shadow:0 0 0 6px color-mix(in srgb,var(--sky) 22%,transparent),0 0 30px 8px color-mix(in srgb,var(--sky) 60%,transparent)}
.day-node{position:absolute;left:50%;top:50%;z-index:2;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink2);border:1px solid var(--edge2);color:var(--faint);transition:color .5s,border-color .5s,box-shadow .5s,transform .5s var(--ease)}
.day-node svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.frow.lit .day-node{color:var(--tone);border-color:var(--tone);transform:scale(1.08);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--tone) 14%,transparent),0 0 34px color-mix(in srgb,var(--tone) 45%,transparent)}

.clock{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.clock b{font:800 clamp(48px,6vw,76px)/1 var(--mono);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--tone);
  text-shadow:0 0 30px color-mix(in srgb,var(--tone) 35%,transparent);transition:color .6s}
.frow.lit .clock b{color:color-mix(in srgb,var(--tone) 22%,transparent)}
.clock span{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tone)}
.day-track .fcopy h3{margin-top:18px}
.day-track .fcopy li::before{background-color:color-mix(in srgb,var(--tone) 16%,transparent)}

/* device frames: tone-coloured glow, glass glare, a stand shadow, notched phone */
.day-track .screen{isolation:isolate;border-radius:26px;padding:16px;
  background:linear-gradient(160deg,#2b383f,#0f171b 55%,#1a2429);border-color:#3a4c52;
  box-shadow:0 50px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(0,0,0,.4);
  transition:transform .6s var(--ease)}
.day-track .screen::before{content:"";position:absolute;inset:-18%;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--tone) 30%,transparent),transparent);filter:blur(20px);opacity:.5;transition:opacity .6s}
.frow.lit .screen::before{opacity:1}
.day-track .screen .glass{position:relative;border-radius:14px}
.day-track .screen .glass::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 28%,transparent 42%)}
.day-track .screen:not(.phone)::after{content:"";position:absolute;left:18%;right:18%;bottom:-26px;height:18px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);z-index:-1}
.day-track .screen .scap{bottom:-14px}
.day-track .screen .miniorb{background:radial-gradient(circle at 42% 38%,#fff,var(--tone) 55%,color-mix(in srgb,var(--tone) 60%,#000));
  box-shadow:0 0 28px 6px color-mix(in srgb,var(--tone) 45%,transparent)}
.day-track .screen .side{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--tone) 12%,transparent),transparent 60%)}
.day-track .screen.phone{max-width:320px;border-radius:44px;padding:14px 12px 16px}
.day-track .screen.phone .glass{border-radius:32px;min-height:380px}
.day-track .screen.phone .chat{min-height:380px;padding-top:40px}
.screen .notch{position:absolute;top:24px;left:50%;z-index:3;width:90px;height:22px;margin-left:-45px;border-radius:99px;background:#05080a}
@media(hover:hover){.day-track .frow:hover .screen{transform:translateY(-6px) rotate(-.6deg)}}

@media(max-width:860px){
  .day-spine{left:22px}
  .day-node{left:22px;top:48px;width:40px;height:40px;margin:-20px 0 0 -20px}
  .day-node svg{width:19px;height:19px}
  .day-track .frow{padding-left:58px;gap:34px}
}
@media(prefers-reduced-motion:reduce){.day-node,.clock b,.day-track .screen,.day-track .screen::before{transition:none}}

/* ── two brains, 09-23h: a Private/Boosted switch driving a flow diagram. Private: the
   question goes into the box and back. Boosted: it crosses the boundary to the cloud
   model on your key and comes back labelled. Cards below follow the switch. ── */
.brains-x{--m:var(--phosphor)}
.brains-x[data-mode=boosted]{--m:var(--amber)}
.mode-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:6px;border-radius:99px;
  background:color-mix(in srgb,var(--ink2) 80%,transparent);border:1px solid var(--edge2);margin-bottom:26px}
.ms-pill{position:absolute;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:99px;
  background:color-mix(in srgb,var(--m) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--m) 55%,transparent);
  box-shadow:0 0 24px color-mix(in srgb,var(--m) 30%,transparent);transition:transform .45s var(--ease),background .45s,border-color .45s,box-shadow .45s}
.brains-x[data-mode=boosted] .ms-pill{transform:translateX(100%)}
.mode-switch button{position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding:12px 24px;border:0;background:none;cursor:pointer;
  font:650 16px var(--sans);color:var(--muted);transition:color .3s;white-space:nowrap}
.mode-switch button[aria-pressed=true]{color:var(--text)}
.mode-switch button small{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.mode-switch .d{width:9px;height:9px;border-radius:50%;background:var(--edge2)}
.mode-switch button[data-set=private][aria-pressed=true] .d{background:var(--phosphor);box-shadow:0 0 10px var(--phosphor)}
.mode-switch button[data-set=boosted][aria-pressed=true] .d{background:var(--amber);box-shadow:0 0 10px var(--amber)}
@media(max-width:520px){.mode-switch{display:grid;width:100%}.mode-switch button{padding:12px 10px;justify-content:center}.mode-switch button small{display:none}}

.flow{position:relative;border-radius:24px;padding:clamp(14px,3vw,30px);border:1px solid var(--edge);overflow:hidden;
  background:radial-gradient(60% 80% at 40% 50%,color-mix(in srgb,var(--m) 9%,transparent),transparent 70%),color-mix(in srgb,var(--ink2) 75%,transparent);
  transition:background .6s}
.flow-svg{display:block;width:100%;height:auto;overflow:visible}
.flow-svg text{font-family:var(--sans)}
.bx{fill:color-mix(in srgb,var(--phosphor) 4%,transparent);stroke:var(--phosphor);stroke-width:1.5;stroke-dasharray:7 6;animation:march 5s linear infinite}
.bx-t{font:600 11px var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;fill:var(--phosphor-dim)}
.you{fill:var(--panel2);stroke:var(--edge2);stroke-width:1.5}
.you-i{fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round}
.lbl{font:600 14px var(--sans);fill:var(--text)}
.mini{font:11px var(--mono)!important;fill:var(--faint)}
.chip{fill:#0c1417;stroke:color-mix(in srgb,var(--phosphor) 45%,transparent);stroke-width:1.5;filter:drop-shadow(0 0 16px rgba(70,224,124,.25))}
.chip-t{font:700 18px var(--sans);fill:var(--text)}
.chip-s{font:11px var(--mono)!important;fill:var(--phosphor-dim)}
.wire{stroke:color-mix(in srgb,var(--phosphor) 55%,transparent);stroke-width:2}
.wire.out{stroke:var(--amber);stroke-dasharray:6 5;opacity:.15;transition:opacity .5s;animation:marcha 1.6s linear infinite}
.cloud path{fill:#1b1a14;stroke:color-mix(in srgb,var(--amber) 60%,transparent);stroke-width:1.5}
.cloud{opacity:.3;transition:opacity .5s}
.door{opacity:0;transition:opacity .5s}
.door circle{fill:var(--amber);filter:drop-shadow(0 0 10px var(--amber))}
.door-t{font:600 11px var(--mono)!important;fill:var(--amber);letter-spacing:.06em}
.pkt.g{fill:var(--phosphor)}.pkt.a{fill:var(--amber)}
.pkt-h{opacity:.25}.pkt-h.g{fill:var(--phosphor)}.pkt-h.a{fill:var(--amber)}
.tag-b rect{fill:color-mix(in srgb,var(--amber) 16%,#0c1417);stroke:var(--amber)}
.tag-b text{font:600 11px var(--mono)!important;fill:var(--text)}
.only-boost{opacity:0;transition:opacity .4s}
.only-private{transition:opacity .4s}
.brains-x[data-mode=boosted] .only-boost,.brains-x[data-mode=boosted] .door,.brains-x[data-mode=boosted] .cloud{opacity:1}
.brains-x[data-mode=boosted] .wire.out{opacity:1}
.brains-x[data-mode=boosted] .only-private{opacity:0}
.flow-cap{margin-top:14px;min-height:3.2em;font-size:16px;color:var(--muted);max-width:none}
.flow-cap b{color:var(--m)}
.only-boost-t{display:none}
.brains-x[data-mode=boosted] .only-boost-t{display:inline}
.brains-x[data-mode=boosted] .only-private-t{display:none}

.brains-x .brains{margin-top:22px}
.brains-x .brain{transition:opacity .45s,transform .45s var(--ease),border-color .45s,box-shadow .45s}
.brains-x[data-mode=private] .brain.private,.brains-x[data-mode=boosted] .brain.boosted{transform:translateY(-4px)}
.brains-x[data-mode=private] .brain.private{border-color:color-mix(in srgb,var(--phosphor) 50%,var(--edge));box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px color-mix(in srgb,var(--phosphor) 14%,transparent)}
.brains-x[data-mode=boosted] .brain.boosted{border-color:color-mix(in srgb,var(--amber) 55%,var(--edge));box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px color-mix(in srgb,var(--amber) 14%,transparent)}
.brains-x[data-mode=private] .brain.boosted,.brains-x[data-mode=boosted] .brain.private{opacity:.6}
.brain li{font-size:16px}
@media(prefers-reduced-motion:reduce){.bx,.wire.out{animation:none}.ms-pill,.brains-x .brain{transition:none}}
.brain li{display:block;position:relative;padding-left:22px}.brain li::before{position:absolute;left:0;top:0}
.flow-m{display:none;max-width:360px;margin:0 auto}
@media(max-width:600px){.flow-d{display:none}.flow-m{display:block}}

/* ── trust pass, 09-24: EU/UK cookie choice, security + credits pages, builder photo ── */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:620px;margin:0 auto;display:flex;gap:14px 18px;align-items:center;flex-wrap:wrap;
  padding:14px 16px 14px 18px;border-radius:16px;background:color-mix(in srgb,var(--ink2) 94%,transparent);border:1px solid var(--edge2);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.5);
  transform:translateY(140%);transition:transform .4s var(--ease)}
.consent.show{transform:none}
.consent p{flex:1 1 280px;font-size:14px;color:var(--muted);line-height:1.5;margin:0}
.consent a{color:var(--phosphor)}
.consent-b{display:flex;gap:8px}
.consent button{font:600 14px var(--sans);padding:9px 16px;border-radius:10px;cursor:pointer;border:1px solid var(--edge2);background:transparent;color:var(--text)}
.consent button:hover{border-color:var(--phosphor)}
body:has(.consent.show) .sticky-buy{bottom:auto;top:-200px}
@media(prefers-reduced-motion:reduce){.consent{transition:none}}
.note-card .bench{position:relative;display:block;margin:-6px -6px 22px;border-radius:16px;overflow:hidden;border:1px solid var(--edge2)}
.note-card .bench img{display:block;width:100%;height:auto;transition:transform 1s var(--ease)}
.note-card .bench:hover img{transform:scale(1.03)}
.note-card::before{z-index:2}
.article>.wrap>.backlink{display:inline-block;margin-bottom:18px}.article>.wrap>.backlink+.eyebrow{display:flex}
.dgrid.for-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.dgrid.for-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dgrid.for-grid{grid-template-columns:1fr}}
.body ul.src{font-size:14px}.body ul.src a{word-break:break-word}

/* ── specs page, 09-24: split hero, big numbers, a scroll-driven exploded view of the
   five layers (JS feeds --e 0→1), a four-panel technical sheet, and the kit ── */
.specs-hero{text-align:left}
.sh-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
@media(max-width:900px){.sh-grid{grid-template-columns:1fr}}
.specs-hero h1{font-size:clamp(40px,6.4vw,72px)}
.specs-hero .eyebrow{justify-content:flex-start}
.specs-hero p{margin:20px 0 0;text-align:left}

.bignums{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;border-radius:22px;overflow:hidden;border:1px solid var(--edge);background:var(--edge)}
@media(max-width:980px){.bignums{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.bignums{grid-template-columns:repeat(2,1fr)}}
.bignums>div{background:color-mix(in srgb,var(--ink2) 92%,transparent);padding:24px 20px 22px;display:flex;flex-direction:column;gap:8px}
.bignums b{font:800 clamp(38px,4.4vw,56px)/1 var(--sans);letter-spacing:-.04em;color:var(--text)}
.bignums b small{font-size:.42em;font-weight:700;color:var(--phosphor);margin-left:3px;letter-spacing:0}
.bignums b span{font:inherit}
.bignums b.g{color:var(--phosphor);text-shadow:0 0 30px color-mix(in srgb,var(--phosphor) 40%,transparent)}
.bignums>div>span{font-size:14px;color:var(--muted);line-height:1.45}

.explode{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center;--e:1}
@media(max-width:900px){.explode{grid-template-columns:1fr}}
.ex-stage{height:clamp(380px,46vw,560px);perspective:1400px;display:grid;place-items:center}
.ex-stack{position:relative;width:min(400px,72vw);height:min(252px,45vw);transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg)}
.ly{position:absolute;inset:0;border-radius:14px;transform-style:preserve-3d;transition:box-shadow .4s,border-color .4s;
  transform:translateZ(calc((3 - var(--i)) * (8px + var(--e) * 64px)));border:1px solid rgba(255,255,255,.08)}
.ly .n{position:absolute;top:10px;left:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--mono);font-style:normal;
  color:#07110b;background:var(--phosphor);box-shadow:0 0 12px var(--phosphor)}
.l1{--i:1;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 45%,rgba(255,255,255,.08));backdrop-filter:blur(2px)}
.l1 .sheen{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%)}
.l2{--i:2;background:#060b0d;border-color:#1c2a30}
.l2 .orbx{position:absolute;left:22%;top:34%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#b8ffd2,var(--phosphor) 60%);box-shadow:0 0 30px 8px color-mix(in srgb,var(--phosphor) 45%,transparent)}
.l2 .ui{position:absolute;right:10%;top:18%;width:42%;height:64%;border-radius:6px;
  background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--phosphor) 22%,transparent) 0 9px,transparent 9px 20px)}
.l3{--i:3;background:linear-gradient(135deg,#0f3b35,#0b2b27);border-color:#1e5a51}
.l3 .soc{position:absolute;left:40%;top:36%;width:18%;height:28%;border-radius:4px;background:#c7ccd0;box-shadow:0 0 0 3px #1a1f22}
.l3 .ram{position:absolute;left:62%;top:30%;width:10%;height:18%;border-radius:2px;background:#15191b}
.l3 .ram.r2{top:54%}
.l3 .io{position:absolute;right:-4px;top:18%;width:14%;height:64%;border-radius:3px;background:repeating-linear-gradient(180deg,#9aa3a8 0 14px,#3c4448 14px 20px)}
.l3 .gpio{position:absolute;left:10%;right:30%;top:8%;height:7%;background:repeating-linear-gradient(90deg,#d4af37 0 4px,transparent 4px 8px)}
.l4{--i:4;background:#12191c;border-color:#26343a}
.l4 .fan{position:absolute;left:50%;top:50%;width:48%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#2a383e 0 18%,transparent 19%),repeating-conic-gradient(#39484e 0 20deg,#10171a 20deg 45deg);
  box-shadow:inset 0 0 0 3px #26343a;animation:spin 3s linear infinite}
.l5{--i:5;background:linear-gradient(135deg,#1d2528,#0d1215);border-color:#2e3b40}
.l5 .grille{position:absolute;left:8%;bottom:14%;width:34%;height:30%;background:radial-gradient(circle,#050809 1.6px,transparent 2px) 0 0/9px 9px}
.l5 .sd{position:absolute;right:10%;top:18%;width:12%;height:22%;border-radius:2px 2px 2px 6px;background:#2b6b4a;box-shadow:inset 0 -4px 0 #d4af37}
.ly.on{border-color:var(--phosphor);box-shadow:0 0 0 1px var(--phosphor),0 0 40px color-mix(in srgb,var(--phosphor) 35%,transparent)}
.ex-list{list-style:none;display:grid;gap:12px;counter-reset:x}
.ex-list li{display:grid;grid-template-columns:34px 1fr;gap:4px 14px;padding:16px 18px;border-radius:16px;border:1px solid var(--edge);
  background:color-mix(in srgb,var(--ink2) 70%,transparent);transition:border-color .3s,background .3s,transform .3s var(--ease);cursor:default}
.ex-list li::before{counter-increment:x;content:counter(x);grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  font:700 12px var(--mono);color:var(--phosphor);border:1px solid color-mix(in srgb,var(--phosphor) 45%,transparent)}
.ex-list b{font-size:17px}
.ex-list span{font-size:15px;color:var(--muted);line-height:1.55}
.ex-list li.on{border-color:color-mix(in srgb,var(--phosphor) 50%,var(--edge));background:color-mix(in srgb,var(--phosphor) 7%,var(--ink2));transform:translateX(4px)}
.ex-list li.on::before{background:var(--phosphor);color:#07110b}
@media(prefers-reduced-motion:reduce){.l4 .fan{animation:none}.ex-list li,.ly{transition:none}}

.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:900px){.sheet-grid{grid-template-columns:1fr}}
.sheet-grid .spec .row{grid-template-columns:150px 1fr}
@media(max-width:600px){.sheet-grid .spec .row{grid-template-columns:1fr}}
.box-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
@media(max-width:860px){.box-grid{grid-template-columns:1fr}}
.spec-card .ic{color:var(--phosphor)}

/* ── order page, 09-24: guarantee strip up top, glowing order card with the return promise
   and the live batch meter, and the return policy in plain English ── */
.guarantee-wrap{padding:0 0 clamp(26px,4vw,40px)}
.guarantee{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:12px}
@media(max-width:980px){.guarantee{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.guarantee{grid-template-columns:1fr}}
.gt{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid var(--edge);
  background:color-mix(in srgb,var(--ink2) 75%,transparent);transition:border-color .25s,transform .3s var(--ease),background .25s}
.gt:hover{border-color:color-mix(in srgb,var(--phosphor) 45%,var(--edge));transform:translateY(-2px)}
.gt .gi{grid-row:span 2;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--phosphor);
  background:color-mix(in srgb,var(--phosphor) 11%,transparent);border:1px solid color-mix(in srgb,var(--phosphor) 28%,transparent)}
.gt svg,.ret-line svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gt b{font-size:16.5px;color:var(--text)}
.gt>span:last-child{font-size:13.5px;color:var(--muted);line-height:1.4}
.gt.feat{border-color:color-mix(in srgb,var(--phosphor) 55%,var(--edge));
  background:linear-gradient(135deg,color-mix(in srgb,var(--phosphor) 14%,var(--ink2)),color-mix(in srgb,var(--ink2) 80%,transparent));
  box-shadow:0 0 30px color-mix(in srgb,var(--phosphor) 12%,transparent)}
.gt.feat b{font-size:19px}
.gt.feat .gi{background:var(--phosphor);color:#07110b;box-shadow:0 0 18px color-mix(in srgb,var(--phosphor) 50%,transparent)}

.order-card{isolation:isolate}
.order-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;
  background:conic-gradient(from var(--ang),transparent 0 55%,var(--phosphor) 70%,var(--teal) 80%,transparent 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:angle 5s linear infinite}
.order-card .big-price{text-shadow:0 0 36px color-mix(in srgb,var(--phosphor) 35%,transparent)}
.ret-line{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:13px 14px;border-radius:12px;color:var(--phosphor);
  border:1px solid color-mix(in srgb,var(--phosphor) 45%,transparent);background:color-mix(in srgb,var(--phosphor) 9%,transparent);transition:background .2s}
.ret-line:hover{background:color-mix(in srgb,var(--phosphor) 14%,transparent)}
.ret-line span{font-size:14.5px;line-height:1.45;color:var(--text)}
.ret-line b{color:var(--phosphor)}
.order-card .batch{margin-top:12px;max-width:none}
.order-btn.primary{animation:ctaglow 3.2s ease-in-out infinite}

.rgrid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:stretch}
@media(max-width:900px){.rgrid{grid-template-columns:1fr}}
.rcard{border-radius:20px;padding:26px 24px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 75%,transparent)}
.rcard.feat{border-color:color-mix(in srgb,var(--phosphor) 50%,var(--edge));background:linear-gradient(160deg,color-mix(in srgb,var(--phosphor) 12%,var(--panel)),color-mix(in srgb,var(--panel) 80%,transparent) 60%);
  box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px color-mix(in srgb,var(--phosphor) 10%,transparent)}
.rnum{display:flex;align-items:baseline;gap:10px}
.rnum b{font:800 64px/1 var(--sans);letter-spacing:-.05em;color:var(--text)}
.rcard.feat .rnum b{color:var(--phosphor);text-shadow:0 0 30px color-mix(in srgb,var(--phosphor) 40%,transparent)}
.rnum span{font:600 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rcard h3{font-size:21px;margin:14px 0 10px}
.rcard p{font-size:15.5px;color:var(--muted);line-height:1.65}
@media(prefers-reduced-motion:reduce){.order-card::after,.order-btn.primary{animation:none}}
@media(max-width:520px){.guarantee{grid-template-columns:1fr 1fr;gap:8px}.gt{padding:11px 12px;gap:2px 10px}.gt>span:last-child{display:none}
  .gt .gi{grid-row:auto;width:32px;height:32px;border-radius:9px}.gt svg{width:17px;height:17px}.gt b,.gt.feat b{font-size:13.5px;line-height:1.25}}

/* ── how-it-works, 09-24: feature explorer (8 tabs, one panel, auto-advance until touched),
   honest limits as cards ── */
.fx{display:grid;gap:18px}
.fx-tabs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
@media(max-width:980px){.fx-tabs{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.fx-tabs{grid-template-columns:repeat(2,1fr)}}
.fx-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 12px;border-radius:14px;cursor:pointer;text-align:left;
  border:1px solid var(--edge);background:color-mix(in srgb,var(--ink2) 70%,transparent);color:var(--muted);font:inherit;transition:border-color .25s,background .25s,color .25s,transform .25s var(--ease)}
.fx-tabs button:hover{border-color:var(--edge2);color:var(--text);transform:translateY(-2px)}
.fx-tabs button[aria-selected=true]{border-color:color-mix(in srgb,var(--phosphor) 55%,var(--edge));color:var(--text);
  background:linear-gradient(160deg,color-mix(in srgb,var(--phosphor) 14%,var(--ink2)),color-mix(in srgb,var(--ink2) 80%,transparent));box-shadow:0 0 26px color-mix(in srgb,var(--phosphor) 12%,transparent)}
.fx-tabs .ti svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fx-tabs button[aria-selected=true] .ti{color:var(--phosphor)}
.fx-tabs .tn{font:600 10.5px var(--mono);letter-spacing:.1em;color:var(--faint)}
.fx-tabs .tl{font-size:13.5px;font-weight:600;line-height:1.25;text-transform:capitalize}
.fx-stage{position:relative;border-radius:24px;border:1px solid var(--edge);overflow:hidden;min-height:300px;
  background:radial-gradient(60% 90% at 15% 50%,color-mix(in srgb,var(--phosphor) 10%,transparent),transparent 70%),color-mix(in srgb,var(--panel) 80%,transparent)}
.fpanel{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(24px,4vw,48px)}
@media(max-width:640px){.fpanel{grid-template-columns:1fr}}
.js .fpanel[data-off]{display:none}
.js .fpanel:not([data-off]){animation:fpin .5s var(--ease)}
@keyframes fpin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fp-ic{width:clamp(96px,14vw,150px);aspect-ratio:1;border-radius:28px;display:grid;place-items:center;color:var(--phosphor);
  background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--phosphor) 22%,transparent),color-mix(in srgb,var(--phosphor) 6%,transparent));
  border:1px solid color-mix(in srgb,var(--phosphor) 35%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--phosphor) 20%,transparent)}
.fp-ic svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fp-num{font:600 12px var(--mono);letter-spacing:.14em;color:var(--phosphor-dim)}
.fp-body h3{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.025em;margin:10px 0 12px}
.fp-body p{color:var(--muted);font-size:17px;max-width:60ch}
.fp-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fp-pills span{font:500 12px var(--mono);color:var(--text);padding:6px 10px;border-radius:99px;border:1px solid var(--edge2);background:color-mix(in srgb,var(--ink2) 70%,transparent)}
.fp-body .more{display:inline-flex;margin-top:18px;font:600 14px var(--sans);color:var(--phosphor)}
.fp-body .more::after{content:" →"}
.fx-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--text) 6%,transparent)}
.fx-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--phosphor),var(--teal))}
.fx-bar i.run{animation:fxbar 7s linear forwards}
@keyframes fxbar{to{width:100%}}
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.lgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lgrid{grid-template-columns:1fr}}
.lcard{border-radius:18px;padding:22px 22px 20px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 75%,transparent);transition:border-color .25s,transform .3s var(--ease)}
.lcard:hover{border-color:color-mix(in srgb,var(--amber) 40%,var(--edge));transform:translateY(-3px)}
.lcard .li{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--amber);
  background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid color-mix(in srgb,var(--amber) 30%,transparent)}
.lcard .li svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lcard h3{font-size:19px;margin:14px 0 8px}
.lcard p{font-size:15.5px;color:var(--muted);line-height:1.6}
@media(prefers-reduced-motion:reduce){.js .fpanel:not([data-off]){animation:none}.fx-bar{display:none}}

/* ── privacy, 09-24: the zero hero, the diagram card with data dots circulating inside the
   boundary, private-mode checklist cards, and the exact Boosted list ── */
.zero-card{display:grid;gap:14px}
.zero{display:flex;align-items:center;gap:20px;padding:22px 24px;border-radius:22px;border:1px solid color-mix(in srgb,var(--phosphor) 40%,var(--edge));
  background:radial-gradient(80% 120% at 0% 50%,color-mix(in srgb,var(--phosphor) 14%,transparent),transparent 70%),color-mix(in srgb,var(--ink2) 80%,transparent)}
.zero b{font:800 clamp(90px,12vw,150px)/.85 var(--sans);letter-spacing:-.06em;color:var(--phosphor);
  text-shadow:0 0 40px color-mix(in srgb,var(--phosphor) 50%,transparent),0 0 110px color-mix(in srgb,var(--phosphor) 25%,transparent);animation:breathe 5.2s ease-in-out infinite}
.zero span{font-size:clamp(16px,1.8vw,19px);font-weight:600;color:var(--text);line-height:1.35;max-width:22ch}
.zero-card .rv-term{border-radius:16px}
.diag-card{max-width:980px;margin:0 auto;border-radius:22px;padding:clamp(14px,2.5vw,28px);border:1px solid var(--edge);
  background:radial-gradient(60% 70% at 50% 50%,color-mix(in srgb,var(--phosphor) 7%,transparent),transparent 70%),var(--ink2);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.pcheck{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:18px 20px;border-radius:16px;border:1px solid var(--edge);
  background:color-mix(in srgb,var(--panel) 75%,transparent);transition:border-color .25s,transform .3s var(--ease)}
.pcheck:hover{border-color:color-mix(in srgb,var(--phosphor) 40%,var(--edge));transform:translateY(-2px)}
.pcheck svg{width:30px;height:30px;padding:6px;border-radius:50%;fill:none;stroke:#07110b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
  background:var(--phosphor);box-shadow:0 0 14px color-mix(in srgb,var(--phosphor) 50%,transparent)}
.pcheck p{font-size:15.5px;color:var(--muted);line-height:1.6}
.pcheck p b{color:var(--text)}
.boost-x{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,60px);align-items:center;border-radius:26px;padding:clamp(24px,4vw,48px);
  border:1px solid color-mix(in srgb,var(--amber) 35%,var(--edge));background:radial-gradient(70% 90% at 100% 50%,color-mix(in srgb,var(--amber) 9%,transparent),transparent 70%),color-mix(in srgb,var(--panel) 80%,transparent)}
@media(max-width:860px){.boost-x{grid-template-columns:1fr}}
.boost-x h2{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.03em;margin:14px 0 14px}
.boost-x p{color:var(--muted);font-size:17px}
.boost-x p b{color:var(--text)}
.boost-list{border-radius:18px;padding:20px 22px;border:1px solid var(--edge2);background:color-mix(in srgb,var(--ink2) 85%,transparent)}
.bl-top{font:600 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.bl-top.stay{color:var(--phosphor);margin-top:18px}
.boost-list ul{list-style:none;display:grid;gap:8px}
.boost-list li{position:relative;padding-left:22px;font-size:15.5px;color:var(--text)}
.boost-list li::before{content:"↗";position:absolute;left:0;color:var(--amber);font-family:var(--mono)}
.boost-list ul.stay li::before{content:"✓";color:var(--phosphor)}
@media(prefers-reduced-motion:reduce){.zero b{animation:none}}

/* ── SEO/CLS pass, 09-24: reserve space for content that arrives after load, so nothing
   jumps (order card availability + batch meter, hero ship line, typed status pill) ── */
.order-card .avail{min-height:58px}
.batch.pending{visibility:hidden}
.hero .ship-line{min-height:2.6em}
.hero-x .readout{min-width:min(470px,92vw);justify-content:flex-start}
@media(max-width:520px){.hero-x .readout{min-height:54px;align-items:center}}
/* footer + menu column labels are labels, not document headings */
.fcol .fh{font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim);margin:0 0 12px}
.menu-col .fh{font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim);padding:6px 10px 8px;margin:0}

/* ── autonomy (home, under the hero). au- prefix: .cap/.rv are taken ── */
.au-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.au-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.au-grid{grid-template-columns:1fr}}
.au-status{display:flex;width:fit-content;margin-bottom:18px;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;
  font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--edge)}
.au-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.au-status.au-now{color:var(--phosphor);border-color:color-mix(in srgb,var(--phosphor) 40%,var(--edge));background:color-mix(in srgb,var(--phosphor) 8%,transparent)}
.au-status.au-dev{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--edge));background:color-mix(in srgb,var(--amber) 8%,transparent)}

/* ── skip link ── */
.skip{position:absolute;left:12px;top:-60px;z-index:1000;padding:10px 16px;border-radius:10px;background:var(--phosphor);color:#07100a;font:600 14px var(--sans);transition:top .15s}
.skip:focus{top:12px}

/* ── /autonomy (ah- prefix) ── */
.ah-hero{padding-top:clamp(40px,6vw,80px);text-align:left}
.ah-hero .wrap.ah-hero-grid{display:grid}
.ah-hero .lede{margin-left:0;max-width:44ch}
.ah-hero h1.title{font-size:clamp(40px,5.6vw,74px);line-height:1.02}
.ah-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center;text-align:left}
@media(max-width:900px){.ah-hero-grid{grid-template-columns:1fr}}
.ah-copy .title{margin-top:14px}
.ah-copy .chips{justify-content:flex-start}
.ah-fig{margin:0;max-width:520px;justify-self:center;width:100%}
.ah-loop{width:100%;height:auto;overflow:visible}
.ah-track{fill:none;stroke:var(--edge);stroke-width:2}
.ah-flow{fill:none;stroke:var(--phosphor);stroke-width:2.5;stroke-dasharray:6 94;stroke-linecap:round;opacity:.9;animation:ah-flow 10s linear infinite;transform:rotate(-90deg);transform-origin:260px 260px}
@keyframes ah-flow{to{stroke-dashoffset:-100}}
.ah-undo{fill:none;stroke:var(--amber);stroke-width:1.6;stroke-dasharray:4 6;opacity:.75}
.ah-halo{fill:none;stroke:color-mix(in srgb,var(--phosphor) 35%,transparent);stroke-width:1;animation:ah-breathe 5s ease-in-out infinite;transform-origin:260px 260px}
@keyframes ah-breathe{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.06);opacity:1}}
.ah-core-t{font:700 15px var(--mono);fill:#07100a;text-anchor:middle;letter-spacing:.06em}
.ah-core-s{font:600 8.5px var(--mono);fill:#0b2a16;text-anchor:middle;letter-spacing:.04em;text-transform:uppercase}
.ah-node circle{fill:var(--panel2);stroke:var(--edge2);stroke-width:1.5}
.ah-node .ah-ring{fill:none;stroke:var(--phosphor);stroke-width:2.5;opacity:0;animation:ah-hit 10s linear infinite}
.ah-n2 .ah-ring{animation-delay:2s}.ah-n3 .ah-ring{animation-delay:4s}.ah-n4 .ah-ring{animation-delay:6s}.ah-n5 .ah-ring{animation-delay:8s}
@keyframes ah-hit{0%{opacity:1;stroke-width:5}14%{opacity:.15;stroke-width:2}20%,100%{opacity:0}}
.ah-num{font:600 13px var(--mono);fill:var(--phosphor);text-anchor:middle}
.ah-lbl{font:650 17px var(--sans);fill:var(--text);text-anchor:middle}
.ah-cap{font:400 11.5px var(--mono);fill:var(--muted);text-anchor:middle}
.ah-dot{fill:#c9ffdc;filter:drop-shadow(0 0 8px var(--phosphor))}
@media(prefers-reduced-motion:reduce){.ah-flow,.ah-halo,.ah-node .ah-ring{animation:none}.ah-dot{display:none}.ah-flow{stroke-dasharray:none;opacity:.35}}
.ah-grid3{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.ah-grid3{grid-template-columns:1fr}}
.ah-grid3 .reason h3{margin-top:4px}
.ah-grid3 .reason p+p{margin-top:12px}
.ah-fine{font-size:14.5px !important;color:var(--faint) !important}
.ah-note{margin-top:26px;color:var(--muted);max-width:70ch}
.ah-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:980px){.ah-cols{grid-template-columns:1fr}}
.ah-panel{border:1px solid var(--edge);border-radius:20px;padding:26px 24px;background:color-mix(in srgb,var(--panel) 80%,transparent)}
.ah-panel p{color:var(--muted);font-size:15.5px;line-height:1.62}
.ah-panel p+p{margin-top:12px}
.ah-amber{border-color:color-mix(in srgb,var(--amber) 40%,var(--edge))}
.ah-k{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--phosphor);margin-bottom:14px}
.ah-amber .ah-k{color:var(--amber)}
.ah-list,.ah-steps{margin:0 0 12px;padding-left:20px;color:var(--text);font-size:15.5px;line-height:1.6}
.ah-list li,.ah-steps li{margin:6px 0}
.ah-steps li::marker{color:var(--phosphor);font-family:var(--mono)}
.ah-never{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media(max-width:1100px){.ah-never{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.ah-never{grid-template-columns:1fr}}
.ah-never div{border:1px solid var(--edge);border-radius:16px;padding:20px;background:color-mix(in srgb,var(--panel) 70%,transparent)}
.ah-never b{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--text)}
.ah-never b::before{content:"✕";font:600 13px var(--mono);color:var(--amber)}
.ah-never span{display:block;margin-top:8px;color:var(--muted);font-size:15px;line-height:1.55}
.ah-link{text-decoration:none;color:inherit;display:block}

.au-more{margin-top:28px}

/* ── /changelog (cl-) and /roadmap (rm-) ── */
.cl-hero{text-align:left}
.cl-hero .wrap{align-items:flex-start}
.cl-hero .lede{margin-left:0;max-width:60ch}
.cl-hero h1.title{font-size:clamp(40px,6vw,76px);line-height:1.02;margin-top:14px}
.cl-band{padding-top:0}
.cl-line{position:relative;padding-left:34px;max-width:860px}
.cl-line::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--phosphor),var(--edge) 30%,var(--edge))}
.cl-rel{position:relative;border:1px solid var(--edge);border-radius:18px;padding:22px 24px;margin-bottom:16px;background:color-mix(in srgb,var(--panel) 75%,transparent)}
.cl-dot{position:absolute;left:-32px;top:28px;width:12px;height:12px;border-radius:50%;background:var(--panel2);border:2px solid var(--edge2)}
.cl-cur{border-color:color-mix(in srgb,var(--phosphor) 40%,var(--edge))}
.cl-cur .cl-dot{background:var(--phosphor);border-color:var(--phosphor);box-shadow:0 0 14px var(--phosphor)}
.cl-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cl-top h2{font-size:clamp(20px,2.2vw,24px);letter-spacing:-.015em}
.cl-top .au-status{margin:0}
.cl-v{font:600 14px var(--mono);color:var(--phosphor);border:1px solid color-mix(in srgb,var(--phosphor) 35%,var(--edge));border-radius:8px;padding:4px 9px}
.cl-date{margin-top:8px;font:12.5px var(--mono);color:var(--faint);letter-spacing:.03em}
.cl-rel ul{margin:12px 0 0;padding-left:20px;color:var(--muted);font-size:15.5px;line-height:1.6}
.cl-rel li{margin:6px 0}
.cl-rel li b{color:var(--text);font-weight:600}
.rm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:980px){.rm-grid{grid-template-columns:1fr}}
.rm-col{border:1px solid var(--edge);border-radius:20px;padding:26px 24px;background:color-mix(in srgb,var(--panel) 78%,transparent)}
.rm-k{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.rm-k::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.rm-now .rm-k{color:var(--phosphor)} .rm-next .rm-k{color:var(--teal)} .rm-later .rm-k{color:var(--amber)}
.rm-now{border-color:color-mix(in srgb,var(--phosphor) 38%,var(--edge))}
.rm-col h2{font-size:clamp(22px,2.4vw,28px);margin-top:12px}
.rm-sub{margin-top:6px;color:var(--faint);font-size:14.5px}
.rm-col ul{list-style:none;margin:16px 0 0;padding:0}
.rm-col li{padding:12px 0;border-top:1px solid var(--edge)}
.rm-col li b{display:block;color:var(--text);font-size:16px}
.rm-col li span{display:block;margin-top:4px;color:var(--muted);font-size:14.5px;line-height:1.55}
.rm-ask{margin-top:32px;border:1px dashed var(--edge2);border-radius:20px;padding:26px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center}
.rm-ask h2{font-size:24px}.rm-ask p{color:var(--muted)}
.rm-ask .btn{grid-row:1/3;grid-column:2}
@media(max-width:620px){.rm-ask{grid-template-columns:1fr}.rm-ask .btn{grid-row:auto;grid-column:auto;justify-self:start}}

/* ── /tour (tr-) ── */
.tr-stop{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(22px,4vw,56px);align-items:center;margin-bottom:clamp(40px,6vw,80px)}
.tr-flip .tr-media{order:2}
@media(max-width:980px){.tr-stop{grid-template-columns:1fr}.tr-flip .tr-media{order:0}}
.tr-shot{display:block;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--edge)}
.tr-shot img{display:block;width:100%;height:auto}
.tr-n{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor)}
.tr-copy h2{font-size:clamp(26px,3vw,36px);margin:10px 0 12px;letter-spacing:-.02em}
.tr-copy p{color:var(--muted);font-size:16.5px;line-height:1.62}
.tr-copy p+p{margin-top:12px}
.tr-rail{display:grid;grid-template-columns:auto 1fr;min-height:300px;border:1px solid var(--edge);border-radius:18px;overflow:hidden;background:#0b1110}
.tr-tabs{display:flex;flex-direction:column;border-right:1px solid var(--edge);background:#0e1514}
.tr-tabs button{all:unset;cursor:pointer;padding:13px 18px;font:500 12.5px var(--mono);letter-spacing:.1em;color:var(--faint);border-left:2px solid transparent}
.tr-tabs button[aria-selected="true"]{color:var(--phosphor);border-left-color:var(--phosphor);background:color-mix(in srgb,var(--phosphor) 8%,transparent)}
.tr-tabs button:hover{color:var(--text)}
.tr-tabs button:focus-visible{outline:2px solid var(--phosphor);outline-offset:-2px}
.tr-panels{padding:26px 24px;display:flex;align-items:center}
.tr-pk{display:block;font:600 13px var(--mono);letter-spacing:.14em;color:var(--phosphor);margin-bottom:10px}
.tr-panel p{font-size:18px;line-height:1.55;color:var(--text)}
@media(max-width:560px){.tr-rail{grid-template-columns:1fr}.tr-tabs{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--edge)}.tr-tabs button{border-left:0;border-bottom:2px solid transparent;padding:10px 12px}.tr-tabs button[aria-selected="true"]{border-bottom-color:var(--phosphor)}}
.tr-brain{border:1px solid var(--edge);border-radius:18px;padding:30px 26px;background:#0b1110}
.tr-seg{display:inline-flex;border:1px solid var(--edge2);border-radius:12px;overflow:hidden;margin-bottom:20px;flex-wrap:wrap}
.tr-seg span{padding:10px 16px;font:500 14px var(--sans);color:var(--muted)}
.tr-seg span.on{background:var(--phosphor);color:#07100a;font-weight:600}
.tr-brain p{color:var(--text);font-size:17px;line-height:1.6;font-style:italic}
.cl-hero{padding-bottom:clamp(16px,3vw,32px)}

/* ── /units live ledger (ld-) ── */
.ld-live{margin:22px 0 8px;border:1px solid color-mix(in srgb,var(--phosphor) 30%,var(--edge));border-radius:16px;padding:18px 20px;background:color-mix(in srgb,var(--panel) 80%,transparent)}
.ld-top{font:500 11.5px var(--mono);letter-spacing:.14em;color:var(--phosphor);line-height:1.5}
.ld-top .d{display:inline-block;vertical-align:middle;margin-right:8px;width:7px;height:7px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 10px var(--phosphor)}
.ld-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:14px}
@media(max-width:760px){.ld-grid{grid-template-columns:repeat(4,1fr)}}
.ld-t{border:1px solid var(--edge);border-radius:12px;padding:12px 8px;text-align:center;background:#0e1514}
.ld-t b{display:block;font:600 24px var(--mono);color:var(--text)}
.ld-t span{display:block;margin-top:4px;font:11px var(--mono);color:var(--faint);letter-spacing:.04em}
.ld-live .ld-note{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--faint)}

/* 2026-09-27: "Umbra · soon" in the top nav */
.nav .nav-new{display:inline-flex;align-items:center;gap:7px;color:var(--text)}
.nav .nav-new i{font:600 9.5px/1 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--phosphor);padding:3px 5px;border-radius:5px}
@media(max-width:1120px){.nav .nav-new i{display:none}}
/* homepage: Umbra announcement pill + two-choices band */
.hero-news{display:inline-flex;align-items:center;gap:10px;margin:0 auto 18px;padding:7px 14px 7px 7px;border-radius:99px;border:1px solid color-mix(in srgb,var(--phosphor) 35%,var(--edge));background:color-mix(in srgb,var(--panel) 70%,transparent);font:500 13.5px var(--sans);color:var(--text);transition:border-color .2s,background .2s}
.hero-news:hover{border-color:var(--phosphor);background:color-mix(in srgb,var(--panel2) 80%,transparent)}
.hero-news i{font:600 10px/1 var(--mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--phosphor);padding:5px 8px;border-radius:99px}
.hero-news span{color:var(--phosphor)}
@media(max-width:520px){.hero-news{font-size:12px;text-align:left}}
.dgrid.two-choice{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){.dgrid.two-choice{grid-template-columns:1fr}}
.dcard.dcard-new{border-color:color-mix(in srgb,var(--phosphor) 40%,var(--edge))}

/* ── 1.0 expansion, 2026-09-28: three promises, the everything explorer, spotlight cards, a third mode,
   the features catalogue and the keep-exploring card. Built from the same tokens; nothing new to learn. ── */
.head.center{margin-left:auto;margin-right:auto;text-align:center}
.head.center p{margin-left:auto;margin-right:auto}
.head.center .eyebrow{justify-content:center}

/* three promises */
.px-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.px-grid{grid-template-columns:1fr}}
.px-card{--pc:var(--phosphor);position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 28px 26px;border-radius:22px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--pc) 28%,var(--edge));
  background:radial-gradient(90% 70% at 0% 0%,color-mix(in srgb,var(--pc) 13%,transparent),transparent 65%),linear-gradient(180deg,var(--panel2),var(--panel));
  transition:transform .35s var(--ease),border-color .25s,box-shadow .35s}
.px-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pc) 60%,var(--edge));box-shadow:0 24px 60px rgba(0,0,0,.3),0 0 40px color-mix(in srgb,var(--pc) 14%,transparent)}
.px-n{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--pc)}
.px-card h3{font-size:clamp(24px,2.6vw,30px)}
.px-card p{color:var(--muted);font-size:16.5px;line-height:1.6}
.px-proof{margin-top:auto;padding-top:14px;border-top:1px dashed var(--edge2);font-size:12.5px;color:var(--faint)}
.px-proof b{color:var(--text);font-weight:600}
.px-go{font:600 14px var(--sans);color:var(--pc)}
.px-go::after{content:" →";display:inline-block;transition:transform .2s var(--ease)}
.px-card:hover .px-go::after{transform:translateX(4px)}

/* everything explorer (homepage) */
.ex{display:grid;gap:22px}
.ex-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;-webkit-mask:linear-gradient(90deg,#000 92%,transparent)}
.ex-tabs::-webkit-scrollbar{display:none}
.ex-tabs button{flex:none;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;cursor:pointer;
  border:1px solid var(--edge);background:color-mix(in srgb,var(--ink2) 70%,transparent);color:var(--muted);font:600 15px var(--sans);transition:border-color .25s,color .25s,background .25s}
.ex-tabs button:hover{color:var(--text);border-color:var(--edge2)}
.ex-tabs button small{font:500 11px var(--mono);color:var(--faint)}
.ex-tabs button[aria-selected=true]{color:var(--text);border-color:color-mix(in srgb,var(--phosphor) 55%,var(--edge));
  background:color-mix(in srgb,var(--phosphor) 12%,var(--ink2));box-shadow:0 0 22px color-mix(in srgb,var(--phosphor) 12%,transparent)}
.ex-tabs button[aria-selected=true] small{color:var(--phosphor)}
.ex-h{display:none}
html:not(.js) .ex-tabs{display:none}
html:not(.js) .ex-h{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim);margin:18px 0 12px}
.js .ex-panel[data-off]{display:none}
.js .ex-panel:not([data-off]){animation:fpin .45s var(--ease)}
.ex-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.ex-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ex-tiles{grid-template-columns:1fr}}
.ex-tile{display:block;padding:20px 22px;border-radius:16px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 75%,transparent);
  transition:border-color .2s,transform .3s var(--ease),background .2s}
.ex-tile:hover{border-color:color-mix(in srgb,var(--phosphor) 45%,var(--edge));transform:translateY(-3px);background:color-mix(in srgb,var(--panel2) 85%,transparent)}
.ex-tile h3{font-size:17.5px;display:flex;align-items:center;gap:9px}
.ex-tile h3::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor);flex:none}
.ex-tile p{margin-top:8px;font-size:14.5px;color:var(--muted);line-height:1.55}

/* self-care grid: six cards, three across */
.au-grid.au-grid3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.au-grid.au-grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.au-grid.au-grid3{grid-template-columns:1fr}}

/* day: a fourth tone for the early evening */
.frow[data-tone=dusk]{--tone:#e8866a}

/* spotlight cards */
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:960px){.sp-grid{grid-template-columns:1fr}}
.sp{display:flex;flex-direction:column;gap:14px;padding:26px 24px;border-radius:22px;border:1px solid var(--edge);
  background:linear-gradient(180deg,var(--panel2),var(--panel));transition:transform .35s var(--ease),border-color .25s}
.sp:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--phosphor) 45%,var(--edge))}
.sp h3{font-size:clamp(21px,2.2vw,25px)}
.sp p{color:var(--muted);font-size:15.5px}
.sp p::after{content:" →";color:var(--phosphor)}
.sp-viz{border-radius:14px;border:1px solid var(--edge);background:#0c1417;padding:14px 16px;font-size:12.5px;line-height:1.55;color:var(--muted);display:grid;gap:8px}
.sp-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sp-row b{color:var(--text);font-weight:600}
.sp-row .a{color:var(--amber)} .sp-viz .rd{color:#ff5a5a}
.sp-q{color:var(--text)} .sp-a{color:var(--phosphor)}
.sp-src{padding-top:8px;border-top:1px dashed var(--edge2);color:var(--faint);font-size:11.5px}
.sw{width:30px;height:17px;border-radius:99px;background:var(--edge2);position:relative;flex:none}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--muted);transition:transform .3s}
.sw.on{background:color-mix(in srgb,var(--phosphor) 55%,var(--edge))}
.sw.on::after{transform:translateX(13px);background:#fff}

/* three modes: Autonomous (teal) behaves like Boosted in the diagram, plus its own tag and caption */
.brains-x[data-mode=autonomous]{--m:var(--teal)}
.brains-x .mode-switch{grid-template-columns:repeat(3,1fr)}
.brains-x .ms-pill{width:calc(33.333% - 4px)}
.brains-x[data-mode=autonomous] .ms-pill{transform:translateX(200%)}
.mode-switch button[data-set=autonomous][aria-pressed=true] .d{background:var(--teal);box-shadow:0 0 10px var(--teal)}
.brains-x[data-mode=autonomous] .only-boost,.brains-x[data-mode=autonomous] .door,.brains-x[data-mode=autonomous] .cloud,.brains-x[data-mode=autonomous] .wire.out{opacity:1}
.brains-x[data-mode=autonomous] .only-private{opacity:0}
.only-auto{opacity:0;transition:opacity .4s}
.brains-x[data-mode=autonomous] .only-auto{opacity:1}
.tag-c rect{fill:color-mix(in srgb,var(--teal) 16%,#0c1417);stroke:var(--teal)}
.tag-c text{font:600 11px var(--mono)!important;fill:var(--text)}
.only-auto-t{display:none}
.brains-x[data-mode=autonomous] .only-auto-t{display:inline}
.brains-x[data-mode=autonomous] .only-private-t{display:none}
.brains-x .brains{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.brains-x .brains{grid-template-columns:1fr}}
.brain.auto{border-color:color-mix(in srgb,var(--teal) 34%,var(--edge))}
.brain.auto .k{color:var(--teal)}
.brains-x[data-mode=autonomous] .brain.auto{transform:translateY(-4px);border-color:color-mix(in srgb,var(--teal) 55%,var(--edge));box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px color-mix(in srgb,var(--teal) 14%,transparent)}
.brains-x[data-mode=autonomous] .brain.private,.brains-x[data-mode=autonomous] .brain.boosted,.brains-x[data-mode=private] .brain.auto,.brains-x[data-mode=boosted] .brain.auto{opacity:.6}
@media(max-width:520px){.brains-x .mode-switch button{padding:12px 6px;font-size:14.5px}}

/* reserve form inside the order card */
.order-card form.signup.rsv{margin-top:20px;max-width:none}
.order-card .signup-done{margin-top:18px;font-size:14.5px;line-height:1.5}

/* features catalogue (/features) */
.ft-index{position:sticky;top:64px;z-index:5;margin:0 0 8px;padding:10px 0;background:color-mix(in srgb,var(--ink) 88%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}
.ft-index .wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.ft-index .wrap::-webkit-scrollbar{display:none}
.ft-index a{flex:none;font:600 13.5px var(--sans);color:var(--muted);padding:8px 14px;border-radius:99px;border:1px solid var(--edge)}
.ft-index a:hover,.ft-index a.on{color:var(--text);border-color:color-mix(in srgb,var(--phosphor) 50%,var(--edge))}
.ft-group{padding:clamp(40px,6vw,72px) 0;border-top:1px solid color-mix(in srgb,var(--edge) 60%,transparent);scroll-margin-top:120px}
.ft-group:first-of-type{border-top:0}
.ft-group .head{margin-bottom:28px}
.ft-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:760px){.ft-list{grid-template-columns:1fr}}
.ft{scroll-margin-top:130px;padding:22px 24px;border-radius:16px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 75%,transparent)}
.ft:target{border-color:var(--phosphor);box-shadow:0 0 0 3px color-mix(in srgb,var(--phosphor) 20%,transparent)}
.ft h3{font-size:18.5px}
.ft p{margin-top:8px;color:var(--muted);font-size:15.5px;line-height:1.6}
.ft .ft-see{display:inline-flex;margin-top:12px;font:600 13.5px var(--sans);color:var(--phosphor)}
.ft .ft-see::after{content:" →"}
.ft .ft-tag{float:right;margin:2px 0 0 10px;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}

/* keep exploring: the card at the end of inner pages */
.next-band{padding:clamp(34px,5vw,56px) 0 0}
.next-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border-radius:20px;border:1px solid var(--edge);
  background:radial-gradient(80% 120% at 100% 50%,color-mix(in srgb,var(--phosphor) 10%,transparent),transparent 60%),color-mix(in srgb,var(--panel) 80%,transparent);
  transition:border-color .25s,transform .3s var(--ease)}
.next-card:hover{border-color:color-mix(in srgb,var(--phosphor) 50%,var(--edge));transform:translateY(-3px)}
.next-card .k{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--phosphor-dim)}
.next-card h3{font-size:clamp(20px,2.4vw,26px);margin-top:6px}
.next-card p{color:var(--muted);font-size:15px;margin-top:4px}
.next-card .arr{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--edge2);color:var(--phosphor);font-size:22px}
@media(prefers-reduced-motion:reduce){.px-card,.ex-tile,.sp,.next-card{transition:none}.js .ex-panel:not([data-off]){animation:none}}
.steps.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.steps.three{grid-template-columns:1fr}}
form.signup button{min-height:50px}
.ah-grid3.ah-grid4{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.ah-grid3.ah-grid4{grid-template-columns:1fr}}
.rp-wrap{overflow-x:auto;border:1px solid var(--edge);border-radius:18px;background:color-mix(in srgb,var(--ink2) 80%,transparent)}
.rp-table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.rp-table th,.rp-table td{padding:13px 16px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--edge) 70%,transparent);vertical-align:top}
.rp-table thead th{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--phosphor-dim);background:color-mix(in srgb,var(--panel) 70%,transparent)}
.rp-table tbody th{font-weight:600;color:var(--text)}
.rp-table td{color:var(--muted)}
.rp-table td.g{color:var(--phosphor)}
.rp-table tr:last-child th,.rp-table tr:last-child td{border-bottom:0}
a.cap{display:block;color:inherit}
.brains:has(.brain.auto){grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.brains:has(.brain.auto){grid-template-columns:1fr}}

/* Focus the first screen on the product experience and clarify the reservation. */
.nav .nav-demo{color:var(--phosphor);font-weight:650}
.nav .nav-demo:hover{color:var(--phosphor)}
.fbrand .reserve-note{display:block;margin-top:10px;color:var(--muted);font:12px/1.45 var(--mono)}
.jump-anchor{display:block;position:relative;top:-70px;visibility:hidden;height:0}
.hero-x{padding:28px 0 50px}
.hero-x .orb-stage{width:min(190px,46vw);height:min(190px,46vw);margin:0 0 38px}
.hero-x .readout{margin-bottom:12px}
.hero-x h1.title{font-size:clamp(50px,8.5vw,96px)}
.hero-x .lede{max-width:59ch;font-size:clamp(18px,2vw,20px)}
.hero-x .hero-cta{margin-top:22px}
.demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media(max-width:600px){.hero-x{padding-top:24px}.hero-x .orb-stage{width:38vw;height:38vw;margin:18px 0 26px}.demo-actions{justify-content:center}}

/* Product film: keep the generated scenes clearly labeled and the real footage nearby. */
.promo-film{max-width:980px;margin:34px auto 40px}
.promo-film-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.promo-film-head .eyebrow{margin:0}
.promo-film-head .mono{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.promo-film video{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--edge2);border-radius:18px;background:#080e10;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.promo-film figcaption{margin-top:12px;color:var(--muted);font:13px/1.55 var(--sans)}
@media(max-width:600px){.promo-film{margin:28px auto 34px}.promo-film-head{align-items:flex-start;flex-direction:column;gap:6px}.promo-film video{border-radius:12px}}

/* Source: design-20261001.css */
/* PHNTM / October 2026. Product-led storefront and shared editorial shell. */
:root{--ink:#101211;--ink2:#0b0e0c;--panel:#191d1a;--panel2:#202620;--edge:#303931;--edge2:#455147;--phosphor:#b9efcf;--phosphor-dim:#9ccaae;--text:#f3f3ed;--muted:#b4bcb5;--faint:#a0aaa2;--maxw:1280px;--teal:#b9efcf}
html{scroll-padding-top:94px}body{background:var(--ink)}[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--phosphor);outline-offset:5px}.skip:focus{z-index:200}
.site-header{border-bottom:1px solid #ffffff12}.site-header::before{background:#101211ed;backdrop-filter:blur(18px)}
.site-header .bar,.site-header.scrolled .bar{height:78px}.site-header .brand,.site-footer .brand{gap:14px;color:var(--text)}
.brand .core-mark{color:var(--phosphor);flex:none}.site-header .brand b,.site-footer .brand b{font-size:21px;letter-spacing:.18em;font-weight:650}
.site-header .nav{gap:18px;font-size:14px}.site-header .nav>a{padding:9px 5px}.site-header .nav .cta{padding:12px 21px;border-radius:4px;box-shadow:none;background:var(--phosphor);color:#102318;display:flex;gap:25px}.site-header .nav .cta:hover{background:#d0f8df;box-shadow:none}
.site-explore{position:relative}.site-explore>summary{cursor:pointer;list-style:none;padding:9px 5px}.site-explore>summary::-webkit-details-marker{display:none}.site-explore>summary::after{content:'⌄';margin-left:8px}.site-explore[open]>summary{color:var(--text)}
.explore-panel{position:absolute;right:-20px;top:48px;min-width:260px;padding:13px;background:#1c231e;border:1px solid var(--edge2);border-radius:6px;box-shadow:0 20px 40px #0006}.explore-panel a{display:block;padding:10px 14px;color:var(--muted)}.explore-panel a:hover{background:#ffffff09;color:#fff}
.site-header .mnav summary{border-radius:4px}.site-header .mnav .sheet{background:#101211;padding-top:94px}.mnav .sheet .order{background:var(--phosphor);color:#102318;border-radius:4px}.site-header .mnav .sheet .grp{color:var(--phosphor)}
.site-footer{padding:68px 0 26px;border-top:1px solid var(--edge);background:#0b0e0c}.footer-lead{display:flex;justify-content:space-between;align-items:center;padding-bottom:46px}.footer-lead p{font-size:17px;color:var(--muted);margin-top:17px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:38px 0;border-top:1px solid var(--edge)}.footer-links h2{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;color:var(--faint)}.footer-links a{display:block;font-size:14px;color:var(--muted);padding:5px 0;width:fit-content}.footer-links a:hover{color:var(--phosphor)}.footer-bottom{border-top:1px solid var(--edge);padding-top:25px;display:flex;justify-content:space-between;gap:40px;font-size:12px;color:var(--faint)}.footer-bottom p{max-width:630px}.footer-bottom a{text-decoration:underline}
/* Quiet the legacy page surfaces while preserving their tools and layout. */
body:not(.storefront) .page-hero h1{letter-spacing:-.045em}body:not(.storefront) .btn.primary{box-shadow:none;border-radius:5px;color:#102318;background:var(--phosphor)}body:not(.storefront) .btn.ghost{border-radius:5px}.grad{background:none;color:var(--phosphor);-webkit-text-fill-color:currentColor}
.storefront{font-size:17px;line-height:1.65;letter-spacing:-.015em}.storefront main{overflow:clip}.storefront h1,.storefront h2,.storefront h3{font-weight:500;text-wrap:pretty}.storefront h1{font-size:clamp(48px,5.5vw,78px);letter-spacing:-.06em;line-height:1.05}.storefront h2{font-size:clamp(36px,4.1vw,57px);letter-spacing:-.045em;line-height:1.1}.storefront h3{font-size:25px;letter-spacing:-.035em;line-height:1.2}.storefront em{font-style:normal;color:var(--phosphor)}.storefront p{color:var(--muted)}.storefront img{max-width:100%;height:auto;display:block}.storefront figure{margin:0}.storefront figcaption{font-size:12px;color:var(--faint);line-height:1.55}.storefront video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#080a09;object-fit:contain;border-radius:6px}.storefront a:not(.button):hover{color:var(--phosphor)}
.storefront .overline,.overline{font:500 11px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--phosphor);display:flex;align-items:center;gap:10px;margin-bottom:26px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--phosphor);flex:none}.store-section{padding:110px 0;border-bottom:1px solid #ffffff10}.section-heading{margin-bottom:48px}.section-heading>p:last-child{margin-top:24px;max-width:560px}.section-heading h2{max-width:800px}.split-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px}.split-heading>p:last-child{margin:0;max-width:360px}.anchor-alias{scroll-margin-top:94px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--phosphor);background:var(--phosphor);color:#102318;font:600 15px/1.2 var(--sans);padding:18px 24px;min-height:54px;border-radius:4px;cursor:pointer;text-decoration:none;transition:background .18s,transform .18s;white-space:nowrap}.button:hover{background:#d5f8e3;color:#102318;transform:translateY(-2px)}.button:disabled{opacity:.7;cursor:wait;transform:none}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:14px;font-weight:500;padding:9px 0;border-bottom:1px solid #7b8f803f;width:fit-content}.text-link:hover{border-color:var(--phosphor)}
.product-hero{position:relative;background:#101211;border-bottom:1px solid #ffffff14}.hero-layout{position:relative;min-height:680px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:550px;padding:68px 0 74px;flex:none}.hero-copy h1{text-wrap:nowrap}.hero-description{font-size:17px;max-width:430px;margin-top:28px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.watch-link{font-size:14px;display:inline-flex;align-items:center;gap:10px}.play-icon{width:29px;height:29px;border-radius:50%;border:1px solid #ffffff4d;display:grid;place-items:center;font-size:10px;padding-left:2px}.hero-price{font-size:14px;margin-top:23px}.hero-price strong{color:var(--text);font-size:17px;font-weight:600;margin-right:4px}.hero-price span{margin:0 8px;color:var(--faint)}.hero-detail{font-size:12px;margin-top:5px}.hero-product{position:absolute;right:-160px;top:0;bottom:0;width:1080px;display:flex;align-items:center;isolation:isolate;pointer-events:none}.hero-product::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101211 0%,#101211bd 12%,transparent 37%),linear-gradient(0deg,#101211,transparent 16%,transparent 85%,#101211)}.hero-product img{width:100%;height:auto}.hero-product figcaption{position:absolute;bottom:23px;right:185px;z-index:1;text-align:right;font-size:10px;color:#abb5ad}.hero-foot{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;font:10px/1.6 var(--mono);letter-spacing:.14em;color:var(--faint)}.hero-foot a{font-family:var(--sans);font-size:13px;letter-spacing:0;display:flex;gap:45px}
.product-facts{border-bottom:1px solid var(--edge);background:#161b17}.product-facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:27px;padding-bottom:27px}.product-facts span{text-align:center;font-size:13px;color:var(--muted);border-right:1px solid var(--edge)}.product-facts span:last-child{border:0}.product-facts strong{font-weight:500;color:var(--text);margin-right:6px}
.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.use-cases article{padding:32px 32px 28px 0;display:flex;align-items:flex-start;flex-direction:column}.use-cases article+article{padding-left:32px;border-left:1px solid var(--edge)}.use-cases article:last-child{padding-right:0}.case-number{font:11px/1.5 var(--mono);letter-spacing:.09em;color:var(--faint);margin-bottom:26px}.use-cases h3{margin-bottom:18px}.use-cases p{font-size:15px;line-height:1.7;margin-bottom:22px;flex:1}.use-cases .text-link{font-size:13px}.quiet-link{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;padding-top:28px;color:var(--muted)}.quiet-link a{color:var(--phosphor)}.quiet-link small{font-size:11px;color:var(--faint);margin-left:auto}
.film-section{background:#151a16}.film-grid{display:grid;grid-template-columns:1.45fr 1fr;align-items:start;gap:28px;margin-bottom:20px}.brand-film{margin-top:72px!important}.film-grid figcaption{padding:18px 0}.film-grid figcaption strong{font-size:18px;color:var(--text);font-weight:500;display:block}.film-grid figcaption span{display:block;margin-top:4px}.film-grid figcaption p{font-size:12px;margin-top:14px;max-width:62ch}.film-grid video:focus-visible{outline-offset:6px}
.ownership-section{background:#e5eadf;color:#18261e;padding:100px 0}.ownership-section .overline{color:#496b56}.ownership-grid{display:grid;grid-template-columns:1fr 1fr;gap:125px}.ownership-section h2{font-size:clamp(44px,5.3vw,74px)}.ownership-section em{color:#4a7356}.ownership-section p{color:#4c5d50;font-size:16px;max-width:450px;margin-top:24px}.ownership-section a:hover{color:#31593d!important}.ownership-section .text-link{margin-top:20px;border-color:#8da193}.ownership-points{padding-top:20px;display:flex;flex-direction:column;justify-content:center}.ownership-points article{display:flex;gap:28px;border-top:1px solid #1d38202b;padding:30px 0}.ownership-points article:last-child{border-bottom:1px solid #1d38202b}.ownership-points article>span{font:11px var(--mono);color:#526d5a;padding-top:7px}.ownership-points p{font-size:15px;margin-top:12px}.ownership-points h3{font-size:25px}
.detail-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:75px;align-items:center}.lifestyle img{border-radius:5px}.lifestyle figcaption{margin-top:13px}.detail-copy h2{font-size:clamp(33px,3.2vw,45px)}.detail-copy>p:not(.overline){margin-top:24px;font-size:16px}.hardware-list{margin:26px 0 17px}.hardware-list>div{padding:16px 0;border-bottom:1px solid var(--edge)}.hardware-list dt{font-size:12px;color:var(--faint);margin-bottom:4px}.hardware-list dd{font-size:14px;color:var(--text)}
.evidence-section{background:#161b17}.evidence-links{border-top:1px solid var(--edge)}.evidence-links>a{display:grid;grid-template-columns:40px 1fr 1.35fr 24px;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--edge)}.evidence-links>a>span{font:11px var(--mono);color:var(--faint)}.evidence-links h3{font-size:23px}.evidence-links p{font-size:14px}.evidence-links b{font-size:24px;font-weight:400}.fit-note{display:flex;gap:60px;padding:30px 0 0}.fit-note strong{font-size:14px;font-weight:500;flex:1}.fit-note p{font-size:13px;flex:2}.fit-note a{text-decoration:underline;text-underline-offset:3px}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-layout .text-link{margin-top:25px}.answer-list details{border-top:1px solid var(--edge);padding:0}.answer-list details:last-child{border-bottom:1px solid var(--edge)}.answer-list summary{list-style:none;cursor:pointer;font-size:17px;display:flex;justify-content:space-between;gap:24px;padding:25px 0;line-height:1.5}.answer-list summary::-webkit-details-marker{display:none}.answer-list summary::after{content:'+';color:var(--phosphor);font-size:22px;font-weight:400}.answer-list details[open] summary::after{content:'−'}.answer-list details p{font-size:15px;padding:0 32px 25px 0;line-height:1.8}.answer-list a{text-decoration:underline;text-underline-offset:4px}
.final-reserve{background:radial-gradient(ellipse at 6% 60%,#27372b 0,transparent 60%),#181f1a}.reserve-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.purchase-price{font-size:44px!important;color:var(--text)!important;letter-spacing:-.05em;line-height:1.3;margin:26px 0 12px}.purchase-price span{font-size:13px;color:var(--muted);letter-spacing:0;margin-left:8px;display:inline-block}.purchase-promises{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;margin-top:25px}.purchase-promises a{border-bottom:1px solid var(--edge2);padding-bottom:4px}.reserve-form label{display:block;font-size:14px;color:var(--text);margin-bottom:10px}.reserve-fields{display:flex;gap:10px}.reserve-fields input[type=email]{min-width:0;flex:1;background:#0c120e;border:1px solid #627868;color:var(--text);padding:15px 17px;border-radius:4px;font:16px var(--sans);min-height:56px;width:100%}.reserve-fields input::placeholder{color:#9eaaa2}.reserve-fields input[aria-invalid=true]{border-color:#ffc392}.reserve-fields .button{gap:20px;padding:16px 20px}.storefront .smallprint{font-size:12px;margin-top:15px;line-height:1.7;color:var(--muted)}.smallprint a{text-decoration:underline;text-underline-offset:3px}.storefront .form-error{color:#ffd2ad;font-size:14px;margin-top:13px}.reservation .hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.reserve-success{border:1px solid #66806e;border-radius:5px;padding:26px;background:#142b1c}.reserve-success .overline{margin-bottom:12px}.reserve-success p{font-size:15px;margin-top:14px}.release-status{display:flex;gap:13px;border-top:1px solid #ffffff26;margin-top:34px;padding-top:24px}.release-status>.status-dot{background:#d7c48b;margin-top:9px}.release-status strong{font-size:14px;font-weight:500}.release-status p{font-size:12px;margin-top:7px;line-height:1.8}.release-status small{display:block;font-size:11px;color:var(--faint);margin-top:12px}.release-status a{text-decoration:underline}
.guide-strip{padding:36px 0;background:#101511}.guide-strip .overline{font-size:10px;margin-bottom:17px}.guide-strip .wrap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-strip a{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.reserve-dock{display:none;position:fixed;bottom:0;left:0;right:0;padding:11px 20px calc(11px + env(safe-area-inset-bottom));background:#111913f5;border-top:1px solid #8fa79640;z-index:40;align-items:center;justify-content:space-between;backdrop-filter:blur(16px)}.reserve-dock strong{font-size:14px;font-weight:500;display:block}.reserve-dock div span{display:block;font-size:10px;color:var(--muted)}.reserve-dock .button{padding:13px 18px;min-height:44px;font-size:13px}
.reserve-page{padding:35px 0 64px}.back-link{font-size:13px;color:var(--muted)}.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:34px;align-items:start}.order-intro .overline{margin-bottom:16px}.order-intro h1{font-size:clamp(44px,4.3vw,60px)}.order-intro figure{margin-top:28px}.order-intro img{width:100%;max-height:380px;object-fit:contain;border-radius:6px;background:#c3c3c3}.order-intro figcaption{margin-top:10px;font-size:11px}.order-panel{padding:34px;background:#1b251e;border:1px solid #3c5041;border-radius:6px}.order-panel .overline{margin-bottom:16px}.order-panel h2{font-size:36px}.order-panel .purchase-price{margin-top:20px}.order-pitch{font-size:15px;margin-top:18px}.zero-today{display:flex;flex-direction:column;gap:4px;margin:25px 0;padding:18px 0;border-top:1px solid #405045;border-bottom:1px solid #405045}.zero-today strong{font-size:19px;font-weight:500}.zero-today span{font-size:12px;color:var(--muted)}.order-panel .reserve-fields{flex-direction:column}.order-panel .button{justify-content:space-between}.order-panel .purchase-promises{gap:10px 16px}.order-store .release-status{max-width:850px;margin:40px auto 0}.order-details{display:grid;grid-template-columns:1fr 1fr;gap:100px}.order-details h2{font-size:40px;margin-bottom:30px}.kit-list{list-style:none;padding:0;margin-bottom:18px}.kit-list li{font-size:15px;padding:14px 0;border-bottom:1px solid var(--edge);color:var(--muted)}.next-steps{padding-left:22px}.next-steps li{padding:0 0 23px 12px}.next-steps li::marker{font:12px var(--mono);color:var(--phosphor)}.next-steps strong{font-size:16px;font-weight:500}.next-steps p{font-size:14px;margin-top:6px}.order-assurance{background:#19211b}.assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:35px 0}.assurance-grid article>strong{font-size:38px;color:var(--phosphor);font-weight:400;letter-spacing:-.05em}.assurance-grid h2{font-size:24px;margin:19px 0 15px}.assurance-grid p{font-size:14px}
.film-page{padding-top:70px}.film-page h1{font-size:clamp(42px,5vw,70px);max-width:800px}.film-intro{margin-top:25px}.watch-feature{margin-top:58px!important}.watch-feature figcaption{margin-top:24px}.watch-feature figcaption h2{font-size:30px;margin-bottom:14px}.watch-feature figcaption p{font-size:14px}.video-transcript{margin-top:25px;padding:18px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);font-size:14px}.video-transcript summary{cursor:pointer}.video-transcript p{margin-top:20px;max-width:90ch}.film-next{display:flex;align-items:center;gap:40px;margin-top:45px}
@media(min-width:1600px){.hero-product{right:-220px;width:1160px}.hero-product figcaption{right:245px}}
@media(max-width:1150px){.hero-copy{width:490px}.hero-copy h1{font-size:64px}.hero-product{width:880px;right:-180px}.hero-product figcaption{right:205px}.hero-layout{min-height:640px}.hero-description{max-width:380px}.ownership-grid{gap:70px}.reserve-layout{gap:45px}.reserve-fields{flex-direction:column}.detail-grid{gap:45px}.order-layout{gap:40px}.faq-layout{gap:50px}}
@media(max-width:820px){.store-section{padding:74px 0}.site-header .bar,.site-header.scrolled .bar{height:68px}.hero-layout{display:block;min-height:0;padding-top:40px}.hero-copy{width:100%;padding:0}.hero-copy h1{font-size:clamp(47px,8.5vw,68px)}.hero-description{max-width:530px;font-size:16px;margin-top:24px}.hero-copy .overline{font-size:10px;margin-bottom:22px}.hero-product{position:relative;width:calc(100% + 56px);right:auto;top:auto;bottom:auto;margin:0 -28px!important;display:block;height:auto;pointer-events:auto}.hero-product img{width:100%}.hero-product::after{background:linear-gradient(0deg,#101211,transparent 18%,transparent 88%,#101211)}.hero-product figcaption{right:28px;bottom:5px;font-size:9px}.hero-foot{margin-top:20px;padding-top:5px;font-size:9px}.hero-foot a{font-size:12px;gap:20px}.hero-actions{margin-top:25px}.hero-price{margin-top:20px}.product-facts .wrap{grid-template-columns:1fr 1fr;gap:18px 0;padding-top:24px;padding-bottom:24px}.product-facts span{font-size:12px}.product-facts span:nth-child(2){border:0}.split-heading{grid-template-columns:1fr;gap:23px}.split-heading>p:last-child{max-width:520px}.section-heading{margin-bottom:35px}.use-cases article{padding-right:22px}.use-cases article+article{padding-left:22px}.use-cases h3{font-size:23px}.use-cases p{font-size:14px}.quiet-link{gap:10px 18px}.quiet-link small{width:100%;margin:0}.film-grid{grid-template-columns:1fr;gap:24px}.brand-film{margin-top:0!important;max-width:75%}.ownership-section{padding:74px 0}.ownership-grid{grid-template-columns:1fr;gap:38px}.ownership-section h2{font-size:55px}.ownership-section h2 br:last-of-type{display:none}.ownership-points{padding-top:0}.ownership-points article{padding:25px 0}.ownership-points p{max-width:none}.detail-grid{grid-template-columns:1fr;gap:36px}.lifestyle{max-width:620px}.detail-copy h2{font-size:40px}.evidence-links>a{grid-template-columns:24px 1fr 24px;gap:15px}.evidence-links p{grid-column:2/3;grid-row:2}.evidence-links b{grid-column:3;grid-row:1/3}.fit-note{flex-direction:column;gap:13px}.faq-layout{grid-template-columns:1fr;gap:36px}.reserve-layout{grid-template-columns:1fr;gap:45px}.reserve-fields{flex-direction:row}.guide-strip .wrap>div{grid-template-columns:1fr;gap:18px}.reserve-dock{display:flex}.storefront:has(.reserve-dock) .site-footer{padding-bottom:100px}.footer-links{grid-template-columns:repeat(2,1fr);gap:35px}.footer-bottom{flex-direction:column;gap:15px}.order-layout{gap:28px}.order-panel{padding:24px}.order-intro h1{font-size:44px}.order-intro img{max-height:330px}.order-details{gap:40px}.order-panel .purchase-price span{display:block;margin-left:0;margin-top:4px}.assurance-grid{gap:30px}.assurance-grid article>strong{font-size:32px}.assurance-grid h2{font-size:23px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.site-header .brand b{font-size:18px}.brand .core-mark{width:25px}.site-header .brand{gap:11px}.hero-copy h1{font-size:clamp(34px,10.6vw,61px)}.hero-copy .overline{font-size:9px;letter-spacing:.08em}.hero-description{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{padding:16px 20px;gap:20px;min-height:52px}.watch-link{font-size:12px;gap:8px}.hero-price{font-size:12px}.hero-price strong{font-size:16px}.hero-price span{margin:0 4px}.hero-product{width:calc(100% + 44px);margin:10px -22px 0!important}.hero-product figcaption{right:22px;font-size:8px;bottom:0}.hero-foot{font-size:8px;letter-spacing:.07em}.hero-foot a{gap:15px;font-size:11px}.storefront h2{font-size:35px}.use-cases{grid-template-columns:1fr}.use-cases article,.use-cases article+article{padding:28px 0;border-left:0}.use-cases article+article{border-top:1px solid var(--edge)}.use-cases h3{font-size:27px}.case-number{margin-bottom:15px}.use-cases p{font-size:15px;margin-bottom:15px}.brand-film{max-width:none}.film-grid{gap:15px}.film-grid figcaption strong{font-size:19px}.ownership-section h2{font-size:48px}.ownership-section h2 br:last-of-type{display:block}.ownership-points article{gap:20px}.ownership-points h3{font-size:24px}.evidence-links h3{font-size:22px}.evidence-links p{font-size:13px}.answer-list summary{font-size:16px;padding:23px 0}.answer-list details p{font-size:14px;padding-right:8px}.reserve-fields{flex-direction:column}.reserve-fields .button{justify-content:space-between}.purchase-price{font-size:42px!important}.purchase-price span{font-size:12px}.purchase-promises{gap:12px 18px}.footer-lead{align-items:flex-start;flex-direction:column;gap:22px;padding-bottom:28px}.footer-links{gap:35px 20px}.footer-links a{font-size:13px}.footer-bottom{font-size:11px}.order-layout{grid-template-columns:1fr;gap:30px}.order-intro h1{font-size:46px}.order-intro figure{margin-top:23px;max-width:100%}.order-intro img{height:245px;max-height:none;object-fit:contain}.order-panel{padding:26px 22px}.order-panel h2{font-size:32px}.order-details{grid-template-columns:1fr;gap:55px}.order-details h2{font-size:34px}.assurance-grid{grid-template-columns:1fr;gap:32px}.assurance-grid article{padding-top:25px;border-top:1px solid var(--edge2)}.assurance-grid article>strong{font-size:38px}.assurance-grid h2{font-size:26px}.film-page{padding-top:50px}.film-page h1{font-size:43px}.watch-feature{margin-top:38px!important}.watch-feature figcaption h2{font-size:25px}.film-next{flex-direction:column;align-items:flex-start;gap:20px}.film-grid .text-link{font-size:12px}}
.site-footer .footer-links h2{font-size:12px;letter-spacing:.12em;line-height:1.4;font-weight:600}
@media(min-width:821px){.hero-product{right:-40px;width:1000px}.hero-product figcaption{right:65px}}
@media(min-width:821px) and (max-width:1150px){.hero-product{right:-85px;width:850px}.hero-product figcaption{right:110px}.hero-copy h1{font-size:60px}}
@media(min-width:1600px){.hero-product{width:1080px;right:-80px}.hero-product figcaption{right:105px}}
@media(max-width:600px){.order-layout{margin-top:22px;gap:24px}.order-intro{display:grid;grid-template-columns:1fr 105px;column-gap:15px;align-items:center}.order-intro .overline{grid-column:1/-1;font-size:10px;margin-bottom:14px}.order-intro h1{font-size:31px}.order-intro h1 br{display:none}.order-intro figure{margin:0;grid-column:2;grid-row:2}.order-intro img{height:105px;object-fit:cover}.order-intro figcaption{font-size:8px;line-height:1.3;margin-top:6px}.order-panel{padding:23px 21px}.order-panel h2{display:none}.order-panel .overline{font-size:10px;margin-bottom:12px}.order-panel .purchase-price{margin-top:0}.order-panel .purchase-price span{display:inline;margin-left:6px}.order-pitch{font-size:14px;margin-top:13px}.zero-today{padding:12px 0;margin:18px 0}.order-panel .smallprint{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Source: product-photos-20261002.css */
/* Real product photographs. Keep the entire camera frame and screen visible. */
.home-store .hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;min-height:650px}
.home-store .hero-copy{width:auto;min-width:0}
.home-store .hero-product.real-product{position:relative;inset:auto;width:100%;display:block;pointer-events:auto;margin:0!important}
.home-store .hero-product.real-product::after{display:none}
.real-product a,.home-screen-photo a{display:block;border-radius:6px;overflow:hidden}
.home-store .real-product img{width:100%;height:auto;object-fit:contain}
.home-store .hero-product.real-product figcaption{position:static;text-align:left;padding-top:14px;font-size:12px;line-height:1.65;color:var(--muted)}
.home-screen-section{background:#151a16}
.home-screen-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:center}
.home-screen-copy h2{font-size:clamp(34px,3.5vw,48px)}
.home-screen-copy>p:not(.overline){margin-top:24px;font-size:16px}
.home-screen-copy .photo-note{font-size:14px!important}
.home-screen-copy .text-link{margin-top:20px}
.home-screen-photo img{width:100%;height:auto}
.home-screen-photo figcaption{margin-top:14px;font-size:14px}
@media(min-width:821px) and (max-width:1100px){.home-store .hero-copy h1{font-size:clamp(43px,5.3vw,60px)}.home-store .hero-layout{gap:24px}.home-store .hero-actions{gap:16px;flex-wrap:wrap}.home-screen-grid{gap:32px}}
@media(max-width:820px){.home-store .hero-layout{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:36px}.home-store .hero-copy{width:100%;padding:0}.home-store .hero-product.real-product{width:100%;margin:0!important}.home-store .hero-product.real-product figcaption{font-size:12px}.home-screen-grid{grid-template-columns:1fr;gap:28px}.home-screen-copy h2{font-size:36px}.home-screen-copy>p:not(.overline){font-size:16px}}

/* Source: storefront-20261003.css */
/* October 3 storefront additions: homepage comparison, builder credit, real photo on /order. */
.versus-section{background:#151a16}
.versus-table{width:100%;border-collapse:collapse;border-top:1px solid var(--edge)}
.versus-table th,.versus-table td{text-align:left;vertical-align:top;padding:20px 18px 20px 0;border-bottom:1px solid var(--edge);font-size:15px;line-height:1.55}
.versus-table thead th{font:11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding-top:16px;padding-bottom:16px}
.versus-table tbody th{font-weight:500;color:var(--text);width:28%}
.versus-table td.us{color:var(--phosphor);width:36%}
.versus-table td.them{color:var(--muted)}
.versus-lose{margin-top:28px;display:flex;gap:28px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.versus-lose p{max-width:720px;font-size:15px}
.versus-lose strong{color:var(--text);font-weight:600}
.builder-credit{margin-top:22px;font-size:14px}
.builder-credit a{text-decoration:underline;text-underline-offset:3px}
.order-store .order-intro img.real-photo{background:#0d0f0e;object-fit:cover}
@media(max-width:600px){
  .versus-table thead{display:none}
  .versus-table,.versus-table tbody,.versus-table tr,.versus-table th,.versus-table td{display:block;width:auto!important}
  .versus-table tr{padding:18px 0;border-bottom:1px solid var(--edge)}
  .versus-table th,.versus-table td{border:0;padding:0}
  .versus-table tbody th{margin-bottom:8px}
  .versus-table td.us::before{content:'PHNTM One · ';font:10px var(--mono);letter-spacing:.1em;color:var(--faint)}
  .versus-table td.them{margin-top:6px}
  .versus-table td.them::before{content:'Cloud · ';font:10px var(--mono);letter-spacing:.1em;color:var(--faint)}
}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* International orders: quote before payment. */
.international-order{margin:24px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:100px}
.international-order h3{margin:0 0 12px}
.international-order p{line-height:1.65}
.international-order .button{max-width:100%;white-space:normal;text-align:center}
.order-store .order-panel{min-width:0}
.order-store .checkout-form .button{white-space:normal}
.order-store .button-label{white-space:normal}
.international-order .button{min-width:0;box-sizing:border-box;width:100%}

/* Source: review-20261005.css */
/* Focused October review: the existing mint/charcoal identity, with calmer hierarchy. */
.site-header .core-mark{width:34px;height:34px;flex:none}
.site-header .brand{gap:14px}
.site-header .brand b{letter-spacing:.2em}
.site-header .brand:hover .core-mark{transform:rotate(12deg)}
.core-mark{transition:transform .25s ease}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #b7efd1;outline-offset:5px}
.home-store .store-section{padding:76px 0}
.home-store .hero-layout{min-height:590px;gap:42px}
.home-store .hero-copy h1{font-weight:450;letter-spacing:-.055em}
.home-store .hero-description{max-width:490px}
.home-store .hero-product.real-product a{border:1px solid #38483d;background:#101211;box-shadow:0 18px 50px #0003}
.home-store .hero-copy{animation:arrive .55s ease-out both}
@keyframes arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-store .section-heading{margin-bottom:38px}
.home-store .home-screen-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px}
.home-store .home-screen-photo img{max-height:400px;object-fit:contain}
.home-store .ownership-section{padding:70px 0}
.home-store .ownership-section h2{font-size:clamp(36px,4.8vw,58px)}
.home-store .ownership-points h3{font-size:25px}
.home-store .ownership-points article{padding:22px 0}
.home-store .fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0}
.fit-grid article{border-top:1px solid #405146;padding-top:22px}
.fit-grid h3{font-size:22px;line-height:1.25;font-weight:500;margin-bottom:14px}
.fit-grid p{font-size:15px;line-height:1.7}
.release-note{display:block;max-width:920px;margin:24px auto;padding:22px 26px;border:1px solid #405146;border-left:3px solid #b7efd1;border-radius:8px;background:#151a16;text-align:left;color:#c1c8c2;font:15px/1.7 var(--sans)}
.release-note strong{display:block;margin-bottom:8px;font-size:16px;color:#f0f0e9;font-weight:500}
.release-note>span{display:block}
.release-note>a{display:inline-block;color:#b7efd1;margin-top:12px;font-size:14px}
.feature-page .page-hero{padding:64px 0 40px;background:#151a16}
.feature-page .page-hero .grid-bg{display:none}
.feature-page .page-hero h1{font-size:clamp(35px,4.8vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.04em;max-width:820px;margin:16px auto}
.feature-page .page-hero p{max-width:820px;font-size:16px;line-height:1.7}
.feature-page .ft-group h2{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-.03em}
.feature-page .ft-list{gap:20px}
.feature-page .ft{padding:26px;border-radius:8px;background:#151a16}
.feature-page .ft h3{font-size:22px;font-weight:500;line-height:1.3}
.feature-page .ft p{font-size:15px;line-height:1.75}
.feature-page .ft .ft-tag{float:none;display:block;margin:0 0 13px;letter-spacing:.055em;font-size:12px;color:#b7efd1}
.claim-status{display:inline-block;font:11px/1.5 var(--mono);margin:4px 5px 4px 0;padding:3px 8px;border:1px solid #405146;border-radius:4px;color:#b7efd1}
.feature-page .ft .status-planned,.status-planned,.feature-page .ft .status-unverified,.status-unverified{color:#e9d598}
.comparison-sources{max-width:850px;font-size:14px;line-height:1.8}
.comparison-sources a,.article .body a{color:#b7efd1;text-decoration:underline;text-underline-offset:3px}
.instruction-example{padding:20px 24px;border:1px solid #405146;border-radius:8px;background:#151a16;margin:24px 0}
.instruction-example strong{font-size:13px;color:#b7efd1;font-weight:500}
.document-entry{padding-top:26px}
@media(max-width:820px){.home-store .hero-layout,.home-store .home-screen-grid{grid-template-columns:1fr;min-height:0;gap:26px}.home-store .store-section{padding:52px 0}.home-store .fit-grid{grid-template-columns:1fr;gap:24px}.home-store .ownership-section{padding:52px 0}.feature-page .page-hero{padding-top:46px}.release-note{padding:18px;font-size:14px}.site-header .core-mark{width:28px;height:28px}.home-store .hero-copy h1{font-size:clamp(38px,10.5vw,62px)}.feature-page .ft-tag{max-width:100%}}
@media(prefers-reduced-motion:reduce){.core-mark,.home-store .hero-copy{animation:none!important;transition:none!important;transform:none!important}*{scroll-behavior:auto!important}}

/* Source: growth-20261007.css */
/* Readable text, generous controls and one navigation for every viewport. */
.a11y-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.menu-toggle{display:none;font:500 15px var(--sans);color:var(--text);background:transparent;border:1px solid var(--edge2);border-radius:4px;min-width:70px;min-height:44px;padding:10px 14px;cursor:pointer}
.skip{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.hero-question{font-size:14px;margin-top:10px}.hero-question a{color:var(--phosphor);text-decoration:underline;text-underline-offset:3px}
.site-header .nav>a,.site-explore>summary,.explore-panel a{min-height:44px;min-width:44px;display:flex;align-items:center;padding:10px 12px}
.site-header .nav{gap:10px}.site-explore>summary{cursor:pointer;font-size:14px}
@media(min-width:1051px){.site-header .nav{display:flex}.site-header .nav>a,.site-explore>summary{padding-left:8px;padding-right:8px}.site-header .nav .cta{padding-left:14px;padding-right:14px;gap:12px}}
.site-footer .footer-links a{min-height:44px;min-width:44px;padding:10px 0;display:flex;align-items:center}
.site-footer .footer-links h2,.site-footer .footer-bottom{font-size:14px}
.site-header .brand,.site-footer .brand{min-height:44px}
:where(.home-store,.order-store) main p a,.site-footer .footer-bottom a,.back-link{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.release-status a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.inbox dl{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:24px;font-size:16px;line-height:1.7}.inbox dt{color:var(--phosphor);font-size:14px}.inbox dd{margin:0}
.text-link,.watch-link,.hero-foot a,.quiet-link a,.purchase-promises a,.guide-strip a,.contact-address{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.home-store .hero-copy .overline,.order-store .overline,.home-store .overline{font-size:12px;line-height:1.6;letter-spacing:.07em}
.storefront .hero-product.real-product figcaption,.storefront figcaption,.storefront .smallprint,.storefront .hero-detail,.storefront .quiet-link small,.storefront .film-grid figcaption p,.storefront .release-status small,.storefront .purchase-price span{font-size:14px;line-height:1.65}
.home-store .hero-foot,.home-store .case-number,.ownership-points article>span,.evidence-links>a>span,.claim-status{font-size:12px;line-height:1.6}
.storefront .hero-price,.storefront .hero-foot a,.storefront .use-cases .text-link,.storefront .watch-link,.storefront .reserve-dock span{font-size:14px}
.storefront .fit-note p{font-size:14px}
.form-error:empty{margin:0;padding:0}.form-error:not(:empty){margin:16px 0;color:#ffd3c7;font-size:15px;line-height:1.6}
.purchase-next{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.purchase-next .release-status{margin-top:8px}
.contact-section{background:#191f1b;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.contact-layout p{max-width:590px;margin-top:22px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.contact-address{color:var(--phosphor);font-size:17px;overflow-wrap:anywhere}.contact-actions .smallprint{margin-top:0}.contact-actions .smallprint a{color:var(--phosphor);text-decoration:underline;text-underline-offset:3px}
.checkout-form .button{width:100%;margin-top:20px}.checkout-form label{display:block;font-size:16px;margin-top:20px}.checkout-form .terms-note{font-size:14px;line-height:1.7;margin-top:14px}.checkout-form .terms-note a{color:var(--phosphor);text-decoration:underline}
.checkout-status{font-size:15px;line-height:1.6;margin-top:18px;color:var(--muted)}.button-loader{display:inline-flex;align-items:center;gap:12px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.stock-fallback{margin-top:20px;padding-top:20px;border-top:1px solid var(--edge)}.stock-fallback a{color:var(--phosphor);text-decoration:underline}
@media(max-width:1050px){
 .inbox dl{grid-template-columns:1fr;gap:12px}.inbox dd{margin-bottom:12px}
 .site-header .bar{position:relative;flex-wrap:wrap;height:auto;min-height:68px;gap:0;padding-top:12px;padding-bottom:12px}.site-header.scrolled .bar{height:auto}
 .site-header .nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:4px;padding:16px 0 8px;font-size:16px}
 .js .site-header .nav{display:none}.js .site-header.menu-open .nav{display:flex}.js .menu-toggle{display:block;margin-left:auto}
 .site-header.menu-open{max-height:85vh;overflow-y:auto}.site-header .nav>a,.site-explore>summary{font-size:16px;padding:12px;min-height:48px}
 .site-header .site-explore{width:100%}.site-header .explore-panel{position:static;width:100%;box-shadow:none;min-width:0;margin-top:6px}.site-header .explore-panel a{font-size:15px;min-height:48px}
 .site-header .nav .cta{justify-content:space-between;margin-top:8px}.contact-layout{grid-template-columns:1fr;gap:28px}
 .home-store .hero-foot{flex-wrap:wrap;gap:12px}.storefront .hero-copy .overline{font-size:12px}.storefront .hero-product.real-product figcaption{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
@media(max-width:600px){.order-store .order-intro{grid-template-columns:1fr}.order-store .order-intro h1{grid-column:1;grid-row:auto}.order-store .order-intro figure{grid-column:1;grid-row:auto;display:grid;grid-template-columns:105px 1fr;gap:16px;align-items:center;margin-top:14px}.order-store .order-intro img{width:105px;height:105px;object-fit:cover}.order-store .order-intro figcaption{font-size:14px;line-height:1.6;margin:0}}

/* Source: photo-blend-20261007.css */
/* Let the product silhouettes sit on the page instead of white photo cards. */
.home-store .hero-product.real-product a,
.product-cutout.tr-shot{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.home-store .hero-product.real-product img,
.product-cutout.tr-shot img{display:block;filter:drop-shadow(0 18px 20px #0006)}
.home-store .home-screen-photo a{display:grid;place-items:center;border:0;border-radius:0;background:transparent}
.home-store .home-screen-photo img{display:block;width:auto;max-width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.product-cutout.tr-shot>img:not(.amb){border:0;box-shadow:none;border-radius:0}
.product-cutout.tr-shot .amb{display:none}

/* Source: signal-20261007.css */
/* October 7: a living backdrop around the actual product. No external assets. */
:root{--signal:#8aebbf;--signal-blue:#86bff5}
body{background-color:#0b1111;color:#f2f5ee}
:where(p,li,small,figcaption){text-wrap:pretty}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #a4f4d0;outline-offset:5px}
.site-header{background:rgba(11,17,17,.96);border-bottom-color:#253e39}
.product-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1111!important}
.signal-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.signal-aura{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 45%,#214c4c99 0,transparent 44%),radial-gradient(ellipse at 20% 20%,#174d352e 0,transparent 50%)}
#signal-canvas{width:100%;height:100%;opacity:.8}
.signal-grid{position:absolute;inset:0;background-image:linear-gradient(#81e3bd0b 1px,transparent 1px),linear-gradient(90deg,#81e3bd0b 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,transparent,#000 50%,transparent)}
.home-store .hero-layout{position:relative;grid-template-columns:1.12fr 1fr;gap:48px;padding-top:84px;padding-bottom:48px}
.home-store .hero-copy h1{font-size:clamp(44px,5.2vw,76px);line-height:1.04;letter-spacing:-.045em;max-width:13ch}
.home-store .hero-copy h1 em{color:#a3f2d0!important;white-space:normal!important}
.home-store .hero-description{max-width:51ch;color:#d1dbd6;font-size:clamp(17px,1.5vw,20px)}
.home-store .hero-product{position:relative;align-self:center}
.home-store .hero-product::before{content:'';position:absolute;inset:15% 4%;border-radius:50%;background:radial-gradient(ellipse,#62b99935,transparent 65%);z-index:-1}
.home-store .hero-product img{filter:drop-shadow(0 22px 25px #0008)!important}
.home-store .hero-question{color:#b6c8be}
.home-store .hero-foot{gap:20px;flex-wrap:wrap;padding-bottom:28px}
.motion-toggle{background:#102c26;color:#d5f7e7;border:1px solid #47685a;border-radius:30px;padding:9px 15px;min-height:44px;cursor:pointer;font:500 12px/1.4 system-ui}
.motion-toggle:hover{background:#204735}
.motion-toggle[hidden]{display:none}
.home-store .product-facts{background:#0f1d1a;border-color:#2c493e}
.home-store .store-section{border-color:#263c33}
.home-store .experience-card,.home-store .dossier-grid>a,.build-panel{background:linear-gradient(150deg,#14221e,#101716);border:1px solid #365346;border-radius:18px}
.home-store .experience-card,.home-store .dossier-grid>a{transition:border-color .2s,transform .2s}
@media(hover:hover){.home-store .experience-card:hover,.home-store .dossier-grid>a:hover{border-color:#83ba9f;transform:translateY(-4px)}}
.home-store .store-section h2 em{color:#b0e8cd!important}
.home-store .project-story{background:radial-gradient(ellipse at 5% 5%,#17413166,transparent 65%)}
.section-description{max-width:66ch;color:#bccbc3;margin-top:24px}
.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:48px 0 26px;gap:20px;counter-reset:workflow}
.workflow-steps li{position:relative;padding:26px 22px;border:1px solid #365346;border-radius:16px;background:#10201bd9}
.step-number{display:block;font:500 12px/1.4 ui-monospace,monospace;letter-spacing:.1em;color:#a3f2d0;margin-bottom:26px}
.workflow-steps h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin-bottom:16px}
.workflow-steps p{font-size:15px;line-height:1.75;color:#c2cfc8;margin-bottom:18px}
.workflow-steps a,.build-panel a{color:#b9edcf;display:inline-block;font-size:14px;text-underline-offset:5px}
.workflow-foot{font-size:14px;color:#bdcbc3;max-width:75ch}
.build-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.build-layout p{color:#c2cfc8;max-width:62ch;line-height:1.75;margin:24px 0}
.build-panel{padding:34px}
.build-panel h3{font-size:23px;letter-spacing:-.02em}
.build-panel .smallprint{font-size:13px;color:#b7c8bf}
.build-panel a{display:block;margin-top:18px}
.home-store .current-build{background:#0c1815}
.catalogue-note{padding-top:26px;font-size:14px;color:#c2cfc8}
/* A readable second layer on the detailed pages. The checkout retains its layout. */
.ft-group:nth-of-type(even){background:#0c1714}
.ft-list .ft{border-color:#365346;border-radius:14px}
.ft-tag,.claim-status{line-height:1.6}
.ft-see{min-height:32px;display:inline-flex;align-items:center}
@media(max-width:1000px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-store .hero-layout{gap:24px}.build-layout{gap:32px}}
@media(max-width:820px){.home-store .hero-layout{grid-template-columns:1fr;padding-top:44px;padding-bottom:22px}.home-store .hero-copy h1{font-size:clamp(43px,8.4vw,66px);max-width:16ch}.home-store .hero-product{max-width:600px;width:100%;margin:0 auto}.build-layout{grid-template-columns:1fr}.home-store .hero-foot{font-size:11px}.workflow-steps{margin-top:30px}.build-panel{padding:24px}}
@media(max-width:520px){.workflow-steps{grid-template-columns:1fr;gap:14px}.workflow-steps li{padding:22px}.step-number{margin-bottom:14px}.hero-foot>a{display:none}.home-store .hero-detail{font-size:13px;line-height:1.7}.home-store .hero-product figcaption{font-size:12px}.signal-grid{background-size:60px 60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Comfortable targets for all homepage links, including new editorial copy. */
.workflow-steps a,.build-panel a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;vertical-align:middle}
.signal-field{transform:translateZ(0)}
@media(max-width:820px){.home-store .hero-product img{filter:none!important}.home-store .hero-copy{animation:none!important}}