/* The SYSTEM — Сергій Дєлєєв */

/* ---------- Fonts (self-hosted Geologica) ---------- */
@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/geologica-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/geologica-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+2713}
@font-face{font-family:Geologica;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/geologica-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/geologica-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+2713}
@font-face{font-family:Geologica;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/geologica-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/geologica-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+2713}
@font-face{font-family:Geologica;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/geologica-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/geologica-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+2713}
@font-face{font-family:Geologica;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/geologica-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/geologica-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+2713}

/* ---------- Tokens ---------- */
:root{
  --bg:#0D1013;--p0:#121519;--p1:#15181C;--p2:#1B1F24;--p3:#1F2329;
  --light:#EDEDEA;--white:#FFFFFF;--text:#F2F2EF;--ink:#151515;--ink-muted:#55554F;--ink-soft:#6B6B66;
  --red:#C0211F;--lemon:#FCEC12;
  --t70:rgba(242,242,239,.7);--t60:rgba(242,242,239,.6);--line:rgba(255,255,255,.16);
  --streak:linear-gradient(90deg,rgba(192,33,31,0) 0%,#C0211F 35%,#FF5A1F 65%,#FCEC12 100%);
  --gut:clamp(10px,2.1vw + 2px,32px);
  --gap:clamp(50px,27.7px + 5.71vw,110px);
  --r-xl:clamp(30px,26.3px + .95vw,40px);
  --r-l:clamp(22px,19px + .76vw,32px);
  --r-m:clamp(18px,16.5px + .57vw,24px);
  --h2:clamp(31px,24px + 1.81vw,50px);
  --lead:clamp(15px,14.26px + .19vw,17px);
  --header-h:66px;
}
@media (min-width:1100px){:root{--header-h:76px}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--text);font-family:Geologica,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,ol,ul,figure{margin:0}
ol,ul{list-style:none;padding:0}
b,strong{font-weight:600}
section[id],div[id]{scroll-margin-top:calc(var(--header-h) + 12px)}
:focus-visible{outline:2px solid var(--lemon);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--lemon);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}

.wrap{max-width:1920px;margin:0 auto;padding:0 var(--gut)}
.section{margin-top:var(--gap)}

/* Logo: «The SYSTEM» + red square dot */
.logo{white-space:nowrap;font-weight:800;color:var(--white)}
.dot{display:inline-block;width:.2em;height:.2em;background:var(--red);margin-left:.07em}
.giant .dot{background:rgba(192,33,31,.85)}

/* Eyebrow */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:clamp(13px,12.6px + .1vw,14px);font-weight:600;color:var(--lemon)}
.eyebrow::before{content:"";flex:0 0 auto;width:9px;height:9px;background:var(--red);transform:rotate(45deg)}
.eyebrow--lemon::before{background:var(--lemon)}
.eyebrow--red{color:var(--red)}

.h2{font-size:var(--h2);line-height:1.08;font-weight:600;letter-spacing:-.036em}
.lead{font-size:var(--lead);line-height:1.55;color:var(--t70)}
.mark{background:var(--lemon);color:var(--ink);border-radius:6px;padding:0 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.red{color:var(--red)}
.lemon{color:var(--lemon)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 28px;border-radius:999px;font-weight:700;font-size:17px;text-decoration:none;white-space:nowrap;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;cursor:pointer;border:0}
.btn:hover{transform:translateY(-1px)}
.btn--red{background:var(--red);color:var(--white);box-shadow:0 14px 34px rgba(192,33,31,.4)}
.btn--red:hover{background:#D42624;color:var(--white);box-shadow:0 18px 40px rgba(192,33,31,.5)}
.btn--ghost{border:1px solid rgba(255,255,255,.25);color:var(--text);font-weight:600;font-size:16px;padding:0 24px}
.btn--ghost:hover{border-color:var(--lemon);color:var(--lemon)}
.btn--ink{background:var(--ink);color:var(--white)}
.btn--ink:hover{background:#000;color:var(--lemon)}
.btn--block{display:flex;width:100%}
.btn--sm{height:46px;padding:0 22px;font-size:15px}

/* Decorative streak */
.streak{position:absolute;border-radius:999px;background:var(--streak);pointer-events:none}

/* Giant background words */
.giant{position:absolute;left:0;right:0;text-align:center;line-height:1;font-weight:800;white-space:nowrap;pointer-events:none;user-select:none}

/* Plus marks / lines */
.rule{position:relative;height:1px;background:var(--line)}
.rule::before,.rule::after{content:"+";position:absolute;top:-.62em;font-size:16px;line-height:1;color:var(--red)}
.rule::before{left:-5px}.rule::after{right:-5px}

/* ---------- Top strip ---------- */
.strip{background:var(--red);color:var(--white);font-size:13px;font-weight:500;line-height:1.4;text-align:center;padding:9px 16px}
.strip__sep{color:var(--lemon);margin:0 12px}
@media (max-width:699px){.strip span{display:block}.strip .strip__sep{display:none}}
@media (min-width:1100px){.strip{font-size:14px;padding:10px 32px}}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:50;background:rgba(13,16,19,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.header__in{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:calc(var(--gut) - 4px)}
.header__logo{font-size:22px;letter-spacing:-.04em;text-decoration:none}
.nav{display:none;gap:2px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px;font-size:15px}
.nav a{text-decoration:none;padding:9px 16px;border-radius:999px;transition:background-color .2s,color .2s}
.nav a:hover{background:rgba(255,255,255,.08);color:var(--lemon)}
.header__actions{display:flex;align-items:center;gap:6px}
.header__cta-long{display:none}
.burger{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.burger svg{width:18px;height:18px}
.burger .i-close{display:none}
.header.is-open .burger .i-open{display:none}
.header.is-open .burger .i-close{display:block}
.header .btn--sm{height:44px;padding:0 16px;font-size:14px;box-shadow:none}
.menu{display:none;padding:8px var(--gut) 20px;border-top:1px solid rgba(255,255,255,.06)}
.header.is-open .menu{display:block}
.menu a:not(.btn){display:block;padding:14px 4px;font-size:20px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}
.menu a:not(.btn):hover{color:var(--lemon)}
.menu .btn{margin-top:18px}
@media (min-width:1100px){
  .header__logo{font-size:27px}
  .nav{display:flex}
  .burger,.menu,.header.is-open .menu,.header__cta-short{display:none}
  .header__cta-long{display:inline-flex}
  .header .btn--sm{height:46px;padding:0 22px;font-size:15px;box-shadow:0 10px 28px rgba(192,33,31,.35)}
  .header__in{padding-right:var(--gut)}
}

/* ---------- Hero ---------- */
.hero{position:relative;margin-top:6px;border-radius:var(--r-xl);overflow:hidden;
  background:radial-gradient(95% 42% at 70% 50%,#40454E 0%,#2A2E35 38%,#181B20 70%,#111418 100%);
  display:flex;flex-direction:column;padding:22px 18px 18px}
.hero__deco{display:none}
.hero__top-rule{position:relative;height:1px;background:rgba(255,255,255,.18);margin-top:10px;order:0}
.hero__top-rule::before,.hero__top-rule::after{content:"+";position:absolute;top:-8px;font-size:14px;line-height:1;color:var(--lemon)}
.hero__top-rule::before{left:-4px}.hero__top-rule::after{right:-4px}
.hero__content{display:contents}
.chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:rgba(192,33,31,.1);border:1px solid rgba(192,33,31,.6);border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:600;color:var(--red)}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red)}
.hero .chip{order:1;margin-top:22px}
.hero h1{order:2;margin-top:16px;font-size:clamp(34px,26.6px + 1.9vw,54px);line-height:1.06;font-weight:600;letter-spacing:-.036em}
.hero h1 .logo{letter-spacing:-.04em}
.hero__sub{order:3;margin-top:12px;font-size:clamp(15px,14.26px + .19vw,17px);line-height:1.5;color:rgba(242,242,239,.78);max-width:470px}
.hero__media{order:4;position:relative;margin:4px -18px 0;height:400px;overflow:hidden}
.hero__media .streak{left:10%;top:120px;width:80%;height:80px;filter:blur(26px);opacity:.5}
.hero__photo{position:absolute;left:50%;top:-90px;transform:translateX(-50%);width:400px;max-width:none;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.hero__giant{order:5;position:relative;margin-top:calc(-1em + 8px);font-size:calc((100vw - 20px) * .146);letter-spacing:-.037em;color:rgba(255,255,255,.24);line-height:1;font-weight:800;text-align:center;white-space:nowrap;pointer-events:none;user-select:none;z-index:1}
.hero__actions{order:6;display:flex;flex-direction:column;gap:10px;margin-top:12px}
.hero__actions .btn--ghost{display:none}
.hero__fact{order:7;margin-top:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;padding:16px 18px}
.hero__fact-note{font-size:12.5px;line-height:1.45;color:var(--lemon)}
.hero__fact-text{font-size:13.5px;line-height:1.5;margin-top:8px;color:rgba(242,242,239,.85)}
.hero__fact-num{white-space:nowrap;font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--white);margin-top:2px}
.hero__fact-num span{color:var(--red)}
.hero__fact-more{display:none;font-size:14px;line-height:1.5;margin-top:10px;color:rgba(242,242,239,.75)}

@media (min-width:600px) and (max-width:1099px){
  .hero{padding:30px 32px 26px}
  .hero__media{margin:4px -32px 0;height:560px}
  .hero__photo{width:540px;top:-110px}
  .hero__media .streak{left:20%;width:60%;top:170px}
  .hero__giant{font-size:calc((100vw - 2*var(--gut)) * .146)}
  .hero__actions{flex-direction:row}
  .hero__actions .btn--ghost{display:inline-flex}
  .hero__fact-more{display:block}
}

@media (min-width:1100px){
  .hero{display:block;height:820px;padding:0;margin-top:12px;
    background:radial-gradient(58% 78% at 60% 64%,#40454E 0%,#2A2E35 34%,#181B20 66%,#111418 100%)}
  .hero__top-rule{display:none}
  .hero__deco{display:block}
  .hero__deco > *{position:absolute;pointer-events:none}
  .hero__deco .streak--a{left:34%;top:300px;width:620px;height:110px;filter:blur(30px);opacity:.55}
  .hero__deco .streak--b{left:22%;top:470px;width:360px;height:60px;filter:blur(26px);opacity:.5;background:linear-gradient(90deg,rgba(192,33,31,0) 0%,#C0211F 50%,#FF5A1F 100%)}
  .hero__deco .hl{left:44px;right:44px;height:1px;background:rgba(255,255,255,.18)}
  .hero__deco .vl{top:50px;width:1px;height:550px;background:rgba(255,255,255,.09)}
  .hero__deco .pl{font-size:16px;line-height:1;color:var(--lemon)}
  .hero__media{position:absolute;inset:0;margin:0;height:auto;overflow:visible}
  .hero__media .streak{display:none}
  .hero__photo{top:0;width:620px;height:820px;object-fit:cover;object-position:center 16%;-webkit-mask-image:none;mask-image:none}
  .hero__fade{position:absolute;left:0;right:0;bottom:0;height:300px;background:linear-gradient(to bottom,rgba(17,20,24,0) 0%,rgba(17,20,24,.6) 80%);pointer-events:none}
  .hero__content{display:block;position:absolute;left:56px;top:100px;width:520px;z-index:2}
  .hero .chip{margin-top:0;padding:7px 15px;font-size:15px}
  .hero h1{margin-top:22px;line-height:1.04}
  .hero__sub{margin-top:18px}
  .hero__actions{flex-direction:row;flex-wrap:wrap;margin-top:30px}
  .hero__actions .btn--ghost{display:inline-flex}
  .hero__fact{position:absolute;right:56px;top:200px;width:344px;margin:0;padding:20px 22px 22px;border-radius:24px;z-index:2}
  .hero__fact-note{font-size:13px}
  .hero__fact-text{font-size:14px;margin-top:12px}
  .hero__fact-num{font-size:40px;margin-top:4px}
  .hero__fact-more{display:block}
  .hero__giant{position:absolute;left:0;right:0;bottom:calc(-.15em);margin:0;font-size:min(186px,calc((min(100vw,1920px) - 64px) * .153));color:rgba(255,255,255,.22)}
}
.hero__fade{display:none}
@media (min-width:1100px){.hero__fade{display:block}}

/* ---------- Facts ---------- */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.fact{background:var(--p1);border-radius:22px;padding:18px}
.fact__n{font-size:clamp(28px,22.8px + 1.33vw,42px);font-weight:700;letter-spacing:-.038em;line-height:1}
.fact__l{font-size:clamp(13px,12.26px + .19vw,15px);color:rgba(242,242,239,.64);margin-top:clamp(6px,4.5px + .38vw,10px)}
.fact__short{display:inline}.fact__long{display:none}
@media (min-width:1100px){.facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.fact{border-radius:28px;padding:24px 26px}.fact__short{display:none}.fact__long{display:inline}}

/* ---------- Pain ---------- */
.pain__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "list" "card";padding:30px 0 30px}
.pain__head{grid-area:head;padding:0 8px}
.pain__title{margin-top:16px;font-size:clamp(76px,58.2px + 4.57vw,124px);line-height:1.04;font-weight:700;letter-spacing:-.04em}
.pain__note{margin-top:16px;font-size:15px;line-height:1.5;color:var(--t70)}
.pain__list{grid-area:list;margin-top:14px;padding:0 8px;font-size:clamp(17px,15.1px + .48vw,22px);line-height:1.45;color:rgba(242,242,239,.72)}
.pain__list li{display:grid;grid-template-columns:40px minmax(0,1fr);padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.pain__list li:last-child{border-bottom:0}
.pain__list .n{font-size:14px;font-weight:700;color:var(--red);padding-top:3px}
.pain__list b{color:var(--white)}
.pain__card{grid-area:card;margin:14px 8px 0;background:var(--p1);border-radius:22px;padding:20px 18px;align-self:start}
.pain__card p{font-size:14.5px;line-height:1.6;color:rgba(242,242,239,.75)}
.pain__card .big{margin-top:12px;font-size:clamp(19px,17.9px + .29vw,22px);line-height:1.35;font-weight:600;color:var(--text)}
@media (min-width:1100px){
  .pain__grid{grid-template-columns:400px minmax(0,1fr);grid-template-areas:"head list" "card list";grid-template-rows:auto 1fr;column-gap:80px;padding:64px 0 70px}
  .pain__head,.pain__list{padding:0}
  .pain__title{margin-top:22px}
  .pain__note{margin-top:26px;max-width:320px}
  .pain__list{margin-top:0}
  .pain__list li{grid-template-columns:64px minmax(0,1fr);padding:26px 0}
  .pain__list .n{font-size:16px;padding-top:5px}
  .pain__card{margin:22px 0 0;border-radius:24px;padding:24px 26px}
  .pain__card p{font-size:15px}
  .pain__card .big{margin-top:16px}
}

/* ---------- For whom ---------- */
.for{position:relative;background:var(--p1);border-radius:var(--r-xl);overflow:hidden}
.for__media{position:relative;height:280px}
.for__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
.for__body{position:relative;padding:0 18px 22px}
.for__body .h2{margin-top:12px;line-height:1.1}
.for__list{margin-top:20px;display:flex;flex-direction:column;gap:12px;font-size:clamp(15px,14.26px + .19vw,17px);line-height:1.5;color:rgba(242,242,239,.8)}
.for__list li{display:grid;grid-template-columns:24px minmax(0,1fr)}
.for__list li::before{content:"+";color:var(--lemon);font-weight:700}
.for__list b{color:var(--white)}
.glass-red{margin-top:20px;background:linear-gradient(135deg,rgba(192,33,31,.42) 0%,rgba(192,33,31,.16) 100%);border:1px solid rgba(255,110,100,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 34px rgba(192,33,31,.28);border-radius:20px;padding:16px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.9)}
.glass-red__tag{display:inline-block;background:var(--white);color:var(--red);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;margin-bottom:8px}
.glass-red b{color:var(--white)}
@media (min-width:700px) and (max-width:1099px){.for__media{height:420px}.for__body{padding:0 32px 32px}}
@media (min-width:1100px){
  .for{min-height:640px}
  .for__media{position:absolute;right:0;top:0;width:42%;height:100%}
  .for__media img{object-position:center 30%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%);mask-image:linear-gradient(to right,transparent 0%,#000 35%)}
  .for__body{padding:60px 56px;max-width:660px}
  .for__body .h2{margin-top:18px;line-height:1.06}
  .for__list{margin-top:34px;gap:16px}
  .for__list li{grid-template-columns:32px minmax(0,1fr)}
  .glass-red{margin-top:32px;border-radius:24px;padding:20px 22px;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 44px rgba(192,33,31,.28)}
  .glass-red__tag{font-size:13px;padding:4px 12px;margin-bottom:10px}
}

/* ---------- Difference ---------- */
.diff{padding:0 6px}
.diff__head{display:grid;gap:12px;margin-top:12px}
.diff__head .h2{line-height:1.1}
.diff__cols{display:none}
.diff__rows{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.diff__row{border-radius:22px;overflow:hidden}
.diff__old{background:var(--p2);padding:14px 16px;font-size:14px;line-height:1.45;color:rgba(242,242,239,.55)}
.diff__k{display:block;font-size:12px;color:rgba(242,242,239,.45)}
.diff__k-m{display:inline}
.diff__arrow{display:none}
.diff__new{background:var(--red);padding:14px 16px;font-size:16px;line-height:1.4;font-weight:600;color:var(--lemon)}
.diff__new .diff__k{display:none}
.diff__new::before{content:"→ "}
@media (min-width:1100px){
  .diff{padding:0}
  .diff__head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:end;margin-top:18px}
  .diff__head .h2{line-height:1.06}
  .diff__cols{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);margin-top:40px;font-size:18px;font-weight:600}
  .diff__cols span{padding:0 6px 4px;color:rgba(242,242,239,.55)}
  .diff__cols span:last-child{color:var(--lemon)}
  .diff__rows{gap:12px;margin-top:12px}
  .diff__row{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;border-radius:0;overflow:visible}
  .diff__old{border-radius:24px;padding:22px 24px;font-size:16px;color:rgba(242,242,239,.6);height:100%}
  .diff__k{font-size:13px}
  .diff__k-m{display:none}
  .diff__arrow{display:block;text-align:center;color:var(--red);font-size:20px}
  .diff__new{border-radius:24px;padding:22px 24px;font-size:18px;height:100%}
  .diff__new .diff__k{display:block;font-weight:400;color:rgba(255,255,255,.8)}
  .diff__new::before{content:none}
}

/* ---------- Light island (shared) ---------- */
.island{background:var(--light);color:var(--ink);border-radius:var(--r-xl)}
.island .eyebrow{color:var(--red)}

/* ---------- Personal work ---------- */
.work{padding:10px 10px 22px;display:grid;grid-template-columns:minmax(0,1fr)}
.work__media{position:relative;height:340px;border-radius:22px;overflow:hidden;background:#D6D6D2}
.work__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.pill-dark{position:absolute;left:12px;bottom:12px;background:rgba(21,21,21,.85);color:var(--white);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:500}
.work__body{padding:22px 8px 0}
.work__body .h2{margin-top:12px;font-size:clamp(30px,24.06px + 1.52vw,46px);line-height:1.1}
.work__body .lead{margin-top:10px;color:var(--ink-muted)}
.steps{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.step{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;background:var(--white);border-radius:18px;padding:14px}
.num{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--red);color:var(--white);align-items:center;justify-content:center;font-size:13px;font-weight:700}
.step__t{font-size:clamp(16px,15.26px + .19vw,18px);font-weight:600;line-height:1.35}
.step__d{font-size:clamp(14px,13.6px + .1vw,15px);line-height:1.5;color:var(--ink-muted);margin-top:3px}
.work__out{margin-top:18px;font-size:clamp(18px,16.9px + .29vw,21px);line-height:1.4;font-weight:600;letter-spacing:-.02em}
.work__out .mark{border-radius:8px}
@media (min-width:700px) and (max-width:1099px){.work__media{height:480px}.work__body{padding:28px 18px 6px}}
@media (min-width:1100px){
  .work{padding:16px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .work__media{height:auto;min-height:600px;border-radius:28px}
  .pill-dark{left:18px;bottom:18px;padding:9px 16px;font-size:13px}
  .work__body{padding:44px 48px 40px}
  .work__body .h2{margin-top:16px;line-height:1.06}
  .work__body .lead{margin-top:16px}
  .steps{gap:10px;margin-top:26px}
  .step{grid-template-columns:52px minmax(0,1fr);border-radius:22px;padding:18px 20px}
  .step .num{width:36px;height:36px;font-size:16px}
  .step__d{margin-top:4px}
  .work__out{margin-top:26px}
}

/* ---------- Program ---------- */
.program__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:10px;padding:0 6px}
.program > .eyebrow{padding:0 6px}
.program__title{font-size:clamp(58px,38.7px + 4.95vw,110px);line-height:.92;font-weight:700;letter-spacing:-.041em}
.program__pill{display:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600}
.eyebrow__m{display:inline}
.timeline{margin-top:20px;background:var(--p1);border-radius:26px;padding:24px 18px 26px}
.timeline ol{position:relative;padding-left:40px}
.timeline ol::before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.3)}
.tl{position:relative;padding-bottom:24px}
.tl:last-child{padding-bottom:0}
.tl__dot{display:block;position:absolute;left:-40px;top:0;width:26px;height:26px;border-radius:50%;background:#F2F2EF}
.tl__dot--ring{background:var(--p1);border:2px solid #F2F2EF}
.tl__dot--red{background:var(--red);box-shadow:0 0 0 5px rgba(192,33,31,.25)}
.tl__dot--lemon{background:var(--lemon)}
.tl__k{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,242,239,.55);padding-top:4px}
.tl--hot .tl__k{color:var(--lemon);font-weight:600}
.tl__t{font-size:clamp(19px,17.9px + .29vw,22px);font-weight:600;margin-top:4px}
.tl--hot .tl__t{color:var(--red);font-weight:700}
.tl__d{font-size:clamp(14px,13.6px + .1vw,15px);line-height:1.55;color:rgba(242,242,239,.7);margin-top:6px}
.tl--hot .tl__d{color:rgba(242,242,239,.82)}
.weeks{margin-top:8px;background:var(--p1);border-radius:24px;padding:20px 16px}
.weeks__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px 20px;flex-wrap:wrap}
.weeks__t{font-size:clamp(19px,17.9px + .29vw,22px);font-weight:600}
.weeks__note{font-size:14px;color:var(--lemon)}
.weeks__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.wk{background:var(--p3);border-radius:18px;padding:14px}
.wk__n{font-size:clamp(20px,17.8px + .57vw,26px);font-weight:700;color:var(--lemon)}
.wk__t{font-size:clamp(15px,14.26px + .19vw,17px);font-weight:600;margin-top:4px}
.wk__d{font-size:clamp(12.5px,12px + .14vw,14px);line-height:1.5;color:rgba(242,242,239,.68);margin-top:4px}
.program__cta{margin-top:16px}
@media (min-width:700px){.weeks__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.program__cta{text-align:center}.program__cta .btn{display:inline-flex;width:auto;padding:0 30px}}
@media (min-width:1100px){
  .program > .eyebrow,.program__head{padding:0}
  .eyebrow__m{display:none}
  .program__head{margin-top:14px}
  .program__pill{display:inline-block}
  .timeline{margin-top:32px;border-radius:32px;padding:44px 40px 46px}
  .timeline ol{display:grid;grid-template-columns:.95fr 1.2fr 1.5fr 1.15fr .95fr;gap:24px;padding-left:0}
  .timeline ol::before{left:0;right:0;top:13px;bottom:auto;width:auto;height:2px}
  .tl{padding-bottom:0}
  .tl__dot{position:relative;left:auto;width:28px;height:28px}
  .tl__dot--red{box-shadow:0 0 0 6px rgba(192,33,31,.25)}
  .tl__k{font-size:12px;margin-top:20px;padding-top:0}
  .tl__d{margin-top:8px}
  .weeks{margin-top:12px;border-radius:32px;padding:28px 30px}
  .weeks__note{font-size:15px}
  .weeks__grid{gap:10px;margin-top:18px}
  .wk{border-radius:22px;padding:18px 20px}
  .wk__t{margin-top:8px}.wk__d{margin-top:6px}
  .program__cta{margin-top:30px}
}

/* ---------- Outputs bento ---------- */
.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bento > *{min-width:0}
.span2{grid-column:span 2}
.bento__title{background:var(--p1);border-radius:26px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.bento__title h2{font-size:clamp(32px,23.8px + 2.1vw,54px);line-height:1.04;font-weight:600;letter-spacing:-.037em;color:var(--lemon)}
.bento__title .lead{margin-top:10px}
.bento__photo{position:relative;height:240px;border-radius:26px;overflow:hidden;background:var(--p0)}
.bento__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 12%}
.tile{background:var(--light);color:var(--ink);border-radius:22px;padding:16px}
.tile__t{font-size:clamp(15.5px,14.2px + .43vw,20px);font-weight:600;line-height:1.25}
.tile__t span{color:var(--red)}
.tile__d{font-size:clamp(13px,12.4px + .19vw,15px);line-height:1.5;color:var(--ink-muted);margin-top:6px}
.tile--red{background:var(--red);color:var(--white);box-shadow:0 18px 44px rgba(192,33,31,.3)}
.tile--red .tile__t span{color:var(--white)}
.tile--red .tile__d{color:rgba(255,255,255,.9)}
@media (min-width:700px){.bento__photo{height:420px}}
@media (min-width:1100px){
  .bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .bento__title{border-radius:32px;padding:40px;gap:24px}
  .bento__title .lead{margin-top:16px}
  .bento__photo{height:auto;min-height:320px;border-radius:32px}
  .bento__photo img{object-position:center 14%}
  .tile{border-radius:28px;padding:28px}
  .tile__d{margin-top:10px;line-height:1.55}
}

/* ---------- Cases ---------- */
.cases{padding:28px 10px 10px}
.cases__head{padding:0 8px}
.cases__head .h2{margin-top:12px;font-size:clamp(38px,31.3px + 1.71vw,56px);line-height:1.04}
.cases__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px;align-items:start}
.case{background:var(--white);border-radius:24px;overflow:hidden}
.case__photo{width:100%;height:320px;object-fit:cover;object-position:center 20%}
.case__photo--top{object-position:center 12%}
.case__body{padding:18px 16px 16px}
.case__who{font-size:clamp(13px,12.6px + .1vw,14px);color:var(--ink-soft)}
.case__num{font-size:clamp(34px,30.3px + .95vw,46px);font-weight:700;letter-spacing:-.039em;line-height:1.08;margin-top:4px;white-space:nowrap}
.case__num--red{color:var(--red)}
.case__num .mark{border-radius:8px;padding:0 8px}
.case__sub{font-size:clamp(15px,14.6px + .1vw,16px);line-height:1.45;font-weight:500;margin-top:4px}
.case__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.case img.shot{width:100%;height:auto;border-radius:10px}
.case .shot + .shot{margin-top:8px}
.case__pair .shot + .shot{margin-top:0}
.case__media{margin-top:14px}
.case figcaption,.case__cap{font-size:12.5px;color:var(--ink-soft);margin-top:6px}
.acc{margin-top:12px;background:#F4F4F1;border-radius:16px}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:clamp(14px,13.6px + .1vw,15px);font-weight:600;cursor:pointer}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";color:var(--red);font-size:20px;line-height:1}
.acc[open] summary::after{content:"−"}
.acc__body{padding:0 14px 14px;font-size:clamp(13.5px,13.3px + .05vw,14px);line-height:1.55;color:var(--ink-muted)}
.acc__body p + p{margin-top:8px}
.acc__body b{color:var(--ink)}
.acc__body .res{color:var(--ink)}
.acc__body .res .mark{font-weight:600;padding:1px 6px}
.acc__body .note{font-size:13px;color:var(--red);margin-top:10px}
@media (min-width:700px) and (max-width:1099px){.cases{padding:40px 24px 24px}.cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case:first-child{grid-column:span 2}.case:first-child .case__photo{height:440px}}
@media (min-width:1100px){
  .cases{padding:60px 48px 48px}
  .cases__head{padding:0}
  .cases__head .h2{margin-top:16px}
  .cases__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
  .case{border-radius:28px}
  .case__photo{height:380px}
  .case__body{padding:22px}
  .case__num{margin-top:6px}
  .case__sub{margin-top:6px}
  .case__pair,.case__media{margin-top:16px}
  .case img.shot{border-radius:12px}
  .case figcaption,.case__cap{font-size:13px}
  .acc{margin-top:14px;border-radius:20px}
  .acc summary{padding:14px 16px}
  .acc__body{padding:0 16px 16px}
}

/* ---------- Author ---------- */
.author{position:relative}
.author__stage{position:relative;margin:0 calc(-1 * var(--gut));height:500px;overflow:hidden}
.author__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}
.author__stage .eyebrow{position:absolute;left:16px;top:16px;z-index:2}
.author__giant{bottom:-.14em;font-size:calc(100vw * .246);letter-spacing:-.033em;color:rgba(255,255,255,.13)}
.author__giant span{color:rgba(252,236,18,.14)}
.author__deco{display:none}
.author__intro{padding:18px 8px 0}
.author__name{font-size:clamp(30px,27px + .76vw,38px);font-weight:700;letter-spacing:-.026em;color:var(--lemon)}
.author__handle{font-size:clamp(13px,12.6px + .1vw,14px);color:rgba(242,242,239,.55);margin-top:2px}
.author__claim{font-size:clamp(15px,14.26px + .19vw,17px);line-height:1.5;margin-top:10px;color:rgba(242,242,239,.9)}
.author__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:20px 8px 0;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.stat__n{font-size:clamp(28px,24.3px + .95vw,40px);font-weight:700;letter-spacing:-.037em;line-height:1.05}
.stat__n--lemon{color:var(--lemon)}
.stat__l{font-size:clamp(13px,12.26px + .19vw,15px);line-height:1.4;color:rgba(242,242,239,.65);margin-top:4px}
.author__agency{padding:0 8px;order:3}
.author__cols{display:flex;flex-direction:column}
.author__left,.author__right{display:contents}
.author__intro{order:1}
.author__stats{order:2}
.author__kb{display:flex;align-items:center;gap:12px;margin-top:18px}
.author__kb img{width:50px;height:auto}
.author__kb div{font-size:13.5px;line-height:1.45;color:rgba(242,242,239,.85)}
.author__kb-more{font-size:15px;line-height:1.55;margin-top:14px;color:rgba(242,242,239,.7)}
.author__sep{display:none}
.author__tools{font-size:15px;line-height:1.55;margin-top:16px;color:var(--white)}
@media (min-width:700px) and (max-width:1099px){.author__stage{height:680px}.author__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){
  .author{height:880px}
  .author__stage{position:absolute;inset:0;margin:0;height:auto;overflow:visible}
  .author__photo{left:50%;top:30px;transform:translateX(-50%);width:560px;height:850px;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%)}
  .author__stage .eyebrow{display:none}
  .author__deco{display:block}
  .author__deco > *{position:absolute;pointer-events:none}
  .author__deco .streak{left:30%;top:330px;width:480px;height:90px;filter:blur(34px);opacity:.4;background:linear-gradient(90deg,rgba(192,33,31,0) 0%,#C0211F 40%,#FF5A1F 70%,#FCEC12 100%)}
  .author__deco .fade{left:0;right:0;bottom:0;height:280px;background:linear-gradient(to bottom,rgba(13,16,19,0) 0%,rgba(13,16,19,.9) 75%)}
  .author__deco .hl{left:0;right:0;height:1px;background:var(--line)}
  .author__deco .vl{top:30px;width:1px;height:590px;background:rgba(255,255,255,.08)}
  .author__deco .pl{font-size:16px;line-height:1;color:var(--lemon)}
  .author__giant{bottom:-.17em;font-size:min(300px,calc((min(100vw,1920px) - 64px) * .247));color:rgba(242,242,239,.3)}
  .author__giant span{color:rgba(252,236,18,.14)}
  .author__cols{position:absolute;inset:0;display:block;pointer-events:none}
  .author__cols > *{pointer-events:auto}
  .author__left{display:block;position:absolute;left:60px;top:70px;width:270px}
  .author__left .eyebrow{display:flex}
  .author__stats{grid-template-columns:minmax(0,1fr);gap:24px;margin:26px 0 0;padding:0;border:0}
  .stat__l{margin-top:6px;line-height:1.45}
  .author__right{display:block;position:absolute;right:60px;top:70px;width:290px}
  .author__intro,.author__agency{padding:0}
  .author__claim{margin-top:18px}
  .author__kb{gap:14px;margin-top:26px}
  .author__kb img{width:60px}
  .author__kb div{font-size:14px}
  .author__sep{display:block;height:1px;background:rgba(255,255,255,.14);margin:22px 0}
  .author__tools{font-size:16px;margin-top:0}
}
.author__left .eyebrow{display:none}
@media (min-width:1100px){.author__left .eyebrow{display:flex}}
.author__kb-more{display:none}
@media (min-width:1100px){.author__kb-more{display:block}.author__kb .kb-more-m{display:none}}

/* ---------- Blog ---------- */
.blog{padding:30px 8px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.blog__num{font-size:clamp(60px,50.3px + 2.48vw,86px);font-weight:700;letter-spacing:-.041em;line-height:1;margin-top:12px}
.blog__unit{font-size:clamp(15px,13.9px + .29vw,18px);font-weight:600;margin-top:4px}
.blog__text{margin-top:14px}
.blog__text p{font-size:var(--lead);line-height:1.55;color:var(--t70)}
.blog__text p + p{margin-top:12px}
.quote{margin-top:14px;background:var(--lemon);color:var(--ink);border-radius:18px;padding:14px 16px;font-size:clamp(17px,15.9px + .29vw,20px);line-height:1.35;font-weight:600}
.blog__ig{margin-top:18px;height:48px;font-size:15px;padding:0 20px}
.blog__profile{width:72%;max-width:300px;height:auto;margin:0 auto;border-radius:16px}
.reels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
.reels img{width:100%;height:auto;border-radius:12px}
.reels figcaption{display:inline-block;margin-top:8px;background:var(--lemon);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}
.reels figure:last-child figcaption{background:var(--red);color:var(--white)}
@media (min-width:700px) and (max-width:1099px){.reels{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){
  .blog{margin-top:70px;padding:60px 0 0;grid-template-columns:340px 260px 400px;justify-content:space-between;gap:40px;align-items:start}
  .blog__num{margin-top:18px}
  .blog__unit{margin-top:6px}
  .blog__text{margin-top:24px}
  .quote{margin-top:20px;border-radius:20px;padding:18px 20px}
  .blog__profile{width:100%;max-width:none;margin:0;border-radius:18px}
  .reels{gap:22px 14px}
  .reels img{border-radius:14px}
  .reels figcaption{margin-top:10px;font-size:14px}
}

/* ---------- Packages ---------- */
.packages{position:relative;background:var(--p1);border-radius:var(--r-xl);padding:28px 12px 12px;overflow:hidden}
.packages__glow{position:absolute;right:-120px;top:-100px;width:340px;height:260px;border-radius:50%;background:var(--red);filter:blur(90px);opacity:.4;pointer-events:none}
.packages__in{position:relative}
.packages__head{padding:0 6px}
.packages__intro{display:grid;gap:14px;margin-top:12px}
.packages__intro .h2{line-height:1.1}
.price-chip{display:inline-flex;align-items:center;margin-top:14px;background:var(--lemon);color:var(--ink);border-radius:999px;padding:8px 15px;font-size:clamp(14px,13.6px + .1vw,15px);font-weight:600}
.plans{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px;align-items:stretch}
.plan{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px 18px;display:flex;flex-direction:column}
.plan__dur{font-size:13px;color:rgba(242,242,239,.55)}
.plan__top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.plan__name{font-size:clamp(23px,21.9px + .29vw,26px);font-weight:600;margin-top:6px}
.plan__desc{font-size:15px;line-height:1.5;color:rgba(242,242,239,.72);margin-top:8px}
.plan__plus{font-size:13px;font-weight:600;margin-top:16px}
.plan ul{margin-top:12px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.45;flex:1}
.plan ul + .btn{margin-top:22px}
.plan li{display:grid;grid-template-columns:24px minmax(0,1fr)}
.plan li::before{content:"✓";color:var(--lemon)}
.plan .btn{height:54px;font-size:16px;margin-top:22px}
.plan .btn--ghost{border-color:rgba(255,255,255,.35)}
.plan--pro{background:var(--lemon);color:var(--ink);border:0;box-shadow:0 20px 60px rgba(252,236,18,.18)}
.plan--pro .plan__dur{color:var(--ink-muted)}
.plan--pro .plan__name{font-weight:700}
.plan--pro .plan__desc{color:#3A3A35}
.plan--pro li::before{content:"+";color:var(--red);font-weight:700}
.plan--vip li::before{content:"+"}
.plan--vip .plan__plus{color:var(--lemon)}
.badge{background:var(--ink);color:var(--lemon);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}
.compare{margin-top:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px}
.compare summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:clamp(15px,14.6px + .1vw,16px);font-weight:600;cursor:pointer}
.compare summary::-webkit-details-marker{display:none}
.compare summary::after{content:"+";color:var(--lemon);font-size:22px;line-height:1}
.compare[open] summary::after{content:"−"}
.compare__scroll{overflow-x:auto;padding:0 18px 18px;-webkit-overflow-scrolling:touch}
.compare table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.4}
.compare th,.compare td{padding:12px 10px;text-align:left;border-top:1px solid rgba(255,255,255,.1);vertical-align:top}
.compare thead th{border-top:0;font-size:13px;font-weight:600;color:rgba(242,242,239,.6)}
.compare thead th.is-pro{color:var(--lemon)}
.compare tbody th{font-weight:500;color:rgba(242,242,239,.8);width:34%}
.compare td{color:var(--text)}
.compare td.no{color:rgba(242,242,239,.35)}
.compare td.yes{color:var(--lemon)}
.why{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px}
.why__card{border-radius:24px;padding:22px 18px}
.why__card h3{font-size:clamp(20px,18.5px + .38vw,24px);font-weight:600}
.why__card p{margin-top:10px;font-size:clamp(14px,13.6px + .1vw,15px);line-height:1.6}
.why__card--red{background:var(--red)}
.why__card--red p{color:rgba(255,255,255,.9)}
.why__card--red b{color:var(--lemon)}
.why__card--glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.why__card--glass p{color:rgba(242,242,239,.75)}
.why__card--cash{background:var(--light);color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:14px}
.why__card--cash img{width:100%;max-width:260px;height:auto}
.why__card--cash div{font-size:15px;line-height:1.4;font-weight:500}
@media (min-width:700px) and (max-width:1099px){.packages{padding:40px 24px 24px}.why{grid-template-columns:repeat(2,minmax(0,1fr))}.why__card--cash{grid-column:span 2;flex-direction:row;align-items:center}.why__card--cash img{max-width:200px}}
@media (min-width:1100px){
  .packages{padding:60px 48px 48px}
  .packages__glow{right:-160px;top:-160px;width:620px;height:420px;filter:blur(140px);opacity:.35}
  .packages__head{padding:0}
  .packages__intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:end;margin-top:18px}
  .packages__intro .h2{line-height:1.06}
  .price-chip{margin-top:16px;padding:9px 16px}
  .plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
  .plan{border-radius:28px;padding:28px}
  .plan .btn{margin-top:26px}
  .compare{margin-top:14px;border-radius:22px}
  .compare summary{padding:18px 24px}
  .compare__scroll{padding:0 24px 22px}
  .compare table{font-size:15px}
  .why{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 260px;gap:14px;margin-top:14px}
  .why__card{border-radius:28px;padding:28px 30px}
  .why__card--cash{padding:24px}
}

@media (min-width:900px) and (max-width:1099px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Bonuses ---------- */
.bonuses__head{display:grid;gap:12px;margin-top:12px;padding:0 6px}
.bonuses > .eyebrow{padding:0 6px}
.bonuses__head .h2{line-height:1.1}
.bonuses__incl{margin-top:12px;font-size:clamp(17px,15.9px + .29vw,20px);line-height:1.4;font-weight:600;color:var(--lemon)}
.bonuses__incl .logo{color:var(--white)}
.bonus-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}
.bonus{background:var(--p1);border-radius:20px;padding:18px}
.bonus__top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:rgba(242,242,239,.55)}
.bonus__val{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}
.bonus__t{font-size:clamp(16px,15.6px + .1vw,17px);font-weight:600;line-height:1.3;margin-top:12px}
.bonus__d{font-size:14px;line-height:1.5;color:rgba(242,242,239,.65);margin-top:6px}
.bonus--pro{background:var(--p3);box-shadow:inset 0 0 0 1px rgba(252,236,18,.35)}
.bonus--pro .bonus__top{color:var(--lemon)}
.bonus--ref{background:var(--lemon);color:var(--ink)}
.bonus--ref .bonus__top{font-weight:600;color:var(--ink)}
.bonus--ref .bonus__d{color:var(--ink);margin-top:12px}
@media (min-width:560px){.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .bonuses > .eyebrow,.bonuses__head{padding:0}
  .bonuses__head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:end;margin-top:18px}
  .bonuses__head .h2{line-height:1.06}
  .bonuses__incl{margin-top:14px}
  .bonus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px}
  .bonus{border-radius:24px;padding:22px}
  .bonus__t{margin-top:16px}
}

/* ---------- Pilot ---------- */
.pilot{position:relative;background:var(--p0);border-radius:var(--r-xl);overflow:hidden}
.pilot__stage{position:relative;height:380px}
.pilot__stage .streak{left:5%;top:170px;width:90%;height:70px;filter:blur(26px);opacity:.5;background:linear-gradient(90deg,rgba(192,33,31,0) 0%,#C0211F 40%,#FF5A1F 70%,#FCEC12 100%)}
.pilot__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}
.pilot__date{position:absolute;left:14px;top:14px;background:var(--red);color:var(--white);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}
.pilot__deco{display:none}
.pilot__text{position:relative;padding:0 18px}
.pilot__text h2{font-size:clamp(34px,30.3px + .95vw,44px);line-height:1.04;font-weight:600;letter-spacing:-.036em}
.pilot__text p{margin-top:12px;font-size:clamp(14.5px,14.3px + .05vw,15px);line-height:1.6;color:rgba(242,242,239,.78)}
.pilot__text p.lemon{color:var(--lemon)}
.pilot__cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 18px clamp(80px,74px + 1.5vw,96px)}
.glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:14px 16px}
.glass--wide{grid-column:span 2}
.glass__t{font-size:clamp(14px,13.6px + .1vw,15px);font-weight:600}
.glass__d{font-size:clamp(12.5px,12.2px + .1vw,13.5px);line-height:1.5;color:rgba(242,242,239,.7);margin-top:4px}
.pilot__giant{bottom:-.07em;font-size:calc((100vw - 20px) * .1135);letter-spacing:-.036em;color:rgba(255,255,255,.14)}
@media (min-width:700px) and (max-width:1099px){.pilot__stage{height:560px}.pilot__text,.pilot__cards{padding-left:32px;padding-right:32px}.pilot__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.glass--wide{grid-column:span 1}.pilot__giant{font-size:calc((100vw - 2*var(--gut)) * .115)}}
@media (min-width:1100px){
  .pilot{height:760px}
  .pilot__stage{position:absolute;inset:0;height:auto}
  .pilot__stage .streak{left:30%;top:340px;width:520px;height:100px;filter:blur(34px);opacity:.45}
  .pilot__photo{left:50%;top:30px;transform:translateX(-50%);width:500px;height:730px;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%)}
  .pilot__date{position:static;display:inline-block;padding:6px 14px;font-size:13px}
  .pilot__stage .pilot__date{display:none}
  .pilot__deco{display:block}
  .pilot__deco > *{position:absolute;pointer-events:none}
  .pilot__deco .hl{left:44px;right:44px;top:560px;height:1px;background:rgba(255,255,255,.18)}
  .pilot__deco .pl{top:551px;font-size:16px;line-height:1;color:var(--lemon)}
  .pilot__text{position:absolute;left:48px;top:52px;width:300px;padding:0}
  .pilot__text h2{margin-top:18px}
  .pilot__text p{margin-top:16px}
  .pilot__text p.lemon{margin-top:14px}
  .pilot__cards{position:absolute;right:48px;top:52px;width:300px;display:flex;flex-direction:column;gap:10px;padding:0}
  .glass{border-radius:20px;padding:16px 18px}
  .pilot__giant{bottom:-.165em;font-size:min(220px,calc((min(100vw,1920px) - 64px) * .12));letter-spacing:-.041em;color:rgba(255,255,255,.3)}
}
.pilot__text .pilot__date{display:none}
@media (min-width:1100px){.pilot__text .pilot__date{display:inline-block}}

/* ---------- FAQ ---------- */
.faq__head{padding:0 6px}
.faq__head .h2{margin-top:12px;line-height:1.1}
.faq__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:18px;align-items:start}
.qa{background:var(--p1);border-radius:20px}
.qa summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa h3{font-size:clamp(15.5px,15.1px + .1vw,17px);line-height:1.35;font-weight:600}
.qa__i{flex:0 0 28px;height:28px;border-radius:50%;background:var(--p3);color:var(--lemon);display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:background-color .2s}
.qa__i::before{content:"+"}
.qa[open] .qa__i{background:var(--lemon);color:var(--ink)}
.qa[open] .qa__i::before{content:"−"}
.qa p{padding:0 18px 16px;margin-top:-4px;font-size:clamp(14px,13.6px + .1vw,15px);line-height:1.6;color:rgba(242,242,239,.72)}
.qa summary:hover h3{color:var(--lemon)}
@media (min-width:1100px){
  .faq__head{padding:0}
  .faq__head .h2{margin-top:18px;line-height:1.06}
  .faq__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:36px}
  .qa{border-radius:24px}
  .qa summary{padding:22px 24px;gap:16px}
  .qa__i{flex-basis:30px;height:30px}
  .qa p{padding:0 24px 22px}
}

/* ---------- Final CTA ---------- */
.final{position:relative;overflow:hidden;padding:10px 10px 22px;display:grid;grid-template-columns:minmax(0,1fr)}
.final .streak{left:0;bottom:60px;width:100%;height:70px;filter:blur(34px);opacity:.3;background:linear-gradient(90deg,rgba(192,33,31,0) 0%,#C0211F 40%,#FF5A1F 70%,#FCEC12 100%)}
.final__media{position:relative;order:-1;height:300px;border-radius:22px;overflow:hidden;background:var(--bg)}
.final__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.final__body{position:relative;padding:20px 8px 0}
.final__pre{font-size:clamp(14px,13.6px + .19vw,16px);line-height:1.5;color:var(--ink-muted)}
.final__pre b{color:var(--ink)}
.final__pre b.red{color:var(--red)}
.final__body h2{margin-top:14px;font-size:clamp(24px,15.8px + 2.1vw,46px);line-height:1.1;font-weight:600;letter-spacing:-.036em}
.final__steps{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:16px}
.fstep{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;background:var(--white);border-radius:18px;padding:14px;font-size:14px;line-height:1.5}
.fstep .num{width:28px;height:28px;font-size:12px;background:var(--ink)}
.fstep:last-child .num{background:var(--red)}
.final__cta{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}
.final__cta .btn{box-shadow:0 12px 28px rgba(192,33,31,.35)}
.final__cta > span{font-size:12.5px;color:var(--ink-muted);text-align:center}
@media (min-width:700px) and (max-width:1099px){.final{padding:16px 16px 28px}.final__media{height:440px}.final__body{padding:28px 16px 0}.final__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.fstep{grid-template-columns:minmax(0,1fr);gap:12px}.final__cta{flex-direction:row;align-items:center;gap:16px}.final__cta > span{text-align:left}}
@media (min-width:1100px){
  .final{padding:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .final .streak{left:8%;bottom:40px;width:520px;height:90px;filter:blur(40px);opacity:.35}
  .final__media{order:0;height:auto;min-height:480px;border-radius:28px}
  .final__media img{object-position:center 25%}
  .final__body{padding:44px 40px 44px 36px}
  .final__body h2{margin-top:18px;line-height:1.06}
  .final__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}
  .fstep{grid-template-columns:minmax(0,1fr);gap:12px;border-radius:22px;padding:18px;font-size:14.5px}
  .fstep .num{width:30px;height:30px;font-size:13px}
  .final__cta{flex-direction:row;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
  .final__cta .btn{height:60px;padding:0 32px;font-size:18px;box-shadow:0 14px 34px rgba(192,33,31,.35)}
  .final__cta > span{font-size:14px;text-align:left}
}

/* ---------- Footer ---------- */
.footer{position:relative;margin-top:36px;padding:0 6px calc(var(--foot-giant) * 1.05 + 24px);font-size:13px;color:var(--t60);overflow:hidden;--foot-giant:calc((100vw - 20px) * .151)}
.footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.footer a{color:rgba(242,242,239,.8);text-decoration:underline;text-underline-offset:3px}
.footer a:hover{color:var(--lemon)}
.footer__giant{bottom:-.17em;font-size:var(--foot-giant);letter-spacing:-.037em;color:var(--white)}
@media (min-width:700px){.footer__links{display:flex;flex-wrap:wrap;gap:12px 22px}}
@media (min-width:1100px){
  .footer{margin-top:60px;padding:0 0 200px;font-size:14px;--foot-giant:min(300px,calc((min(100vw,1920px) - 64px) * .16))}
  .footer__row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .footer__links{margin-top:0;align-items:flex-start}
  .footer__giant{bottom:-.215em;letter-spacing:-.041em}
}
.page-end{height:clamp(30px,20px + 1vw,40px)}

/* ===== Fit-to-screen tweaks (v2) ===== */
/* Mobile: compact hero so the CTA is visible on the first screen */
@media (max-width:599px){
  :root{--header-h:60px}
  .strip{font-size:12px;padding:7px 12px;line-height:1.35}
  .hero{margin-top:4px;padding:14px 18px 18px}
  .hero__top-rule{display:none}
  .hero .chip{margin-top:0}
  .hero h1{margin-top:12px}
  .hero__sub{margin-top:10px}
  .hero__media{margin-top:0;height:240px;height:clamp(180px,calc(100svh - 470px),420px)}
  .hero__photo{top:-84px}
  .hero__media .streak{top:90px}
  .hero__actions{margin-top:8px}
}

/* Desktop: hero and author block fit the viewport height */
@media (min-width:1100px){
  .hero{--hh:clamp(620px,calc(100svh - var(--header-h) - 64px),820px);height:var(--hh)}
  .hero__deco .hl--t{top:44px}
  .hero__deco .hl--b{top:calc(var(--hh) - 190px)}
  .hero__deco .vl{top:44px;height:calc(var(--hh) - 234px)}
  .hero__deco .pl--t{top:37px}
  .hero__deco .pl--b{top:calc(var(--hh) - 197px)}
  .hero__deco .streak--a{top:calc(var(--hh) * .36)}
  .hero__deco .streak--b{top:calc(var(--hh) * .56)}
  .hero__photo{height:var(--hh);width:calc(var(--hh) * .756)}
  .hero__content{top:calc(44px + var(--hh) * .04);width:520px}
  .hero h1{font-size:min(54px,calc(var(--hh) * .07));margin-top:18px}
  .hero__sub{margin-top:14px;font-size:16px}
  .hero__actions{margin-top:22px}
  .hero__giant{font-size:min(300px,calc((min(100vw,1920px) - 64px) * .153),calc(var(--hh) * .32))}
  .hero__fact{width:300px;top:calc(44px + var(--hh) * .14);padding:16px 18px 18px;border-radius:22px}
  .hero__fact-note{font-size:12px}
  .hero__fact-text{font-size:13px;margin-top:8px}
  .hero__fact-num{font-size:32px;margin-top:2px}
  .hero__fact-more{font-size:13px;margin-top:8px}

  .author{--ah:clamp(700px,calc(100svh - var(--header-h) - 16px),880px);height:var(--ah)}
  .author__photo{top:30px;height:calc(var(--ah) - 30px);width:calc((var(--ah) - 30px) * .66)}
  .author__deco .hl--t{top:30px}
  .author__deco .hl--b{top:calc(var(--ah) - 240px)}
  .author__deco .vl{height:calc(var(--ah) - 270px)}
  .author__deco .pl--t{top:23px}
  .author__deco .pl--b{top:calc(var(--ah) - 247px)}
  .author__deco .streak{top:calc(var(--ah) * .37)}
  .author__left,.author__right{top:60px}
  .author__stats{gap:clamp(14px,calc(var(--ah) * .027),24px);margin-top:22px}
  .stat__n{font-size:clamp(34px,calc(var(--ah) * .046),40px)}
  .author__giant{font-size:min(420px,calc((min(100vw,1920px) - 64px) * .247),calc(var(--ah) * .38))}
}
@media (max-width:380px){.hero h1{font-size:31px}.hero__sub{font-size:14px}}

/* Final CTA: logo panel instead of photo */
.final__media--logo{background:radial-gradient(70% 60% at 50% 45%,#2A2E35 0%,#1B1F24 45%,#15181C 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}
.final__glow{position:absolute;left:15%;right:15%;top:58%;height:70px;border-radius:999px;background:linear-gradient(90deg,rgba(192,33,31,0) 0%,#C0211F 35%,#FF5A1F 65%,#FCEC12 100%);filter:blur(34px);opacity:.35;pointer-events:none}
.final__mark{position:relative;width:clamp(120px,38%,240px);height:auto;display:block}
.final__word{position:relative;font-weight:800;color:var(--white);letter-spacing:-.04em;font-size:clamp(22px,18px + 1vw,34px);line-height:1;white-space:nowrap}
@media (max-width:699px){.final__media--logo{height:240px;gap:14px}.final__mark{width:110px}}

/* ===== v3 ===== */
/* Fact card: smaller, one text style, gentle float */
.hero__fact-note,.hero__fact-text,.hero__fact-more{font-size:13px;line-height:1.45;letter-spacing:0}
.hero__fact-text,.hero__fact-more{margin-top:6px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero__fact{animation:floaty 5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero__fact{animation:none}}
@media (min-width:1100px){
  .hero__fact{width:280px;padding:14px 16px 16px;border-radius:20px}
  .hero__fact-note,.hero__fact-text,.hero__fact-more{font-size:13px;line-height:1.45}
  .hero__fact-text{margin-top:8px}
  .hero__fact-num{font-size:30px;margin-top:2px}
  .hero__fact-more{margin-top:6px}
}
/* Cases: yellow closed accordions with screenshots inside */
.acc{background:#F4F4F1}
.acc summary{background:var(--lemon);color:var(--ink);border-radius:16px;transition:filter .2s}
.acc summary:hover{filter:brightness(1.04)}
.acc summary::after{color:var(--ink);font-weight:700}
.acc[open] summary{border-radius:16px 16px 0 0}
.acc__body{padding-top:14px}
.acc__body .case__pair,.acc__body .case__media{margin-top:14px}
.acc__body .case__cap,.acc__body figcaption{color:var(--ink-soft)}
@media (min-width:1100px){.acc summary{border-radius:20px}.acc[open] summary{border-radius:20px 20px 0 0}}
/* Blog: compact screenshots */
.blog__profile{width:60%;max-width:240px}
.reels{max-width:400px;width:100%;margin:0 auto}
.reels figcaption{font-size:12.5px;padding:4px 10px}
@media (min-width:700px) and (max-width:1099px){.reels{max-width:640px}}
@media (min-width:1100px){
  .blog{grid-template-columns:minmax(0,1fr) 220px 340px;justify-content:stretch;gap:56px}
  .blog > div:first-child{max-width:520px}
  .blog__profile{width:100%;max-width:220px}
  .reels{max-width:340px;margin:0;gap:16px 12px}
  .reels figcaption{font-size:13px}
}
/* Packages: red price chip, full feature lists with strike-through */
.price-chip--red{background:var(--red);color:var(--white)}
.plan .feats{margin-top:14px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.4;flex:1}
.plan .feats li{display:grid;grid-template-columns:22px minmax(0,1fr)}
.plan .feats li::before{content:"✓";color:var(--lemon);font-weight:700}
.plan--pro .feats li::before{color:var(--red)}
.plan .feats li.no{color:rgba(242,242,239,.38)}
.plan .feats li.no::before{content:"✕";color:rgba(242,242,239,.38);font-weight:400}
.plan--pro .feats li.no,.plan--pro .feats li.no::before{color:rgba(21,21,21,.38)}
.plan .feats s{text-decoration-thickness:1px}
.plan__desc{font-size:14px}
.plan .btn{margin-top:20px}
@media (min-width:1100px){.plan{padding:24px}.plans{margin-top:32px}.plan .btn{margin-top:22px}}
/* Bonuses: single head */
@media (min-width:1100px){.bonuses__head--single{grid-template-columns:minmax(0,1fr)}}
/* Final: text aligned to top under numbers, wrapping CTA */
.final__steps{align-items:stretch}
.fstep{align-content:start}
.btn--wrap{white-space:normal;height:auto;min-height:58px;padding:14px 26px;line-height:1.25;text-align:center}
@media (min-width:1100px){.final__cta .btn--wrap{height:auto;min-height:60px}}
.footer__legal{margin-top:4px;line-height:1.5}

/* v3 fixes */
@media (min-width:1100px){
  .hero{--gs:min(300px,calc((min(100vw,1920px) - 64px) * .153),calc(var(--hh) * .3))}
  .hero__giant{font-size:var(--gs)}
  .hero__deco .hl--b{top:calc(var(--hh) - var(--gs) * .92 - 22px)}
  .hero__deco .vl{height:calc(var(--hh) - var(--gs) * .92 - 66px)}
  .hero__deco .pl--b{top:calc(var(--hh) - var(--gs) * .92 - 29px)}
}
@media (min-width:1440px){
  .blog{grid-template-columns:minmax(0,1fr) 220px 716px}
  .reels{grid-template-columns:repeat(4,minmax(0,1fr));max-width:716px}
}
@media (max-width:599px){.btn--wrap{font-size:15px;padding:12px 20px}}

/* ===== v4 ===== */
@media (min-width:1100px){
  .hero__fact{width:236px;padding:12px 14px 13px;border-radius:18px}
  .hero__fact-note,.hero__fact-text,.hero__fact-more{font-size:11.5px;line-height:1.42}
  .hero__fact-text{margin-top:6px}
  .hero__fact-num{font-size:25px;margin-top:2px}
  .hero__fact-more{margin-top:5px}
}
@media (max-width:1099px){
  .hero__fact{padding:12px 14px;border-radius:18px}
  .hero__fact-note,.hero__fact-text,.hero__fact-more{font-size:12px;line-height:1.42}
  .hero__fact-num{font-size:28px}
}
.hero__fact-num,.case__num,.stat__n,.blog__num,.bonus__val,#bonus-title .lemon{font-variant-numeric:tabular-nums}
.why__price{display:inline-block;background:var(--white);color:var(--red);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;margin-top:12px}
.plan .feats li.plus::before{content:"+";font-size:16px;line-height:1.1}
.plan--vip .feats li.plus::before{color:var(--lemon)}
@keyframes factIn{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes giantUp{from{transform:translateY(105%)}to{transform:none}}
.hero__fact{animation:factIn .9s cubic-bezier(.2,.7,.2,1) .35s both,floaty 5s ease-in-out 1.3s infinite}
.hero__giant{animation:giantUp 1.2s cubic-bezier(.16,.8,.2,1) .15s both}
.js-motion .rv{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv-d,0s)}
.js-motion .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .hero__fact,.hero__giant{animation:none}
  .js-motion .rv{opacity:1;transform:none;transition:none}
}

/* Fix: reveal animation must keep horizontal centering of author & pilot photos */
@media (min-width:1100px){
  .js-motion .author__photo.rv,.js-motion .pilot__photo.rv{transform:translateX(-50%) translateY(36px)}
  .js-motion .author__photo.rv.in,.js-motion .pilot__photo.rv.in{transform:translateX(-50%)}
}

/* v6: comparison labels — short on desktop, full sentence on mobile */
.diff__k-d{display:none}
.diff__k-m{display:inline}
.diff__new .diff__k{display:block;font-size:12px;font-weight:400;color:rgba(255,255,255,.82);margin-bottom:2px}
.diff__new::before{content:none}
.diff__old .diff__k{margin-bottom:2px}
@media (min-width:1100px){
  .diff__k-d{display:inline}
  .diff__k-m{display:none}
  .diff__new .diff__k{font-size:13px;margin-bottom:0}
}