@font-face{font-family:'Satoshi';src:url('/assets/fonts/Satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/assets/fonts/Satoshi-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/assets/fonts/Satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'InterKW';src:url('/assets/fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0D0D0D; --ink-2:#151515; --surface:#1C1C1C; --line:#2E2E2E; --line-soft:#232323;
  --paper:#F3F3F1; --paper-2:#E9E9E5; --paper-line:#D6D6D1;
  --text:#ECECEC; --text-2:#C2C2C2; --muted:#8C8C8C;
  --ink-text:#151515; --ink-text-2:#484848; --ink-muted:#666666;
  --lime:#C6FF00; --lime-deep:#B4E800;
  --lime-on-light:#5E7A00; --lime-ink:#3D5200;   /* лайм НИКОГДА не текст на светлом */
  --frame-w:clamp(3px,0.42vw,5px); --frame-r:clamp(8px,1vw,14px);  /* толщина рамки как в логотипе, не нитка */
  --sans:'InterKW',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --disp:'Satoshi','InterKW',system-ui,sans-serif;
  --wrap:1140px; --pad:clamp(20px,5.2vw,60px);
  --fs-body:clamp(1rem,0.95rem + 0.32vw,1.1875rem);
  --fs-small:clamp(0.875rem,0.85rem + 0.15vw,0.9375rem);
  --fs-lead:clamp(1.15rem,1rem + 0.72vw,1.55rem);
  --fs-eyebrow:clamp(0.8125rem,0.79rem + 0.12vw,0.875rem);
  --h1:clamp(2.5rem,1.55rem + 4.4vw,5rem);
  --h2:clamp(1.95rem,1.4rem + 2.5vw,3.3rem);
  --h3:clamp(1.35rem,1.15rem + 0.9vw,1.7rem);
  --disp-num:clamp(2.6rem,1.8rem + 3.4vw,4.6rem);
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--ink);color:var(--text);font-family:var(--sans);font-size:var(--fs-body);
  line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,picture{display:block;max-width:100%}
picture img{width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;letter-spacing:-0.02em;line-height:1.05;text-wrap:balance}
p,li,.lead,.rl,.cv{text-wrap:pretty}
/* лайм на светлом: только затемнённые ступени */
.paper .lime,.paper .n,.paper a.lime{color:var(--lime-ink)}
.paper .eyebrow .dot{background:var(--lime-on-light)}
a{color:inherit;text-decoration:none}
/* фокус: брендовая лаймовая рамка, на светлом — затемнённая ступень */
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
.paper :focus-visible{outline-color:var(--lime-ink)}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--lime);color:#0D0D0D;
  padding:12px 18px;border-radius:0 0 8px 0;font-weight:600}
.skip:focus{left:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}
.narrow{max-width:760px}
section{padding-block:clamp(56px,5.5vw,84px)}

/* ---- type helpers ---- */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:var(--fs-eyebrow);font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(18px,2.5vw,26px)}
.eyebrow .no{color:var(--text);font-family:var(--disp);font-weight:700}
.eyebrow .dot{width:6px;height:6px;border-radius:2px;background:var(--lime);flex:none}
.h1{font-size:var(--h1)}
.h2{font-size:var(--h2);letter-spacing:-0.025em}
.h3{font-size:var(--h3);letter-spacing:-0.01em}
.lead{font-size:var(--fs-lead);line-height:1.42;color:var(--text-2);max-width:60ch}
p.body{color:var(--text-2);max-width:64ch}
p.body+p.body{margin-top:1em}
.small{font-size:var(--fs-small)}
.muted{color:var(--muted)}

/* ---- брендовые иконки ---- */
.ico{width:1em;height:1em;stroke-width:1.5;flex:none}
.mi{display:block;color:var(--muted);font-size:22px;margin-bottom:12px}
.paper .mi{color:var(--lime-ink)}

/* ---- hero: ДНК-подпись и кадр ---- */
.ctanote{margin-top:14px;font-size:var(--fs-small);color:var(--muted)}
.dna{margin-top:clamp(26px,3.4vw,36px);font-size:var(--fs-eyebrow);letter-spacing:.13em;
  text-transform:uppercase;font-weight:600;color:var(--muted)}
.hero-shot{position:relative;margin:0}
.hero-shot picture,.hero-shot img{width:100%;height:auto;border-radius:16px;display:block;
  filter:grayscale(1) contrast(1.06) brightness(.86);
  outline:1px solid rgba(255,255,255,.11);outline-offset:-1px}
.hero-shot figcaption{margin-top:14px;font-size:var(--fs-small);color:var(--muted);max-width:40ch}

/* ---- proof: раскладка и честная оговорка ---- */
.proof-grid{display:grid;grid-template-columns:1fr;gap:clamp(26px,3.4vw,44px);align-items:start}
@media(min-width:900px){.proof-grid{grid-template-columns:1.05fr .95fr}}
.disclose{margin-top:clamp(20px,2.6vw,26px);border-left:var(--frame-w) solid var(--lime);
  background:rgba(255,255,255,.028);border-radius:0 12px 12px 0;
  padding:clamp(16px,2vw,20px) clamp(18px,2.2vw,24px);
  font-size:var(--fs-small);line-height:1.6;color:var(--text-2);max-width:52ch}
.disclose b{color:var(--text);font-weight:600}

/* ---- карточки находок ---- */
.seat .cap .src.alt{color:var(--muted);border-color:var(--line)}
.seat .cap .src{display:inline-block;margin-top:10px;font-size:.8125rem;letter-spacing:.12em;
  text-transform:uppercase;font-weight:600;color:var(--muted);border:1px solid var(--line);
  border-radius:4px;padding:3px 10px}
.seat .cap .hl{display:inline;color:var(--text);font-weight:700;font-family:var(--disp);font-size:1.05em}

/* ---- карточка цены: развороты, недели, дельвераблы ---- */
.dims{margin-top:10px}
.dims summary{cursor:pointer;list-style:none;min-height:44px;align-items:center;font-size:var(--fs-small);color:var(--text);
  font-weight:600;display:inline-flex;align-items:center;gap:7px}
.dims summary::-webkit-details-marker{display:none}
.dims summary::after{content:"+";font-family:var(--disp);font-weight:700}
.dims[open] summary::after{content:"–"}
.dims ol{list-style:none;margin-top:12px;display:grid;gap:9px;counter-reset:d}
.dims ol li{display:flex;align-items:center;gap:9px;font-size:var(--fs-small);color:var(--text-2)}
.dims ol li .ico{color:var(--muted);font-size:16px}
.weeks{display:flex;gap:6px;margin:4px 0 9px}
.weeks .w{flex:1;font-style:normal;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.weeks .w b{display:block;height:6px;border-radius:3px;background:#3A3A3A;margin-bottom:7px}
.weeks .w.hit b{background:var(--lime)}
.weeks .w.hit{color:var(--text)}
.receive{list-style:none;display:grid;gap:7px;margin-top:2px}
.receive li{position:relative;padding-left:16px;font-size:var(--fs-small);color:var(--text-2);line-height:1.5}
.receive li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;
  border-radius:2px;background:var(--muted)}

/* ---- дополнительные блоки под продуктом ---- */
.addon{display:grid;grid-template-columns:1fr;gap:clamp(20px,2.6vw,28px);margin-top:clamp(30px,4vw,44px);align-items:start}
@media(min-width:900px){.addon{grid-template-columns:1fr 1fr}}
.ax{border:1px solid var(--line);border-radius:16px;padding:clamp(22px,2.8vw,30px);background:var(--ink-2)}
.ax h3{margin-bottom:12px;max-width:22ch}
.ax .body{font-size:var(--fs-small);line-height:1.6;max-width:none}
.ax--now{border-color:#3E5A00}
.ax--now .txtlink{margin-top:16px}

/* ---- портрет справа ---- */
@media(min-width:900px){
  .founder--rev .portrait{order:2}
  .founder--rev > div:not(.portrait){order:1}
}

/* ---- футер ---- */
.foot-top{gap:clamp(30px,3.4vw,48px)}
.foot-brand .promise{margin:16px 0 10px;font-family:var(--disp);font-weight:500;
  font-size:1.05rem;letter-spacing:-.01em;color:var(--text)}
.social{display:flex;gap:10px;margin-top:20px}
.social a{width:44px;height:44px;border:1px solid var(--line);border-radius:11px;
  display:flex;align-items:center;justify-content:center;color:var(--muted);
  transition:color .18s,border-color .18s}
.social a:hover{color:var(--lime);border-color:#3E5A00}
.social svg{width:18px;height:18px}

/* ---- цитата в блоке фаундера ---- */
.pull{margin:clamp(22px,3vw,30px) 0;padding-left:clamp(18px,2.4vw,26px);
  border-left:var(--frame-w) solid var(--lime);
  font-family:var(--disp);font-weight:500;font-size:var(--fs-lead);line-height:1.32;
  letter-spacing:-.01em;color:var(--text);max-width:38ch}

/* ---- фазы: иконка + поток ---- */
.fstep .fi{display:block;color:var(--lime);font-size:20px;margin-bottom:10px}
.paper .fstep .fi{color:var(--lime-ink)}
.dimtags span{display:inline-flex;align-items:center;gap:7px}
.dimtags .ico{font-size:15px;color:var(--lime-ink)}

/* ---- человеческая часть метода ---- */
.hands{display:grid;grid-template-columns:1fr;gap:clamp(22px,2.8vw,32px);margin-top:clamp(30px,4vw,44px)}
@media(min-width:900px){.hands{grid-template-columns:1.25fr .75fr}}
.hands .h3{margin-bottom:12px;max-width:24ch}
.hands .body{font-size:var(--fs-small);line-height:1.62;max-width:60ch}
.hands .body+.body{margin-top:.9em}
.strict{border-left:var(--frame-w) solid var(--lime-on-light);padding-left:clamp(18px,2.2vw,24px)}

/* ---- поток между фазами ---- */
@media(min-width:900px){
  .flow{position:relative}
  .fstep:not(.first)::before{content:"";position:absolute;left:calc(-6px - 7px);top:50%;
    width:14px;height:1px;background:var(--paper-line)}
  .fstep:not(.first)::after{content:"";position:absolute;left:-9px;top:50%;
    width:6px;height:6px;border-top:1px solid var(--ink-muted);border-right:1px solid var(--ink-muted);
    transform:translateY(-50%) rotate(45deg)}
}

/* ---- пример вместо макета ---- */
.ex{display:inline-block;margin-left:8px;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:var(--ink-muted);border:1px solid var(--paper-line);border-radius:100px;padding:2px 8px;
  vertical-align:middle}

/* ---- закрытая часть списка ---- */
.locked{position:relative;display:flex;flex-direction:column;gap:9px;margin-top:9px}
.locked > .ghost{height:46px;border-radius:11px;background:var(--paper-2);opacity:.75}
.locked > .ghost:nth-child(2){opacity:.5}
.locked > .ghost:nth-child(3){opacity:.3}
.lock-cta{position:absolute;inset:auto 0 0;padding:26px 0 4px;text-align:left;
  background:linear-gradient(180deg,rgba(243,243,241,0) 0%,var(--paper) 42%)}
.lock-cta b{display:block;font-family:var(--disp);font-size:var(--fs-lead);letter-spacing:-.01em;
  color:var(--ink-text);margin-bottom:8px}
.lock-cta p{font-size:var(--fs-small);color:var(--ink-text-2);max-width:46ch;margin-bottom:18px;line-height:1.55}
.lock-cta .btn{white-space:normal;padding:12px 18px;height:auto;min-height:54px;text-align:center}

/* ---- анимации: сдержанные и точные ---- */
.js .reveal{opacity:0;transform:translateY(14px)}
.js .reveal.in{opacity:1;transform:none}
.reveal{transition:opacity .55s cubic-bezier(.22,.61,.24,1),transform .55s cubic-bezier(.22,.61,.24,1)}
.js .stag > *{opacity:0;transform:translateY(12px);
  transition:opacity .5s cubic-bezier(.22,.61,.24,1),transform .5s cubic-bezier(.22,.61,.24,1)}
.js .stag.in > *{opacity:1;transform:none}
.js .stag.in > *:nth-child(1){transition-delay:0ms}
.js .stag.in > *:nth-child(2){transition-delay:70ms}
.js .stag.in > *:nth-child(3){transition-delay:140ms}
.js .stag.in > *:nth-child(4){transition-delay:210ms}
.js .stag.in > *:nth-child(5){transition-delay:280ms}
.gauge .bar i,.gapnote{margin-top:16px;padding:14px 16px;background:var(--paper-2);border-left:2px solid var(--lime-ink);border-radius:0 6px 6px 0;font-size:var(--fs-small);line-height:1.55;color:var(--ink-muted)}
.gapnote b{color:var(--ink);font-weight:600}
/* ── маршруты на главной: единственный способ уйти вглубь сайта ── */
/* карта возможностей оседает в ранг, а не выпадает готовой */
.js .settle > *{opacity:0;transform:translateY(16px) scale(.99)}
.js .settle.in > *{opacity:1;transform:none;
  transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.js .settle.in > *:nth-child(1){transition-delay:40ms}
.js .settle.in > *:nth-child(2){transition-delay:95ms}
.js .settle.in > *:nth-child(3){transition-delay:150ms}
.js .settle.in > *:nth-child(4){transition-delay:205ms}
.js .settle.in > *:nth-child(5){transition-delay:260ms}
.js .settle.in > *:nth-child(6){transition-delay:315ms}
.js .settle.in > *:nth-child(7){transition-delay:370ms}
.js .settle.in > *:nth-child(8){transition-delay:425ms}
.js .settle.in > *:nth-child(n+9){transition-delay:480ms}
/* фокус-рамка: наведение резкости на одну находку, остальные мягко гаснут.
   Это движение ЕСТЬ бренд (кадр/объектив/фокус), а не декор. Только desktop-hover,
   чтобы не дёргать чтение на скролле и на телефоне. */
@media(min-width:760px) and (hover:hover){
  .js .bigfind{position:relative}
  .js .bigfind:hover .bf{opacity:.5;transition:opacity .35s ease}
  .js .bigfind:hover .bf:hover{opacity:1}
  .js .bf{position:relative}
  .js .bigfind:hover .bf:hover::after{content:"";position:absolute;inset:-14px -18px;
    border:1px solid var(--lime);border-radius:14px;opacity:.45;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  .js .settle > *{opacity:1 !important;transform:none !important;transition:none !important}
}
.draftbar{background:#161616;color:#9A9A94;font-size:12px;letter-spacing:.04em;text-align:center;padding:9px 16px;border-bottom:1px solid #262626;line-height:1.4}
@media(max-width:520px){.draftbar{font-size:11px;padding:8px 12px}}
.scrollprog{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;pointer-events:none;background:transparent}
.scrollprog i{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:0 50%}
/* ПОНЯТНОСТЬ: плоская строка «что это на самом деле» */
.plainline{margin-top:14px;font-size:var(--fs-small);color:var(--text-2);max-width:52ch;line-height:1.55}
.plainline::before{content:"";display:inline-block;width:20px;height:2px;background:var(--lime);
  vertical-align:middle;margin-right:11px;border-radius:2px;opacity:.9}
/* БРЕНД: фокус-рамка (кадр/объектив) — фирменная деталь, не декор.
   Две угловые скобки как в видоискателе. Наводит фокус на снимок и на находку. */
.framed{position:relative}
picture.framed{display:block}
.framed::before,.framed::after{content:"";position:absolute;width:28px;height:28px;
  border:2px solid var(--lime);pointer-events:none;z-index:2}
.framed::before{top:12px;left:12px;border-right:0;border-bottom:0}
.framed::after{bottom:12px;right:12px;border-left:0;border-top:0}
@media(max-width:600px){.framed::before,.framed::after{width:20px;height:20px}}
/* ДОВЕРИЕ: полоса гарантий на главной, три пункта в строку */
.truststrip{display:grid;grid-template-columns:1fr;gap:18px;padding:clamp(22px,3vw,30px) 0}
@media(min-width:720px){.truststrip{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}}
.tsitem{display:flex;gap:13px;align-items:flex-start}
.tsitem .tsmark{flex:none;width:9px;height:9px;border-radius:2px;background:var(--lime);margin-top:7px}
.tsitem b{font-family:var(--disp);font-weight:700;font-size:clamp(1rem,.95rem + .3vw,1.16rem);display:block;line-height:1.25}
.tsitem span{display:block;margin-top:6px;font-size:var(--fs-small);color:var(--text-2);line-height:1.5;max-width:34ch}
.tryband{display:grid;grid-template-columns:1fr;gap:clamp(26px,4vw,44px);align-items:center}
@media(min-width:820px){.tryband{grid-template-columns:1.1fr .9fr}}
.tryvis{display:grid;gap:12px;padding:clamp(20px,3vw,30px);border:1px solid var(--paper-line);border-radius:16px;background:var(--paper-2)}
.tvrow{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center}
.tvrow span:first-child{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-weight:600;white-space:nowrap}
.tvt{height:8px;background:var(--paper-line);border-radius:100px;overflow:hidden}
.tvt i{display:block;height:100%;background:#9a9a92;border-radius:100px}
.tvrow.weak .tvt i{background:var(--lime-ink)}
/* мини-аудит: вопросы */
.score-intro .score-note{margin-top:clamp(18px,2.4vw,24px);font-size:var(--fs-small);color:var(--muted);max-width:56ch}
.qwrap{max-width:820px;margin-inline:0}
.qtop{display:flex;align-items:center;gap:16px;margin-bottom:clamp(28px,4vw,44px)}
#qcount{font-family:var(--disp);font-weight:700;font-size:var(--fs-small);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.qbar{flex:1;height:4px;background:var(--line);border-radius:100px;overflow:hidden}
.qbar i{display:block;height:100%;width:0;background:var(--lime);border-radius:100px;transition:width .35s ease}
.qcard .qd{font-size:var(--fs-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--lime);font-weight:600;margin-bottom:14px}
.qcard .qq{font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,1.2rem + 1.6vw,2.2rem);line-height:1.22;letter-spacing:-.02em;margin-bottom:14px}
.qcard .qstem{color:var(--muted);font-size:var(--fs-small);margin-bottom:clamp(20px,2.6vw,28px)}
.qopts{display:grid;gap:10px}
.qopt{display:flex;align-items:center;gap:14px;text-align:left;padding:13px 18px;max-width:620px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.qopt:hover{border-color:var(--lime);background:rgba(198,255,0,.05);transform:translateX(3px)}
.qopt:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.qopt .qn{font-family:var(--disp);font-weight:700;font-size:1.1rem;color:var(--muted);width:1.4em;text-align:center;flex:none}
.qopt:hover .qn{color:var(--lime)}
/* мини-аудит: результат */
.rscore{display:grid;gap:13px;margin:clamp(26px,4vw,38px) 0}
.rrow{display:grid;grid-template-columns:clamp(120px,24vw,190px) 1fr auto;gap:14px;align-items:center}
.rrow .rn{font-size:var(--fs-small);color:var(--text-2)}
.rmeter{display:flex;gap:5px}
.rseg{flex:1;height:12px;border-radius:3px;background:#242424;transition:background .4s ease}
.rseg.on{background:#7a7a7a}
.rrow.weak .rn{color:var(--lime);font-weight:600}
.lit .rseg{transition-delay:calc(var(--i,0)*40ms)}
.rrow .rv{font-family:var(--disp);font-weight:700;font-variant-numeric:tabular-nums;width:1.5em;text-align:right;color:var(--text)}
.rrow.weak .rv{color:var(--text)}
.rweak{border-left:2px solid var(--lime);padding:18px 22px;background:var(--surface);border-radius:0 12px 12px 0;margin-bottom:clamp(22px,3vw,30px)}
.rweak p{color:var(--text-2);max-width:60ch}
.scoreform{display:flex;flex-wrap:wrap;gap:12px;margin:clamp(18px,2.4vw,24px) 0 12px;max-width:540px}
.scoreform input[type=email]{flex:1;min-width:220px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:var(--text);font:inherit}
.scoreform input[type=email]:focus{outline:2px solid var(--lime);outline-offset:2px}
.formok{color:var(--lime);font-weight:600;max-width:52ch}
.skipahead{margin-top:clamp(18px,2.4vw,24px);font-size:var(--fs-small);color:var(--muted)}
.skipahead a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);
  padding-bottom:2px;transition:border-color .18s ease}
.skipahead a:hover{border-color:var(--lime)}
.skipahead .arw{display:inline-block;transition:transform .18s ease}
.skipahead a:hover .arw{transform:translateX(3px)}
.routes{display:grid;grid-template-columns:1fr;gap:14px;margin-top:clamp(28px,3.6vw,40px)}
@media(min-width:760px){.routes{grid-template-columns:1fr 1fr;gap:16px}}
.route{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(14px,2vw,20px);align-items:start;
  padding:clamp(20px,2.6vw,26px);border:1px solid var(--paper-line);border-radius:14px;
  background:var(--paper-2);text-decoration:none;color:inherit;
  transition:border-color .18s ease, transform .18s ease}
.route:hover{border-color:var(--lime-ink);transform:translateY(-2px)}
.route:focus-visible{outline:2px solid var(--lime-ink);outline-offset:3px}
.route .rno{font-family:var(--disp);font-weight:700;font-size:var(--fs-eyebrow);
  letter-spacing:.09em;color:var(--ink-muted);padding-top:4px}
.route .rbody{display:block}
.route .rt{display:block;font-family:var(--disp);font-weight:700;
  font-size:clamp(1.12rem,1rem + .5vw,1.4rem);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.route .rd{display:block;margin-top:8px;font-size:var(--fs-small);color:var(--ink-text-2);
  line-height:1.55;max-width:42ch}
.route .rm{display:block;margin-top:12px;font-size:var(--fs-eyebrow);letter-spacing:.07em;
  text-transform:uppercase;font-weight:600;color:var(--ink-text-2)}
.route .rarw{font-size:1.15rem;color:var(--ink-muted);padding-top:2px;transition:transform .18s ease}
.route:hover .rarw{transform:translateX(4px);color:var(--lime-ink)}
.cbar i,.track i,.weeks .w b,.meter .seg{transition:width .9s cubic-bezier(.22,.61,.24,1),
  background .3s,transform .5s cubic-bezier(.22,.61,.24,1)}
.js .grow .bar i,.js .grow .track i{width:0 !important}
.js .grow.in .bar i,.js .grow.in .track i{width:var(--to) !important}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
  .reveal,.js .reveal,.js .stag > *{opacity:1 !important;transform:none !important}
}

.winlab{font-family:var(--disp);font-weight:700;font-size:.9rem;letter-spacing:-.01em;white-space:nowrap}
.planwhy{font-size:var(--fs-small);color:var(--ink-text-2);line-height:1.55;max-width:66ch;margin:12px 0 4px}

/* ---- что я не делаю ---- */
.nots{display:grid;grid-template-columns:1fr;gap:0;margin-top:clamp(26px,3.4vw,38px)}
@media(min-width:820px){.nots{grid-template-columns:1fr 1fr;column-gap:clamp(36px,4vw,56px)}}
.nots > div{padding:clamp(16px,2vw,20px) 0;border-top:1px solid var(--paper-line)}
.nots b{display:block;font-family:var(--disp);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;
  margin-bottom:7px;padding-left:26px;position:relative}
.nots b::before{content:"";position:absolute;left:0;top:.42em;width:13px;height:2px;background:var(--ink-muted)}
.nots span{display:block;font-size:var(--fs-small);line-height:1.6;color:var(--ink-text-2);
  max-width:46ch;padding-left:26px}

/* ---- данные клиента ---- */
.datablk{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,40px);margin-top:clamp(30px,4vw,44px);
  padding-top:clamp(26px,3.4vw,36px);border-top:1px solid var(--line);align-items:start}
@media(min-width:900px){.datablk{grid-template-columns:.8fr 1.2fr}}
.datablk .h3{max-width:14ch}
.datablk .body{font-size:var(--fs-small);line-height:1.6;margin-top:10px;max-width:42ch}
.dlist{list-style:none;display:grid;gap:0}
.dlist li{padding:13px 0;border-top:1px solid var(--line-soft);display:grid;
  grid-template-columns:1fr;gap:4px}
@media(min-width:620px){.dlist li{grid-template-columns:170px 1fr;gap:18px}}
.dlist li:first-child{border-top:0}
.dlist b{font-family:var(--disp);font-weight:700;font-size:.95rem}
.dlist span{font-size:var(--fs-small);line-height:1.55;color:var(--text-2);max-width:52ch}

/* ---- путь как контактный лист ---- */
.pathsheet{display:grid;grid-template-columns:1fr;gap:clamp(10px,1.4vw,14px);
  margin-top:clamp(26px,3.4vw,38px)}
@media(min-width:560px){.pathsheet{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.pathsheet{grid-template-columns:repeat(3,1fr)}}
.pathsheet > div{border:1px solid var(--line);border-radius:12px;padding:18px 16px;
  display:flex;flex-direction:column;justify-content:flex-end;min-height:124px;background:var(--ink-2)}
.pathsheet > div.now{border-color:#3E5A00}
.pathsheet .yr{font-size:.8125rem;letter-spacing:.1em;color:var(--muted);font-weight:700;margin-bottom:auto;white-space:nowrap}
.pathsheet .ro{font-family:var(--disp);font-weight:700;font-size:1.05rem;line-height:1.2;letter-spacing:-.01em;margin-top:14px}
.pathsheet .de{font-size:.8125rem;color:var(--text-2);margin-top:6px;line-height:1.45}

/* ---- Парето ---- */
.pareto{margin:clamp(30px,4vw,44px) 0 0;padding-left:clamp(18px,2.4vw,26px);
  border-left:var(--frame-w) solid var(--lime-on-light)}
.pareto blockquote{font-family:var(--disp);font-weight:500;font-size:var(--fs-lead);
  line-height:1.34;letter-spacing:-.01em;max-width:34ch;color:var(--ink-text)}
.pareto figcaption{margin-top:12px;font-size:var(--fs-small);color:var(--ink-muted);max-width:44ch}

/* ---- light section inversion ---- */
.paper{background:var(--paper);color:var(--ink-text)}
.paper .lead{color:var(--ink-text-2)}
.paper p.body{color:var(--ink-text-2)}
.paper .eyebrow{color:var(--ink-muted)}
.paper .eyebrow .no{color:var(--ink-text)}
.ink2{background:var(--ink-2)}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;
  padding:0 26px;border-radius:11px;font-size:1rem;font-weight:600;font-family:var(--sans);
  border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,color .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--lime);color:#0D0D0D}
.btn--primary:hover{background:var(--lime-deep)}
.btn--outline{border-color:#3D3D3D;color:var(--text)}
.btn--outline:hover{border-color:var(--text);background:rgba(255,255,255,.03)}
.paper .btn--outline{border-color:#C7C7C2;color:var(--ink-text)}
.paper .btn--outline:hover{border-color:var(--ink-text)}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:clamp(26px,3.5vw,38px)}
.txtlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-bottom:2px solid var(--lime);padding-bottom:4px;min-height:44px}
.txtlink .arw{color:var(--lime)}

/* ---- header / nav ---- */
header{position:sticky;top:0;z-index:80;background:rgba(13,13,13,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav .logo{height:24px;width:auto}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:0.95rem;color:var(--text-2)}
.nav-links a:hover{color:var(--text)}
.nav .cta{margin-left:8px}
.burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:10px;
  background:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.burger span{width:20px;height:2px;background:var(--text);transition:.2s}
.mobile-menu{display:none}
.mobile-cta{display:none}
@media(max-width:860px){
  .nav-links{display:none}
  .nav .cta{display:none}
  .burger{display:flex}
  .mobile-menu{position:fixed;inset:72px 0 0;z-index:70;background:#0D0D0D;
    display:flex;flex-direction:column;padding:32px var(--pad) 40px;gap:6px;
    transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .22s,transform .22s,visibility .22s}
  body.menu-open .mobile-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  body.menu-open{overflow:hidden}
  .mobile-menu a{font-family:var(--disp);font-weight:700;font-size:1.6rem;padding:14px 0;
    border-bottom:1px solid var(--line);letter-spacing:-.01em}
  .mobile-menu .btn{margin-top:22px;min-height:56px}
  body.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){opacity:0}
  body.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* sticky bottom booking bar */
  .mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:75;
    padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(13,13,13,0),rgba(13,13,13,.92) 30%);}
  .mobile-cta .btn{width:100%}
  /* Кнопка fixed и ~78px высотой, а padding-bottom у body был 0 — она физически
     перекрывала последние ссылки футера. Освобождаем ровно её высоту. */
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .mobile-cta{transform:translateY(135%);transition:transform .28s ease;pointer-events:none;visibility:hidden}
  body.scrolled .mobile-cta{transform:none;pointer-events:auto;visibility:visible}
  main{padding-bottom:48px}
  footer{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  section{padding-block:clamp(80px,17vw,124px)}
  .hero{padding-block:clamp(38px,9vw,64px) clamp(58px,15vw,96px)}
  .hero-grid{gap:clamp(42px,11vw,56px)}
  .eyebrow{margin-bottom:22px}
  .lead{margin-top:20px}
  .metrics{gap:24px 16px}
  .cred{flex-direction:column;gap:8px}
}

/* ================= HERO ================= */
.hero{position:relative;padding-block:clamp(52px,8vw,96px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(34px,5vw,56px);align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:0.92fr 1.08fr}}
.hero h1{font-size:var(--h1);max-width:15ch}
.hero .lead{margin-top:clamp(20px,2.6vw,28px);max-width:46ch}
.cred{display:flex;align-items:flex-start;flex-wrap:wrap;gap:clamp(14px,2vw,22px);margin-top:clamp(28px,3.6vw,40px);
  padding-top:22px;border-top:1px solid var(--line)}
.cred .k{font-family:var(--disp);font-weight:700;font-size:1.05rem;flex:0 0 auto;max-width:11ch;line-height:1.25}
.cred .v{font-size:var(--fs-small);color:var(--muted);max-width:38ch;line-height:1.55}
/* hero report card */
.report-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;
  padding:clamp(22px,3vw,32px);position:relative}
.report-card .rc-top{display:flex;justify-content:space-between;align-items:center;
  font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.report-card .rc-title{font-family:var(--disp);font-weight:700;font-size:1.25rem;margin:16px 0 4px}
.gauge{margin-top:22px}
.gauge .bar{height:16px;border-radius:8px;background:#2C2C2C;overflow:hidden;display:flex}
.gauge .bar i{display:block;height:100%;background:var(--lime)}
.gauge .row{display:flex;justify-content:space-between;margin-top:12px;font-size:var(--fs-small)}
.gauge .big{font-family:var(--disp);font-weight:700;font-size:var(--disp-num);line-height:1;color:#fff;
  letter-spacing:-.03em;margin-top:18px;font-variant-numeric:tabular-nums}
.gauge .big em{color:var(--lime);font-style:normal}
.rc-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--muted)}

/* ================= metric group ================= */
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,34px) clamp(16px,3vw,40px);margin-top:clamp(30px,4vw,44px)}
@media(min-width:720px){.metrics{grid-template-columns:repeat(4,1fr)}}
.metric .n{font-family:var(--disp);font-weight:700;font-size:clamp(2rem,1.4rem + 2.2vw,2.9rem);
  letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.metric .l{margin-top:8px;font-size:var(--fs-small);color:var(--muted);max-width:20ch}
.paper .metric .l{color:var(--ink-muted)}

/* ================= proof ================= */
.proof-quote{font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,1.2rem + 2vw,2.6rem);
  letter-spacing:-.02em;line-height:1.12;max-width:20ch;margin-top:clamp(8px,2vw,14px)}
.proof-quote em{color:var(--muted);font-style:normal}

/* ================= reduction 20-3-1 (light) ================= */
.reduce{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.5vw,22px);margin-top:clamp(30px,4vw,44px)}
@media(min-width:760px){.reduce{grid-template-columns:repeat(3,1fr)}}
.rstep{border-top:2px solid var(--paper-line);padding-top:16px}
.rstep .rn{font-family:var(--disp);font-weight:700;font-size:clamp(1.9rem,1.4rem + 1.7vw,2.9rem);line-height:1;letter-spacing:-.03em;white-space:nowrap}
.rstep .rl{margin-top:10px;color:var(--ink-text-2);max-width:26ch}
.rstep.on{border-top-color:var(--lime-on-light)}
.rstep.on .rn{color:var(--ink-text)}
.rdots{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.rdots i{width:14px;height:14px;border-radius:4px;background:#CFCFCA}
.rstep.mid .rdots i:nth-child(-n+3){background:#8f8f8a}
.rstep.on .dotbox{width:20px;height:20px;border-radius:6px;background:var(--lime);margin-top:16px}

/* ================= product (audit) ================= */
.product{display:grid;grid-template-columns:1fr;gap:clamp(26px,4vw,48px)}
@media(min-width:900px){.product{grid-template-columns:0.92fr 1.08fr}}
.product .plist{list-style:none;display:flex;flex-direction:column}
.product .plist li{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line);align-items:start}
.product .plist li:last-child{border-bottom:1px solid var(--line)}
.product .plist .ic{width:26px;height:26px;color:var(--text)}
.product .plist b{font-family:var(--disp);font-weight:700;font-size:1.08rem;display:block}
.product .plist p{color:var(--text-2);font-size:var(--fs-small);margin-top:3px}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(24px,3.2vw,36px);align-self:start}
.price-card .from{font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.price-card .amt{font-family:var(--disp);font-weight:700;font-size:clamp(2.3rem,1.6rem + 2.6vw,3.4rem);line-height:1;letter-spacing:-.03em;margin:10px 0;white-space:nowrap}
.price-card .amt em{font-size:.42em;color:var(--muted);font-style:normal;font-weight:600}
.pc-meta{display:flex;flex-direction:column;gap:2px;margin:18px 0 24px}
.pc-meta div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:var(--fs-small)}
.pc-meta div span:last-child{color:var(--text)}
.pc-meta div span:first-child{color:var(--muted)}

/* ================= report preview (light) ================= */
.report{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,28px);margin-top:clamp(30px,4vw,44px)}
@media(min-width:820px){.report{grid-template-columns:1fr 1fr}}
.rcard{background:#fff;border:1px solid var(--paper-line);border-radius:16px;padding:clamp(20px,2.6vw,28px)}
.rcard.wide{grid-column:1/-1}
.rcard .rc-h{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-eyebrow);
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-weight:600;margin-bottom:18px}
/* scorecard */
.score .srow{display:grid;grid-template-columns:minmax(84px,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--paper-2)}
.score .srow:first-of-type{border-top:0}
.score .snm{font-size:var(--fs-small);color:var(--ink-text)}
.score .meter{display:flex;gap:5px;align-items:center}
.score .seg{width:22px;height:8px;border-radius:2px;background:#DBDBD6}
.score .seg.on{background:#9A9A94}
.score .srow.low .seg.on{background:var(--ink-muted)}
.score .sv{margin-left:8px;font-family:var(--disp);font-weight:700;font-size:var(--fs-small);color:var(--ink-muted);font-variant-numeric:tabular-nums;min-width:2.4ch;text-align:right}
.score .srow.low .sv{color:var(--ink-text)}
/* opportunity tiers */
.opps{display:flex;flex-direction:column;gap:9px}
.opp{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:11px;background:var(--paper-2)}
.opp .oscore{font-family:var(--disp);font-weight:700;font-size:1.15rem;font-variant-numeric:tabular-nums;color:var(--text)}
.paper .opp .oscore{color:#1A1A1A}
.paper .opp .otitle{color:var(--ink-text-2)}
.opp .otitle{font-size:var(--fs-small);color:var(--ink-text);line-height:1.3}
.opp .tier{font-size:0.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:100px;white-space:nowrap}
.opp .tier.now{background:var(--lime);color:#0D0D0D}
.opp .tier.next{background:transparent;border:1px solid var(--ink-muted);color:var(--ink-text-2)}
.opp .tier.later{background:transparent;border:1px solid var(--paper-line);color:var(--ink-muted)}
.opps .more{font-size:var(--fs-small);color:var(--ink-muted);padding:6px 2px}

/* ================= case preview ================= */
.findings{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.5vw,22px);margin-top:clamp(30px,4vw,44px)}
@media(min-width:760px){.findings{grid-template-columns:repeat(3,1fr)}}
.finding{border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.6vw,26px);background:var(--ink-2)}
.finding .fh{font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.finding .fbig{font-family:var(--disp);font-weight:700;font-size:clamp(2rem,1.5rem + 2vw,2.7rem);letter-spacing:-.02em;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.finding .fbig em{color:var(--lime);font-style:normal}
.finding p{color:var(--text-2);font-size:var(--fs-small);margin-top:10px}
/* mini viz */
.viz{height:52px;margin-top:12px;display:flex;align-items:flex-end;gap:6px}
.viz .track{flex:1;height:14px;border-radius:7px;background:#2C2C2C;overflow:hidden;align-self:center}
.viz .track i{display:block;height:100%;background:var(--muted)}
.viz .track i.lime{background:var(--lime)}
.viz .col{flex:1;background:#2C2C2C;border-radius:5px}
.viz .col.hi{background:var(--lime)}
.viz .rng{position:relative;flex:1;height:14px;border-radius:7px;background:#2C2C2C;align-self:center}
.viz .rng i{position:absolute;top:0;bottom:0;background:var(--muted);border-radius:7px}

/* ================= progression ================= */
.ladder{display:grid;grid-template-columns:1fr;gap:14px;margin-top:clamp(30px,4vw,44px)}
@media(min-width:820px){.ladder{grid-template-columns:1.4fr 1fr 1fr;align-items:stretch}}
.rung{border:1px solid var(--line);border-radius:16px;padding:clamp(22px,2.8vw,30px);display:flex;flex-direction:column}
.rung.primary{background:var(--surface);border-color:#3a3a3a}
.rung .step{font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;display:flex;gap:8px;align-items:center}
.rung.primary .step{color:var(--lime)}
.rung h3{margin:14px 0 8px}
.rung p{color:var(--text-2);font-size:var(--fs-small);flex:1}
.rung .rprice em{white-space:normal}
.rung .rprice{margin-top:16px;font-family:var(--disp);font-weight:700;font-size:1.05rem}
.rung .rprice em{font-style:normal;color:var(--muted);font-weight:500;font-size:.8em}
.arrowdivide{display:none}

/* ================= founder ================= */
.founder{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,52px);align-items:start}
@media(min-width:860px){.founder{grid-template-columns:0.82fr 1.18fr}}
.portrait{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--surface)}
.portrait picture,.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.portrait .pend{position:absolute;left:14px;bottom:14px;right:14px;font-size:.75rem;color:#fff;
  background:rgba(13,13,13,.7);border:1px solid var(--line);border-radius:8px;padding:8px 10px;letter-spacing:.02em}
.facts{margin-top:clamp(24px,3vw,32px);border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:1fr;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
@media(min-width:560px){.facts div{grid-template-columns:0.9fr 1.1fr;gap:16px;align-items:baseline}}
.facts b{font-family:var(--disp);font-weight:700;font-size:1rem}
.facts span{color:var(--muted);font-size:var(--fs-small)}

/* ================= approach diagram (light) ================= */
.flow{display:grid;grid-template-columns:1fr;gap:12px;margin-top:clamp(30px,4vw,44px)}
@media(min-width:760px){.flow{grid-template-columns:repeat(5,1fr)}}
.fstep{border:1px solid var(--paper-line);border-radius:13px;padding:18px 16px;background:#fff;position:relative}
.fstep .fn{font-family:var(--disp);font-weight:700;font-size:.85rem;color:var(--ink-muted)}
.fstep.first .fn{color:var(--lime-ink)}
.fstep b{display:block;font-family:var(--disp);font-weight:700;margin-top:8px;font-size:1.05rem}
.fstep p{font-size:0.82rem;color:var(--ink-muted);margin-top:5px}
.dimtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(26px,3vw,34px)}
.dimtags span{font-size:var(--fs-small);border:1px solid var(--paper-line);border-radius:100px;padding:8px 14px;color:var(--ink-text-2)}

/* ================= final CTA ================= */
.finalcta{text-align:left;max-width:none}
.finalcta h2{font-size:clamp(2.2rem,1.5rem + 3vw,3.6rem)}
.cta-meta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:clamp(26px,3vw,34px)}
@media(min-width:640px){.cta-meta{grid-template-columns:repeat(3,1fr)}}
.cta-meta > div{padding:16px 0;border-top:1px solid var(--line)}
.cta-meta .ck{font-family:var(--disp);font-weight:700;font-size:1rem;margin-bottom:4px}
.cta-meta .cv{font-size:var(--fs-small);color:var(--muted)}

/* ================= footer ================= */
footer{background:var(--ink-2);border-top:1px solid var(--line);padding-block:clamp(48px,6vw,72px)}
.foot-top{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:720px){.foot-top{grid-template-columns:1.5fr .9fr .9fr .65fr}}
.foot-logo{height:26px;margin-bottom:16px}
.footcol h4{font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:14px}
.footcol a{display:block;padding:8px 0;color:var(--text-2);font-size:var(--fs-small);min-height:34px}
.footcol a:hover{color:var(--text)}
.foot-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:clamp(34px,4vw,48px);
  padding-top:22px;border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--muted)}


/* ================= empty-seat photo section (one B&W world) ================= */
.seats{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,30px);margin-top:clamp(30px,4vw,46px)}
@media(min-width:720px){.seats{grid-template-columns:1fr 1fr}}
.seat figure{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:var(--surface)}
.seat img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(1.02)}
.seat .frame--q{border-color:rgba(255,255,255,.55) !important}
.frame{position:absolute;border:var(--frame-w) solid var(--lime);border-radius:var(--frame-r);box-sizing:border-box;pointer-events:none;z-index:2}
.seat .tag{position:absolute;left:12px;top:12px;z-index:3;font-size:0.72rem;letter-spacing:.09em;text-transform:uppercase;
  color:#fff;font-weight:700;background:rgba(13,13,13,.6);padding:5px 10px;border-radius:7px;backdrop-filter:blur(4px)}
.seat .cap{margin-top:15px}
.seat .cap b{font-family:var(--disp);font-weight:700;font-size:clamp(1.1rem,1rem + 0.45vw,1.3rem);display:block;letter-spacing:-.01em}
.seat .cap span{color:var(--text-2);font-size:var(--fs-small);display:block;margin-top:5px}
/* case anchor image */
.case-anchor{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:2/1;margin:clamp(26px,3.5vw,40px) 0 0;background:var(--surface)}
@media(max-width:600px){.case-anchor{aspect-ratio:3/2}}
.case-anchor img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(1.02)}
.case-anchor .frame{position:absolute;border:2px solid var(--lime);border-radius:10px;box-sizing:border-box;z-index:2}
.case-anchor .catag{position:absolute;left:16px;bottom:16px;z-index:3;color:#fff;background:rgba(13,13,13,.6);
  backdrop-filter:blur(4px);padding:8px 12px;border-radius:9px;font-size:var(--fs-small)}
.case-anchor .catag b{font-family:var(--disp)}

/* reveal */
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.2,.6,.2,1),transform .6s cubic-bezier(.2,.6,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* блоки доверия/конверсии */
.fornot{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,44px);margin-top:clamp(30px,4vw,44px)}
@media(min-width:760px){.fornot{grid-template-columns:1fr 1fr}}
.fnh{font-family:var(--disp);font-weight:700;font-size:clamp(1.05rem,1rem + .4vw,1.3rem);
  margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.fnl{list-style:none;display:grid;gap:14px}
.fnl li{position:relative;padding-left:26px;color:var(--text-2);line-height:1.55;max-width:44ch}
.fnl li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:2px;
  border:1px solid var(--lime)}
.fnl li.no{color:var(--muted)}
.fnl li.no::before{border-color:var(--line);background:transparent;border-radius:50%}
.provgrid{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.4vw,22px);margin-top:clamp(30px,4vw,42px)}
@media(min-width:820px){.provgrid{grid-template-columns:repeat(3,1fr)}}
.prov{border-top:2px solid var(--lime);padding-top:18px}
.prov b{font-family:var(--disp);font-weight:700;font-size:clamp(1.05rem,1rem + .4vw,1.28rem);display:block;margin-bottom:10px}
.prov p{color:var(--text-2);font-size:var(--fs-small);line-height:1.6;max-width:38ch}
.reportset{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.4vw,24px);margin-top:clamp(30px,4vw,44px)}
@media(min-width:720px){.reportset{grid-template-columns:repeat(3,1fr)}}
.reportset figure{margin:0}
.reportset img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;display:block;
  box-shadow:0 18px 50px rgba(0,0,0,.28)}
.reportset figcaption{margin-top:12px;font-size:var(--fs-eyebrow);letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);font-weight:600}

/* ===== case study ===== */
.badge{display:inline-block;font-size:var(--fs-eyebrow);letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:7px 15px;margin-bottom:22px}
.disclosure{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:clamp(18px,2.4vw,24px);margin-top:clamp(26px,3.4vw,34px);font-size:var(--fs-small);color:var(--text-2);max-width:64ch}
.disclosure b{color:var(--text)}
.bigfind{margin-top:clamp(30px,4vw,46px)}
.bf{display:grid;grid-template-columns:1fr;gap:20px;padding:clamp(30px,4vw,46px) 0;border-top:1px solid var(--line)}
@media(min-width:820px){.bf{grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,4vw,56px);align-items:center}}
@media(max-width:600px){.matrix{aspect-ratio:1/1.1}}
.bf .fno{font-size:var(--fs-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:14px}
.bf .fnum{font-family:var(--disp);font-weight:700;font-size:clamp(2.8rem,2rem + 3.2vw,4.4rem);letter-spacing:-.03em;line-height:.95;font-variant-numeric:tabular-nums}
.bf .fnum em{color:var(--lime);font-style:normal}
.bf h3{margin:12px 0 10px}
.bf p{color:var(--text-2);font-size:var(--fs-small);max-width:52ch}
.paper .bf{border-top-color:var(--paper-line)}
.paper .bf p{color:var(--ink-text-2)}
.paper .bf .fno{color:var(--ink-muted)}
/* G10: лайм НИКОГДА не на светлом. Контраст #C6FF00 на paper = 1,09:1 */
.paper .bf .fnum em{color:var(--lime-ink)}
.paper .cbar.a i{background:var(--lime-on-light)}
.paper .days .d.hi .bar{background:var(--lime-on-light)}
.paper .range .fill{background:var(--lime-on-light)}
.paper .range .pt{background:var(--lime-on-light)}
.paper .matrix .pt.now{background:var(--lime-on-light);color:#fff}
.paper .txtlink{border-bottom-color:var(--lime-on-light)}
.paper .txtlink .arw{color:var(--lime-ink)}
/* charts */
.chart{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,2.6vw,28px)}
.paper .chart{background:#fff;border-color:var(--paper-line)}
.chart .clab{display:flex;justify-content:space-between;font-size:var(--fs-small);color:var(--muted);margin-bottom:6px}
.paper .chart .clab{color:var(--ink-muted)}
.cbar{height:34px;border-radius:8px;background:#2C2C2C;overflow:hidden;display:flex;align-items:center}
.paper .cbar{background:var(--paper-2)}
.cbar i{display:block;height:100%}
.cbar.a i{background:var(--lime)} .cbar.b i{background:#5a5a5a} .paper .cbar.b i{background:#B9B9B3}
.cbar+.cbar{margin-top:10px}
.days{display:flex;align-items:flex-end;gap:8px;height:130px}
.days .d{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%}
.days .bar{width:100%;background:#3a3a3a;border-radius:6px 6px 0 0}
.paper .days .bar{background:var(--paper-2)}
.days .d.hi .bar{background:var(--lime)} .days .d.lo .bar{background:#5a5a5a}
.days .dl{font-size:0.72rem;color:var(--muted)}
.range{position:relative;height:40px}
.range .tk{position:absolute;left:0;right:0;top:50%;height:6px;transform:translateY(-50%);background:#2C2C2C;border-radius:3px}
.paper .range .tk{background:var(--paper-2)}
.range .fill{position:absolute;top:50%;height:6px;transform:translateY(-50%);background:var(--lime);border-radius:3px}
.range .pt{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--lime);border:3px solid var(--ink-2)}
.paper .range .pt{border-color:#fff}
.range .lab{position:absolute;top:calc(50% + 16px);transform:translateX(-50%);font-family:var(--disp);font-weight:700;font-size:var(--fs-small)}
/* impact/effort matrix */
.matrix{position:relative;aspect-ratio:1.4/1;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);margin-top:clamp(20px,3vw,30px);padding:16px}
.paper .matrix{background:#fff;border-color:var(--paper-line)}
.matrix .axis{position:absolute;font-size:0.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.matrix .ax-y{left:14px;top:14px}.matrix .ax-x{right:16px;bottom:12px}
.matrix .grid-l{position:absolute;background:var(--line)}
.matrix .pt{position:absolute;transform:translate(-50%,50%);width:clamp(22px,6vw,34px);height:clamp(22px,6vw,34px);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:700;font-size:0.85rem;
  background:#333;color:var(--text)}
.matrix .pt.now{background:var(--lime);color:#0D0D0D}
/* opportunity list reused from home (.opps/.opp) + expandable */
.more-opps{margin-top:14px;position:relative}
.more-opps .lockwrap{position:relative}
.more-opps .lockwrap .opps{filter:blur(4px);opacity:.5;user-select:none;pointer-events:none}
.more-opps .lock-cta{position:absolute;left:0;right:0;bottom:0;padding:34px 0 4px;
  background:linear-gradient(180deg,rgba(13,13,13,0) 0%,var(--ink) 46%)}
.paper .more-opps .lock-cta{background:linear-gradient(180deg,rgba(243,243,241,0) 0%,var(--paper) 46%)}
.more-opps .lock-cta b{display:block;font-family:var(--disp);font-size:var(--fs-lead);
  letter-spacing:-.01em;color:var(--text);margin-bottom:8px}
.paper .more-opps .lock-cta b{color:var(--ink-text)}
.more-opps .lock-cta p{font-size:var(--fs-small);color:var(--text-2);max-width:52ch;
  margin-bottom:18px;line-height:1.55}
.paper .more-opps .lock-cta p{color:var(--ink-text-2)}
/* .opp живёт и на тёмной, и на светлой секции — задаём оба состояния явно */
.opp{background:#1C1C1C}
.opp .oscore{color:var(--text)}
.opp .otitle{color:var(--text-2)}
.opp .tier{border-color:#3D3D3D;color:var(--text-2)}
.opp .tier.now{background:var(--lime-ink);color:#F3F3F1;border-color:var(--lime-ink)}
.paper .opp{background:var(--paper-2)}
.paper .opp .oscore{color:#1A1A1A}
.paper .opp .otitle{color:var(--ink-text-2)}
.paper .opp .tier{border-color:var(--paper-line);color:var(--ink-muted)}
.paper .opp .tier.now{background:var(--lime-ink);color:#F3F3F1;border-color:var(--lime-ink)}
/* воскресенье не должно быть самым контрастным пятном графика */
.paper .days .d.lo .bar{background:#C9C9C4}
details.more-opps{margin-top:14px}
details.more-opps summary{cursor:pointer;list-style:none;color:var(--muted);font-size:var(--fs-small);
  padding:14px 0;border-top:1px solid var(--line)}
details.more-opps summary::-webkit-details-marker{display:none}
.paper details.more-opps summary{border-top-color:var(--paper-line);color:var(--ink-muted)}
/* ===== prose (legal) ===== */
.prose{max-width:720px}
.prose h1{font-size:var(--h2);margin-bottom:6px}
.prose .updated{color:var(--muted);font-size:var(--fs-small);margin-bottom:clamp(28px,4vw,40px)}
.prose h2{font-size:var(--h3);margin:clamp(28px,3.5vw,40px) 0 10px}
.prose p{color:var(--text-2);margin-bottom:14px;max-width:70ch}
.prose p b{color:var(--text)}
.prose .todo{color:var(--muted)}
.prose a.inl{border-bottom:1px solid var(--line)}
.prose .flag{background:var(--surface);border:1px solid var(--line);border-radius:13px;
  padding:18px 20px;margin-top:clamp(30px,4vw,42px);font-size:var(--fs-small);color:var(--muted)}
.bioblk{border-top:1px solid var(--paper-line);padding:clamp(20px,2.6vw,26px) 0}
.bioblk:first-of-type{border-top:0}
.bioblk .bh{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.bioblk .bh span{font-size:var(--fs-eyebrow);letter-spacing:.13em;text-transform:uppercase;
  font-weight:600;color:var(--ink-muted)}
.bioblk p{max-width:74ch;line-height:1.62;color:var(--ink-text)}
section:not(.paper) .bioblk{border-top-color:var(--line)}
section:not(.paper) .bioblk .bh span{color:var(--muted)}
section:not(.paper) .bioblk p{color:var(--text-2)}
.cp{font-family:var(--sans);font-size:var(--fs-small);font-weight:600;cursor:pointer;
  background:none;border:1px solid var(--paper-line);border-radius:6px;padding:8px 14px;
  min-height:44px;color:var(--ink-text);transition:border-color .15s,background .15s}
.cp:hover{border-color:var(--ink-text)}
.cp.done{border-color:var(--lime-ink);color:var(--lime-ink)}
section:not(.paper) .cp{border-color:var(--line);color:var(--text)}
section:not(.paper) .cp:hover{border-color:var(--text)}
section:not(.paper) .cp.done{border-color:var(--lime);color:var(--lime)}
.factgrid{display:grid;grid-template-columns:1fr;gap:0;margin-top:clamp(24px,3vw,32px)}
@media(min-width:760px){.factgrid{grid-template-columns:1fr 1fr;column-gap:clamp(32px,4vw,56px)}}
.factgrid > div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;
  border-bottom:1px solid var(--paper-line);font-size:var(--fs-small)}
.factgrid b{font-family:var(--disp);font-weight:700}
.factgrid span{color:var(--ink-text-2)}
.thanks-wrap{min-height:56vh;display:flex;flex-direction:column;justify-content:center;max-width:600px}