/* ==========================================================================
   NABOR V5 · CORE · shared black/gold engine (one component library for 20 worlds)
   Contract: every variant theme only overrides tokens + composition switches + signature rules.
   DNA floor: #0A0A0C near-black · graphite panels · bone text · warm gold light · red only = breakpoint.
   ========================================================================== */
:root{
  /* material */
  --bg:#0A0A0C;--bg-2:#0D0D11;--graphite:#111015;--graphite-2:#17151d;--panel:#101015;--panel-2:#17151d;--warm:#141110;--warm-2:#1B1712;
  --bone:#F5F1E8;--bone-2:rgba(245,241,232,.72);--bone-3:rgba(245,241,232,.46);--mut:rgba(245,241,232,.3);
  --line:rgba(245,241,232,.08);--line-2:rgba(245,241,232,.15);--line-3:rgba(245,241,232,.28);
  --gold:#E3B34A;--gold-2:#F4D98B;--gold-3:#C9A227;--gold-4:#B8862F;--gold-rgb:227,179,74;
  --red:#E05252;--red-rgb:224,82,82;--green:#7AB05F;
  /* type */
  --fd:'Bebas Neue','Archivo',Impact,sans-serif;--fs:'Barlow','Archivo',system-ui,sans-serif;--fm:'JetBrains Mono',ui-monospace,monospace;
  --scale:1;
  --t-display:clamp(3.4rem,13vw,5.2rem);--t-h2:clamp(2.3rem,9vw,3.4rem);--t-h3:1.35rem;--t-lead:1.15rem;--t-body:1.0625rem;--t-eyebrow:.7rem;--t-caption:.72rem;--t-metric:1.4rem;--t-cta:1.05rem;--t-micro:.8rem;
  --lh-display:.92;--lh-h2:.96;--lh-body:1.6;--tr-display:.01em;--tr-h2:.005em;--tr-eyebrow:.18em;--w-display:400;--w-body:400;--measure:60ch;--case-display:none;
  /* geometry */
  --radius:6px;--radius-lg:12px;--gutter:20px;--section-y:clamp(72px,11vh,140px);--container:1200px;--border:1px;
  /* depth / light */
  --sh-line:0 1px 0 rgba(255,255,255,.04) inset;
  --sh-panel:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px -30px rgba(0,0,0,.85),0 0 40px -8px rgba(var(--gold-rgb),.10);
  --sh-float:inset 0 1px 0 rgba(244,217,139,.10),0 30px 60px -20px rgba(0,0,0,.75),0 12px 24px -12px rgba(0,0,0,.5),0 0 44px -16px rgba(var(--gold-rgb),.25);
  --sh-recess:inset 0 2px 10px rgba(0,0,0,.75),inset 0 -1px 0 rgba(255,255,255,.04),0 1px 0 rgba(255,255,255,.03);
  --sh-hero:0 60px 120px -40px rgba(0,0,0,1),0 0 0 1px rgba(255,255,255,.05);
  --bloom:radial-gradient(60% 50% at 50% 0%,rgba(var(--gold-rgb),.22),transparent 70%);
  --glow:0 0 0 1px rgba(var(--gold-rgb),.35),0 0 32px -6px rgba(var(--gold-rgb),.45);
  --grain:0;--vignette:.55;--glow-i:1;
  /* motion */
  --motion:1;--dur:1;--ease:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--stagger:70ms;--parallax:1;--particles:1;
}
@media(min-width:1024px){:root{--t-display:clamp(5rem,7.4vw,8.2rem);--t-h2:clamp(3rem,4.4vw,4.6rem);--t-lead:1.3rem;--gutter:var(--gutter-d,64px)}}
@media(max-width:767px){:root{--lh-body:1.62;--measure:36ch}}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%;overflow-x:hidden}
body{background:var(--bg);color:var(--bone);font-family:var(--fs);font-weight:var(--w-body);line-height:var(--lh-body);font-size:calc(var(--t-body)*var(--scale));-webkit-font-smoothing:antialiased;position:relative}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
::selection{background:rgba(var(--gold-rgb),.35);color:#fff}

/* ---------- environment: grain + vignette + light (one ambient layer) ---------- */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.035),transparent 60%),radial-gradient(90% 60% at 50% 110%,rgba(0,0,0,var(--vignette)),transparent 70%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}
main{position:relative;z-index:2}

/* ---------- chapters / materials (all dark; contrast by depth + warmth, never by paper) ---------- */
.ch{position:relative;padding:var(--section-y) var(--gutter);isolation:isolate}
.ch[data-mat="paper"]{background:var(--graphite);color:var(--bone);border-top:1px solid var(--line)}
.ch[data-mat="black"]{background:var(--bg);color:var(--bone)}
.ch[data-mat="manila"]{background:var(--warm);color:var(--bone);border-top:1px solid rgba(var(--gold-rgb),.12)}
.ch[data-mat="manila"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 15% 0%,rgba(var(--gold-rgb),.10),transparent 60%)}
.ch[data-beat="cont"]{padding-top:calc(var(--section-y)*.35)}
.ch[data-beat="cont"][data-mat="paper"],.ch[data-beat="cont"][data-mat="manila"]{border-top:0}
.ch.rwsec[data-beat]{padding:0}.ch.form-sec[data-beat]{padding-top:0}
.in{max-width:var(--container);margin-inline:auto;position:relative}
.two{display:grid;gap:28px}
@media(min-width:1024px){.two{grid-template-columns:6fr 6fr;column-gap:72px;align-items:start}.two.wide-l{grid-template-columns:7fr 5fr}.two.wide-r{grid-template-columns:5fr 7fr}}
/* light-zone: a directional gold light per chapter (secondary depth effect) */
.ch[data-light="tl"]::after,.ch[data-light="tr"]::after,.ch[data-light="c"]::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--glow-i)}
.ch[data-light="tl"]::after{background:radial-gradient(50% 40% at 0% 0%,rgba(var(--gold-rgb),.16),transparent 65%)}
.ch[data-light="tr"]::after{background:radial-gradient(50% 40% at 100% 0%,rgba(var(--gold-rgb),.16),transparent 65%)}
.ch[data-light="c"]::after{background:radial-gradient(40% 40% at 50% 30%,rgba(var(--gold-rgb),.12),transparent 70%)}

/* ---------- typography ---------- */
.lab{font:500 calc(var(--t-eyebrow)*var(--scale))/1.4 var(--fs);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--bone-3)}
.lab b{color:var(--gold);font-weight:600}.lab.blue b{color:var(--gold)}
h1,h2,h3{font-family:var(--fd);font-weight:var(--w-display);letter-spacing:var(--tr-h2);line-height:var(--lh-h2);text-wrap:balance;text-transform:var(--case-display);color:var(--bone);font-size-adjust:from-font}
h1{font-size:calc(var(--t-display)*var(--scale));line-height:var(--lh-display);letter-spacing:var(--tr-display)}
/* CLS guard: the hero h1 uses a webfont (--fd) loaded via preload+swap (see page.tpl.html) so it briefly
   renders with a fallback font. Fallback stacks are wider/less condensed than most display packs, so the
   fallback render wraps to more lines than the loaded font — reserving worst-case height here stops the
   line-count drop from collapsing div.txt and shifting everything below h1 once the webfont swaps in. */
.hero h1{min-height:calc(var(--t-display)*var(--scale)*var(--lh-display)*7)}
h2{font-size:calc(var(--t-h2)*var(--scale));margin-top:14px;max-width:24ch}
h3{font-size:calc(var(--t-h3)*var(--scale));line-height:1.1}
h1 u,h2 u{text-decoration:none;color:var(--gold-2);background:linear-gradient(90deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{font-size:calc(var(--t-lead)*var(--scale));line-height:1.45;color:var(--bone);max-width:var(--measure);text-wrap:pretty;font-weight:400}
.p{color:var(--bone-2);max-width:var(--measure);text-wrap:pretty}
.p b{color:var(--bone);font-weight:600}
.p+.p{margin-top:.9em}
.cap{font:600 calc(var(--t-caption)*var(--scale))/1.5 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}
.note{font:400 calc(var(--t-micro)*var(--scale))/1.55 var(--fs);color:var(--bone-3)}
.metric{font:400 calc(var(--t-metric)*var(--scale))/1.1 var(--fd);letter-spacing:.02em;color:var(--gold-2);font-variant-numeric:tabular-nums}
.r{color:var(--red)}
.mono{font-family:var(--fm)}
.an{display:inline-block;font:600 .72rem/1.3 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(var(--gold-rgb),.5);padding-bottom:3px}

/* ---------- CTA: warm-gold object with light sweep (micro) ---------- */
.cta{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 28px;border-radius:var(--radius);font:600 calc(var(--t-cta)*var(--scale))/1 var(--fs);letter-spacing:.01em;text-decoration:none;color:#141006;background:linear-gradient(180deg,var(--gold-2) 0%,var(--gold) 55%,var(--gold-3) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.25),0 10px 30px -10px rgba(var(--gold-rgb),.55),0 1px 2px rgba(0,0,0,.6);overflow:hidden;transition:transform calc(.22s*var(--dur)) var(--ease),box-shadow calc(.3s*var(--dur)) var(--ease)}
.cta::after{content:"→";font-weight:700;transition:transform .25s var(--ease)}
.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform calc(.9s*var(--dur)) var(--ease)}
.cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.25),0 18px 40px -12px rgba(var(--gold-rgb),.7),0 1px 2px rgba(0,0,0,.6)}
.cta:hover::before{transform:translateX(120%)}
.cta:hover::after{transform:translateX(4px)}
.cta:active{transform:translateY(0) scale(.985)}
.cta2{display:inline-flex;align-items:center;min-height:44px;gap:10px;font:600 .95rem var(--fs);color:var(--bone);text-decoration:none;border-bottom:1px solid rgba(var(--gold-rgb),.6);transition:border-color .2s,color .2s}
.cta2:hover{color:var(--gold-2);border-color:var(--gold-2)}
.pin{display:inline-block;background:rgba(var(--gold-rgb),.14);color:var(--gold-2);font:600 .64rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;border-radius:3px;border:1px solid rgba(var(--gold-rgb),.35)}
.pin.b{background:rgba(var(--gold-rgb),.14)}.pin.k{background:var(--bone);color:var(--bg);border-color:transparent}.pin.min{background:rgba(var(--red-rgb),.14);color:#F2A3A3;border-color:rgba(var(--red-rgb),.4)}.pin.ret{background:rgba(122,176,95,.14);color:#BFE0A8;border-color:rgba(122,176,95,.4)}

/* ---------- WEEK OBJECT (flagship, shared) ---------- */
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line-2);background:linear-gradient(180deg,var(--panel-2),var(--panel));font-family:var(--fs);border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh-panel)}
.week>div{padding:10px 6px;border-left:1px solid var(--line);min-height:60px;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-3);position:relative;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background calc(.5s*var(--dur)) var(--ease),color calc(.5s*var(--dur)) var(--ease)}
.week>div:first-child{border-left:0}
.week>div b{display:block;font:400 .95rem/1 var(--fd);color:var(--bone);letter-spacing:.08em;margin-bottom:7px}
.week .on{background:rgba(var(--gold-rgb),.08);color:var(--bone-2)}
.week .on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.week .brk{background:rgba(var(--red-rgb),.12);color:#F2B4B4}
.week .brk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red);box-shadow:0 0 14px rgba(var(--red-rgb),.8)}
.week .off{background:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(255,255,255,.04) 6px 7px)}
.week .cost{background:rgba(var(--red-rgb),.05)}
.week .cost::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:repeating-linear-gradient(90deg,var(--red) 0 6px,transparent 6px 10px);opacity:.7}
.week .chg{background:rgba(var(--gold-rgb),.16);color:var(--gold-2)}
.week .chg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);box-shadow:0 0 16px rgba(var(--gold-rgb),.8)}
@media(min-width:600px){.week>div{padding:12px 10px;font-size:.68rem;white-space:normal}}

/* ---------- CARD / PANEL FAMILIES (8 anatomies) ---------- */
/* 1 deep panel */
.sheet{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-2);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--sh-panel);position:relative}
.sheet::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%)}
/* 2 proof dossier (warm) */
.m-sheet{background:linear-gradient(180deg,var(--warm-2),var(--warm));border:1px solid rgba(var(--gold-rgb),.22);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--sh-panel),0 0 60px -30px rgba(var(--gold-rgb),.35)}
/* 3 photo evidence print */
.print{background:var(--panel);border:1px solid var(--line-2);padding:8px;box-shadow:var(--sh-float);border-radius:var(--radius);position:relative}
.print img{width:100%;filter:contrast(1.06) saturate(.85);border-radius:calc(var(--radius) - 2px)}
.print figcaption{padding:10px 6px 2px;font:600 .66rem/1.4 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}
/* 4 recessed instrument */
.obj,.map,.rw{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-lg);box-shadow:var(--sh-recess)}
/* 5 flat editorial rule */
.wk{margin-top:28px;max-width:62ch;border-left:2px solid var(--gold);padding-left:18px}
.wk h3{font-size:1.5rem}.wk p{margin-top:10px;color:var(--bone-2)}
/* 6 data panel */
.ledger{display:grid;border-top:1px solid var(--line-2);font-family:var(--fs)}
.ledger>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--bone-2)}
.ledger>div i{font-style:normal;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-top:4px;font-weight:600}
/* 7 decision panel (gold-lit) */
.gp{background:linear-gradient(180deg,#1c1a14,#141310);border:1px solid rgba(var(--gold-rgb),.4);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--sh-float),0 0 80px -30px rgba(var(--gold-rgb),.5);position:relative;overflow:hidden}
.gp::before{content:"";position:absolute;inset:-1px;background:var(--bloom);pointer-events:none;opacity:.8}
.gp .hd{display:flex;justify-content:space-between;font:600 .64rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-bottom:12px;border-bottom:1px solid rgba(var(--gold-rgb),.25);margin-bottom:10px;position:relative}
.gp .row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--bone-2);position:relative}
.gp .row i{font-style:normal;font:400 1rem/1.2 var(--fd);letter-spacing:.08em;text-transform:uppercase;color:var(--bone)}
.gp .row.f{color:var(--bone)}.gp .row.f i{color:var(--gold-2)}.gp .row.b i{color:#F2A3A3}
.gp .gsig{display:flex;justify-content:space-between;align-items:end;padding-top:12px;font:600 .62rem/1.4 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3);position:relative}
.gp .gsig b{font:400 1.4rem/1 var(--fd);color:var(--gold-2);letter-spacing:.06em;text-transform:none}
/* 8 cinematic overlay (video) */
.vid{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line-2);border-radius:var(--radius-lg);display:grid;place-items:center;color:#fff;text-decoration:none;overflow:hidden;box-shadow:var(--sh-float)}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;filter:saturate(.8);transition:transform calc(1.2s*var(--dur)) var(--ease),opacity .4s}
.vid:hover img{transform:scale(1.04);opacity:.85}
.vid span{position:relative;z-index:1;font:600 .74rem/1 var(--fs);letter-spacing:.16em;text-transform:uppercase;background:rgba(10,10,12,.7);border:1px solid rgba(var(--gold-rgb),.5);padding:14px 18px;border-radius:999px;box-shadow:0 0 30px -8px rgba(var(--gold-rgb),.7)}
.vid::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,transparent,rgba(0,0,0,.55))}
/* card lift micro */
.sheet,.m-sheet,.print,.gp{transition:transform calc(.25s*var(--dur)) var(--ease),box-shadow calc(.35s*var(--dur)) var(--ease)}
@media(hover:hover){.print:hover,.sheet:hover{transform:translateY(-3px)}}

/* ---------- motion primitives (transform/opacity/clip only) ---------- */
.rv{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  html.js .rv{opacity:0;transform:translateY(calc(18px*var(--motion)));transition:opacity calc(.7s*var(--dur)) var(--ease),transform calc(.7s*var(--dur)) var(--ease)}
  html.js .rv.in,html.rv-safe .rv{opacity:1;transform:none}
  html.js .stag>*{opacity:0;transform:translateY(calc(12px*var(--motion)));transition:opacity calc(.55s*var(--dur)) var(--ease),transform calc(.55s*var(--dur)) var(--ease);transition-delay:calc(var(--i,0)*var(--stagger))}
  html.js .stag.in>*,html.rv-safe .stag>*{opacity:1;transform:none}
  html.js .draw{position:relative}html.js .draw::before{content:"";position:absolute;left:0;top:0;height:1px;width:100%;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform calc(1s*var(--dur)) var(--ease)}
  html.js .draw.in::before,html.rv-safe .draw::before{transform:scaleX(1)}
  html.js .clip img{clip-path:inset(0 0 100% 0);transition:clip-path calc(1.1s*var(--dur)) var(--ease)}
  html.js .clip.in img,html.rv-safe .clip img{clip-path:inset(0 0 0 0)}
  html.js .mask-up{overflow:hidden}html.js .mask-up>*{display:block;transform:translateY(110%);transition:transform calc(.9s*var(--dur)) var(--ease)}
  html.js .mask-up.in>*,html.rv-safe .mask-up>*{transform:none}
  html.js .sheen{position:relative;overflow:hidden}html.js .sheen::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.10) 50%,transparent 60%);transform:translateX(-80%);pointer-events:none}
  html.js .sheen.in::after{animation:sheen calc(1.4s*var(--dur)) var(--ease) 1 .2s}
  @keyframes sheen{to{transform:translateX(80%)}}
}
body[data-motion="0"] *{animation:none!important;transition:none!important}
body[data-motion="0"] .rv,body[data-motion="0"] .stag>*,body[data-motion="0"] .mask-up>*{opacity:1!important;transform:none!important}
body[data-motion="0"] .clip img{clip-path:none!important}

/* ==========================================================================
   SECTIONS (shared anatomy; themes recompose via body[data-*] switches)
   ========================================================================== */
/* ===== HERO ===== */
.hero{padding-top:26px;min-height:100svh;display:grid;align-content:start;overflow:hidden}
.hero .top{display:flex;justify-content:space-between;align-items:center;font:600 .66rem/1 var(--fs);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-3);margin-bottom:34px;gap:12px}
.hero .top img{height:24px;width:auto;filter:brightness(1.2)}
.hero .g{display:grid;gap:26px}
.hero .ph{aspect-ratio:16/10;overflow:hidden;position:relative}
.hero .ph img{width:100%;height:100%;object-fit:cover;object-position:50% var(--hero-crop,22%);filter:saturate(.7) contrast(1.12) brightness(.92)}
.hero .ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(10,10,12,.85) 100%),radial-gradient(60% 50% at 50% 0%,rgba(var(--gold-rgb),.12),transparent 70%)}
.hero .ctarow{margin-top:24px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.hero .meta{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px 28px;font-family:var(--fs);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.hero .meta b{display:block;font:400 1.6rem/1 var(--fd);color:var(--gold-2);letter-spacing:.03em;text-transform:none;margin-bottom:4px}
.hero .txt{position:relative;z-index:2}
.hero .week{margin-top:26px}
@media(min-width:1024px){
  .hero{padding-top:32px}.hero .g{grid-template-columns:7fr 5fr;column-gap:48px;align-items:center}
  .hero .ph{aspect-ratio:4/5;max-width:520px;justify-self:end}
  .hero .ph img{object-position:50% 20%}
  .hero .week{position:relative;z-index:3;width:calc(100% + 140px)}
  .hero h1{margin-top:12px;min-height:calc(var(--t-display)*var(--scale)*var(--lh-display)*4)}
}
@media(max-width:1023px){.hero .g>.ph{order:-1}.hero{min-height:0}}
/* hero composition switches */
@media(min-width:1024px){
  body[data-hero="split-left"] .hero .g{grid-template-columns:5fr 7fr}body[data-hero="split-left"] .hero .g>.ph{order:-1;justify-self:start}
  body[data-hero="type-only"] .hero .g{grid-template-columns:1fr}body[data-hero="type-only"] .hero .ph{display:none}body[data-hero="type-only"] .hero .week{width:min(100%,900px)}body[data-hero="type-only"] h1{max-width:12ch}
}
body[data-hero="fullbleed"] .hero{padding:0;min-height:100svh}
body[data-hero="fullbleed"] .hero .in{min-height:100svh;display:grid;align-content:end;padding:26px var(--gutter) 48px}
body[data-hero="fullbleed"] .hero .g{display:block}
body[data-hero="fullbleed"] .hero .ph{position:absolute;inset:0;aspect-ratio:auto;max-width:none;z-index:0;padding:0;border:0;box-shadow:none;background:none;border-radius:0}
body[data-hero="fullbleed"] .hero .ph img{object-position:var(--hero-x,70%) var(--hero-crop,15%);filter:saturate(calc(.6*var(--hero-sat,1))) contrast(calc(1.15*var(--hero-con,1))) brightness(calc(.8*var(--hero-bri,1)));border-radius:0;width:100%;height:100%;transform:scale(var(--hero-zoom,1))}
.hero .ph img{object-position:var(--hero-x,50%) var(--hero-crop,20%)}
body:not([data-hero="fullbleed"]) .hero .ph img{transform:scale(var(--hero-zoom,1));filter:saturate(var(--hero-sat,1)) contrast(var(--hero-con,1)) brightness(var(--hero-bri,1))}
body[data-hero="fullbleed"] .hero .ph::after{background:linear-gradient(90deg,rgba(10,10,12,.96) 0%,rgba(10,10,12,.75) 40%,rgba(10,10,12,.15) 100%),linear-gradient(180deg,rgba(10,10,12,.2),rgba(10,10,12,.9) 100%)}
body[data-hero="fullbleed"] .hero .ph figcaption{position:absolute;right:20px;bottom:20px;z-index:2}
body[data-hero="fullbleed"] .hero .txt{max-width:720px}
body[data-hero="fullbleed"] .hero .week{width:min(100%,760px)}
@media(max-width:1023px){body[data-hero="fullbleed"] .hero .ph::after{background:linear-gradient(180deg,rgba(10,10,12,.3) 0%,rgba(10,10,12,.55) 32%,rgba(10,10,12,.97) 62%)}body[data-hero="fullbleed"] .hero .in{padding-top:0}body[data-hero="fullbleed"] .hero .ph img{object-position:50% 8%}body[data-hero="fullbleed"] .hero .week{display:none}}
body[data-hero="masked"] .hero .ph{border:0;box-shadow:none;background:none;padding:0}
body[data-hero="masked"] .hero .ph img{-webkit-mask-image:radial-gradient(85% 90% at 50% 40%,#000 55%,transparent 100%);mask-image:radial-gradient(85% 90% at 50% 40%,#000 55%,transparent 100%)}
body[data-hero="masked"] .hero .ph::after{display:none}

/* ===== 22:43 (recognition) ===== */
.recog{min-height:80svh;display:grid;align-content:center;gap:28px;position:relative}
.recog .clock{font:400 clamp(6rem,30vw,12rem)/.85 var(--fd);letter-spacing:.02em;color:var(--bone);text-shadow:0 0 60px rgba(var(--gold-rgb),.25)}
.recog .clock small{display:block;font:600 .7rem/1.4 var(--fs);letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-top:14px}
.recog .subs{display:grid;gap:10px;max-width:48ch}
.recog .subs span{display:inline;font:500 1.1rem/1.55 var(--fs);color:var(--bone);background:rgba(241,235,223,.06);padding:5px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-left:2px solid rgba(var(--gold-rgb),.6)}
.recog .subs span.r{color:#F2B4B4;background:rgba(var(--red-rgb),.10);border-left-color:var(--red)}
.recog .rail{display:flex;justify-content:space-between;align-items:center;font:600 .64rem/1 var(--fs);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-3);border-top:1px solid var(--line-2);padding-top:14px;margin-top:10px}
.recog .rail i{font-style:normal;color:var(--gold)}
.scenes{display:grid;gap:12px;margin-top:20px;max-width:46ch}
.scenes div{border-left:2px solid var(--line-2);padding-left:14px}
.scenes i{display:block;font-style:normal;font:600 .62rem/1.4 var(--fs);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.scenes p{color:var(--bone-2);font-size:.98rem}
.scenes div:last-child p{color:var(--bone);font-weight:600}
@media(min-width:1024px){.recog{grid-template-columns:6fr 6fr;column-gap:72px;align-items:end;min-height:88svh}.recog .rail,.recog .scenes{grid-column:1/-1}.recog .scenes{grid-template-columns:repeat(3,1fr);max-width:none;gap:28px}}

/* ===== REWIND (sticky scroll-scrub) ===== */
.rwsec{padding:0}
.rwwrap{padding:var(--section-y) var(--gutter)}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){.rwsec{min-height:220vh}.rwwrap{position:sticky;top:0;min-height:100vh;display:grid;align-content:center;padding-top:40px;padding-bottom:40px}}
@media(min-width:1024px){.rwwrap .in{display:grid;grid-template-columns:5fr 7fr;column-gap:72px;align-items:start}}
.rw{margin-top:28px}
@media(min-width:1024px){.rw{margin-top:0}}
.rw .head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font:600 .64rem/1.3 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}
.rw .head i{font-style:normal;color:var(--gold)}
.rw .body{padding:20px 16px 16px}
.rw .marks{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.rw .marks button{text-align:left;font-size:.6rem;letter-spacing:.1em;color:var(--bone-3);text-transform:uppercase;padding:8px 0;min-height:44px;border-top:2px solid rgba(241,235,223,.14);transition:border-color .3s,color .3s}
.rw .marks button b{display:block;font:400 1.1rem/1 var(--fd);color:var(--bone);margin-bottom:5px;letter-spacing:.04em}
.rw .marks button.x b{color:var(--red)}
.rw .marks button[aria-pressed="true"]{border-top-color:var(--gold);color:var(--bone)}
.rw .axis{position:relative;height:36px;margin:12px 0 10px}
.rw .axis::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(241,235,223,.16)}
.rw .axis .hand{position:absolute;top:0;bottom:0;width:2px;background:var(--gold);box-shadow:0 0 18px rgba(var(--gold-rgb),.9);transform:translateX(-50%);transition:left calc(.55s*var(--dur)) var(--ease)}
.rw .axis .hand::after{content:"◀◀";position:absolute;top:-14px;left:6px;font:700 .6rem/1 var(--fs);color:var(--gold);letter-spacing:.1em;white-space:nowrap}
.rw .axis .fill{position:absolute;top:50%;height:2px;right:2%;background:linear-gradient(90deg,var(--gold),var(--red));transform:translateY(-50%);transition:left calc(.55s*var(--dur)) var(--ease);opacity:.9}
.rw input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:44px;background:transparent;margin:0 0 4px}
.rw input[type=range]::-webkit-slider-runnable-track{height:2px;background:rgba(241,235,223,.18)}
.rw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gold);border:3px solid var(--bg-2);margin-top:-11px;cursor:grab;box-shadow:0 0 14px rgba(var(--gold-rgb),.8)}
.rw input[type=range]::-moz-range-track{height:2px;background:rgba(241,235,223,.18)}
.rw input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);border:3px solid var(--bg-2);cursor:grab}
.rw .frame{margin-top:10px;min-height:120px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(241,235,223,.025)}
.rw .frame .t{font:600 .64rem/1 var(--fs);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-3)}
.rw .frame .t b{color:var(--gold);font-weight:600}
.rw .frame p{margin-top:10px;font:400 clamp(1.6rem,6vw,2.4rem)/1 var(--fd);letter-spacing:.01em;color:var(--bone);max-width:26ch}
.rw .frame .why{margin-top:10px;font:400 .98rem/1.5 var(--fs);color:var(--bone-2);max-width:52ch}
.rw .foot{padding:12px 16px;border-top:1px solid var(--line);font:400 .74rem/1.5 var(--fs);color:var(--bone-3)}
.rw .prog{height:2px;background:var(--line);position:relative;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}
.rw .prog i{position:absolute;left:0;top:0;bottom:0;background:var(--gold);width:0;transition:width .2s linear;box-shadow:0 0 10px var(--gold)}

/* ===== CATEGORY (split) + PATHS ===== */
.cat{margin-top:30px;display:grid;gap:28px}
.cat>div{padding-top:18px;border-top:1px solid var(--line-2)}
.cat h3{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.cat h3 span{font:600 .62rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}
.cat ul{list-style:none;margin-top:16px;display:grid;gap:10px}
.cat li{font-size:1rem;color:var(--bone-2);padding-left:18px;position:relative}
.cat li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1px;background:var(--bone-3)}
.cat .a{opacity:.7}
.cat .b h3{color:var(--bone)}.cat .b h3 span{color:var(--gold)}.cat .b li{color:var(--bone)}.cat .b li::before{background:var(--gold)}
@media(min-width:1024px){.cat{grid-template-columns:5fr 7fr;column-gap:0}.cat>div{padding-top:22px}.cat .a{padding-right:56px}.cat .b{padding-left:56px;border-left:1px solid var(--line-2)}}
.paths{margin-top:26px;display:grid;border-top:1px solid var(--line-2);max-width:1000px}
.paths>div{display:grid;grid-template-columns:1fr;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--bone-2)}
.paths>div b{color:var(--bone);font-weight:600}
.paths>div span i{font-style:normal;font:600 .6rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);margin-right:8px}
.paths>div.me{color:var(--bone)}.paths>div.me b{color:var(--gold-2)}
@media(min-width:768px){.paths>div{grid-template-columns:220px 1fr 1fr}}

/* ===== MAPA 168 ===== */
.map{margin-top:28px;padding:14px;overflow:hidden}
.map .hd{display:flex;justify-content:space-between;font:600 .62rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);padding:4px 2px 12px}
.map .grid{display:grid;grid-template-columns:34px repeat(7,minmax(0,1fr));gap:3px;font-family:var(--fs)}
.map .grid>span{font-size:.56rem;letter-spacing:.08em;color:var(--bone-3);text-transform:uppercase;padding:4px 2px;text-align:center}
.map .grid>i{display:block;height:14px;background:rgba(241,235,223,.05);border-radius:2px}
.map .grid>i.w{background:rgba(241,235,223,.14)}.map .grid>i.t{background:rgba(var(--gold-rgb),.55)}.map .grid>i.s{background:rgba(241,235,223,.08)}.map .grid>i.x{background:var(--red);box-shadow:0 0 12px rgba(var(--red-rgb),.9)}.map .grid>i.c{background:rgba(var(--red-rgb),.3)}
.map .key{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:14px;font:600 .62rem/1 var(--fs);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-3)}
.map .key i{display:inline-block;width:12px;height:10px;vertical-align:-1px;margin-right:6px;border-radius:2px}
@media(min-width:1024px){.map .grid>i{height:16px}}
.bp4{margin-top:24px;display:grid;gap:14px}
.bp4>div{display:grid;grid-template-columns:32px 1fr;gap:12px}
.bp4 i{font:400 1rem/1.5 var(--fd);color:var(--gold);font-style:normal;letter-spacing:.06em}
.bp4 b{display:block;font:600 1rem var(--fs);color:var(--bone)}
.bp4 p{font-size:.95rem;color:var(--bone-2);margin-top:2px}

/* ===== TWÓJ TYDZIEŃ ZE MNĄ (flagship product object) ===== */
.wkx{margin-top:30px;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--panel-2),var(--bg-2));border-radius:var(--radius-lg);box-shadow:var(--sh-float);position:relative;overflow:hidden}
.wkx::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 40% at 50% 0%,rgba(var(--gold-rgb),.10),transparent 70%)}
.wkx .prog{height:2px;background:var(--line);position:relative}
.wkx .prog i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);box-shadow:0 0 10px var(--gold);transition:width .4s var(--ease)}
.wkx .head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font:600 .64rem/1.3 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);position:relative}
.wkx .head i{font-style:normal;color:var(--gold)}
.wkx .rail{padding:14px 16px 0;position:relative}
.wkx .days,.wkx .phases{display:grid;gap:6px}
.wkx .days{grid-template-columns:repeat(7,1fr)}
.wkx .phases{grid-template-columns:repeat(4,1fr);margin-top:8px;padding-top:8px;border-top:1px dashed var(--line-2)}
.wkx .rail button{text-align:left;font-size:.56rem;letter-spacing:.08em;color:var(--bone-3);text-transform:uppercase;padding:8px 4px 8px 0;min-height:44px;border-top:2px solid rgba(241,235,223,.14);transition:border-color .3s,color .3s;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wkx .rail button b{display:block;font:400 1rem/1 var(--fd);color:var(--bone);margin-bottom:5px;letter-spacing:.06em}
.wkx .rail button.x b{color:var(--red)}
.wkx .rail button[aria-pressed="true"]{border-top-color:var(--gold);color:var(--bone)}
.wkx .phases button b{font-size:.9rem}
.wkx .stage{padding:18px 16px 16px;min-height:300px;position:relative;perspective:1200px}
.wkx .panel{display:none}
.wkx .panel.act{display:block;animation:wkin calc(.5s*var(--dur)) var(--ease)}
@keyframes wkin{from{opacity:0;transform:translateY(10px) rotateX(4deg)}to{opacity:1;transform:none}}
body[data-motion="0"] .wkx .panel.act{animation:none}
.wkx .dmeta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:12px}
.wkx .dmeta b{font:400 1.9rem/1 var(--fd);color:var(--bone);letter-spacing:.03em}
.wkx .dmeta .cost{font:400 .76rem/1.4 var(--fs);color:var(--bone-3);margin-left:auto}
.wkx .dl{display:grid;border-top:1px solid var(--line-2)}
.wkx .dl>div{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--bone-2)}
.wkx .dl>div i{font-style:normal;font:600 .72rem/1.7 var(--fs);letter-spacing:.06em;color:var(--bone-3)}
.wkx .dl>div.x{color:#F2B4B4}.wkx .dl>div.x i{color:var(--red)}
.wkx .sig{margin-top:12px;font:500 .82rem/1.5 var(--fs);color:var(--gold-2)}
.wkx .sig i{font-style:normal;margin-right:6px}
.wkx .pnote{margin-top:12px;font-size:.95rem;color:var(--bone-2);max-width:60ch}
.wkx .pnote b{color:var(--bone)}
.wkx .chk .ledger{border-top-color:var(--line-2)}
.wkx .pv .sw{display:flex;gap:6px;margin-bottom:12px}
.wkx .pv .sw button{font:600 .68rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;padding:0 14px;min-height:40px;border:1px solid var(--line-2);border-radius:999px;color:var(--bone-2);transition:background .3s,color .3s}
.wkx .pv .sw button[aria-pressed="true"]{background:var(--gold);color:#141006;border-color:var(--gold)}
.wkx .pv .view{display:none;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(241,235,223,.03)}
.wkx .pv[data-view="ty"] .view.ty,.wkx .pv[data-view="ja"] .view.me{display:block}
.wkx .pv .view .t{display:block;font:600 .62rem/1.4 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);margin-bottom:8px}
.wkx .pv .view.me .t{color:var(--gold)}
.wkx .pv .view p{font-size:1rem;color:var(--bone)}
.wkx .foot{padding:12px 16px;border-top:1px solid var(--line);font:400 .74rem/1.5 var(--fs);color:var(--bone-3);position:relative}
.wkx .wknext .week{margin-top:6px}
@media(min-width:1024px){.wkx{display:grid;grid-template-columns:1fr;}.wkx .rail button{font-size:.62rem;padding-right:6px}.wkx .stage{padding:24px 22px 22px;min-height:360px}}

/* ===== MODES ===== */
.modes{margin-top:28px;display:grid;gap:18px}
.modes .sw{display:flex;gap:6px;flex-wrap:wrap}
.modes .sw button{font:600 .7rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;padding:0 16px;min-height:46px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel);color:var(--bone-2);transition:background .3s,color .3s,box-shadow .3s}
.modes .sw button[aria-pressed="true"]{background:var(--bone);color:var(--bg);border-color:var(--bone)}
.modes .sw button[data-m="min"][aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.modes .sw button[data-m="ret"][aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#141006}
.modes .obj{padding:18px}
.modes .obj .hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.modes .obj .hd b{font:400 2rem/1 var(--fd);letter-spacing:.04em;transition:color .3s}
.modes .obj .hd span{font:600 .62rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}
.modes .obj p{margin-top:14px;color:var(--bone-2)}
.modes .obj[data-mode="min"] .hd b{color:var(--red)}.modes .obj[data-mode="ret"] .hd b{color:var(--gold-2)}
.modes .obj[data-mode="min"] .week .on{background:rgba(var(--red-rgb),.10)}
.modes .rule{margin-top:8px;font:600 .68rem/1.5 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.modes .rule i{font-style:normal;color:var(--gold)}
@media(min-width:1024px){.modes{grid-template-columns:5fr 7fr;column-gap:72px;align-items:start}.modes .sw{flex-direction:column;align-items:stretch}.modes .sw button{text-align:left;padding:0 20px;min-height:54px;font-size:.78rem}}

/* ===== SETBACK CASE ===== */
.case{margin-top:28px;display:grid;gap:24px}
.tl{display:grid;border-left:2px solid rgba(var(--gold-rgb),.35);padding-left:20px}
.tl>div{padding:12px 0 16px;position:relative}
.tl>div::before{content:"";position:absolute;left:-26px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)}
.tl>div.x::before{background:var(--red);border-color:var(--red);box-shadow:0 0 14px rgba(var(--red-rgb),.8)}
.tl .t{font:600 .64rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}
.tl .t b{color:var(--red);font-weight:600}
.tl h3{margin-top:8px}
.tl p{margin-top:6px;color:var(--bone-2);max-width:46ch}
@media(min-width:1024px){.case{grid-template-columns:7fr 5fr;column-gap:72px;align-items:start}}

/* ===== PROCESS PROOF ===== */
.proc{margin-top:28px;display:grid;gap:16px}
.proc .step{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-2);padding:18px;position:relative;box-shadow:var(--sh-panel);border-radius:var(--radius-lg)}
.proc .step .lab b{color:var(--gold)}
.proc .step p{margin-top:8px;color:var(--bone)}
.proc .step .v{margin-top:10px;font:500 .72rem/1.5 var(--fs);color:#F2B4B4;border:1px dashed rgba(var(--red-rgb),.6);padding:8px 10px;background:rgba(var(--red-rgb),.06);border-radius:4px}
.proc .step .art{margin-top:12px;background:#0d0d10;border:1px solid var(--line-2);padding:4px;border-radius:6px}
.proc .step .art img{width:100%;display:block;border-radius:4px}
.proc .step .art figcaption{padding:8px 4px 2px;font:600 .62rem/1.4 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.proc .step .q{margin-top:12px;font:500 .95rem/1.45 var(--fs);color:var(--bone);border-left:2px solid var(--gold);padding-left:12px}
@media(min-width:1024px){.proc{grid-template-columns:repeat(4,1fr);gap:18px}.proc .step:nth-child(2){margin-top:24px}.proc .step:nth-child(4){margin-top:24px}}
.ptype{font:600 .62rem/1 var(--fs);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);border:1px solid rgba(var(--gold-rgb),.45);padding:7px 9px;display:inline-block;margin-bottom:12px;border-radius:3px;background:rgba(var(--gold-rgb),.06)}

/* ===== PĘTLA 168 ===== */
.loop{margin-top:0;display:grid;gap:24px}
.loop .steps{display:grid;border-top:1px solid var(--line-2)}
.loop .steps>div{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);transition:background .4s}
.loop .steps>div i{font:400 1rem/1.7 var(--fd);color:var(--bone-3);font-style:normal;letter-spacing:.06em}
.loop .steps>div b{display:block;font:600 1.05rem var(--fs);color:var(--bone)}
.loop .steps>div p{font-size:.94rem;color:var(--bone-2);margin-top:3px}
.loop .steps>div.lit{background:rgba(var(--gold-rgb),.07)}.loop .steps>div.lit i{color:var(--gold)}
.loop svg{width:min(100%,380px);height:auto;display:block;filter:drop-shadow(0 0 24px rgba(var(--gold-rgb),.25))}
.loop svg text{font-family:var(--fs);font-size:9px;letter-spacing:1.4px;fill:var(--bone-2);font-weight:600}
.loop svg .ring{fill:none;stroke:var(--line-3);stroke-width:1}
.loop svg .arc{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset calc(2.4s*var(--dur)) var(--ease)}
.loop.lit svg .arc,html.rv-safe .loop svg .arc{stroke-dashoffset:0}
.loop svg .c{font-family:var(--fd);font-size:56px;letter-spacing:2px;fill:var(--bone)}
.loop svg .cs{font-size:7.5px;fill:var(--bone-3)}
.loop svg circle.nd{fill:var(--bg);stroke:var(--gold);stroke-width:1.4}
@media(min-width:1024px){.loop{grid-template-columns:5fr 7fr;column-gap:72px;align-items:center}}

/* ===== WHAT YOU BUY (sparse typographic) ===== */
.buy{margin-top:36px;display:grid;gap:30px}
.buy>div{display:grid;gap:8px}
.buy .big{font:400 clamp(3.2rem,13vw,5rem)/.9 var(--fd);letter-spacing:.01em;color:var(--bone)}
.buy .big i{font-style:normal;color:var(--gold);font:600 .66rem/1 var(--fs);letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:12px}
.buy p{color:var(--bone-2);max-width:40ch}
@media(min-width:1024px){.buy{grid-template-columns:repeat(3,1fr);column-gap:56px;margin-top:64px}.buy .big{font-size:clamp(3.6rem,5vw,6rem)}}

/* ===== PRODUCT DEMO ===== */
.demo{margin-top:28px;display:grid;gap:24px}
.demo .shot{background:#0d0d10;border:1px solid var(--line-2);padding:8px;position:relative;box-shadow:var(--sh-float);border-radius:var(--radius-lg)}
.demo .shot img{width:100%;border-radius:6px}
.demo .shot .pin{position:absolute;top:-12px;left:14px}
.demo .shot .mark{position:absolute;font:600 .64rem/1.2 var(--fs);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);background:rgba(10,10,12,.85);padding:6px 10px;border-left:2px solid var(--gold);border-radius:3px}
.demo .flow{display:grid;border-top:1px solid var(--line-2)}
.demo .flow>div{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:10px}
.demo .flow i{font:400 1rem/1.7 var(--fd);color:var(--bone-3);font-style:normal;letter-spacing:.06em}
.demo .flow b{display:block;font:600 .95rem var(--fs);color:var(--bone)}
.demo .flow p{font-size:.92rem;color:var(--bone-2);margin-top:2px}
.demo .flow .m b{color:var(--gold-2)}
.demo2{margin-top:28px;display:grid;gap:18px}
.demo2 .shot{background:#0d0d10;border:1px solid var(--line-2);padding:6px;box-shadow:var(--sh-panel);border-radius:var(--radius-lg)}
.demo2 .shot img{width:100%;display:block;border-radius:6px}
.demo2 .shot figcaption{padding:10px 6px 4px;font:600 .64rem/1.4 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.rhythm{margin-top:24px;max-width:760px}
@media(min-width:1024px){.demo{grid-template-columns:7fr 5fr;column-gap:64px;align-items:start}.demo2{grid-template-columns:1fr 1fr;gap:24px}}

/* ===== REFRAME ===== */
.ref{margin-top:28px;display:grid;border-top:1px solid var(--line-2);max-width:1000px}
.ref details{border-bottom:1px solid var(--line)}
.ref summary{list-style:none;cursor:pointer;padding:18px 0;min-height:54px;display:grid;grid-template-columns:1fr 28px;gap:12px;align-items:center;font:400 1.35rem/1.1 var(--fd);letter-spacing:.02em;color:var(--bone)}
.ref summary::-webkit-details-marker{display:none}
.ref summary::after{content:"+";font:400 1.6rem/1 var(--fd);color:var(--gold);text-align:right}
.ref details[open] summary::after{content:"–"}
.ref .row{display:grid;gap:12px;padding:0 0 20px}
.ref .row div{border-left:2px solid var(--line-2);padding-left:12px}
.ref .row div.n{border-left-color:var(--gold)}
.ref .row i{display:block;font-style:normal;font:600 .6rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);margin-bottom:6px}
.ref .row p{font-size:.95rem;color:var(--bone-2)}
.ref .row div.n p{color:var(--bone)}
@media(min-width:1024px){.ref .row{grid-template-columns:repeat(4,1fr);gap:18px}}

/* ===== SIX MONTHS + TRANSFER ===== */
.six{margin-top:28px}
.six .q{display:inline-grid;grid-template-columns:1fr;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--panel-2),var(--panel));border-radius:var(--radius-lg);overflow:hidden;font-family:var(--fs);width:100%;transition:grid-template-columns calc(.9s*var(--dur)) var(--ease);box-shadow:var(--sh-panel)}
.six .q>div{padding:16px 12px;border-left:1px solid var(--line);min-width:0}
.six .q>div:first-child{border-left:0}
.six .q .m{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.six .q b{display:block;font:400 1.4rem/1 var(--fd);letter-spacing:.03em;margin-top:8px;color:var(--bone)}
.six .q p{font-size:.82rem;color:var(--bone-2);margin-top:8px}
.six .q .ask{display:grid;align-content:center;font:400 2rem/1 var(--fd);letter-spacing:.03em;cursor:pointer;text-align:left;background:none;min-height:60px;color:var(--bone)}
.six .q .ask small{display:block;font:600 .62rem/1.4 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:8px}
.six .q:not(.open)>div:not(.ask){display:none}
.six .q.open{grid-template-columns:repeat(6,1fr)}
.six .q.open>.ask{display:none}
@media(max-width:1023px){.six .q.open{grid-template-columns:1fr 1fr}.six .q.open>div{border-top:1px solid var(--line)}.six .q.open>div:nth-child(-n+3){border-top:0}.six .q.open>div:nth-child(odd){border-left:0}}
.six .fn{margin-top:12px;font:600 .68rem/1.5 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.transfer{margin-top:34px}
.tf3{margin-top:18px;display:grid;gap:14px}
.tf3>div{padding:16px;border:1px solid var(--line-2);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--sh-panel);position:relative;overflow:hidden}
.tf3>div i{display:block;font-style:normal;font:600 .6rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);margin-bottom:8px}
.tf3>div b{display:block;font:400 1.5rem/1 var(--fd);letter-spacing:.03em;color:var(--bone)}
.tf3>div p{margin-top:8px;font-size:.94rem;color:var(--bone-2)}
.tf3>div::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--w,33%);background:linear-gradient(90deg,var(--gold),transparent);transition:width calc(1s*var(--dur)) var(--ease)}
.tf3>div:nth-child(2)::after{--w:66%}.tf3>div.you::after{--w:100%;background:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb),.8)}
.tf3>div.you{border-color:rgba(var(--gold-rgb),.5)}.tf3>div.you b{color:var(--gold-2)}
@media(min-width:1024px){.tf3{grid-template-columns:repeat(3,1fr);gap:20px}}

/* ===== PROOF CLUSTER ===== */
.pc-grid{margin-top:28px;display:grid;gap:26px}
.pc-grid .q{font:400 1.7rem/1.1 var(--fd);letter-spacing:.02em;color:var(--bone);max-width:30ch}
.pc-grid .kl{display:grid;grid-template-columns:1fr 1fr;min-width:0;overflow-wrap:anywhere;font:500 .84rem/1.9 var(--fs);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:8px 0;color:var(--bone-2)}
.pc-grid .kl b{color:var(--gold-2);font-weight:600}
.raw{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.raw div{background:#fff;padding:6px;border:1px solid var(--line-2);border-radius:6px;box-shadow:var(--sh-panel)}
.raw img{width:100%}
.rev{border-top:1px solid var(--line-2);display:grid}
.rev>div{padding:16px 0;border-bottom:1px solid var(--line)}
.rev p{color:var(--bone);font-size:1.02rem;max-width:56ch}
.rev .who{margin-top:8px;font:600 .68rem/1.5 var(--fs);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-3)}
.rev .who b{color:var(--bone);font-weight:600}.rev .who i{font-style:normal;color:var(--gold-2);margin-left:10px}
.nonch{margin-top:24px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}
.nonch>div{min-width:0}
.nonch video{width:100%;display:block;background:#000;border:1px solid var(--line-2);border-radius:8px;box-shadow:var(--sh-float)}
.nonch .kl{grid-template-columns:1fr 1fr;overflow-wrap:anywhere}
@media(max-width:359px){.nonch{grid-template-columns:1fr}.nonch video{max-width:160px}}
@media(min-width:1024px){.pc-grid{grid-template-columns:7fr 5fr;column-gap:72px;align-items:start}.raw{grid-template-columns:repeat(3,1fr)}.nonch{grid-template-columns:200px 1fr}}

/* ===== WHY MICHAŁ (cinematic full-bleed) ===== */
.why{padding:0;background:var(--bg);color:var(--bone)}
.why .stage{position:relative;min-height:90svh;display:grid;align-items:end;overflow:hidden}
.why .bg{position:absolute;inset:0}
.why .bg img{width:100%;height:100%;object-fit:cover;object-position:62% 18%;filter:saturate(.55) contrast(1.15) brightness(.78);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%)}
.why .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.25) 0%,rgba(10,10,12,0) 40%,rgba(10,10,12,.9) 100%),radial-gradient(40% 40% at 80% 30%,rgba(var(--gold-rgb),.16),transparent 70%)}
.why .txt{position:relative;z-index:2;padding:var(--section-y) var(--gutter)}
.why .txt h2{max-width:20ch}
.why .txt .p{color:var(--bone-2);max-width:50ch}.why .txt .p b{color:var(--bone)}
.why .arc{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;max-width:440px;margin-top:24px}
.why .arc4{grid-template-columns:repeat(4,1fr);max-width:680px}
.why .arc figure{margin:0}
.why .arc .ph{aspect-ratio:3/4;overflow:hidden;background:var(--panel);padding:5px;border:1px solid var(--line-2);border-radius:6px;box-shadow:var(--sh-panel)}
.why .arc img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.05);border-radius:3px}
.why .arc figcaption{margin-top:8px;font:400 1.3rem/1 var(--fd);color:var(--bone);letter-spacing:.04em}
.why .arc figcaption span{display:block;font:600 .6rem/1.5 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}
.why .facts{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-2);margin-top:24px;max-width:540px}
.why .facts div{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);font:400 1.6rem/1.1 var(--fd);color:var(--gold-2);letter-spacing:.03em}
.why .facts div i{display:block;font-style:normal;font:600 .6rem/1.5 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);margin-bottom:6px}
@media(min-width:1024px){.why .stage{min-height:100svh}.why .txt{display:grid;grid-template-columns:7fr 5fr;column-gap:72px;align-items:end}.why .arc{grid-column:2;justify-self:end;margin-top:0}.why .bg img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 48%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 48%,#000 100%);object-position:82% 18%}}
@media(max-width:1023px){.why .bg img{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);object-position:50% 10%}.why .stage{min-height:0}.why .txt{padding-top:54svh}}

/* ===== FIT ===== */
.icp{margin-top:24px;max-width:62ch;padding:22px 24px}
.icp .q{font:400 1.6rem/1.1 var(--fd);letter-spacing:.02em;color:var(--bone)}
.icp p{margin-top:12px;color:var(--bone-2)}
.fit{margin-top:28px;display:grid;gap:20px;max-width:1000px}
.fit>div{border-top:2px solid var(--gold);padding-top:16px}
.fit>div.no{border-top-color:var(--red)}
.fit ul{list-style:none;margin-top:12px;display:grid;gap:9px}
.fit li{font-size:1rem;color:var(--bone-2);padding-left:18px;position:relative}
.fit li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1px;background:var(--gold)}
.fit .no li::before{background:var(--red)}
@media(min-width:1024px){.fit{grid-template-columns:1fr 1fr;column-gap:72px}}

/* ===== OFFER / PRICE OBJECTS ===== */
.price{margin-top:28px;display:grid;gap:20px}
.price .sheet .hd{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px;font:600 .64rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);position:relative}
.price .amt{font:400 3rem/1 var(--fd);letter-spacing:.02em;color:var(--bone);position:relative}
.price .term{font:600 .66rem/1.5 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3);margin:8px 0 16px;position:relative}
.price ul{list-style:none;display:grid;gap:9px;margin:12px 0 16px;position:relative}
.price li{font-size:.95rem;color:var(--bone-2);padding-left:18px;position:relative}
.price li::before{content:"";position:absolute;left:0;top:.66em;width:8px;height:1px;background:var(--gold)}
.price .not{font:400 .8rem/1.5 var(--fs);color:var(--bone-3);border-top:1px dashed var(--line-2);padding-top:10px;margin:0 0 18px;position:relative}
.price .hp{border-color:rgba(var(--gold-rgb),.5);box-shadow:var(--sh-float),0 0 90px -30px rgba(var(--gold-rgb),.45)}
.price .hp::before{background:var(--bloom)}
.price .hp .amt{color:var(--gold-2)}
.price .sig{margin-top:18px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;font:600 .62rem/1.4 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3);position:relative}
.price .sig b{font:400 1.5rem/1 var(--fd);color:var(--gold-2);letter-spacing:.06em;text-transform:none}
.guar{margin-top:22px;max-width:62ch;border-left:2px solid var(--gold);padding-left:18px}
.guar p{color:var(--bone-2)}
.money{margin-top:26px;display:grid;gap:16px;max-width:960px}
.money>div{border-top:1px solid var(--line-2);padding-top:14px}
.money i{display:block;font-style:normal;font:600 .62rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.money p{color:var(--bone-2);font-size:.98rem}
@media(min-width:1024px){.price{grid-template-columns:1fr 1fr;gap:28px;max-width:980px}.price .hp{margin-top:-14px}.money{grid-template-columns:repeat(3,1fr);gap:36px}}

/* ===== DECISION A/B + FORM ===== */
.ab{margin-top:28px;display:grid;gap:2px;background:var(--line-2);border-radius:var(--radius-lg);overflow:hidden}
.ab>button{background:var(--bg);padding:26px 20px;display:grid;gap:12px;text-align:left;border-radius:0;transition:background .3s}
.ab b{font:400 3.2rem/1 var(--fd);letter-spacing:.02em;color:var(--bone)}
.ab .B b{color:var(--gold-2)}
.ab p{color:var(--bone-2);max-width:40ch;font-size:1.05rem}
.ab .B p{color:var(--bone)}
.ab>button[aria-pressed="true"]{background:rgba(241,235,223,.05)}
.ab .B[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 60px -20px rgba(var(--gold-rgb),.5)}
@media(min-width:1024px){.ab{grid-template-columns:1fr 1fr;max-width:980px}.ab>button{padding:32px 32px 32px 28px}}
.form-sec{padding-top:0}
.form-wrap{margin-top:36px;max-width:780px}
.steps{display:grid;border-top:1px solid var(--line-2)}
.steps>div{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--bone-2);font-size:.98rem}
.steps>div i{font:400 1rem/1.7 var(--fd);color:var(--gold);font-style:normal;letter-spacing:.06em}
.form-frame{margin-top:24px;border:1px solid var(--line-2);background:#0f1013;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-panel)}
.form-frame iframe{width:100%;min-height:840px;border:0;display:block}
@media(max-width:640px){.form-frame iframe{min-height:1060px}}
.form-fb{margin-top:10px;font:400 .82rem/1.55 var(--fs);color:var(--bone-3)}.form-fb a{color:var(--gold-2)}
.foot{padding:36px var(--gutter) calc(36px + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--bone-3);font:400 .8rem/1.6 var(--fs);border-top:1px solid var(--line)}
.foot a{color:var(--bone-2)}
/* sticky CTA */
.scta{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:60;transform:translateY(140%);transition:transform .35s var(--ease);pointer-events:none}
.scta.show{transform:none;pointer-events:auto}
.scta a{display:flex;align-items:center;justify-content:center;min-height:52px;background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,var(--gold-3));color:#141006;font:600 .98rem var(--fs);text-decoration:none;border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 34px -14px rgba(var(--gold-rgb),.7),0 2px 4px rgba(0,0,0,.6)}
@media(min-width:768px){.scta{display:none}}
body.has-scta{padding-bottom:74px}

/* ---------- studio / lab selection ---------- */
body.lab-edit [data-edit]{outline:1px dashed var(--gold);outline-offset:2px;cursor:text}
body.lab-select [data-uid]{cursor:crosshair}
[data-uid].lab-hover{outline:2px solid var(--gold)!important;outline-offset:2px}
[data-uid].lab-sel{outline:2px solid var(--red)!important;outline-offset:2px}
/* legacy variant switches kept for studio parity */
body[data-grid="off"] .ch{background-image:none}
body[data-density="3"] .ch{--section-y:clamp(52px,8vh,96px)}body[data-density="5"] .ch{--section-y:clamp(88px,13vh,170px)}
body[data-modes="stack"] .modes{grid-template-columns:1fr}body[data-modes="stack"] .modes .sw{flex-direction:row}
body[data-six="static"] .six .q{grid-template-columns:repeat(6,1fr)!important}body[data-six="static"] .six .q>div{display:block!important}body[data-six="static"] .six .q>.ask{display:none!important}
@media(max-width:1023px){body[data-six="static"] .six .q{grid-template-columns:1fr 1fr!important}}
body[data-why="print"] .why .bg{display:none}

/* ==========================================================================
   OPT-IN EFFECT CLASSES (activated by engine modules / themes)
   ========================================================================== */
.kenburns{animation:kb 22s var(--ease) infinite alternate;transform-origin:center}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.cglow{position:fixed;left:0;top:0;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle,rgba(var(--gold-rgb),.10),transparent 60%);mix-blend-mode:screen;will-change:transform}
.particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.9}
.hero{position:relative}
body.breath .ch[data-light]::after{animation:breath 14s ease-in-out infinite alternate}
@keyframes breath{from{opacity:calc(var(--glow-i)*.7)}to{opacity:var(--glow-i)}}
/* kinetic headline words (mask-up per word) */
.hero h1 .kw{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.06em 0 .12em;margin:-.06em 0 -.12em}
.hero h1 .kw>span,.hero h1 .kw>u{display:inline-block;transform:translateY(110%);transition:transform calc(.9s*var(--dur)) var(--ease);transition-delay:calc(var(--i,0)*60ms)}
.hero h1.kin .kw>span,.hero h1.kin .kw>u{transform:none}
/* light sweep on enter */
[data-sweep]{position:relative;overflow:hidden}
[data-sweep]::after{content:"";position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(244,217,139,.14) 50%,transparent 58%);transform:translateX(-90%);z-index:5}
[data-sweep].swept::after{animation:sweep calc(1.6s*var(--dur)) var(--ease) 1}
@keyframes sweep{to{transform:translateX(90%)}}
/* crystal gold display word (two-layer, LCP-safe) */
.g3d{position:relative;display:inline-block;background:linear-gradient(115deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--gold-2),var(--gold) 45%,var(--gold-4));background-size:230% 100%,100% 100%;background-position:135% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.g3d::before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 #9a7420,0 2px 0 #7c5c16,0 3px 6px rgba(0,0,0,.5),0 0 24px rgba(227,179,74,.45),0 0 48px rgba(227,179,74,.25);pointer-events:none}
@media(prefers-reduced-motion:no-preference){.g3d.shimmer{animation:gShimmer 5s ease-in-out 1.2s infinite}@keyframes gShimmer{0%,28%{background-position:135% 0,0 0}62%,100%{background-position:-95% 0,0 0}}}
/* pinned week storytelling (desktop, opt-in via fx pinweek) */
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){#tydzien.pinned{min-height:260vh}#tydzien.pinned .in{position:sticky;top:24px}}
/* gold hairline rule with bloom */
.rule-gold{height:2px;width:48px;background:var(--gold);box-shadow:0 0 16px var(--gold);border-radius:1px}

/* zoomable proof screenshots + lightbox */
.zoomable{cursor:zoom-in}
.zoomlb{position:fixed;inset:0;z-index:9999;background:rgba(6,6,8,.92);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:32px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.zoomlb.on{opacity:1;pointer-events:auto}
.zoomlb img{max-width:min(1200px,92vw);max-height:78vh;width:auto;height:auto;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);cursor:zoom-out}
.zoomlb-cap{color:var(--bone-3,#a9a294);font:600 .72rem/1.4 var(--fs);letter-spacing:.1em;text-transform:uppercase;text-align:center;max-width:800px}
.zoomlb-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:16px;cursor:pointer}
.zoomlb-close:hover{background:rgba(255,255,255,.16)}

/* ===== FINAL SALES VALUE LOGIC ===== */
.value-logic{margin-top:26px;max-width:980px;padding:22px;border:1px solid rgba(var(--gold-rgb),.25);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(var(--gold-rgb),.055),rgba(255,255,255,.012) 45%,rgba(0,0,0,.08));box-shadow:0 24px 70px -48px rgba(var(--gold-rgb),.5)}
.value-logic h3{font:400 clamp(1.8rem,7vw,3rem)/.98 var(--fd);letter-spacing:.01em;max-width:18ch;margin-top:10px;color:var(--bone)}
.value-logic>p:not(.cap):not(.value-note){margin-top:14px;color:var(--bone-2);max-width:65ch;font-size:1rem}
.value-numbers{display:grid;gap:10px;margin-top:20px}.value-numbers>div{padding-top:12px;border-top:1px solid var(--line-2)}
.value-numbers b{display:block;font:400 2rem/1 var(--fd);color:var(--gold-2);letter-spacing:.02em}.value-numbers span{display:block;margin-top:5px;color:var(--bone-3);font-size:.78rem;line-height:1.45}
.plan-vs-care{display:grid;gap:2px;margin-top:20px;border-radius:10px;overflow:hidden;background:var(--line-2)}.plan-vs-care>div{background:var(--bg);padding:16px}.plan-vs-care .active{background:rgba(var(--gold-rgb),.055)}
.plan-vs-care i{font:600 .64rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);font-style:normal}.plan-vs-care .active i{color:var(--gold)}.plan-vs-care p{margin-top:8px;color:var(--bone-2);font-size:.94rem;line-height:1.55}
.value-note{margin-top:18px;padding-top:14px;border-top:1px solid rgba(var(--gold-rgb),.22);color:var(--bone-2);font-size:.92rem;line-height:1.55}
@media(min-width:760px){.value-logic{padding:28px 30px}.value-numbers{grid-template-columns:repeat(3,1fr);gap:22px}.plan-vs-care{grid-template-columns:1fr 1.25fr}.plan-vs-care>div{padding:20px}}
@media(max-width:480px){.value-logic{margin-top:20px;padding:18px 16px}.value-logic h3{font-size:2rem}.value-numbers b{font-size:1.8rem}.plan-vs-care>div{padding:14px}.price .amt{font-size:2.55rem}.price .sheet{padding:20px 17px}.money{gap:20px}}