/* ==========================================================================
   CAPTAIN MASSAD — CINEMATIC PERFORMANCE
   1 tokens · 2 base · 3 header · 4 buttons · 5 hero · 6 band · 7 section heads
   8 programs · 9 about · 10 results · 11 plans · 12 lab · 13 calculator
   14 final/footer/fab/lightbox · 15 signup modal · 16 admin · 17 motion · 18 responsive
   ========================================================================== */

/* 1) tokens */
:root{
 color-scheme:dark;
 --ink:#070708;--coal:#0d0d10;--panel:#141418;--panel-2:#1b1b21;
 --line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.24);
 --red:#e4262c;--red-hi:#ff3b41;--red-deep:#c1121a;
 --white:#f6f4f0;--mut:#a6a6b0;
 --paper:#ecebe6;--paper-ink:#0b0b0d;--paper-mut:#4f4f58;
 --f-ar:'Cairo',Tahoma,'Segoe UI',Arial,sans-serif;
 --f-disp:'Anton','Bebas Neue',Impact,'Arial Narrow',sans-serif;
 --t-hero:clamp(3.2rem,7vw,7.2rem);
 --t-h2:clamp(2.3rem,5.4vw,4.8rem);
 --t-h3:clamp(1.2rem,1.8vw,1.5rem);
 --t-body:1.0625rem;--t-small:.875rem;
 --sec-y:clamp(60px,8vw,112px);--gut:clamp(18px,4vw,40px);--maxw:1280px;
 --nav-h:72px;--ease:cubic-bezier(.2,.8,.2,1);
}

/* 2) base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--nav-h) + 12px);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--ink);color:var(--white);font-family:var(--f-ar);font-size:var(--t-body);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
img,svg,canvas{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
.wrap{width:100%;max-width:calc(var(--maxw) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec-y);position:relative}
.skip{position:fixed;top:0;transform:translateY(-200%);inset-inline-start:12px;z-index:100;background:#fff;color:#000;padding:10px 16px;border-radius:4px;font-weight:700}
.skip:focus{transform:translateY(calc(10px + env(safe-area-inset-top,0px)))}
:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px}
::selection{background:var(--red);color:#fff}
.ns{padding:16px 0;color:var(--mut)}.ns a{color:var(--white);text-decoration:underline}

/* 3) header */
header#top{position:fixed;top:0;inset-inline:0;z-index:40;padding-top:env(safe-area-inset-top,0px)}
header#top::before{content:"";position:absolute;inset:0;background:rgba(7,7,8,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);opacity:0;transition:opacity .4s}
header#top.scrolled::before{opacity:1}
.nav{position:relative;display:flex;align-items:center;gap:clamp(14px,2vw,28px);height:var(--nav-h)}
.logo{display:flex;flex-direction:column;line-height:1;direction:ltr;align-items:flex-start;flex:none}
.logo-mark{font:400 1.45rem/1 var(--f-disp);letter-spacing:.09em;color:var(--white);white-space:nowrap}
.logo-mark b{font-weight:400;color:var(--red)}
.logo small{font-size:.6rem;letter-spacing:.34em;color:var(--mut);margin-top:6px;font-weight:600;white-space:nowrap}
nav#nav{margin-inline:auto}
nav#nav ul{display:flex;gap:clamp(16px,2.2vw,34px)}
nav#nav a{position:relative;display:block;padding:8px 0;font-size:.95rem;font-weight:600;color:#d6d6dc;transition:color .25s}
nav#nav a::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
nav#nav a:hover{color:#fff}nav#nav a:hover::after{transform:scaleX(1)}
.menu{display:none;width:46px;height:46px;border:1px solid var(--line-2);background:transparent;border-radius:4px;cursor:pointer;position:relative;flex:none}
.menu span{position:absolute;inset-inline:12px;height:2px;background:#fff;transition:transform .35s var(--ease),top .35s var(--ease)}
.menu span:nth-child(1){top:18px}.menu span:nth-child(2){top:26px}
.menu[aria-expanded=true] span:nth-child(1){top:22px;transform:rotate(45deg)}
.menu[aria-expanded=true] span:nth-child(2){top:22px;transform:rotate(-45deg)}

/* 4) buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:.7em 1.7em;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:4px;font:800 1rem var(--f-ar);letter-spacing:.01em;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .35s var(--ease)}
.btn span[aria-hidden]{display:inline-block;transition:transform .35s var(--ease)}
.btn:hover{background:var(--red-hi);border-color:var(--red-hi);transform:translateY(-2px)}
.btn:hover span[aria-hidden]{transform:translateX(-5px)}
.btn:active{transform:translateY(0)}
.btn.ghost{background:transparent;border-color:var(--line-2);color:var(--white)}
.btn.ghost:hover{background:#fff;border-color:#fff;color:#000}
.btn.big{min-height:58px;padding-inline:2.2em;font-size:1.1rem}
.btn.wa{background:#1fa855;border-color:#1fa855;width:100%;margin-top:14px}
.btn.wa:hover{background:#27c264;border-color:#27c264}
.btn-light{background:#fff;color:#0b0b0d;border-color:#fff}.btn-light:hover{background:#0b0b0d;border-color:#0b0b0d;color:#fff}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.btn-outline-light:hover{background:rgba(0,0,0,.28);border-color:#fff}
.btn:disabled{opacity:.45;cursor:not-allowed}
.hdrbtn{min-height:44px;padding:.45em 1.35em;font-size:.95rem;flex:none}

/* 5) hero */
.hero{position:relative;display:flex;flex-direction:column;min-height:max(100svh,680px);background:var(--ink);overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-bg::after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.hb-bloom{position:absolute;inset-inline-end:-4%;top:4%;width:min(68vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(228,38,44,.36),rgba(228,38,44,.1) 58%,transparent 74%);transform:translate(calc(var(--mx,0)*-26px),calc(var(--my,0)*-14px))}
.hb-beam{position:absolute;top:-25%;bottom:-25%;inset-inline-start:30%;width:20vw;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);transform:rotate(16deg);opacity:.9}
.hb-floor{position:absolute;inset:0;background:linear-gradient(to top,var(--ink) 2%,rgba(7,7,8,0) 40%),radial-gradient(ellipse at 50% 120%,transparent 50%,rgba(0,0,0,.55))}
.hero-word{position:absolute;inset-inline:0;bottom:-.06em;text-align:center;direction:ltr;font:400 clamp(9rem,31vw,34rem)/.82 var(--f-disp);letter-spacing:-.005em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);user-select:none;transform:translateY(calc(var(--k,0)*12%))}
.hero-slogan{position:absolute;top:calc(var(--nav-h) + 34px);left:var(--gut);font:400 .95rem/1.5 var(--f-disp);letter-spacing:.34em;color:rgba(255,255,255,.42);text-align:start}
.hero-grid{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end;gap:clamp(8px,2vw,28px);padding-top:calc(var(--nav-h) + 36px)}
.hero-copy{align-self:center;padding-bottom:clamp(24px,5vw,72px);max-width:42rem}
.hero-copy>*{animation:heroIn 1s var(--ease) both}
.hero-copy>:nth-child(1){animation-delay:.1s}.hero-copy>:nth-child(2){animation-delay:.22s}.hero-copy>:nth-child(3){animation-delay:.4s}.hero-copy>:nth-child(4){animation-delay:.52s}.hero-copy>:nth-child(5){animation-delay:.64s}
@keyframes heroIn{from{opacity:0;transform:translateY(30px)}}
.kicker{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:1rem;color:#d6d6dc}
.kicker::before{content:"";width:44px;height:2px;background:var(--red)}
.hero h1{margin:.3em 0 .35em;font-size:var(--t-hero);font-weight:900;line-height:1.08;letter-spacing:-.012em}
.hero h1 span{display:block}
.h1-a{color:var(--white);line-height:1.25}
.h1-b{color:var(--red);font-size:1.25em;line-height:1.1}
.h1-c{margin-top:.28em;font-size:.36em;font-weight:700;color:#d0d0d8;letter-spacing:0}
.lede{max-width:34rem;font-size:clamp(1.05rem,1.5vw,1.25rem);color:#cbcbd3;line-height:1.85}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3vw,34px)}
.promises{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:clamp(22px,3vw,34px);font-size:var(--t-small);font-weight:600;color:var(--mut)}
.promises li{display:flex;align-items:center;gap:10px}
.promises li::before{content:"";width:7px;height:7px;background:var(--red);transform:rotate(45deg)}
.hero-visual{position:relative;align-self:end;justify-self:center;width:min(100%,640px);animation:photoIn 1.3s var(--ease) .2s both}
@keyframes photoIn{from{opacity:0;transform:translateY(46px) scale(1.03)}}
.hv-photo{position:relative;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}
.hv-img{display:block;width:100%;height:auto;filter:contrast(1.1) saturate(.9) brightness(.97);transform:translate(calc(var(--mx,0)*-12px),calc(var(--k,0)*46px))}
.stats{position:relative;border-top:1px solid var(--line);background:rgba(7,7,8,.72)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stats .wrap>div{padding:clamp(14px,2vw,24px) clamp(10px,2vw,28px);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.stats .wrap>div:first-child{border-inline-start:0;padding-inline-start:0}
.stats b{font:400 clamp(2rem,3.6vw,3.2rem)/1.05 var(--f-disp);letter-spacing:.02em;direction:ltr;text-align:start}
.stats span{font-size:var(--t-small);color:var(--mut);font-weight:600}

/* 6) band */
.band{overflow:hidden;background:var(--red);color:#fff;direction:ltr;border-block:1px solid rgba(0,0,0,.3)}
.band-track{display:flex;width:max-content;align-items:center;padding-block:clamp(10px,1.6vw,16px);animation:marq 44s linear infinite;animation-play-state:paused}
.band.live .band-track{animation-play-state:running}
.band-track>*{margin-inline-end:clamp(22px,3.4vw,52px);flex:none}
.band-track span{font:400 clamp(1.3rem,2.6vw,2.2rem)/1 var(--f-disp);letter-spacing:.14em;white-space:nowrap}
.band-track i{width:9px;height:9px;background:#0b0b0d;transform:rotate(45deg)}
@keyframes marq{to{transform:translateX(-50%)}}

/* 7) section heads */
.eyebrow{display:inline-flex;align-items:center;gap:14px;direction:ltr;font:400 .85rem/1 var(--f-disp);letter-spacing:.3em;color:var(--mut)}
.eyebrow b{font-weight:400;color:var(--red)}
.eyebrow::after{content:"";width:48px;height:1px;background:var(--line-2)}
.sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:.7em;margin-bottom:clamp(34px,6vw,70px)}
.sec h2,.final h2,.lab-title{font-size:var(--t-h2);font-weight:900;line-height:1.12;letter-spacing:-.01em}
.sec-head p{max-width:40rem;color:var(--mut);font-size:clamp(1rem,1.4vw,1.15rem)}

/* 8) programs */
.plist{border-top:1px solid var(--line-2)}
.prow{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,4vw,60px);padding:clamp(22px,3.4vw,42px) clamp(10px,2.4vw,32px);border-bottom:1px solid var(--line);isolation:isolate;overflow:hidden;transition:color .35s}
.prow::before{content:"";position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease);z-index:-1}
.pn{font:400 clamp(1.8rem,3.6vw,3.2rem)/1 var(--f-disp);color:var(--red);direction:ltr;letter-spacing:.04em;transition:color .35s}
.pt h3{font-size:clamp(1.9rem,4.8vw,4.2rem);font-weight:900;line-height:1.12}
.pt p{margin-top:.2em;color:var(--mut);font-size:clamp(.98rem,1.3vw,1.12rem);transition:color .35s}
.pa{display:inline-flex;align-items:center;gap:.7em;font-weight:800;font-size:.98rem;color:var(--white);white-space:nowrap}
.pa i{font-style:normal;display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-2);border-radius:50%;transition:transform .45s var(--ease),border-color .3s,background .3s,color .3s}
@media (hover:hover){
 .prow:hover::before{transform:scaleX(1)}
 .prow:hover .pn,.prow:hover .pt p{color:#fff}
 .prow:hover .pa i{transform:translateX(-8px);background:#fff;color:#000;border-color:#fff}
}
.prow:focus-visible::before{transform:scaleX(1)}

/* 9) about */
.about-sec{background:linear-gradient(180deg,var(--ink),#0b0b0e 60%,var(--ink));overflow:hidden}
.about{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(34px,7vw,120px);align-items:center}
.about-photo{position:relative;width:min(100%,430px);justify-self:center;isolation:isolate}
.ap-block{position:absolute;inset:0 5% 2.8rem;background:linear-gradient(180deg,#1d1d23,#0f0f12);border-bottom:6px solid var(--red);z-index:-1}
.ap-num{position:absolute;top:-3%;inset-inline-start:-14%;z-index:-2;font:400 clamp(9rem,21vw,17rem)/.8 var(--f-disp);direction:ltr;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.17);user-select:none}
.about-photo img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 84%,transparent);mask-image:linear-gradient(to bottom,#000 84%,transparent)}
.about-photo figcaption{margin-top:14px;font-weight:800;font-size:.95rem;color:var(--mut);display:flex;align-items:center;gap:12px}
.about-photo figcaption::before{content:"";width:28px;height:2px;background:var(--red)}
.about-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.6vw,20px)}
.lead-h{font-size:var(--t-h3);font-weight:800;color:var(--white);display:flex;align-items:center;gap:14px}
.lead-h::before{content:"";width:34px;height:2px;background:var(--red)}
#aboutText{max-width:38rem;color:#cbcbd3;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.95}
.why{counter-reset:w;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,44px);width:100%;margin-top:clamp(18px,3vw,36px)}
.why li{counter-increment:w;display:grid;gap:2px;padding:18px 0 22px;border-top:1px solid var(--line)}
.why li::before{content:"0" counter(w);font:400 .85rem/1 var(--f-disp);letter-spacing:.24em;color:var(--red);direction:ltr;text-align:start;margin-bottom:6px}
.why b{font-size:1.15rem;font-weight:800}
.why span{color:var(--mut);font-size:var(--t-small)}

/* 10) results (light section + coverflow) */
.light{background:var(--paper);color:var(--paper-ink);overflow:hidden}
.light .eyebrow{color:var(--paper-mut)}.light .eyebrow::after{background:rgba(0,0,0,.25)}
.rt{display:flex;flex-direction:column;align-items:flex-start;gap:.7em;margin-bottom:clamp(8px,2vw,24px)}
.rt h2>span:last-child{display:block;color:var(--red-deep)}
.rt p{max-width:38rem;color:var(--paper-mut);font-size:clamp(1rem,1.4vw,1.15rem)}
.cf{position:relative;overflow:hidden;width:100vw;margin-inline:calc(50% - 50vw);padding:clamp(28px,4vw,52px) 0 22px;--H:clamp(340px,44vw,620px)}
.cfs{position:relative;height:var(--H);perspective:1500px;touch-action:pan-y;outline:none;cursor:grab;-webkit-tap-highlight-color:transparent}
.cfs:focus-visible{outline:2px solid var(--red-deep);outline-offset:6px}
.cs{position:absolute;left:50%;top:0;height:var(--H);margin:0;border-radius:4px;overflow:hidden;background:#000;border:1px solid rgba(0,0,0,.25);box-shadow:0 26px 60px rgba(0,0,0,.32);transition:transform .8s var(--ease),opacity .6s ease,filter .6s ease,box-shadow .6s ease;will-change:transform,opacity}
.cs img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.cs:not(.on){filter:grayscale(.7) brightness(.72)}
.cs.on{box-shadow:0 0 0 3px var(--red),0 40px 80px rgba(0,0,0,.4);cursor:zoom-in}
.cfa{position:absolute;top:50%;z-index:30;width:54px;height:54px;margin-top:-27px;border:0;border-radius:2px;background:#0b0b0d;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;transition:background .25s,transform .3s var(--ease)}
.cfa:hover:not(:disabled){background:var(--red-deep)}.cfa:disabled{opacity:.25;cursor:default}
.cfp{right:max(12px,calc(50% - 600px))}.cfn{left:max(12px,calc(50% - 600px))}
.cfc{text-align:center;min-height:58px;margin-top:8px}
.cfc b{display:block;font-size:1.2rem;font-weight:800}.cfc small{color:var(--paper-mut);font-size:var(--t-small)}
.cfm{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px;direction:ltr;font:400 .95rem var(--f-disp);letter-spacing:.2em;color:var(--paper-mut)}
.cfd{display:flex;gap:8px}
.cfd button{width:10px;height:10px;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.25);cursor:pointer;transition:width .35s var(--ease),background .3s;position:relative}
.cfd button::after{content:"";position:absolute;inset:-18px -4px}
.cfd button.on{width:34px;background:var(--red-deep)}
.hintx{text-align:center;color:var(--paper-mut);font-size:var(--t-small);margin-top:12px}
.rt-cta{display:flex;justify-content:center;margin-top:clamp(24px,3vw,40px)}
.note{max-width:46rem;margin:18px auto 0;text-align:center;color:var(--mut);font-size:.8125rem;line-height:1.85}
.light .note{color:var(--paper-mut)}

/* 11) plans */
.plans{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;padding-block:26px}
.plan{position:relative;display:flex;flex-direction:column;padding:clamp(28px,3vw,52px) clamp(22px,2.6vw,44px);background:var(--coal);border:1px solid var(--line)}
.plan+.plan{border-inline-start:0}
.plan h3{font-size:var(--t-h3);font-weight:800;margin-bottom:clamp(20px,3vw,40px)}
.amt{display:flex;align-items:baseline;gap:10px;direction:ltr;justify-content:flex-end}
.amt b{font:400 clamp(4rem,7.4vw,7rem)/.95 var(--f-disp);letter-spacing:.01em}
.amt small{font-size:1.05rem;font-weight:800;color:var(--mut)}
.per{margin-top:.5em;font-weight:700;color:var(--mut);padding-bottom:clamp(18px,2.4vw,28px);border-bottom:1px solid var(--line)}
.plan ul{flex:1;display:grid;align-content:start;gap:14px;padding-block:clamp(20px,2.6vw,32px) clamp(24px,3vw,36px)}
.plan li{position:relative;padding-inline-start:26px;line-height:1.6}
.plan li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:8px;height:8px;background:var(--red);transform:rotate(45deg)}
.plan li.no{color:var(--mut)}
.plan li.no::before{background:transparent;border:1px solid var(--mut)}
.plan .btn{width:100%}
.plan.gold{background:var(--white);color:var(--paper-ink);border-color:var(--white);margin-block:-26px;padding-block:calc(clamp(28px,3vw,52px) + 26px);z-index:2;box-shadow:0 40px 90px rgba(0,0,0,.65)}
.plan.gold .amt small,.plan.gold .per{color:var(--paper-mut)}
.plan.gold .per{border-color:rgba(0,0,0,.16)}
.plan.gold li::before{background:var(--red-deep)}
.plan.gold .btn{background:var(--paper-ink);border-color:var(--paper-ink);color:#fff}
.plan.gold .btn:hover{background:var(--red);border-color:var(--red)}
.tag{position:absolute;top:0;inset-inline-start:clamp(22px,2.6vw,44px);transform:translateY(-50%);background:var(--red);color:#fff;padding:.38em 1.1em;font:400 .85rem/1 var(--f-disp);letter-spacing:.28em}

/* 12) fitness lab */
.lab{--lab:206,210,220;--lab-c:rgb(var(--lab));position:relative;padding-block:var(--sec-y);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--ink),#0a0a0d 50%,var(--ink))}
.lab[data-goal=loss]{--lab:228,38,44}
.lab[data-goal=keep]{--lab:206,210,220}
.lab[data-goal=gain]{--lab:255,117,56}
.lab-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.lab-bg::before{content:"";position:absolute;inset-inline:0;top:0;height:70%;background:radial-gradient(ellipse at 50% 0,rgba(var(--lab),.16),transparent 64%);transition:background 1s}
.lab-grid{position:absolute;inset-inline:0;bottom:0;height:62%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent)}
.lab-head{display:flex;flex-direction:column;align-items:flex-start;gap:.7em;margin-bottom:clamp(30px,5vw,56px)}
.lab-title{font:400 clamp(3.4rem,11vw,10rem)/.95 var(--f-disp);letter-spacing:.03em;direction:ltr;text-align:start}
.lab-title span{color:var(--lab-c);transition:color .8s}
.lab-tag{font-size:clamp(.8rem,1.4vw,1rem);letter-spacing:.24em;color:#c9c9d1;font-weight:600;text-align:start}
.lab-desc{max-width:40rem;color:var(--mut)}
.lab-stage{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,1.1fr) minmax(210px,1fr);gap:clamp(16px,2.4vw,30px);align-items:center;margin-bottom:clamp(56px,8vw,100px)}
.lab-col{display:grid;gap:14px;align-content:center;z-index:2}
.lab-center{position:relative;z-index:1}
.lab-canvas-wrap{position:relative;width:100%;aspect-ratio:4/5;max-height:640px;border-radius:6px;border:1px solid rgba(var(--lab),.32);overflow:hidden;background:radial-gradient(ellipse at 50% 85%,rgba(var(--lab),.2),transparent 64%),#09090b;transition:border-color .8s}
#labCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;outline:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}
#labCanvas.grab{cursor:grabbing}
#labCanvas:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.lab-chip{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:7px 16px;border:1px solid rgba(var(--lab),.75);background:rgba(7,7,8,.78);color:#fff;font:400 .8rem/1 var(--f-disp);letter-spacing:.3em;direction:ltr;z-index:3;white-space:nowrap}
.lab-chip.pop{animation:chipPop .55s cubic-bezier(.34,1.8,.5,1)}
@keyframes chipPop{from{transform:translateX(-50%) scale(.8);opacity:.3}}
.lab-sample{position:absolute;inset-inline:10px;bottom:12px;z-index:3;text-align:center;font-size:.75rem;color:#d9d9e0;background:rgba(7,7,8,.78);border:1px dashed rgba(var(--lab),.6);padding:6px 10px;line-height:1.7;transition:opacity .5s}
.lab-sample b{font-family:var(--f-disp);font-weight:400;letter-spacing:.2em;color:var(--lab-c);margin-inline-start:4px}
.lab-sample.real{border-style:solid;border-color:rgba(var(--lab),.85)}
.lab-hint{position:absolute;top:52px;left:50%;transform:translateX(-50%);font-size:.75rem;color:var(--mut);z-index:3;pointer-events:none;transition:opacity .6s;white-space:nowrap}
.lab-hint.off{opacity:0}
.lab-fallback{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:14px;background:radial-gradient(ellipse at 50% 70%,rgba(var(--lab),.3),transparent 70%)}
.lab-fallback[hidden]{display:none}
.lab-fallback img{height:78%;width:auto;max-width:100%;object-fit:contain}
.lab-fallback p{margin:8px 0 22px;font-size:.8rem;color:var(--mut)}
.lp{position:relative;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid rgba(var(--lab),.28);border-radius:6px;background:rgba(255,255,255,.035);transition:border-color .4s,background .4s}
.lp:hover{border-color:rgba(var(--lab),.7);background:rgba(255,255,255,.06)}
.js .lp{opacity:0;transform:translateY(18px)}
.js .lab.show .lp{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .8s var(--ease),border-color .4s,background .4s;transition-delay:calc(var(--i,0)*110ms + .4s),calc(var(--i,0)*110ms + .4s),0s,0s}
.lab-l .lp:nth-child(1){--i:0}.lab-l .lp:nth-child(2){--i:1}.lab-r .lp:nth-child(1){--i:2}.lab-r .lp:nth-child(2){--i:3}.lab-r .lp:nth-child(3){--i:4}
.lp-ring{width:58px;height:58px;flex:none;transform:rotate(-90deg)}
.lp-ring circle{fill:none;stroke-width:3.4}
.lp-ring .bg{stroke:rgba(255,255,255,.1)}
.lp-ring .fg{stroke:var(--lab-c);stroke-linecap:butt;stroke-dasharray:0 100;transition:stroke-dasharray 1.1s var(--ease),stroke .8s}
.lp[data-p=p] .fg{stroke:#e4262c}.lp[data-p=c] .fg{stroke:#f1efea}.lp[data-p=f] .fg{stroke:#8c8c97}
.lp-b{min-width:0}
.lp-b small{display:block;font-size:.66rem;letter-spacing:.2em;color:#b4b4be;direction:ltr;text-align:start;font-weight:700}
.lp-b b{display:block;font:400 2rem/1.15 var(--f-disp);letter-spacing:.02em;color:#fff;direction:ltr;text-align:start}
.lp-b em{font:700 .75rem var(--f-ar);font-style:normal;color:var(--lab-c);margin-inline-start:6px;letter-spacing:.04em}
.lp-b i{display:block;font-style:normal;font-size:.78rem;color:var(--mut);line-height:1.5}
.lp-dot{display:none}
.lp.flash{animation:lpFlash .9s ease}
@keyframes lpFlash{40%{border-color:rgba(var(--lab),1);background:rgba(var(--lab),.12)}}
.lab-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.lab-links path{fill:none;stroke:rgba(var(--lab),.5);stroke-width:1.1;stroke-dasharray:4 6;opacity:0;transition:opacity .8s .9s}
.lab.live .lab-links path{animation:linkMove 1.8s linear infinite}
.lab.show .lab-links path{opacity:1}
.lab-links circle{fill:var(--lab-c)}
@keyframes linkMove{to{stroke-dashoffset:-20}}
.lab-calc-title{margin-bottom:clamp(22px,3vw,36px)}
.lab-calc-title h2{font-size:clamp(1.9rem,4vw,3.4rem)}

/* 13) calculator */
.calc{position:relative;max-width:980px;margin:0 auto;padding:clamp(20px,4vw,46px);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:6px;background:var(--coal);overflow:hidden}
.calc-form{display:grid;gap:22px}
.calc-form[hidden],.calc-res[hidden]{display:none}
.cf-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fld{min-width:0}
.calc .fld>label{display:block;margin:0 0 8px;font-weight:800;font-size:.95rem;color:#e6e6ec}
label{display:block;font-size:.875rem;margin:10px 0 4px;color:#d3d3da}
input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;min-height:48px;background:#08080a;color:#fff;border:1px solid var(--line-2);border-radius:4px;padding:11px 14px;font:1rem var(--f-ar);transition:border-color .2s,box-shadow .2s}
textarea{resize:vertical}
input:not([type=radio]):not([type=checkbox]):focus,select:focus,textarea:focus{outline:none;border-color:var(--red-hi);box-shadow:0 0 0 3px rgba(228,38,44,.25)}
input::placeholder,textarea::placeholder{color:#74747e}
.calc input.bad,.modal input.bad{border-color:#ff6b73;box-shadow:0 0 0 3px rgba(255,107,115,.16)}
.err{color:#ff8a92;font-size:.8rem;min-height:16px}
.calc .err{margin-top:5px;min-height:0}.calc .err:empty{display:none}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg label,.opt{position:relative;display:block;cursor:pointer;margin:0}
.seg input,.opt input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:grid;place-items:center;min-height:48px;padding:10px;border:1px solid var(--line-2);border-radius:4px;background:#08080a;font-weight:700;transition:border-color .2s,background .2s}
.opt span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;height:100%;padding:14px 10px;border:1px solid var(--line-2);border-radius:4px;background:#08080a;transition:border-color .25s,background .25s,transform .35s var(--ease)}
.seg label:hover span,.opt:hover span{border-color:#fff}
.seg input:checked+span,.opt input:checked+span{border-color:var(--red);background:rgba(228,38,44,.14);box-shadow:inset 0 -3px 0 var(--red)}
.seg input:focus-visible+span,.opt input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.acts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.opt i{font-style:normal;font-size:1.5rem;line-height:1}
.opt b{font-size:.95rem}
.opt small{font-size:.75rem;color:var(--mut);line-height:1.6}
.opt input:checked+span small{color:#e4e4ea}
.cprog{display:flex;align-items:center;gap:12px}
.cprog-bar{flex:1;height:4px;background:rgba(255,255,255,.1);overflow:hidden}
.cprog-bar i{display:block;height:100%;width:100%;transform-origin:right center;transform:scaleX(.17);background:var(--red);transition:transform .5s var(--ease)}
.cprog span{font:400 .9rem var(--f-disp);letter-spacing:.12em;color:var(--mut);direction:ltr}
.calc-form.ready .cprog span{color:#fff}
.calc-form.ready #cGo{box-shadow:0 0 0 3px rgba(228,38,44,.35)}
.calc-note{margin-top:22px}
.sw-out{animation:swOut .26s ease forwards}.sw-in{animation:swIn .55s var(--ease)}
@keyframes swOut{to{opacity:0;transform:translateY(-14px)}}
@keyframes swIn{from{opacity:0;transform:translateY(22px)}}
.stg{animation:stgIn .65s var(--ease) both;animation-delay:calc(var(--i,0)*70ms)}
@keyframes stgIn{from{opacity:0;transform:translateY(18px)}}
.rs-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:20px}
.rs-tag{display:inline-block;padding:7px 16px;background:var(--red);font-weight:800;border-radius:2px}
.rs-sub{font-size:.85rem;color:var(--mut)}
.rs-adj{display:grid;gap:10px;margin-bottom:22px}
.adj-g{display:flex;flex-wrap:wrap;gap:8px}
.chip2{min-height:42px;padding:8px 16px;border:1px solid var(--line-2);background:#08080a;color:#e6e6ec;font:700 .85rem var(--f-ar);border-radius:999px;cursor:pointer;transition:border-color .2s,background .2s,transform .35s var(--ease)}
.chip2:hover{border-color:#fff}.chip2:active{transform:scale(.95)}
.chip2.on{background:var(--red);border-color:var(--red);color:#fff}
.rs-main{display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center;margin-bottom:20px}
.rs-big small{display:block;color:var(--mut);font-size:.9rem;margin-bottom:4px}
.rs-big .num{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.rs-big .num span{font:400 clamp(4rem,10vw,6.6rem)/1 var(--f-disp);letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums}
.rs-big .num em,.rs-mini em,.mc em{font-style:normal;color:var(--red-hi);font-weight:700;font-size:.95rem}
.rs-big p{margin-top:8px;color:#cbcbd3;font-size:.9rem}
.rs-donut{position:relative;width:210px;max-width:100%;justify-self:center}
.rs-donut svg{display:block;width:100%;height:auto}
.dn-bg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:14}
.dn{fill:none;stroke-width:14;stroke-linecap:butt;transform:rotate(-90deg);transform-origin:90px 90px;transition:stroke-dasharray 1.2s var(--ease)}
.dp{stroke:#e4262c;color:#e4262c}.dc{stroke:#f1efea;color:#f1efea}.df{stroke:#8c8c97;color:#8c8c97}
.dn-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dn-c b{font:400 2rem/1 var(--f-disp);letter-spacing:.03em;font-variant-numeric:tabular-nums}
.dn-c small{font-size:.7rem;color:var(--mut)}
.rs-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.mc{position:relative;padding:16px;border:1px solid var(--line);border-top:3px solid currentColor;border-radius:4px;background:#08080a}
.mc .dot{display:none}
.mc.mp{color:#e4262c}.mc.mc2{color:#f1efea}.mc.mf{color:#8c8c97}
.mc>div small{display:block;color:var(--mut);font-size:.85rem}
.mc b{display:block;font:400 2.2rem/1.15 var(--f-disp);letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}
.mc em{color:var(--mut)}
.mc i{font-style:normal;font-size:.78rem;color:currentColor}
.mc p{margin-top:8px;font-size:.8rem;line-height:1.75;color:#c4c4cc}
.rs-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.rs-mini>div{padding:16px;border:1px solid var(--line);border-radius:4px;background:#08080a}
.rs-mini small{display:block;color:var(--mut);font-size:.8rem}
.rs-mini b{display:block;font:400 1.9rem/1.2 var(--f-disp);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.rs-mini p{margin-top:6px;font-size:.8rem;line-height:1.75;color:#c4c4cc}
.rs-warn{margin-bottom:14px;padding:12px 16px;border:1px solid #d9a21b;background:rgba(217,162,27,.08);color:#f0d68a;font-size:.85rem;line-height:1.85;border-radius:4px}
.rs-warn p+p{margin-top:6px}.rs-warn b{display:block;margin-bottom:4px}
.rs-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px 0 4px}
.rs-btns .btn.wa{width:auto;margin:0}
.rs-fine{text-align:center;color:var(--mut);font-size:.8rem;margin-top:12px}

/* 14) final · footer · fab · lightbox */
.final{position:relative;overflow:hidden;background:var(--red);color:#fff;padding-block:var(--sec-y);isolation:isolate}
.final-bg{position:absolute;inset:0;z-index:-1;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.final-bg span{font:400 clamp(9rem,34vw,34rem)/.8 var(--f-disp);direction:ltr;color:transparent;-webkit-text-stroke:2px rgba(0,0,0,.16);transform:translateY(8%);white-space:nowrap}
.final-in{display:flex;flex-direction:column;align-items:flex-start;gap:.5em}
.final h2{font-size:clamp(3.4rem,11vw,10rem);line-height:1.08}
.final-sub{font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700;color:#fff;max-width:32rem}
footer{background:#000;border-top:1px solid var(--line);padding:clamp(32px,5vw,56px) 0 calc(28px + env(safe-area-inset-bottom,0px))}
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;color:var(--mut);font-size:.9rem}
.adm-link{margin-inline-start:12px;color:var(--white);text-decoration:underline}
.dev-credit{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);text-align:center;font-size:.95rem;color:var(--mut)}
.dev-credit a{display:inline-block;padding:6px 4px;color:#fff;font-weight:800;border-bottom:2px solid var(--red);transition:color .2s,border-color .2s}
.dev-credit a:hover{color:var(--red-hi);border-color:#fff}
.fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:#1fa855;display:flex;align-items:center;justify-content:center;z-index:30;box-shadow:0 8px 24px rgba(0,0,0,.5);transition:transform .35s var(--ease),background .25s}
.fab:hover{transform:scale(1.07);background:#27c264}
.fab:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:60;display:none;align-items:center;justify-content:center;padding:16px}
.lb.on{display:flex;animation:ovIn .3s ease}
.lb img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:2px}
.lb.on img{animation:lbPop .45s var(--ease)}
.lb img.lbs{animation:lbSwap .45s var(--ease)}
.lb button{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;font-size:1.7rem;width:50px;height:50px;border-radius:2px;cursor:pointer;transition:background .2s}
.lb button:hover{background:var(--red)}
#lbx{top:calc(14px + env(safe-area-inset-top,0px));left:14px}#lbp{right:12px;top:50%}#lbn{left:12px;top:50%}
@keyframes ovIn{from{opacity:0}}
@keyframes lbPop{from{opacity:0;transform:scale(.94)}}
@keyframes lbSwap{from{opacity:0;transform:scale(.97) translateX(14px)}}

/* 15) signup modal */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:50;display:none;align-items:flex-start;justify-content:center;overflow:auto;padding:20px 12px;overscroll-behavior:contain}
.overlay.on{display:flex;animation:ovIn .3s ease}
.modal{position:relative;width:100%;max-width:680px;margin:auto;padding:clamp(20px,3vw,34px);background:#0f0f12;border:1px solid var(--line-2);border-top:3px solid var(--red);border-radius:6px;animation:modalIn .4s var(--ease)}
@keyframes modalIn{from{opacity:0;transform:translateY(20px)}}
.modal h3{font-size:1.5rem;font-weight:900;margin-bottom:4px;padding-inline-end:48px}
.x{position:absolute;top:12px;left:12px;width:44px;height:44px;background:transparent;border:1px solid var(--line-2);border-radius:4px;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;transition:background .2s}
.x:hover{background:var(--red);border-color:var(--red)}
.pk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.pk select{flex:1;min-width:180px}
#pinfo{font-size:.875rem;color:var(--mut);line-height:1.7}
.prog{height:4px;background:rgba(255,255,255,.1);overflow:hidden;margin:14px 0 6px}
#fill{height:100%;width:0;background:var(--red);transition:width .45s var(--ease)}
#plab{font-size:.85rem;color:var(--mut);margin-bottom:6px}
.st{font-size:1.25rem;font-weight:800;margin:14px 0 4px}
.q{font-size:.95rem;margin:16px 0 6px;color:#e6e6ec;font-weight:600}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;background:#08080a;color:var(--white);border:1px solid var(--line-2);border-radius:4px;font:600 .9rem var(--f-ar);cursor:pointer;transition:border-color .2s,background .2s}
.chip span{font-size:1.1rem}
.chip:hover{border-color:#fff}
.chip.on{background:rgba(228,38,44,.16);border-color:var(--red)}
.chip.on::before{content:"✓";color:var(--red-hi);font-weight:800}
.shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.shape{flex-direction:column;justify-content:center;padding:10px 6px;font-size:.78rem;text-align:center;color:#8d8d97}
.shape.on{color:#fff}.shape.on::before{content:none}
.shape svg{width:60px;height:90px}
.hint{font-size:.78rem;color:var(--mut);margin-top:6px}
.hint.lg{font-size:.9rem;color:#d3d3da}
.hal{background:rgba(217,162,27,.1);border:1px solid #d9a21b;border-radius:4px;padding:10px 12px;margin-top:14px;font-size:.9rem}
.hal.info{background:#08080a;border-color:var(--line-2)}
.pre{white-space:pre-wrap;background:#08080a;border:1px solid var(--line-2);border-radius:4px;padding:12px;font-size:.8rem;max-height:280px;overflow:auto}
.cons{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:.85rem}
.cons input{width:22px;height:22px;margin-top:3px;accent-color:var(--red);flex:none}
.nav2{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.ok{display:none;margin-top:14px;padding:12px;background:rgba(31,168,85,.12);border:1px solid #1fa855;border-radius:4px;font-size:.9rem}
.wa-fallback{display:inline-block;margin-top:8px;color:#fff;font-weight:800;border-bottom:1px dashed #fff}

/* 16) admin panel */
.adm .modal{max-width:1000px}
.ast{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0}
.ast div{background:#08080a;border:1px solid var(--line);border-radius:4px;padding:10px;text-align:center}
.ast b{display:block;font:400 1.7rem/1.2 var(--f-disp);letter-spacing:.04em}.ast span{font-size:.75rem;color:var(--mut)}
.afl{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.ali{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;margin:12px 0}
.ao{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#08080a;border:1px solid var(--line);border-radius:4px;padding:10px;color:var(--white);font:.875rem var(--f-ar);cursor:pointer;text-align:right}
.ao.on{border-color:var(--red)}.ao small{color:var(--mut)}
.bd{padding:1px 10px;background:var(--red);border-radius:999px;font-size:.75rem}

/* 17) motion system */
.w{display:inline-block}
.js .rv{transition:opacity .85s var(--ease),transform .95s var(--ease);transition-delay:var(--d,0s)}
.js .rv:not(.in){opacity:0;transform:translateY(34px)}
.js .rv[data-rv=fade]:not(.in){transform:none}
.js .rv[data-rv=clip]{transition:none}
.js .rv[data-rv=clip]:not(.in){opacity:1;transform:none}
.js .about-photo img{clip-path:inset(0);transition:clip-path 1.2s var(--ease) .15s}
.js .about-photo.rv:not(.in) img{clip-path:inset(0 0 100% 0)}
.js .about-photo .ap-block{transition:transform 1s var(--ease);transform-origin:bottom}
.js .about-photo.rv:not(.in) .ap-block{transform:scaleY(0)}
.js .rv .w{transition:opacity .75s var(--ease),transform .85s var(--ease),filter .6s;transition-delay:calc(var(--i,0)*70ms + .05s)}
.js .rv:not(.in) .w{opacity:0;transform:translateY(.5em);filter:blur(4px)}
.js .lab-head>.rv{transition-delay:var(--d,0s)}
.hero.live .hb-beam{animation:beam 16s ease-in-out infinite alternate}
@keyframes beam{from{transform:translateX(-12vw) rotate(16deg)}to{transform:translateX(26vw) rotate(16deg)}}
.hero.live .hb-bloom{animation:bloom 9s ease-in-out infinite alternate}
@keyframes bloom{to{opacity:.75}}
.lite .hb-beam,.lite .hero-bg::after{display:none}

/* 18) responsive */
@media (max-width:1100px){
 .acts{grid-template-columns:repeat(3,1fr)}
 .lab-stage{grid-template-columns:minmax(190px,1fr) minmax(260px,1.1fr) minmax(190px,1fr)}
}
@media (max-width:980px){
 .lab-stage{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
 .lab-center{order:-1;max-width:460px;width:100%;margin-inline:auto}
 .lab-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
}
@media (max-width:900px){
 :root{--nav-h:64px}
 .menu{display:block}
 nav#nav{position:fixed;inset:0;margin:0;z-index:-1;background:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 12px) var(--gut) 40px;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s;overflow:auto}
 nav#nav.open{opacity:1;visibility:visible;transition-delay:0s}
 nav#nav ul{flex-direction:column;gap:0}
 nav#nav li{border-bottom:1px solid var(--line);transform:translateY(16px);opacity:0;transition:transform .5s var(--ease),opacity .5s}
 nav#nav.open li{transform:none;opacity:1}
 nav#nav.open li:nth-child(1){transition-delay:.05s}nav#nav.open li:nth-child(2){transition-delay:.1s}nav#nav.open li:nth-child(3){transition-delay:.15s}nav#nav.open li:nth-child(4){transition-delay:.2s}nav#nav.open li:nth-child(5){transition-delay:.25s}nav#nav.open li:nth-child(6){transition-delay:.3s}nav#nav.open li:nth-child(7){transition-delay:.35s}
 nav#nav a{padding:.55em 0;font-size:clamp(1.6rem,7vw,2.4rem);font-weight:900;color:#fff}
 nav#nav a::after{display:none}
 .hdrbtn{margin-inline-start:auto}
 .hero-grid{grid-template-columns:1fr;align-items:start;gap:0}
 .hero-copy{max-width:none;padding-bottom:0}
 .hero-visual{width:min(88vw,520px);margin-top:-6px}
 .hero-slogan{display:none}
 .hero-word{font-size:clamp(8rem,44vw,22rem)}
 .hb-bloom{inset-inline-end:-30%;top:36%;width:120vw}
 .stats .wrap{grid-template-columns:repeat(2,1fr)}
 .stats .wrap>div:nth-child(3){border-inline-start:0;padding-inline-start:0}
 .stats .wrap>div:nth-child(n+3){border-top:1px solid var(--line)}
 .about{grid-template-columns:1fr}
 .about-photo{width:min(78%,360px)}
 .plans{grid-template-columns:1fr;gap:16px;padding-block:14px}
 .plan,.plan+.plan{border:1px solid var(--line)}
 .plan.gold{margin-block:0;padding-block:clamp(28px,3vw,52px);border-color:var(--white)}
 .tag{top:-1px;transform:translateY(-100%)}
 .plan{margin-top:12px}
 .rs-main{grid-template-columns:1fr}
}
@media (max-width:760px){
 .cfa{display:none}
 .prow{grid-template-columns:auto minmax(0,1fr) auto;gap:14px}
 .pa{font-size:0}.pa i{font-size:1.2rem}
 .cf-row{grid-template-columns:1fr 1fr}
 .acts{grid-template-columns:1fr 1fr}.acts .opt:last-child{grid-column:1/-1}
 .rs-macros,.rs-mini{grid-template-columns:1fr}
 .afl{grid-template-columns:1fr}
}
@media (max-width:560px){
 .logo small{display:none}
 .logo-mark{font-size:1.15rem;letter-spacing:.06em}
 .hdrbtn{padding-inline:1em;font-size:.88rem}
 .nav{gap:10px}
 .goals{grid-template-columns:1fr}
 .row{grid-template-columns:1fr}
 .shapes{grid-template-columns:repeat(2,1fr)}
 .why{grid-template-columns:1fr}
 .cta .btn{flex:1 1 100%}
 .foot{flex-direction:column;align-items:flex-start}
 .overlay{padding:0}
 .modal{min-height:100%;border-radius:0}
 footer{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:380px){
 .logo-mark{font-size:1.05rem}
 .hdrbtn{padding-inline:.8em;font-size:.82rem}
 .btn{padding-inline:1.2em}
}

/* reduced motion + no-JS safety */
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .band-track{animation:none}
}
.rm .rv,.rm .rv .w,.rm .lp{opacity:1!important;transform:none!important;filter:none!important}
.rm .about-photo img{clip-path:none!important}.rm .about-photo .ap-block{transform:none!important}
.cfa,.lb button{direction:ltr}

/* hero photo (HD side pose): keep it inside the first screen */
.hv-img{width:auto;max-width:100%;max-height:min(80vh,780px);margin-inline:auto}

/* ---- brand mark: MOSAD + red diamond ---- */
.logo-mark::after{content:"";display:inline-block;width:.3em;height:.3em;background:var(--red);transform:rotate(45deg);margin-inline-start:.3em;vertical-align:.12em}

/* ---- special offer: badge, struck price, countdown ---- */
.sp{display:inline-flex;align-items:center;gap:.5em;background:#000;color:#fff;border:1px solid var(--red);padding:.22em .85em;font-weight:800;font-size:.8rem;line-height:1.7;letter-spacing:.02em}
.sp::before{content:"";width:6px;height:6px;background:var(--red);transform:rotate(45deg)}
.pc{display:inline-flex;align-items:center;background:var(--red);color:#fff;padding:.22em .8em;font-weight:800;font-size:.8rem;line-height:1.7}
.deal{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(14px,2vw,22px)}
.amt-w{display:flex;flex-direction:column;align-items:flex-end;gap:2px;direction:ltr}
.amt-w del{font:400 clamp(1.4rem,2.2vw,1.9rem)/1.1 var(--f-disp);letter-spacing:.03em;color:var(--mut);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--red)}
.plan.gold .amt-w del{color:var(--paper-mut)}
.plan.gold .pc{background:var(--red-deep)}
.nodeal .deal,.nodeal del{display:none}
.offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-bottom:clamp(26px,4vw,44px);padding:clamp(14px,2vw,22px) clamp(16px,2.4vw,30px);background:#000;border:1px solid var(--red);border-inline-start-width:5px}
.offer[hidden]{display:none}
.offer-l{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.offer-l p{font-weight:700;color:#e6e6ec}.offer-l b{color:#fff}
.cd{display:flex;gap:8px;direction:ltr}
.cd>div{min-width:64px;padding:8px 10px 6px;text-align:center;background:var(--panel);border:1px solid var(--line)}
.cd b{display:block;font:400 clamp(1.6rem,3vw,2.3rem)/1.1 var(--f-disp);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.cd small{display:block;font-size:.72rem;color:var(--mut);font-weight:700}
.cd b.tick{animation:cdTick .4s var(--ease)}
@keyframes cdTick{from{opacity:.35;transform:translateY(-6px)}}

/* ---- plan hover (after reveal) ---- */
.js .plan.in{transition:opacity .85s var(--ease),transform .4s var(--ease),border-color .3s,box-shadow .4s;transition-delay:var(--d,0s),0s,0s,0s}
@media (hover:hover){
 .plan:not(.gold):hover{transform:translateY(-6px);border-color:var(--line-2)}
 .plan.gold:hover{transform:translateY(-6px);box-shadow:0 50px 100px rgba(0,0,0,.7)}
}
@media (max-width:900px){.offer{flex-direction:column;align-items:flex-start}.cd{width:100%}.cd>div{flex:1;min-width:0}}
@media (prefers-reduced-motion:reduce){.cd b.tick{animation:none}}