/* ============================================================================
   shmlv. — dark audio-lab design system
   Single shared stylesheet for every page.  v3.0 / 2026
   Foundation color: electric blue #012DFF on deep studio black.
   Fonts: Inter only. One visual voice across headings, body, labels and UI.
   ============================================================================ */

/* ============================================================
   1. TOKENS
   ============================================================ */
:root{
  --blue:        #012DFF;
  --blue-700:    #0B38FF;
  --blue-600:    #173FFF;
  --blue-400:    #3559FF;
  --blue-300:    #738AFF;
  --blue-200:    #A9B7FF;
  --blue-100:    #D9DFFF;
  --blue-tintbg: rgba(1,45,255,.11);
  --blue-tintln: rgba(1,45,255,.34);

  --ink:    #FAFAFA;
  --ink-2:  rgba(255,255,255,.70);
  --ink-3:  rgba(255,255,255,.42);
  --ink-spec:rgba(255,255,255,.54);
  --paper:  #0B0B0D;
  --paper-2:#111113;

  --line:   rgba(255,255,255,.12);

  --maxw: 1200px;
  --maxw-narrow: 820px;
  --pad: clamp(20px, 5vw, 72px);

  --r-sm: 4px;
  --r:    8px;
  --r-lg: 8px;
  --r-pill: 999px;

  --ease: cubic-bezier(.22,.61,.36,1);

  --shadow-card: 0 34px 86px -58px rgba(0,0,0,.92);
  --shadow-pop:  0 20px 48px -24px rgba(0,0,0,.75);
  --shadow-blue: 0 18px 42px -18px rgba(1,45,255,.9);

  --font-display: "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "Inter", system-ui, -apple-system, sans-serif;

  --nav-h: 52px;
}

/* ============================================================
   2. BASE / RESET
   ============================================================ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:#070707;
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  -webkit-tap-highlight-color:transparent;
}

body::before{
  content:"";
  position:fixed;
  inset:0 0 auto;
  height:48vh;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(1,45,255,.14), rgba(1,45,255,0) 78%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 120px);
}

h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.04;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--blue);color:#fff}

/* anchored sections clear the sticky nav */
section[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.wrap-narrow{max-width:var(--maxw-narrow)}
.wrap-center{text-align:left;max-width:760px}

/* focus visibility */
a:focus-visible,button:focus-visible,summary:focus-visible,
input:focus-visible,.demo-tab:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--ink);
  outline-offset:3px;
  border-radius:6px;
}
.on-blue a:focus-visible,.on-blue button:focus-visible,
.hero a:focus-visible,.hero button:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}

.skip-link{
  position:fixed;top:10px;left:10px;z-index:200;
  background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;
  font-family:var(--font-display);font-weight:600;
  transform:translateY(-160%);transition:transform .2s var(--ease);
}
.skip-link:focus{transform:translateY(0)}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* mono eyebrow / kicker */
.kicker{
  font-family:var(--font-mono);
  font-size:12px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--blue);
}
.on-blue .kicker{color:var(--blue-100)}

.num{
  font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;
  color:var(--blue);text-transform:uppercase;
}

code{
  font-family:var(--font-mono);font-size:.86em;
  background:var(--paper-2);padding:2px 7px;border-radius:6px;
  border:1px solid var(--line);color:var(--blue-700);
}
.on-blue code{background:rgba(255,255,255,.1);border-color:var(--blue-400);color:#fff}

/* ============================================================
   3. SECTION SCAFFOLD
   ============================================================ */
section{position:relative}
.sec{padding-block:clamp(64px,9vw,120px)}
.sec-tight{padding-block:clamp(52px,7vw,88px)}
.sec-sm{padding-block:clamp(40px,5vw,64px)}

.sec-head{max-width:760px;margin-bottom:clamp(38px,5vw,58px)}
.sec-head.center{text-align:left}
.sec-head .kicker{margin-bottom:16px;display:block}
.sec-head h1,.sec-head h2{
  font-size:clamp(30px,4.2vw,50px);
  letter-spacing:-.03em;color:var(--ink);
  margin-bottom:18px;
}
.on-blue .sec-head h1,.on-blue .sec-head h2{color:#fff}
.sec-head p{font-size:clamp(16px,1.6vw,19px);color:var(--ink-2);max-width:60ch}
.sec-head.center p{margin-inline:auto}
.on-blue .sec-head p{color:#fff;opacity:.9}

.divider{height:1px;background:var(--line);border:0;margin:0}

/* a blue text fragment inside dark headings */
.blue{color:var(--blue)}
.on-blue .blue{color:#fff}

/* ============================================================
   4. NAV
   ============================================================ */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.82);
  backdrop-filter:saturate(160%) blur(12px);
  -webkit-backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:var(--maxw);margin-inline:auto;
  padding:13px var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand{display:inline-flex;align-items:center;font-family:var(--font-display);min-height:40px}
.brand-mark{display:none}
.brand-word{font-size:29px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.brand-word .dot{color:var(--blue)}
.brand-sub{
  display:none;
  padding-left:12px;border-left:1px solid var(--line);align-self:center;
  font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);line-height:1;
}

.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{
  font-size:14.5px;font-weight:500;color:var(--ink-2);
  padding:9px 13px;border-radius:9px;transition:color .15s,background .15s;
}
.nav-links a:hover{color:var(--ink);background:var(--paper-2)}
.nav-links a.active{color:var(--ink);background:var(--paper-2)}
.nav-cta{
  margin-left:6px;
  background:var(--blue)!important;color:#fff!important;
  font-family:var(--font-display);font-weight:600!important;padding:9px 17px!important;
  box-shadow:0 6px 18px -8px rgba(0,39,252,.7);
  transition:transform .15s var(--ease),background .15s !important;
}
.nav-cta:hover{background:var(--blue-700)!important;color:#fff!important;transform:translateY(-1px)}
.nav-cta.active{background:var(--blue-700)!important}

.nav-toggle{
  display:none;border:1px solid var(--line);background:#fff;
  width:44px;height:40px;border-radius:10px;cursor:pointer;
  align-items:center;justify-content:center;padding:0;
}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);position:relative;transition:background .15s}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);transition:transform .2s var(--ease),top .2s var(--ease)}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav-open .nav-toggle span{background:transparent}
.nav-open .nav-toggle span::before{top:0;transform:rotate(45deg)}
.nav-open .nav-toggle span::after{top:0;transform:rotate(-45deg)}

@media (max-width:860px){
  .nav-toggle{display:inline-flex}
  .nav-links{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:2px;
    background:#fff;border-bottom:1px solid var(--line);
    padding:10px var(--pad) 18px;
    transform:translateY(-12px);opacity:0;pointer-events:none;
    transition:transform .2s var(--ease),opacity .2s;
  }
  .nav-open .nav-links{transform:none;opacity:1;pointer-events:auto}
  .nav-links a{padding:13px 12px;font-size:16px;border-radius:10px;min-height:44px;display:flex;align-items:center}
  .nav-cta{margin:6px 0 0;justify-content:center}
}
@media (max-width:520px){.brand-word{font-size:27px}}

/* ============================================================
   5. BUTTONS
   ============================================================ */
.btn{
  --bg:#fff;--fg:var(--blue);
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  font-family:var(--font-display);font-weight:600;
  font-size:16px;letter-spacing:-.01em;line-height:1.1;
  min-height:48px;padding:14px 24px;border-radius:12px;border:0;cursor:pointer;
  background:var(--bg);color:var(--fg);
  transition:transform .15s var(--ease),box-shadow .2s,background .15s,border-color .15s,color .15s;
  white-space:nowrap;touch-action:manipulation;
}
.btn .arrow{transition:transform .2s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.btn .price-was{font-family:var(--font-mono);font-size:13px;text-decoration:line-through;opacity:.5;font-weight:500}

.btn-sm{min-height:40px;padding:10px 16px;font-size:14px;border-radius:10px}
.btn-lg{min-height:52px;padding:16px 26px;font-size:16.5px}

/* white button — on blue surfaces */
.btn-white{background:#fff;color:var(--blue);box-shadow:var(--shadow-pop)}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 22px 46px -18px rgba(0,0,0,.55);color:var(--blue-700)}

/* blue button — on white surfaces */
.btn-blue{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue)}
.btn-blue:hover{background:var(--blue-700);color:#fff;transform:translateY(-2px);box-shadow:0 22px 44px -16px rgba(0,39,252,.9)}

/* ghost on blue */
.btn-ghost-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px var(--blue-300)}
.btn-ghost-light:hover{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1.5px var(--blue-200);transform:translateY(-2px)}

/* ghost on white */
.btn-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--blue);color:var(--blue);transform:translateY(-2px)}

.btn-block{width:100%}

/* ============================================================
   6. CHIPS
   ============================================================ */
.tagrow{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  display:inline-flex;align-items:center;
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 11px;border-radius:var(--r-pill);
  background:var(--blue-tintbg);color:var(--blue-700);border:1px solid var(--blue-tintln);
}
.chip.live{background:var(--blue);color:#fff;border-color:var(--blue)}
.chip.live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;display:inline-block;margin-right:7px;animation:pulse 2.6s var(--ease) infinite}
.on-blue .chip{background:rgba(255,255,255,.08);color:#fff;border-color:var(--blue-400)}

/* ============================================================
   7. HERO — FULL-BLEED ELECTRIC BLUE FIELD
   ============================================================ */
.hero{position:relative;background:var(--blue);color:#fff;overflow:hidden;isolation:isolate}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 90% at 78% 8%, rgba(94,120,255,.55), rgba(94,120,255,0) 55%),
    linear-gradient(180deg, rgba(0,16,150,0) 60%, rgba(0,16,150,.42) 100%);
}
.hero-inner{
  position:relative;z-index:2;
  max-width:var(--maxw);margin-inline:auto;
  padding:clamp(34px,5.4vw,64px) var(--pad) clamp(52px,6.6vw,78px);
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);
  gap:clamp(32px,5vw,70px);align-items:center;
}
.hero-inner.single{grid-template-columns:1fr;max-width:880px;text-align:left}
.hero-inner.single .hero-cta,.hero-inner.single .hero-meta{justify-content:flex-start}
.hero-inner.single .hero-lede{margin-inline:0}

.hero-lockup{display:none}
.hero-lockup .brand-mark{width:34px;height:34px;border-radius:10px}
.hero-lockup .wm{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.04em;color:#fff;line-height:1}
.hero-lockup .tag{
  padding-left:13px;border-left:1px solid var(--blue-300);
  font-family:var(--font-mono);font-size:11.5px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--blue-100);align-self:center;
}

.hero-eyebrow{color:#fff;opacity:.9;margin-bottom:22px;display:inline-flex;align-items:center;gap:11px}
.hero-eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.65);animation:pulse 2.6s var(--ease) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

.hero h1{
  color:#fff;font-size:clamp(42px,5.7vw,82px);font-weight:700;
  letter-spacing:-.035em;line-height:.99;margin-bottom:24px;
}
.hero h1 em{font-style:normal;position:relative;white-space:nowrap}
.hero h1 em::after{
  content:"";position:absolute;left:-.02em;right:-.02em;bottom:-.05em;
  height:.09em;background:#fff;border-radius:2px;opacity:.95;
  transform:scaleX(0);transform-origin:left;animation:swipe 1s var(--ease) .55s forwards;
}
@keyframes swipe{to{transform:scaleX(1)}}

.hero-lede{font-size:clamp(16.5px,1.5vw,19px);line-height:1.6;color:#fff;opacity:.92;max-width:46ch;margin-bottom:28px}
.hero-lede b{font-weight:600;color:#fff}

.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero .hero-cta{gap:12px}
.hero .btn{padding-inline:20px}

.hero-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--font-mono);font-size:12.5px;color:var(--blue-100)}
.hero-meta span{display:inline-flex;align-items:center;gap:8px}
.hero-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue-200)}

@media (max-width:920px){
  .hero-inner{grid-template-columns:1fr;gap:38px}
  .hero-visual{order:2}
}

/* ============================================================
   8. HERO DEMO + SIGNATURE MOTIF
   ============================================================ */
.hero-video-card{
  position:relative;margin:0;border:1px solid var(--blue-400);border-radius:var(--r-lg);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,12,120,.2));
  padding:16px;box-shadow:0 40px 90px -50px rgba(0,8,80,.95), inset 0 1px 0 rgba(255,255,255,.1);
  overflow:hidden;
}
.hero-video-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--blue-400)}
.hero-video-top span,.hero-video-top a{
  font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-100);
}
.hero-video-top a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.hero-video-frame{
  position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#070a18;
  box-shadow:0 22px 52px -32px rgba(0,0,0,.9);
}
.hero-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hero-video-card figcaption{margin-top:10px;font-family:var(--font-mono);font-size:11px;color:var(--blue-100);line-height:1.45}

.roll{
  position:relative;border:1px solid var(--blue-400);border-radius:var(--r-lg);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,12,120,.18));
  padding:18px 18px 16px;
  box-shadow:0 40px 90px -50px rgba(0,8,80,.9), inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.roll-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--blue-400)}
.roll-head .ttl{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-100)}
.roll-dots{display:flex;gap:6px}
.roll-dots i{width:8px;height:8px;border-radius:50%;background:var(--blue-300);display:block}
.roll-dots i:first-child{background:#fff}

.grid{
  position:relative;height:300px;border-radius:12px;
  background:
    repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1.5px), var(--blue-400) calc(25% - 1.5px), var(--blue-400) 25%),
    repeating-linear-gradient(90deg, transparent 0, transparent calc(6.25% - 1px), rgba(147,166,255,.22) calc(6.25% - 1px), rgba(147,166,255,.22) 6.25%),
    repeating-linear-gradient(180deg, transparent 0, transparent 29px, rgba(147,166,255,.14) 29px, rgba(147,166,255,.14) 30px),
    rgba(0,10,90,.28);
  overflow:hidden;
}
.beam{
  position:absolute;top:0;bottom:0;left:18.75%;width:6.25%;
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.07));
  border-left:1.5px solid rgba(255,255,255,.85);border-right:1.5px solid rgba(255,255,255,.85);
  box-shadow:0 0 26px 2px rgba(255,255,255,.18);
}
.beam .tick{
  position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  background:#fff;color:var(--blue);font-family:var(--font-mono);font-weight:700;
  font-size:9.5px;letter-spacing:.04em;padding:3px 7px;border-radius:0 0 7px 7px;white-space:nowrap;
}
.note{position:absolute;height:18px;border-radius:4px;background:var(--blue-300);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.note.hit{background:#fff;box-shadow:0 0 16px 1px rgba(255,255,255,.55), inset 0 1px 0 rgba(255,255,255,.6);animation:lite .9s var(--ease) backwards}
@keyframes lite{from{background:var(--blue-300);box-shadow:none;transform:scale(.9)}to{transform:scale(1)}}
.note.faint{background:var(--blue-400);opacity:.85}

.roll-foot{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--blue-100);flex-wrap:wrap}
.roll-foot .legend{display:flex;gap:16px;flex-wrap:wrap}
.roll-foot .legend i{display:inline-flex;align-items:center;gap:7px}
.roll-foot .legend i b{width:11px;height:11px;border-radius:3px;display:inline-block}
.roll-foot .legend .b-sel{background:#fff}
.roll-foot .legend .b-note{background:var(--blue-300)}
@media (max-width:920px){.grid{height:230px}}

/* mini beat-grid (used in mode cards) */
.mini{
  margin-top:auto;height:74px;border-radius:11px;position:relative;overflow:hidden;
  border:1px solid var(--blue-400);
  background:
    repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(147,166,255,.28) calc(25% - 1px), rgba(147,166,255,.28) 25%),
    rgba(0,10,90,.3);
}
.mini .col{position:absolute;top:0;bottom:0;width:12.5%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border-inline:1px solid rgba(255,255,255,.7)}
.mini .mn{position:absolute;height:9px;border-radius:3px;background:var(--blue-300)}
.mini .mn.on{background:#fff;box-shadow:0 0 9px rgba(255,255,255,.6)}
.mini .lane{position:absolute;left:6%;right:4%;height:13px;border-radius:3px;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}

/* ============================================================
   9. FEATURED PRODUCT CARD + SPEC PANEL
   ============================================================ */
.product{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:stretch}
.product-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(26px,3.4vw,44px);position:relative;overflow:hidden;box-shadow:var(--shadow-card);
}
.product-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue)}
.product-card .tagrow{margin-bottom:22px}
.product-card h3{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.03em;margin-bottom:14px}
.product-card .one-liner{font-size:clamp(17px,1.7vw,20px);color:var(--ink);font-weight:500;margin-bottom:14px;line-height:1.4}
.product-card .desc{color:var(--ink-2);margin-bottom:26px;max-width:54ch}

.featurelist{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;margin-bottom:30px}
.featurelist li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.featurelist li svg{flex:none;margin-top:2px}

.pricebar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line)}
.priceblock{display:flex;align-items:baseline;gap:12px}
.priceblock .now{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.priceblock .was{font-family:var(--font-mono);font-size:16px;text-decoration:line-through;color:var(--ink-3)}
.priceblock .intro{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-tintbg);padding:5px 9px;border-radius:6px;align-self:center}

/* dark spec panel */
.spec{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;position:relative;overflow:hidden}
.spec h4{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-300);margin-bottom:22px;font-weight:600}
.specrow{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:14.5px}
.specrow:last-of-type{border-bottom:0}
.specrow .k{color:var(--ink-spec)}
.specrow .v{color:#fff;font-weight:500;font-family:var(--font-mono);font-size:13.5px;text-align:right}
.spec .nodaemon{margin-top:auto;padding-top:22px;font-size:13.5px;color:#c2c8e0;line-height:1.5}
.spec .nodaemon strong{color:#fff;font-weight:600}

@media (max-width:880px){.product{grid-template-columns:1fr}.featurelist{grid-template-columns:1fr}}

/* ============================================================
   10. THREE MODES (on blue field)
   ============================================================ */
.field{background:var(--blue);color:#fff;position:relative;overflow:hidden}
.field::before{
  content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:none;
}
.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}
.mode{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,12,120,.14));
  border:1px solid var(--blue-400);border-radius:var(--r-lg);
  padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;
  cursor:pointer;outline-offset:5px;
  transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s;
}
.mode:hover,.mode:focus-visible{transform:translateY(-4px);border-color:var(--blue-200);background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(0,12,120,.14));box-shadow:0 28px 70px -46px rgba(0,0,0,.95)}
.mode .mk{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.mode .mk .n{font-family:var(--font-mono);font-size:12px;color:var(--blue-100);letter-spacing:.1em}
.mode .key{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#fff;border:1px solid var(--blue-300);border-radius:7px;padding:5px 9px;letter-spacing:.04em;background:rgba(255,255,255,.05)}
.mode h3{color:#fff;font-size:clamp(20px,2.2vw,25px);margin-bottom:10px;letter-spacing:-.02em}
.mode p{color:#fff;opacity:.86;font-size:14.5px;line-height:1.5;margin-bottom:18px}
.mode-demo{
  margin-top:auto;border:1px solid var(--blue-400);border-radius:12px;overflow:hidden;
  background:rgba(0,10,90,.38);box-shadow:0 18px 42px -28px rgba(0,0,0,.85);
}
.mode-demo video{
  width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:var(--ink);
}
@media (max-width:880px){.modes-grid{grid-template-columns:1fr}}

.mode-modal{
  position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:var(--pad);
  background:var(--blue);
  opacity:0;pointer-events:none;transition:opacity .22s var(--ease);
  overflow:hidden;
}
.mode-modal::before{
  content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;
  background-image:none;
}
.mode-modal.is-open{opacity:1;pointer-events:auto}
.mode-modal-panel{
  position:relative;z-index:2;width:min(100%,1040px);max-height:min(86vh,760px);display:grid;grid-template-rows:auto minmax(0,1fr);
  border:1px solid var(--blue-300);border-radius:var(--r-lg);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,12,120,.14));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;transform:scale(.96) translateY(12px);transition:transform .22s var(--ease);
}
.mode-modal.is-open .mode-modal-panel{transform:none}
.mode-modal-close{
  position:absolute;right:14px;top:14px;z-index:3;width:44px;height:44px;padding:0;border-radius:13px;
  display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);
  border:1px solid var(--blue-300);color:#fff;font-size:0;line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);
}
.mode-modal-close::before,.mode-modal-close::after{
  content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:999px;
  background:#fff;transform-origin:center;opacity:.95;
  transition:transform .22s var(--ease),width .22s var(--ease),opacity .18s var(--ease);
}
.mode-modal-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.mode-modal-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.mode-modal.is-open .mode-modal-close::before{animation:closeLineA .32s var(--ease) both}
.mode-modal.is-open .mode-modal-close::after{animation:closeLineB .32s var(--ease) both}
.mode-modal-close:hover,.mode-modal-close:focus-visible{
  background:rgba(255,255,255,.18);border-color:#fff;transform:rotate(90deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.mode-modal-close:hover::before,.mode-modal-close:hover::after,
.mode-modal-close:focus-visible::before,.mode-modal-close:focus-visible::after{width:20px;opacity:1}
.mode-modal-close:active{transform:rotate(90deg) scale(.94)}
@keyframes closeLineA{from{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scaleX(0)}to{opacity:.95;transform:translate(-50%,-50%) rotate(45deg) scaleX(1)}}
@keyframes closeLineB{from{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scaleX(0)}to{opacity:.95;transform:translate(-50%,-50%) rotate(-45deg) scaleX(1)}}
.mode-modal-head{padding:clamp(22px,3vw,34px) clamp(22px,3vw,38px) 18px}
.mode-modal-head .kicker{display:block;color:var(--blue-100);margin-bottom:10px}
.mode-modal-head h3{color:#fff;font-size:clamp(28px,4vw,48px);letter-spacing:-.03em;margin:0 52px 10px 0}
.mode-modal-head p{color:#fff;opacity:.88;font-size:clamp(15px,1.7vw,18px);line-height:1.55;max-width:68ch}
.mode-modal-video{padding:0 clamp(18px,3vw,38px) clamp(18px,3vw,38px);min-height:0}
.mode-modal-video video{
  width:100%;max-height:55vh;aspect-ratio:1280/408;display:block;object-fit:cover;background:var(--ink);
  border:1px solid var(--blue-400);border-radius:16px;
}
body.mode-modal-open{overflow:hidden}
@media (max-width:720px){
  .mode-modal{padding:18px}
  .mode-modal-panel{max-height:88vh}
  .mode-modal-video video{aspect-ratio:16/9;max-height:48vh}
}

/* ============================================================
   11. PHILOSOPHY
   ============================================================ */
.philo{display:grid;grid-template-columns:.62fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.philo-aside .kicker{display:block;margin-bottom:18px}
.philo-aside .sig{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.philo-aside .sig span{color:var(--ink-3);font-weight:400;font-size:14px;display:block;margin-top:4px;font-family:var(--font-mono);letter-spacing:.02em}
.philo-body h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.03em;line-height:1.12;color:var(--ink);margin-bottom:26px}
.philo-points{display:grid;gap:20px;margin-top:6px}
.philo-points li{display:flex;gap:16px;align-items:flex-start}
.philo-points .pn{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--blue);padding-top:3px;flex:none;width:34px}
.philo-points .pt strong{display:block;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink);margin-bottom:5px;letter-spacing:-.01em}
.philo-points .pt span{color:var(--ink-2);font-size:15px;line-height:1.55}
@media (max-width:820px){.philo{grid-template-columns:1fr;gap:30px}}
#why{padding-bottom:clamp(64px,9vw,120px)}
.demos{padding-top:clamp(24px,3vw,36px)}

/* ============================================================
   12. DEMOS — tabbed stage
   ============================================================ */
.demo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.demo-tabs{display:inline-flex;gap:6px;background:var(--paper-2);border:1px solid var(--line);padding:5px;border-radius:13px;flex-wrap:wrap}
.demo-tab{
  font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.02em;
  color:var(--ink-2);background:transparent;border:0;cursor:pointer;
  padding:10px 15px;border-radius:9px;min-height:40px;transition:color .15s,background .15s;
}
.demo-tab[aria-selected="true"]{background:var(--blue);color:#fff}
.demo-tab:not([aria-selected="true"]):hover{color:var(--ink);background:#fff}

.demo-stage{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--ink);border:1px solid var(--line);box-shadow:0 40px 90px -55px rgba(10,14,26,.6)}
.demo-stage video,.demo-stage .poster{width:100%;height:auto;display:block;aspect-ratio:1280/408;object-fit:cover;background:#0b0e1a}
.demo-cap{position:absolute;left:0;bottom:0;right:0;padding:18px 20px;color:#fff;background:linear-gradient(0deg, rgba(5,8,25,.82), rgba(5,8,25,0));display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.demo-cap .lbl{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em}
.demo-cap .lbl b{color:#fff;font-weight:600}
.demo-cap .lbl.muted{color:var(--blue-300)}
.yt-row{margin-top:22px;display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:14.5px;flex-wrap:wrap}
.yt-row a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.yt-row a:hover{color:var(--blue-700)}

/* ============================================================
   13. COMPATIBILITY band (blue field)
   ============================================================ */
.compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center;position:relative;z-index:2}
.compat-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compat-item{border:1px solid var(--blue-400);border-radius:var(--r);background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,12,120,.12));padding:18px}
.compat-item .h{font-family:var(--font-display);font-weight:600;font-size:16px;color:#fff;margin-bottom:5px;display:flex;align-items:center;gap:9px}
.compat-item .s{font-family:var(--font-mono);font-size:12px;color:var(--blue-100);letter-spacing:.02em}
.compat-item svg{flex:none}
.compat-copy h2{color:#fff;font-size:clamp(28px,3.6vw,44px);letter-spacing:-.03em;margin-bottom:18px;line-height:1.08}
.compat-copy p{color:#fff;opacity:.9;font-size:16.5px;max-width:48ch;margin-bottom:14px}
.compat-copy .disc{font-family:var(--font-mono);font-size:12px;color:var(--blue-100);opacity:.85;max-width:46ch;line-height:1.5}
@media (max-width:860px){.compat-grid{grid-template-columns:1fr;gap:30px}.compat-list{grid-template-columns:1fr}}

/* ============================================================
   14. COMING SOON — plugin teaser
   ============================================================ */
.next-card{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper);display:grid;grid-template-columns:1fr .9fr;box-shadow:var(--shadow-card)}
.next-body{padding:clamp(30px,4vw,52px)}
.next-body .kicker{display:block;margin-bottom:18px}
.next-body h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.03em;margin-bottom:16px;color:var(--ink)}
.next-body p{color:var(--ink-2);font-size:16.5px;max-width:46ch;margin-bottom:26px}
.next-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.next-note{margin-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}
.next-visual{position:relative;background:var(--blue);overflow:hidden;min-height:280px}
.next-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(110% 80% at 80% 10%, rgba(94,120,255,.6), rgba(94,120,255,0) 60%)}
.eq{position:absolute;inset:0;display:flex;align-items:flex-end;gap:2.2%;padding:14% 9% 16%;z-index:2}
.eq i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#fff,var(--blue-200));opacity:.92;transform-origin:bottom;animation:eqbar 2.8s var(--ease) infinite}
@keyframes eqbar{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.next-visual .badge{position:absolute;top:18px;left:18px;z-index:3;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:#fff;padding:7px 12px;border-radius:var(--r-pill)}
@media (prefers-reduced-motion:reduce){.eq i{animation:none;transform:scaleY(.7)}}
@media (max-width:820px){.next-card{grid-template-columns:1fr}.next-visual{min-height:200px;order:-1}}

.next-card.sndwch-next{background:#0a0a0a;color:#fafafa;border-color:rgba(255,255,255,.12);grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}
.sndwch-next .next-body h2{color:#fafafa}
.sndwch-next .next-body p{color:rgba(255,255,255,.7)}
.sndwch-next .next-body .blue{color:#fff}
.sndwch-next .next-body .tagrow{margin:0 0 24px}
.sndwch-next .next-body .chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.82)}
.sndwch-next .next-body .chip.live{background:#012dff;border-color:#012dff;color:#fff}
.sndwch-next .btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}
.sndwch-next .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff;color:#fff}
.sndwch-next .next-note{color:rgba(255,255,255,.42)}
.sndwch-visual{min-height:360px;background:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:clamp(24px,3vw,38px)}
.sndwch-visual::after{background:linear-gradient(90deg, rgba(1,45,255,0), rgba(1,45,255,.24), rgba(1,45,255,0))}
.sndwch-shot{position:relative;z-index:2;display:block;width:min(100%,760px);height:auto;aspect-ratio:1920/944;object-fit:contain;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#050505;box-shadow:0 34px 76px -44px rgba(0,0,0,.9),0 0 50px -26px rgba(1,45,255,.9)}
.sndwch-mini{position:relative;z-index:2;width:min(100%,560px);border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0c0c0c;box-shadow:0 34px 76px -44px rgba(0,0,0,.9),0 0 50px -26px rgba(1,45,255,.9);overflow:hidden}
.sndwch-mini-top{height:42px;background:#012dff;color:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.sndwch-mini-top span{margin-right:auto;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.02em;text-transform:none}
.sndwch-mini-top em{font-style:normal;font-weight:400;opacity:.68}
.sndwch-mini-top i{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.28);border-radius:4px;font-style:normal}
.sndwch-mini-top b{font-weight:500;opacity:.82}
.sndwch-mini-body{display:grid;grid-template-columns:34px minmax(0,1fr) 50px minmax(0,1fr) 34px;gap:0;min-height:210px}
.mini-fader{position:relative;background:#090909;border-inline:1px solid rgba(255,255,255,.08)}
.mini-fader::before{content:"";position:absolute;left:50%;top:25px;bottom:25px;width:4px;border-radius:999px;background:rgba(255,255,255,.14);transform:translateX(-50%)}
.mini-fader::after{content:"";position:absolute;left:50%;top:48%;width:22px;height:9px;border-radius:3px;background:#012dff;transform:translate(-50%,-50%);box-shadow:0 0 16px rgba(1,45,255,.7)}
.mini-chain{padding:24px 18px;text-align:center;min-width:0}
.mini-chain small{display:block;margin-bottom:22px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.mini-chain div{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-chain i{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:conic-gradient(from -38deg, rgba(255,255,255,.13) 0 62deg, #012dff 62deg 69deg, rgba(255,255,255,.13) 69deg 360deg);box-shadow:inset 0 0 0 9px #0b0b0b;color:#fff;font-family:var(--font-display);font-style:normal;font-size:28px;font-weight:600}
.mini-tools{display:flex;align-items:center;justify-content:center;text-align:center;border-inline:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:9px;line-height:2.1;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.36)}
@media (max-width:820px){.next-card.sndwch-next{grid-template-columns:1fr}.sndwch-visual{min-height:290px}.sndwch-mini-body{grid-template-columns:24px minmax(0,1fr) 34px minmax(0,1fr) 24px}.mini-chain{padding-inline:12px}.mini-chain div{gap:10px}.mini-chain i{font-size:22px;box-shadow:inset 0 0 0 7px #0b0b0b}}
@media (max-width:520px){.sndwch-mini-body{grid-template-columns:1fr}.mini-fader,.mini-tools{display:none}.mini-chain + .mini-chain{border-top:1px solid rgba(255,255,255,.1)}}

/* ============================================================
   15. FORMS
   ============================================================ */
.input{
  font-family:var(--font-body);font-size:15px;
  padding:14px 16px;border-radius:11px;border:1px solid var(--line);
  background:#fff;color:var(--ink);min-width:0;flex:1;min-height:48px;
  transition:border-color .15s,box-shadow .15s;
}
.input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,39,252,.16)}
.input::placeholder{color:var(--ink-3)}

/* ============================================================
   16. FINAL CTA (full blue)
   ============================================================ */
.finalcta{background:var(--blue);color:#fff;text-align:left;position:relative;overflow:hidden}
.finalcta::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 50% -10%, rgba(94,120,255,.5), rgba(94,120,255,0) 60%)}
.finalcta .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.finalcta h2{color:#fff;font-size:clamp(30px,4.6vw,58px);letter-spacing:-.035em;margin-bottom:20px;max-width:16ch}
.finalcta p{color:#fff;opacity:.9;font-size:clamp(16px,1.7vw,19px);max-width:52ch;margin-bottom:34px}
.finalcta .hero-cta{justify-content:center}
.finalcta .hero-meta{justify-content:center}

/* ============================================================
   17. FOOTER
   ============================================================ */
.footer{background:var(--ink);color:#cfd4e6;padding-block:clamp(50px,6vw,72px) 34px}
.footer-top{display:grid;grid-template-columns:minmax(280px,1.35fr) repeat(3,minmax(160px,1fr));gap:clamp(28px,4vw,54px);align-items:start}
.footer-brand .brand{margin-bottom:16px}
.footer-brand .brand .wm{font-family:var(--font-display);font-weight:700;font-size:24px;color:#fff;letter-spacing:-.03em;line-height:1}
.footer-brand .brand .wm .dot{color:var(--blue-300)}
.footer-brand p{color:var(--ink-spec);font-size:14.5px;max-width:36ch;line-height:1.6;margin-bottom:18px}
.footer-brand .made{display:none}
.footer-brand .made b{color:#fff;font-weight:600}

.fcol{display:grid;align-content:start;gap:4px}
.fcol h3{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-300);margin:0 0 18px;font-weight:600}
.fcol a{display:inline-flex;align-items:baseline;gap:6px;width:max-content;max-width:100%;color:#cfd4e6;font-size:14.5px;line-height:1.35;padding:5px 0;transition:color .15s}
.fcol a:hover{color:#fff}
.fcol a span{color:var(--blue-300);white-space:nowrap}

.footer-bottom{margin-top:clamp(36px,5vw,52px);padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-bottom .legal{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--ink-spec);align-items:center}
.footer-bottom .legal a:hover{color:#fff}
.disclaimer{font-size:12.5px;color:#7c84a6;line-height:1.6;max-width:64ch}
@media (max-width:860px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.fcol a,.footer-bottom .legal a{min-height:40px;display:flex;align-items:center}}
@media (max-width:520px){.footer-top{grid-template-columns:1fr}.fcol a{width:100%}}

/* ============================================================
   18. BREADCRUMB
   ============================================================ */
.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}
.crumb a{color:var(--ink-3);transition:color .15s}
.crumb a:hover{color:var(--blue)}
.crumb .sep{color:var(--blue-200)}
.crumb .here{color:var(--ink)}
.on-blue .crumb,.on-blue .crumb a{color:var(--blue-100)}
.on-blue .crumb a:hover{color:#fff}
.on-blue .crumb .here{color:#fff}

/* ============================================================
   19. STATUS BAR (ticker under nav)
   ============================================================ */
.status-bar{background:var(--blue-tintbg);border-bottom:1px solid var(--blue-tintln)}
.status-bar-inner{max-width:var(--maxw);margin-inline:auto;padding:9px var(--pad);display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;font-family:var(--font-mono);font-size:11px;color:var(--blue-700);letter-spacing:.08em;text-transform:uppercase}
.status-bar-inner::-webkit-scrollbar{display:none}
.status-bar-inner span{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.status-bar-inner span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--blue-200);margin-right:8px}
.status-bar .live{color:var(--blue);font-weight:700}
.status-bar .live::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 rgba(0,39,252,.5);animation:pulse 2.6s var(--ease) infinite}
@media (max-width:520px){.status-bar-inner span:nth-child(n+4){display:none}}

/* ============================================================
   20. FAQ accordion
   ============================================================ */
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink);min-height:44px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:14px;height:14px;background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%23012DFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .3s var(--ease)}
.faq-item[open] summary::after{transform:rotate(135deg)}
.faq-item summary:hover{color:var(--blue)}
.faq-item p{color:var(--ink-2);font-size:15px;line-height:1.65;margin:0;padding:0 4px 24px;max-width:70ch}

/* ============================================================
   21. TABLE
   ============================================================ */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;min-width:560px}
.tbl th,.tbl td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:0}
.tbl th{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;background:var(--paper-2)}
.tbl td:first-child{font-weight:600;color:var(--ink);font-family:var(--font-display)}
.tbl .yes{color:var(--blue);font-family:var(--font-mono);font-weight:600;display:inline-flex;align-items:center;gap:6px;font-size:13px}
.tbl .yes::before{content:"";width:16px;height:16px;flex:none;background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23012DFF'/%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}

/* ============================================================
   22. STEPS
   ============================================================ */
.step{display:flex;gap:18px;padding:22px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r);margin-bottom:12px;box-shadow:var(--shadow-card)}
.step-num{width:38px;height:38px;flex:none;background:var(--blue);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:15px;box-shadow:0 8px 20px -8px rgba(0,39,252,.7)}
.step-body{flex:1;min-width:0;color:var(--ink-2);font-size:15px;line-height:1.65}
.step-body strong{color:var(--ink);font-family:var(--font-display);font-weight:600;display:block;margin-bottom:6px;font-size:16px}
.code-block{display:block;font-family:var(--font-mono);font-size:12.5px;background:var(--ink);color:#dfe5ff;border:0;padding:11px 14px;border-radius:8px;margin:6px 0;white-space:nowrap;overflow-x:auto}
.callout{padding:16px 18px;border:1px solid var(--blue-tintln);background:var(--blue-tintbg);border-radius:var(--r-sm);color:var(--ink-2);font-size:14px;line-height:1.6}
.callout strong{color:var(--blue-700)}
@media (max-width:640px){.step{flex-direction:column;gap:14px}}

/* ============================================================
   23. CARDS / GRIDS shared (pains, features, proof, compare)
   ============================================================ */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-card);min-width:0}
.card-soft{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:20px}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2>*,.grid-3>*{min-width:0}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}}

/* pains */
.pain{padding:20px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);display:flex;gap:14px;align-items:flex-start}
.pain-num{font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--blue);line-height:1;flex:none;opacity:.5}
.pain h3{font-size:16px;font-weight:600;margin-bottom:6px;font-family:var(--font-display)}
.pain p{font-size:14px;color:var(--ink-2);line-height:1.55;margin:0}

/* feature */
.feat{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card)}
.feat h3{font-size:16px;font-weight:600;font-family:var(--font-display);margin-bottom:8px;display:flex;align-items:center;gap:9px}
.feat h3::before{content:"";flex:none;width:8px;height:8px;background:var(--blue);border-radius:50%}
.feat p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:0}

/* proof card with bullet list */
.proof-card{padding:22px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r)}
.proof-card h3{font-size:16px;font-weight:600;font-family:var(--font-display);margin-bottom:14px}
.proof-card ul{display:grid;gap:10px;color:var(--ink-2);font-size:14px;line-height:1.55}
.proof-card li{position:relative;padding-left:20px}
.proof-card li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;background:var(--blue);border-radius:50%}

/* before / after compare */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.compare-panel{padding:24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-card)}
.compare-panel.bad{background:var(--paper-2);box-shadow:none}
.compare-panel h3{font-size:18px;font-weight:600;font-family:var(--font-display);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.compare-panel.good h3::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--blue)}
.compare-panel.bad h3::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--ink-3)}
.compare-panel ul{display:grid;gap:11px;color:var(--ink-2);font-size:14.5px;line-height:1.6}
.compare-panel li{display:flex;gap:11px}
.compare-panel li .i{font-family:var(--font-mono);font-size:11px;color:var(--blue);letter-spacing:.1em;min-width:24px;padding-top:2px}
.compare-panel.bad li .i{color:var(--ink-3)}
@media (max-width:800px){.compare{grid-template-columns:1fr}}

/* check list */
.check-list{display:grid;gap:12px;color:var(--ink-2);font-size:15px;line-height:1.6}
.check-list li{position:relative;padding-left:30px}
.check-list li::before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23012DFF'/%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}

/* ============================================================
   24. PDP — purchase card, hero proof, mode blocks, sticky buy
   ============================================================ */
.pdp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,52px);align-items:start;padding-block:clamp(34px,4vw,52px)}
.pdp-col{display:grid;gap:20px;align-content:start;min-width:0}
.pdp-copy h1{font-size:clamp(38px,5.4vw,68px);letter-spacing:-.035em;line-height:1;margin-bottom:20px;color:var(--ink)}
.pdp-copy .lede{font-size:clamp(16.5px,1.6vw,19px);color:var(--ink-2);line-height:1.6;max-width:52ch}
.pdp-copy .lede .em{color:var(--ink);font-weight:500}

.purchase-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,2.6vw,30px);box-shadow:var(--shadow-card);scroll-margin-top:calc(var(--nav-h) + 16px)}
.purchase-card .pc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.purchase-card .priceblock .now{font-size:clamp(40px,4vw,52px)}
.purchase-card .pc-note{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;line-height:1.6;margin-top:14px}
.checkout-proof{margin-top:16px;padding:14px 16px;border:1px solid var(--blue-tintln);border-radius:var(--r-sm);background:var(--blue-tintbg);color:var(--ink-2);font-size:13.5px;line-height:1.55}
.checkout-proof strong{display:block;color:var(--blue-700);font-family:var(--font-display);font-weight:600;margin-bottom:5px}

.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.proof-item{padding:13px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper)}
.proof-item strong{display:block;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px}
.proof-item span{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:520px){.proof-grid{grid-template-columns:1fr 1fr}}

.trust-row{display:flex;gap:12px 18px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
.trust-row span{display:inline-flex;align-items:center;gap:7px}
.trust-row span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}

/* alternating mode blocks with media */
.mode-block{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(20px,3vw,36px);align-items:center;padding:clamp(22px,3vw,32px);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);margin-bottom:16px}
.mode-block.is-reverse .mode-media{order:-1}
.mode-block .mode-number{font-family:var(--font-mono);font-size:11px;color:var(--blue);letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}
.mode-block h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;margin-bottom:12px;color:var(--ink)}
.mode-block p{color:var(--ink-2);font-size:15px;line-height:1.65;max-width:46ch}
.mode-media{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--ink)}
.mode-media video{width:100%;aspect-ratio:1280/408;object-fit:cover;display:block}
@media (max-width:900px){.pdp-hero{grid-template-columns:1fr}.mode-block,.mode-block.is-reverse{grid-template-columns:1fr}.mode-block.is-reverse .mode-media{order:-1}}

/* mobile sticky buy */
.mobile-buy{
  position:fixed;left:0;right:0;bottom:0;z-index:99;
  display:none;justify-content:space-between;align-items:center;gap:14px;
  padding:13px var(--pad);background:rgba(255,255,255,.92);
  backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
  border-top:1px solid var(--line);
  transform:translateY(100%);pointer-events:none;transition:transform .22s var(--ease);
}
.mobile-buy .price{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1}
.mobile-buy .price small{display:block;font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.08em;font-weight:500}
body.show-mobile-buy .mobile-buy{transform:none;pointer-events:auto}
@media (max-width:640px){.mobile-buy{display:flex;padding-bottom:calc(13px + env(safe-area-inset-bottom))}body.has-mobile-buy.show-mobile-buy{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}

/* final purchase strip */
.final-purchase{max-width:640px;margin:0 auto;padding:clamp(22px,3vw,30px);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}
.final-purchase .priceblock .now{font-size:44px}
/* white card sits on a blue (.on-blue) band — keep its chip readable */
.on-blue .final-purchase .chip{background:var(--blue-tintbg);color:var(--blue-700);border-color:var(--blue-tintln)}
.on-blue .final-purchase .pc-note{color:var(--ink-3)}
@media (max-width:640px){.final-purchase{grid-template-columns:1fr;text-align:center;justify-items:center}.final-purchase .btn{width:100%}}

/* ============================================================
   28. LEGAL prose
   ============================================================ */
.prose{max-width:760px;margin-inline:auto}
.prose h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.035em;margin-bottom:14px}
.prose .meta{display:flex;gap:14px;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.prose h2{font-size:21px;letter-spacing:-.015em;color:var(--ink);margin:38px 0 14px;display:flex;gap:14px;align-items:baseline}
.prose h2 .num{font-family:var(--font-mono);font-size:12px;color:var(--blue);font-weight:600;letter-spacing:.1em;min-width:28px}
.prose h3{font-size:16px;margin:20px 0 6px;color:var(--ink)}
.prose p,.prose li{font-size:15.5px;color:var(--ink-2);line-height:1.75;margin:8px 0}
.prose ul{padding-left:24px;margin:10px 0}
.prose ul li{position:relative;list-style:none}
.prose ul li::before{content:"—";position:absolute;left:-22px;color:var(--blue);font-family:var(--font-mono)}
.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--blue-700)}
.prose .contact-block{margin-top:36px;padding:24px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);font-family:var(--font-mono);font-size:13px;color:var(--ink-2);line-height:1.8}
.prose .contact-block strong{display:block;color:var(--blue-700);margin-bottom:6px;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-family:var(--font-mono)}

.legal-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.legal-nav a{padding:9px 14px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-sm);transition:color .15s,border-color .15s,background .15s;min-height:40px;display:inline-flex;align-items:center}
.legal-nav a:hover{color:var(--blue);border-color:var(--blue-200)}
.legal-nav a.active{color:var(--blue);background:var(--blue-tintbg);border-color:var(--blue-tintln)}

/* ============================================================
   31. THANK-YOU
   ============================================================ */
.ty-confirm{max-width:520px;margin:0 auto;display:flex;align-items:center;gap:16px;text-align:left;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card)}
.ty-confirm .mark{width:48px;height:48px;flex:none;background:var(--blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono);font-weight:700;box-shadow:0 10px 24px -10px rgba(0,39,252,.7)}
.ty-confirm .ttl{font-family:var(--font-display);font-weight:600;color:var(--ink)}
.ty-confirm .sub{color:var(--ink-2);font-size:13.5px}
.ty-help{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:24px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg)}
@media (max-width:640px){.ty-help{grid-template-columns:1fr;text-align:center;justify-items:center}.ty-help .btn{width:100%}}

/* ============================================================
   32. UTILITIES
   ============================================================ */
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
.btn-row.center{justify-content:center}

/* tabular figures for prices, specs, tables (aligned numerals) */
.priceblock .now,.priceblock .was,.specrow .v,.tbl td,.tbl th,
.mobile-buy .price{font-variant-numeric:tabular-nums}

/* prevent double-tap zoom delay on interactive controls */
.nav-links a,.nav-cta,.demo-tab,.faq-item summary,.doc-nav a,.legal-nav a,.fcol a,.crumb a{touch-action:manipulation}
.mb-0{margin-bottom:0}
.mt-s{margin-top:14px}
.mt-m{margin-top:24px}
.lede{font-size:clamp(16px,1.6vw,19px);color:var(--ink-2);line-height:1.6;max-width:60ch}
.on-blue .lede{color:#fff;opacity:.92}

/* ============================================================
   33. SCROLL REVEAL + REDUCED MOTION
   ============================================================ */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-2{transition-delay:.08s}
.reveal-3{transition-delay:.16s}
.reveal-4{transition-delay:.24s}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none}
  .hero h1 em::after{animation:none;transform:scaleX(1)}
  .note.hit,.pulse,.chip.live::before,.status-bar .live::after,.eq i{animation:none}
  *{scroll-behavior:auto!important}
}

/* ============================================================
   34. DARK AUDIO-LAB SKIN
   ============================================================ */
.nav{
  background:rgba(7,7,7,.74);
  border-bottom:1px solid var(--line);
  backdrop-filter:saturate(150%) blur(16px);
  -webkit-backdrop-filter:saturate(150%) blur(16px);
}
.nav-inner{padding-block:16px}
.brand{gap:9px}
.brand-word{font-size:31px;letter-spacing:-.045em}
.brand-word .dot{color:var(--blue);margin-left:.02em}
.nav-links{
  gap:24px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.nav-links a{
  position:relative;
  padding:6px 0;
  border-radius:0;
  font-size:14px;
  color:rgba(255,255,255,.62);
}
.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:currentColor;
  opacity:0;
  transform:scaleX(.4);
  transition:opacity .16s var(--ease),transform .16s var(--ease);
}
.nav-links a:hover,.nav-links a.active{background:transparent;color:#fff}
.nav-links a:hover::after,.nav-links a.active::after{opacity:.7;transform:scaleX(1)}
.nav-cta{
  margin-left:4px;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none;
}
.nav-cta::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;margin-right:8px;vertical-align:middle}
.nav-toggle{background:#0d0d0d;border-color:var(--line)}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{background:#fff}
.nav-open .nav-toggle span{background:transparent}
@media (max-width:860px){
  .nav-links{background:rgba(7,7,7,.98);border:0;border-radius:0;border-bottom:1px solid var(--line);box-shadow:none;padding:10px var(--pad) 18px}
  .nav-links a{padding:13px 12px}
}

.sec,.sec-tight,.sec-sm{border-top:1px solid var(--line)}
.sec-head h1,.sec-head h2,.pdp-copy h1,.product-card h3,.p-card h3,.mode-block h3,.v-body h3,.release h2,.prose h1,.prose h2,.prose h3,.about-stat .value,.ty-confirm .ttl{color:#fff}
.sec-head p,.lede,.pdp-copy .lede,.product-card .desc,.product-card .one-liner,.featurelist li,.p-card .desc,.mode-block p,.proof-card ul,.pain p,.compare-panel ul,.doc-main p,.doc-main li,.prose p,.prose li,.about-prose,.ty-confirm .sub,.watch-copy,.v-body p{color:var(--ink-2)}
.pdp-copy .lede .em,.about-prose .em{color:#fff}
.kicker,.num,.mode-block .mode-number,.v-type,.prose h2 .num,.pain-num{color:var(--blue)}
.crumb .here{color:#fff}
.crumb a:hover{color:#fff}
code{background:#101014;border-color:var(--line);color:var(--blue-100)}

.hero{
  background:#070707;
  color:#fff;
  border-bottom:1px solid var(--line);
}
.hero::after{
  background:
    linear-gradient(180deg, rgba(1,45,255,.16), rgba(1,45,255,0) 38%, rgba(0,0,0,.38) 100%);
  opacity:1;
}
.home-lab-hero .hero-inner{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  min-height:min(760px,calc(100svh - var(--nav-h)));
  padding-block:clamp(66px,8vw,116px);
}
.home-lab-hero .hero-copy{max-width:650px}
.hero-eyebrow{color:var(--blue);opacity:1}
.brand-inline{font-family:var(--font-display);font-size:1.12em;font-weight:700;letter-spacing:-.02em;text-transform:none;color:#fff}
.hero-eyebrow .pulse{background:var(--blue);box-shadow:0 0 0 0 rgba(1,45,255,.6)}
.hero h1{
  font-size:clamp(58px,8.4vw,120px);
  line-height:.88;
  letter-spacing:0;
  margin-bottom:28px;
}
.hero-lede{color:var(--ink-2);opacity:1;max-width:52ch}
.hero-lede b{color:#fff}
.hero-meta{color:var(--ink-3)}
.hero-meta span::before{background:var(--blue)}
.hero .btn-ghost-light{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}

.lab-stack{display:grid;gap:14px;align-content:center}
.lab-card{
  position:relative;
  display:grid;
  gap:14px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
  box-shadow:none;
  transition:transform .18s var(--ease);
}
.lab-card:hover{transform:translateY(-2px)}
.lab-card img,.lab-card video{
  width:100%;
  height:auto;
  display:block;
  border:0;
  border-radius:6px;
  background:#050505;
  box-shadow:0 32px 76px -54px rgba(0,0,0,.98),0 0 72px -58px rgba(1,45,255,.9);
}
.lab-card img{aspect-ratio:1920/944;object-fit:contain}
.lab-card video{aspect-ratio:1280/408;object-fit:cover}
.lab-label,.soft-label{
  font-family:var(--font-body);
  font-size:14px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:rgba(255,255,255,.50);
}
.lab-title{font-family:var(--font-display);font-size:clamp(20px,2.3vw,28px);font-weight:500;letter-spacing:-.015em;line-height:1.08;color:#fff}
.lab-card-side{grid-template-columns:minmax(0,.78fr) minmax(260px,1fr);align-items:center}
.lab-side-copy{display:grid;gap:12px;align-content:center}
.lab-link{
  width:max-content;
  max-width:100%;
  font-family:var(--font-body);
  font-size:14px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:rgba(255,255,255,.62);
  border-bottom:1px solid rgba(255,255,255,.28);
  padding-bottom:3px;
}
.lab-link:hover{color:#fff;border-color:#fff}
.lab-youtube{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:0;
  border-radius:6px;
  background:#050505;
  box-shadow:0 28px 70px -52px rgba(0,0,0,.98);
}
.lab-youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (max-width:920px){
  .home-lab-hero .hero-inner{grid-template-columns:1fr;min-height:0}
  .home-lab-hero .hero-copy{max-width:760px}
}
@media (max-width:640px){
  .hero h1{font-size:clamp(48px,13.4vw,56px);line-height:.96}
  .hero-lede{font-size:16px}
  .hero-meta{gap:8px 16px}
  .lab-card-side{grid-template-columns:1fr}
  .lab-card{padding:0}
}

.field,.finalcta{
  background:#080808;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.field::before{
  opacity:.7;
  background:
    linear-gradient(90deg, rgba(1,45,255,0), rgba(1,45,255,.14), rgba(1,45,255,0));
}
.finalcta::after{
  background:
    linear-gradient(90deg, rgba(1,45,255,0), rgba(1,45,255,.20), rgba(1,45,255,0));
}

.skip-link{background:#fff;color:#050505}
.product-card,.p-card,.purchase-card,.mode-block,.proof-card,.pain,.compare-panel,.release,.about-stat,.ty-confirm,.ty-help,.watch-copy,.v-card,.final-purchase,.step,.tbl-wrap,.prose .contact-block,.card,.card-soft,.feat{
  background:#0d0d0f;
  border-color:var(--line);
  box-shadow:var(--shadow-card);
}
.product-card::before,.p-card::before{background:var(--blue)}
.product-card .one-liner{color:#fff}
.spec{background:#0d0d0f;border:1px solid var(--line);box-shadow:var(--shadow-card)}
.specrow{border-color:var(--line)}
.pricebar,.p-bottom,.footer-bottom{border-color:var(--line)}
.priceblock .now{color:#fff}
.priceblock .intro,.on-blue .final-purchase .chip{background:var(--blue-tintbg);color:var(--blue-100);border-color:var(--blue-tintln)}
.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff;color:#fff}
.btn-white{box-shadow:var(--shadow-pop)}
.chip{background:rgba(255,255,255,.06);border-color:var(--line);color:rgba(255,255,255,.82)}
.chip.live{background:var(--blue);border-color:var(--blue);color:#fff}

.p-media{
  position:relative;
  z-index:0;
  overflow:hidden;
  margin:calc(clamp(24px,3vw,34px) * -1) calc(clamp(24px,3vw,34px) * -1) 22px;
  border-bottom:1px solid var(--line);
  background:#050505;
  aspect-ratio:1920/944;
}
.p-media img,.p-media video{width:100%;height:100%;object-fit:cover;background:#050505}
.p-card.is-coming .p-media img{object-fit:contain}
.p-card.is-coming{background:#0a0a0a}

.mode,.mode-modal-panel,.hero-video-card{
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border-color:var(--line);
}
.mode-modal{background:#070707}
.mode-demo,.mode-media,.demo-stage,.watch-media,.v-thumb{background:#050505;border-color:var(--line)}
.demo-tabs{background:#0d0d0f;border-color:var(--line)}
.demo-tab:not([aria-selected="true"]):hover{background:rgba(255,255,255,.07);color:#fff}
.demo-cap .lbl.muted{color:var(--blue-100)}
.watch-fact,.proof-item{background:#0b0b0d;border-color:var(--line)}
.watch-fact strong,.proof-item strong{color:#fff}

.next-card{background:#0d0d0f;border-color:var(--line)}
.next-visual{background:#050505}
.notify-strip{background:#0d0d0f;border-color:var(--line)}
.next-card.sndwch-next{
  grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);
  background:
    linear-gradient(115deg, rgba(1,45,255,.10), rgba(1,45,255,0) 38%),
    #090909;
  border-color:rgba(255,255,255,.15);
  box-shadow:0 38px 100px -64px rgba(0,0,0,.98),0 0 80px -58px rgba(1,45,255,.95);
}
.next-card.sndwch-next::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg, rgba(1,45,255,0), var(--blue), rgba(1,45,255,0));
}
.sndwch-next .next-body{display:flex;flex-direction:column;justify-content:center}
.sndwch-next .next-body .blue{color:#fff}
.sndwch-visual{
  background:
    linear-gradient(90deg, rgba(1,45,255,0), rgba(1,45,255,.12), rgba(1,45,255,0)),
    #070707;
}
.sndwch-visual .badge{
  color:#0a0a0a;
  font-family:var(--font-display);
  font-size:12px;
  font-weight:700;
  letter-spacing:-.01em;
  text-transform:none;
  padding:7px 13px;
}
.sndwch-shot{height:auto;width:min(100%,820px)}
.p-card.is-coming{
  background:
    linear-gradient(145deg, rgba(1,45,255,.08), rgba(1,45,255,0) 42%),
    #0a0a0a;
  border-color:rgba(255,255,255,.16);
}
.p-card.is-coming::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg, rgba(1,45,255,0), var(--blue), rgba(1,45,255,0));
}
.p-card.is-coming .p-media{border-bottom-color:rgba(255,255,255,.14)}

.status-bar{background:#0b0b0d;border-bottom-color:var(--line)}
.status-bar-inner{color:var(--ink-3)}
.status-bar .live{color:var(--blue-100)}
.code-block{background:#050505;color:#dfe5ff;border:1px solid var(--line)}
.callout{background:var(--blue-tintbg);border-color:var(--blue-tintln);color:var(--ink-2)}
.callout strong,.step-body strong{color:#fff}
.checkout-proof{background:var(--blue-tintbg);border-color:var(--blue-tintln);color:var(--ink-2)}
.checkout-proof strong{color:var(--blue-100)}
.mobile-buy{background:rgba(7,7,7,.92);border-top-color:var(--line)}

.faq{border-top-color:var(--line)}
.faq-item{border-bottom-color:var(--line)}
.faq-item summary{color:#fff}
.faq-item summary:hover{color:var(--blue-100)}
.doc-nav a,.legal-nav a{border-color:var(--line);color:var(--ink-3);background:#0b0b0d}
.doc-nav a:hover,.legal-nav a:hover,.legal-nav a.active{background:var(--blue-tintbg);border-color:var(--blue-tintln);color:var(--blue-100)}
.tbl th{background:#111113}
.tbl td,.tbl th{border-color:var(--line)}
.compare-panel.bad{background:#101012}
.input{background:#0d0d0f;color:#fff;border-color:var(--line)}
.input::placeholder{color:var(--ink-3)}

.footer{
  background:#050505;
  border-top:1px solid var(--line);
  color:var(--ink-2);
}
.footer-brand .brand .wm{color:#fff}
.footer-brand p,.disclaimer,.footer-bottom .legal{color:var(--ink-3)}
.fcol h3{color:var(--blue-100)}
.fcol a{color:var(--ink-2)}
.fcol a span{color:var(--blue-100)}
.fcol a:hover,.footer-bottom .legal a:hover{color:#fff}

.reveal{opacity:1;transform:none;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}

/* ============================================================
   35. LOWERCASE MINIMAL PASS
   ============================================================ */
body::before{
  background:linear-gradient(180deg, rgba(1,45,255,.07), rgba(1,45,255,0) 70%);
  opacity:.8;
}

.nav{
  background:rgba(7,7,7,.96);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.nav-inner{padding-block:14px}
.nav .brand{gap:0}
.brand-sub{display:none!important}
.brand-word{font-size:30px;font-weight:600;letter-spacing:-.035em}
.brand-word .dot{color:currentColor}
.nav-links{gap:24px}
.nav-links a{
  padding:4px 0;
  font-size:15px;
  line-height:1.2;
  color:rgba(255,255,255,.62);
  text-transform:none;
}
.nav-links a::after{display:none}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-cta{
  margin-left:4px!important;
  padding:4px 0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:var(--font-body)!important;
  font-weight:500!important;
  transform:none!important;
}
.nav-cta::before{display:none!important}
.nav-cta:hover{background:transparent!important;transform:none!important}

.kicker,.num,.p-card .p-type,.mode-block .mode-number,.v-type,.release-date,
.about-stat .label,.trust-row,.proof-item span,.watch-fact span,.doc-nav a,.legal-nav a,
.spec h4,.specrow .k,.mode .mk .n,.mode .key,.demo-cap .lbl,.compat-item .s,
.priceblock .was,.mobile-buy .price small,.pc-note,.watch-media .cap{
  font-family:var(--font-body);
  font-size:14px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:rgba(255,255,255,.50);
}
.sec-head .kicker,.next-body .kicker{margin-bottom:10px}

.btn{
  border-radius:5px;
  box-shadow:none;
  font-family:var(--font-body);
  font-size:15.5px;
  font-weight:600;
  letter-spacing:0;
  min-height:46px;
  padding:13px 20px;
  text-transform:none;
}
.btn:hover{transform:none}
.btn-blue,.btn-white{box-shadow:none}
.btn-blue:hover{box-shadow:none}
.btn-ghost,.btn-ghost-light{
  background:transparent;
  box-shadow:none;
  border:1px solid rgba(255,255,255,.18);
}
.btn-ghost:hover,.btn-ghost-light:hover{
  background:transparent;
  box-shadow:none;
  border-color:rgba(255,255,255,.72);
  transform:none;
}
.hero-text-link,.quiet-link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  color:#fff;
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
}
.hero-text-link:hover,.quiet-link:hover{text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:6px;text-decoration-thickness:1px}

.tagrow{gap:10px 18px}
.chip{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(255,255,255,.54);
  font-family:var(--font-body);
  font-size:14px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}
.chip.live{background:transparent;border:0;color:rgba(255,255,255,.70)}
.chip.live::before{display:none}
.quiet-meta{
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  color:rgba(255,255,255,.54);
  font-size:14px;
  line-height:1.4;
}

.hero::after{
  background:linear-gradient(180deg, rgba(1,45,255,.09), rgba(1,45,255,0) 54%);
  opacity:1;
}
.home-lab-hero .hero-inner{
  min-height:min(700px,calc(100svh - var(--nav-h)));
  padding-block:clamp(62px,8vw,106px);
}
.home-lab-hero .hero-copy{max-width:560px}
.hero h1{
  font-size:clamp(54px,7.6vw,104px);
  font-weight:600;
  line-height:.92;
  margin-bottom:24px;
}
.hero-lede{
  font-size:clamp(17px,1.7vw,20px);
  max-width:38ch;
  margin-bottom:28px;
}
.lab-stack{gap:12px}
.lab-card:hover{transform:translateY(-1px)}
.lab-card img,.lab-card video{
  border-radius:5px;
  box-shadow:0 38px 90px -62px rgba(0,0,0,.98);
}
.lab-title{
  font-size:clamp(19px,2vw,25px);
  font-weight:500;
}

.demo-strip{
  background:#070707;
  border-top:1px solid rgba(255,255,255,.08);
}
.demo-strip-inner{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:clamp(24px,5vw,62px);
  align-items:center;
}
.demo-strip-copy{display:grid;gap:12px;align-content:center}
.demo-strip-copy h2{
  font-size:clamp(28px,4.2vw,52px);
  font-weight:600;
  line-height:1;
}
.demo-strip-copy p{color:var(--ink-2);max-width:34ch}
.youtube-preview{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:0;
  border-radius:5px;
  background:#050505;
  padding:0;
  box-shadow:0 36px 82px -58px rgba(0,0,0,.98);
}
.youtube-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
  transition:transform .35s var(--ease),filter .35s var(--ease);
}
.youtube-preview::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.34), rgba(0,0,0,0) 58%);
}
.youtube-preview:hover img{transform:scale(1.035);filter:saturate(1.06)}
.youtube-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#fff;
  transform:translate(-50%,-50%);
  box-shadow:0 16px 42px -24px rgba(0,0,0,.95);
}
.youtube-play::before{
  content:"";
  position:absolute;
  left:26px;
  top:21px;
  width:0;
  height:0;
  border-block:11px solid transparent;
  border-left:17px solid #050505;
}
.youtube-caption{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  color:#fff;
  font-size:15px;
  font-weight:600;
}
.sndwch-strip .demo-strip-copy{gap:12px}
.sndwch-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  align-items:center;
}
.sndwch-preview{
  display:grid;
  place-items:center;
  background:
    radial-gradient(78% 120% at 50% 50%, rgba(1,45,255,.18), rgba(1,45,255,0) 64%),
    #050505;
}
.sndwch-preview img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
  object-position:center;
  transform:none;
}
.sndwch-preview::after{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,0) 34%),
    linear-gradient(0deg, rgba(0,0,0,.36), rgba(0,0,0,0) 54%);
}
.sndwch-preview:hover img{
  transform:none;
  filter:saturate(1.05);
}
.youtube-modal{
  position:fixed;
  inset:0;
  z-index:300;
  display:grid;
  place-items:center;
  padding:clamp(16px,4vw,46px);
  background:rgba(0,0,0,.82);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s var(--ease);
}
.youtube-modal.is-open{opacity:1;pointer-events:auto}
.youtube-modal-panel{
  position:relative;
  width:min(1120px,100%);
  transform:translateY(10px);
  transition:transform .18s var(--ease);
}
.youtube-modal.is-open .youtube-modal-panel{transform:none}
.youtube-frame{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:5px;
  background:#050505;
}
.youtube-frame iframe,
.youtube-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}
.youtube-frame video{object-fit:contain;background:#050505}
.youtube-close{
  position:absolute;
  right:0;
  top:-46px;
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
}
.youtube-close::before,.youtube-close::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:16px;
  height:2px;
  background:#fff;
  border-radius:999px;
}
.youtube-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.youtube-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
body.youtube-modal-open{overflow:hidden}

.product-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.product-list .p-card{
  min-height:calc(100svh - var(--nav-h));
  display:grid;
  grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);
  column-gap:clamp(24px,5vw,62px);
  align-items:center;
  padding:clamp(30px,5vw,58px) 0;
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.product-list .p-card:last-child{border-bottom:1px solid rgba(255,255,255,.10)}
.product-list .p-card::before,.product-list .p-card::after{display:none}
.product-list .p-card:hover{transform:none;border-color:rgba(255,255,255,.20)}
.product-list .p-media{
  grid-row:1 / span 5;
  margin:0;
  border:0;
  border-radius:5px;
  background:#050505;
  box-shadow:0 36px 82px -60px rgba(0,0,0,.98);
}
.product-list .p-card .p-type{
  margin-bottom:10px;
  color:rgba(255,255,255,.48);
}
.product-list .p-card h3{
  font-size:clamp(30px,4.8vw,58px);
  font-weight:600;
  line-height:.96;
  margin-bottom:14px;
}
.product-list .p-card .desc{
  font-size:16px;
  max-width:54ch;
  color:rgba(255,255,255,.66);
}
.product-list .p-card .quiet-meta{margin:0 0 22px}
.product-list .p-bottom{
  align-items:center;
  border:0;
  padding-top:0;
  margin-top:0;
}
.p-card.is-coming{background:transparent;border-color:rgba(255,255,255,.10)}
.p-card.is-coming .p-media{border-bottom:0}
.p-card.is-coming .p-media img{object-fit:contain}
.p-card.is-coming .launchblock{gap:4px}

.product-card::before,.p-card::before{display:none}
.product-card{
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.spec{
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mode{
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mode:hover,.mode:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.22);
  background:transparent;
  box-shadow:none;
}
.mode-demo{
  border:0;
  border-radius:5px;
  box-shadow:0 28px 70px -56px rgba(0,0,0,.95);
}
.mode .key{
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
}
.priceblock .intro{
  padding:0;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.52);
  font-family:var(--font-body);
  letter-spacing:0;
  text-transform:none;
}

.next-card.sndwch-next{
  grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);
  gap:clamp(24px,5vw,62px);
  padding-block:clamp(34px,5vw,66px);
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.next-card.sndwch-next::before{display:none}
.next-body{padding:0}
.next-body p{font-size:17px}
.sndwch-next .next-body .blue{color:#fff}
.sndwch-next .next-body .quiet-meta{margin:0 0 26px}
.next-visual,.sndwch-visual{
  min-height:0;
  padding:0;
  background:transparent;
}
.sndwch-visual::after{display:none}
.sndwch-visual .badge{display:none}
.sndwch-shot{
  width:100%;
  max-width:860px;
  border:0;
  border-radius:5px;
  box-shadow:0 42px 92px -64px rgba(0,0,0,.98);
}

.notify-strip{
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  padding-inline:0;
}
.finalcta .quiet-meta{justify-content:center;margin-top:24px}
.footer{background:#050505}
.fcol h3{
  font-family:var(--font-body);
  font-size:14px;
  letter-spacing:0;
  text-transform:none;
  color:rgba(255,255,255,.54);
  margin-bottom:12px;
}
.fcol a,.footer-brand p{font-size:15px}
.fcol a span{color:rgba(255,255,255,.42)}
.crumb{
  font-family:var(--font-body);
  font-size:14px;
  letter-spacing:0;
  text-transform:none;
}
.crumb .sep{color:rgba(255,255,255,.28)}
main,.nav,.footer{text-transform:lowercase}
code,pre,kbd,samp,input,textarea,select{text-transform:none}

@media (max-width:860px){
  .nav-links{
    gap:0;
    padding:8px var(--pad) 14px;
    background:rgba(7,7,7,.98);
  }
  .nav-links a{
    min-height:44px;
    padding:10px 0;
    border-top:1px solid rgba(255,255,255,.07);
  }
  .nav-cta{margin:0!important}
  .demo-strip-inner,
  .product-list .p-card,
  .next-card.sndwch-next{
    grid-template-columns:1fr;
  }
  .product-list .p-media{grid-row:auto}
  .product-list .p-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
}
@media (max-width:640px){
  .hero h1{font-size:clamp(46px,13vw,58px)}
  .home-lab-hero .hero-inner{padding-block:50px 58px}
  .hero-cta{gap:16px}
  .btn{width:auto;white-space:normal}
  .youtube-play{width:54px;height:54px}
  .youtube-play::before{left:22px;top:18px;border-block-width:9px;border-left-width:15px}
  .youtube-close{right:0;top:-42px}
}

/* ============================================================
   36. FULL-SCREEN PRODUCT SCENES
   ============================================================ */
.keep-case{text-transform:none}
.nav-inner{
  min-height:58px;
  padding-block:10px;
}
.brand-word{
  font-size:24px;
  font-weight:650;
  letter-spacing:-.03em;
}
.nav-links a,.nav-cta{font-size:14px}

.home-screen{
  min-height:calc(100svh - var(--nav-h));
  display:flex;
  align-items:center;
  padding-block:clamp(72px,8vw,116px);
}
.home-screen > .wrap{width:100%}
.home-screen .sec-head{
  margin-bottom:clamp(26px,4vw,48px);
  max-width:900px;
}
.home-screen .sec-head h2,
.tool-copy h2,
.philo-body h2,
.compat-copy h2,
.next-body h2{
  font-size:clamp(48px,7vw,94px);
  line-height:.92;
  font-weight:600;
  letter-spacing:-.02em;
}

.home-lab-hero .hero-inner{
  min-height:calc(100svh - var(--nav-h));
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:clamp(34px,5vw,82px);
  padding-block:clamp(52px,7vw,94px);
}
.home-lab-hero .hero-copy{max-width:620px}
.hero h1{
  font-size:clamp(70px,8.8vw,132px);
  line-height:.87;
  font-weight:650;
}
.hero-lede{
  max-width:36ch;
  font-size:clamp(18px,1.8vw,22px);
}
.lab-card img{
  width:min(100%,920px);
  margin-left:auto;
}
.lab-title{
  width:min(100%,920px);
  margin-left:auto;
  font-size:clamp(24px,2.4vw,34px);
}

.demo-strip-inner{
  grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr);
  gap:clamp(34px,6vw,92px);
}
.demo-strip-copy h2{font-size:clamp(48px,6.6vw,92px)}
.demo-strip-copy p{
  max-width:36ch;
  font-size:clamp(17px,1.7vw,21px);
}
.youtube-preview{
  min-height:clamp(280px,48vw,680px);
  aspect-ratio:16/9;
}

.tool-showcase{
  display:grid;
  grid-template-columns:minmax(320px,.54fr) minmax(0,1.46fr);
  gap:clamp(34px,6vw,92px);
  align-items:center;
}
.tool-copy{order:1}
.tool-media{order:2}
.tool-media video{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  border-radius:5px;
  background:#050505;
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98);
}
.tool-copy{
  display:grid;
  gap:16px;
  align-content:center;
}
.tool-copy .one-liner{
  font-size:clamp(22px,2.5vw,34px);
  line-height:1.1;
  color:#fff;
  max-width:24ch;
}
.tool-copy .desc{
  max-width:38ch;
  color:var(--ink-2);
  font-size:clamp(16px,1.6vw,20px);
}
.screen-actions{
  display:flex;
  align-items:center;
  gap:18px 24px;
  flex-wrap:wrap;
  margin-top:8px;
}

.modes-screen .modes-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,30px);
}
.modes-screen .mode{
  position:relative;
  padding:0;
  border-top:0;
  display:grid;
  gap:14px;
}
.modes-screen .mode .mk{order:2;margin:0}
.modes-screen .mode h3{
  order:3;
  font-size:clamp(24px,2.8vw,38px);
  margin:0;
}
.modes-screen .mode p{
  order:4;
  margin:0;
  color:rgba(255,255,255,.62);
}
.modes-screen .mode-demo{
  order:1;
  position:relative;
  overflow:hidden;
  border-radius:5px;
}

.modes-screen .mode-trigger{
  position:absolute;
  inset:0;
  z-index:4;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  color:transparent;
  cursor:pointer;
}

.modes-screen .mode-trigger:focus-visible{
  outline:2px solid rgba(255,255,255,.76);
  outline-offset:6px;
}
.modes-screen .mode-demo::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#fff;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.modes-screen .mode-demo::before{
  content:"";
  position:absolute;
  left:calc(50% - 5px);
  top:50%;
  z-index:2;
  border-block:10px solid transparent;
  border-left:16px solid #050505;
  transform:translateY(-50%);
  pointer-events:none;
}
.modes-screen .mode-demo video{
  aspect-ratio:16/9;
  object-fit:cover;
}
.mode-modal{
  background:rgba(0,0,0,.82);
}
.mode-modal::before{display:none}
.mode-modal-panel{
  width:min(1120px,100%);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.mode-modal-head{
  padding:0 0 18px;
}
.mode-modal-video{padding:0}
.mode-modal-video video{
  max-height:74vh;
  aspect-ratio:16/9;
  border-radius:5px;
}

.point-screen .philo{
  grid-template-columns:1fr;
  gap:clamp(16px,2.4vw,30px);
  align-items:start;
}
.philo-aside .sig{
  font-size:18px!important;
  font-weight:600;
}
.philo-aside .sig span:last-child{
  font-family:var(--font-body);
  font-size:16px;
  letter-spacing:0;
}
.philo-points{
  grid-template-columns:1fr 1fr;
  gap:22px 34px;
}
.philo-points li{gap:14px}
.philo-points .pn{
  font-family:var(--font-body);
  color:rgba(255,255,255,.40);
}

.compat-screen .compat-grid{
  grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);
  gap:clamp(34px,6vw,92px);
  align-items:center;
}
.compat-copy p{
  font-size:clamp(17px,1.8vw,22px);
  max-width:42ch;
}
.compat-copy .disc{
  font-family:var(--font-body);
  letter-spacing:0;
  text-transform:none;
  font-size:15px;
  max-width:54ch;
  color:rgba(255,255,255,.56);
}
.compat-list{
  gap:0;
  border-top:1px solid rgba(255,255,255,.12);
}
.compat-item{
  border:0;
  border-bottom:1px solid rgba(255,255,255,.12);
  border-radius:0;
  background:transparent;
  padding:22px 0;
}
.compat-item svg{display:none}
.compat-item .h{font-size:clamp(22px,2.3vw,32px)}

.sndwch-screen .next-card.sndwch-next{
  min-height:0;
  grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);
  align-items:center;
  padding-block:0;
  border:0;
}
.sndwch-screen .sndwch-shot{
  max-width:none;
}
.sndwch-screen .next-body p{
  max-width:38ch;
  font-size:clamp(17px,1.7vw,21px);
}

.footer{
  padding-block:clamp(58px,8vw,92px) 32px;
}
.footer-top{
  grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(160px,.7fr));
  gap:clamp(28px,5vw,70px);
}
.footer-brand .brand .wm{font-size:22px}
.footer-brand p{
  max-width:34ch;
  line-height:1.55;
}
.fcol{
  gap:6px;
  align-content:start;
}
.fcol h3{
  margin:0 0 14px;
}
.fcol a{
  width:100%;
  justify-content:space-between;
  gap:14px;
  padding:4px 0;
}
.footer-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
}
.disclaimer{
  max-width:92ch;
  color:rgba(255,255,255,.38);
}

@media (max-width:980px){
  .home-lab-hero .hero-inner,
  .demo-strip-inner,
  .tool-showcase,
  .compat-screen .compat-grid,
  .sndwch-screen .next-card.sndwch-next{
    grid-template-columns:1fr;
  }
  .lab-card img,.lab-title{width:100%;margin-left:0}
  .tool-media{order:2}
  .tool-copy{order:1}
  .modes-screen .modes-grid{grid-template-columns:1fr}
  .point-screen .philo{grid-template-columns:1fr}
  .philo-points{grid-template-columns:1fr}
}
@media (max-width:700px){
  .home-screen{
    min-height:auto;
    padding-block:clamp(68px,14vw,96px);
  }
  .home-lab-hero .hero-inner{min-height:calc(100svh - var(--nav-h))}
  .brand-word{font-size:22px}
  .nav-links a,.nav-cta{font-size:15px}
  .hero h1{font-size:clamp(64px,18vw,82px)}
  .home-screen .sec-head h2,
  .tool-copy h2,
  .philo-body h2,
  .compat-copy h2,
  .next-body h2{
    font-size:clamp(42px,13vw,62px);
  }
  .tool-copy .one-liner{
    max-width:15.5ch;
    font-size:clamp(21px,5.8vw,26px);
  }
  .tool-copy .desc{
    max-width:30ch;
  }
  .youtube-preview{min-height:auto}
  .screen-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-top{
    grid-template-columns:1fr;
    gap:28px;
  }
  .footer-bottom{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   37. TYPOGRAPHY UNIFICATION
   ============================================================ */
:root{
  --font-display:"Inter",system-ui,-apple-system,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"Inter",system-ui,-apple-system,sans-serif;
}

body,
button,
input,
textarea,
select,
h1,h2,h3,h4,h5,
.brand,
.brand-word,
.wm,
.btn,
.kicker,
.num,
.chip,
.quiet-meta,
.hero-text-link,
.quiet-link,
.priceblock .now,
.priceblock .was,
.priceblock .intro,
.specrow .v,
.mode .mk .n,
.mode .key,
.philo-aside .sig,
.philo-aside .sig span,
.philo-points .pn,
.compat-item .h,
.compat-item .s,
.compat-copy .disc,
.next-note,
.footer,
.fcol h3,
.fcol a,
.crumb,
.status-bar-inner,
.demo-tab,
.demo-cap .lbl,
.watch-media .cap,
.v-type,
.doc-nav a,
.legal-nav a,
.prose .meta,
.release-date,
.about-stat .label,
.about-stat .value,
.mobile-buy .price,
.mobile-buy .price small{
  font-family:var(--font-body)!important;
}

.kicker,
.num,
.chip,
.mode .mk .n,
.mode .key,
.fcol h3,
.crumb,
.status-bar-inner,
.demo-cap .lbl,
.watch-media .cap,
.v-type,
.doc-nav a,
.legal-nav a,
.prose .meta,
.release-date,
.about-stat .label,
.trust-row{
  letter-spacing:0!important;
  text-transform:none!important;
}

/* ============================================================
   38. STICKY HEADER + WIDE FILL POLISH
   ============================================================ */
.nav{
  position:fixed;
  inset:0 0 auto;
  width:100%;
  height:var(--nav-h);
  background:rgba(5,5,5,.92);
  border-bottom:1px solid rgba(255,255,255,.08);
  z-index:500;
  transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);
}
.nav.is-scrolled{
  background:rgba(5,5,5,.985);
  border-bottom-color:rgba(255,255,255,.12);
}
.nav-inner{
  max-width:none;
  height:var(--nav-h);
  padding:0 clamp(18px,3.4vw,70px);
}
.brand-word{
  font-size:20px;
  font-weight:650;
}
.nav-links{
  gap:clamp(16px,1.9vw,30px);
}
.nav-links a,.nav-cta{
  font-size:13.5px;
  opacity:.72;
  transition:opacity .16s var(--ease),color .16s var(--ease);
}
.nav-links a:hover,
.nav-links a.active,
.nav-cta:hover{
  opacity:1;
}
main{padding-top:var(--nav-h)}

.home-lab-hero .hero-inner,
.home-screen > .wrap{
  max-width:min(1760px,100%);
  padding-inline:clamp(24px,5.2vw,118px);
}
.home-lab-hero .hero-inner{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
}
.hero h1{
  font-size:clamp(86px,9.4vw,188px);
  line-height:.84;
  max-width:14ch;
}
.hero-lede{
  font-size:clamp(19px,1.7vw,24px);
  max-width:34ch;
}
.lab-card img,
.lab-title{
  width:100%;
  max-width:none;
}
.lab-card img{
  transition:transform .45s var(--ease),filter .45s var(--ease);
}
.lab-card:hover img{
  transform:translateY(-3px) scale(1.012);
}

.demo-strip-inner{
  grid-template-columns:minmax(280px,.48fr) minmax(0,1.52fr);
  gap:clamp(42px,6.4vw,120px);
}
.demo-strip-copy h2{
  font-size:clamp(54px,6.8vw,126px);
  line-height:.88;
}
.youtube-preview{
  aspect-ratio:16/9;
  min-height:0;
  height:auto;
}

@media (min-width:1600px){
  .home-lab-hero .hero-inner,
  .home-screen > .wrap{
    padding-inline:clamp(72px,7vw,160px);
  }
}
@media (max-width:980px){
  .home-lab-hero .hero-inner,
  .demo-strip-inner{
    grid-template-columns:1fr;
  }
  .hero h1{
    max-width:14ch;
  }
}
@media (max-width:700px){
  .nav-inner{padding-inline:24px}
  .brand-word{font-size:20px}
  .hero h1{
    font-size:clamp(64px,17.2vw,86px);
    max-width:14ch;
  }
  .home-lab-hero .hero-inner,
  .home-screen > .wrap{
    padding-inline:24px;
  }
  .demo-strip-copy h2{
    font-size:clamp(46px,12.6vw,68px);
    max-width:7.6ch;
  }
}

/* ============================================================
   39. MODE GALLERY + FOOTER FINISH
   ============================================================ */
.mode-modal{
  z-index:900;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(18px,4vw,64px);
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(8px);
}
.mode-modal:not(.is-open) .mode-modal-track{display:none}
.mode-modal.is-open .mode-modal-track{display:flex}
.mode-modal-panel{
  width:min(1500px,calc(100vw - clamp(36px,8vw,128px)));
  height:min(84svh,920px);
  max-height:none;
  display:block;
  overflow:visible;
  background:transparent;
  border:0!important;
  border-radius:0;
  box-shadow:none;
}
.mode-modal-track{
  height:100%;
  display:flex;
  gap:clamp(18px,3vw,34px);
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  outline:0;
}
.mode-modal-track::-webkit-scrollbar{display:none}
.mode-modal-slide{
  flex:0 0 100%;
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  align-content:center;
  gap:clamp(18px,2.4vw,30px);
  scroll-snap-align:center;
  opacity:.36;
  transform:scale(.965);
  transition:opacity .28s var(--ease),transform .28s var(--ease);
}
.mode-modal-slide.is-active{
  opacity:1;
  transform:none;
}
.mode-modal-head{
  padding:0!important;
  max-width:min(900px,100%);
}
.mode-modal-head .kicker{display:none!important}
.mode-modal-head h3{
  margin:0 0 10px!important;
  color:#fff;
  font-size:clamp(42px,6vw,92px);
  line-height:.9;
  letter-spacing:0;
}
.mode-modal-head p{
  max-width:58ch;
  color:rgba(255,255,255,.72);
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.35;
}
.mode-modal-video{
  min-height:0;
  padding:0!important;
  width:min(100%,1320px);
  aspect-ratio:16/9;
  position:relative;
}
.mode-modal-video video{
  width:100%;
  height:100%;
  max-height:none!important;
  aspect-ratio:16/9!important;
  display:block;
  object-fit:cover;
  border:0!important;
  border-radius:6px!important;
  background:#050505;
  box-shadow:0 56px 120px -76px rgba(0,0,0,.96);
}
.mode-modal-close{
  top:-58px;
  right:0;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.07);
  box-shadow:none;
}
.mode-modal-close:hover,
.mode-modal-close:focus-visible{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.42)!important;
  transform:none;
  box-shadow:none;
}
.mode-modal-close:active{transform:scale(.96)}
.mode-modal-nav{
  position:absolute;
  top:50%;
  z-index:4;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  transform:translateY(-50%);
  transition:background .18s var(--ease),border-color .18s var(--ease),opacity .18s var(--ease);
}
.mode-modal-nav:hover,
.mode-modal-nav:focus-visible{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.36);
}
.mode-modal-prev{left:-68px}
.mode-modal-next{right:-68px}
.mode-modal-nav::before{
  content:"";
  width:11px;
  height:11px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
}
.mode-modal-prev::before{transform:translateX(2px) rotate(-135deg)}
.mode-modal-next::before{transform:translateX(-2px) rotate(45deg)}
.modes-screen .mode{
  border-top-color:rgba(255,255,255,.08);
}
.modes-screen .mode:hover,
.modes-screen .mode:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.18);
}

.tool-showcase{
  grid-template-columns:minmax(0,1.34fr) minmax(360px,.66fr);
}
.tool-media{order:1}
.tool-copy{order:2}
.tool-copy h2{
  max-width:10.6ch;
  font-size:clamp(58px,5.6vw,96px);
  line-height:.88;
}
.tool-copy .one-liner,
.tool-copy .desc{
  max-width:34ch;
}

.footer{
  border-top:1px solid rgba(255,255,255,.08);
  padding-block:clamp(76px,9vw,126px) 36px;
}
.footer .wrap{
  max-width:min(1760px,100%);
  padding-inline:clamp(24px,5.2vw,118px);
}
.footer-top{
  grid-template-columns:minmax(360px,1.28fr) repeat(3,minmax(190px,.72fr));
  gap:clamp(42px,6.4vw,112px);
  align-items:start;
}
.footer .brand-mark{display:none}
.footer-brand .brand{
  margin-bottom:clamp(22px,2.4vw,34px);
}
.footer-brand .brand .wm{
  font-size:clamp(30px,2.7vw,44px);
  font-weight:650;
  letter-spacing:0;
}
.footer-brand .brand .wm .dot{color:#fff}
.footer-brand p{
  max-width:35ch;
  color:rgba(255,255,255,.58);
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.38;
}
.fcol{
  gap:7px;
}
.fcol h3{
  margin:0 0 clamp(16px,1.7vw,24px);
  color:rgba(255,255,255,.52);
  font-size:14px;
  font-weight:650;
}
.fcol a{
  width:100%;
  display:flex;
  justify-content:flex-start;
  gap:16px;
  color:rgba(255,255,255,.76);
  font-size:clamp(16px,1.1vw,18px);
  line-height:1.22;
  padding:6px 0;
}
.fcol a:hover{color:#fff}
.fcol a span{
  margin-left:auto;
  color:rgba(255,255,255,.42);
}
.footer-bottom{
  margin-top:clamp(62px,7vw,104px);
  padding-top:24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  border-top-color:rgba(255,255,255,.12);
}
.disclaimer{
  max-width:106ch;
  color:rgba(255,255,255,.42);
  font-size:13.5px;
  line-height:1.45;
}
.footer-bottom .legal{
  gap:22px;
  font-size:13.5px;
}

@media (max-width:980px){
  .mode-modal-panel{
    width:min(100%,calc(100vw - 36px));
    height:min(82svh,780px);
  }
  .mode-modal-nav{
    top:auto;
    bottom:-58px;
    transform:none;
  }
  .mode-modal-prev{left:0}
  .mode-modal-next{right:0}
  .footer-top{
    grid-template-columns:1fr 1fr;
    gap:36px clamp(24px,6vw,54px);
  }
  .footer-brand{grid-column:1/-1}
  .footer-brand p{max-width:42ch}
  .tool-media{order:2}
  .tool-copy{order:1}
  .tool-showcase{grid-template-columns:1fr}
}
@media (max-width:700px){
  .mode-modal{
    align-items:flex-start;
    padding:72px 18px 86px;
  }
  .mode-modal-panel{
    width:100%;
    height:min(76svh,680px);
  }
  .mode-modal-close{
    top:-54px;
  }
  .mode-modal-head h3{
    font-size:clamp(40px,12vw,62px);
  }
  .mode-modal-head p{
    font-size:16px;
  }
  .footer .wrap{
    padding-inline:24px;
  }
  .footer-top{
    grid-template-columns:1fr;
    gap:32px;
  }
  .footer-bottom{
    grid-template-columns:1fr;
  }
  .footer-brand .brand .wm{
    font-size:34px;
  }
}

/* ============================================================
   40. COHERENCE PASS: SNAP, HEADER, FOOTER, FULL MEDIA
   ============================================================ */
html{
  scroll-padding-top:var(--nav-h);
}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  html{scroll-snap-type:y proximity}
  main > header,
  main > section,
  .product-list > .p-card,
  .footer{
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
}

.nav{
  background:rgba(5,5,5,.955);
  backdrop-filter:blur(14px);
}
.nav-inner{
  padding-inline:clamp(24px,3.4vw,70px);
}
.nav .brand{
  min-height:var(--nav-h);
}
.brand-mark{display:none!important}
.brand-word{
  font-size:15px!important;
  font-weight:650;
  letter-spacing:0;
  opacity:.92;
}
.brand-word .dot{color:inherit!important}
.nav-links a,
.nav-cta{
  font-size:13.5px!important;
  font-weight:650!important;
  opacity:.68;
}
.nav-links a:hover,
.nav-links a.active,
.nav-cta:hover{
  opacity:.96;
}

.tool-showcase{
  grid-template-columns:minmax(320px,.56fr) minmax(0,1.44fr);
}
.tool-copy{order:1}
.tool-media{order:2}
.tool-media video,
.modes-screen .mode-demo video,
.product-list .p-media video,
.demo-stage video,
.demo-stage .poster,
.watch-media video,
.mode-media video,
.lab-card video{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1280/408!important;
  object-fit:contain!important;
  background:#050505;
}
.tool-media video{
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98);
}
@media (min-width:1100px){
  .tool-screen .tool-showcase{
    grid-template-columns:minmax(500px,.68fr) minmax(0,1.32fr);
    gap:clamp(52px,5vw,104px);
  }
  .tool-screen .tool-copy{
    min-width:0;
  }
  .tool-screen .tool-copy h2{
    max-width:min(100%,12.3ch);
    font-size:clamp(54px,4.8vw,86px);
    line-height:.9;
  }
  .tool-screen .tool-copy .one-liner{
    max-width:22ch;
  }
}
.modes-screen .mode-demo{
  background:#050505;
}
.mode-modal-video{
  width:min(100%,1420px);
  aspect-ratio:1280/408!important;
}
.mode-modal-video video{
  aspect-ratio:1280/408!important;
  object-fit:contain!important;
}
.mode-video-toggle{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:3;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(5,5,5,.76);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:13px;
  font-weight:650;
  box-shadow:0 14px 34px -22px rgba(0,0,0,.95);
}
.mode-video-toggle:hover,
.mode-video-toggle:focus-visible{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.42);
}

.product-list{
  gap:0;
  width:min(1760px,calc(100vw - clamp(48px,10.4vw,236px)));
  margin-left:50%;
  transform:translateX(-50%);
}
.product-list .p-card{
  max-width:none;
  min-height:calc(100svh - var(--nav-h));
  grid-template-columns:minmax(320px,.6fr) minmax(0,1.4fr);
  column-gap:clamp(38px,6.4vw,118px);
  padding-block:clamp(64px,8vw,118px);
  align-items:center;
}
.product-list .p-media{
  grid-column:2;
  grid-row:1 / span 6;
  width:100%;
  aspect-ratio:1280/408!important;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#050505;
  overflow:visible;
  box-shadow:0 46px 112px -76px rgba(0,0,0,.98);
}
.product-list .p-card:first-child{
  border-top:0;
}
.product-list .p-media img,
.product-list .p-media video{
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.product-list .p-card.is-coming .p-media{
  aspect-ratio:1920/944!important;
  background:transparent;
}
.product-list .p-card .p-type{
  font-size:15px;
  color:rgba(255,255,255,.48);
}
.product-list .p-card h3{
  font-size:clamp(32px,3.2vw,52px);
  line-height:.92;
  letter-spacing:0;
  max-width:14ch;
  overflow-wrap:normal;
}
.product-list .p-card .desc{
  font-size:clamp(18px,1.55vw,24px);
  line-height:1.32;
  max-width:36ch;
}
.product-list .quiet-meta{
  gap:10px 22px;
  max-width:52ch;
}
.product-list .p-bottom{
  width:100%;
  gap:24px;
}

.footer{
  background:#050505;
  border-top:1px solid rgba(255,255,255,.1);
}
.footer .wrap{
  max-width:min(1760px,100%);
}
.footer-brand .brand{
  display:none!important;
}
.footer-brand{
  padding-top:calc(14px + clamp(16px,1.7vw,24px) + 6px);
}
.footer-brand p{
  max-width:34ch;
  color:rgba(255,255,255,.62);
  font-size:clamp(16px,1.1vw,19px);
  line-height:1.42;
}
.footer-top{
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
  gap:clamp(42px,7vw,128px);
}
.fcol h3{
  color:rgba(255,255,255,.5);
  font-size:14px;
  margin:0 0 22px;
}
.fcol a{
  font-size:clamp(16px,1.05vw,18px);
  line-height:1.22;
  padding-block:7px;
}
.footer-bottom{
  margin-top:clamp(62px,7vw,96px);
}

@media (max-width:980px){
  .tool-showcase,
  .product-list .p-card{
    grid-template-columns:1fr;
  }
  .tool-media,
  .product-list .p-media{
    grid-column:auto;
    grid-row:auto;
  }
  .product-list{
    width:100%;
    margin-left:0;
    transform:none;
  }
  .footer-brand{
    padding-top:0;
  }
}
@media (max-width:700px){
  html{scroll-snap-type:none}
  .youtube-modal:not(.is-open),
  .mode-modal:not(.is-open){
    display:none!important;
  }
  .youtube-modal,
  .mode-modal{
    width:100dvw;
    max-width:100dvw;
    overflow:hidden;
  }
  .nav{
    width:100dvw;
    max-width:100dvw;
    overflow:hidden;
  }
  .nav-inner{
    width:100dvw;
    max-width:100dvw;
    min-width:0;
  }
  .nav-links{
    left:0!important;
    right:auto!important;
    width:100dvw!important;
    max-width:100dvw!important;
    min-width:0!important;
    box-sizing:border-box;
    overflow:hidden;
  }
  .nav-links a{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .product-list .p-card h3{
    font-size:clamp(46px,13vw,68px);
  }
  .product-list .p-card{
    padding-block:clamp(72px,16vw,104px);
  }
  .tool-copy .one-liner{
    max-width:15.5ch;
    font-size:clamp(21px,5.8vw,26px);
  }
  .tool-copy .desc{
    max-width:30ch;
  }
}

/* ============================================================
   41. MAGNET + TYPE COHERENCE REPAIR
   ============================================================ */
:root{
  --site-wide:min(1760px,calc(100vw - clamp(48px,10.4vw,236px)));
}

@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  html{
    scroll-snap-type:y proximity!important;
    scroll-behavior:smooth;
    scroll-padding-top:var(--nav-h);
  }
  main > header,
  main > section,
  .product-list > .p-card{
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    scroll-margin-top:var(--nav-h);
  }
  .footer{
    scroll-snap-align:end!important;
    scroll-snap-stop:normal!important;
  }
  main > section.finalcta{
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }
  body::after{
    content:"";
    display:block;
    height:1px;
    scroll-snap-align:end;
    scroll-snap-stop:normal;
  }
}
@media (max-width:899px), (prefers-reduced-motion:reduce){
  html{scroll-snap-type:none!important}
}

.home-lab-hero .hero-inner,
.home-screen > .wrap,
.footer .wrap{
  width:var(--site-wide);
  max-width:none!important;
  padding-inline:0!important;
}

.home-screen,
.home-lab-hero{
  min-height:calc(100svh - var(--nav-h));
}

.kicker,
.soft-label,
.hero-status,
.p-type,
.quiet-meta,
.priceblock .was,
.priceblock .intro,
.next-note,
.fcol h3,
.footer-bottom .legal{
  font-family:var(--font-body)!important;
  font-size:clamp(14px,.86vw,16px)!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:rgba(255,255,255,.52)!important;
}

.hero-status{
  display:block;
  margin-bottom:clamp(12px,1.5vw,18px);
}

.hero h1,
.demo-strip-copy h2,
.home-screen .sec-head h2,
.tool-copy h2,
.next-body h2,
.compat-copy h2,
.philo-body h2{
  font-family:var(--font-display)!important;
  font-weight:650!important;
  letter-spacing:0!important;
  line-height:.92!important;
}

.hero h1{
  font-size:clamp(52px,6vw,92px)!important;
}
.demo-strip-copy h2,
.home-screen .sec-head h2,
.next-body h2,
.compat-copy h2,
.philo-body h2{
  font-size:clamp(54px,5.2vw,92px)!important;
}
.tool-screen .tool-copy h2{
  max-width:min(100%,12.3ch)!important;
  font-size:clamp(54px,4.8vw,86px)!important;
}

.hero-lede,
.demo-strip-copy p,
.home-screen .sec-head p,
.tool-copy .desc,
.next-body p,
.compat-copy p,
.philo-points .pt span{
  font-family:var(--font-body)!important;
  font-size:clamp(18px,1.22vw,22px)!important;
  line-height:1.38!important;
  letter-spacing:0!important;
  color:rgba(255,255,255,.68)!important;
}
.tool-copy .one-liner{
  font-family:var(--font-body)!important;
  max-width:22ch!important;
  font-size:clamp(28px,2.5vw,40px)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  color:#fff!important;
}

.btn,
.quiet-link,
.hero-text-link,
.nav-links a,
.nav-cta,
.fcol a,
.footer-bottom .legal a{
  font-family:var(--font-body)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.btn{
  font-size:clamp(15px,.9vw,16px)!important;
  font-weight:700!important;
  border-radius:5px!important;
}
.btn-sm{
  min-height:40px!important;
  padding:10px 16px!important;
  font-size:14px!important;
  border-radius:5px!important;
}
.quiet-link,
.hero-text-link{
  font-size:clamp(15px,.9vw,16px)!important;
  font-weight:700!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:6px!important;
}

.modes-screen{
  background:#050505!important;
  border-top:1px solid rgba(255,255,255,.08);
  color:#fff;
}
.modes-screen::before{
  opacity:.08!important;
}
.modes-screen .sec-head{
  max-width:900px!important;
  margin-bottom:clamp(34px,4.8vw,72px)!important;
}
.modes-screen .modes-grid{
  gap:clamp(28px,4.2vw,72px)!important;
}
.modes-screen .mode{
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  padding:clamp(18px,1.8vw,28px) 0 0!important;
  box-shadow:none!important;
}
.modes-screen .mode:hover,
.modes-screen .mode:focus-visible{
  transform:none!important;
  border-top-color:rgba(255,255,255,.36)!important;
}
.modes-screen .mode h3{
  font-family:var(--font-display)!important;
  font-size:clamp(32px,3vw,52px)!important;
  font-weight:650!important;
  line-height:.96!important;
  letter-spacing:0!important;
}
.modes-screen .mode p{
  font-size:clamp(17px,1.08vw,19px)!important;
  line-height:1.38!important;
  color:rgba(255,255,255,.64)!important;
}
.modes-screen .mode-demo{
  border:0!important;
  border-radius:5px!important;
  box-shadow:none!important;
  margin-bottom:clamp(8px,1vw,14px)!important;
}

main > section.finalcta{
  min-height:auto!important;
  padding-block:clamp(64px,7vw,104px)!important;
  scroll-snap-align:none!important;
}
main > section.finalcta .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  padding-inline:0!important;
  align-items:flex-start!important;
}
main > section.finalcta h2{
  font-size:clamp(46px,4.8vw,76px)!important;
  line-height:.94!important;
}
main > section.finalcta p{
  font-size:clamp(18px,1.22vw,22px)!important;
  line-height:1.4!important;
  max-width:54ch!important;
}

.footer{
  padding-block:clamp(48px,5vw,72px) 30px!important;
  background:#050505!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.footer .wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(36px,4vw,56px)!important;
}
.footer-top{
  grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(170px,.7fr))!important;
  gap:clamp(46px,6.2vw,112px)!important;
  align-items:start!important;
}
.footer-brand{
  padding-top:0!important;
}
.footer-brand p{
  max-width:30ch!important;
  margin:0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:clamp(17px,1.05vw,20px)!important;
  line-height:1.38!important;
}
.fcol{
  gap:13px!important;
}
.fcol h3{
  margin:0 0 15px!important;
}
.fcol a{
  width:100%!important;
  max-width:360px!important;
  padding:0!important;
  font-size:clamp(16px,1vw,18px)!important;
  font-weight:650!important;
  line-height:1.24!important;
  color:rgba(255,255,255,.78)!important;
}
.fcol a:hover{
  color:#fff!important;
}
.fcol a:has(> span){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  gap:18px;
}
.fcol a > span{
  justify-self:end;
  color:rgba(255,255,255,.42)!important;
  white-space:nowrap;
}
.footer-bottom{
  margin-top:clamp(44px,5vw,72px)!important;
  padding-top:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:28px!important;
  align-items:start!important;
}
.disclaimer{
  max-width:92ch!important;
  color:rgba(255,255,255,.40)!important;
  font-size:clamp(13px,.78vw,14px)!important;
  line-height:1.45!important;
}
.footer-bottom .legal{
  display:flex!important;
  gap:22px!important;
  justify-content:flex-end;
}
.footer-bottom .legal a{
  color:rgba(255,255,255,.48)!important;
  font-size:14px!important;
  font-weight:650!important;
}
.footer-bottom .legal a:hover{
  color:#fff!important;
}

@media (max-width:980px){
  .footer-top,
  .footer-bottom{
    grid-template-columns:1fr!important;
  }
  .footer-bottom .legal{
    justify-content:flex-start;
  }
}

@media (max-width:700px){
  :root{--site-wide:calc(100vw - 48px)}
  .home-lab-hero .hero-inner,
  .home-screen > .wrap,
  .footer .wrap{
    width:var(--site-wide)!important;
  }
  .hero h1,
  .demo-strip-copy h2,
  .home-screen .sec-head h2,
  .tool-copy h2,
  .next-body h2,
  .compat-copy h2,
  .philo-body h2{
    font-size:clamp(44px,13vw,62px)!important;
  }
  .tool-copy .one-liner{
    max-width:15.5ch!important;
    font-size:clamp(21px,5.8vw,26px)!important;
  }
  .footer{
    padding-block:46px 28px!important;
  }
  .fcol a{
    max-width:none!important;
  }
}

/* ============================================================
   42. SITE-WIDE PAGE COHERENCE
   ============================================================ */
.sec-tight > .wrap:not(.wrap-narrow),
main > .wrap,
.doc-layout{
  width:var(--site-wide)!important;
  max-width:none!important;
}

.wrap-narrow,
.prose{
  max-width:min(900px,calc(100vw - clamp(48px,10.4vw,236px)))!important;
}

.sec-tight{
  padding-block:clamp(72px,8vw,118px)!important;
}

.divider{
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.sec-head h1,
.sec-head h2,
.pdp-copy h1,
.prose h1{
  font-family:var(--font-display)!important;
  font-size:clamp(52px,5.2vw,90px)!important;
  line-height:.92!important;
  letter-spacing:0!important;
  font-weight:650!important;
  color:#fff!important;
}
/* changelog entry titles + thank-you confirmation name are sub-heads, not page heroes */
.release h2{
  font-family:var(--font-display)!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
  font-weight:650!important;
  color:#fff!important;
}
.ty-confirm .ttl{
  font-family:var(--font-display)!important;
  font-size:clamp(19px,1.5vw,24px)!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  font-weight:650!important;
  color:#fff!important;
}

.sec-head p,
.pdp-copy .lede,
.prose p,
.prose li,
.about-prose,
.ty-confirm .sub,
.watch-copy,
.card p,
.faq-item p,
.release ul,
.check-list,
.callout{
  font-family:var(--font-body)!important;
  font-size:clamp(17px,1.08vw,20px)!important;
  line-height:1.42!important;
  color:rgba(255,255,255,.66)!important;
  letter-spacing:0!important;
}
/* long-form prose wants a more open measure */
.prose p,
.prose li{
  line-height:1.6!important;
}

.card h2,
.card h3,
.pain h3,
.proof-item strong,
.step h3,
.faq-item summary,
.mode-block h3,
.v-body h3,
.about-stat .value{
  font-family:var(--font-display)!important;
  font-size:clamp(22px,1.7vw,34px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  font-weight:650!important;
  color:#fff!important;
}

.pdp-copy .kicker,
.crumb,
.status-bar-inner,
.doc-nav a,
.legal-nav a,
.about-stat .label,
.mode-number,
.pain-num,
.release-date,
.checkout-proof,
.pc-note,
.proof-item span,
.trust-row,
.step .num,
.v-type{
  font-family:var(--font-body)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.status-bar{
  border-color:rgba(255,255,255,.08)!important;
  background:#050505!important;
}
.status-bar-inner{
  width:var(--site-wide)!important;
  max-width:none!important;
  color:rgba(255,255,255,.52)!important;
  font-size:14px!important;
}

.crumb{
  margin-bottom:clamp(26px,3vw,42px)!important;
  color:rgba(255,255,255,.46)!important;
  font-size:14px!important;
}
.crumb a:hover{
  color:#fff!important;
}

.doc-nav a,
.legal-nav a{
  border:0!important;
  background:transparent!important;
  padding:6px 0!important;
  color:rgba(255,255,255,.56)!important;
  font-size:15px!important;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.18);
  text-underline-offset:6px;
}
.doc-nav a:hover,
.legal-nav a:hover,
.legal-nav a.active{
  color:#fff!important;
  text-decoration-color:#fff;
}

.product-card,
.p-card,
.purchase-card,
.mode-block,
.proof-card,
.pain,
.compare-panel,
.release,
.about-stat,
.ty-confirm,
.ty-help,
.watch-copy,
.v-card,
.step,
.tbl-wrap,
.prose .contact-block,
.card,
.card-soft,
.feat{
  border-radius:5px!important;
  box-shadow:none!important;
}

.pdp-hero{
  min-height:calc(100svh - var(--nav-h))!important;
  align-items:center!important;
  padding-block:clamp(72px,8vw,116px)!important;
}

.pdp-copy h1{
  max-width:12ch!important;
}

.demo-stage,
.mode-media,
.watch-media,
.v-thumb{
  border-radius:5px!important;
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98)!important;
}

.mode-block{
  min-height:calc(100svh - var(--nav-h))!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  padding-block:clamp(64px,7vw,106px)!important;
}

.mode-number{
  display:none!important;
}

.products-index.sec-tight{
  padding-block:clamp(58px,6.2vw,96px) 0!important;
}
.products-index .crumb{
  margin-bottom:clamp(18px,2.1vw,30px)!important;
}
.products-index .sec-head{
  max-width:860px!important;
  margin-bottom:clamp(18px,2.5vw,34px)!important;
}
.products-index .sec-head h1{
  max-width:18ch!important;
  font-size:clamp(40px,4.4vw,64px)!important;
  line-height:1.02!important;
}
.products-index .sec-head p{
  max-width:46ch!important;
  font-size:clamp(16px,.95vw,18px)!important;
}
.products-index .product-list .p-card{
  min-height:calc(100svh - var(--nav-h))!important;
  padding-block:clamp(54px,6.5vw,92px)!important;
}

.purchase-card,
.proof-card,
.pain,
.compare-panel,
.card,
.card-soft,
.feat{
  background:transparent!important;
}
.purchase-card{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  padding:clamp(24px,2.5vw,36px) 0 0!important;
}
.checkout-proof{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:rgba(255,255,255,.62)!important;
}
.pc-note{
  color:rgba(255,255,255,.42)!important;
}

main,
main :where(.kicker,.crumb,.status-bar-inner,.demo-cap .lbl,.watch-media .cap,.trust-row,.checkout-proof,.pc-note,.chip,.p-type,.quiet-meta,.proof-item strong,.proof-item span),
.nav,
.footer{
  text-transform:lowercase!important;
}
.keep-case,
code,
.code-block,
.footer-bottom [style*="text-transform:none"]{
  text-transform:none!important;
}

@media (max-width:860px){
  .nav-toggle{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

.notify-strip,
.final-purchase,
.ty-help{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

@media (max-width:900px){
  .sec-tight > .wrap:not(.wrap-narrow),
  main > .wrap,
  .doc-layout{
    width:auto!important;
    max-width:var(--maxw)!important;
  }
  .pdp-hero,
  .mode-block{
    min-height:auto!important;
  }
}

@media (max-width:700px){
  .wrap-narrow,
  .prose{
    max-width:calc(100vw - 48px)!important;
  }
  .sec-head h1,
  .sec-head h2,
  .pdp-copy h1,
  .prose h1{
    font-size:clamp(44px,12.5vw,62px)!important;
  }
  .sec-tight{
    padding-block:clamp(56px,14vw,86px)!important;
  }
}

/* ============================================================
   43. HEADER ALIGNMENT + LINK POLISH (final pass)
   nav content lines up with the page content column on every page,
   so the brand (left) and the buy CTA (right) sit on the same
   invisible verticals as the section content — symmetric inset.
   ============================================================ */
.nav-inner{
  width:var(--site-wide)!important;
  max-width:none!important;
  padding-inline:0!important;
  margin-inline:auto!important;
}

/* left-anchor the content of the former-centered blocks to the content edge,
   so they read like the (left-aligned) hero instead of floating centered */
main > section.finalcta .wrap > *,
.wrap-center > *{
  margin-inline:0!important;
}
.wrap-center{
  align-items:flex-start!important;
  text-align:left!important;
}
.hero-inner.single{
  max-width:none!important;
}
/* one shared left rail: every page's content starts on the same vertical
   as the nav brand + homepage hero (kills the per-page double-inset drift) */
@media (min-width:901px){
  main > .wrap,
  .sec-tight > .wrap:not(.wrap-narrow){
    padding-inline:0!important;
  }
}
/* former narrow pages now use the FULL content width, like the homepage */
.wrap-narrow,
.prose{
  width:var(--site-wide)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
/* but keep long-form legal/doc prose text at a readable measure */
.prose p,
.prose li{
  max-width:80ch!important;
}
/* notify strip: group heading + buttons together (kills the huge empty middle
   that space-between created on a full-width strip) */
.notify-strip{
  justify-content:flex-start!important;
  align-items:center!important;
  gap:clamp(24px,3.5vw,56px)!important;
  flex-wrap:wrap!important;
  padding-block:clamp(28px,3.2vw,44px)!important;
}
.notify-strip h3{
  font-size:clamp(22px,1.9vw,30px)!important;
}

/* ============================================================
   44. PREMIUM SCROLL-REVEAL (pure CSS, JS-free, foolproof)
   Blocks fade/slide up as they scroll into view. Guarded by
   @supports so unsupported browsers just show content (opacity:1),
   and disabled under reduced-motion. Content can never stay hidden.
   ============================================================ */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .reveal{
      animation:reveal-up linear both;
      animation-timeline:view();
      animation-range:entry 2% entry 48%;
      will-change:opacity,transform;
    }
  }
}
@keyframes reveal-up{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}

/* ============================================================
   45. FULL-SCREEN BLOCKS ON EVERY PAGE
   Each content section fills a screen so you see one block at a
   time (with scroll-snap). Desktop only; tall prose just grows.
   ============================================================ */
@media (min-width:900px){
  main > section.sec-tight{
    min-height:calc(100svh - var(--nav-h));
    display:flex;
    flex-direction:column;
    justify-content:center;
    scroll-snap-align:start;
  }
  main > section.sec-tight > .wrap{
    width:100%;
  }
}

/* ============================================================
   46. LEGAL LONG-FORM SCROLLING
   Legal pages are reading surfaces, not snap screens. Keep the
   global section polish elsewhere, but make these pages fluid.
   ============================================================ */
html.legal-page{
  scroll-snap-type:none!important;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
  overflow-x:clip;
}
html.legal-page body{
  overflow-x:clip;
}
html.legal-page body::after{
  display:none!important;
}
html.legal-page main{
  text-transform:none!important;
}
html.legal-page main > section.sec-tight{
  min-height:auto!important;
  display:block!important;
  justify-content:normal!important;
  scroll-snap-align:none!important;
  padding-block:clamp(44px,6vw,88px) clamp(76px,9vw,132px)!important;
}
html.legal-page .prose{
  width:min(980px,calc(100vw - clamp(40px,10.4vw,236px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html.legal-page .legal-nav{
  position:sticky;
  top:var(--nav-h);
  z-index:40;
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:0 0 clamp(34px,4vw,54px)!important;
  padding:14px 0 18px!important;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#070707 0%,rgba(7,7,7,.96) 72%,rgba(7,7,7,0));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
html.legal-page .legal-nav a{
  min-height:38px;
  max-width:100%;
  padding:0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:clamp(14px,1vw,15px)!important;
  line-height:1.2!important;
  white-space:nowrap;
  text-decoration-thickness:1px;
}
html.legal-page .legal-nav a:hover,
html.legal-page .legal-nav a.active{
  color:#fff!important;
}
html.legal-page .prose .kicker{
  color:rgba(255,255,255,.50)!important;
}
html.legal-page .prose h1{
  max-width:12ch;
  margin-bottom:clamp(16px,2vw,22px)!important;
  font-size:clamp(42px,6vw,76px)!important;
  line-height:.96!important;
  text-transform:none!important;
}
html.legal-page .prose .meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  max-width:72ch;
  margin-bottom:clamp(30px,4vw,48px)!important;
  padding-bottom:clamp(18px,2vw,24px)!important;
  color:rgba(255,255,255,.46)!important;
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html.legal-page .prose p,
html.legal-page .prose li{
  max-width:72ch!important;
  font-size:clamp(16.5px,1.02vw,18.5px)!important;
  line-height:1.68!important;
  color:rgba(255,255,255,.70)!important;
  overflow-wrap:break-word;
}
html.legal-page .prose h2{
  max-width:72ch;
  margin:clamp(38px,5vw,62px) 0 14px!important;
  gap:clamp(10px,1.4vw,16px)!important;
  align-items:flex-start!important;
  font-size:clamp(23px,2.1vw,32px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html.legal-page .prose h2 .num{
  flex:0 0 auto;
  min-width:34px!important;
  padding-top:.22em;
  color:var(--blue-300)!important;
  font-size:13px!important;
  line-height:1!important;
}
html.legal-page .prose h3{
  max-width:72ch;
  margin-top:clamp(24px,3vw,34px)!important;
  font-size:clamp(18px,1.2vw,21px)!important;
  line-height:1.2!important;
  text-transform:none!important;
}
html.legal-page .prose ul{
  max-width:72ch;
  padding-left:0!important;
  margin:14px 0 20px!important;
}
html.legal-page .prose ul li{
  padding-left:26px;
}
html.legal-page .prose ul li::before{
  left:0!important;
}
html.legal-page .prose a{
  color:var(--blue-200)!important;
  text-decoration-color:rgba(169,183,255,.55);
}
html.legal-page .prose a:hover{
  color:#fff!important;
  text-decoration-color:#fff;
}
html.legal-page .prose .contact-block{
  width:min(100%,72ch);
  margin-top:clamp(42px,5vw,64px)!important;
  padding:clamp(20px,3vw,30px)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.70)!important;
  font-size:clamp(15px,1vw,17px)!important;
  line-height:1.7!important;
  overflow-wrap:break-word;
}
html.legal-page .prose .contact-block strong{
  color:#fff!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

@supports selector(::-webkit-scrollbar){
  html.legal-page::-webkit-scrollbar{
    width:10px;
  }
  html.legal-page::-webkit-scrollbar-track{
    background:#050505;
  }
  html.legal-page::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.24);
    border:3px solid #050505;
    border-radius:999px;
  }
  html.legal-page::-webkit-scrollbar-thumb:hover{
    background:rgba(255,255,255,.38);
  }
}

@media (max-width:900px){
  html.legal-page .prose{
    width:calc(100% - 48px)!important;
  }
  html.legal-page .legal-nav{
    top:var(--nav-h);
    margin-inline:-24px!important;
    padding:12px 24px 16px!important;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  html.legal-page .legal-nav::-webkit-scrollbar{
    display:none;
  }
}

@media (max-width:520px){
  html.legal-page main > section.sec-tight{
    padding-block:34px 72px!important;
  }
  html.legal-page .prose{
    width:calc(100% - 36px)!important;
  }
  html.legal-page .legal-nav{
    margin-inline:-18px!important;
    padding-inline:18px!important;
    gap:16px;
  }
  html.legal-page .prose h1{
    max-width:10ch;
    font-size:clamp(39px,11vw,52px)!important;
  }
  html.legal-page .prose .meta span[aria-hidden="true"]{
    display:none;
  }
  html.legal-page .prose h2{
    display:block!important;
    font-size:clamp(23px,7vw,30px)!important;
  }
  html.legal-page .prose h2 .num{
    display:block;
    margin-bottom:8px;
    padding-top:0;
  }
}

/* ============================================================
   47. PREMIUM SITE SCROLL LAYER
   JS owns precise desktop magnet snapping; CSS stays as a clean
   fallback and keeps ordinary scroll surfaces polished.
   ============================================================ */
html{
  scrollbar-gutter:stable;
  scrollbar-color:rgba(255,255,255,.30) #050505;
}
body{
  overscroll-behavior-y:none;
}

@supports selector(::-webkit-scrollbar){
  html::-webkit-scrollbar{
    width:10px;
  }
  html::-webkit-scrollbar-track{
    background:#050505;
  }
  html::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.24);
    border:3px solid #050505;
    border-radius:999px;
  }
  html::-webkit-scrollbar-thumb:hover{
    background:rgba(255,255,255,.42);
  }
}

@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  html.magnet-scroll-active{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    overflow-anchor:none;
  }
  html.magnet-scroll-active body,
  html.magnet-scroll-active main{
    overflow-anchor:none;
  }
  html.magnet-scroll-active main > header,
  html.magnet-scroll-active main > section,
  html.magnet-scroll-active .product-list > .p-card,
  html.magnet-scroll-active .mode-block,
  html.magnet-scroll-active .footer{
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }
  body.is-magnet-snapping{
    overscroll-behavior-y:contain;
  }
}

/* ============================================================
   48. QA HARDENING LAYER
   ============================================================ */
:root{
  --blue-text-aa:#A9B7FF;
  --muted-aa:rgba(255,255,255,.78);
  --muted-soft-aa:rgba(255,255,255,.66);
}

.blue,
.crumb a:hover,
.faq-item summary:hover,
.doc-main a:not(.btn),
.prose a:not(.btn),
.lede a[href^="mailto:"],
.pc-note a{
  color:var(--blue-text-aa)!important;
}
.on-blue .blue,
.on-blue .crumb a:hover{
  color:#fff!important;
}
.nav-links a:not(.nav-cta),
.crumb a,
.fcol a,
.footer-bottom,
.disclaimer,
.status-bar-inner,
.doc-nav a,
.legal-nav a,
.pc-note,
.proof-item span{
  color:var(--muted-soft-aa)!important;
  opacity:1!important;
}
.nav-links a:not(.nav-cta):hover,
.nav-links a.active,
.crumb .here,
.doc-nav a.active,
.legal-nav a.active{
  color:#fff!important;
}

.status-bar{
  position:sticky!important;
  top:var(--nav-h)!important;
  z-index:80!important;
}

@media (max-width:860px){
  body.nav-open{
    overflow:hidden;
  }
  .nav{
    overflow:visible!important;
    isolation:isolate;
  }
  .nav-links{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--nav-h)!important;
    width:100dvw!important;
    max-width:100dvw!important;
    max-height:calc(100dvh - var(--nav-h))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:10px var(--pad) calc(18px + env(safe-area-inset-bottom))!important;
    background:rgba(5,5,5,.98)!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 30px 90px -38px rgba(0,0,0,.95)!important;
    z-index:1000!important;
    transform:translateY(-10px)!important;
    visibility:hidden;
  }
  body.nav-open .nav-links{
    transform:none!important;
    visibility:visible;
  }
  .nav-links a{
    color:rgba(255,255,255,.82)!important;
    background:transparent!important;
  }
  .nav-links a:hover,
  .nav-links a.active{
    background:rgba(255,255,255,.08)!important;
  }
}

.youtube-modal[aria-hidden="true"],
.mode-modal[aria-hidden="true"]{
  display:none!important;
}
.youtube-modal.is-open{
  display:grid!important;
}
.mode-modal.is-open{
  display:flex!important;
}
.youtube-modal,
.mode-modal{
  overscroll-behavior:contain;
}

@media (max-width:860px){
  .mode-modal{
    padding:14px!important;
    overflow:hidden!important;
  }
  .mode-modal-panel{
    width:calc(100dvw - 28px)!important;
    height:auto!important;
    max-height:calc(100dvh - 28px)!important;
    overflow:hidden!important;
  }
  .mode-modal-track{
    height:auto!important;
    max-height:calc(100dvh - 28px)!important;
    align-items:stretch!important;
  }
  .mode-modal-slide{
    grid-template-rows:auto auto!important;
    align-content:start!important;
    gap:16px!important;
    overflow-y:auto;
    padding-bottom:8px;
  }
  .mode-modal-head h3{
    font-size:clamp(30px,11vw,54px)!important;
    line-height:.96!important;
  }
  .mode-modal-head p{
    font-size:15px!important;
    line-height:1.45!important;
  }
  .mode-modal-video{
    width:100%!important;
    aspect-ratio:16/9!important;
  }
  .mode-modal-video video{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:48dvh!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
  }
  .mode-modal-close{
    top:10px!important;
    right:10px!important;
    z-index:12!important;
    background:rgba(7,7,7,.72)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .mode-modal-nav{
    display:none!important;
  }
  .youtube-modal{
    padding:calc(var(--nav-h) + 14px) 14px 14px!important;
  }
  .youtube-close{
    top:-42px!important;
    right:0!important;
  }
}

@media (max-width:900px) and (pointer:coarse){
  .mobile-buy{
    display:flex;
    padding-bottom:calc(13px + env(safe-area-inset-bottom));
  }
  body.has-mobile-buy.show-mobile-buy{
    padding-bottom:calc(80px + env(safe-area-inset-bottom));
  }
}

@media (max-width:360px){
  .tool-showcase,
  .tool-copy,
  .tool-media{
    min-width:0!important;
    width:100%!important;
  }
  .tool-showcase{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .tool-copy h2{
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  html.legal-page .legal-nav{
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:10px!important;
  }
  html.legal-page .legal-nav a{
    flex:1 1 auto;
    justify-content:center;
    min-height:44px;
  }
}

.doc-main,
.doc-main *,
.prose,
.prose *,
.tbl,
.tbl *,
.step,
.step *,
.faq,
.faq *,
.checkout-proof,
.trust-row,
.proof-item{
  text-transform:none!important;
}

#main{
  scroll-margin-top:calc(var(--nav-h) + 16px);
}

/* ============================================================
   49. PREMIUM POLISH PASS
   ============================================================ */
@media (min-width:900px){
  main > section.sec-tight:not(.finalcta){
    min-height:auto!important;
    display:block!important;
    padding-block:clamp(58px,6vw,92px)!important;
  }
  main > section.sec-tight:not(.finalcta) > .wrap{
    width:100%;
  }
}

main > section.products-index.sec-tight{
  padding-block:clamp(28px,3.2vw,48px) clamp(54px,6vw,96px)!important;
}
.products-index .sec-head{
  margin-bottom:clamp(18px,2.2vw,28px)!important;
}
.products-index .sec-head h1{
  font-size:clamp(34px,3.4vw,52px)!important;
  line-height:1.04!important;
}
.products-index .sec-head p{
  font-size:16px!important;
  max-width:54ch!important;
}
.products-index .product-list{
  width:100%!important;
  max-width:var(--maxw)!important;
  margin:0!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.products-index .product-list .p-card{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:0!important;
  padding:clamp(18px,2vw,24px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:rgba(12,12,14,.82)!important;
  box-shadow:0 26px 72px -54px rgba(0,0,0,.92)!important;
  overflow:hidden!important;
}
.products-index .product-list .p-card:hover{
  border-color:rgba(169,183,255,.38)!important;
  transform:translateY(-2px)!important;
}
.products-index .product-list .p-media{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:6px!important;
  background:#050505!important;
  box-shadow:0 20px 58px -44px rgba(0,0,0,.96)!important;
  margin-bottom:18px!important;
  max-height:170px!important;
}
.products-index .product-list .p-card.is-coming .p-media{
  aspect-ratio:16/9!important;
  background:#070707!important;
}
.products-index .product-list .p-media img,
.products-index .product-list .p-media video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.products-index .product-list .p-card .p-type{
  font-size:12px!important;
  margin-bottom:8px!important;
  color:rgba(255,255,255,.62)!important;
}
.products-index .product-list .p-card h3{
  font-size:clamp(25px,2.6vw,38px)!important;
  line-height:1!important;
  max-width:none!important;
  margin-bottom:9px!important;
}
.products-index .product-list .p-card .desc{
  font-size:15.5px!important;
  line-height:1.5!important;
  max-width:68ch!important;
  margin-bottom:15px!important;
}
.products-index .product-list .quiet-meta{
  max-width:none!important;
  margin-bottom:16px!important;
  gap:8px 14px!important;
}
.products-index .product-list .p-bottom{
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  margin-top:auto!important;
}
.products-index .p-actions{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.products-index .p-actions a{
  position:relative;
  z-index:3;
}
.products-index .stretch-link::after{
  pointer-events:none!important;
}
.products-index .notify-strip{
  max-width:var(--maxw)!important;
  margin:16px 0 0!important;
  padding:18px clamp(18px,2.4vw,26px)!important;
  border-radius:8px!important;
}

.mode-block[role="button"]{
  cursor:pointer;
}

.mode-block[role="button"]:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  border-color:rgba(255,255,255,.34);
}

.doc-layout{
  max-width:1120px;
}
.doc-main section{
  scroll-margin-top:calc(var(--nav-h) + 22px);
}
@media (max-width:900px){
  .doc-nav{
    position:sticky!important;
    top:var(--nav-h)!important;
    z-index:70!important;
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    padding:10px 0!important;
    margin-bottom:18px!important;
    background:linear-gradient(180deg,#070707 70%,rgba(7,7,7,0))!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .doc-nav::-webkit-scrollbar{display:none}
  .doc-nav a{
    flex:0 0 auto!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
  }
}

@media (max-width:760px){
  .code-block{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.45!important;
    padding:12px 13px!important;
  }
  .support .grid-2,
  main .grid-2{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:720px){
  .products-index .product-list{
    grid-template-columns:1fr!important;
  }
  .products-index .product-list .p-card{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .products-index .product-list .p-media{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .products-index .product-list .p-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .products-index .p-actions{
    justify-content:flex-start;
    width:100%;
  }
  .products-index .p-actions .btn{
    width:100%;
  }
}

/* sndwch second screen: same rhythm as the lead demo block, quieter details. */
.sndwch-strip .quiet-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  color:var(--ink-3);
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.sndwch-strip .next-note{
  max-width:34ch;
  color:var(--ink-3)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
@media(max-width:700px){
  .sndwch-strip .quiet-meta{font-size:12px!important;gap:6px 12px}
  .sndwch-strip .next-note{font-size:13px!important;max-width:30ch}
}

/* sndwch media is a product image, not a video frame: no crop, no letterbox. */
.sndwch-strip .sndwch-preview{
  aspect-ratio:1920/944!important;
  background:transparent!important;
}
.sndwch-strip .sndwch-preview::after{
  content:none!important;
}
.sndwch-strip .sndwch-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  transition:transform .35s var(--ease),filter .35s var(--ease)!important;
}
.sndwch-strip .sndwch-preview:hover img{
  transform:scale(1.035)!important;
  filter:saturate(1.06)!important;
}

/* Lead screen labels should sit like text controls, not like floating badges. */
.demo-strip-copy .soft-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-self:start!important;
  width:max-content!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(5px)!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.02em!important;
}

/* Footer columns: products starts at its heading, demos centers, company hits the nav buy rail. */
@media (min-width:981px){
  .footer-top{
    grid-template-columns:minmax(180px,1fr) max-content max-content max-content!important;
    justify-content:stretch!important;
    column-gap:clamp(120px,9.6vw,240px)!important;
    row-gap:0!important;
  }
  .footer-top > .footer-brand{
    display:block!important;
    align-self:start!important;
    position:relative!important;
    min-height:calc(clamp(176px,12.2vw,190px) + 24px)!important;
    padding-top:0!important;
  }
  .footer-top > .footer-brand .brand{
    display:none!important;
  }
  .footer-top > .footer-brand .brand .wm{
    font-size:clamp(22px,1.45vw,28px)!important;
    font-weight:700!important;
    letter-spacing:-.03em!important;
    color:#fff!important;
  }
  .footer-top > .footer-brand .made{
    position:absolute!important;
    left:0!important;
    top:clamp(176px,12.2vw,190px)!important;
    margin:0!important;
  }
  .footer-top > .footer-brand .footer-note{
    display:block!important;
    width:min(520px,100%)!important;
    max-width:52ch!important;
    margin:0!important;
    color:rgba(255,255,255,.68)!important;
    font-size:clamp(16px,1vw,18px)!important;
    font-weight:650!important;
    line-height:1.24!important;
  }
  .footer-top > .footer-brand .made{
    display:block!important;
    color:rgba(255,255,255,.46)!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.3!important;
  }
  .footer-top .fcol h3,
  .footer-top .fcol a{
    width:max-content!important;
    max-width:100%!important;
  }
  .footer-top .fcol[aria-label="Products"]{
    justify-items:start!important;
    text-align:left!important;
  }
  .footer-top .fcol[aria-label="Products"] h3,
  .footer-top .fcol[aria-label="Products"] a{
    justify-self:start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .footer-top .fcol[aria-label="Demos and support"]{
    justify-items:start!important;
    text-align:left!important;
  }
  .footer-top .fcol[aria-label="Demos and support"] h3,
  .footer-top .fcol[aria-label="Demos and support"] a{
    justify-self:start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .footer-top .fcol[aria-label="Company"]{
    justify-content:end!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .footer-top .fcol[aria-label="Company"] h3,
  .footer-top .fcol[aria-label="Company"] a{
    justify-self:start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
}

.footer-top > .footer-brand .brand{
  display:none!important;
}
.footer-brand-title{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 28px!important;
  font-family:var(--font-body)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  color:rgba(255,255,255,.52)!important;
}
.footer-brand-title,
.footer-top .fcol h3{
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.25!important;
}
.footer-top > .footer-brand .footer-note{
  display:block!important;
  max-width:52ch!important;
  margin:0 0 18px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:clamp(16px,1vw,18px)!important;
  font-weight:650!important;
  line-height:1.24!important;
}
.footer-top > .footer-brand .made{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  color:rgba(255,255,255,.46)!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.footer-top > .footer-brand .made :is(b,a){
  color:rgba(255,255,255,.86)!important;
}
.footer-top > .footer-brand .made a:hover{
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  text-decoration-thickness:1px!important;
}

@media (min-width:981px){
  .footer-top > .footer-brand .footer-note{
    margin-top:0!important;
  }
}

@media (min-width:981px) and (max-width:1199px){
  .footer-top{
    column-gap:clamp(34px,4vw,54px)!important;
  }
}

@media (min-width:1200px) and (max-width:1399px){
  .footer-top{
    column-gap:clamp(64px,6vw,86px)!important;
  }
}

@media (min-width:1100px) and (max-width:1399px){
  .footer-top > .footer-brand .footer-note{
    max-width:390px!important;
  }
}

@media (min-width:1600px){
  .footer-top > .footer-brand .footer-note{
    max-width:430px!important;
  }
}

/* Focused product-site footer: brand note + legal/contact only. */
.footer-top.footer-core{
  grid-template-columns:minmax(260px,1fr) max-content!important;
  justify-content:space-between!important;
  align-items:start!important;
  column-gap:clamp(48px,9vw,180px)!important;
}
.footer-top.footer-core .footer-legal{
  justify-self:end!important;
  justify-items:start!important;
  text-align:left!important;
}
.footer-top.footer-core .footer-legal h3,
.footer-top.footer-core .footer-legal a{
  justify-self:start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.footer-top.footer-core .footer-legal a{
  min-height:32px!important;
  padding-block:6px!important;
  margin-block:-6px!important;
}

@media (min-width:981px){
  .footer-top.footer-core{
    grid-template-columns:minmax(420px,1fr) max-content!important;
  }
}

@media (max-width:700px){
  .footer-top.footer-core{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .footer-top.footer-core .footer-legal{
    justify-self:start!important;
  }
}

/* Final footer composition: one clear statement, one compact legal stack. */
.footer .footer-top.footer-core{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,42rem) minmax(10rem,max-content)!important;
  justify-content:space-between!important;
  align-items:start!important;
  column-gap:clamp(52px,12vw,220px)!important;
  row-gap:clamp(34px,7vw,72px)!important;
}
.footer .footer-top.footer-core > .footer-brand{
  min-height:0!important;
  position:static!important;
  display:grid!important;
  gap:clamp(18px,2.2vw,26px)!important;
}
.footer .footer-top.footer-core .footer-brand-title,
.footer .footer-top.footer-core .footer-legal h3{
  margin:0!important;
  color:rgba(255,255,255,.48)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}
.footer .footer-top.footer-core .footer-note{
  width:100%!important;
  max-width:42rem!important;
  margin:0!important;
  color:rgba(255,255,255,.70)!important;
  font-size:clamp(16px,1.05vw,18px)!important;
  font-weight:650!important;
  line-height:1.24!important;
}
.footer .footer-top.footer-core .made{
  position:static!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  color:rgba(255,255,255,.48)!important;
  white-space:normal!important;
}
.footer .footer-top.footer-core .footer-legal{
  display:grid!important;
  gap:clamp(12px,1.4vw,18px)!important;
  justify-self:end!important;
  align-content:start!important;
}
.footer .footer-top.footer-core .footer-legal a{
  width:max-content!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:clamp(16px,1.05vw,18px)!important;
  font-weight:650!important;
  line-height:1.2!important;
}
.footer .footer-top.footer-core .footer-legal a:hover{
  color:#fff!important;
}

@media (max-width:700px){
  .footer .footer-top.footer-core{
    grid-template-columns:1fr!important;
  }
  .footer .footer-top.footer-core .footer-legal{
    justify-self:start!important;
  }
}

/* Premium studio rail header: no heavy full-width panel over product screens. */
.nav{
  height:64px!important;
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.nav.is-scrolled,
body.nav-open .nav{
  background:rgba(5,5,5,.74)!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  backdrop-filter:saturate(140%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(140%) blur(18px)!important;
}
.nav-inner{
  height:64px!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  padding:0 clamp(22px,4.8vw,96px)!important;
}
.nav .brand{
  min-height:64px!important;
}
.brand-word{
  color:rgba(255,255,255,.82)!important;
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  opacity:1!important;
}
.brand-word .dot{
  color:inherit!important;
}
.nav-links{
  height:64px!important;
  gap:clamp(18px,1.8vw,30px)!important;
}
.nav-links a,
.nav-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:64px!important;
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.56)!important;
  font-size:19px!important;
  font-weight:650!important;
  line-height:1!important;
  opacity:1!important;
  transform:none!important;
  transition:color .18s var(--ease), opacity .18s var(--ease)!important;
}
.nav-links a:not(.nav-cta)::after{
  content:none!important;
}
.nav-links a:hover,
.nav-links a.active{
  background:transparent!important;
  color:rgba(255,255,255,.94)!important;
}
.nav-cta{
  color:rgba(255,255,255,.86)!important;
}
.nav-cta::before,
.nav-cta::after{
  content:none!important;
  display:none!important;
}
.nav-cta:hover{
  color:#fff!important;
  background:transparent!important;
  transform:none!important;
}

@media (max-width:860px){
  .nav{
    height:52px!important;
    background:rgba(5,5,5,.88)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    backdrop-filter:saturate(140%) blur(16px)!important;
    -webkit-backdrop-filter:saturate(140%) blur(16px)!important;
  }
  .nav-inner{
    height:52px!important;
    min-height:0!important;
    padding:0 clamp(20px,5.2vw,28px)!important;
  }
  .nav .brand{
    min-height:52px!important;
  }
  .brand-word{
    font-size:15px!important;
  }
  .nav-toggle{
    width:42px!important;
    height:38px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .nav-links{
    height:auto!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    gap:2px!important;
    padding:10px clamp(20px,5.2vw,28px) 18px!important;
    background:rgba(5,5,5,.97)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .nav-links a,
  .nav-cta{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    color:rgba(255,255,255,.72)!important;
  }
  .nav-links a:hover,
  .nav-links a.active,
  .nav-cta:hover{
    color:#fff!important;
  }
  .nav:has(.nav-links .nav-cta:only-child) .nav-toggle{
    display:none!important;
  }
  .nav:has(.nav-links .nav-cta:only-child) .nav-links{
    position:static!important;
    display:flex!important;
    width:auto!important;
    height:52px!important;
    max-height:none!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .nav:has(.nav-links .nav-cta:only-child) .nav-links a,
  .nav:has(.nav-links .nav-cta:only-child) .nav-cta{
    width:auto!important;
    min-width:0!important;
    height:52px!important;
    min-height:0!important;
    justify-content:center!important;
    font-size:15px!important;
    visibility:visible!important;
    color:rgba(255,255,255,.86)!important;
  }
}

html.home-page{
  --nav-h:64px;
  scroll-padding-top:0!important;
}
html.home-page main{
  padding-top:0!important;
}
html.home-page .home-screen{
  min-height:100svh!important;
}
html.home-page .demo-strip-copy h1{
  margin:0!important;
  max-width:100%!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.92!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
}
html.home-page .quiet-link{
  min-height:40px!important;
  padding-block:8px!important;
  margin-block:-8px!important;
  align-items:center!important;
}
html.home-page .home-product-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:start!important;
  gap:8px!important;
  margin:2px 0 0!important;
  padding:0!important;
  list-style:none!important;
}
html.home-page .home-product-actions li{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
html.home-page .home-product-actions .quiet-link{
  display:inline-flex!important;
  width:max-content!important;
  min-height:0!important;
  padding-block:0!important;
  margin-block:0!important;
  color:rgba(255,255,255,.96)!important;
  text-decoration:none!important;
}
html.home-page .home-product-actions .quiet-link:hover{
  text-decoration:none!important;
}
html.home-page .home-product-actions .home-detail-link{
  margin-left:0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
}
html.home-page .footer-top > .footer-brand .made a{
  display:inline-flex!important;
  min-height:32px!important;
  padding-block:6px!important;
  margin-block:-6px!important;
  align-items:center!important;
}
html.home-page .footer-top .fcol a{
  min-height:32px!important;
  padding-block:6px!important;
  margin-block:-6px!important;
  align-items:center!important;
}
@media (min-width:861px){
  html.home-page .nav-inner{
    width:var(--site-wide)!important;
    padding-inline:0!important;
    margin-inline:auto!important;
  }
}
html.home-page .demo-strip:first-of-type{
  border-top:0!important;
}
html.home-page .demo-strip,
html.home-page .home-screen,
html.home-page .footer{
  border-top:0!important;
}
html.home-page .nav,
html.home-page .nav.is-scrolled,
html.home-page body.nav-open .nav{
  border-bottom:0!important;
}
html.home-page main > section.home-screen,
html.home-page main > section.home-screen[id]{
  scroll-margin-top:0!important;
}
@media (min-width:861px){
  html.home-page .home-screen:first-of-type{
    padding-top:clamp(86px,8.4vw,126px)!important;
  }
}
@media (min-width:861px) and (max-width:980px){
  html.home-page .home-screen{
    padding-block:clamp(42px,6vw,64px)!important;
  }
  html.home-page .home-screen:first-of-type{
    padding-top:clamp(66px,7vw,74px)!important;
  }
  html.home-page .demo-strip-inner{
    gap:clamp(24px,4vw,36px)!important;
  }
}
@media (min-width:1200px) and (max-height:870px){
  html.home-page .home-screen{
    padding-block:clamp(58px,8vh,72px)!important;
  }
  html.home-page .home-screen:first-of-type{
    padding-top:clamp(78px,10vh,92px)!important;
  }
  html.home-page .demo-strip-inner{
    gap:clamp(56px,5vw,78px)!important;
  }
  html.home-page .demo-strip-copy h2{
    font-size:clamp(56px,5vw,68px)!important;
    line-height:.92!important;
  }
  html.home-page .demo-strip-copy h1{
    font-size:clamp(56px,5vw,68px)!important;
    line-height:.92!important;
  }
  html.home-page .demo-strip-copy p{
    font-size:clamp(16px,1.25vw,18px)!important;
    line-height:1.34!important;
  }
}
@media (max-width:700px){
  html.home-page .demo-strip-copy h1{
    max-width:7.6ch!important;
    font-size:clamp(44px,13vw,62px)!important;
  }
}
@media (max-width:480px) and (max-height:720px){
  html.home-page .home-screen{
    padding-block:26px!important;
  }
  html.home-page .home-screen:first-of-type{
    padding-top:56px!important;
  }
  html.home-page .demo-strip-inner{
    gap:18px!important;
  }
  html.home-page .demo-strip-copy{
    gap:8px!important;
  }
  html.home-page .demo-strip-copy .soft-label{
    font-size:13px!important;
    line-height:1.15!important;
    transform:translateY(4px)!important;
  }
  html.home-page .demo-strip-copy h2{
    font-size:clamp(37px,11.3vw,43px)!important;
    line-height:.92!important;
  }
  html.home-page .demo-strip-copy h1{
    font-size:clamp(37px,11.3vw,43px)!important;
    line-height:.92!important;
  }
  html.home-page .demo-strip-copy p{
    font-size:15.5px!important;
    line-height:1.28!important;
  }
  html.home-page .quiet-link{
    font-size:14px!important;
    line-height:1.15!important;
  }
  html.home-page .home-product-actions{
    gap:7px!important;
  }
  html.home-page .home-product-actions .home-detail-link{
    font-size:13px!important;
  }
}
@media (max-width:860px){
  html.home-page{
    --nav-h:52px;
  }
  html.home-page .nav-toggle{
    width:44px!important;
    height:44px!important;
  }
}
@media (max-width:520px){
  html.home-page .footer-top > .footer-brand .made{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html.home-page .youtube-preview img,
  html.home-page .sndwch-strip .sndwch-preview img,
  html.home-page .youtube-preview:hover img,
  html.home-page .sndwch-strip .sndwch-preview:hover img{
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}

/* ============================================================
   52. HOMEPAGE STYLE ADAPTATION PASS
   Keep the homepage locked, then bring the rest of the site into
   the same quiet, full-screen, low-chrome product language.
   ============================================================ */
html{
  --nav-h:64px;
}
@media (max-width:860px){
  html{
    --nav-h:52px;
  }
}

@media (max-width:860px){
  .nav-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
}

.btn-sm{
  min-height:44px!important;
}
.quiet-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  padding-block:7px!important;
  margin-block:-7px!important;
}

@media (max-width:700px){
  .status-bar{
    display:none!important;
  }
}

html.free-scroll-page{
  scroll-snap-type:none!important;
  overflow-anchor:auto!important;
}
html.free-scroll-page main > section.sec-tight,
html.utility-page main > section.sec-tight{
  min-height:auto!important;
  display:block!important;
  justify-content:normal!important;
  scroll-snap-align:none!important;
}
html.free-scroll-page .divider,
html.content-page .divider,
html.product-page .divider{
  display:none!important;
}

@media (max-width:360px){
  html.legal-page .legal-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
  }
  html.legal-page .legal-nav::-webkit-scrollbar{
    display:none!important;
  }
  html.legal-page .legal-nav a{
    flex:0 0 auto!important;
    min-height:44px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:520px){
  .footer-top > .footer-brand .made{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

/* Products index becomes two product screens instead of a compact catalog. */
html.products-page main > section.products-index.sec-tight{
  min-height:auto!important;
  display:block!important;
  padding-block:clamp(86px,8.4vw,126px) 0!important;
}
html.products-page .nav,
html.products-page .nav.is-scrolled,
html.products-page body.nav-open .nav{
  border-bottom:0!important;
  box-shadow:none!important;
}
@media (min-width:861px){
  html.products-page .nav-inner{
    width:var(--site-wide)!important;
    padding-inline:0!important;
    margin-inline:auto!important;
  }
}
html.products-page .products-index > .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  padding-inline:0!important;
}
html.products-page .products-index .crumb{
  display:none!important;
}
html.products-page .products-index .sec-head{
  display:none!important;
}
html.products-page .products-index .sec-head h1{
  max-width:11ch!important;
  font-size:clamp(52px,5.1vw,84px)!important;
  font-weight:650!important;
  line-height:.93!important;
  letter-spacing:0!important;
}
html.products-page .products-index .sec-head p{
  max-width:39ch!important;
  color:rgba(255,255,255,.68)!important;
  font-size:clamp(17px,1.2vw,21px)!important;
  font-weight:550!important;
  line-height:1.34!important;
}
html.products-page .products-index .product-list{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
html.products-page .products-index .product-list .p-card{
  min-height:calc(100svh - var(--nav-h))!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.48fr) minmax(0,1.52fr)!important;
  align-items:center!important;
  column-gap:clamp(42px,6.4vw,120px)!important;
  row-gap:18px!important;
  padding:clamp(62px,7vw,110px) 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}
html.products-page .products-index .product-list .p-card:first-child{
  padding-top:clamp(58px,8vh,92px)!important;
}
html.products-page .products-index .product-list .p-card:hover{
  border-color:transparent!important;
  transform:none!important;
}
html.products-page .products-index .product-list .p-media{
  grid-column:2!important;
  grid-row:1 / span 6!important;
  width:100%!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98)!important;
  overflow:hidden!important;
}
html.products-page .products-index .product-list .p-card.is-coming .p-media{
  aspect-ratio:1920/944!important;
}
html.products-page .products-index .product-list .p-media img,
html.products-page .products-index .product-list .p-media video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html.products-page .products-index .product-list .p-card.is-coming .p-media img{
  object-fit:cover!important;
}
html.products-page .products-index .product-list .p-card .p-type,
html.products-page .products-index .product-list .p-card h1,
html.products-page .products-index .product-list .p-card h2,
html.products-page .products-index .product-list .p-card .desc,
html.products-page .products-index .product-list .p-card .quiet-meta,
html.products-page .products-index .product-list .p-card .p-bottom{
  grid-column:1!important;
}
html.products-page .products-index .product-list .p-card .p-type{
  width:max-content!important;
  margin:0 0 2px clamp(4px,.28vw,6px)!important;
  color:rgba(255,255,255,.52)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}
html.products-page .products-index .product-list .p-card h1,
html.products-page .products-index .product-list .p-card h2{
  max-width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.92!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
}
html.products-page .products-index .product-list .p-card h1 .stretch-link,
html.products-page .products-index .product-list .p-card h2 .stretch-link{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
html.products-page .products-index .product-list .p-card .desc{
  max-width:34ch!important;
  margin:clamp(10px,1.1vw,14px) 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:clamp(17px,1.2vw,21px)!important;
  font-weight:550!important;
  line-height:1.34!important;
}
html.products-page .products-index .product-list .quiet-meta{
  margin:clamp(12px,1.4vw,18px) 0 0!important;
}
html.products-page .products-index .product-list .p-bottom{
  width:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  flex-direction:column!important;
  gap:clamp(10px,1.2vw,14px)!important;
  margin:clamp(6px,.8vw,10px) 0 0!important;
  padding:0!important;
  border:0!important;
}
html.products-page .products-index .notify-strip{
  display:none!important;
}
html.products-page .products-index .p-actions{
  justify-content:flex-start!important;
  gap:14px!important;
}

@media (max-width:900px){
  html.products-page main > section.products-index.sec-tight{
    padding-block:clamp(56px,12vw,82px) 0!important;
  }
  html.products-page .products-index > .wrap{
    width:var(--site-wide)!important;
    max-width:none!important;
    padding-inline:0!important;
  }
  html.products-page .products-index .product-list .p-card{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    padding:clamp(54px,13vw,82px) 0!important;
  }
  html.products-page .products-index .product-list .p-media{
    grid-column:1!important;
    grid-row:auto!important;
    order:2!important;
    margin-top:clamp(20px,6vw,34px)!important;
  }
  html.products-page .products-index .product-list .p-card .p-type,
  html.products-page .products-index .product-list .p-card h1,
  html.products-page .products-index .product-list .p-card h2,
  html.products-page .products-index .product-list .p-card .desc,
  html.products-page .products-index .product-list .p-card .quiet-meta{
    order:1!important;
  }
  html.products-page .products-index .product-list .p-card .p-bottom{
    order:3!important;
    margin-top:clamp(18px,5vw,28px)!important;
  }
  html.products-page .products-index .product-list .p-card h1,
  html.products-page .products-index .product-list .p-card h2{
    max-width:8.4ch!important;
    font-size:clamp(44px,13vw,62px)!important;
  }
  html.products-page .products-index .product-list .p-card .desc{
    max-width:32ch!important;
    font-size:16px!important;
  }
}

/* Product detail pages keep the homepage rhythm, but without catalog chrome. */
html.product-page main > .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  padding-inline:0!important;
}
html.product-page .pdp-hero{
  min-height:calc(100svh - var(--nav-h))!important;
  padding-block:clamp(72px,8.4vw,126px)!important;
  gap:clamp(38px,5.4vw,88px)!important;
}
html.product-page .pdp-copy h1{
  max-width:8.6ch!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.92!important;
  letter-spacing:0!important;
}
html.product-page .pdp-copy .lede{
  max-width:36ch!important;
  color:rgba(255,255,255,.72)!important;
  font-size:clamp(17px,1.2vw,21px)!important;
  font-weight:550!important;
  line-height:1.34!important;
}
html.product-page .demo-stage,
html.product-page .lab-card{
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98)!important;
  padding:0!important;
}
html.product-page .lab-card::before,
html.product-page .lab-card::after{
  content:none!important;
}
html.product-page .lab-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  border-radius:5px!important;
}
html.select-product-page .demo-stage,
html.select-product-page .mode-media{
  aspect-ratio:16/9!important;
}
html.select-product-page .demo-stage video,
html.select-product-page .demo-stage .poster,
html.select-product-page .mode-media video{
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}
html.sndwch-product-page .lab-title{
  display:none!important;
}
html.product-page .sec-head h2{
  max-width:17ch!important;
  font-size:clamp(32px,3.4vw,56px)!important;
  font-weight:650!important;
  line-height:.98!important;
  letter-spacing:0!important;
}
html.product-page .sec-head p{
  max-width:48ch!important;
  color:rgba(255,255,255,.66)!important;
  font-size:clamp(16px,1vw,18px)!important;
  font-weight:550!important;
  line-height:1.45!important;
}
html.product-page .pain,
html.product-page .feat,
html.product-page .proof-card,
html.product-page .compare-panel,
html.product-page .tbl-wrap{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.product-page .purchase-card{
  max-width:38rem!important;
}
html.sndwch-product-page #how,
html.sndwch-product-page #control,
html.sndwch-product-page #truth{
  display:none!important;
}
html.select-product-page #features,
html.select-product-page #delivery,
html.select-product-page #comparison,
html.select-product-page #requirements,
html.select-product-page #install{
  display:none!important;
}

@media (max-width:900px){
  html.product-page main > .wrap{
    width:calc(100% - 40px)!important;
  }
  html.product-page .pdp-hero{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    padding-block:clamp(68px,14vw,96px)!important;
  }
  html.product-page .pdp-copy h1{
    max-width:8.2ch!important;
    font-size:clamp(44px,13vw,62px)!important;
  }
}

@media (max-width:640px){
  .tbl,
  .tbl tbody,
  .tbl tr,
  .tbl td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .tbl thead{
    display:none!important;
  }
  .tbl tr{
    padding:14px 0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  .tbl td{
    padding:5px 0!important;
    white-space:normal!important;
  }
}

/* Reading/support pages: same typography, less heavy card noise. */
html.content-page:not(.learn-page) .sec-tight{
  padding-block:clamp(60px,7vw,104px)!important;
}
html.content-page .sec-head h1{
  max-width:12ch!important;
  font-size:clamp(48px,4.8vw,78px)!important;
  font-weight:650!important;
  line-height:.96!important;
  letter-spacing:0!important;
}
html.content-page .sec-head h2{
  max-width:18ch!important;
  font-size:clamp(28px,2.9vw,46px)!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:0!important;
}
html.content-page .card,
html.content-page .v-card,
html.content-page .release,
html.content-page .step,
html.content-page .ty-help{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.learn-page .watch-feature{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.learn-page .v-grid{
  gap:0!important;
}
html.learn-page .v-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.72fr)!important;
  gap:clamp(24px,4vw,58px)!important;
  align-items:center!important;
  padding-block:clamp(34px,5vw,72px)!important;
}
html.learn-page .v-thumb{
  border:0!important;
  border-radius:5px!important;
}
html.support-page .code-block,
html.docs-page .code-block,
html.thank-you-page .code-block{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html.docs-page .doc-main section{
  scroll-margin-top:calc(var(--nav-h) + 96px)!important;
}

/* Footer polish: brand statement + compact legal/contact stack. */
.footer .footer-top.footer-core{
  grid-template-columns:minmax(0,44rem) minmax(13rem,max-content)!important;
  column-gap:clamp(64px,13vw,240px)!important;
  align-items:end!important;
}
.footer .footer-top.footer-core > .footer-brand{
  gap:clamp(16px,1.9vw,24px)!important;
}
.footer .footer-top.footer-core .footer-brand-title{
  color:rgba(255,255,255,.42)!important;
  font-size:clamp(14px,.9vw,16px)!important;
}
.footer .footer-top.footer-core .footer-note{
  max-width:44rem!important;
  color:rgba(255,255,255,.78)!important;
  font-size:clamp(17px,1.15vw,21px)!important;
  line-height:1.28!important;
}
.footer .footer-top.footer-core .made{
  color:rgba(255,255,255,.44)!important;
  font-size:clamp(14px,.9vw,16px)!important;
  line-height:1.35!important;
}
.footer .footer-top.footer-core .footer-legal{
  justify-self:end!important;
  min-width:min(100%,16rem)!important;
  gap:0!important;
  padding-top:0!important;
}
.footer .footer-top.footer-core .footer-legal h3{
  margin:0 0 18px!important;
  color:rgba(255,255,255,.42)!important;
  font-size:clamp(14px,.9vw,16px)!important;
}
.footer .footer-top.footer-core .footer-legal a{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  width:max-content!important;
  max-width:100%!important;
  color:rgba(255,255,255,.74)!important;
  font-size:clamp(16px,1vw,18px)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.footer .footer-top.footer-core .footer-legal a[href^="mailto:"]{
  margin-top:14px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.86)!important;
}

@media (max-width:700px){
  .footer .footer-top.footer-core{
    align-items:start!important;
    row-gap:clamp(30px,8vw,42px)!important;
  }
  .footer .footer-top.footer-core .footer-note{
    max-width:32rem!important;
    font-size:clamp(16px,4.7vw,18px)!important;
    line-height:1.32!important;
  }
  .footer .footer-top.footer-core .footer-legal{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
    justify-items:start!important;
  }
  .footer .footer-top.footer-core .footer-legal a{
    min-height:40px!important;
  }
  .footer .footer-top.footer-core .footer-legal a[href^="mailto:"]{
    width:100%!important;
    white-space:nowrap!important;
    overflow-wrap:anywhere!important;
  }
}

@media (min-width:701px){
  .footer .footer-top.footer-core{
    align-items:start!important;
    grid-template-rows:auto auto auto auto auto!important;
    row-gap:0!important;
  }
  .footer .footer-top.footer-core > .footer-brand,
  .footer .footer-top.footer-core > .footer-legal{
    display:contents!important;
  }
  .footer .footer-top.footer-core .footer-brand-title,
  .footer .footer-top.footer-core .footer-legal h3{
    grid-row:1!important;
    align-self:start!important;
    margin:0!important;
    padding:0 0 clamp(18px,1.6vw,24px)!important;
  }
  .footer .footer-top.footer-core .footer-brand-title,
  .footer .footer-top.footer-core .footer-note,
  .footer .footer-top.footer-core .made{
    grid-column:1!important;
  }
  .footer .footer-top.footer-core .footer-legal h3,
  .footer .footer-top.footer-core .footer-legal a{
    grid-column:2!important;
  }
  .footer .footer-top.footer-core .footer-note{
    grid-row:2 / 5!important;
    align-self:start!important;
  }
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(1){
    grid-row:2!important;
  }
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(2){
    grid-row:3!important;
  }
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(3){
    grid-row:4!important;
  }
  .footer .footer-top.footer-core .made,
  .footer .footer-top.footer-core .footer-legal a[href^="mailto:"]{
    grid-row:5!important;
    align-self:start!important;
  }
}

.footer .footer-top.footer-core .footer-legal a[href^="mailto:"]{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

@media (max-width:900px){
  html.content-page main > section.sec-tight > .wrap,
  html.content-page main > .wrap,
  html.content-page .wrap-narrow,
  html.content-page .doc-layout{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }
  html.docs-page .doc-nav{
    width:100%!important;
    margin-inline:0!important;
  }
  html.content-page .sec-head h1{
    font-size:clamp(44px,12vw,62px)!important;
  }
  html.learn-page .v-card{
    grid-template-columns:1fr!important;
    padding-block:clamp(34px,8vw,54px)!important;
  }
  html.learn-page .watch-facts{
    grid-template-columns:1fr 1fr!important;
  }
}

/* Homepage product copy: deliberate vertical rhythm between text rows. */
html.home-page .demo-strip-copy{
  gap:0!important;
  row-gap:0!important;
}
html.home-page .demo-strip-copy .soft-label{
  margin:0 0 clamp(14px,1.25vw,18px)!important;
  transform:none!important;
  letter-spacing:0!important;
}
html.home-page .demo-strip-copy h1,
html.home-page .demo-strip-copy h2{
  margin:0 0 clamp(16px,1.55vw,22px)!important;
  line-height:.96!important;
}
html.home-page .demo-strip-copy p{
  margin:0 0 clamp(22px,1.8vw,26px)!important;
}
html.home-page .home-product-actions{
  margin:0!important;
  gap:8px!important;
}

@media (min-width:981px){
  html.home-page .demo-strip-copy h1{
    font-size:clamp(54px,4.95vw,76px)!important;
  }
}

@media (min-width:701px) and (max-width:980px){
  html.home-page .demo-strip-inner{
    gap:24px!important;
  }
  html.home-page main > .demo-strip.home-screen:not(.sndwch-strip) .youtube-preview{
    max-height:430px!important;
  }
}

@media (max-width:480px) and (max-height:720px){
  html.home-page .demo-strip-copy .soft-label{
    margin-bottom:10px!important;
  }
  html.home-page .demo-strip-copy h1,
  html.home-page .demo-strip-copy h2{
    margin-bottom:12px!important;
    line-height:.94!important;
  }
  html.home-page .demo-strip-copy p{
    margin-bottom:16px!important;
  }
  html.home-page .home-product-actions{
    gap:7px!important;
  }
}

/* Homepage final polish: match the two product blocks and keep footer calm. */
@media (min-width:981px){
  html.home-page .demo-strip-copy h1{
    font-size:clamp(54px,5.2vw,92px)!important;
    line-height:.96!important;
  }
}

html.home-page .demo-strip-copy .soft-label,
html.home-page .demo-strip-copy h1,
html.home-page .demo-strip-copy h2,
html.home-page .demo-strip-copy p,
html.home-page .home-product-actions{
  justify-self:start!important;
  text-align:left!important;
}

.footer .footer-top.footer-core{
  display:grid!important;
  grid-template-columns:minmax(0,44rem) minmax(12rem,max-content)!important;
  align-items:start!important;
  justify-content:space-between!important;
  column-gap:clamp(48px,10vw,160px)!important;
  row-gap:clamp(32px,6vw,48px)!important;
}

.footer .footer-top.footer-core > .footer-brand,
.footer .footer-top.footer-core > .footer-legal{
  display:grid!important;
  align-content:start!important;
  align-items:start!important;
  grid-column:auto!important;
  grid-row:auto!important;
}

.footer .footer-top.footer-core > .footer-brand{
  gap:0!important;
  max-width:44rem!important;
  justify-self:start!important;
}

.footer .footer-top.footer-core > .footer-legal{
  gap:10px!important;
  justify-self:end!important;
  justify-items:start!important;
  min-width:12rem!important;
}

.footer .footer-top.footer-core .footer-brand-title,
.footer .footer-top.footer-core .footer-legal h3{
  margin:0 0 clamp(16px,1.5vw,22px)!important;
}

.footer .footer-top.footer-core .footer-note{
  margin:0 0 clamp(24px,3vw,34px)!important;
  max-width:44rem!important;
}

.footer .footer-top.footer-core .made{
  margin:0!important;
}

.footer .footer-top.footer-core .footer-legal a{
  width:max-content!important;
  max-width:100%!important;
  min-height:32px!important;
  padding:0!important;
}

.footer .footer-top.footer-core .footer-legal a[href^="mailto:"]{
  margin-top:2px!important;
  padding-top:0!important;
  border-top:0!important;
}

@media (max-width:760px){
  .footer .footer-top.footer-core{
    grid-template-columns:1fr!important;
    justify-content:start!important;
    row-gap:clamp(32px,8vw,44px)!important;
  }

  .footer .footer-top.footer-core > .footer-brand,
  .footer .footer-top.footer-core > .footer-legal{
    justify-self:start!important;
    width:100%!important;
  }

  .footer .footer-top.footer-core .footer-note{
    max-width:32rem!important;
  }

  .footer .footer-top.footer-core .footer-legal a{
    min-height:40px!important;
  }
}

@media (min-width:981px) and (max-width:1199px){
  html.home-page .demo-strip-inner{
    grid-template-columns:minmax(300px,.54fr) minmax(0,1.46fr)!important;
  }
}

@media (min-width:1200px){
  html.home-page .demo-strip-inner{
    grid-template-columns:minmax(340px,.52fr) minmax(0,1.48fr)!important;
  }
}

@media (min-width:761px) and (max-width:1199px){
  .footer .footer-top.footer-core > .footer-legal{
    gap:4px!important;
  }
}

@media (min-width:1200px) and (max-width:1499px){
  .footer .footer-top.footer-core > .footer-legal{
    gap:0!important;
  }
}

@media (min-width:1500px){
  .footer .footer-top.footer-core > .footer-legal{
    gap:10px!important;
  }
}

/* Footer height fix: reset old row choreography so no empty rows remain. */
.footer .footer-top.footer-core{
  grid-template-rows:none!important;
  align-content:start!important;
}

.footer .footer-top.footer-core .footer-brand-title,
.footer .footer-top.footer-core .footer-note,
.footer .footer-top.footer-core .made,
.footer .footer-top.footer-core .footer-legal h3,
.footer .footer-top.footer-core .footer-legal a{
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:start!important;
}

.footer .footer-top.footer-core .footer-brand-title,
.footer .footer-top.footer-core .footer-legal h3{
  padding:0!important;
}

@media (min-width:761px) and (max-width:1199px){
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(1),
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(2),
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(3){
    transform:translateY(-4px)!important;
  }
}

@media (min-width:1500px){
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(1),
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(2),
  .footer .footer-top.footer-core .footer-legal a:nth-of-type(3){
    transform:translateY(-10px)!important;
  }
}

/* Premium text interactions: barely-there satin hover, no underline. */
html.home-page .nav-cta,
html.home-page .home-product-actions .quiet-link,
html.home-page .footer .footer-top.footer-core .made a{
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  transition:
    color .28s cubic-bezier(.2,.7,.2,1),
    opacity .28s cubic-bezier(.2,.7,.2,1),
    transform .28s cubic-bezier(.2,.7,.2,1)!important;
  will-change:transform,color;
}

html.home-page .nav-cta:hover,
html.home-page .nav-cta:focus-visible,
html.home-page .home-product-actions .quiet-link:hover,
html.home-page .home-product-actions .quiet-link:focus-visible,
html.home-page .footer .footer-top.footer-core .made a:hover,
html.home-page .footer .footer-top.footer-core .made a:focus-visible{
  text-decoration:none!important;
  transform:translate3d(0,-.5px,0)!important;
  text-shadow:none!important;
  filter:none!important;
}

html.home-page .nav-cta:hover,
html.home-page .nav-cta:focus-visible{
  color:rgba(255,255,255,.94)!important;
}

html.home-page .home-product-actions .quiet-link:not(.home-detail-link):hover,
html.home-page .home-product-actions .quiet-link:not(.home-detail-link):focus-visible{
  color:rgba(255,255,255,.98)!important;
}

html.home-page .home-product-actions .home-detail-link:hover,
html.home-page .home-product-actions .home-detail-link:focus-visible{
  color:rgba(255,255,255,.68)!important;
}

html.home-page .footer .footer-top.footer-core .made a:hover,
html.home-page .footer .footer-top.footer-core .made a:focus-visible{
  color:rgba(255,255,255,.94)!important;
}

html.home-page .footer .footer-top.footer-core .made a,
html.home-page .footer .footer-top.footer-core .made a:hover,
html.home-page .footer .footer-top.footer-core .made a:focus-visible{
  text-underline-offset:0!important;
  text-decoration-thickness:0!important;
}

@media (prefers-reduced-motion:reduce){
  html.home-page .nav-cta,
  html.home-page .home-product-actions .quiet-link,
  html.home-page .footer .footer-top.footer-core .made a{
    transition:color .01ms linear!important;
  }

  html.home-page .nav-cta:hover,
  html.home-page .nav-cta:focus-visible,
  html.home-page .home-product-actions .quiet-link:hover,
  html.home-page .home-product-actions .quiet-link:focus-visible,
  html.home-page .footer .footer-top.footer-core .made a:hover,
  html.home-page .footer .footer-top.footer-core .made a:focus-visible{
    transform:none!important;
  }
}

/* Legal pages: same quiet premium language as the homepage. */
html.legal-page{
  --nav-h:64px;
}

html.legal-page body,
html.legal-page main,
html.legal-page main > section.sec-tight{
  background:#070707!important;
}

html.legal-page body::before{
  background:none!important;
}

html.legal-page .nav,
html.legal-page .nav.is-scrolled,
html.legal-page body.nav-open .nav{
  border-bottom:0!important;
}

html.legal-page .nav-inner{
  width:var(--site-wide)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

html.legal-page main > section.sec-tight{
  padding-block:clamp(58px,5.5vw,86px) clamp(96px,10vw,150px)!important;
}

html.legal-page .prose{
  width:var(--site-wide)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

html.legal-page .prose .kicker{
  display:block!important;
  width:max-content!important;
  margin:0 0 clamp(16px,1.5vw,22px)!important;
  color:rgba(255,255,255,.52)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.legal-page .prose h1{
  max-width:12ch!important;
  margin:0 0 clamp(16px,1.55vw,22px)!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.96!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  text-wrap:balance!important;
}

html.legal-page .prose h1 .blue{
  color:inherit!important;
}

html.legal-page .prose .meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  max-width:72ch!important;
  margin:0 0 clamp(22px,2.4vw,34px)!important;
  padding:0!important;
  border:0!important;
  color:rgba(255,255,255,.42)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.legal-page .legal-nav{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 18px!important;
  max-width:72ch!important;
  margin:0 0 clamp(38px,4vw,58px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html.legal-page .legal-nav a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.52)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  text-decoration:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.legal-page .legal-nav a:hover,
html.legal-page .legal-nav a:focus-visible{
  color:rgba(255,255,255,.78)!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.legal-page .legal-nav a.active,
html.legal-page .legal-nav a[aria-current="page"]{
  color:#fff!important;
}

html.legal-page .prose > p,
html.legal-page .prose li{
  max-width:72ch!important;
  color:rgba(255,255,255,.70)!important;
  font-size:clamp(16.5px,1.02vw,18.5px)!important;
  font-weight:550!important;
  line-height:1.68!important;
}

html.legal-page .prose > p{
  margin:0 0 10px!important;
}

html.legal-page .prose h2{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:start!important;
  gap:clamp(12px,1.4vw,18px)!important;
  max-width:72ch!important;
  margin:clamp(44px,5vw,70px) 0 14px!important;
  color:#fff!important;
  font-size:clamp(24px,2.35vw,34px)!important;
  font-weight:650!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html.legal-page .prose h2 .num{
  min-width:0!important;
  padding-top:.18em!important;
  color:rgba(169,183,255,.82)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:0!important;
}

html.legal-page .prose h3{
  max-width:72ch!important;
  margin:clamp(24px,3vw,34px) 0 8px!important;
  color:rgba(255,255,255,.90)!important;
  font-size:clamp(18px,1.2vw,21px)!important;
  font-weight:650!important;
  line-height:1.18!important;
  letter-spacing:0!important;
}

html.legal-page .prose ul{
  max-width:72ch!important;
  margin:14px 0 22px!important;
  padding-left:0!important;
}

html.legal-page .prose ul li{
  padding-left:26px!important;
}

html.legal-page .prose ul li::before{
  left:0!important;
  color:rgba(169,183,255,.74)!important;
}

html.legal-page .prose a:not(.btn){
  color:rgba(217,223,255,.88)!important;
  text-decoration:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.legal-page .prose a:not(.btn):hover,
html.legal-page .prose a:not(.btn):focus-visible{
  color:#fff!important;
  text-decoration:none!important;
}

html.legal-page .prose .contact-block{
  width:min(100%,72ch)!important;
  margin-top:clamp(12px,1.6vw,20px)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(255,255,255,.70)!important;
  display:grid!important;
  gap:4px!important;
  font-family:var(--font-body)!important;
  font-size:clamp(15.5px,1vw,17px)!important;
  font-weight:550!important;
  line-height:1.7!important;
}

html.legal-page .prose .contact-block strong{
  display:none!important;
}

html.legal-page .prose .contact-block span,
html.legal-page .prose .contact-block a{
  min-width:0!important;
}

html.legal-page .footer{
  border-top:0!important;
}

html.legal-page .nav-cta,
html.legal-page .footer .footer-top.footer-core .made a{
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.legal-page .nav-cta:hover,
html.legal-page .nav-cta:focus-visible,
html.legal-page .footer .footer-top.footer-core .made a:hover,
html.legal-page .footer .footer-top.footer-core .made a:focus-visible{
  color:rgba(255,255,255,.94)!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

@media (max-width:860px){
  html.legal-page{
    --nav-h:52px;
  }

  html.legal-page .nav-inner{
    width:calc(100vw - clamp(40px,10.4vw,56px))!important;
  }
}

@media (max-width:900px){
  html.legal-page main > section.sec-tight{
    padding-block:clamp(48px,8vw,68px) clamp(76px,12vw,108px)!important;
  }

  html.legal-page .prose{
    width:calc(100% - 48px)!important;
  }

  html.legal-page .legal-nav{
    flex-wrap:nowrap!important;
    max-width:none!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html.legal-page .legal-nav::-webkit-scrollbar{
    display:none!important;
  }
}

@media (max-width:520px){
  html.legal-page main > section.sec-tight{
    padding-block:40px 72px!important;
  }

  html.legal-page .prose{
    width:calc(100% - 36px)!important;
  }

  html.legal-page .prose h1{
    max-width:10.5ch!important;
    font-size:clamp(42px,13vw,56px)!important;
    line-height:.96!important;
  }

  html.legal-page .prose .meta{
    font-size:14px!important;
  }

  html.legal-page .prose .meta span[aria-hidden="true"]{
    display:none!important;
  }

  html.legal-page .legal-nav{
    gap:16px!important;
  }

  html.legal-page .prose h2{
    display:block!important;
    font-size:clamp(23px,7vw,30px)!important;
  }

  html.legal-page .prose h2 .num{
    display:block!important;
    margin-bottom:8px!important;
    padding-top:0!important;
  }
}

html.legal-page .prose .legal-nav a{
  color:rgba(255,255,255,.52)!important;
  text-decoration:none!important;
}

html.legal-page .prose .legal-nav a:hover,
html.legal-page .prose .legal-nav a:focus-visible{
  color:rgba(255,255,255,.78)!important;
  text-decoration:none!important;
}

html.legal-page .prose .legal-nav a.active,
html.legal-page .prose .legal-nav a[aria-current="page"]{
  color:#fff!important;
}

/* Select Equal product page: match the homepage's quiet product language. */
html.select-product-page{
  --nav-h:64px;
  --product-strip-h:48px;
  scroll-padding-top:var(--nav-h)!important;
}

html.select-product-page body,
html.select-product-page main,
html.select-product-page main > .wrap,
html.select-product-page main > section{
  background:#070707!important;
}

html.select-product-page body::before{
  background:none!important;
}

html.select-product-page .status-bar,
html.select-product-page .proof-grid,
html.select-product-page .trust-row,
html.select-product-page .mobile-buy{
  display:none!important;
}

html.select-product-page .reveal{
  opacity:1!important;
  transform:none!important;
}

html.select-product-page .nav,
html.select-product-page .nav.is-scrolled,
html.select-product-page body.nav-open .nav{
  border-bottom:0!important;
}

html.select-product-page .nav-inner,
html.select-product-page main > .wrap,
html.select-product-page main > section > .wrap,
html.select-product-page .footer .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

html.select-product-page .nav-cta,
html.select-product-page .footer .footer-top.footer-core .made a{
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.select-product-page .nav-cta:hover,
html.select-product-page .nav-cta:focus-visible,
html.select-product-page .footer .footer-top.footer-core .made a:hover,
html.select-product-page .footer .footer-top.footer-core .made a:focus-visible{
  color:rgba(255,255,255,.94)!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.select-product-page .product-strip{
  position:sticky!important;
  top:var(--nav-h)!important;
  z-index:420!important;
  display:flex!important;
  align-items:center!important;
  min-height:var(--product-strip-h)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(7,7,7,.82)!important;
  backdrop-filter:saturate(140%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(140%) blur(18px)!important;
  box-sizing:border-box!important;
}

html.select-product-page .product-strip-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(18px,3vw,44px)!important;
  width:var(--site-wide)!important;
  max-width:none!important;
  min-width:0!important;
  min-height:var(--product-strip-h)!important;
  margin-inline:auto!important;
}

html.select-product-page .product-strip-title{
  display:flex!important;
  align-items:baseline!important;
  gap:10px!important;
  min-width:0!important;
  color:#fff!important;
  text-decoration:none!important;
}

html.select-product-page .product-strip-title strong,
html.select-product-page .product-strip-title span{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-family:var(--font-body)!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .product-strip-title strong{
  color:rgba(255,255,255,.92)!important;
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

html.select-product-page .product-strip-title span{
  color:rgba(255,255,255,.44)!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.25!important;
}

html.select-product-page .product-strip-actions{
  display:flex!important;
  align-items:center!important;
  flex:none!important;
  gap:clamp(14px,1.6vw,24px)!important;
  min-width:0!important;
}

html.select-product-page .product-strip-actions a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  color:rgba(255,255,255,.56)!important;
  font-family:var(--font-body)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  text-decoration:none!important;
  transition:color .22s cubic-bezier(.2,.7,.2,1), transform .22s cubic-bezier(.2,.7,.2,1)!important;
}

html.select-product-page .product-strip-actions .strip-buy{
  color:rgba(255,255,255,.94)!important;
}

html.select-product-page .product-strip-actions a:hover,
html.select-product-page .product-strip-actions a:focus-visible{
  color:#fff!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.select-product-page #buy{
  scroll-margin-top:calc(var(--nav-h) + var(--product-strip-h) + 16px)!important;
}

html.select-product-page #problem{
  display:none!important;
}

html.select-product-page .pdp-hero{
  min-height:calc(100svh - var(--nav-h) - var(--product-strip-h))!important;
  grid-template-columns:minmax(460px,.48fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(52px,4.6vw,78px)!important;
  padding-block:clamp(56px,6.8vh,78px) clamp(54px,6.5vh,74px)!important;
}

html.select-product-page .pdp-col{
  gap:0!important;
}

html.select-product-page .pdp-copy .kicker,
html.select-product-page .sec-head .kicker{
  display:block!important;
  margin:0 0 clamp(14px,1.25vw,18px)!important;
  color:rgba(255,255,255,.52)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .pdp-copy h1{
  max-width:10.8ch!important;
  margin:0 0 clamp(16px,1.55vw,22px)!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.96!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .pdp-copy h1 .blue{
  color:inherit!important;
}

html.select-product-page .pdp-copy .lede{
  max-width:34ch!important;
  margin:0 0 clamp(22px,1.8vw,26px)!important;
  color:rgba(255,255,255,.68)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(18px,1.22vw,22px)!important;
  font-weight:550!important;
  line-height:1.34!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .purchase-card{
  max-width:40rem!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:grid!important;
  gap:clamp(16px,1.6vw,22px)!important;
}

html.select-product-page .product-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:start!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

html.select-product-page .product-actions li{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

html.select-product-page .product-actions .quiet-link{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:32px!important;
  padding-block:6px!important;
  margin-block:-6px!important;
  padding-inline:0!important;
  color:rgba(255,255,255,.96)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  text-decoration:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.select-product-page .product-actions .product-secondary-link{
  color:rgba(255,255,255,.52)!important;
}

html.select-product-page .product-actions .quiet-link:hover,
html.select-product-page .product-actions .quiet-link:focus-visible{
  color:rgba(255,255,255,.94)!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.select-product-page .checkout-proof,
html.select-product-page .pc-note{
  max-width:40ch!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.52)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:550!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .pc-note{
  color:rgba(255,255,255,.42)!important;
  font-size:14px!important;
}

html.select-product-page .pc-note a{
  color:rgba(255,255,255,.58)!important;
  text-decoration:none!important;
}

html.select-product-page .pc-note a:hover,
html.select-product-page .pc-note a:focus-visible{
  color:rgba(255,255,255,.9)!important;
  text-decoration:none!important;
}

html.select-product-page .demo-stage{
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98)!important;
}

html.select-product-page .demo-cap{
  color:rgba(255,255,255,.82)!important;
  background:linear-gradient(0deg,rgba(0,0,0,.72),transparent)!important;
}

html.select-product-page .hero-modes-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:clamp(10px,1.05vw,16px)!important;
  border:0!important;
  border-radius:5px!important;
  aspect-ratio:16 / 9!important;
  background:#050505!important;
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

html.select-product-page .hero-mode-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#050505!important;
}

html.select-product-page .hero-mode-cell{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:5px!important;
  background:#050505!important;
  isolation:isolate!important;
}

html.select-product-page .hero-mode-cell:first-child{
  grid-column:1 / -1!important;
}

html.select-product-page .hero-mode-cell::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:42%!important;
  background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0))!important;
  pointer-events:none!important;
  z-index:1!important;
}

html.select-product-page .hero-mode-cell video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1280 / 408!important;
  object-fit:contain!important;
  background:#050505!important;
}

html.select-product-page .hero-mode-cell span{
  position:absolute!important;
  left:12px!important;
  bottom:10px!important;
  z-index:2!important;
  color:rgba(255,255,255,.78)!important;
  font-family:var(--font-body)!important;
  font-size:13.5px!important;
  font-weight:650!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

/* ShaperBox reference pass: product media first, centered title and buying row. */
html.select-product-page .shaperbox-style-hero{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:start!important;
  gap:clamp(30px,4.2vw,54px)!important;
  min-height:calc(100svh - var(--nav-h) - var(--product-strip-h))!important;
  padding-block:clamp(70px,8vh,96px) clamp(72px,9vh,120px)!important;
}

html.select-product-page .shaperbox-style-hero > .pdp-col:nth-child(2){
  order:1!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
}

html.select-product-page .shaperbox-style-hero > .pdp-col:nth-child(1){
  order:2!important;
  width:min(100%,860px)!important;
  display:grid!important;
  justify-items:center!important;
  text-align:center!important;
}

html.select-product-page .shaperbox-style-hero .hero-modes-stage{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  aspect-ratio:3.08 / 1!important;
  padding:clamp(8px,.9vw,12px)!important;
  box-shadow:0 44px 120px -70px rgba(0,0,0,.96)!important;
}

html.select-product-page .shaperbox-style-hero .hero-mode-grid{
  display:block!important;
}

html.select-product-page .shaperbox-style-hero .hero-mode-cell:not(:first-child){
  display:none!important;
}

html.select-product-page .shaperbox-style-hero .hero-mode-cell:first-child{
  display:block!important;
}

html.select-product-page .shaperbox-style-hero .hero-mode-cell video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

html.select-product-page .shaperbox-style-hero .pdp-copy{
  display:grid!important;
  justify-items:center!important;
  text-align:center!important;
}

html.select-product-page .shaperbox-style-hero .pdp-copy .kicker{
  text-align:center!important;
}

html.select-product-page .shaperbox-style-hero .pdp-copy h1{
  max-width:none!important;
  margin-inline:auto!important;
  margin-bottom:clamp(12px,1.2vw,18px)!important;
  text-align:center!important;
  font-size:clamp(58px,6.2vw,96px)!important;
  line-height:.92!important;
}

html.select-product-page .shaperbox-style-hero .pdp-copy .lede{
  max-width:58ch!important;
  margin-inline:auto!important;
  margin-bottom:clamp(22px,1.8vw,28px)!important;
  text-align:center!important;
}

html.select-product-page .shaperbox-style-hero .purchase-card{
  width:100%!important;
  max-width:760px!important;
  justify-items:center!important;
  text-align:center!important;
  gap:clamp(14px,1.45vw,20px)!important;
}

html.select-product-page .shaperbox-style-hero .product-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px 18px!important;
}

html.select-product-page .shaperbox-style-hero .product-actions .quiet-link{
  min-height:42px!important;
  padding:0 4px!important;
  margin:0!important;
  justify-content:center!important;
}

html.select-product-page .shaperbox-style-hero .product-actions .product-buy-link{
  padding-inline:18px!important;
  border:1px solid rgba(1,45,255,.95)!important;
  border-radius:6px!important;
  background:#012dff!important;
  color:#fff!important;
  box-shadow:0 14px 34px -22px rgba(1,45,255,.8)!important;
}

html.select-product-page .shaperbox-style-hero .product-actions .product-buy-link:hover,
html.select-product-page .shaperbox-style-hero .product-actions .product-buy-link:focus-visible{
  background:#1d45ff!important;
  border-color:#1d45ff!important;
  color:#fff!important;
}

html.select-product-page .shaperbox-style-hero .product-actions .product-secondary-link{
  color:rgba(255,255,255,.62)!important;
}

html.select-product-page .shaperbox-style-hero .checkout-proof,
html.select-product-page .shaperbox-style-hero .pc-note{
  max-width:58ch!important;
  text-align:center!important;
}

html.select-product-page main > section.sec-tight:not(.finalcta){
  border-top:0!important;
  padding-block:clamp(78px,10vw,132px)!important;
}

html.select-product-page main > section.sec-tight:not(.finalcta) > .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

html.select-product-page .sec-head h2{
  color:#fff!important;
  text-transform:lowercase!important;
}

html.select-product-page .sec-head p{
  text-transform:lowercase!important;
}

html.select-product-page .pain,
html.select-product-page .feat,
html.select-product-page .proof-card,
html.select-product-page .compare-panel,
html.select-product-page .faq{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.select-product-page main > section.sec-tight:not(.finalcta),
html.select-product-page main > section.home-screen{
  min-height:calc(100svh - var(--nav-h))!important;
  display:flex!important;
  align-items:center!important;
}

html.select-product-page main > section.home-screen{
  padding-block:clamp(72px,8vw,112px)!important;
  border-top:0!important;
  background:#070707!important;
}

html.select-product-page .modes-screen::before{
  content:none!important;
}

html.select-product-page .modes-screen .sec-head{
  max-width:900px!important;
  margin-bottom:clamp(34px,4.8vw,72px)!important;
}

html.select-product-page .modes-screen .modes-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(20px,2.4vw,34px)!important;
  width:100%!important;
}

html.select-product-page .modes-screen .mode{
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  gap:clamp(12px,1.3vw,18px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  color:#fff!important;
  transition:border-color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.select-product-page .modes-screen .mode:hover,
html.select-product-page .modes-screen .mode:focus-visible{
  border-top-color:rgba(255,255,255,.28)!important;
  transform:translate3d(0,-.5px,0)!important;
  outline:0!important;
}

html.select-product-page .modes-screen .mode h3{
  order:1!important;
  margin:clamp(16px,1.7vw,24px) 0 0!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(24px,2.25vw,36px)!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .modes-screen .mode p{
  order:2!important;
  max-width:36ch!important;
  margin:0!important;
  color:rgba(255,255,255,.58)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:550!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .modes-screen .mode-demo{
  order:3!important;
  position:relative!important;
  width:100%!important;
  margin-top:clamp(10px,1.6vw,20px)!important;
  overflow:hidden!important;
  border-radius:5px!important;
  background:#050505!important;
}

html.select-product-page .modes-screen .mode-demo::before,
html.select-product-page .modes-screen .mode-demo::after{
  content:none!important;
}

html.select-product-page .modes-screen .mode-demo video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1280 / 408!important;
  object-fit:contain!important;
  background:#050505!important;
}

html.select-product-page .compat-minimal{
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr)!important;
  gap:clamp(42px,6vw,104px)!important;
  align-items:start!important;
  width:100%!important;
}

html.select-product-page .compat-minimal .sec-head{
  margin:0!important;
}

html.select-product-page .compat-lines{
  display:grid!important;
  gap:0!important;
  width:100%!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}

html.select-product-page .compat-line{
  display:grid!important;
  grid-template-columns:minmax(104px,.32fr) 1fr!important;
  gap:clamp(18px,2.4vw,34px)!important;
  align-items:start!important;
  padding:clamp(18px,1.8vw,26px) 0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}

html.select-product-page .compat-line span{
  color:rgba(255,255,255,.42)!important;
  font-family:var(--font-body)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .compat-line p{
  max-width:34ch!important;
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(18px,1.22vw,22px)!important;
  font-weight:600!important;
  line-height:1.34!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .compat-line a{
  color:rgba(255,255,255,.76)!important;
  text-decoration:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.select-product-page .compat-line a:hover,
html.select-product-page .compat-line a:focus-visible{
  color:#fff!important;
  text-decoration:none!important;
}

html.select-product-page .finalcta{
  background:#070707!important;
  color:#fff!important;
  border-top:0!important;
  text-align:left!important;
}

html.select-product-page .finalcta::after{
  content:none!important;
}

html.select-product-page .finalcta .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  padding-inline:0!important;
  margin-inline:auto!important;
  align-items:flex-start!important;
}

html.select-product-page .finalcta h2{
  max-width:14ch!important;
  margin:0 0 clamp(16px,1.55vw,22px)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.96!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.select-product-page .finalcta p{
  max-width:34ch!important;
  margin:0 0 clamp(22px,1.8vw,26px)!important;
  color:rgba(255,255,255,.68)!important;
  font-size:clamp(18px,1.22vw,22px)!important;
  font-weight:550!important;
  line-height:1.34!important;
  opacity:1!important;
  text-transform:lowercase!important;
}

html.select-product-page .footer{
  border-top:0!important;
}

@media (max-width:900px){
  html.select-product-page{
    --nav-h:52px;
    --product-strip-h:44px;
  }

  html.select-product-page .nav-inner{
    width:calc(100vw - clamp(40px,10.4vw,56px))!important;
  }

  html.select-product-page main > .wrap,
  html.select-product-page main > section > .wrap,
  html.select-product-page .product-strip-inner,
  html.select-product-page .footer .wrap{
    width:calc(100% - 40px)!important;
  }

  html.select-product-page .product-strip{
    align-items:stretch!important;
    min-height:var(--product-strip-h)!important;
    padding-block:0!important;
  }

  html.select-product-page .product-strip-inner{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    min-height:0!important;
  }

  html.select-product-page .product-strip-title{
    display:none!important;
  }

  html.select-product-page .product-strip-actions{
    width:100%!important;
    justify-content:center!important;
    gap:24px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html.select-product-page .product-strip-actions::-webkit-scrollbar{
    display:none!important;
  }

  html.select-product-page .product-strip-actions a{
    flex:0 0 auto!important;
    min-height:44px!important;
    font-size:13px!important;
  }

  html.select-product-page .product-strip-actions a:nth-child(n+3){
    display:none!important;
  }

  html.select-product-page .pdp-hero{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    gap:clamp(34px,8vw,56px)!important;
    padding-block:clamp(52px,9vw,76px) clamp(58px,10vw,84px)!important;
  }

  html.select-product-page main > section.sec-tight:not(.finalcta),
  html.select-product-page main > section.home-screen{
    min-height:auto!important;
    padding-block:clamp(64px,14vw,92px)!important;
  }

  html.select-product-page .pdp-copy h1{
    max-width:8.2ch!important;
    font-size:clamp(44px,13vw,62px)!important;
  }

  html.select-product-page .pdp-copy .lede{
    max-width:32ch!important;
    font-size:clamp(17px,4.8vw,19px)!important;
  }

  html.select-product-page .modes-screen .modes-grid,
  html.select-product-page .compat-minimal{
    grid-template-columns:1fr!important;
  }

  html.select-product-page .hero-mode-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  html.select-product-page .compat-line{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  html.select-product-page .compat-line p{
    max-width:100%!important;
  }
}

@media (max-width:520px){
  html.select-product-page main > .wrap,
  html.select-product-page main > section > .wrap,
  html.select-product-page .footer .wrap{
    width:calc(100% - 36px)!important;
  }

  html.select-product-page .pdp-hero{
    padding-block:40px 68px!important;
  }

  html.select-product-page .hero-mode-grid{
    gap:6px!important;
  }

  html.select-product-page .hero-mode-cell span{
    left:10px!important;
    bottom:8px!important;
    font-size:12.5px!important;
  }
}

@media (max-width:900px){
  html.select-product-page .shaperbox-style-hero{
    min-height:auto!important;
    gap:clamp(26px,7vw,42px)!important;
    padding-block:clamp(42px,9vw,68px) clamp(58px,12vw,84px)!important;
  }

  html.select-product-page .shaperbox-style-hero .hero-modes-stage{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:2.7 / 1!important;
    padding:7px!important;
  }

  html.select-product-page .shaperbox-style-hero .pdp-copy h1{
    max-width:9.4ch!important;
    font-size:clamp(44px,12.4vw,64px)!important;
    line-height:.94!important;
  }

  html.select-product-page .shaperbox-style-hero .pdp-copy .lede{
    max-width:34ch!important;
    font-size:clamp(16px,4.45vw,18px)!important;
  }

  html.select-product-page .shaperbox-style-hero .product-actions{
    gap:8px 14px!important;
  }

  html.select-product-page .shaperbox-style-hero .product-actions .quiet-link{
    min-height:40px!important;
    font-size:14px!important;
  }
}

@media (max-width:520px){
  html.select-product-page .shaperbox-style-hero{
    padding-block:34px 64px!important;
  }

  html.select-product-page .shaperbox-style-hero .pdp-copy h1{
    font-size:clamp(39px,11.6vw,50px)!important;
  }

  html.select-product-page .shaperbox-style-hero .product-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:7px!important;
  }

  html.select-product-page .shaperbox-style-hero .product-actions .product-buy-link{
    min-width:122px!important;
  }

  html.select-product-page .shaperbox-style-hero .checkout-proof,
  html.select-product-page .shaperbox-style-hero .pc-note{
    max-width:34ch!important;
    font-size:14px!important;
  }
}

/* sndwch product page: the same quiet product language as the homepage. */
html.sndwch-product-page{
  --nav-h:64px;
  scroll-padding-top:var(--nav-h)!important;
}

html.sndwch-product-page body,
html.sndwch-product-page main,
html.sndwch-product-page main > .wrap,
html.sndwch-product-page main > section{
  background:#070707!important;
}

html.sndwch-product-page body::before{
  background:none!important;
}

html.sndwch-product-page .status-bar,
html.sndwch-product-page .crumb,
html.sndwch-product-page .pdp-hero > .pdp-col > .quiet-meta{
  display:none!important;
}

html.sndwch-product-page .nav,
html.sndwch-product-page .nav.is-scrolled,
html.sndwch-product-page body.nav-open .nav{
  border-bottom:0!important;
}

html.sndwch-product-page .nav-inner,
html.sndwch-product-page main > .wrap,
html.sndwch-product-page main > section > .wrap,
html.sndwch-product-page .footer .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

html.sndwch-product-page .nav-cta,
html.sndwch-product-page .footer .footer-top.footer-core .made a{
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.sndwch-product-page .nav-cta:hover,
html.sndwch-product-page .nav-cta:focus-visible,
html.sndwch-product-page .footer .footer-top.footer-core .made a:hover,
html.sndwch-product-page .footer .footer-top.footer-core .made a:focus-visible{
  color:rgba(255,255,255,.94)!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.sndwch-product-page .pdp-hero{
  min-height:calc(100svh - var(--nav-h) - 150px)!important;
  grid-template-columns:minmax(420px,.42fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(52px,5.8vw,112px)!important;
  padding-block:clamp(54px,6vh,72px) clamp(38px,5vh,58px)!important;
}

html.sndwch-product-page .pdp-col{
  gap:0!important;
}

html.sndwch-product-page .pdp-copy .kicker,
html.sndwch-product-page .sec-head .kicker,
html.sndwch-product-page .next-body .kicker{
  display:block!important;
  margin:0 0 clamp(14px,1.25vw,18px)!important;
  color:rgba(255,255,255,.52)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page .pdp-copy h1{
  max-width:8.8ch!important;
  margin:0 0 clamp(16px,1.55vw,22px)!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.96!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page .pdp-copy h1 .blue{
  color:inherit!important;
}

html.sndwch-product-page .pdp-copy .lede{
  max-width:34ch!important;
  margin:0 0 clamp(22px,1.8vw,26px)!important;
  color:rgba(255,255,255,.68)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(18px,1.22vw,22px)!important;
  font-weight:550!important;
  line-height:1.34!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page .product-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:start!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

html.sndwch-product-page .product-actions li{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

html.sndwch-product-page .product-actions .quiet-link{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:32px!important;
  padding-block:6px!important;
  margin-block:-6px!important;
  padding-inline:0!important;
  color:rgba(255,255,255,.96)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  text-decoration:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.sndwch-product-page .product-actions .product-secondary-link{
  color:rgba(255,255,255,.52)!important;
}

html.sndwch-product-page .product-actions .quiet-link:hover,
html.sndwch-product-page .product-actions .quiet-link:focus-visible{
  color:rgba(255,255,255,.94)!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.sndwch-product-page .lab-stack{
  display:block!important;
  width:100%!important;
}

html.sndwch-product-page .lab-card{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:0 42px 96px -66px rgba(0,0,0,.98)!important;
  overflow:hidden!important;
  transform:none!important;
}

html.sndwch-product-page .lab-card:hover{
  transform:none!important;
}

html.sndwch-product-page .lab-card::before,
html.sndwch-product-page .lab-card::after{
  content:none!important;
}

html.sndwch-product-page .lab-card img,
html.sndwch-product-page .sndwch-shot{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1920 / 944!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:5px!important;
  background:#050505!important;
  box-shadow:none!important;
}

html.sndwch-product-page main > section.sec-tight{
  min-height:calc(100svh - var(--nav-h))!important;
  display:flex!important;
  align-items:center!important;
  border-top:0!important;
  padding-block:clamp(72px,8vw,112px)!important;
}

html.sndwch-product-page main > section.sec-tight > .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  padding-inline:0!important;
  margin-inline:auto!important;
}

html.sndwch-product-page .sec-head{
  max-width:900px!important;
}

html.sndwch-product-page .sec-head h2,
html.sndwch-product-page .next-body h2{
  max-width:14ch!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(54px,5.2vw,92px)!important;
  font-weight:650!important;
  line-height:.96!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page .sec-head p,
html.sndwch-product-page .next-body p{
  max-width:42ch!important;
  color:rgba(255,255,255,.68)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(18px,1.22vw,22px)!important;
  font-weight:550!important;
  line-height:1.34!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page .pain,
html.sndwch-product-page .feat,
html.sndwch-product-page .proof-card{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.sndwch-product-page #why .grid-2{
  gap:0 clamp(34px,5vw,84px)!important;
}

html.sndwch-product-page #why .pain{
  display:grid!important;
  grid-template-columns:minmax(42px,.16fr) minmax(0,1fr)!important;
  gap:clamp(16px,2vw,28px)!important;
  align-items:start!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(18px,2vw,28px) 0!important;
}

html.sndwch-product-page #why .pain-num{
  margin:0!important;
  color:rgba(255,255,255,.42)!important;
  font-family:var(--font-body)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page #why .pain h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(20px,1.7vw,28px)!important;
  font-weight:650!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page #why .pain p{
  max-width:34ch!important;
  margin:0!important;
  color:rgba(255,255,255,.58)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:550!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
}

html.sndwch-product-page #next .next-card.sndwch-next,
html.sndwch-product-page #download .next-card.sndwch-next{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  align-items:center!important;
  width:min(100%,48rem)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}

html.sndwch-product-page #next .next-card.sndwch-next::before,
html.sndwch-product-page #download .next-card.sndwch-next::before{
  content:none!important;
}

html.sndwch-product-page #next .next-body,
html.sndwch-product-page #download .next-body{
  display:grid!important;
  order:1!important;
  gap:clamp(16px,1.6vw,22px)!important;
  align-content:center!important;
  justify-content:start!important;
}

html.sndwch-product-page #next .next-body h2,
html.sndwch-product-page #download .next-body h2{
  margin:0!important;
}

html.sndwch-product-page #next .next-body p,
html.sndwch-product-page #download .next-body p{
  margin:0!important;
}

html.sndwch-product-page #next .next-note,
html.sndwch-product-page #download .next-note{
  max-width:40ch!important;
  color:rgba(255,255,255,.42)!important;
  font-size:14px!important;
}

html.sndwch-product-page .release-check{
  display:grid!important;
  gap:7px!important;
  width:min(100%,46rem)!important;
  margin-block:clamp(4px,.8vw,10px)!important;
}

html.sndwch-product-page #download .release-check p.next-note{
  max-width:none!important;
  margin:0!important;
  color:rgba(255,255,255,.42)!important;
  font-size:12px!important;
  line-height:1.25!important;
}

html.sndwch-product-page .release-check .code-block{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 6px!important;
  overflow-x:auto!important;
  white-space:nowrap!important;
  color:#dfe5ff!important;
  font-size:12px!important;
  line-height:1.35!important;
}

html.sndwch-product-page #next .sndwch-visual,
html.sndwch-product-page #download .sndwch-visual{
  order:2!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

html.sndwch-product-page #next .sndwch-visual::after,
html.sndwch-product-page #next .sndwch-visual .badge,
html.sndwch-product-page #download .sndwch-visual::after,
html.sndwch-product-page #download .sndwch-visual .badge{
  content:none!important;
  display:none!important;
}

html.sndwch-product-page .footer{
  border-top:0!important;
}

@media (max-width:900px){
  html.sndwch-product-page{
    --nav-h:52px;
  }

  html.sndwch-product-page .nav-inner{
    width:calc(100vw - clamp(40px,10.4vw,56px))!important;
  }

  html.sndwch-product-page main > .wrap,
  html.sndwch-product-page main > section > .wrap,
  html.sndwch-product-page .footer .wrap{
    width:calc(100% - 40px)!important;
  }

  html.sndwch-product-page .pdp-hero,
  html.sndwch-product-page #next .next-card.sndwch-next,
  html.sndwch-product-page #download .next-card.sndwch-next{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    gap:clamp(34px,8vw,56px)!important;
  }

  html.sndwch-product-page .pdp-hero{
    padding-block:clamp(52px,9vw,76px) clamp(52px,10vw,76px)!important;
  }

  html.sndwch-product-page main > section.sec-tight{
    min-height:auto!important;
    padding-block:clamp(64px,14vw,92px)!important;
  }

  html.sndwch-product-page .pdp-copy h1,
  html.sndwch-product-page .sec-head h2,
  html.sndwch-product-page .next-body h2{
    max-width:8.6ch!important;
    font-size:clamp(44px,13vw,62px)!important;
  }

  html.sndwch-product-page .pdp-copy .lede,
  html.sndwch-product-page .sec-head p,
  html.sndwch-product-page .next-body p{
    max-width:32ch!important;
    font-size:clamp(17px,4.8vw,19px)!important;
  }
}

@media (max-width:520px){
  html.sndwch-product-page main > .wrap,
  html.sndwch-product-page main > section > .wrap,
  html.sndwch-product-page .footer .wrap{
    width:calc(100% - 36px)!important;
  }

  html.sndwch-product-page .pdp-hero{
    padding-block:40px 68px!important;
  }
}

/* Full-site consistency pass: keep secondary pages in the same quiet system. */
html.content-page,
html.utility-page,
html.products-page{
  scroll-padding-top:var(--nav-h)!important;
}

html.content-page body,
html.utility-page body,
html.products-page body,
html.content-page main,
html.utility-page main,
html.products-page main,
html.content-page main > section,
html.utility-page main > section,
html.products-page main > section{
  background:#070707!important;
}

html.content-page body::before,
html.utility-page body::before,
html.products-page body::before{
  background:none!important;
}

html.content-page .nav,
html.utility-page .nav,
html.products-page .nav,
html.content-page .nav.is-scrolled,
html.utility-page .nav.is-scrolled,
html.products-page .nav.is-scrolled,
html.content-page body.nav-open .nav,
html.utility-page body.nav-open .nav,
html.products-page body.nav-open .nav{
  border-bottom:0!important;
}

html.content-page .nav-inner,
html.utility-page .nav-inner,
html.products-page .nav-inner,
html.content-page main > section > .wrap,
html.utility-page main > section > .wrap,
html.products-page main > section > .wrap,
html.content-page .footer .wrap,
html.utility-page .footer .wrap,
html.products-page .footer .wrap{
  width:var(--site-wide)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

html.content-page .wrap-narrow,
html.utility-page .wrap-narrow,
html.content-page .wrap-center,
html.utility-page .wrap-center{
  max-width:52rem!important;
}

html.content-page .crumb,
html.products-page .products-index .crumb{
  display:none!important;
}

html.content-page .nav-cta,
html.utility-page .nav-cta,
html.products-page .nav-cta,
html.content-page .footer .footer-top.footer-core .made a,
html.utility-page .footer .footer-top.footer-core .made a,
html.products-page .footer .footer-top.footer-core .made a{
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.content-page .nav-cta:hover,
html.utility-page .nav-cta:hover,
html.products-page .nav-cta:hover,
html.content-page .nav-cta:focus-visible,
html.utility-page .nav-cta:focus-visible,
html.products-page .nav-cta:focus-visible,
html.content-page .footer .footer-top.footer-core .made a:hover,
html.utility-page .footer .footer-top.footer-core .made a:hover,
html.products-page .footer .footer-top.footer-core .made a:hover,
html.content-page .footer .footer-top.footer-core .made a:focus-visible,
html.utility-page .footer .footer-top.footer-core .made a:focus-visible,
html.products-page .footer .footer-top.footer-core .made a:focus-visible{
  color:rgba(255,255,255,.94)!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.content-page .sec-head h1,
html.utility-page h1,
html.content-page .sec-head h2,
html.utility-page .sec-head h2{
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-weight:650!important;
  letter-spacing:0!important;
  line-height:.96!important;
  text-transform:lowercase!important;
}

html.content-page .sec-head h1,
html.utility-page h1{
  max-width:12ch!important;
  font-size:clamp(54px,5.2vw,92px)!important;
}

html.content-page .sec-head h2,
html.utility-page .sec-head h2{
  max-width:16ch!important;
  font-size:clamp(38px,4.4vw,72px)!important;
}

html.content-page .sec-head h1 .blue,
html.utility-page h1 .blue,
html.content-page .sec-head h2 .blue,
html.utility-page .sec-head h2 .blue{
  color:inherit!important;
}

html.content-page .sec-head p,
html.utility-page .hero-lede,
html.utility-page .lede,
html.content-page .lede,
html.content-page p{
  color:rgba(255,255,255,.68)!important;
  font-family:var(--font-body)!important;
  font-weight:550!important;
  letter-spacing:0!important;
}

html.content-page .btn,
html.utility-page .btn,
html.products-page .btn{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:32px!important;
  margin:0!important;
  padding:6px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.94)!important;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  text-decoration:none!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.content-page .btn:hover,
html.utility-page .btn:hover,
html.products-page .btn:hover,
html.content-page .btn:focus-visible,
html.utility-page .btn:focus-visible,
html.products-page .btn:focus-visible{
  color:#fff!important;
  transform:translate3d(0,-.5px,0)!important;
  text-decoration:none!important;
}

html.content-page .btn-row,
html.utility-page .btn-row,
html.products-page .p-actions{
  display:grid!important;
  justify-items:start!important;
  gap:8px!important;
  margin-top:clamp(18px,2vw,28px)!important;
}

html.content-page .btn-row.center,
html.utility-page .btn-row.center{
  justify-items:center!important;
}

html.content-page .card,
html.utility-page .card,
html.content-page .about-stat,
html.utility-page .ty-confirm,
html.utility-page .ty-help,
html.content-page .step,
html.utility-page .step,
html.content-page .faq,
html.utility-page .faq{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.content-page .card,
html.utility-page .card,
html.content-page .about-stat{
  padding:clamp(18px,2vw,28px) 0!important;
}

html.content-page .finalcta,
html.utility-page .hero.on-blue,
html.utility-page .finalcta{
  background:#070707!important;
  color:#fff!important;
  border-top:0!important;
  text-align:left!important;
}

html.utility-page .hero-copy,
html.utility-page .hero-inner.single{
  text-align:left!important;
  align-items:flex-start!important;
}

html.utility-page .hero-meta a,
html.utility-page .utility-link-row a,
html.content-page .doc-main a{
  color:rgba(255,255,255,.78)!important;
  text-decoration:none!important;
}

html.utility-page .hero-meta a:hover,
html.utility-page .hero-meta a:focus-visible,
html.utility-page .utility-link-row a:hover,
html.utility-page .utility-link-row a:focus-visible,
html.content-page .doc-main a:hover,
html.content-page .doc-main a:focus-visible{
  color:#fff!important;
  text-decoration:none!important;
}

html.utility-page .utility-not-found{
  min-height:calc(100svh - var(--nav-h))!important;
  display:grid!important;
  align-items:center!important;
  padding-block:clamp(74px,9vw,130px)!important;
}

html.utility-page .utility-link-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px 22px!important;
  margin-top:clamp(26px,3vw,40px)!important;
  color:rgba(255,255,255,.48)!important;
  font-size:14px!important;
  font-weight:650!important;
}

html.products-page .products-index .p-actions .quiet-link{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:6px 0!important;
  color:rgba(255,255,255,.94)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  text-decoration:none!important;
  transform:translate3d(0,0,0)!important;
  transition:color .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1)!important;
}

html.products-page .products-index .p-actions .quiet-link:hover,
html.products-page .products-index .p-actions .quiet-link:focus-visible{
  color:#fff!important;
  text-decoration:none!important;
  transform:translate3d(0,-.5px,0)!important;
}

@media (max-width:900px){
  html.content-page .nav-inner,
  html.utility-page .nav-inner,
  html.products-page .nav-inner{
    width:calc(100vw - clamp(40px,10.4vw,56px))!important;
  }

  html.content-page main > section > .wrap,
  html.utility-page main > section > .wrap,
  html.products-page main > section > .wrap,
  html.content-page .footer .wrap,
  html.utility-page .footer .wrap,
  html.products-page .footer .wrap{
    width:calc(100% - 40px)!important;
  }

  html.docs-page .doc-nav{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
    margin:0 0 clamp(28px,8vw,40px)!important;
    background:transparent!important;
  }

  html.docs-page .doc-nav a{
    display:flex!important;
    min-width:0!important;
    min-height:38px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
    background:transparent!important;
    padding:10px 0!important;
    color:rgba(255,255,255,.62)!important;
    font-size:13px!important;
    line-height:1.2!important;
  }

  html.content-page .sec-head h1,
  html.utility-page h1{
    max-width:8.6ch!important;
    font-size:clamp(44px,13vw,62px)!important;
  }
}

@media (max-width:520px){
  html.content-page main > section > .wrap,
  html.utility-page main > section > .wrap,
  html.products-page main > section > .wrap,
  html.content-page .footer .wrap,
  html.utility-page .footer .wrap,
  html.products-page .footer .wrap{
    width:calc(100% - 36px)!important;
  }
}

/* Account and focused support pages */
html.account-page [hidden],
html.auth-page [hidden]{
  display:none!important;
}

html.account-page .account-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px);
  gap:clamp(28px,5vw,72px);
  align-items:start;
  margin-bottom:clamp(34px,6vw,78px);
}

html.account-page .account-signin-panel,
html.account-page .account-card,
html.account-page .download-row,
html.auth-page .auth-panel,
html.support-product-page .doc-card{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.account-page .account-signin-panel,
html.account-page .account-card,
html.auth-page .auth-panel{
  padding:clamp(18px,2.8vw,32px) 0!important;
}

html.account-page .account-signin-panel h2,
html.account-page .account-card h2,
html.account-page .download-row h2,
html.auth-page .auth-panel h1,
html.support-product-page .doc-card strong{
  color:#fff;
  letter-spacing:0;
}

html.account-page .account-signin-panel h2,
html.account-page .account-card h2,
html.account-page .download-row h2{
  margin:10px 0 8px;
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.05;
}

html.account-page .account-signin-panel p,
html.account-page .account-card p,
html.account-page .download-row p,
html.auth-page .auth-side-note p,
html.auth-page .form-note{
  color:rgba(255,255,255,.68)!important;
  font-size:15px;
  line-height:1.55;
}

html.account-page .account-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,3vw,36px);
}

html.account-page .account-entry-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,440px);
  gap:clamp(28px,5vw,78px);
  align-items:start;
  margin-bottom:clamp(34px,6vw,74px);
}

html.account-page .account-subnav{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:0 0 clamp(34px,5vw,56px);
  padding:0 0 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

html.account-page .account-subnav a{
  color:rgba(255,255,255,.56);
  font-size:14px;
  font-weight:750;
  line-height:1.2;
  text-transform:lowercase;
}

html.account-page .account-subnav a:hover,
html.account-page .account-subnav a:focus-visible,
html.account-page .account-subnav a.active{
  color:#fff;
  text-decoration:none;
}

html.account-page .auth-choice-panel,
html.account-page .account-signed-in-panel{
  padding:clamp(18px,2.8vw,32px) 0;
  border-top:1px solid rgba(255,255,255,.10);
}

html.account-page .account-signed-in-panel h2{
  margin:10px 0 8px;
  color:#fff;
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.05;
  letter-spacing:0;
}

html.account-page .account-email-line{
  margin-top:12px!important;
  color:rgba(255,255,255,.50)!important;
  font-size:13px!important;
  font-weight:700!important;
  overflow-wrap:anywhere;
}

html.account-page .account-notice{
  display:grid;
  gap:4px;
  margin:0 0 clamp(24px,4vw,42px);
  padding:16px 0;
  border-top:1px solid rgba(1,45,255,.42);
  border-bottom:1px solid rgba(255,255,255,.10);
}

html.account-page .account-notice[hidden]{
  display:none!important;
}

html.account-page .account-notice strong{
  color:#fff;
  font-size:17px;
  font-weight:750;
  line-height:1.15;
  text-transform:lowercase;
}

html.account-page .account-notice span{
  color:rgba(255,255,255,.66);
  font-size:14px;
  line-height:1.45;
}

html.account-page .account-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,3vw,32px);
  margin:0 0 clamp(24px,4vw,46px);
  padding:clamp(16px,2vw,24px) 0;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

html.account-page .account-kpis[hidden]{
  display:none!important;
}

html.account-page .account-kpis article{
  display:grid;
  gap:4px;
  min-width:0;
}

html.account-page .account-kpis span,
html.account-page .account-kpis small{
  color:rgba(255,255,255,.48);
  font-size:12px;
  font-weight:750;
  line-height:1.25;
  text-transform:lowercase;
}

html.account-page .account-kpis strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:#fff;
  font-size:clamp(22px,2.8vw,34px);
  font-weight:650;
  line-height:1.02;
  letter-spacing:0;
}

html.account-page .account-steps{
  display:grid;
  gap:0;
  max-width:980px;
}

html.account-page .account-mini-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:clamp(18px,4vw,44px);
  align-items:start;
  padding:clamp(18px,2.8vw,30px) 0;
  border-top:1px solid rgba(255,255,255,.10);
}

html.account-page .account-mini-row h2{
  margin:8px 0 8px;
  color:#fff;
  font-size:clamp(21px,2vw,28px);
  line-height:1.05;
  letter-spacing:0;
}

html.account-page .account-mini-row p{
  max-width:620px;
  color:rgba(255,255,255,.68)!important;
}

html.account-page .auth-form.compact{
  max-width:none;
  margin-top:0;
}

html.account-page .account-card-wide{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(18px,3vw,32px);
  align-items:end;
}

html.account-page .account-actions,
html.account-page .download-actions{
  display:grid;
  gap:8px;
  justify-items:start;
}

html.account-page .auth-choice-panel .account-primary{
  width:100%!important;
}

html.account-page .download-list{
  display:grid;
  gap:clamp(18px,3vw,34px);
}

html.account-page .download-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,max-content);
  gap:clamp(18px,4vw,44px);
  padding:clamp(18px,2.8vw,32px) 0!important;
  align-items:start;
}

html.account-page .status-pill,
html.auth-page .status-pill{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  min-height:26px;
  padding:4px 8px;
  border:1px solid rgba(1,45,255,.40);
  border-radius:999px;
  color:rgba(255,255,255,.86);
  background:rgba(1,45,255,.13);
  font-size:12px;
  font-weight:700;
  line-height:1;
  text-transform:lowercase;
}

html.account-page .status-pill.muted,
html.auth-page .status-pill.muted{
  border-color:rgba(255,255,255,.14);
  background:transparent;
  color:rgba(255,255,255,.52);
}

html.account-page .account-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border:1px solid rgba(1,45,255,.96)!important;
  border-radius:8px!important;
  background:#012dff!important;
  color:#fff!important;
  box-shadow:0 18px 34px -24px rgba(1,45,255,.92)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-transform:lowercase!important;
  text-decoration:none!important;
}

html.account-page .account-primary:hover,
html.account-page .account-primary:focus-visible{
  background:#173cff!important;
  border-color:#173cff!important;
  color:#fff!important;
  transform:translate3d(0,-1px,0)!important;
  text-decoration:none!important;
}

html.account-page .account-primary:disabled,
html.auth-page .auth-secondary-link:disabled,
html.auth-page .password-toggle:disabled{
  cursor:not-allowed!important;
  opacity:.58!important;
  transform:none!important;
}

html.account-page .account-primary[hidden],
html.account-page [data-signed-in][hidden],
html.account-page [data-verified-only][hidden]{
  display:none!important;
}

html.auth-page .auth-section{
  min-height:calc(100svh - var(--nav-h));
  display:grid;
  align-items:start;
  padding-top:clamp(48px,8vh,108px);
}

html.auth-page .auth-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(20px,3vw,34px);
  max-width:560px;
}

html.auth-page .auth-form{
  display:grid;
  gap:12px;
  max-width:none;
}

html.auth-page .auth-password-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(22px,4vw,44px);
  align-items:start;
}

html.auth-page .auth-password-grid .auth-form{
  max-width:none;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
}

html.auth-page .auth-form-title{
  margin:0 0 6px;
  color:#fff;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.05;
  letter-spacing:0;
  text-transform:lowercase;
}

html.auth-page .field-label{
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:700;
  text-transform:lowercase;
}

html.auth-page .password-toggle{
  justify-self:start;
  min-height:28px;
  padding:0;
  color:rgba(255,255,255,.66);
  font-size:13px;
  font-weight:750;
  line-height:1.2;
  text-transform:lowercase;
}

html.auth-page .password-toggle:hover,
html.auth-page .password-toggle:focus-visible{
  color:#fff;
}

html.auth-page .input:disabled,
html.auth-page .btn:disabled,
html.auth-page .auth-secondary-link:disabled{
  cursor:not-allowed;
  opacity:.62;
}

html.auth-page .input[aria-invalid="true"]{
  border-color:#ff5a74!important;
  box-shadow:0 0 0 3px rgba(255,90,116,.14)!important;
}

html.auth-page .auth-side-note{
  max-width:560px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
}

html.auth-page .auth-panel-modern{
  max-width:560px;
  margin-inline:auto;
}

html.auth-page .auth-copy{
  display:grid;
  gap:12px;
}

html.auth-page .auth-copy h1{
  max-width:10ch;
  margin:0;
  color:#fff;
  font-size:clamp(42px,6.8vw,72px);
  line-height:.92;
  letter-spacing:0;
  text-transform:lowercase;
}

html.auth-page .auth-copy p{
  max-width:520px;
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:16px;
  line-height:1.55;
}

html.auth-page .auth-card{
  display:grid;
  gap:16px;
  padding:18px 0 0;
  border-top:1px solid rgba(255,255,255,.12);
}

html.auth-page .auth-resend-form{
  display:grid;
  gap:10px;
  padding:14px 0 0;
  border-top:1px solid rgba(255,255,255,.10);
}

html.auth-page .auth-resend-form[hidden]{
  display:none!important;
}

html.auth-page .auth-resend-form .auth-secondary-link{
  margin-top:0;
}

html.account-page .auth-feedback,
html.auth-page .auth-feedback{
  margin:0;
  padding:12px 0 13px;
  border-top:1px solid rgba(1,45,255,.34);
  border-bottom:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.45!important;
}

html.account-page .auth-feedback[hidden],
html.auth-page .auth-feedback[hidden]{
  display:none!important;
}

html.account-page .auth-feedback[data-tone="success"],
html.auth-page .auth-feedback[data-tone="success"]{
  border-top-color:rgba(66,185,131,.56);
}

html.account-page .auth-feedback[data-tone="warning"],
html.auth-page .auth-feedback[data-tone="warning"]{
  border-top-color:rgba(255,184,77,.56);
}

html.auth-page .auth-primary{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  padding:12px 16px!important;
  border:1px solid rgba(1,45,255,.95)!important;
  border-radius:8px!important;
  background:#012dff!important;
  color:#fff!important;
  box-shadow:0 18px 34px -24px rgba(1,45,255,.92)!important;
  font-size:15px!important;
  font-weight:800!important;
  text-transform:lowercase!important;
  transition:transform .22s cubic-bezier(.2,.7,.2,1), background .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1)!important;
}

html.auth-page .auth-primary:hover,
html.auth-page .auth-primary:focus-visible{
  background:#173cff!important;
  border-color:#173cff!important;
  color:#fff!important;
  transform:translate3d(0,-1px,0);
}

html.auth-page .auth-primary:disabled{
  transform:none;
}

html.auth-page .auth-form-footer{
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:flex-start;
}

html.auth-page .auth-form-footer .form-note{
  margin:0;
}

html.auth-page .auth-form-footer .quiet-link{
  flex:0 0 auto;
  margin-top:1px;
  color:rgba(255,255,255,.80)!important;
  font-size:14px;
  font-weight:700;
  text-transform:lowercase;
}

html.auth-page .auth-secondary-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:38px;
  margin-top:4px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  color:#fff!important;
  font-weight:750;
  text-decoration:none;
}

html.auth-page .auth-secondary-link:hover,
html.auth-page .auth-secondary-link:focus-visible{
  border-color:rgba(255,255,255,.34);
  text-decoration:none;
}

html.account-page .google-button,
html.auth-page .google-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  min-height:46px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:#fff;
  color:#111;
  font-size:15px;
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
  text-transform:none;
  transition:transform .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1);
}

html.account-page .google-button:hover,
html.auth-page .google-button:hover,
html.account-page .google-button:focus-visible,
html.auth-page .google-button:focus-visible{
  color:#111;
  transform:translate3d(0,-1px,0);
  border-color:rgba(255,255,255,.34);
  text-decoration:none;
}

html.account-page .google-mark,
html.auth-page .google-mark{
  display:block;
  flex:0 0 auto;
  width:20px;
  height:20px;
  object-fit:contain;
}

html.account-page .auth-divider,
html.auth-page .auth-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:12px;
  align-items:center;
  margin:16px 0;
  color:rgba(255,255,255,.42);
  font-size:12px;
  font-weight:750;
  text-transform:lowercase;
}

html.account-page .auth-divider::before,
html.account-page .auth-divider::after,
html.auth-page .auth-divider::before,
html.auth-page .auth-divider::after{
  content:"";
  height:1px;
  background:rgba(255,255,255,.10);
}

html.support-product-page .doc-index{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,2vw,24px);
}

html.support-product-page .doc-card{
  display:grid;
  gap:10px;
  min-height:176px;
  padding:18px 0!important;
  color:inherit;
  text-decoration:none;
}

html.support-product-page .doc-card span,
html.support-product-page .doc-card small{
  color:rgba(255,255,255,.54);
  font-size:13px;
  line-height:1.35;
}

html.support-product-page .doc-card span{
  font-family:var(--font-mono);
  color:rgba(1,45,255,.96);
}

html.support-product-page .doc-card strong{
  font-size:clamp(20px,2vw,26px);
  line-height:1.02;
  text-transform:lowercase;
}

html.support-product-page .doc-card:hover strong,
html.support-product-page .doc-card:focus-visible strong{
  color:#fff;
}

html.support-product-page .doc-layout{
  display:grid;
  grid-template-columns:230px minmax(0,780px);
  gap:clamp(28px,5vw,72px);
  align-items:start;
}

html.support-product-page .doc-main{
  max-width:780px;
}

html.support-product-page .doc-main h1{
  margin:0 0 clamp(22px,3vw,36px);
  color:#fff;
  font-size:clamp(42px,8vw,82px);
  line-height:.92;
  letter-spacing:0;
  text-transform:lowercase;
}

html.support-product-page .doc-main section{
  padding:clamp(20px,3vw,34px) 0;
  border-top:1px solid rgba(255,255,255,.10);
}

html.support-product-page .doc-main section:first-of-type{
  border-top:0;
}

html.support-product-page .doc-main h2{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(22px,2.5vw,32px);
  line-height:1.05;
  letter-spacing:0;
  text-transform:lowercase;
}

html.support-product-page .code-block{
  margin:14px 0;
}

@media (max-width:980px){
  html.account-page .account-hero,
  html.account-page .account-entry-grid,
  html.account-page .account-card-wide,
  html.account-page .account-mini-row,
  html.account-page .download-row,
  html.support-product-page .doc-layout{
    grid-template-columns:1fr;
  }

  html.auth-page .auth-password-grid{
    grid-template-columns:1fr;
  }

  html.support-product-page .doc-index{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px){
  html.account-page .account-grid,
  html.account-page .account-kpis,
  html.support-product-page .doc-index{
    grid-template-columns:1fr;
  }

  html.auth-page .auth-form-footer{
    display:grid;
    gap:6px;
  }

  html.auth-page .auth-form-footer .quiet-link{
    width:max-content;
  }

  html.support-product-page .doc-card{
    min-height:0;
  }
}

/* Cableguys-style simplicity pass: fewer heavy blocks, clearer store/account rhythm. */
html.auth-page .auth-section{
  min-height:auto!important;
  align-items:start!important;
  padding-block:clamp(58px,8vw,104px)!important;
}

html.auth-page .auth-panel,
html.auth-page .auth-panel-modern{
  max-width:520px!important;
  gap:clamp(18px,2.5vw,28px)!important;
  margin-inline:0!important;
  padding-block:0!important;
  border-top:0!important;
}

html.auth-page .auth-copy,
html.auth-page .auth-panel .sec-head{
  gap:10px!important;
  margin-bottom:0!important;
}

html.auth-page .auth-copy h1,
html.auth-page .auth-panel .sec-head h1{
  max-width:13ch!important;
  font-size:clamp(38px,4.6vw,58px)!important;
  line-height:.96!important;
}

html.auth-page .auth-copy p,
html.auth-page .auth-panel .sec-head p{
  max-width:38ch!important;
  font-size:15px!important;
  line-height:1.48!important;
}

html.auth-page .auth-card,
html.auth-page .auth-side-note,
html.auth-page .auth-resend-form,
html.auth-page .auth-form{
  gap:10px!important;
}

html.auth-page .auth-card,
html.auth-page .auth-side-note{
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}

html.auth-page .google-button,
html.account-page .google-button{
  min-height:42px!important;
  border-radius:6px!important;
  font-size:14px!important;
}

html.auth-page .input{
  min-height:44px!important;
  border-radius:6px!important;
  font-size:14px!important;
}

html.auth-page .auth-primary,
html.account-page .account-primary{
  min-height:40px!important;
  border-radius:6px!important;
  font-size:14px!important;
  box-shadow:none!important;
}

html.auth-page .auth-divider{
  margin:10px 0!important;
}

html.account-page .account-entry-grid{
  grid-template-columns:minmax(0,.95fr) minmax(280px,360px)!important;
  gap:clamp(28px,6vw,92px)!important;
  margin-bottom:clamp(28px,5vw,56px)!important;
}

html.account-page .sec-head h1{
  max-width:13ch!important;
  font-size:clamp(42px,5vw,70px)!important;
}

html.account-page .sec-head p{
  max-width:42ch!important;
  font-size:15.5px!important;
  line-height:1.48!important;
}

html.account-page .account-subnav{
  gap:8px clamp(14px,2vw,24px)!important;
  margin-bottom:clamp(28px,4vw,46px)!important;
  padding-bottom:12px!important;
}

html.account-page .account-subnav a{
  font-size:13.5px!important;
}

html.account-page .auth-choice-panel,
html.account-page .account-signed-in-panel{
  padding:16px 0!important;
}

html.account-page .account-kpis{
  grid-template-columns:repeat(3,max-content)!important;
  justify-content:start!important;
  gap:clamp(22px,4vw,54px)!important;
  margin-bottom:clamp(22px,4vw,44px)!important;
  padding:14px 0!important;
}

html.account-page .account-kpis strong{
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.2!important;
}

html.account-page .account-kpis span,
html.account-page .account-kpis small{
  font-size:11.5px!important;
}

html.account-page .account-mini-row,
html.account-page .download-row{
  padding:clamp(16px,2.2vw,26px) 0!important;
}

html.account-page .account-mini-row h2,
html.account-page .download-row h2{
  margin:7px 0 7px!important;
  font-size:clamp(20px,1.8vw,26px)!important;
}

html.account-page .account-mini-row p,
html.account-page .download-row p{
  max-width:56ch!important;
  font-size:14.5px!important;
  line-height:1.5!important;
}

html.account-page .download-actions,
html.account-page .account-actions{
  gap:6px!important;
}

html.support-product-page .doc-index{
  gap:clamp(16px,2.4vw,34px)!important;
}

html.support-product-page .doc-card{
  min-height:148px!important;
  padding:16px 0!important;
}

html.support-product-page .doc-card strong{
  font-size:clamp(19px,1.8vw,24px)!important;
}

html.support-product-page .doc-card small{
  max-width:30ch!important;
}

@media (max-width:980px){
  html.account-page .account-entry-grid,
  html.account-page .account-kpis{
    grid-template-columns:1fr!important;
  }

  html.account-page .account-kpis{
    gap:14px!important;
  }
}

@media (max-width:620px){
  html.auth-page .auth-section{
    padding-block:42px 72px!important;
  }

  html.auth-page .auth-copy h1,
  html.auth-page .auth-panel .sec-head h1,
  html.account-page .sec-head h1{
    font-size:clamp(38px,12vw,52px)!important;
  }

  html.support-product-page .doc-card{
    min-height:0!important;
  }
}