/* ============================================================
   DayStrike V4
   The page is the unlit room. The market is the only lit thing
   in it. One aperture carries the visitor from the raw print
   down into the system and out into the product.
   Motif: the line — price, transport, structure, boundary.
   ============================================================ */

:root{
  --void:#050505;
  --surface:#0A0A0A;
  --raise:#101010;

  --gold:#C9A227;
  --gold-hi:#E0B93F;

  --paper:#F5F5F2;
  --muted:#8A8A84;
  --dim:#6E6E69;

  --buy:#46A876;
  --sell:#CD5B50;
  --state:var(--gold);

  --line:rgba(245,245,242,.10);
  --line-soft:rgba(245,245,242,.055);

  --shell:1360px;
  --colL:290px;
  --colR:clamp(230px,19vw,300px);
  --colGap:clamp(30px,3.6vw,62px);
  --gutter:clamp(20px,4vw,40px);

  --display:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
  --sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}

body{
  margin:0;
  background:var(--void);
  color:var(--paper);
  font-family:var(--sans);
  font-weight:300;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

img{max-width:100%;display:block}
svg{display:block}

button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}

:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}

.skip{
  position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--raise);color:var(--paper);padding:12px 18px;
  font-family:var(--mono);font-size:.75rem;
}
.skip:focus{left:12px;top:12px}

.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}

/* --- shared type ------------------------------------------------------- */

.eyebrow{
  margin:0;font-family:var(--mono);font-size:.75rem;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
}
.eyebrow__n{color:var(--gold);margin-right:.85em}

.sechead{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:clamp(24px,4vw,72px);flex-wrap:wrap;
  margin-bottom:clamp(36px,4.4vw,64px);
  padding-bottom:26px;border-bottom:1px solid var(--line-soft);
}
.sechead .eyebrow{flex:1 0 100%}
.sechead__title{
  flex:1 1 auto;max-width:17ch;margin:.55em 0 0;
  font-family:var(--display);font-variation-settings:'wdth' 125,'wght' 600;font-weight:600;
  font-size:clamp(1.9rem,4.2vw,3.4rem);line-height:1.02;letter-spacing:-.022em;
}
.sechead__note{
  flex:0 1 360px;margin:0 0 .35em;max-width:38ch;color:var(--muted);font-size:.95rem;
}

/* --- buttons / cues ----------------------------------------------------- */

.btn{
  display:inline-flex;align-items:center;gap:.85em;
  font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--void);background:var(--paper);
  min-height:44px;padding:13px 20px;
  transition:transform .18s var(--ease),background-color .3s var(--ease);
}
.btn i{width:14px;height:1px;background:currentColor;transition:width .3s var(--ease)}
.btn:hover{background:var(--gold-hi)}
.btn:hover i{width:22px}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn--sm{font-size:.7rem;padding:9px 14px}
.btn--lg{font-size:.8rem;padding:18px 26px}
.btn--gold{background:var(--gold);color:var(--void)}
.btn--gold:hover{background:var(--gold-hi)}

.cue{
  display:inline-flex;align-items:center;gap:14px;height:26px;
  font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line);
  transition:color .3s var(--ease),border-color .3s var(--ease),transform .18s var(--ease);
}
.cue svg{width:11px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
.cue:hover{color:var(--gold);border-bottom-color:var(--gold)}
.cue:active{transform:translateY(1px)}
.cue--lead{color:var(--paper);border-bottom-color:var(--gold)}

/* --- top bar ------------------------------------------------------------ */

.topbar{
  position:fixed;inset:0 0 auto 0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:18px var(--gutter);
  background:linear-gradient(to bottom,rgba(5,5,5,.98) 0%,rgba(5,5,5,.94) 46%,rgba(5,5,5,.72) 74%,rgba(5,5,5,0) 100%);
}
.brand{display:flex;align-items:center;gap:11px}
.brand__mark{width:30px;height:auto;filter:saturate(.82);margin-top:-2px}
.brand__name{
  font-family:var(--display);font-variation-settings:'wdth' 125,'wght' 600;font-weight:600;
  font-size:.9rem;letter-spacing:.13em;text-transform:uppercase;
}
.topnav{display:flex;gap:clamp(16px,2.4vw,34px);margin-inline:auto}
.topnav a{
  font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);padding:6px 0;border-bottom:1px solid transparent;
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.topnav a:hover{color:var(--paper)}
.topnav a.is-here{color:var(--paper);border-bottom-color:var(--gold)}
.topacts{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.topacts__quiet{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);transition:color .25s var(--ease);
}
.topacts__quiet:hover{color:var(--paper)}

/* --- 001 hero ----------------------------------------------------------- */

.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:140px 0 80px}
.hero__shell{width:100%}
.hero__eyebrow{margin-bottom:clamp(28px,4vw,54px)}
.hero__head{
  margin:0;font-family:var(--display);font-variation-settings:'wdth' 125,'wght' 620;font-weight:600;
  font-size:clamp(2.9rem,11.6vw,10.4rem);line-height:.88;letter-spacing:-.038em;
}
.hero__line{display:block}
.hero__line:nth-child(2){padding-left:.055em}

.priceline{
  position:relative;
  width:100%;
  max-width:100%;
  margin-block:clamp(20px,2.8vw,38px) clamp(18px,2.4vw,30px);
  height:164px;
  cursor:crosshair;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}
.priceline__svg{width:100%;height:100%;overflow:visible}
.priceline__path{fill:none;stroke:var(--gold);stroke-width:1.25;stroke-opacity:.62;vector-effect:non-scaling-stroke}

.ur-hit{fill:transparent;pointer-events:all}
.ur-wick{
  stroke:#E8E6E1;
  stroke-width:1;
  stroke-linecap:butt;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
  stroke-dasharray:1;
  stroke-dashoffset:1;
}
.ur-candle.is-on .ur-wick{
  stroke-dashoffset:0;
  transition:stroke-dashoffset .16s var(--ease);
}
.ur-body{
  stroke-width:1;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
  pointer-events:none;
}
.ur-candle--bull .ur-body{fill:#3D82D6;stroke:#1F5A9E}
.ur-candle--bear .ur-body{fill:#C8C6C1;stroke:#8A8883}
.ur-candle.is-live .ur-body,
.ur-candle.is-hot .ur-body{stroke:var(--gold)}
.ur-candle.is-strike .ur-body{
  stroke:var(--gold-hi);
  stroke-width:1.35;
}
.ur-candle{opacity:0}
.ur-candle.is-on{opacity:1}
.ur-candle.is-strike{
  filter:drop-shadow(0 0 11px rgba(201,162,39,.9));
  transition:filter .5s var(--ease);
}
.ur-candle--set,
.ur-candle--set.is-on{opacity:1}
.ur-candle--set .ur-wick{stroke-dashoffset:0;transition:none}
.ur-candle.is-out{opacity:0;transition:opacity .2s var(--ease);animation:none;filter:none}
.priceline.is-reading .ur-candle.is-on{opacity:.5}
.priceline.is-reading .ur-candle.is-hot{opacity:1}
.ur-playhead{
  stroke:var(--gold);
  stroke-width:1;
  stroke-opacity:0;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
.priceline.is-reading .ur-playhead{stroke-opacity:.55}
.ur-result{
  fill:none;
  stroke:var(--gold);
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
  opacity:0;
  filter:drop-shadow(0 0 5px rgba(201,162,39,.45));
  transition:stroke-dashoffset 1.05s cubic-bezier(.2,.7,.2,1),opacity .28s var(--ease),filter .4s var(--ease);
}
.ur-result.is-on{opacity:.82}
.priceline.is-complete .ur-result{
  opacity:.9;
  filter:drop-shadow(0 0 8px rgba(201,162,39,.7));
}
.ur-spark{
  fill:var(--gold-hi);
  pointer-events:none;
  opacity:0;
  filter:drop-shadow(0 0 6px rgba(224,185,63,.9));
}
.ur-spark--ring{
  fill:none;
  stroke:var(--gold-hi);
  stroke-width:1.15;
  filter:drop-shadow(0 0 5px rgba(224,185,63,.75));
}
.ur-spark.is-on{animation:ur-spark .48s var(--ease) forwards}
@keyframes ur-spark{
  0%{opacity:0}
  22%{opacity:1}
  100%{opacity:0}
}
@keyframes ur-live{
  0%,100%{filter:drop-shadow(0 0 0 rgba(201,162,39,0))}
  50%{filter:drop-shadow(0 0 8px rgba(201,162,39,.62))}
}
.ur-candle.is-live:not(.is-strike){animation:ur-live 1.7s var(--ease) infinite}
.priceline.is-reading .ur-candle.is-live{animation:none}

.hero__sub{
  margin:0;text-align:right;font-family:var(--display);
  font-variation-settings:'wdth' 118,'wght' 400;font-weight:400;
  font-size:clamp(1.25rem,3.5vw,3.1rem);line-height:1.04;letter-spacing:-.018em;color:var(--gold);
}
.hero__foot{
  display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;
  margin-top:clamp(48px,7vw,110px);
}
.hero__gloss{margin:0;max-width:34ch;color:var(--muted);font-size:.95rem;line-height:1.65}
.hero__acts{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px);flex-wrap:wrap}

[data-reveal]{opacity:0;transform:translateY(18px)}
.is-lit [data-reveal]{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.is-lit [data-reveal="1"]{transition-delay:.05s}
.is-lit [data-reveal="2"]{transition-delay:.15s}
.is-lit [data-reveal="3"]{transition-delay:.42s}
.is-lit [data-reveal="4"]{transition-delay:.54s}

/* --- 002 market --------------------------------------------------------- */

.market{
  position:relative;padding:clamp(96px,13vw,190px) 0;
  background:var(--surface);border-top:1px solid var(--line-soft);overflow:hidden;
}
.market[data-market="buy"]{--state:var(--buy)}
.market[data-market="sell"]{--state:var(--sell)}
.market::before{
  content:"";position:absolute;top:34%;left:50%;
  width:min(1100px,120%);height:620px;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--state) 30%,transparent),transparent 68%);
  opacity:.12;transition:background .7s var(--ease);pointer-events:none;
}
.market > .shell{position:relative;z-index:1}

.stagegrid{
  display:grid;
  grid-template-columns:var(--colL) minmax(0,1fr) var(--colR);
  column-gap:var(--colGap);align-items:center;
}

.segs{display:flex;flex-direction:column;gap:4px}
.seg{display:flex;align-items:center;gap:16px;padding:15px 0;text-align:left;color:var(--muted);transition:color .3s var(--ease)}
.seg__rule{
  flex:0 0 auto;width:22px;height:1px;background:currentColor;opacity:.45;
  transition:width .45s var(--ease),background-color .45s var(--ease),opacity .3s var(--ease);
}
.seg__text{
  font-family:var(--display);font-variation-settings:'wdth' 118,'wght' 500;font-weight:500;
  font-size:clamp(1.05rem,1.8vw,1.45rem);letter-spacing:-.01em;line-height:1.1;
}
.seg:hover{color:var(--paper)}
.seg[aria-checked="true"]{color:var(--paper)}
.seg[aria-checked="true"] .seg__rule{width:54px;background:var(--state);opacity:1}

.picker__copy{position:relative;margin-top:30px;padding-top:26px;border-top:1px solid var(--line);min-height:112px}
.picker__copy p{
  position:absolute;top:26px;left:0;right:0;margin:0;color:var(--muted);
  font-size:.95rem;line-height:1.62;opacity:0;transform:translateY(6px);
  transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none;
}
.picker__copy p.is-on{opacity:1;transform:none}

.stage{
  display:grid;padding-block:6px;
  grid-template-rows:var(--stage-h,clamp(420px,62vh,640px)) auto;gap:20px;min-width:0;
  justify-items:center;
}
.frame{
  place-self:center;position:relative;height:100%;aspect-ratio:298/796;background:#000;
  box-shadow:
    0 0 0 14px var(--surface),
    0 0 0 15px color-mix(in srgb,var(--state) 34%,transparent),
    0 46px 90px -28px rgba(0,0,0,.95);
  transition:width .55s var(--ease),height .55s var(--ease),box-shadow .55s var(--ease);
}
.clip{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;
  opacity:0;transition:opacity .42s var(--ease);
}
.clip.is-on{opacity:1}

.tick{
  position:absolute;width:9px;height:9px;border:0 solid var(--state);opacity:.6;
  transition:border-color .55s var(--ease),opacity .4s var(--ease);pointer-events:none;
}
.tick--tl{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px;transform:translate(-22px,-22px)}
.tick--tr{top:-1px;right:-1px;border-top-width:1px;border-right-width:1px;transform:translate(22px,-22px)}
.tick--bl{bottom:-1px;left:-1px;border-bottom-width:1px;border-left-width:1px;transform:translate(-22px,22px)}
.tick--br{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px;transform:translate(22px,22px)}

.transport{display:flex;align-items:center;gap:14px;width:var(--plate-w,100%);max-width:100%}
.transport__btn{
  flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;
  color:var(--muted);transition:color .25s var(--ease);
}
.transport__btn:hover{color:var(--paper)}
.transport__btn svg{width:12px;height:12px;fill:currentColor}
.transport__btn .ic-play{display:none}
.transport__btn.is-paused .ic-pause{display:none}
.transport__btn.is-paused .ic-play{display:block}
.transport__track{position:relative;flex:1 1 auto;min-width:90px;height:1px;background:var(--line)}
.transport__fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--state);transition:background-color .55s var(--ease)}

/* video context metadata - hidden until real data provided */
.vidctx{
  margin-top:24px;padding:20px 0;border-top:1px solid var(--line-soft);
}
.vidctx[hidden],
.vidctx[data-vidctx-active="false"]{display:none !important}
.vidctx__meta{
  margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px 20px;
}
.vidctx__meta[data-ctx="sell"]{display:none}
.vidctx__meta div{display:contents}
.vidctx__meta dt{
  font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);margin:0;
}
.vidctx__meta dd{
  font-size:.9rem;color:var(--paper);margin:0;
}
.vidctx__disc{
  margin:16px 0 0;font-family:var(--mono);font-size:.68rem;
  line-height:1.65;letter-spacing:.02em;color:var(--dim);max-width:52ch;
}

.reading{align-self:center}
.reading__label{
  margin:0 0 20px;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);
}
.reading__list{margin:0;padding:0;list-style:none;counter-reset:r}
.reading__list li{
  counter-increment:r;position:relative;padding:14px 0 14px 34px;
  border-top:1px solid var(--line-soft);font-size:.95rem;line-height:1.5;color:var(--paper);
}
.reading__list li::before{
  content:counter(r,decimal-leading-zero);position:absolute;left:0;top:15px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:var(--state);
  transition:color .5s var(--ease);
}
.reading__list li:last-child{border-bottom:1px solid var(--line-soft)}
.reading__foot{
  margin:20px 0 0;font-family:var(--mono);font-size:.7rem;line-height:1.6;
  letter-spacing:.04em;color:var(--dim);max-width:26ch;
}

/* --- 003 what daystrike sees -------------------------------------------- */

.sees{
  position:relative;background:var(--void);border-top:1px solid var(--line-soft);
  --state:var(--gold);
}
.sees[data-market="buy"]{--state:var(--buy)}
.sees[data-market="sell"]{--state:var(--sell)}

.sees__track{height:540vh}
.sees__pin{
  position:sticky;top:0;height:100svh;
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  padding:92px 0 24px;overflow:hidden;
}

.sees__top{
  display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding-bottom:28px;
}
.sees__now{
  margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--state);transition:color .5s var(--ease);
}

.sees__stage{position:relative;margin-inline:var(--gutter);min-height:0}

.readline{
  position:absolute;top:50%;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));
  height:1px;background:linear-gradient(to right,transparent,var(--state) 12%,var(--state) 88%,transparent);
  opacity:.16;transition:background .6s var(--ease);pointer-events:none;
}

.apwin{
  position:absolute;
  top:var(--ap-t,2%);right:var(--ap-r,39%);bottom:var(--ap-b,2%);left:var(--ap-l,39%);
  overflow:hidden;background:#000;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--gold) 38%,transparent),
    0 0 0 1px color-mix(in srgb,var(--state) 18%,transparent) inset,
    0 60px 120px -40px rgba(0,0,0,1);
}
.apmarks{
  position:absolute;
  top:var(--ap-t,2%);right:var(--ap-r,39%);bottom:var(--ap-b,2%);left:var(--ap-l,39%);
  pointer-events:none;
}
.apmarks .tick{opacity:.8}
.aplayer{position:absolute;inset:0;will-change:opacity}
.aplayer--raw{opacity:var(--o-raw,1)}
.aplayer--system{opacity:var(--o-sys,0);overflow:hidden}
.aplayer--detail{opacity:var(--o-det,0)}

.apclip{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;
  opacity:0;transition:opacity .4s var(--ease);
}
.apclip.is-on{opacity:1}

.aplayer--system img{
  position:absolute;left:0;right:0;
  top:calc(-1 * var(--sys-top,0%));height:calc(100% + var(--sys-top,0%));
  width:100%;object-fit:cover;object-position:var(--sys-x,50%) 100%;
  transform:scale(var(--sys-s,1));transform-origin:var(--sys-x,50%) 100%;
}

/* percentage crop: container aspect equals the crop aspect, image offset in % */
.crop{position:relative;overflow:hidden}
.crop img{position:absolute;left:var(--cx,0);top:var(--cy,0);width:var(--cw,100%);height:var(--ch,100%);max-width:none}
.crop--buy{--cw:175.50%;--ch:316.41%;--cx:0%;--cy:-17.95%;aspect-ratio:400/390}
.crop--sell{--cw:120.58%;--ch:290.49%;--cx:-15.94%;--cy:0%;aspect-ratio:345/305}
.crop--interface{--cw:100%;--ch:105.95%;--cx:0%;--cy:-2.78%;aspect-ratio:1536/790}

.aplayer--detail .crop{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;display:none}
.aplayer--detail .crop.is-on{display:block}

/* pending asset placeholder - preserves layout without showing broken images */
.crop--pending,
.aplayer--pending{
  background:linear-gradient(135deg,#0A0A0A 0%,#050505 100%);
}
.crop--pending::before,
.aplayer--pending::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 40px,
      rgba(201,162,39,.02) 40px,
      rgba(201,162,39,.02) 41px
    ),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 40px,
      rgba(201,162,39,.02) 40px,
      rgba(201,162,39,.02) 41px
    );
  pointer-events:none;
}
.crop--pending img,
.aplayer--pending img{
  opacity:0;
  pointer-events:none;
}

/* pressure beat: the page starts measuring — two hairlines open out
   past the aperture, so it reads as website layer, never as annotation
   painted onto the recording. */
.band{
  position:absolute;inset:0;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));
  opacity:var(--o-band,0);pointer-events:none;
}
.band i{
  position:absolute;left:0;right:0;height:1px;background:var(--state);opacity:.5;
}
.band i:first-child{top:calc(50% - var(--bh,6%))}
.band i:last-child{top:calc(50% + var(--bh,6%))}
.seesglow{
  position:absolute;left:50%;top:50%;width:min(1240px,116%);height:78%;
  transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--state) 34%,transparent),transparent 68%);
  opacity:var(--o-glow,0);
}

.sees__foot{
  display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,33vw,470px);
  gap:clamp(24px,4vw,64px);align-items:end;padding-top:18px;
}
.beats{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);flex-wrap:wrap}
.beat{
  display:flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);transition:color .4s var(--ease);white-space:nowrap;
}
.beat__rule{width:10px;height:1px;background:currentColor;opacity:.5;transition:width .45s var(--ease),background-color .4s var(--ease)}
.beat.is-on{color:var(--paper)}
.beat.is-on .beat__rule{width:26px;background:var(--state);opacity:1}

.says{position:relative;width:100%;min-height:78px}
.say{
  position:absolute;left:0;right:0;bottom:0;margin:0;text-align:right;
  font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.5;color:var(--muted);
  opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease);
  pointer-events:none;
}
.say b{font-weight:400;color:var(--paper)}
.say.is-on{opacity:1;transform:none}

/* --- 004 product -------------------------------------------------------- */

.product{
  padding:clamp(96px,13vw,190px) 0 clamp(80px,10vw,130px);
  background:var(--void);border-top:1px solid var(--line-soft);
}
.product[data-prod="precision"]{--state:var(--gold)}

.prodindex{
  display:flex;align-items:flex-end;gap:clamp(26px,4.4vw,72px);flex-wrap:wrap;
  padding-bottom:22px;margin-bottom:clamp(28px,3.4vw,48px);border-bottom:1px solid var(--line-soft);
}
.prodtab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:6px}
.prodtab__name{
  font-family:var(--display);font-variation-settings:'wdth' 125,'wght' 600;font-weight:600;
  font-size:clamp(1.7rem,4.2vw,3rem);line-height:1;letter-spacing:-.028em;
  color:var(--dim);transition:color .35s var(--ease);
}
.prodtab__note{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:transparent;transition:color .35s var(--ease);
}
.prodtab:hover .prodtab__name{color:var(--muted)}
.prodtab[aria-selected="true"] .prodtab__name{color:var(--paper)}
.prodtab[aria-selected="true"] .prodtab__note{color:var(--gold)}
.prodtab::after{
  content:"";position:absolute;left:0;bottom:-23px;height:1px;width:0;background:var(--gold);
  transition:width .45s var(--ease);
}
.prodtab[aria-selected="true"]::after{width:100%}

.pstage{
  position:relative;aspect-ratio:1536/790;width:100%;
  background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-soft);overflow:hidden;
}
.pview{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  clip-path:inset(0 0 0 100%);
  transition:opacity .5s var(--ease),clip-path .62s var(--ease);
}
.pview.is-on{opacity:1;pointer-events:auto;clip-path:inset(0 0 0 0)}
.pview.is-out{clip-path:inset(0 100% 0 0)}

.plate{position:absolute;inset:0;background:#fff}
.plate .crop--interface{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}

.call{
  position:absolute;margin:0;display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);
  background:rgba(5,5,5,.86);padding:7px 11px;
}
.call__rule{width:34px;height:1px;background:currentColor;opacity:.7}
.call--order{top:5.4%;right:12.2%;flex-direction:row-reverse}

.held{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;
  padding:clamp(30px,4.6vw,64px);
}
.held > *{position:relative;z-index:1}
.held__bar{
  margin:clamp(16px,2vw,24px) 0 0;width:min(100%,620px);display:flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);
}
.held__dot{flex:0 0 auto;width:5px;height:5px;background:var(--gold);border-radius:50%}
.held__rule{flex:1 1 auto;height:1px;background:rgba(245,245,242,.16)}
.held__word{
  margin:0;font-family:var(--display);font-variation-settings:'wdth' 125,'wght' 620;font-weight:600;
  font-size:clamp(3rem,10vw,7.6rem);line-height:.86;letter-spacing:-.04em;color:var(--paper);
}
.held__line{
  margin:clamp(14px,1.8vw,22px) 0 0;max-width:30ch;
  font-family:var(--display);font-variation-settings:'wdth' 112,'wght' 400;font-weight:400;
  font-size:clamp(1.05rem,2vw,1.7rem);line-height:1.25;letter-spacing:-.012em;color:var(--gold);
}
.held__svg{
  position:absolute;left:0;right:0;bottom:0;z-index:0;
  width:100%;height:auto;opacity:.85;
}
.held__note{
  margin:clamp(16px,2vw,26px) 0 0;max-width:46ch;
  font-family:var(--mono);font-size:.72rem;line-height:1.65;letter-spacing:.04em;color:var(--dim);
}
.held--options .held__word{color:var(--paper)}

.sch-base{stroke:var(--paper);stroke-opacity:.13;stroke-width:1}
.sch-main{fill:none;stroke:var(--gold);stroke-width:2.25;stroke-linecap:round}
.sch-branch{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 6;stroke-opacity:.6}
.sch-comb line{stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-opacity:.45}
.sch-spread{stroke:var(--gold);stroke-width:1;stroke-dasharray:3 5;stroke-opacity:.5}
.sch-node circle{fill:var(--gold)}
.pview.is-on .sch-main{animation:draw 1.15s var(--ease) both}
@keyframes draw{from{stroke-dasharray:1200;stroke-dashoffset:1200}to{stroke-dasharray:1200;stroke-dashoffset:0}}

.pmeta{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);
  gap:clamp(28px,5vw,80px);align-items:start;
  margin-top:clamp(26px,3vw,42px);padding-top:26px;border-top:1px solid var(--line);
}
.pmeta__copy{max-width:52ch;min-height:104px}
.pmeta__kind{
  margin:0 0 12px;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);
}
.pmeta__body{margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;color:var(--paper);opacity:.92}
.pmeta__who{margin:16px 0 0;font-size:.92rem;line-height:1.55;color:var(--muted);font-style:italic}
.pmeta__copy.is-swap .pmeta__kind,.pmeta__copy.is-swap .pmeta__body,.pmeta__copy.is-swap .pmeta__who{opacity:0;transform:translateY(6px)}
.pmeta__kind,.pmeta__body,.pmeta__who{transition:opacity .32s var(--ease),transform .32s var(--ease)}
.pmeta__price{text-align:right}
.pmeta__price-main{margin:0;font-family:var(--display);font-size:2.2rem;font-weight:600;letter-spacing:-.025em;color:var(--gold)}
.pmeta__price-main span{font-size:1.4rem;color:var(--muted);font-weight:400}
.pmeta__price-alt{margin:8px 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.pmeta__acts{
  grid-column:1 / -1;
  display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding-top:8px;
}
.pmeta__acts .btn{min-height:44px}
.pmeta__acts .cue{height:auto;min-height:44px;align-items:center;padding-bottom:8px}

/* --- 005 proof / evidence ----------------------------------------------- */

.proof{padding:clamp(90px,11vw,160px) 0 clamp(80px,9vw,120px);background:var(--void);border-top:1px solid var(--line-soft)}
.proof[hidden],
.proof[data-proof-active="false"]{display:none !important}

.proof .sechead__title{max-width:18ch}
.proof .sechead__note{max-width:46ch}

.proof__grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);
  grid-template-rows:auto auto;
  gap:clamp(16px,1.8vw,28px);
  margin-bottom:clamp(40px,5vw,60px);
  align-items:stretch;
}

.proof__item{
  position:relative;
  display:flex;
  flex-direction:column;
  margin:0;
  padding:0;
  background:var(--surface);
  border:1px solid var(--line);
  cursor:zoom-in;
  text-align:left;
  color:inherit;
  transition:border-color .35s var(--ease), transform .4s var(--ease);
}
.proof__item:hover,
.proof__item:focus-visible{
  border-color:var(--gold);
  transform:translateY(-2px);
  outline:none;
}
.proof__item:focus-visible{
  box-shadow:0 0 0 1px var(--gold);
}
.proof__item--featured{
  grid-column:1;
  grid-row:1 / span 2;
}

.proof__img{
  margin:0;
  flex:1 1 auto;
  min-height:0;
  aspect-ratio:1301/924;
  background:#0B0B0B;
  overflow:hidden;
  border-bottom:1px solid var(--line-soft);
}
.proof__img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  transition:transform .7s var(--ease);
}
.proof__item:hover .proof__img img,
.proof__item:focus-visible .proof__img img{
  transform:scale(1.018);
}

.proof__content{
  padding:18px 20px 20px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 16px;
  align-items:end;
}
.proof__type{
  grid-column:1 / -1;
  margin:0 0 6px;
  font-family:var(--mono);
  font-size:.64rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}
.proof__title,
.proof__name{
  margin:0;
  font-family:var(--display);
  font-size:clamp(1.15rem,2vw,1.55rem);
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--paper);
}
.proof__amount{
  margin:0;
  font-family:var(--display);
  font-size:clamp(1.15rem,2vw,1.55rem);
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--gold);
  text-align:right;
}
.proof__quote{
  grid-column:1 / -1;
  margin:0 0 8px;
  font-size:.95rem;
  line-height:1.65;
  color:var(--paper);
}
.proof__item--testimonial .proof__name,
.proof__item--session .proof__name{
  font-family:var(--mono);
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.08em;
  color:var(--muted);
}
.proof__context,
.proof__date{
  grid-column:1 / -1;
  margin:0;
  font-family:var(--mono);
  font-size:.7rem;
  letter-spacing:.04em;
  color:var(--dim);
}
.proof__date{margin-top:2px;text-transform:uppercase;letter-spacing:.1em}

.proof__disc{
  margin:0;
  padding-top:clamp(32px,4vw,48px);
  border-top:1px solid var(--line-soft);
  font-family:var(--mono);
  font-size:.72rem;
  line-height:1.75;
  letter-spacing:.02em;
  color:var(--dim);
  max-width:82ch;
}

body.is-proofx{overflow:hidden}

.proofx[hidden]{display:none !important}
.proofx{
  position:fixed;inset:0;z-index:80;
  display:grid;align-items:start;justify-items:center;
  padding:clamp(16px,4vw,36px);
  overflow:auto;
}
.proofx__scrim{
  position:absolute;inset:0;border:0;padding:0;
  background:rgba(5,5,5,.88);
  cursor:zoom-out;
}
.proofx__stage{
  position:relative;z-index:1;
  width:min(1120px,100%);
  display:flex;flex-direction:column;gap:18px;
}
.proofx__fig{
  margin:0;
  background:#080808;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 32%,transparent),0 40px 80px -30px #000;
}
.proofx__fig img{
  display:block;width:100%;height:auto;
  max-height:calc(100svh - 200px);
  object-fit:contain;background:#000;
}
.proofx__fig figcaption{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:14px 18px 16px;
  border-top:1px solid var(--line-soft);
}
.proofx__title{
  margin:0;
  font-family:var(--display);
  font-size:1.15rem;
  font-weight:600;
  letter-spacing:-.018em;
  color:var(--paper);
}
.proofx__meta{
  margin:0;
  font-family:var(--mono);
  font-size:.7rem;
  letter-spacing:.06em;
  color:var(--muted);
  text-align:right;
}
.proofx__close{
  align-self:flex-end;
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--paper);
  background:transparent;
  border:1px solid var(--line);
  min-height:44px;
  min-width:44px;
  padding:0 16px;
}
.proofx__close kbd{
  font:inherit;opacity:.45;letter-spacing:.08em;
}
.proofx__close:hover,
.proofx__close:focus-visible{
  border-color:var(--gold);
  color:var(--gold);
  outline:none;
}

/* --- 006 access --------------------------------------------------------- */

.access{padding:clamp(90px,11vw,160px) 0 clamp(80px,9vw,120px);background:var(--surface);border-top:1px solid var(--line-soft)}
.accessgrid{
  display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);
  gap:clamp(36px,6vw,96px);align-items:start;
}
.accesslead__title{
  margin:0 0 18px;font-family:var(--display);font-size:1.35rem;
  font-weight:600;letter-spacing:-.018em;color:var(--paper);
}
.accesslead__list{
  margin:0 0 24px;padding:0;list-style:none;
}
.accesslead__list li{
  position:relative;padding-left:16px;margin-bottom:10px;
  font-size:.92rem;line-height:1.6;color:var(--muted);
}
.accesslead__list li::before{
  content:"";position:absolute;left:0;top:9px;
  width:4px;height:4px;background:var(--gold);
}
.accesslead__note{margin:20px 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--dim)}
.accesslead__note a{color:var(--muted);border-bottom:1px solid var(--line)}
.accesslead__note a:hover{color:var(--gold)}

.accesspaid .accesslead__title{margin-bottom:18px}

.routes{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.route{border-bottom:1px solid var(--line)}
.route a{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) auto;
  gap:clamp(16px,3vw,40px);align-items:center;padding:22px 0;
  transition:padding-left .35s var(--ease);
}
.route a:hover{padding-left:14px}
.route a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.route__name{
  font-family:var(--display);font-variation-settings:'wdth' 118,'wght' 500;font-weight:500;
  font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:-.014em;color:var(--paper);
}
.route__note{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--muted)}
.route__buy{
  justify-self:end;align-self:center;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;min-width:88px;padding:0 18px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--void);background:var(--gold);white-space:nowrap;
  transition:background-color .3s var(--ease);
}
.route a:hover .route__buy{background:var(--gold-hi)}

/* --- footer ------------------------------------------------------------- */

.foot{padding:56px 0 64px;border-top:1px solid var(--line-soft);background:var(--void)}
.foot__shell{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,auto);gap:22px clamp(28px,4vw,60px);align-items:center}
.foot__mark{width:96px;height:auto;opacity:.85}
.foot__nav{display:flex;gap:clamp(14px,2.4vw,30px);flex-wrap:wrap}
.foot__nav a{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);transition:color .25s var(--ease);
}
.foot__nav a:hover{color:var(--paper)}
.foot__line{margin:0;max-width:46ch;text-align:right;font-family:var(--mono);font-size:.7rem;line-height:1.7;letter-spacing:.03em;color:var(--dim)}

/* --- responsive --------------------------------------------------------- */

@media (max-width:1180px){
  .sees__foot{grid-template-columns:minmax(0,1fr);gap:16px}
  .beats{gap:0 16px}
  .beat__rule{display:none}
  .beat.is-on{color:var(--state)}
  .says{width:100%;min-height:72px}
  .say{text-align:left}
}

@media (max-width:1100px){
  .stagegrid{grid-template-columns:1fr;gap:44px;justify-content:stretch}
  .picker__copy{min-height:0}
  .picker__copy p{position:static;opacity:0;display:none}
  .picker__copy p.is-on{display:block;opacity:1}
  .stage{grid-template-rows:var(--stage-h,clamp(340px,50vh,520px)) auto}
  .reading{max-width:520px}
  .transport{width:100%}
}

@media (max-width:960px){
  .topnav{display:none}
  .topacts__quiet{display:none}
  .burger{display:grid}
  .accessgrid{grid-template-columns:1fr;gap:40px}
  .pmeta{grid-template-columns:1fr;gap:26px}
  .pmeta__copy{min-height:0}
  .call--order{top:4%;right:9%}
}

@media (max-width:860px){
  .hero__sub{text-align:left}
  .prodindex{gap:0 clamp(18px,4.4vw,32px)}
  .prodtab__name{font-size:clamp(1.3rem,6.2vw,2.1rem)}
  /* portrait viewports get a portrait crop of the real workspace —
     the recent session plus the order panel — never a squashed one. */
  .pstage{aspect-ratio:716/790}
  .crop--interface{--cw:214.53%;--ch:105.95%;--cx:-114.53%;--cy:-2.78%}
  .call{font-size:.58rem;padding:5px 8px;letter-spacing:.14em}
  .call__rule{width:20px}
  .foot__shell{grid-template-columns:1fr;gap:20px}
  .foot__line{text-align:left;max-width:60ch}
  .proof__grid{grid-template-columns:1fr 1fr}
  .proof__item--featured{grid-column:1 / -1;grid-row:auto}
}

@media (max-width:640px){
  .topbar{padding:13px var(--gutter)}
  .brand__name{font-size:.82rem}
  .brand__mark{width:26px}
  .hero{padding:104px 0 62px;min-height:auto;align-items:flex-start}
  .hero__head{font-size:clamp(3.1rem,13.4vw,10.4rem)}
  .hero__foot{margin-top:clamp(40px,10vw,72px);gap:30px}
  .hero__acts{flex-direction:column;align-items:flex-start;gap:20px}
  .sees__track{height:460vh}
  .sees__pin{padding:70px 0 22px}
  .sees__top .eyebrow{font-size:.68rem;letter-spacing:.15em}
  .sees__now{font-size:.64rem;letter-spacing:.14em}
  .beat{font-size:.6rem;letter-spacing:.1em}
  .says{min-height:104px}
  .say{font-size:.92rem}
  .call--order{display:none}
  .access .route a{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;padding:20px 0}
  .access .route__name{grid-column:1;grid-row:1}
  .access .route__note{grid-column:1;grid-row:2}
  .access .route__buy{grid-column:2;grid-row:1 / span 2}
  .foot__top{grid-template-columns:1fr;gap:40px 0}
  .foot__col h3{margin-bottom:12px}
  .proof__grid{grid-template-columns:1fr}
  .proof__item--featured{grid-column:1;grid-row:auto}
  .proofx__meta{text-align:left}
  .proofx__fig figcaption{flex-direction:column;gap:6px}
}

@media (max-width:480px){
  .hero__head{font-size:2.8rem}
  .sechead__title{font-size:2rem}
  .priceline{height:112px;margin:clamp(22px,6vw,50px) 0}
  .frame{min-height:280px}
  .segs{flex-direction:column;width:100%}
  .seg{padding:16px 20px}
  .prodtab__name{font-size:1.4rem}
  .btn--lg{padding:18px 32px;font-size:.88rem}
}

/* --- FAQ ---------------------------------------------------------------- */

.ds-faq{
  padding:clamp(60px,10vw,120px) 0;
  background:var(--void);
  border-top:1px solid var(--line-soft);
}

.ds-faq-list{
  max-width:820px;
  margin:clamp(40px,6vw,70px) 0 0;
}

.ds-faq-item{
  border-top:1px solid var(--line);
  padding:0;
}

.ds-faq-item:last-child{
  border-bottom:1px solid var(--line);
}

.ds-faq-q{
  padding:26px 0;
  font-family:var(--display);
  font-variation-settings:'wdth' 110,'wght' 460;
  font-size:clamp(1.05rem,2vw,1.3rem);
  letter-spacing:-.012em;
  color:var(--paper);
  cursor:pointer;
  transition:color .25s var(--ease);
  list-style:none;
  position:relative;
}

.ds-faq-q::-webkit-details-marker{display:none}

.ds-faq-q::after{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:12px;
  height:1px;
  background:var(--muted);
  transition:transform .35s var(--ease),background-color .25s var(--ease);
}

.ds-faq-q::before{
  content:'';
  position:absolute;
  right:5.5px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:12px;
  background:var(--muted);
  transition:transform .35s var(--ease),opacity .25s var(--ease),background-color .25s var(--ease);
}

.ds-faq-item[open] .ds-faq-q::before{
  transform:translateY(-50%) rotate(90deg);
  opacity:0;
}

.ds-faq-q:hover{
  color:var(--gold-hi);
}

.ds-faq-q:hover::after,
.ds-faq-q:hover::before{
  background:var(--gold);
}

.ds-faq-a{
  padding:0 0 32px 0;
  margin:0;
  font-size:1rem;
  line-height:1.7;
  color:var(--muted);
  max-width:68ch;
}

.ds-faq-a a{
  color:var(--gold);
  text-decoration:underline;
  text-decoration-color:var(--line);
  text-underline-offset:3px;
  transition:text-decoration-color .25s var(--ease);
}

.ds-faq-a a:hover{
  text-decoration-color:var(--gold);
}

/* --- Enhanced Footer ---------------------------------------------------- */

.foot{
  padding:clamp(60px,10vw,90px) 0 clamp(40px,6vw,64px);
  border-top:1px solid var(--line-soft);
  background:var(--void);
}

.foot__top{
  display:grid;
  grid-template-columns:minmax(240px,1fr) repeat(4,minmax(140px,180px));
  gap:40px clamp(32px,4vw,60px);
  padding-bottom:clamp(40px,6vw,60px);
  border-bottom:1px solid var(--line-soft);
}

.foot__brand{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.foot__mark{
  width:72px;
  height:auto;
  opacity:.85;
}

.foot__tag{
  margin:0;
  font-family:var(--mono);
  font-size:.7rem;
  line-height:1.6;
  letter-spacing:.04em;
  color:var(--dim);
  max-width:24ch;
}

.foot__col h3{
  margin:0 0 18px 0;
  font-family:var(--display);
  font-variation-settings:'wdth' 110,'wght' 500;
  font-size:.88rem;
  letter-spacing:.02em;
  color:var(--paper);
}

.foot__col ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.foot__col a{
  font-size:.82rem;
  line-height:1.5;
  color:var(--muted);
  transition:color .25s var(--ease);
  text-decoration:none;
}

.foot__col a:hover{
  color:var(--paper);
}

.foot__legal{
  padding-top:clamp(32px,5vw,48px);
  display:flex;
  flex-direction:column;
  gap:24px;
}

.foot__disc{
  margin:0;
  font-size:.82rem;
  line-height:1.75;
  color:var(--dim);
  max-width:90ch;
}

.foot__disc b{
  font-weight:500;
  color:var(--muted);
}

.foot__meta{
  display:flex;
  gap:20px;
  font-family:var(--mono);
  font-size:.68rem;
  letter-spacing:.12em;
  color:var(--dim);
}

@media (max-width:960px){
  .foot__top{
    grid-template-columns:1fr 1fr;
    gap:40px 32px;
  }
  .foot__brand{
    grid-column:1 / -1;
  }
}

/* --- small viewport hardening (390px/360px/320px) ----------------------- */

@media (max-width:430px){
  /* ensure comfortable padding on small devices */
  :root{
    --gutter:18px;
  }
  
  /* hero: prevent headline overflow */
  .hero__head{
    font-size:2.4rem;
    letter-spacing:-.025em;
  }
  .hero__sub{
    font-size:1.05rem;
  }
  .hero__gloss{
    font-size:.9rem;
  }
  
  /* buttons: ensure they fit */
  .btn{
    font-size:.65rem;
    padding:12px 18px;
    white-space:normal;
    text-align:center;
  }
  .btn--lg{
    font-size:.7rem;
    padding:16px 22px;
  }
  
  /* cues: comfortable sizing */
  .cue{
    font-size:.65rem;
    gap:10px;
  }
  
  /* section headers */
  .sechead__title{
    font-size:1.75rem;
  }
  
  /* product cards */
  .pmeta__name{
    font-size:1.3rem;
  }
  .pmeta__price{
    font-size:1.8rem;
  }
  
  /* FAQ: more vertical breathing room */
  .faq__item{
    padding:16px 0;
  }
  .faq__q{
    font-size:.9rem;
    padding-right:36px;
    min-height:44px;
  }
  .faq__a{
    font-size:.88rem;
    line-height:1.65;
    padding-right:36px;
  }
  
  /* footer: single column on very small screens */
  .foot__top{
    grid-template-columns:1fr;
    gap:32px;
  }
  .foot__col h3{
    font-size:.72rem;
  }
  .foot__col a{
    font-size:.85rem;
  }
  .foot__disc{
    font-size:.78rem;
    line-height:1.7;
  }
  .foot__meta{
    font-size:.65rem;
    flex-wrap:wrap;
  }
  
  /* video controls: larger touch targets */
  .transport{
    padding:14px 0;
  }
  .transport__play,
  .transport__toggle{
    width:44px;
    height:44px;
  }
  
  /* access section */
  .accesslead__note{
    font-size:.85rem;
  }
  
  /* Phase 1 components: mobile adaptations */
  .pmeta{
    grid-template-columns:1fr;
    gap:24px;
  }
  .pmeta__price{
    text-align:left;
  }
  .pmeta__price-main{
    font-size:1.9rem;
  }
  .pmeta__who{
    font-size:.88rem;
  }
  
  .accesslead__list{
    font-size:.88rem;
  }
  
  .vidctx__meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  
  .proof__grid{
    grid-template-columns:1fr;
  }
  .proof__item--featured{
    grid-column:span 1;
  }
}

@media (max-width:360px){
  /* extra-small devices: further reduction */
  :root{
    --gutter:16px;
  }
  
  .hero__head{
    font-size:2.2rem;
  }
  
  .btn{
    padding:11px 16px;
    font-size:.62rem;
  }
  
  .sechead__title{
    font-size:1.6rem;
  }
  
  .pmeta__name{
    font-size:1.2rem;
  }
  .pmeta__price-main{
    font-size:1.7rem;
  }
  
  .vidctx__meta{
    grid-template-columns:1fr;
    gap:12px;
  }
}

@media (max-width:320px){
  /* minimal devices: maximum compression */
  :root{
    --gutter:14px;
  }
  
  .hero__head{
    font-size:2rem;
    line-height:1.05;
  }
  
  .btn{
    padding:10px 14px;
    font-size:.6rem;
  }
  
  .sechead__title{
    font-size:1.5rem;
  }
  
  .pmeta__price-main{
    font-size:1.6rem;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
  [data-reveal]{opacity:1;transform:none}
  .ur-candle{opacity:1}
  .proof__item:hover .proof__img img,
  .proof__item:focus-visible .proof__img img{transform:none}
  .proof__item:hover,
  .proof__item:focus-visible{transform:none}
}