/* ============================================================
   raizer.tech — site layer (2026-10 rebrand)
   Loaded AFTER /assets/raizer.css (the Raizer design system v1.0).
   Tokens and components come from the system; this file is page
   layout + the site's own set pieces, written on rz tokens only.
   Jost, square corners, one bottom-right cut, Ablaq bands,
   transform/opacity motion (expo-out 180/540/900ms), SVG icons.
   Replaces v2.css and style.css (kept on disk, no longer linked).
   ============================================================ */

/* ---- 0 · legacy aliases (inline styles + page scripts still say var(--orange) etc.)
   Declared on every mode carrier so they resolve per band. */
body,.rz-band,.rz-footer,.rz-nav,[data-mode]{
  --orange:var(--rz-orange); --grad:var(--rz-gradient);
  --text:var(--rz-text); --soft:var(--rz-text); --dim:var(--rz-muted); --faint:var(--rz-muted);
  --line:var(--rz-line); --card:var(--rz-surf); --card-2:var(--rz-surf2); --bg-0:var(--rz-bg);
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a{color:inherit}
.wrap{max-width:1188px;margin-inline:auto;padding-inline:var(--rz-gut)}
main{display:block}

/* ---- 1 · type mapping (fixed scale 13/16/20/32/56/96) ---- */
main h1{font-size:var(--rz-t56);font-weight:200;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
main h1.rz-hero{font-size:var(--rz-t96);line-height:1.02;text-wrap:wrap}
main h2{font-size:var(--rz-t56);font-weight:200;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}
main h3{font-size:var(--rz-t20);font-weight:400;line-height:1.3}
.accent{color:inherit}
.eyebrow{display:block;margin-bottom:var(--rz-s3);font-size:var(--rz-t13);font-weight:400;text-transform:uppercase;letter-spacing:.11em;line-height:1.4;color:var(--rz-muted)}
.eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:var(--rz-s4);height:2px;margin-inline-end:var(--rz-s2);margin-top:-.2em;background:var(--rz-orange)}
.lead{font-size:var(--rz-t20);line-height:1.5;color:var(--rz-muted);max-width:36em;text-wrap:pretty}
.lead strong,.dim strong{color:var(--rz-text);font-weight:600}
.dim{color:var(--rz-muted)}
.small{font-size:var(--rz-t13);color:var(--rz-muted)}
.center{text-align:center}
.ghost{display:inline-flex;align-items:center;gap:var(--rz-s1);color:var(--rz-text);font-weight:600;text-decoration:underline;text-decoration-color:var(--rz-orange);text-decoration-thickness:2px;text-underline-offset:5px}
.ghost:hover{color:var(--rz-muted)}
.cta-row{display:flex;align-items:center;gap:var(--rz-s2) var(--rz-s3);flex-wrap:wrap;margin-top:var(--rz-s4)}
/* small caps tag used inside cards ("Founder", "Insurance / Aleppo") */
.tag,.step{display:block;margin-bottom:var(--rz-s2);font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;line-height:1.4;color:var(--rz-muted)}
.tag .rz-sl,.step .rz-sl{color:var(--rz-orange);margin:0 .4em}
/* section numbers "01": ink with a short solid orange rule */
.num-tag{display:inline-flex;align-items:center;gap:var(--rz-s1);margin-bottom:var(--rz-s2);font-size:var(--rz-t13);letter-spacing:.11em;color:var(--rz-text);font-variant-numeric:tabular-nums}
.num-tag::before{content:"";width:18px;height:2px;background:var(--rz-orange)}
/* big gradient number (big = allowed gradient) */
.gnum{display:inline-block;font-size:var(--rz-t56);font-weight:200;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums lining-nums;
  background:var(--rz-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* card padding variant */
.rz-card.pad3{padding:var(--rz-s3)}
.rz-card h3+p,.rz-card .tag+h3{margin-top:0}
.rz-card p{color:var(--rz-muted)}
.rz-card h3+p{margin-top:var(--rz-s1)}

/* ---- 2 · motion: reveal (motion.js adds .in) ---- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity var(--rz-d-enter) var(--rz-ease-in),transform var(--rz-d-enter) var(--rz-ease-in)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{transform:none;transition:opacity var(--rz-d-ui) linear}}

/* ---- 3 · nav + footer extras ---- */
.rz-nav__links a{white-space:nowrap}
.rz-nav__toggle{font:inherit}
.rz-nav__in,.rz-footer__in{max-width:1188px} /* align with the page .wrap */
.rz-footer__tag{margin-top:var(--rz-s3);font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted)}
.rz-footer__origin{margin-top:var(--rz-s1)}

/* ============================================================
   4 · HOME
   ============================================================ */
/* hero */
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--rz-s8);align-items:center}
.hero .lead{margin-top:var(--rz-s3)}

/* chaos -> system stage */
.os-stage{position:relative;height:450px;max-width:468px;margin:0 auto}
.cchip{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:var(--rz-s1);white-space:nowrap;
  --c:var(--rz-cut-sm);background:var(--rz-surf2);padding:9px 14px 9px 12px;font-size:var(--rz-t13);color:var(--rz-text);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%);
  opacity:0;transform:rotate(var(--r)) translateY(18px);
  animation:chipIn var(--rz-d-enter) var(--rz-ease-in) forwards var(--d),chipOut var(--rz-d-enter) var(--rz-ease-in) forwards calc(1.9s + var(--d))}
.cchip .cd{width:6px;height:6px;background:var(--rz-orange-deep);flex:none}
@keyframes chipIn{to{opacity:1;transform:rotate(var(--r)) translateY(0)}}
@keyframes chipOut{from{opacity:1;transform:rotate(var(--r))}to{opacity:0;transform:rotate(var(--r)) scale(.4)}}
.os-panel{position:absolute;inset:6% 0;filter:var(--rz-lift);opacity:0;transform:translateY(18px);
  animation:panelIn var(--rz-d-light) var(--rz-ease-in) forwards 2.25s}
.os-panel__in{--c:var(--rz-cut-card);height:100%;background:var(--rz-surf);box-shadow:var(--rz-hi);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
@keyframes panelIn{to{opacity:1;transform:none}}
.os-head{display:flex;align-items:center;gap:var(--rz-s1);padding:var(--rz-s2) var(--rz-s3);border-bottom:1px solid var(--rz-line);
  font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted)}
.os-head .rz-logo{width:72px}
.os-head b{margin-left:auto;font-weight:400}
.os-dot{width:6px;height:6px;background:var(--rz-orange);flex:none}
.os-feed{padding:var(--rz-s2) var(--rz-s3);display:flex;flex-direction:column;gap:var(--rz-s2);min-height:250px}
.feed-line{display:flex;align-items:center;gap:var(--rz-s1);font-size:var(--rz-t16);color:var(--rz-text);opacity:0;transform:translateY(-9px);animation:feedIn var(--rz-d-enter) var(--rz-ease-in) forwards}
@keyframes feedIn{to{opacity:1;transform:none}}
.feed-line .fc{display:flex;color:var(--rz-orange)}
.feed-line .fc .rz-ic{width:16px;height:16px}
.feed-line .ft{margin-left:auto;font-size:var(--rz-t13);color:var(--rz-muted);font-variant-numeric:tabular-nums}
.os-cap,.phone-cap{text-align:center;margin-top:var(--rz-s3);font-size:var(--rz-t13);color:var(--rz-muted)}
.os-cap b,.phone-cap b{color:var(--rz-text);font-weight:600}
@media (prefers-reduced-motion:reduce){
  .cchip{display:none}
  .os-panel,.feed-line{opacity:1;transform:none;animation:none}
}

/* proof: stat tiles */
.proof-stats{margin-top:var(--rz-s6)}
.proof-stats .rz-stat__num{font-size:var(--rz-t32);line-height:1.1;letter-spacing:-.02em}
.proof-stats p{margin-top:var(--rz-s1);color:var(--rz-muted)}
#proof .dim{margin-top:var(--rz-s4);max-width:52em}

/* MRI: the owner's lock screen, a graphite frame (36px cut, lifted) */
.mri{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--rz-s8);align-items:center}
.phone{max-width:420px;margin:0 auto;filter:var(--rz-lift)}
.phone .screen{--c:var(--rz-cut-lg);background:var(--rz-surf);box-shadow:var(--rz-hi);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.lock{padding:var(--rz-s4) 0 var(--rz-s3)}
.lock .ltime{font-size:var(--rz-t56);font-weight:200;line-height:1;letter-spacing:-.025em;text-align:center;font-variant-numeric:tabular-nums}
.lock .ldate{text-align:center;font-size:var(--rz-t13);color:var(--rz-muted);margin:var(--rz-s1) 0 var(--rz-s3)}
.lnotif{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:var(--rz-s2);align-items:start;padding:var(--rz-s2) var(--rz-s3);border-top:1px solid var(--rz-line)}
.lnotif .ai{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--rz-surf2);color:var(--rz-orange)}
.lnotif .app{display:block;font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted)}
.lnotif b{display:block;font-size:var(--rz-t16);font-weight:600}
.lnotif .body span:not(.app){display:block;font-size:var(--rz-t13);color:var(--rz-muted);line-height:1.5}
.lnotif .lts{font-size:var(--rz-t13);color:var(--rz-muted);white-space:nowrap;font-variant-numeric:tabular-nums}

/* reframe */
.reframe{text-align:center}
.reframe h2{max-width:900px;margin-inline:auto}
.shape{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s4);margin-top:var(--rz-s8);text-align:left}
.shape .rz-ic,.bcell .rz-ic,.deliv .rz-ic{display:block;margin-bottom:var(--rz-s2)}
.reframe>.wrap>.dim{margin-top:var(--rz-s6)}

/* theater */
#theater .head{margin-bottom:var(--rz-s6)}
.theater{display:grid;grid-template-columns:288px minmax(0,1fr);gap:var(--rz-s8)}
.th-nav{position:sticky;top:108px;align-self:start;display:flex;flex-direction:column}
.th-nav button{all:unset;cursor:pointer;padding:var(--rz-s2) var(--rz-s3);box-shadow:inset 0 -1px 0 var(--rz-line);transition:background-color var(--rz-d-ui) var(--rz-ease-ui)}
.th-nav button:first-child{box-shadow:inset 0 1px 0 var(--rz-line),inset 0 -1px 0 var(--rz-line)}
.th-nav button:focus-visible{outline:2px solid var(--rz-text);outline-offset:-2px}
.th-nav .ph{font-size:var(--rz-t13);letter-spacing:.11em;color:var(--rz-muted)}
.th-nav .tt{display:block;font-size:var(--rz-t20);color:var(--rz-muted);margin-top:4px}
.th-nav .wk{display:block;font-size:var(--rz-t13);color:var(--rz-muted);margin-top:2px}
.th-nav button.on{background:var(--rz-surf)}
.th-nav button.on .ph{color:var(--rz-orange)}
.th-nav button.on .tt{color:var(--rz-text)}
.th-panels{position:relative;min-height:480px}
.panel{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity var(--rz-d-enter) var(--rz-ease-in),transform var(--rz-d-enter) var(--rz-ease-in);pointer-events:none}
.panel.on{opacity:1;transform:none;pointer-events:auto}
.mock{height:100%;display:flex !important;flex-direction:column}
.mhead{display:flex;justify-content:space-between;align-items:center;gap:var(--rz-s2);padding-bottom:var(--rz-s2);border-bottom:1px solid var(--rz-line);margin-bottom:var(--rz-s2)}
.mhead b{font-size:var(--rz-t13);font-weight:400;letter-spacing:.11em;color:var(--rz-text)}
.mhead span{font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;line-height:1;padding:7px 9px;color:var(--rz-muted);box-shadow:inset 0 0 0 1px var(--rz-line2);white-space:nowrap}
.mock p.exp{color:var(--rz-muted);margin-top:auto;padding-top:var(--rz-s2)}
.trow{display:grid;grid-template-columns:1.4fr .5fr 1fr;gap:var(--rz-s2);align-items:center;padding:var(--rz-s1) 0;border-bottom:1px solid var(--rz-line);font-size:var(--rz-t16);color:var(--rz-muted);font-variant-numeric:tabular-nums;
  opacity:0;transform:translateX(-9px);transition:opacity var(--rz-d-enter) var(--rz-ease-in),transform var(--rz-d-enter) var(--rz-ease-in)}
.trow.th{font-size:var(--rz-t13);letter-spacing:.11em}
.panel.on .trow{opacity:1;transform:none}
.trow:nth-child(3){transition-delay:90ms}.trow:nth-child(4){transition-delay:180ms}.trow:nth-child(5){transition-delay:270ms}.trow:nth-child(n+6){transition-delay:270ms}
.bar{position:relative;height:2px;background:var(--rz-line2)}
.bar i{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--rz-orange);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--rz-d-light) var(--rz-ease-in)}
.panel.on .bar i{transform:none}
.drow{display:flex;align-items:center;gap:var(--rz-s2);padding:var(--rz-s1) 0;border-bottom:1px solid var(--rz-line);font-size:var(--rz-t16);color:var(--rz-muted)}
.drow>span:first-child{flex:0 0 42%}
.drow .bar{flex:1}
.drow .st{font-size:var(--rz-t13);letter-spacing:.11em;line-height:1;padding:7px 9px;color:var(--rz-muted);box-shadow:inset 0 0 0 1px var(--rz-line2);white-space:nowrap;min-width:90px;text-align:center}
.drow .st.live{background:var(--rz-text);color:var(--rz-bg);box-shadow:none}
.crow{display:flex;align-items:center;gap:var(--rz-s2);padding:var(--rz-s1) 0;border-bottom:1px solid var(--rz-line);color:var(--rz-muted)}
.crow .chk{width:18px;height:18px;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px var(--rz-ctl);color:var(--rz-ink)}
.crow .chk .rz-ic{width:14px;height:14px;opacity:0;transition:opacity var(--rz-d-ui) var(--rz-ease-ui)}
.panel.on .crow.done .chk{background:var(--rz-orange);box-shadow:none}
.panel.on .crow.done .chk .rz-ic{opacity:1}
.panel.on .crow.done{color:var(--rz-text)}
.sgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s2)}
.scard{--c:var(--rz-cut-md);background:var(--rz-surf2);padding:var(--rz-s3) var(--rz-s2);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.scard .n{display:block;font-size:var(--rz-t56);font-weight:200;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.scard p{font-size:var(--rz-t13);color:var(--rz-muted);margin-top:var(--rz-s1)}

/* what you get: bento */
.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s4);margin-top:var(--rz-s6)}
.pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rz-s1);margin-top:var(--rz-s2)}
.pcol{background:var(--rz-surf2);padding:var(--rz-s1);min-height:117px}
.pcol .ph2{font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted);margin-bottom:var(--rz-s1)}
.pcard{display:flex;align-items:center;gap:6px;background:var(--rz-surf);padding:6px 9px;font-size:var(--rz-t13);color:var(--rz-text);margin-bottom:6px;box-shadow:inset 0 0 0 1px var(--rz-line)}
.pcard.hot{box-shadow:inset 0 0 0 1px var(--rz-text)}
.pcard .rz-ic{width:13px;height:13px;color:var(--rz-orange)}
.bcell .gnum{margin-top:var(--rz-s2)}
.bcell .gnum small{font-size:var(--rz-t20)}

/* why raizer */
.types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s4);margin-top:var(--rz-s6)}
.type.win{grid-column:1/-1}
.gband{display:flex;gap:var(--rz-s3);align-items:flex-start;margin-top:var(--rz-s4)}
.gband>.rz-ic{width:36px;height:36px;color:var(--rz-orange);flex:none}
.gband h3{font-size:var(--rz-t32);line-height:1.15;letter-spacing:-.02em}
.gband p{margin-top:var(--rz-s2);max-width:720px}

/* faq */
.faq{margin-top:var(--rz-s6);border-top:1px solid var(--rz-line2)}
.faq details{border-bottom:1px solid var(--rz-line2)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--rz-s2);padding:var(--rz-s3) 0;font-size:var(--rz-t20);line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:18px;height:18px;background:
  linear-gradient(var(--rz-text),var(--rz-text)) center/18px 2px no-repeat,linear-gradient(var(--rz-text),var(--rz-text)) center/2px 18px no-repeat;
  transition:transform var(--rz-d-ui) var(--rz-ease-ui)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--rz-muted)}
.faq p{color:var(--rz-muted);max-width:48em;padding-bottom:var(--rz-s3);margin-top:calc(var(--rz-s1) * -1)}

/* final cta */
.final{text-align:center}
.final .lead{margin:var(--rz-s3) auto 0}
.final .cta-row{justify-content:center}
.meter{display:inline-flex;gap:var(--rz-s1);align-items:center;margin-top:var(--rz-s4)}
.meter i{width:36px;height:9px;background:var(--rz-surf2);box-shadow:inset 0 0 0 1px var(--rz-line2)}
.meter i.full{background:var(--rz-orange);box-shadow:none}
.meter span{font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted);margin-left:var(--rz-s1)}

/* ============================================================
   5 · ABOUT
   ============================================================ */
.tl{margin-top:var(--rz-s6);max-width:756px}
.tlnode{display:grid;grid-template-columns:126px 18px minmax(0,1fr);gap:0 var(--rz-s3);padding-bottom:var(--rz-s4);position:relative}
.tlnode::before{content:"";position:absolute;left:calc(126px + 27px + 8px);top:27px;bottom:0;width:2px;background:var(--rz-line2)}
.tlnode:last-child::before{display:none}
.tlnode .yr{font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-text);text-align:right;padding-top:5px;font-variant-numeric:tabular-nums}
.tlnode .dot{width:18px;height:18px;margin-top:5px;display:flex;align-items:center;justify-content:center;background:var(--rz-bg);box-shadow:inset 0 0 0 1.5px var(--rz-line2)}
.tlnode .dot i{width:6px;height:6px;background:var(--rz-orange)}
.tlnode p{color:var(--rz-muted);margin-top:var(--rz-s1);max-width:32em}
.founder{display:flex !important;gap:var(--rz-s4);align-items:center;flex-wrap:wrap}
.founder img{--c:var(--rz-cut-md);width:144px;height:144px;object-fit:cover;object-position:top;flex:none;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.founder .fx{flex:1;min-width:252px}
.founder h3{font-size:var(--rz-t32);line-height:1.15;letter-spacing:-.02em}
.founder p{margin-top:var(--rz-s2)}

/* ============================================================
   6 · AUDIT
   ============================================================ */
.deliv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rz-s4);margin-top:var(--rz-s6)}
.weeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s4);margin-top:var(--rz-s6)}
.week h3{margin-top:0}
.notice{--c:var(--rz-cut-md);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--rz-s2);margin-top:var(--rz-s4);padding:var(--rz-s3) var(--rz-s4) var(--rz-s3) var(--rz-s3);
  background:var(--rz-surf2);color:var(--rz-muted);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.notice>.rz-ic{margin-top:3px;color:var(--rz-orange)}
.notice strong{color:var(--rz-text)}
.astats .rz-stat__num,.casestats .n{font-size:var(--rz-t32);line-height:1.1;letter-spacing:-.02em}
.astat p{margin-top:var(--rz-s1);color:var(--rz-muted)}

/* ============================================================
   7 · OFFER
   ============================================================ */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rz-s4);margin-top:var(--rz-s6);align-items:stretch}
.tier{display:flex !important;flex-direction:column}
.tier h3{font-size:var(--rz-t32);line-height:1.15;letter-spacing:-.02em}
.tier>p{margin-top:var(--rz-s2)}
.tier.mid::before{box-shadow:inset 0 2px 0 var(--rz-orange),var(--rz-hi)}
.tier .rz-badge{align-self:flex-start;margin-bottom:var(--rz-s2)}
.ticks{list-style:none;margin:var(--rz-s3) 0 0;padding:0;display:grid;gap:var(--rz-s1)}
.ticks li{display:flex;gap:var(--rz-s1);align-items:flex-start;line-height:1.5}
.ticks .rz-ic{color:var(--rz-orange);margin-top:3px}
.ogroup2 .kick{display:flex;align-items:baseline;gap:var(--rz-s2);flex-wrap:wrap}
.ogroup2 .kick .num-tag{margin-bottom:0}
.ogroup2 h3{font-size:var(--rz-t32);line-height:1.15;letter-spacing:-.02em}
.ogroup2>p{color:var(--rz-muted);margin-top:var(--rz-s2);max-width:48em}
.ogroup2>p strong{color:var(--rz-text)}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s3);margin-top:var(--rz-s4)}
.pcard2{display:flex !important;gap:var(--rz-s2);align-items:flex-start}
.pcard2 .pic{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--rz-surf2);color:var(--rz-orange)}
.pcard2 b{display:block;font-weight:600}
.pcard2 span{display:block;margin-top:4px;color:var(--rz-muted);line-height:1.5}
.prodstat{--c:var(--rz-cut-md);display:inline-flex;align-items:baseline;gap:var(--rz-s2);flex-wrap:wrap;margin-top:var(--rz-s4);padding:var(--rz-s2) var(--rz-s3);background:var(--rz-surf2);color:var(--rz-muted);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.prodstat b{font-size:var(--rz-t32);font-weight:200;letter-spacing:-.02em;color:var(--rz-text)}
.offer-close .dim{margin-top:var(--rz-s4)}
h2+.ogroup2{margin-top:var(--rz-s8)}

/* ============================================================
   8 · CLIENTS
   ============================================================ */
.case2 h2{font-size:var(--rz-t32);font-weight:400;line-height:1.15;letter-spacing:-.02em}
.case-grid{margin-top:var(--rz-s4);max-width:756px}
.steps{display:flex;flex-direction:column}
.snode{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--rz-s2);padding-bottom:var(--rz-s3);position:relative}
.snode::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--rz-line2)}
.snode:last-child::before{display:none}
.snode .dot{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--rz-surf2);font-size:var(--rz-t13);color:var(--rz-text);font-variant-numeric:tabular-nums;box-shadow:inset 0 -2px 0 var(--rz-orange)}
.snode b{display:block;font-size:var(--rz-t13);font-weight:400;letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted)}
.snode h3{margin-top:2px}
.snode p{color:var(--rz-muted);margin-top:4px}
.casestats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rz-s2);margin-top:var(--rz-s4)}
.cstat{--c:var(--rz-cut-md);background:var(--rz-surf2);padding:var(--rz-s3) var(--rz-s2);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.cstat .n{display:block;font-weight:200}
.cstat p{font-size:var(--rz-t13);color:var(--rz-muted);margin-top:var(--rz-s1);line-height:1.5}
.mini-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s4)}

/* ============================================================
   9 · PRIVACY + 404
   ============================================================ */
.prose-page{max-width:48em}
.prose-page p{color:var(--rz-muted);margin-top:var(--rz-s3)}
.prose-page p:first-of-type{margin-top:var(--rz-s4)}
.nf{min-height:calc(100vh - 340px);display:flex;align-items:center}
.nf .wrap{width:100%;text-align:center}
.nf .big{font-size:var(--rz-t96);font-weight:200;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.nf h2{font-size:var(--rz-t32);font-weight:400;line-height:1.2;letter-spacing:-.02em;margin-top:var(--rz-s3)}
.nf .lead{margin:var(--rz-s2) auto 0}
.nf .cta-row{justify-content:center}

/* ============================================================
   10 · CALCULATOR (restyle only — IDs, data-* and JS untouched)
   ============================================================ */
.calc-head{text-align:center;max-width:648px;margin:0 auto}
.calc-head .eyebrow::before{display:none}
.calc-head .eyebrow::after{content:"";display:block;width:var(--rz-s4);height:2px;margin:var(--rz-s2) auto 0;background:var(--rz-orange)}
.calc-head .lead{margin:var(--rz-s2) auto 0}
.wizbox{max-width:684px;margin:var(--rz-s6) auto 0;min-height:432px;display:flex !important;flex-direction:column}
.wtop{display:flex;align-items:center;gap:var(--rz-s2);margin-bottom:var(--rz-s3)}
.wback{all:unset;cursor:pointer;width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--rz-text);box-shadow:inset 0 0 0 1px var(--rz-ctl);transition:box-shadow var(--rz-d-ui) var(--rz-ease-ui)}
.wback:hover{box-shadow:inset 0 0 0 2px var(--rz-text)}
.wback:focus-visible{outline:2px solid var(--rz-text);outline-offset:3px}
.wback[disabled]{opacity:.3;pointer-events:none}
.wprog{flex:1}
.wprog .lbl{font-size:var(--rz-t13);letter-spacing:.11em;color:var(--rz-muted);margin-bottom:var(--rz-s1);font-variant-numeric:tabular-nums}
.wbar{height:2px;background:var(--rz-line2)}
.wbar i{display:block;height:100%;background:var(--rz-orange)}
.wscreen{display:none;flex:1}
.wscreen.act{display:flex;flex-direction:column;animation:slin var(--rz-d-enter) var(--rz-ease-in)}
@keyframes slin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wscreen.act{animation:none}}
.wq{font-size:var(--rz-t32);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--rz-s3);text-wrap:balance}
.opts2{display:grid;gap:var(--rz-s1);grid-template-columns:repeat(2,minmax(0,1fr))}
.opts2 button{all:unset;box-sizing:border-box;--c:var(--rz-cut-sm);cursor:pointer;min-height:54px;padding:var(--rz-s2);display:flex;align-items:center;justify-content:center;text-align:center;
  background:var(--rz-surf2);color:var(--rz-text);box-shadow:inset 0 0 0 1px var(--rz-ctl);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%);transition:box-shadow var(--rz-d-ui) var(--rz-ease-ui)}
.opts2 button:hover{box-shadow:inset 0 0 0 2px var(--rz-muted)}
.opts2 button:focus-visible{box-shadow:inset 0 0 0 2px var(--rz-text)}
.opts2 button.sel{background:var(--rz-text);color:var(--rz-bg);box-shadow:none}
.selrow{margin-bottom:var(--rz-s3);display:grid;gap:var(--rz-s1)}
.selrow label{font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-text);line-height:1.4}
.wnext{margin-top:auto;align-self:flex-start}
.runbar{--c:var(--rz-cut-md);position:sticky;bottom:var(--rz-s2);margin:var(--rz-s3) auto 0;max-width:684px;display:none;align-items:center;justify-content:space-between;gap:var(--rz-s2);
  background:var(--rz-surf2);padding:var(--rz-s2) var(--rz-s3);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.runbar.show{display:flex}
.runbar span{font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted)}
.runbar b{font-size:var(--rz-t32);font-weight:200;color:var(--rz-text);white-space:nowrap;font-variant-numeric:tabular-nums}
#result{display:none;text-align:center;padding-top:var(--rz-s1)}
#result .eyebrow::before{display:none}
/* the gauge ring is a circle (off-system), so the number stands alone as a big number */
.gauge{position:relative;margin:var(--rz-s2) auto var(--rz-s3)}
.gauge svg{display:none}
.gauge .val{display:flex;flex-direction:column;align-items:center}
.gauge .val b{font-size:var(--rz-t96);font-weight:200;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;
  background:var(--rz-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.gauge .val span{margin-top:var(--rz-s1);font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted)}
.gauge .val::after{content:"";width:var(--rz-s4);height:2px;margin-top:var(--rz-s2);background:var(--rz-orange)}
.tcards{display:grid;gap:0;margin-top:var(--rz-s4);text-align:left;border-top:1px solid var(--rz-line)}
.tcard{display:flex;gap:var(--rz-s2);align-items:flex-start;padding:var(--rz-s2) 0;border-bottom:1px solid var(--rz-line)}
.tcard .rank{flex:none;width:36px;font-size:var(--rz-t32);font-weight:200;line-height:1;font-variant-numeric:tabular-nums}
.tcard b{display:block;font-weight:600}
.tcard span{display:block;margin-top:4px;color:var(--rz-muted)}
#result .notice{text-align:left}
#result .cta-row{justify-content:center}

/* ============================================================
   11 · BOOK (restyle only — the booking script, IDs, names, API untouched)
   ============================================================ */
.bookmain{display:flex;justify-content:center}
.widget{width:100%;max-width:954px;position:relative;display:flex !important;padding:0 !important;--c:var(--rz-cut-lg)}
.winfo{flex:0 0 270px;box-shadow:inset -1px 0 0 var(--rz-line);padding:var(--rz-s4) var(--rz-s3);display:flex;flex-direction:column}
.winfo .rz-logo{width:108px;margin-bottom:var(--rz-s3)}
.winfo .host{font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-muted)}
.winfo h1{font-size:var(--rz-t32);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:var(--rz-s1) 0 var(--rz-s3)}
.wmeta{display:flex;flex-direction:column;gap:var(--rz-s2);margin-bottom:var(--rz-s3)}
.wmeta div{display:flex;align-items:flex-start;gap:var(--rz-s1);line-height:1.4}
.wmeta .rz-ic{color:var(--rz-orange);margin-top:1px}
.tzbox{margin-top:auto;padding-top:var(--rz-s3);box-shadow:inset 0 1px 0 var(--rz-line);display:grid;gap:var(--rz-s1)}
.tzbox label{display:flex;align-items:center;gap:var(--rz-s1);font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;color:var(--rz-text)}
.tzbox label .rz-ic{width:14px;height:14px;color:var(--rz-muted)}
.tzbox .rz-input{font-size:var(--rz-t13);min-height:45px}
.wmain{flex:1;min-width:0;display:flex;flex-direction:column}
.wviews{display:flex;min-height:0;height:477px}
.calcol{flex:1;min-width:0;padding:var(--rz-s4) var(--rz-s3);display:flex;flex-direction:column}
.timecol{flex:0 0 180px;box-shadow:inset 1px 0 0 var(--rz-line);padding:var(--rz-s4) var(--rz-s2);display:flex;flex-direction:column;min-height:0}
.timehead{font-weight:600;margin-bottom:var(--rz-s2)}
.timehead span{display:block;font-size:var(--rz-t13);color:var(--rz-muted);font-weight:400;margin-top:2px}
.timelist{display:flex;flex-direction:column;gap:var(--rz-s1);overflow-y:auto;padding-right:4px;scrollbar-width:thin;flex:1}
.slot{--c:var(--rz-cut-sm);flex:none;min-height:45px;padding:0 var(--rz-s1);border:0;font:inherit;font-weight:600;cursor:pointer;text-align:center;
  background:var(--rz-surf2);color:var(--rz-text);box-shadow:inset 0 0 0 1px var(--rz-ctl);font-variant-numeric:tabular-nums;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%);transition:box-shadow var(--rz-d-ui) var(--rz-ease-ui)}
.slot:hover{box-shadow:inset 0 0 0 2px var(--rz-text)}
.slot:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--rz-text)}
.slot.sel{background:var(--rz-orange);color:var(--rz-ink);box-shadow:none}
.timehint{color:var(--rz-muted);font-size:var(--rz-t13);line-height:1.6;margin-top:4px}
.timehint a{color:var(--rz-text) !important;font-weight:600;text-decoration:underline;text-decoration-color:var(--rz-orange);text-decoration-thickness:2px;text-underline-offset:3px}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--rz-s2)}
.cal-head b{font-size:var(--rz-t20);font-weight:400}
.cal-nav{display:flex;gap:var(--rz-s1)}
.cal-nav button{width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--rz-text);font:inherit;font-size:var(--rz-t20);line-height:1;cursor:pointer;box-shadow:inset 0 0 0 1px var(--rz-ctl)}
.cal-nav button:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--rz-text)}
.cal-nav button:disabled{opacity:.3;cursor:default}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;flex:1}
.cal-dow{text-align:center;font-size:var(--rz-t13);letter-spacing:.11em;color:var(--rz-muted);text-transform:uppercase;padding:2px 0 6px}
.cal-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--rz-muted);opacity:.55;font:inherit;font-variant-numeric:tabular-nums}
.cal-day.blank{visibility:hidden}
.cal-day.avail{opacity:1;background:var(--rz-surf2);color:var(--rz-text);cursor:pointer;font-weight:600;box-shadow:inset 0 0 0 1px var(--rz-line2);transition:box-shadow var(--rz-d-ui) var(--rz-ease-ui)}
.cal-day.avail::after{content:"";position:absolute;bottom:6px;left:50%;width:4px;height:4px;margin-left:-2px;background:var(--rz-orange)}
.cal-day.avail:hover{box-shadow:inset 0 0 0 2px var(--rz-text)}
.cal-day.avail:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--rz-text)}
.cal-day.today{box-shadow:inset 0 0 0 1px var(--rz-text)}
.cal-day.sel{background:var(--rz-orange);color:var(--rz-ink);box-shadow:none}
.cal-day.sel::after{background:var(--rz-ink)}
.sk{background:var(--rz-surf2)}
.formview{display:none;flex:1;padding:var(--rz-s4)}
.formview.on{display:block}
.backb,.mback{display:flex;align-items:center;gap:var(--rz-s1);background:none;border:0;padding:0;margin-bottom:var(--rz-s2);color:var(--rz-muted);font:inherit;font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.backb:hover,.mback:hover{color:var(--rz-text)}
.backb svg,.mback svg{width:14px;height:14px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter}
.formview h2{font-size:var(--rz-t32);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--rz-s2)}
.chosen{--c:var(--rz-cut-sm);display:inline-flex;align-items:center;gap:var(--rz-s1);background:var(--rz-surf2);padding:var(--rz-s1) var(--rz-s2);margin-bottom:var(--rz-s3);font-weight:600;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.chosen svg{width:16px;height:16px;stroke:var(--rz-orange);stroke-linecap:square;stroke-linejoin:miter}
.bform{display:grid;gap:var(--rz-s2);max-width:441px}
.bform .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rz-s2)}
/* confirm: a pressed block. The script rewrites the button's innerHTML, so the
   extrusion lives on a wrapper (five stacked 1px deep-orange shadows = 5px depth) */
.confirm-wrap{display:block;margin:var(--rz-s1) 5px 5px 0;
  filter:drop-shadow(1px 1px 0 var(--rz-orange-deep)) drop-shadow(1px 1px 0 var(--rz-orange-deep)) drop-shadow(1px 1px 0 var(--rz-orange-deep)) drop-shadow(1px 1px 0 var(--rz-orange-deep)) drop-shadow(1px 1px 0 var(--rz-orange-deep)) drop-shadow(0 7px 10px rgba(255,139,38,.30)) drop-shadow(9px 11px 8px var(--rz-sh-lo));
  transition:transform var(--rz-d-ui) var(--rz-ease-ui)}
.confirm-wrap:hover{transform:translateY(-2px)}
.confirm-wrap:active{transform:translate(3px,3px);transition-duration:var(--rz-d-press)}
.confirm{--c:var(--rz-cut-sm);width:100%;min-height:54px;border:0;padding:0 var(--rz-s3);display:flex;align-items:center;justify-content:center;gap:var(--rz-s1);
  background:var(--rz-orange);color:var(--rz-ink);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--rz-hi);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.confirm:focus-visible{outline:2px solid var(--rz-ink);outline-offset:-6px}
.confirm:disabled{cursor:default}
.dots{display:inline-flex;gap:4px}
.dots i{width:5px;height:5px;background:var(--rz-ink);animation:pd 1s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes pd{0%,60%,100%{opacity:.3}30%{opacity:1}}
.bmsg{display:none}
.bmsg.err{--c:var(--rz-cut-md);display:block;margin-top:var(--rz-s1);padding:var(--rz-s2) var(--rz-s3) var(--rz-s2) var(--rz-s2);background:var(--rz-surf2);color:var(--rz-text);font-size:var(--rz-t13);
  box-shadow:inset 0 -2px 0 var(--rz-orange-deep);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
.doneview{display:none;flex:1;align-items:center;justify-content:center;padding:var(--rz-s4)}
.doneview.on{display:flex}
.ticket{max-width:405px;width:100%;text-align:center}
.ticket .ok{width:54px;height:54px;margin:0 auto var(--rz-s2);display:flex;align-items:center;justify-content:center;background:var(--rz-orange)}
.ticket .ok svg{width:27px;height:27px;stroke:var(--rz-ink);stroke-linecap:square;stroke-linejoin:miter;animation:okin var(--rz-d-enter) var(--rz-ease-in) .18s backwards}
@keyframes okin{from{opacity:0;transform:scale(.6)}}
.ticket h2{font-size:var(--rz-t32);font-weight:400;letter-spacing:-.02em}
.ticket .perf{border-top:1px solid var(--rz-line2);margin:var(--rz-s3) 0}
.tgrid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--rz-s1) var(--rz-s2);text-align:left}
.tgrid .k{color:var(--rz-muted);font-size:var(--rz-t13);letter-spacing:.11em;text-transform:uppercase;padding-top:2px}
.tgrid .v{font-weight:600}
.ticket .note{font-size:var(--rz-t13);color:var(--rz-muted);margin-top:var(--rz-s3);line-height:1.6}
.ticket .note b{color:var(--rz-text)}
.mback{display:none}

/* ============================================================
   12 · RESPONSIVE
   ============================================================ */
@media (max-width:960px){
  .hero .wrap,.mri{grid-template-columns:minmax(0,1fr);gap:var(--rz-s6)}
  .theater{grid-template-columns:minmax(0,1fr);gap:0}
  .th-nav{position:static;margin-bottom:var(--rz-s3)}
  .th-panels{min-height:0;height:auto !important}
  .panel{position:static;opacity:1;transform:none;pointer-events:auto;margin-bottom:var(--rz-s3)}
  .tiers,.deliv{grid-template-columns:minmax(0,1fr)}
  .os-stage{height:405px;max-width:414px}
}
@media (max-width:820px){
  .widget{flex-direction:column !important;max-width:468px}
  .winfo{flex:none;box-shadow:inset 0 -1px 0 var(--rz-line);padding:var(--rz-s3);flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px var(--rz-s2)}
  .winfo .rz-logo{margin-bottom:0;width:90px}
  .winfo h1{width:100%;margin:var(--rz-s1) 0 0}
  .wmeta{flex-direction:row;flex-wrap:wrap;margin:6px 0 0;gap:var(--rz-s1) var(--rz-s2)}
  .tzbox{margin:var(--rz-s1) 0 0;width:100%}
  .wviews{flex-direction:column;height:auto}
  .timecol{flex:none;box-shadow:inset 0 1px 0 var(--rz-line);padding:var(--rz-s3)}
  .timelist{max-height:234px}
  .widget.mtimes .calcol{display:none}
  .widget:not(.mtimes) .timecol{display:none}
  .mback{display:flex}
  .calcol{padding:var(--rz-s3)}
  .formview{padding:var(--rz-s3)}
}
@media (max-width:700px){
  .tlnode{grid-template-columns:63px 18px minmax(0,1fr);gap:0 var(--rz-s2)}
  .tlnode::before{left:calc(63px + 18px + 8px)}
}
@media (max-width:640px){
  .shape,.bento,.types,.weeks,.pgrid,.mini-cases,.casestats,.sgrid{grid-template-columns:minmax(0,1fr)}
  .opts2{grid-template-columns:minmax(0,1fr) !important}
  .bform .row2{grid-template-columns:minmax(0,1fr)}
  .gband{flex-direction:column}
  .trow{grid-template-columns:1.3fr .5fr .9fr;font-size:var(--rz-t13)}
  .drow{flex-wrap:wrap;font-size:var(--rz-t13)}
  .drow>span:first-child{flex:1 1 100%}
  .lnotif{padding:var(--rz-s2)}
  .wizbox{padding:var(--rz-s3) !important}
  .proof-stats{grid-template-columns:minmax(0,1fr)}
  .mock.rz-card,.rz-card--xl{padding:var(--rz-s3)}
  .mhead{flex-wrap:wrap}
}

/* tall lit bands (calculator result, booking form) ran past the 960px light box and
   showed its bottom edge; fade the light out inside its own box instead */
.rz-band--lit::before{-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}