/** Shopify CDN: Minification failed

Line 407:0 Unexpected "}"

**/
/* ==========================================================================
   STEALTHCALC — Section-level styles (loaded after theme.css)
   ========================================================================== */

/* ---------- Device render (placeholder calculator graphic) ---------- */
.device{
  position:relative;
  width:min(320px, 62vw);
  margin-inline:auto;
  filter:drop-shadow(0 40px 60px rgba(0,0,0,.55));
  transform-style:preserve-3d;
  perspective:1000px;
  animation:device-float 6s ease-in-out infinite;
}
.device--lg{ width:min(380px, 72vw); }
.device--sm{ width:min(220px, 50vw); }
@keyframes device-float{
  0%,100%{ transform:translateY(0) rotate(-1deg); }
  50%{ transform:translateY(-16px) rotate(1deg); }
}
.device__svg{
  position:relative; z-index:1;
  transition:transform .3s var(--ease-out-soft);
  will-change:transform;
}
.device__glow{
  position:absolute;
  inset:8% -20% -10% -20%;
  background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 32%, transparent), transparent 72%);
  filter:blur(30px);
  z-index:0;
  animation:glow-pulse 4.5s ease-in-out infinite;
}
@keyframes glow-pulse{
  0%,100%{ opacity:.75; }
  50%{ opacity:1; }
}
.device__lens circle:first-child{ transition:stroke .3s; }
.device__lens-dot{ opacity:.35; transition:opacity .3s; }
.device__lens.is-active .device__lens-dot{ opacity:1; filter:drop-shadow(0 0 6px var(--accent)); }

.device__key{ fill:#1B1C20; transition:fill .2s; }
.device__key--accent{ }

.device__screen{
  width:100%; height:100%;
  border-radius:20px;
  padding:14px 16px;
  display:flex; flex-direction:column; justify-content:space-between;
  font-family:var(--font-body);
  color:var(--text);
  background:
    radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%);
  box-sizing:border-box;
}
.device__screen-row--status{
  display:flex; align-items:center; justify-content:space-between;
  font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted);
}
.device__chip{ display:inline-flex; align-items:center; gap:5px; color:var(--accent); font-weight:600; }
.device__chip-dot{ width:5px; height:5px; border-radius:50%; background:var(--accent); box-shadow:0 0 6px var(--accent); }
.device__wifi{ color:var(--muted); display:inline-flex; }
.device__screen-main{ margin-top:6px; }
.device__prompt{ margin:0; font-size:11px; color:var(--muted); font-family:'SFMono-Regular', ui-monospace, monospace; }
.device__answer{ margin:2px 0 0; font-family:var(--font-display); font-weight:700; font-size:22px; letter-spacing:-.01em; }
.device__answer span{ font-family:var(--font-body); font-weight:400; font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-left:6px; }
.device__waveform{ display:flex; align-items:flex-end; gap:3px; height:16px; }
.device__waveform span{
  width:3px; background:var(--accent); border-radius:2px; opacity:.55;
  animation:wave 1.4s ease-in-out infinite;
}
.device__waveform span:nth-child(1){ height:40%; animation-delay:0s; }
.device__waveform span:nth-child(2){ height:70%; animation-delay:.1s; }
.device__waveform span:nth-child(3){ height:100%; animation-delay:.2s; }
.device__waveform span:nth-child(4){ height:55%; animation-delay:.3s; }
.device__waveform span:nth-child(5){ height:85%; animation-delay:.4s; }
.device__waveform span:nth-child(6){ height:35%; animation-delay:.5s; }
.device__waveform span:nth-child(7){ height:65%; animation-delay:.6s; }
@keyframes wave{
  0%,100%{ transform:scaleY(.6); opacity:.5; }
  50%{ transform:scaleY(1); opacity:1; }
}

@media (prefers-reduced-motion: reduce){
  .device{ animation:none; }
  .device__glow{ animation:none; }
  .device__waveform span{ animation:none; }
}
html.no-motion .device,
html.no-motion .device__glow,
html.no-motion .device__waveform span{ animation:none !important; }

/* ---------- Device stage (hero / reveal wrapper with orbit labels) ---------- */
.device-stage{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-block:2rem;
}

/* ---------- Cart drawer ---------- */
.icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:2.5rem; height:2.5rem;
  border-radius:50%;
  background:transparent;
  border:1px solid transparent;
  color:var(--text);
  transition:background-color .2s, border-color .2s;
}
.icon-btn:hover{ background:var(--surface-2); border-color:var(--border); }
.icon-btn .icon{ width:1.2rem; height:1.2rem; }
.icon-btn--cart{ position:relative; }
.icon-btn__count{
  position:absolute; top:-2px; right:-2px;
  min-width:1.1rem; height:1.1rem; padding:0 .25rem;
  border-radius:999px;
  background:var(--accent); color:var(--accent-text);
  font-size:.65rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}

.cart-drawer{
  position:fixed; inset:0; z-index:200;
  visibility:hidden;
  pointer-events:none;
}
.cart-drawer.is-open{ visibility:visible; pointer-events:auto; }
.cart-drawer__backdrop{
  position:absolute; inset:0;
  background:rgba(4,4,5,.6);
  backdrop-filter:blur(2px);
  opacity:0;
  transition:opacity .35s var(--ease-out-soft);
}
.cart-drawer.is-open .cart-drawer__backdrop{ opacity:1; }
.cart-drawer__panel{
  position:absolute; top:0; right:0; bottom:0;
  width:min(430px, 100vw);
  background:var(--surface);
  border-left:1px solid var(--border);
  display:flex; flex-direction:column;
  transform:translateX(100%);
  transition:transform .45s var(--ease-out-soft);
}
.cart-drawer.is-open .cart-drawer__panel{ transform:translateX(0); }
@media (prefers-reduced-motion: reduce){
  .cart-drawer__backdrop, .cart-drawer__panel{ transition:none; }
}
.cart-drawer__header{
  display:flex; align-items:center; justify-content:space-between;
  padding:1.5rem;
  border-bottom:1px solid var(--border);
}
.cart-drawer__shipping{ padding:1rem 1.5rem; border-bottom:1px solid var(--border); }
.cart-drawer__shipping-text{ font-size:.82rem; color:var(--muted); margin:0 0 .6rem; }
.progress-bar{ height:5px; border-radius:999px; background:var(--surface-2); overflow:hidden; }
.progress-bar span{ display:block; height:100%; background:var(--accent); border-radius:999px; transition:width .5s var(--ease-out-soft); }
.cart-drawer__body{ flex:1; overflow-y:auto; padding:0 1.5rem; }
.cart-drawer__list{ display:flex; flex-direction:column; gap:1.25rem; padding-block:1.25rem; }
.cart-item{ display:flex; gap:1rem; }
.cart-item__media{ width:80px; height:80px; border-radius:var(--radius-sm); overflow:hidden; background:var(--surface-2); flex:none; display:flex; align-items:center; justify-content:center; }
.cart-item__media img{ width:100%; height:100%; object-fit:cover; }
.cart-item__media-fallback{ color:var(--accent); width:2rem; height:2rem; }
.cart-item__body{ flex:1; min-width:0; }
.cart-item__head{ display:flex; justify-content:space-between; gap:.5rem; }
.cart-item__title{ font-weight:600; font-size:.92rem; }
.cart-item__remove{ background:none; border:none; color:var(--muted); flex:none; padding:.2rem; }
.cart-item__remove .icon{ width:.9rem; height:.9rem; }
.cart-item__remove:hover{ color:var(--text); }
.cart-item__variant{ font-size:.78rem; color:var(--muted); margin-top:.15rem; }
.cart-item__foot{ display:flex; align-items:center; justify-content:space-between; margin-top:.75rem; }
.cart-item__price{ font-size:.88rem; font-weight:600; }
.qty-stepper{ display:inline-flex; align-items:center; gap:.75rem; border:1px solid var(--border); border-radius:999px; padding:.3rem .6rem; }
.qty-stepper button{ background:none; border:none; color:var(--text); width:1.1rem; height:1.1rem; display:flex; align-items:center; justify-content:center; }
.qty-stepper .icon{ width:.75rem; height:.75rem; }
.qty-stepper__value{ font-size:.82rem; min-width:1ch; text-align:center; }
.cart-drawer__empty{ text-align:center; padding:3rem 1rem; display:flex; flex-direction:column; align-items:center; gap:1.25rem; color:var(--muted); }
.cart-drawer__empty-icon{ width:3rem; height:3rem; color:var(--accent); }
.cart-drawer__footer{ padding:1.5rem; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:.85rem; }
.cart-drawer__subtotal{ display:flex; justify-content:space-between; font-family:var(--font-display); font-weight:700; font-size:1.1rem; }
.cart-drawer__note{ font-size:.75rem; color:var(--muted); margin:0; }
.cart-drawer__trust{ justify-content:center; padding-top:.5rem; }

/* ---------- Announcement bar ---------- */
.announcement-bar{
  background:var(--accent);
  color:var(--accent-text);
}
.announcement-bar__inner{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  min-height:2.6rem;
  padding-block:.5rem;
}
.announcement-bar__track{ position:relative; width:100%; text-align:center; height:1.2em; }
.announcement-bar__msg{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-size:.8rem; font-weight:600; letter-spacing:.01em;
  opacity:0; transition:opacity .3s var(--ease-out-soft);
  pointer-events:none;
}
.announcement-bar__msg.is-active{ opacity:1; pointer-events:auto; }
.announcement-bar__close{ position:absolute; right:0; top:50%; transform:translateY(-50%); background:none; border:none; color:currentColor; opacity:.8; }
.announcement-bar__close .icon{ width:.85rem; height:.85rem; }

/* ---------- Header ---------- */
.site-header{
  position:sticky; top:0; z-index:100;
  background:color-mix(in srgb, var(--bg) 78%, transparent);
  backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .3s, padding .3s, background-color .3s;
}
.site-header.is-scrolled{
  border-bottom-color:var(--border);
  background:color-mix(in srgb, var(--bg) 92%, transparent);
}
.site-header__inner{
  display:flex; align-items:center; justify-content:space-between;
  padding-block:1.15rem;
  transition:padding .3s var(--ease-out-soft);
}
.site-header.is-scrolled .site-header__inner{ padding-block:.75rem; }
.wordmark{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.25rem;
  letter-spacing:-.01em;
}
.site-header__nav ul{ display:flex; gap:2.25rem; }
.site-header__nav a{
  font-size:.88rem; font-weight:500; color:var(--muted);
  transition:color .2s;
  position:relative;
}
.site-header__nav a::after{
  content:""; position:absolute; left:0; right:100%; bottom:-4px; height:1px;
  background:var(--text); transition:right .25s var(--ease-out-soft);
}
.site-header__nav a:hover{ color:var(--text); }
.site-header__nav a:hover::after{ right:0; }
.site-header__actions{ display:flex; align-items:center; gap:.6rem; }
.btn--sm{ padding:.7rem 1.35rem; font-size:.82rem; }

/* ---------- Mobile menu ---------- */
.mobile-menu{ position:fixed; inset:0; z-index:200; visibility:hidden; pointer-events:none; }
.mobile-menu.is-open{ visibility:visible; pointer-events:auto; }
.mobile-menu__backdrop{ position:absolute; inset:0; background:rgba(4,4,5,.6); opacity:0; transition:opacity .35s; }
.mobile-menu.is-open .mobile-menu__backdrop{ opacity:1; }
.mobile-menu__panel{
  position:absolute; top:0; right:0; bottom:0; width:min(360px,86vw);
  background:var(--surface); border-left:1px solid var(--border);
  display:flex; flex-direction:column; gap:2rem; padding:1.5rem;
  transform:translateX(100%); transition:transform .4s var(--ease-out-soft);
}
.mobile-menu.is-open .mobile-menu__panel{ transform:translateX(0); }
@media (prefers-reduced-motion: reduce){
  .mobile-menu__backdrop, .mobile-menu__panel{ transition:none; }
}
.mobile-menu__head{ display:flex; align-items:center; justify-content:space-between; }
.mobile-menu__list{ display:flex; flex-direction:column; gap:1.5rem; flex:1; }
.mobile-menu__list a{ font-family:var(--font-display); font-size:1.5rem; font-weight:700; }

/* ---------- Hero ---------- */
.hero{
  position:relative;
  padding-block:clamp(2rem, 5vw, 4rem) clamp(3rem, 6vw, 5rem);
  overflow:hidden;
}
.hero__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:clamp(2rem, 5vw, 4rem);
  min-height:70vh;
}
.hero__content{ position:relative; z-index:1; }
.hero__content .eyebrow{ margin-bottom:1.25rem; }
.hero__content .h-hero{ margin-bottom:1.5rem; }
.hero__content .lede{ margin-bottom:2.25rem; }
.hero__ctas{ display:flex; flex-wrap:wrap; gap:1rem; margin-bottom:2.5rem; }
.hero__trust{ padding-top:1.5rem; border-top:1px solid var(--border); }
.hero__stage{ position:relative; min-height:420px; }
.device--custom img{ width:100%; filter:drop-shadow(0 40px 60px rgba(0,0,0,.55)); }
.hero__scroll-cue{
  position:relative;
  margin:1.25rem auto 0;
  display:flex; flex-direction:column; align-items:center; gap:.6rem;
  width:fit-content;
  color:var(--muted);
}
.hero__scroll-line{
  width:1px; height:34px;
  background:linear-gradient(var(--muted), transparent);
  position:relative;
  overflow:hidden;
}
.hero__scroll-line::after{
  content:""; position:absolute; top:-100%; left:0; width:100%; height:100%;
  background:linear-gradient(var(--accent), transparent);
  animation:scroll-cue 2.2s ease-in-out infinite;
}
@keyframes scroll-cue{
  0%{ top:-100%; } 60%{ top:100%; } 100%{ top:100%; }
}
@media (prefers-reduced-motion: reduce){ .hero__scroll-line::after{ animation:none; display:none; } }

@media (max-width:900px){
  .hero__inner{ grid-template-columns:1fr; text-align:left; min-height:auto; }
  .hero__stage{ order:-1; min-height:320px; margin-bottom:1rem; }
  .hero__ctas{ flex-direction:column; }
  .hero__ctas .btn{ width:100%; }
}

/* ---------- Social proof strip ---------- */
.proof-strip{ padding-block:2.5rem; border-bottom:1px solid var(--border); }
.proof-strip__inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.5rem;
}
.proof-strip__line{ font-family:var(--font-display); font-weight:600; font-size:clamp(1.1rem,2vw,1.4rem); }
.proof-strip__rating{ display:flex; align-items:center; gap:.6rem; }
.stars{ display:inline-flex; gap:2px; color:var(--accent); }
.stars .icon{ width:14px; height:14px; }
.social-icons{ display:flex; gap:1rem; }
.social-icons a{ display:inline-flex; width:2rem; height:2rem; align-items:center; justify-content:center; border-radius:50%; border:1px solid var(--border); color:var(--muted); transition:color .2s, border-color .2s; }
.social-icons a:hover{ color:var(--text); border-color:var(--text); }
.social-icons .icon{ width:1rem; height:1rem; }
.proof-strip__social{ }

/* ---------- Product reveal / hotspots ---------- */
.reveal-section{ position:relative; overflow:hidden; }


/* ---------- Live demo gallery ---------- */
.demo-gallery{
  display:flex;
  gap:1.25rem;
  overflow-x:auto;
  padding:1rem clamp(1.25rem, 4vw, calc((100vw - var(--container)) / 2 + 3rem)) 2rem;
  scrollbar-width:none;
}
.demo-gallery::-webkit-scrollbar{ display:none; }
.demo-card{
  flex:none;
  width:min(300px, 78vw);
  scroll-snap-align:start;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  overflow:hidden;
  background:var(--surface);
  transition:transform .3s var(--ease-out-soft), border-color .3s;
}
.demo-card:hover{ transform:translateY(-6px); border-color:color-mix(in srgb, var(--accent) 40%, var(--border)); }
.demo-card__media{
  position:relative;
  aspect-ratio:9/13;
  background:var(--surface-2);
  overflow:hidden;
}
.demo-card__media img, .demo-card__media video{ width:100%; height:100%; object-fit:cover; }
.demo-card__placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--muted); }
.demo-card__placeholder .icon{ width:2.5rem; height:2.5rem; }
.demo-card__play{
  position:absolute; inset:0; margin:auto; width:3rem; height:3rem;
  display:flex; align-items:center; justify-content:center;
  color:#fff; pointer-events:none;
}
.demo-card__body{ padding:1rem 1.1rem 1.25rem; }
.demo-card__title{ font-family:var(--font-display); font-weight:700; margin:0 0 .25rem; }
.demo-card__caption{ font-size:.82rem; color:var(--muted); margin:0; }

/* ---------- Camera feature ---------- */
.camera-feature__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem, 5vw, 5rem);
  align-items:center;
}
.camera-feature__headline{ display:flex; flex-direction:column; margin-bottom:1.5rem; }
.capture-frame{
  position:relative;
  aspect-ratio:4/5;
  border-radius:var(--radius-lg);
  background:var(--surface);
  border:1px solid var(--border);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  padding:2rem;
}
.capture-frame__corner{
  position:absolute; width:26px; height:26px;
  border:2px solid var(--accent);
}
.capture-frame__corner--tl{ top:20px; left:20px; border-right:none; border-bottom:none; }
.capture-frame__corner--tr{ top:20px; right:20px; border-left:none; border-bottom:none; }
.capture-frame__corner--bl{ bottom:20px; left:20px; border-right:none; border-top:none; }
.capture-frame__corner--br{ bottom:20px; right:20px; border-left:none; border-top:none; }

}

@media (max-width:900px){
  .camera-feature__grid{ grid-template-columns:1fr; }
}

/* ---------- AI feature (chat device) ---------- */
.ai-feature__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem, 5vw, 5rem);
  align-items:center;
}
.chat-device{
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:var(--surface);
  overflow:hidden;
  box-shadow:var(--shadow-md);
}
.chat-device__header{
  display:flex; align-items:center; justify-content:space-between;
  padding:1.1rem 1.4rem;
  border-bottom:1px solid var(--border);
  color:var(--muted);
}
.chat-device__header .icon{ width:1rem; height:1rem; }
.chat-device__body{ padding:1.5rem; display:flex; flex-direction:column; gap:1rem; min-height:320px; }
.chat-bubble{
  max-width:82%;
  padding:.85rem 1.1rem;
  border-radius:16px;
  font-size:.92rem;
  line-height:1.5;
}
.chat-bubble--user{
  align-self:flex-end;
  background:var(--surface-2);
  border:1px solid var(--border);
  border-bottom-right-radius:4px;
  color:var(--text);
}
.chat-bubble--ai{
  align-self:flex-start;
  background:color-mix(in srgb, var(--accent) 14%, var(--surface));
  border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));
  border-bottom-left-radius:4px;
  color:var(--text);
  min-height:1.6em;
}
.chat-bubble--ai.is-typewriter::after{
  content:"";
  display:inline-block;
  width:2px; height:1em;
  background:var(--accent);
  margin-left:2px;
  vertical-align:middle;
  animation:caret 1s steps(1) infinite;
}
.chat-bubble--ai.is-typewriter.is-done::after{ display:none; }
@keyframes caret{ 50%{ opacity:0; } }
@media (prefers-reduced-motion: reduce){ .chat-bubble--ai.is-typewriter::after{ animation:none; } }

@media (max-width:900px){
  .ai-feature__grid{ grid-template-columns:1fr; }
}

/* ---------- How it works timeline ---------- */
.timeline{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:2.5rem;
  position:relative;
}
.timeline::before{
  content:"";
  position:absolute;
  top:1.9rem; left:calc(100%/6); right:calc(100%/6);
  height:1px;
  background:linear-gradient(90deg, var(--border), color-mix(in srgb, var(--accent) 50%, var(--border)), var(--border));
}
.timeline__step{ position:relative; padding-top:0; }
.timeline__num{
  font-family:var(--font-display); font-weight:700; font-size:.8rem;
  color:var(--muted);
  margin-bottom:1.5rem;
}
.timeline__icon{
  position:relative; z-index:1;
  width:3.75rem; height:3.75rem;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--accent);
  margin-bottom:1.5rem;
}
.timeline__icon .icon{ width:1.5rem; height:1.5rem; }
.timeline__step h3{ margin-bottom:.6rem; letter-spacing:.02em; }
.timeline__step p{ max-width:32ch; }

@media (max-width:749px){
  .timeline{ grid-template-columns:1fr; gap:2.5rem; }
  .timeline::before{ display:none; }
}

/* ---------- What's in the box ---------- */
.box-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1.5rem;
}
.box-item{ text-align:center; }
.box-item:nth-child(2n){ transform:translateY(1.5rem); }
.box-item__media{
  aspect-ratio:1/1;
  border-radius:var(--radius-md);
  background:var(--surface);
  border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  color:var(--accent);
  margin-bottom:1rem;
  overflow:hidden;
}
.box-item__media img{ width:100%; height:100%; object-fit:cover; }
.box-item__media .icon{ width:2.25rem; height:2.25rem; }
.box-item__title{ font-size:.88rem; font-weight:600; }
@media (max-width:749px){
  .box-grid{ grid-template-columns:repeat(2, 1fr); }
  .box-item:nth-child(2n){ transform:none; }
}

/* ---------- Reviews / UGC ---------- */
.ugc-grid{
  columns:3 260px;
  column-gap:1.5rem;
}
.ugc-card{
  break-inside:avoid;
  margin-bottom:1.5rem;
  border-radius:var(--radius-md);
  border:1px solid var(--border);
  background:var(--surface);
  overflow:hidden;
}
.ugc-card--text{ padding:1.75rem; }
.ugc-card--text .stars{ margin-bottom:1rem; }
.ugc-card--text .stars .is-empty{ color:var(--border); }
.ugc-card__quote{ font-size:1rem; line-height:1.6; margin-bottom:1.5rem; }
.ugc-card__author{ display:flex; align-items:center; gap:.75rem; }
.ugc-card__avatar{ width:2.5rem; height:2.5rem; border-radius:50%; object-fit:cover; }
.ugc-card__name{ font-weight:600; font-size:.88rem; margin:0 0 .25rem; }
.ugc-card--video .ugc-card__media{ position:relative; aspect-ratio:9/16; background:var(--surface-2); }
.ugc-card--video .ugc-card__media img, .ugc-card--video .ugc-card__media video{ width:100%; height:100%; object-fit:cover; }
.ugc-card__foot{ padding:1rem 1.1rem; display:flex; align-items:center; justify-content:space-between; }
@media (max-width:749px){ .ugc-grid{ columns:1 100%; } }

/* ---------- Final CTA ---------- */
.final-cta{ position:relative; overflow:hidden; text-align:center; padding-block:clamp(4rem,10vw,8rem); }
.final-cta__inner{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.final-cta__device{ margin-bottom:1rem; }
.final-cta__copy{ display:flex; flex-direction:column; align-items:center; gap:1.75rem; max-width:900px; }
.final-cta__note{ display:flex; gap:.4rem; align-items:center; }
.final-cta__note a{ text-decoration:underline; text-underline-offset:3px; }

/* ---------- Product gallery ---------- */
.product-gallery{ position:sticky; top:6.5rem; }
.product-gallery__main{
  position:relative;
  aspect-ratio:1/1;
  border-radius:var(--radius-lg);
  background:var(--surface);
  border:1px solid var(--border);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.product-gallery__slide{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .4s var(--ease-out-soft);
  padding:2rem;
}
.product-gallery__slide.is-active{ opacity:1; position:relative; }
.product-gallery__media{ width:100%; height:100%; object-fit:contain; }
.product-gallery__thumbs{ display:flex; gap:.75rem; margin-top:1rem; flex-wrap:wrap; }
.product-gallery__thumb{
  position:relative;
  width:4.25rem; height:4.25rem;
  border-radius:var(--radius-sm);
  overflow:hidden;
  border:1px solid var(--border);
  background:var(--surface);
  opacity:.6;
  transition:opacity .2s, border-color .2s;
}
.product-gallery__thumb.is-active{ opacity:1; border-color:var(--accent); }
.product-gallery__thumb img{ width:100%; height:100%; object-fit:cover; }
.product-gallery__thumb-icon{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; background:rgba(0,0,0,.3); }
.product-gallery__thumb-icon .icon{ width:1rem; height:1rem; }

/* ---------- Product purchase ---------- */
.product-purchase__grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:clamp(2rem, 5vw, 5rem);
  align-items:start;
}
.product-purchase__title{ margin:1rem 0 .75rem; }
.product-purchase__rating{ margin-bottom:1rem; }
.price{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:1.5rem; }
.price--lg .price__current{ font-family:var(--font-display); font-weight:700; font-size:2rem; }
.price__compare{ text-decoration:line-through; color:var(--muted); font-size:1.1rem; }
.product-purchase__desc{ margin-bottom:2rem; max-width:52ch; }
.product-form{ display:flex; flex-direction:column; gap:1.5rem; }
.variant-picker__options{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.75rem; }
.variant-picker__pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.7rem 1.25rem;
  border-radius:999px;
  border:1px solid var(--border);
  font-size:.85rem; font-weight:600;
  cursor:pointer;
  transition:border-color .2s, background-color .2s;
}
.variant-picker__radio:checked + .variant-picker__pill{
  border-color:var(--accent);
  background:color-mix(in srgb, var(--accent) 14%, transparent);
  color:var(--text);
}
.variant-picker__radio:focus-visible + .variant-picker__pill{ outline:2px solid var(--accent); outline-offset:2px; }
.product-purchase__stock{ display:flex; align-items:center; gap:.5rem; font-size:.85rem; color:var(--accent); }
.product-purchase__stock .icon{ width:1rem; height:1rem; }
.product-purchase__buy-row{ display:flex; gap:1rem; }
.qty-stepper--lg{ padding:.4rem .8rem; gap:1rem; flex:none; }
.qty-stepper--lg button{ width:1.5rem; height:1.5rem; }
.qty-stepper--lg .icon{ width:1rem; height:1rem; }
.qty-stepper__input{
  width:2ch; text-align:center; background:none; border:none; color:var(--text);
  font-size:.95rem; -moz-appearance:textfield;
}
.qty-stepper__input::-webkit-outer-spin-button, .qty-stepper__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.product-purchase__error{ font-size:.85rem; margin:0; }
.payment-icons{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.25rem; }
.payment-icons__icon{ height:1.5rem; width:auto; border-radius:4px; }
.product-purchase__trust{ margin-top:1.75rem; padding-top:1.75rem; border-top:1px solid var(--border); }

@media (max-width:900px){
  .product-purchase__grid{ grid-template-columns:1fr; }
  .product-gallery{ position:static; }
}

/* ---------- Sticky mobile add-to-cart ---------- */
.sticky-atc{
  position:fixed; left:0; right:0; bottom:0; z-index:90;
  background:color-mix(in srgb, var(--bg) 94%, transparent);
  backdrop-filter:blur(10px);
  border-top:1px solid var(--border);
  transform:translateY(100%);
  transition:transform .35s var(--ease-out-soft);
  padding-bottom:env(safe-area-inset-bottom);
}
.sticky-atc.is-visible{ transform:translateY(0); }
.sticky-atc__inner{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.85rem; }
.sticky-atc__info{ display:flex; flex-direction:column; min-width:0; }
.sticky-atc__title{ font-size:.78rem; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sticky-atc .price{ margin:0; }
.sticky-atc .price__current{ font-size:1.1rem; font-weight:700; }
@media (min-width:900px){ .sticky-atc{ display:none; } }

/* ---------- Footer ---------- */
.site-footer{ padding-block:clamp(3rem, 7vw, 6rem) 2.5rem; border-top:1px solid var(--border); }
.site-footer__top{
  display:flex; justify-content:space-between; gap:3rem; flex-wrap:wrap;
  padding-bottom:clamp(2.5rem, 5vw, 4rem);
  border-bottom:1px solid var(--border);
  margin-bottom:clamp(2.5rem, 5vw, 4rem);
}
.site-footer__brand{ max-width:320px; }
.site-footer__tagline{ margin:1rem 0 1.5rem; }
.site-footer__social{ }
.site-footer__newsletter{ flex:1; max-width:380px; min-width:260px; }
.newsletter-form__row{ display:flex; gap:.6rem; margin-top:.9rem; }
.newsletter-form__row input{
  flex:1; min-width:0;
  padding:.9rem 1.1rem;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text);
}
.newsletter-form__row input::placeholder{ color:var(--muted); }
.newsletter-form__success{ color:var(--accent); font-weight:600; margin-top:.9rem; }
.newsletter-form__error{ color:var(--accent); font-size:.8rem; margin-top:.5rem; }

.site-footer__columns{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:2rem;
  margin-bottom:clamp(2.5rem, 5vw, 4rem);
}
.site-footer__col ul{ display:flex; flex-direction:column; gap:.85rem; margin-top:1.25rem; }
.site-footer__col a{ color:var(--muted); font-size:.9rem; transition:color .2s; }
.site-footer__col a:hover{ color:var(--text); }

.site-footer__bottom{
  display:flex; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
  padding-top:2rem; border-top:1px solid var(--border);
}
.site-footer__copyright{ font-size:.78rem; color:var(--muted); margin:0; }
.site-footer__disclaimer{ font-size:.78rem; color:var(--muted); max-width:520px; }
.site-footer__disclaimer p{ margin:0; }

@media (max-width:900px){
  .site-footer__columns{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:560px){
  .site-footer__columns{ grid-template-columns:1fr 1fr; gap:2rem 1rem; }
  .newsletter-form__row{ flex-direction:column; }
}

/* ---------- Support pages ---------- */
.page-hero{ position:relative; padding-block:clamp(3rem,7vw,6rem) clamp(2rem,4vw,3rem); overflow:hidden; }
.page-hero__inner{ max-width:720px; }
.page-hero__inner .eyebrow{ margin-bottom:1rem; }
.page-hero__inner .lede{ margin-top:1.25rem; }

.rte h2{ font-family:var(--font-display); font-weight:700; font-size:clamp(1.4rem,2.4vw,1.9rem); margin:2.5rem 0 1rem; letter-spacing:-.01em; }
.rte h2:first-child{ margin-top:0; }
.rte h3{ font-family:var(--font-display); font-weight:600; font-size:1.15rem; margin:2rem 0 .75rem; }
.rte p{ color:var(--muted); line-height:1.7; margin:0 0 1.25rem; }
.rte a{ color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.rte ul, .rte ol{ margin:0 0 1.25rem; padding-left:1.25rem; color:var(--muted); line-height:1.7; }
.rte li{ margin-bottom:.5rem; }
.rte strong{ color:var(--text); }
.rte img{ border-radius:var(--radius-md); margin:1.5rem 0; }
.page-content__trust{ margin-top:3rem; padding-top:2rem; border-top:1px solid var(--border); justify-content:center; }

/* ---------- Contact page ---------- */
.contact-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
.contact-info h2{ margin-bottom:1rem; }
.contact-info__list{ margin:2rem 0; display:flex; flex-direction:column; gap:.9rem; }
.contact-info__item{ display:flex; align-items:center; gap:.6rem; font-size:.92rem; color:var(--text); }
.contact-info__item .icon{ width:1rem; height:1rem; color:var(--accent); }
.field{ margin-bottom:1.25rem; display:flex; flex-direction:column; gap:.5rem; }
.field label{ font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
.field input, .field textarea{
  padding:.85rem 1rem;
  border-radius:var(--radius-sm);
  border:1px solid var(--border);
  background:var(--bg);
  color:var(--text);
  resize:vertical;
}
.contact-form__success{ display:flex; flex-direction:column; align-items:flex-start; gap:1rem; color:var(--accent); }
.contact-form__success .icon{ width:2rem; height:2rem; }
@media (max-width:900px){ .contact-grid{ grid-template-columns:1fr; } }

/* ---------- Creators / affiliate page ---------- */
.creators-hero{ position:relative; overflow:hidden; text-align:center; padding-block:clamp(3rem,8vw,6rem); }
.creators-hero__inner{ max-width:760px; margin-inline:auto; display:flex; flex-direction:column; align-items:center; gap:1.5rem; }
.creators-card__icon{ width:2.5rem; height:2.5rem; color:var(--accent); margin-bottom:1.25rem; }
.creators-card__icon .icon{ width:100%; height:100%; }
.creators-apply{
  display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap;
  padding:clamp(2rem,4vw,3rem);
}
.creators-apply__copy{ max-width:480px; }
.creators-apply__copy h2{ margin-bottom:.75rem; }

/* ---------- 404 ---------- */
.not-found{ position:relative; text-align:center; padding-block:clamp(4rem,10vw,8rem); overflow:hidden; }
.not-found__inner{ max-width:520px; margin-inline:auto; display:flex; flex-direction:column; align-items:center; gap:1.25rem; }
.not-found__device{ margin-bottom:1rem; }

/* ---------- Cart page ---------- */
.cart-page__row{
  display:grid;
  grid-template-columns:80px 1fr auto auto;
  gap:1.25rem;
  align-items:center;
  padding-block:1.5rem;
  border-bottom:1px solid var(--border);
}
.cart-page__info{ display:flex; flex-direction:column; gap:.4rem; align-items:flex-start; }
.cart-page__summary{ margin-top:2rem; display:flex; flex-direction:column; gap:1.25rem; align-items:flex-end; }
.cart-page__actions{ display:flex; gap:1rem; }
@media (max-width:600px){
  .cart-page__row{ grid-template-columns:60px 1fr; }
  .cart-page__row .cart-item__price{ grid-column:2; }
}

/* ---------- Collection grid ---------- */
.product-card{ display:block; color:var(--text); }
.product-card__media{
  aspect-ratio:1/1;
  border-radius:var(--radius-md);
  background:var(--surface);
  border:1px solid var(--border);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  color:var(--accent);
  margin-bottom:1rem;
  transition:border-color .2s;
}
.product-card:hover .product-card__media{ border-color:color-mix(in srgb, var(--accent) 45%, var(--border)); }
.product-card__media img{ width:100%; height:100%; object-fit:cover; }
.product-card__media .icon{ width:2.5rem; height:2.5rem; }
.product-card__title{ font-weight:600; margin-bottom:.4rem; }
.product-card__price{ margin-bottom:0; }
.product-card__price .price__current{ font-size:.92rem; color:var(--muted); }
.pagination{ display:flex; gap:.5rem; justify-content:center; margin-top:3rem; }
.pagination a, .pagination span{ padding:.5rem .9rem; border-radius:999px; border:1px solid var(--border); font-size:.85rem; }
.pagination .is-current{ background:var(--accent); color:var(--accent-text); border-color:var(--accent); }

/* ==========================================================================
   Audit polish pass
   ========================================================================== */



/* Announcement bar: keep text clear of the dismiss button */
.announcement-bar[data-dismissible] .announcement-bar__track{ padding-inline:2.25rem; }

/* Timeline step numbers in accent */
.timeline__num{ color:var(--accent); }

/* Camera feature: last headline line pops in accent */
.camera-feature__headline div:last-child{ color:var(--accent); }

/* Footer: oversized outlined wordmark — startup signature moment */
.site-footer__mega{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2.2rem, 11.5vw, 10rem);
  line-height:.85;
  letter-spacing:-.03em;
  text-align:center;
  color:color-mix(in srgb, var(--text) 8%, transparent);
  -webkit-text-stroke:1px color-mix(in srgb, var(--text) 18%, transparent);
  user-select:none;
  white-space:nowrap;
  overflow:hidden;
  margin-bottom:2.5rem;
}

/* Demo placeholders: framed viewfinder look instead of an empty gray box */
.demo-card__placeholder{
  position:relative;
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px);
  background-size:28px 28px;
  flex-direction:column;
  gap:.9rem;
}
.demo-card__placeholder::before{
  content:"";
  position:absolute; inset:14px;
  border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);
  border-radius:8px;
  -webkit-mask-image:
    linear-gradient(#000 22px, transparent 22px, transparent calc(100% - 22px), #000 calc(100% - 22px)),
    linear-gradient(90deg, #000 22px, transparent 22px, transparent calc(100% - 22px), #000 calc(100% - 22px));
  mask-image:
    linear-gradient(#000 22px, transparent 22px, transparent calc(100% - 22px), #000 calc(100% - 22px)),
    linear-gradient(90deg, #000 22px, transparent 22px, transparent calc(100% - 22px), #000 calc(100% - 22px));
  -webkit-mask-composite:source-over;
  pointer-events:none;
}
.demo-card__placeholder .icon{
  width:3rem; height:3rem;
  color:var(--accent);
}
.demo-card__placeholder::after{
  content:"PREVIEW SOON";
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--muted);
}

/* Hero: trim dead space under the fold */
.hero{ padding-block:clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.5rem); }
.hero__inner{ min-height:min(70vh, 720px); }

/* Scroll-snap only on touch devices — on desktop Chrome, wheel input over an
   x-snap container gets hijacked into horizontal snap navigation and the page
   gets stuck. Mouse users scroll the page; touch users still get snappy cards. */
@media (hover: none){
  .demo-gallery{
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
  }
}

/* ---------- 3D model hero + pointer spotlight ---------- */
.device--model{
  width:min(600px, 94vw);
  aspect-ratio:1/1;
  filter:none;
  animation:none;
}
.device--model model-viewer{
  width:100%; height:100%;
  display:block;
  --poster-color:transparent;
  background:transparent;
  outline:none;
}

/* ---------- Product photo device + Velaris shader canvas ---------- */
.device--photo{
  filter:drop-shadow(0 40px 60px rgba(0,0,0,.55));
  animation:none;
}
.device--photo img{
  width:100%; height:auto;
  display:block;
}

/* ---------- AI model compatibility strip ---------- */
.proof-strip__models{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:.75rem 1.75rem;
  margin-top:1.5rem;
  padding-top:1.5rem;
  border-top:1px solid var(--border);
}
.proof-strip__models-label{ color:var(--accent); }
.proof-strip__models-list{
  display:flex; flex-wrap:wrap; gap:.5rem 2rem;
}
.proof-strip__models-list li{
  font-family:var(--font-display);
  font-weight:600;
  font-size:1.05rem;
  color:var(--muted);
  transition:color .2s;
}
.proof-strip__models-list li:hover{ color:var(--text); }
.proof-strip__models-note{
  flex-basis:100%;
  font-size:.68rem;
  color:color-mix(in srgb, var(--muted) 70%, transparent);
  margin:0;
}

/* ---------- Disclaimer page ---------- */
.disclaimer-list{ display:flex; flex-direction:column; gap:2.5rem; }
.disclaimer-item h2{ margin-bottom:.75rem; }
.disclaimer-item .rte p{ margin-bottom:0; }
.disclaimer-updated{ margin-top:3rem; }

/* ---------- 3D hero poster crossfade ---------- */
.device--model{ position:relative; }
.device--model .device__poster{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  padding:6% 18%;
  transition:opacity .6s var(--ease-out-soft);
  pointer-events:none;
}
.device--model .device__poster img{
  width:100%; height:100%;
  object-fit:contain;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.5));
}
.device--model model-viewer{
  opacity:0;
  transition:opacity .6s var(--ease-out-soft);
}
.device--model.is-model-ready .device__poster{ opacity:0; }
.device--model.is-model-ready model-viewer{ opacity:1; }

/* ---------- Buy box: tagline, benefits, Buy Now, info accordions ---------- */
.product-purchase__tagline{
  font-family:var(--font-display);
  font-weight:600;
  font-size:1.05rem;
  color:var(--accent);
  margin:0 0 1.25rem;
  letter-spacing:.01em;
}
.benefit-list{
  display:flex; flex-direction:column; gap:.65rem;
  margin-bottom:2rem;
}
.benefit-list li{
  display:flex; align-items:flex-start; gap:.65rem;
  font-size:.92rem;
  color:var(--text);
}
.benefit-list .icon{
  width:1.05rem; height:1.05rem; flex:none;
  color:var(--accent);
  margin-top:.12rem;
}
.product-purchase__buy-now{ margin-top:-.25rem; }
.btn.is-loading{ opacity:.7; pointer-events:none; }
.product-purchase__error{ color:#FF6B6B; }
.product-purchase__accordion{
  margin-top:2rem;
  border-top:1px solid var(--border);
}
.product-purchase__accordion .accordion-trigger{ padding:1.15rem 0; font-size:.95rem; }
.accordion-panel__rte{ padding-bottom:1.25rem; color:var(--muted); line-height:1.6; max-width:60ch; font-size:.92rem; }
.accordion-panel__rte p{ margin:0 0 .6rem; }
.accordion-panel__rte p:last-child{ margin-bottom:0; }
.accordion-panel__rte ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.4rem; }
.accordion-panel__rte li::before{ content:"✓"; color:var(--accent); margin-right:.55rem; }
.accordion-panel__rte a{ color:var(--accent); text-decoration:underline; text-underline-offset:3px; }

@media (max-width:480px){
  .product-purchase__buy-row{ flex-wrap:wrap; }
  .product-purchase__buy-row .qty-stepper--lg{ width:100%; justify-content:space-between; }
}
@keyframes draw-circle{
  0%{ stroke-dashoffset:1; opacity:1; }
  100%{ stroke-dashoffset:0; opacity:1; }
}

/* ---------- Brand mark next to the wordmark ---------- */
.site-header__logo{
  display:inline-flex; align-items:center; gap:.65rem;
}
.site-header__mark{
  height:34px; width:auto;
  flex:none;
}
.mobile-menu__brand{ display:inline-flex; align-items:center; gap:.6rem; }
.mobile-menu__brand .site-header__mark{ height:28px; }

/* ==========================================================================
   GOLD REDESIGN — hero staging, feature rail, DIY split, Discord,
   testimonial system
   ========================================================================== */

/* ---------- Hero: gold backlight + floor reflection ---------- */
.device{ position:relative; z-index:1; }
.device--hero{ width:min(340px, 66vw); }
.hero__backlight{
  position:absolute;
  width:min(720px, 100vw);
  aspect-ratio:1/1;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--gold) 16%, transparent) 0%, transparent 55%),
    radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--gold-deep) 14%, transparent) 0%, transparent 68%);
  filter:blur(6px);
  pointer-events:none;
  animation:backlight-breathe 7s ease-in-out infinite;
}
@keyframes backlight-breathe{
  0%,100%{ opacity:.8; transform:scale(1); }
  50%{ opacity:1; transform:scale(1.04); }
}
@media (prefers-reduced-motion: reduce){ .hero__backlight{ animation:none; } }
html.no-motion .hero__backlight{ animation:none; }

.device__reflection{
  position:absolute;
  bottom:-4%;
  left:50%; transform:translateX(-50%);
  width:min(300px, 55vw); height:44px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, color-mix(in srgb, var(--gold) 22%, transparent) 0%, transparent 70%);
  filter:blur(14px);
  pointer-events:none;
}

/* ---------- Hero: technical annotations (no boxes, just line + type) ---------- */
.hero-anno{
  position:absolute;
  display:flex; align-items:center; gap:.7rem;
  pointer-events:none;
  z-index:2;
}
.hero-anno__line{
  width:34px; height:1px; flex:none;
  background:linear-gradient(90deg, var(--gold), transparent);
  position:relative;
}
.hero-anno__line::before{
  content:"";
  position:absolute; left:-3px; top:-2.5px;
  width:6px; height:6px; border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 10px color-mix(in srgb, var(--gold) 80%, transparent);
}
.hero-anno__text{ display:flex; flex-direction:column; gap:.1rem; }
.hero-anno__label{
  font-size:.68rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--text);
}
.hero-anno__detail{
  font-size:.68rem;
  color:var(--muted);
}
.hero-anno--1{ top:12%; left:0; }
.hero-anno--2{ top:26%; right:0; flex-direction:row-reverse; text-align:right; }
.hero-anno--2 .hero-anno__line{ transform:scaleX(-1); }
.hero-anno--3{ bottom:26%; left:0; }
.hero-anno--4{ bottom:12%; right:0; flex-direction:row-reverse; text-align:right; }
.hero-anno--4 .hero-anno__line{ transform:scaleX(-1); }
@media (max-width:900px){
  .hero-anno{ display:none; }
}

/* ---------- Feature rail (replaces hotspot stage) ---------- */
.feature-rail{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:clamp(2rem, 6vw, 6rem);
  align-items:start;
}
.feature-rail__stage{
  position:sticky; top:7rem;
  display:flex; align-items:center; justify-content:center;
  padding-block:2rem;
}
.feature-rail__light{
  position:absolute;
  width:min(560px, 90%);
  aspect-ratio:1/1;
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--gold) 12%, transparent) 0%, transparent 62%);
  filter:blur(8px);
  pointer-events:none;
}
.feature-rows{
  counter-reset:feature;
  display:flex; flex-direction:column;
  margin-top:1rem;
}
.feature-row{
  position:relative;
  display:flex; gap:1.4rem;
  padding:1.5rem 0 1.5rem 1.1rem;
  border-bottom:1px solid var(--border);
}
.feature-row:first-child{ border-top:1px solid var(--border); }
.feature-row::before{
  content:"";
  position:absolute; left:0; top:1.65rem; bottom:1.65rem;
  width:2px;
  background:linear-gradient(180deg, var(--gold), color-mix(in srgb, var(--gold) 20%, transparent));
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .35s var(--ease-out-soft);
}
.feature-row:hover::before{ transform:scaleY(1); }
.feature-row__num{
  font-size:.75rem; font-weight:600;
  color:var(--gold);
  padding-top:.3rem;
  flex:none;
  letter-spacing:.08em;
}
.feature-row__title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.1rem, 1.8vw, 1.35rem);
  letter-spacing:-.01em;
  transition:color .25s;
}
.feature-row__desc{
  margin:.35rem 0 0;
  font-size:.92rem; line-height:1.55;
  color:var(--muted);
  max-width:46ch;
}
@media (max-width:900px){
  .feature-rail{ grid-template-columns:1fr; }
  .feature-rail__stage{ position:relative; top:0; }
}

/* ---------- DIY split ---------- */
.diy-split__grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:clamp(1.25rem, 3vw, 2.5rem);
  align-items:stretch;
  max-width:1080px;
  margin-inline:auto;
}
.diy-panel{
  display:flex; flex-direction:column; gap:1.1rem;
  padding:clamp(1.75rem, 3.5vw, 2.75rem);
}
.diy-panel--primary{
  border-color:color-mix(in srgb, var(--gold) 45%, var(--border));
  box-shadow:0 0 60px -18px color-mix(in srgb, var(--gold) 35%, transparent);
}
.diy-panel__tag{
  align-self:flex-start;
  font-size:.68rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted);
  padding:.35rem .8rem;
  border:1px solid var(--border);
  border-radius:999px;
}
.diy-panel__tag--gold{
  color:var(--accent-text);
  background:var(--gold-metal);
  border-color:transparent;
}
.diy-panel__line{ color:var(--muted); font-size:.95rem; margin:0; }
.diy-panel .benefit-list{ margin-bottom:.5rem; }
.diy-panel .benefit-list--muted .icon{ color:var(--muted); }
.diy-panel .btn{ margin-top:auto; align-self:flex-start; }
.diy-panel__soon{ color:var(--gold); }
.diy-split__divider{
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.diy-split__divider::before{
  content:"";
  position:absolute; top:0; bottom:0; left:50%;
  width:1px;
  background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--gold) 35%, transparent), transparent);
}
.diy-split__divider span{
  position:relative;
  background:var(--bg-alt);
  border:1px solid color-mix(in srgb, var(--gold) 30%, var(--border));
  color:var(--gold);
  border-radius:50%;
  width:2.6rem; height:2.6rem;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display);
  font-size:.8rem; font-weight:600;
}
.diy-split__note{
  text-align:center;
  font-size:.75rem;
  color:color-mix(in srgb, var(--muted) 75%, transparent);
  margin-top:2rem;
}
@media (max-width:900px){
  .diy-split__grid{ grid-template-columns:1fr; }
  .diy-split__divider{ padding-block:.25rem; }
  .diy-split__divider::before{ top:50%; bottom:auto; left:0; right:0; width:auto; height:1px;
    background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 35%, transparent), transparent); }
}

/* ---------- Discord support CTA ---------- */
.discord-cta__card{
  position:relative;
  display:flex; align-items:center; justify-content:space-between;
  gap:clamp(1.5rem, 4vw, 3rem);
  padding:clamp(1.75rem, 4vw, 3rem);
  overflow:hidden;
}
.discord-cta__glow{
  position:absolute; top:-60%; right:-10%;
  width:420px; height:420px;
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--gold) 10%, transparent) 0%, transparent 65%);
  pointer-events:none;
}
.discord-cta__body{ max-width:520px; }
.discord-cta__body .eyebrow{ margin-bottom:.75rem; }
.discord-cta__body .h-2{ margin-bottom:.6rem; }
.discord-cta__action{
  display:flex; flex-direction:column; align-items:flex-end; gap:.7rem;
  flex:none;
}
.discord-cta__note{ color:color-mix(in srgb, var(--muted) 80%, transparent); }
@media (max-width:749px){
  .discord-cta__card{ flex-direction:column; align-items:flex-start; }
  .discord-cta__action{ align-items:flex-start; width:100%; }
  .discord-cta__action .btn{ width:100%; }
}

/* ---------- Testimonial cards (shared: marquee + wall) ---------- */
.t-card{
  display:flex; flex-direction:column; gap:.9rem;
  width:min(340px, 82vw);
  flex:none;
  margin:0;
  padding:1.4rem 1.5rem;
  background:linear-gradient(180deg, #111110 0%, #0B0B0A 100%);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  transition:border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease-out-soft);
}
.t-card:hover{
  border-color:color-mix(in srgb, var(--gold) 45%, var(--border));
  box-shadow:0 0 38px -12px color-mix(in srgb, var(--gold) 32%, transparent);
  transform:translateY(-3px);
}
.t-card--featured{
  border-color:color-mix(in srgb, var(--gold) 35%, var(--border));
  background:linear-gradient(180deg, #14120C 0%, #0B0B0A 100%);
}
.t-card__head{
  display:flex; align-items:center; gap:.8rem;
}
.t-card__avatar{
  width:44px; height:44px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid color-mix(in srgb, var(--gold) 30%, var(--border));
  flex:none;
}
.t-card__avatar--fallback{
  display:flex; align-items:center; justify-content:center;
  background:var(--surface-2);
  color:var(--gold);
  font-family:var(--font-display);
  font-weight:700;
}
.t-card__id{ display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.t-card__name{ font-weight:600; font-size:.92rem; }
.t-card__meta{
  display:flex; flex-wrap:wrap; gap:.35rem .8rem;
  font-size:.72rem; color:var(--muted);
}
.t-card__verified{
  display:inline-flex; align-items:center; gap:.3rem;
  color:var(--gold);
}
.t-card__verified .icon{ width:.8rem; height:.8rem; }
.t-card__source{
  margin-left:auto; flex:none;
  color:color-mix(in srgb, var(--muted) 70%, transparent);
}
.t-card__source .icon{ width:1.05rem; height:1.05rem; }
.t-card__text{
  margin:0;
  font-size:.92rem; line-height:1.6;
  color:var(--muted);
}

/* ---------- Testimonial marquee ---------- */
.t-marquee{ overflow:hidden; }
.t-marquee__glow{
  position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:min(900px, 100vw); height:400px;
  background:radial-gradient(ellipse at top, color-mix(in srgb, var(--gold) 7%, transparent) 0%, transparent 70%);
  pointer-events:none;
}
.t-track{
  display:flex;
  width:max-content;
  gap:1.25rem;
  padding-block:.75rem;
  animation:t-scroll 48s linear infinite;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.t-track--reverse{ animation-direction:reverse; }
.t-track:hover{ animation-play-state:paused; }
.t-track__inner{
  display:flex; gap:1.25rem;
}
@keyframes t-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-50% - .625rem)); }
}
.t-marquee__more{ text-align:center; margin-top:2rem; }
.t-marquee__hint{ text-align:center; padding-block:2rem; }
@media (prefers-reduced-motion: reduce){
  .t-track{
    animation:none;
    width:auto; flex-wrap:wrap; justify-content:center;
    mask-image:none; -webkit-mask-image:none;
  }
  .t-track__inner{ flex-wrap:wrap; justify-content:center; }
  .t-track__inner[aria-hidden="true"]{ display:none; }
}
html.no-motion .t-track{ animation:none; width:auto; flex-wrap:wrap; justify-content:center; mask-image:none; -webkit-mask-image:none; }
html.no-motion .t-track__inner{ flex-wrap:wrap; justify-content:center; }
html.no-motion .t-track__inner[aria-hidden="true"]{ display:none; }
@media (max-width:749px){
  .t-track{ animation-duration:70s; }
  .t-card{ width:min(300px, 84vw); }
}

/* ---------- Testimonial wall (full page) ---------- */
.t-wall__hero{ overflow:hidden; }
.t-wall__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
  gap:1.25rem;
}
.t-wall__grid .t-card{ width:auto; }
.t-card--wide{ grid-column:span 2; }
.t-wall__empty{
  text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:1.5rem;
  padding-block:3rem;
}
@media (max-width:700px){
  .t-card--wide{ grid-column:span 1; }
}

/* ---------- Gold accents on existing chrome ---------- */
.site-header.is-scrolled{
  border-bottom-color:color-mix(in srgb, var(--gold) 22%, var(--border));
}
.site-header__mark{ height:30px; }
.mobile-menu__brand .site-header__mark{ height:26px; }
.site-footer__mega{
  color:color-mix(in srgb, var(--gold) 10%, transparent);
  -webkit-text-stroke:1px color-mix(in srgb, var(--gold) 26%, transparent);
}

/* Footer brand lockup + Discord note */
.site-footer__logo{
  display:inline-flex; align-items:center; gap:.65rem;
}
.site-footer__logo img{ height:30px; width:auto; flex:none; }
.site-footer__discord{ margin-top:1rem; font-size:.88rem; }
.site-footer__discord a{ color:var(--gold); text-decoration:underline; text-underline-offset:3px; }

/* Buy section: gold stage light behind the gallery */
.product-purchase{ overflow:hidden; }
.product-purchase::before{
  content:"";
  position:absolute; top:6%; left:-12%;
  width:56%; aspect-ratio:1/1;
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--gold) 9%, transparent) 0%, transparent 62%);
  pointer-events:none;
}

/* ==========================================================================
   SECTION REFINEMENT LAYER
   Follows the theme.css refinement layer. Product larger, motion calmer,
   mobile handled deliberately rather than by collapsing desktop rules.
   ========================================================================== */

/* ---------- Hero ---------- */
/* The product is the composition, so give it real size and let the copy
   column breathe rather than splitting 50/50. */
@media (min-width:901px){
  .hero__inner{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    min-height:min(78vh, 760px);
    align-items:center;
  }
}
.hero__content .h-hero{ margin-bottom:1.25rem; max-width:14ch; }
.hero__content .lede{ margin-bottom:2rem; max-width:44ch; }
.hero__ctas{ gap:.75rem; margin-bottom:2.25rem; }
.hero__trust{ border-top:1px solid var(--rule); padding-top:1.25rem; }
.hero__stage{ min-height:0; display:flex; align-items:center; justify-content:center; }

.device--hero{ width:min(430px, 74%); }
.device--still{ margin-inline:auto; }
.device--still img{ width:100%; height:auto; }

/* Static rim light. The previous version breathed on a 7s loop forever. */
.hero__backlight{
  width:min(620px, 92%);
  background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--gold) 9%, transparent) 0%, transparent 58%);
  filter:none;
  animation:none;
}

/* ---------- Calculator mode ---------- */
.calc-mode__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  gap:clamp(2.5rem, 6vw, 6rem);
  align-items:center;
}
.calc-mode__copy .eyebrow{ margin-bottom:1rem; }
.calc-mode__copy .h-1{ margin-bottom:1.25rem; max-width:16ch; }
.calc-mode__copy .lede{ margin-bottom:2.25rem; }

.calc-mode__list{ display:flex; flex-direction:column; }
.calc-mode__item{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding-block:1.15rem;
  border-top:1px solid var(--rule);
}
.calc-mode__item:last-child{ border-bottom:1px solid var(--rule); }
.calc-mode__item-mark{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.35rem; height:1.35rem;
  margin-top:.1rem;
  color:var(--accent);
}
.calc-mode__item-mark .icon{ width:1.05rem; height:1.05rem; }
.calc-mode__item-text{ display:flex; flex-direction:column; gap:.25rem; }
.calc-mode__item-title{ font-weight:600; font-size:1rem; color:var(--text); }
.calc-mode__item-detail{ font-size:.9rem; color:var(--muted); line-height:1.55; }

.calc-mode__visual{ margin:0; }
.calc-mode__visual img{
  width:min(360px, 100%);
  height:auto;
  margin-inline:auto;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.5));
}
.calc-mode__caption{
  display:block;
  margin-top:1.5rem;
  text-align:center;
}

@media (max-width:899px){
  .calc-mode__grid{ grid-template-columns:1fr; gap:2.5rem; }
  .calc-mode__visual{ order:-1; }
  .calc-mode__visual img{ width:min(230px, 56%); }
  .calc-mode__copy .h-1{ max-width:none; }
}

/* ---------- Product image sizing ----------
   The device photograph is a tall portrait (448x993). Sizing it by WIDTH made
   it ~950px tall and it bled out of every stage it sat in. Constrain by height
   and let width follow, so the product is always fully visible. */
.device--hero,
.device--still{
  width:auto;
  max-width:100%;
  display:flex;
  justify-content:center;
}
.device--still img,
.device--hero img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:min(64vh, 620px);
  object-fit:contain;
}
.hero__stage{ align-self:center; }

/* The floor reflection was scaled to the old oversized device. */
.device__reflection{ display:none; }

/* ---------- Announcement bar ----------
   Was a full-width block of solid gold — the loudest element on the page,
   competing with the buy button. Now a quiet dark strip with the offer itself
   carrying the only accent. */
.announcement-bar{
  background:var(--bg);
  color:var(--muted);
  border-bottom:1px solid var(--rule);
}
.announcement-bar__inner{ min-height:2.25rem; padding-block:.4rem; }
.announcement-bar__msg{
  font-size:.75rem;
  font-weight:500;
  letter-spacing:.02em;
}
.announcement-bar__msg a{ text-decoration:underline; text-underline-offset:3px; }

/* ---------- Header ----------
   Compact, quiet, and it stays that way; the only strong element is Buy Now. */
.site-header__inner{ padding-block:.9rem; }
.site-header.is-scrolled .site-header__inner{ padding-block:.65rem; }
.site-header{
  background:color-mix(in srgb, var(--bg) 82%, transparent);
  border-bottom:1px solid var(--rule);
}
.site-header.is-scrolled{
  background:color-mix(in srgb, var(--bg) 96%, transparent);
  border-bottom-color:var(--rule-strong);
}
.site-header__nav ul{ gap:1.9rem; }
.site-header__nav a{ font-size:.85rem; }
.wordmark{ font-size:1.05rem; letter-spacing:.01em; }
.site-header__actions{ gap:.45rem; }
.btn--sm{ padding:.62rem 1.15rem; font-size:.8rem; }

/* Cart count: legible at a glance, and it does not shift the icon. */
.icon-btn--cart{ position:relative; }
.icon-btn__count{
  position:absolute; top:-1px; right:-1px;
  min-width:1.05rem; height:1.05rem;
  display:inline-flex; align-items:center; justify-content:center;
  padding-inline:.25rem;
  border-radius:999px;
  background:var(--accent);
  color:var(--accent-text);
  font-size:.65rem; font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.icon-btn__count[hidden]{ display:none; }

/* ---------- Section rhythm ----------
   Up to 9rem top AND bottom stacked into ~290px of dead space between every
   pair of sections. Generous, but not empty. */
:root{
  --section-space:clamp(3.5rem, 6.5vw, 6.5rem);
  --section-space-tight:clamp(2.25rem, 4vw, 4rem);
}

/* ---------- Camera vision demonstration ---------- */
.camera-feature__grid{
  grid-template-columns:minmax(0,.85fr) minmax(0,1fr);
  align-items:center;
}
.camera-feature__headline{ margin-bottom:1.25rem; }
.camera-feature__headline div:last-child{ color:var(--accent); }

.capture-frame{
  aspect-ratio:auto;
  padding:clamp(2rem, 4vw, 3rem);
  border-radius:10px;
  border-color:var(--rule-strong);
  background:var(--surface);
  display:block;
}
.capture-frame__corner{
  width:18px; height:18px;
  border-width:1px;
  border-color:color-mix(in srgb, var(--accent) 70%, transparent);
}
.capture-frame__corner--tl{ top:14px; left:14px; }
.capture-frame__corner--tr{ top:14px; right:14px; }
.capture-frame__corner--bl{ bottom:14px; left:14px; }
.capture-frame__corner--br{ bottom:14px; right:14px; }

.capture-steps{
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}
.capture-step{
  display:flex; flex-direction:column; gap:.5rem;
  padding:1.5rem;
  border:1px solid var(--rule);
  border-radius:8px;
  background:var(--bg);
}
.capture-step--answer{ border-color:color-mix(in srgb, var(--accent) 30%, transparent); }
.capture-step__eq{
  font-family:ui-monospace, "SF Mono", Menlo, monospace;
  font-size:clamp(1.5rem, 2.4vw, 1.9rem);
  color:var(--text);
  margin:0;
}
.capture-step__answer{
  font-family:ui-monospace, "SF Mono", Menlo, monospace;
  font-size:clamp(1.7rem, 2.8vw, 2.2rem);
  font-weight:600;
  color:var(--accent);
  margin:0;
}
.capture-step__sub{ font-size:.875rem; color:var(--muted); margin:0; }
.capture-step__link{
  display:flex; align-items:center; gap:.75rem;
  padding-left:1.5rem;
  color:var(--muted);
}
.capture-step__link .icon{ width:1rem; height:1rem; transform:rotate(90deg); }
.capture-step__rule{
  width:1px; height:1.5rem;
  background:var(--rule-strong);
  margin-left:.4rem;
}

@media (max-width:900px){
  .camera-feature__grid{ grid-template-columns:1fr; }
  .camera-feature__visual{ order:2; }
}

/* Headline measure: 16ch forced "When you don't / need AI, it's still / a calculator."
   onto three ragged lines. */
.calc-mode__copy .h-1{ max-width:20ch; }

/* Same portrait-height trap as the hero: 360px wide renders ~800px tall. */
.calc-mode__visual img{
  width:auto;
  max-width:100%;
  max-height:min(54vh, 500px);
}
@media (max-width:899px){
  .calc-mode__visual img{ width:auto; max-height:42vh; }
}

/* ==========================================================================
   MOBILE / TABLET PASS
   ========================================================================== */

/* ---------- Header breakpoints ----------
   The inline nav was shown from 750px up, where "How It Works" wrapped onto
   three lines and shoved Buy Now off the edge. The drawer now handles
   navigation until there is genuinely room for a single-line nav. */
@media (max-width:999px){
  .site-header__nav{ display:none !important; }
  .site-header__actions > .icon-btn.hide-mobile{ display:none !important; }
  .site-header [data-menu-open]{ display:inline-flex !important; }
}
@media (min-width:1000px){
  .site-header [data-menu-open]{ display:none !important; }
}

/* ---------- Hero on small screens ----------
   Product first, then the proposition, then the CTA — all reachable without
   scrolling past a full-height image. */
@media (max-width:900px){
  .hero{ padding-block:1.5rem 2.5rem; }
  .hero__inner{ gap:1.75rem; }
  .hero__stage{ order:-1; min-height:0; margin-bottom:0; }
  .device--hero img,
  .device--still img{ max-height:34vh; }
  .hero__content .h-hero{ max-width:none; }
  .hero__content .lede{ max-width:none; margin-bottom:1.75rem; }
  .hero__ctas{ flex-direction:column; gap:.65rem; margin-bottom:1.75rem; }
  .hero__ctas .btn{ width:100%; }
  .hero__trust{ padding-top:1rem; }
}

/* Trust row: three separate lines ate a third of the mobile hero. */
@media (max-width:749px){
  .hero__trust{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem 1rem;
  }
  .hero__trust .pill{ font-size:.75rem; }
  .hero__scroll-cue{ display:none; }
}

/* ---------- Touch targets ---------- */
@media (pointer:coarse){
  .icon-btn{ min-width:44px; min-height:44px; }
  .accordion-trigger{ padding-block:1.15rem; }
  .btn{ min-height:46px; }
}

/* ---------- Comparison: stacked cards below 750px ---------- */
.compare th[scope="row"]{
  text-align:left;
  color:var(--muted);
  font-weight:500;
  font-family:var(--font-body);
  font-size:.9rem;
}
.compare-scroll{ border-color:var(--rule); border-radius:8px; }
.compare thead th{ color:var(--text); }
.compare thead th.is-brand{ color:var(--accent); }

@media (max-width:749px){
  .compare-scroll{ overflow:visible; border:0; border-radius:0; }
  .compare{ min-width:0; width:100%; display:block; }
  .compare thead{
    position:absolute; width:1px; height:1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;
  }
  .compare tbody{ display:flex; flex-direction:column; gap:.75rem; }
  .compare tr{
    display:block;
    border:1px solid var(--rule);
    border-radius:8px;
    background:var(--surface);
    padding:1rem 1.15rem;
  }
  .compare th[scope="row"]{
    display:block;
    padding:0 0 .75rem;
    border-bottom:1px solid var(--rule);
    color:var(--text);
    font-weight:600;
    font-size:.95rem;
  }
  .compare td{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.55rem 0 0;
    border:0;
    text-align:right;
  }
  .compare td::before{
    content:attr(data-label);
    font-size:.82rem;
    color:var(--muted);
    text-align:left;
  }
  /* Our own column reads as the answer, not as one option among three. */
  .compare td.is-brand{
    background:none;
    margin-top:.55rem;
    padding-top:.7rem;
    border-top:1px solid var(--rule);
  }
  .compare td.is-brand::before{ color:var(--accent); font-weight:600; }
}

/* ---------- Quality control sheet ---------- */
.qc-layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);
  gap:clamp(2.5rem, 6vw, 5rem);
  align-items:start;
}
.qc-layout__head{ margin-bottom:0; max-width:none; }
.qc-layout__head .h-1{ max-width:14ch; }

.qc-sheet{
  border:1px solid var(--rule-strong);
  border-radius:8px;
  background:var(--surface);
  overflow:hidden;
}
.qc-sheet__head{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem;
  padding:.9rem 1.35rem;
  border-bottom:1px solid var(--rule-strong);
  background:var(--bg);
}
.qc-sheet__count{ color:var(--accent); }
.qc-sheet__list{ display:flex; flex-direction:column; }
.qc-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:1.05rem 1.35rem;
  border-bottom:1px solid var(--rule);
}
.qc-row:last-child{ border-bottom:0; }
.qc-row__mark{
  display:inline-flex; align-items:center; justify-content:center;
  width:1.4rem; height:1.4rem;
  border-radius:50%;
  border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);
  color:var(--accent);
}
.qc-row__mark .icon{ width:.8rem; height:.8rem; }
.qc-row__body{ display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.qc-row__title{ font-weight:600; font-size:.95rem; color:var(--text); }
.qc-row__desc{ font-size:.85rem; color:var(--muted); line-height:1.5; }
.qc-row__status{ color:var(--accent); white-space:nowrap; }

@media (max-width:899px){
  .qc-layout{ grid-template-columns:1fr; gap:2rem; }
  .qc-layout__head .h-1{ max-width:none; }
}
@media (max-width:480px){
  .qc-row{ grid-template-columns:auto minmax(0,1fr); padding:.95rem 1.05rem; }
  .qc-row__status{ display:none; }
  .qc-sheet__head{ padding:.8rem 1.05rem; }
}

/* ---------- Footer ---------- */
/* The oversized wordmark was a full-width slab of gold sitting between the
   nav columns and the legal line. Keep the signature, drop the volume. */
.site-footer__mega{
  font-size:clamp(1.8rem, 7vw, 5.5rem);
  color:color-mix(in srgb, var(--text) 5%, transparent);
  -webkit-text-stroke:0;
  margin-bottom:1.75rem;
}
.site-footer{ border-top:1px solid var(--rule); }
.site-footer__top{ padding-bottom:clamp(2rem, 4vw, 3rem); }

/* 14ch broke "Every unit, checked before it ships." across three ragged lines. */
.qc-layout__head .h-1{ max-width:18ch; }