/* Шрифты лежат на сайте: Geologica и Cormorant, лицензия SIL OFL 1.1 (assets/fonts) */
@font-face{font-family:'Geologica';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geologica-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-cyrillic-500-italic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/cormorant-cyrillic-600-italic.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:100 900;font-display:swap;src:url(../fonts/geologica-latin-wght-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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-latin-500-italic.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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/cormorant-latin-600-italic.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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geologica';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geologica-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-latin-ext-500-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/cormorant-latin-ext-600-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Layout: «рабочий стол продюсера» — серый холст как в Figma, белые артборды-карточки,
   курсоры команды поверх контента; чёрные полосы задают ритм. Одна светлая тема по замыслу. */
:root{
  --ground:#EDEDED;
  --paper:#FFFFFF;
  --ink:#111111;
  --ink-2:#2B2B2B;
  --muted:#5E5E5E;
  --dim:#7C7C7C;
  --ghost:#C4C4C4;
  --line:#D4D4D4;
  --night:#0E0E0E;
  --night-2:#1B1B1B;
  --night-line:#2E2E2E;
  --night-muted:#A3A3A3;
  --marker:#FFF705;
  --sel:#3E93ED;
  --red:#E5352B;

  --f-sans:'Geologica','Helvetica Neue',Arial,sans-serif;
  --f-serif:'Cormorant','Times New Roman',Georgia,serif;

  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);

  --r-l:28px; --r-m:20px; --r-s:14px;
  --gl:max(clamp(18px,4vw,52px), env(safe-area-inset-left,0px));
  --gr:max(clamp(18px,4vw,52px), env(safe-area-inset-right,0px));
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html:not(.lenis){scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--f-sans);font-weight:400;font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:70;background:var(--ground)}
::selection{background:var(--marker);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.wrap{max-width:1440px;margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}
.serif{font-family:var(--f-serif);font-style:italic;font-weight:500;letter-spacing:-.01em}
mark{color:var(--ink);padding:0 .12em;border-radius:.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;
  background:linear-gradient(var(--marker),var(--marker)) no-repeat 0 0/100% 100%;transition:background-size 1.3s var(--ease) var(--d,0s)}
:focus-visible{outline:2px solid var(--sel);outline-offset:3px;border-radius:6px}
.num{font-variant-numeric:tabular-nums lining-nums}

/* ---------- reveal engine (only with JS) ---------- */
.js [data-r]:not([data-r="chat"]).r-pre{opacity:0;translate:0 34px;filter:blur(6px)}
.js [data-r="fade"].r-pre{translate:0 0}
.js [data-r="pol"].r-pre{opacity:0;translate:0 90px;scale:.9;filter:none}
.js [data-r].r-go{transition:opacity 1.1s var(--ease) var(--d,0s),translate 1.3s var(--ease) var(--d,0s),scale 1.3s var(--ease) var(--d,0s),filter 1.1s var(--ease) var(--d,0s)!important}
.js [data-words] .wi{display:inline-block;transition:opacity .9s var(--ease) var(--d,0s),translate 1.2s var(--ease) var(--d,0s),filter .9s var(--ease) var(--d,0s)}
.js [data-words].r-pre .wi{opacity:0;translate:0 .42em;filter:blur(10px)}
.js mark[data-m].r-pre{background-size:0% 100%}
.js [data-curtain]{clip-path:inset(0 0 0 0 round var(--r-m));transition:clip-path 1.6s var(--ease) var(--d,0s)}
.js [data-curtain].r-pre{clip-path:inset(100% 0 0 0 round var(--r-m))}
.js [data-curtain] img{transition:scale 1.9s var(--ease)}
.js [data-curtain].r-pre img{scale:1.22}
.js [data-ticks] i{transition:scale 1s var(--ease) calc(var(--i,0) * 38ms + .25s),background-color .45s var(--ease),box-shadow .45s var(--ease)}
.js [data-ticks].r-pre i{scale:1 0}
.js [data-draw] path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease) .2s}
.js [data-draw].r-pre path{stroke-dashoffset:1}

/* ---------- buttons & links ---------- */
.btn{position:relative;max-width:100%;display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:6px 6px 6px 24px;border-radius:999px;border:0;cursor:pointer;
  background:var(--ink);color:#fff;text-decoration:none;font-weight:500;font-size:16px;letter-spacing:-.01em;
  transition:background-color .5s var(--ease),scale .6s var(--ease)}
.btn .arr{position:relative;overflow:hidden;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;flex:none;transition:scale .6s var(--ease)}
.btn .arr svg{grid-area:1/1;transition:translate .7s var(--ease)}
.btn .arr svg+svg{translate:-170% 0}
.btn:hover .arr svg:first-child{translate:170% 0}
.btn:hover .arr svg+svg{translate:0 0}
.btn:hover .arr{scale:1.06}
.btn:active{scale:.97}
.btn--marker{background:var(--marker);color:var(--ink)}
.btn--marker .arr{background:var(--ink);color:var(--marker)}
.btn .lbl-ok{position:absolute;left:24px;opacity:0;translate:0 8px;transition:opacity .4s var(--ease),translate .6s var(--ease)}
.btn .lbl-main{transition:opacity .4s var(--ease),translate .6s var(--ease)}
.btn.ok .lbl-main{opacity:0;translate:0 -8px}
.btn.ok .lbl-ok{opacity:1;translate:0 0}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;line-height:1.2;padding-block:4px 5px;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/100% 1px}
.link:hover{animation:ul .9s var(--ease-io)}
@keyframes ul{0%{background-position:100% 100%;background-size:100% 1px}45%{background-position:100% 100%;background-size:0% 1px}46%{background-position:0 100%;background-size:0% 1px}100%{background-position:0 100%;background-size:100% 1px}}
.tag{display:inline-flex;align-items:center;min-height:30px;padding:2px 14px 4px;border:1px solid currentColor;border-radius:999px;
  font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:19px;line-height:1;letter-spacing:0}

/* ---------- cursor follower & peek ---------- */
.fol{position:fixed;left:0;top:0;z-index:90;pointer-events:none;padding:5px 11px 6px;border-radius:4px 12px 12px 12px;background:var(--ink);color:#fff;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;
  opacity:0;scale:.6;transform-origin:0 0;transition:opacity .35s var(--ease),scale .5s var(--ease),background-color .4s var(--ease),color .4s var(--ease);display:none}
.fine .fol{display:block}
.fol.on{opacity:1;scale:1}
.fol.tone-marker{background:var(--marker);color:var(--ink)}
.fol.tone-blue{background:var(--sel)}
.peek{position:fixed;left:0;top:0;z-index:85;pointer-events:none;width:270px;background:var(--paper);color:var(--ink);border-radius:16px;padding:14px 16px 16px;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.06);opacity:0;scale:.85;transform-origin:0 50%;transition:opacity .45s var(--ease),scale .6s var(--ease);display:none}
.fine .peek{display:block}
.peek.on{opacity:1;scale:1}
.peek .pk{display:inline-block;font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:999px;background:var(--marker);color:var(--ink)}
.peek .pt{display:block;margin-top:10px;font-weight:600;font-size:16px;letter-spacing:-.02em;line-height:1.2}
.peek .ps{display:block;margin-top:4px;font-size:13.5px;color:var(--muted);line-height:1.35}
.peek.swap .pin{animation:peekIn .55s var(--ease)}
@keyframes peekIn{from{opacity:0;translate:0 8px;filter:blur(4px)}}

/* ---------- header ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(237,237,237,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  transition:translate .7s var(--ease)}
.top.hide{translate:0 -110%}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ink);transform-origin:0 50%;scale:var(--p,0) 1}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.logo{display:flex;align-items:baseline;gap:7px;text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-.05em;line-height:1}
.logo .serif{font-size:21px;font-weight:600;letter-spacing:-.01em;transition:translate .6s var(--ease)}
.logo .mk{width:10px;height:10px;background:var(--ink);border-radius:2px 2px 2px 0;translate:0 -1px;transition:rotate .8s var(--ease),border-radius .6s var(--ease)}
.logo:hover .mk{rotate:90deg;border-radius:50%}
.logo:hover .serif{translate:3px 0}
.nav{position:relative;display:flex;gap:4px;background:var(--paper);border-radius:999px;padding:4px}
.nav .ind{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:var(--ground);opacity:0;
  transition:translate .6s var(--ease),width .6s var(--ease),opacity .4s var(--ease)}
.nav a{position:relative;z-index:1;padding:8px 16px;border-radius:999px;text-decoration:none;font-size:14.5px;font-weight:500;color:var(--ink-2)}
.top .btn{min-height:44px;padding:4px 4px 4px 18px;font-size:14.5px}
.top .btn .arr{width:36px;height:36px}

/* ---------- hero ---------- */
.hero{position:relative;padding-top:18px;padding-bottom:64px;overflow:hidden}
.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.hero-top .tag{margin-top:4px}
.hero-note{max-width:380px;font-size:16px;line-height:1.45;color:var(--ink-2)}
.hero-note b{font-weight:600;color:var(--ink)}
.stage{position:relative;margin-top:clamp(36px,6vw,84px)}
.h1{font-weight:inherit;margin:0}
.giant{position:relative;display:block;width:fit-content;font-weight:700;font-size:clamp(44px,13.8vw,250px);line-height:.8;letter-spacing:-.068em;white-space:nowrap;
  padding-left:calc(var(--gl) - .04em);margin-left:-.02em}
.giant .rub{font-weight:300;letter-spacing:-.02em}
.fine .giant::before{content:"";position:absolute;inset:-.06em -.08em -.06em calc(var(--gl) - .1em);border:1.5px solid var(--sel);opacity:0;transition:opacity .45s var(--ease);pointer-events:none}
.fine .giant::after{content:attr(data-layer);position:absolute;left:calc(var(--gl) - .1em);top:calc(-.06em - 24px);background:var(--sel);color:#fff;font:500 11.5px/1.3 var(--f-sans);letter-spacing:0;padding:3px 8px;border-radius:3px 3px 0 0;opacity:0;translate:0 4px;transition:opacity .45s var(--ease),translate .6s var(--ease);pointer-events:none}
.fine .giant:hover::before,.fine .giant:hover::after{opacity:1;translate:0 0}
.h1-tail{display:block;margin-top:clamp(18px,2.4vw,34px);font-size:clamp(25px,3.3vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:500;max-width:calc(14em + var(--gl) + var(--gr));margin-left:0}

/* polaroid editor */
.hero-low{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:24px;align-items:start}
.pols{position:relative;aspect-ratio:540/450;margin-top:clamp(-170px,-10.6vw,-60px)}
.pol{--tx:0px;--ty:0px;--tilt:0deg;position:absolute;margin:0;background:var(--paper);padding:10px 10px 0;border-radius:6px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.32),0 2px 6px rgba(0,0,0,.08);
  transform:translate3d(var(--tx),var(--ty),0) rotate(calc(var(--rot) + var(--tilt)));
  transition:box-shadow .6s var(--ease),scale .6s var(--ease)}
.pol img{aspect-ratio:3/4;width:100%;height:auto;object-fit:cover;border-radius:2px;pointer-events:none;-webkit-user-drag:none}
.pol figcaption{display:flex;justify-content:space-between;gap:10px;padding:10px 2px 12px;font-size:12.5px;line-height:1.25;font-weight:500}
.pol figcaption span:last-child{color:var(--muted);text-align:right}
.pol--a{--rot:4deg;width:56%;right:6px;top:0;z-index:3}
.pol--d{--rot:-7deg;width:40%;right:49%;top:27%;z-index:2}
.pol.is-top{z-index:4}
.pol.drag{cursor:grabbing;scale:1.025;box-shadow:0 50px 90px -30px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.1)}
.pol.reset{transition:box-shadow .6s var(--ease),scale .6s var(--ease),width .9s var(--ease)}
.selbox{position:absolute;inset:-12px;border:1.5px solid var(--sel);pointer-events:none;opacity:0;transition:opacity .45s var(--ease)}
.pol.is-sel .selbox{opacity:1}
.selbox i{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid var(--sel);pointer-events:auto;touch-action:none;scale:.3;transition:scale .5s var(--ease)}
.pol:not(.is-sel) .selbox i{pointer-events:none}
.pol.is-sel .selbox i{scale:1}
.selbox i::before{content:"";position:absolute;inset:-12px}
.selbox i[data-h="nw"]{left:-6px;top:-6px;cursor:nwse-resize}.selbox i[data-h="ne"]{right:-6px;top:-6px;cursor:nesw-resize}
.selbox i[data-h="sw"]{left:-6px;bottom:-6px;cursor:nesw-resize}.selbox i[data-h="se"]{right:-6px;bottom:-6px;cursor:nwse-resize}
.selbox b{position:absolute;left:-1.5px;top:-24px;background:var(--sel);color:#fff;font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:3px 3px 0 0;white-space:nowrap}
.selbox em{position:absolute;left:50%;bottom:-32px;translate:-50% 0;background:var(--sel);color:#fff;font-style:normal;font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.selbox em:empty{display:none}
.hint{position:absolute;right:-2px;top:-30px;display:flex;align-items:center;gap:6px;background:var(--paper);color:var(--sel);border:1px solid var(--sel);font-size:11.5px;font-weight:500;padding:2px 8px 3px;border-radius:999px;white-space:nowrap;
  opacity:0;translate:0 6px;transition:opacity .6s var(--ease),translate .8s var(--ease);pointer-events:none}
.hint.on{opacity:1;translate:0 0}
.hint svg{animation:nudge 2.4s var(--ease-io) infinite}
@keyframes nudge{0%,60%,100%{translate:0 0}30%{translate:3px 3px}}

/* team cursors in hero */
.cur{position:absolute;left:0;top:0;z-index:6;pointer-events:none;opacity:0;transition:opacity 1s var(--ease);will-change:transform}
.cur.on{opacity:1}
.cur svg{display:block;width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));transition:scale .35s var(--ease);transform-origin:2px 2px}
.cur.click svg{scale:.78}
.cur .nm{position:absolute;left:16px;top:18px;padding:4px 10px 5px;border-radius:4px 12px 12px 12px;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;line-height:1.2}
.cur .say{position:absolute;left:16px;top:46px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:500;padding:6px 11px 7px;border-radius:4px 14px 14px 14px;white-space:nowrap;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.25);opacity:0;translate:0 8px;scale:.92;transform-origin:0 0;transition:opacity .5s var(--ease),translate .7s var(--ease),scale .7s var(--ease)}
.cur .say.on{opacity:1;translate:0 0;scale:1}
.cur--blue .nm{background:var(--sel)}.cur--blue path{fill:var(--sel)}
.cur--red .nm{background:var(--red)}.cur--red path{fill:var(--red)}
.cur--ink .nm{background:var(--ink)}.cur--ink path{fill:var(--ink)}

.hero-foot{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:clamp(32px,4vw,56px)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.proof{display:flex;align-items:center;gap:16px}
.stack{display:flex;flex:none}
.stack img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid var(--ground);margin-left:-12px;transition:margin .7s var(--ease)}
.stack img:first-child{margin-left:0}
.proof:hover .stack img{margin-left:-4px}
.proof:hover .stack img:first-child{margin-left:0}
.proof p{font-size:14.5px;line-height:1.35;color:var(--ink-2);max-width:270px}
.proof b{font-weight:600;color:var(--ink)}

/* ---------- marquee ---------- */
.marq{overflow:hidden;border-block:1px solid var(--ink);padding-block:18px;white-space:nowrap}
.marq-track{display:inline-flex;align-items:center;will-change:transform}
.mi{display:inline-flex;align-items:center;gap:14px;padding-right:22px;font-size:clamp(22px,2.6vw,38px);font-weight:500;letter-spacing:-.04em;line-height:1}
.mi img{width:1.25em;height:1.25em;border-radius:50%;object-fit:cover}
.mi b{font-weight:500;color:var(--dim)}
.mi .sl{font-family:var(--f-serif);font-style:italic;font-weight:500;color:var(--dim);padding-left:8px}

/* ---------- generic section ---------- */
.sec{padding-block:clamp(72px,9vw,140px)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:20px 40px;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.sec-head .lead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.sec-head .lead p{font-size:14.5px;color:var(--muted);max-width:340px}
.h2{font-weight:500;font-size:clamp(38px,6.2vw,96px);line-height:.94;letter-spacing:-.055em}
.h2 .serif{font-weight:500;letter-spacing:-.025em;font-size:1.08em}
.side{font-size:16px;color:var(--muted);max-width:360px}

/* ---------- statement + stats ---------- */
.statement{font-weight:500;font-size:clamp(26px,3.7vw,56px);line-height:1.1;letter-spacing:-.04em;max-width:22em}
.dim,.statement .dim{color:var(--dim)}
.statement .serif{font-size:1.08em;letter-spacing:-.02em}
.js .fill .fw{color:var(--ghost);transition:color .6s var(--ease)}
.js .fill .fw.on{color:inherit}
.stats{display:grid;gap:10px;margin-top:clamp(48px,6vw,88px)}
.stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:var(--paper);border-radius:var(--r-m);padding:22px clamp(20px,3vw,40px);
  transition:box-shadow .8s var(--ease)}
.stat:hover{box-shadow:0 24px 50px -30px rgba(0,0,0,.25)}
.stat p{font-size:15px;color:var(--muted);max-width:420px;line-height:1.45;transition:color .6s var(--ease)}
.stat:hover p{color:var(--ink-2)}
.stat .v{text-align:right;transition:translate .8s var(--ease)}
.stat:hover .v{translate:-8px 0}
.stat .v strong{display:block;font-weight:400;font-size:clamp(44px,5.6vw,84px);line-height:.9;letter-spacing:-.06em}
.stat .v>span{display:block;font-size:13.5px;color:var(--muted);margin-top:8px}

/* ---------- cases ---------- */
.case{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,3vw,48px);background:var(--paper);border-radius:var(--r-l);padding:12px;margin-bottom:16px}
.case-photo{position:relative;border-radius:var(--r-m);overflow:hidden;min-height:100%}
.case-photo .ph{display:block;height:100%}
.case-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.case-photo:hover img{scale:1.045}
.case-photo .chip{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:translate .6s var(--ease),background-color .4s}
.case-photo .chip:hover{translate:0 -2px;background:#fff}
.case-body{display:flex;flex-direction:column;padding:clamp(8px,2vw,28px) clamp(8px,2.4vw,32px) clamp(12px,2vw,28px) 0;min-width:0}
.case-who{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}
.case-who h3{font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.case-who h3 .serif{font-weight:500;font-size:1.1em}
.case-niche{color:var(--muted);font-size:15.5px;margin-top:6px;max-width:460px}
.case-sum{font-weight:600;font-size:clamp(56px,8.2vw,132px);line-height:.85;letter-spacing:-.07em;margin-top:clamp(28px,4vw,56px);white-space:nowrap}
.case-sum small{font-size:.42em;font-weight:300;letter-spacing:-.02em;margin-left:.08em}
.meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(24px,3vw,40px);border-top:1px solid var(--line)}
.meta div{padding:14px 14px 4px 0}
.meta div+div{padding-left:14px;border-left:1px solid var(--line)}
.meta b{display:block;font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.04em;line-height:1.05}
.meta span{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.3}
.posts{margin-top:auto;padding-top:clamp(24px,3vw,40px)}
.ticks{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:5px;width:calc(var(--n) / 20 * 100%)}
.ticks i{height:42px;border-radius:6px;background:var(--ink);transform-origin:50% 100%;cursor:default}
.ticks i:hover{background-color:var(--marker);box-shadow:inset 0 0 0 1.5px var(--ink)}
.case--night .ticks i:hover{box-shadow:none}
.tt{position:absolute;bottom:calc(100% + 10px);left:0;translate:-50% 4px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:500;padding:5px 9px;border-radius:8px;white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .35s var(--ease),translate .5s var(--ease),left .55s var(--ease);font-variant-numeric:tabular-nums}
.tt.on{opacity:1;translate:-50% 0}
.posts p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--muted)}
.posts p b{color:var(--ink);font-weight:600}

.case--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.case--flip .case-body{order:-1;padding-left:clamp(8px,2.4vw,32px);padding-right:0}

.case--night{background:var(--night);color:#fff}
.case--night .case-niche,.case--night .meta span,.case--night .posts p{color:var(--night-muted)}
.case--night .meta{border-color:var(--night-line)}
.case--night .meta div+div{border-color:var(--night-line)}
.case--night .case-photo img{aspect-ratio:auto}
.case--night .note{margin-top:auto;padding-top:28px;font-size:16px;color:#fff;max-width:520px}
.case--night .note .serif{font-size:1.2em}

.insight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:24px 48px;align-items:end;padding:clamp(40px,6vw,88px) 0 clamp(8px,2vw,24px)}
.insight p.big{font-weight:500;font-size:clamp(28px,4.2vw,64px);line-height:1.04;letter-spacing:-.045em;max-width:15em}
.insight p.small{max-width:330px;font-size:15.5px;color:var(--muted)}

/* ---------- now (in work) ---------- */
.now{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;perspective:1000px}
.blog{--rx:0deg;--ry:0deg;position:relative;background:var(--paper);border-radius:var(--r-l);padding:10px 10px 22px;display:flex;flex-direction:column;text-decoration:none;
  transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .9s var(--ease),box-shadow .9s var(--ease)}
.blog:hover{box-shadow:0 40px 70px -40px rgba(0,0,0,.35)}
.blog::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);
  background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.5),transparent 45%)}
.blog:hover::after{opacity:1}
.blog .av{display:block;border-radius:var(--r-m);overflow:hidden}
.blog img{aspect-ratio:1;width:100%;object-fit:cover;transition:scale 1.2s var(--ease)}
.blog:hover img{scale:1.06}
.blog h3{font-size:21px;font-weight:600;letter-spacing:-.035em;margin:18px 10px 0;line-height:1.15}
.blog .h{font-size:14px;color:var(--muted);margin:2px 10px 0}
.blog .n{font-size:15px;margin:14px 10px 0;line-height:1.4;color:var(--ink-2)}
.blog .s{margin:16px 10px 0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.4;color:var(--muted)}
.blog .s b{color:var(--ink);font-weight:600}
.live{display:inline-flex;align-items:center;gap:8px;margin:auto 10px 0;padding-top:18px;font-size:13.5px;font-weight:500}
.live::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--marker);box-shadow:0 0 0 2px var(--ink),0 0 0 2px rgba(17,17,17,.15);animation:pulse 3.2s var(--ease-io) infinite}
@keyframes pulse{50%{box-shadow:0 0 0 2px var(--ink),0 0 0 7px rgba(17,17,17,0)}}
.blog--you{background:transparent;align-items:flex-start;justify-content:space-between;padding:24px}
.blog--you .ants{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.blog--you .ants rect{x:1px;y:1px;width:calc(100% - 2px);height:calc(100% - 2px);rx:27px;fill:none;stroke:#9A9A9A;stroke-width:1.5;stroke-dasharray:7 6;transition:stroke .5s var(--ease)}
.blog--you:hover .ants rect,.blog--you:focus-within .ants rect{stroke:var(--sel);animation:ants 1.1s linear infinite}
@keyframes ants{to{stroke-dashoffset:-26}}
.blog--you .plus{width:100%;aspect-ratio:1;border-radius:var(--r-m);display:grid;place-items:center;font-weight:300;font-size:96px;line-height:1;color:#9A9A9A;position:relative;transition:color .5s var(--ease)}
.blog--you:hover .plus{color:var(--sel)}
.blog--you .plus::after{content:attr(data-frame);position:absolute;left:0;top:0;background:var(--sel);color:#fff;font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:3px;line-height:1.3}
.blog--you h3{margin:18px 0 0}
.blog--you p{font-size:15px;color:var(--muted);margin-top:8px}
.blog--you .link{margin-top:18px}

/* ---------- services list ---------- */
.svc{position:relative;border-bottom:1px solid var(--ink)}
.svc-band{position:absolute;left:0;right:0;top:0;height:0;background:var(--ink);box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax);z-index:0;pointer-events:none;
  transition:translate .75s var(--ease),height .75s var(--ease)}
html:not(.js) .svc-row.on{background:var(--ink);box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax)}
.svc-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:12px 48px;align-items:center;padding:clamp(18px,2.2vw,30px) 0;border-top:1px solid var(--ink);cursor:default;
  transition:color .55s var(--ease)}
.svc-row h3{font-weight:500;font-size:clamp(30px,4.8vw,76px);line-height:1;letter-spacing:-.055em;transition:translate .8s var(--ease)}
.svc-row h3 .serif{font-size:1.08em;letter-spacing:-.02em;transition:color .55s var(--ease)}
.svc-row p{font-size:16px;line-height:1.45;color:var(--ink-2);transition:color .55s var(--ease)}
.svc-row.on{color:#fff}
.svc-row.on h3{translate:clamp(8px,1.4vw,20px) 0}
.svc-row.on p{color:#D0D0D0}
.svc-row.on h3 .serif{color:var(--marker)}

/* ---------- time ---------- */
.day{margin-bottom:clamp(28px,4vw,48px);padding-top:34px}
.day-bar{--m:1200;position:relative;height:64px;border-radius:14px;cursor:pointer;touch-action:pan-y;
  background:repeating-linear-gradient(90deg,var(--paper) 0 calc(100%/24 - 2px),var(--ground) calc(100%/24 - 2px) calc(100%/24))}
.day-bar .you{position:absolute;top:-6px;bottom:-6px;left:calc(var(--m) / 1440 * 100%);width:max(16px,calc(30/1440*100%));background:var(--marker);border:2px solid var(--ink);border-radius:6px;cursor:grab;touch-action:none;
  transition:left 1.6s var(--ease),scale .5s var(--ease)}
.js .day.r-pre .you{left:0}
.day-bar.drag .you{transition:scale .5s var(--ease);cursor:grabbing;scale:1.08 1.12}
.day-bar .you::before{content:"";position:absolute;inset:-10px}
.day-bar .lbl{position:absolute;left:50%;bottom:calc(100% + 12px);translate:-50% 0;background:var(--ink);color:#fff;font-size:13px;font-weight:500;padding:5px 10px;border-radius:8px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;
  transition:translate .5s var(--ease)}
.day-bar .you.al .lbl{left:-6px;translate:0 0}
.day-bar .you.ar .lbl{left:auto;right:-6px;translate:0 0}
.day-bar .now{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--red);left:calc(var(--n,0) / 1440 * 100%);border-radius:2px;pointer-events:none}
.day-bar .now b{position:absolute;top:calc(100% + 6px);left:50%;translate:-50% 0;font-size:11.5px;font-weight:500;color:var(--red);white-space:nowrap;font-variant-numeric:tabular-nums}
.day-bar .now.al b{left:-2px;translate:0 0}
.day-bar .now.ar b{left:auto;right:-2px;translate:0 0}
.day-scale{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-top:26px}
.day-hint{margin-top:10px;font-size:13.5px;color:var(--muted)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px}
.card{border-radius:var(--r-l);padding:clamp(24px,3vw,40px)}
.card--paper{background:var(--paper)}
.card--night{background:var(--night);color:#fff}
.card .k{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.card .k h3{font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-.045em;line-height:1}
.card .k span{font-size:14px;color:var(--muted)}
.card--night .k span{color:var(--night-muted)}
.steps-you{list-style:none;margin:28px 0 0;padding:0}
.steps-you li{border-top:1px solid var(--line)}
.chk{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;width:100%;padding:16px 0;background:none;border:0;text-align:left;cursor:pointer;font-size:17px;line-height:1.4}
.ck{position:relative;width:32px;height:32px;border-radius:50%;background:var(--marker);border:1.5px solid var(--ink);display:grid;place-items:center;font-size:14px;font-weight:600;transition:background-color .5s var(--ease),scale .5s var(--ease)}
.ck em{font-style:normal;grid-area:1/1;transition:opacity .3s var(--ease),scale .5s var(--ease)}
.ck svg{grid-area:1/1;width:16px;height:16px}
.ck svg path{stroke:var(--marker);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s var(--ease) .1s}
.chk:hover .ck{scale:1.08}
.chk[aria-pressed="true"] .ck{background:var(--ink)}
.chk[aria-pressed="true"] .ck em{opacity:0;scale:.4}
.chk[aria-pressed="true"] .ck svg path{stroke-dashoffset:0}
.chk .tx b{font-weight:400;background:linear-gradient(var(--ink),var(--ink)) no-repeat 0 58%/0% 1.5px;transition:background-size .7s var(--ease),color .5s var(--ease)}
.chk[aria-pressed="true"] .tx b{background-size:100% 1.5px;color:var(--muted)}
.chk .tx span{display:block;color:var(--muted);font-size:14.5px;margin-top:4px}
.done{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s var(--ease)}
.done>div{overflow:hidden}
.done p{margin-top:6px;padding:14px 16px;border-radius:14px;background:var(--ground);font-size:15px;opacity:0;translate:0 8px;transition:opacity .6s var(--ease) .15s,translate .8s var(--ease) .15s}
.done.on{grid-template-rows:1fr}
.done.on p{opacity:1;translate:0 0}
.chk-note{margin-top:12px;font-size:13px;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:28px}
.team-grid div{padding:16px 0;border-top:1px solid var(--night-line)}
.team-grid b{position:relative;display:block;font-weight:500;font-size:17px;letter-spacing:-.01em;transition:translate .6s var(--ease)}
.team-grid b::before{content:"";position:absolute;left:-14px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--marker);opacity:0;scale:0;transition:opacity .4s var(--ease),scale .6s var(--ease)}
.team-grid div:hover b{translate:14px 0}
.team-grid div:hover b::before{opacity:1;scale:1}
.team-grid span{display:block;font-size:14px;color:var(--night-muted);margin-top:3px;line-height:1.4}
.control{margin-top:12px;display:flex;gap:16px;align-items:center;background:var(--paper);border-radius:var(--r-m);padding:18px 22px;font-size:16px}
.control svg{flex:none}

/* ---------- process (night) ---------- */
.night{background:var(--night);color:#fff}
.night .side,.night .sec-head .lead p{color:var(--night-muted)}
.night .tag{color:#fff}
.track{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:10px;height:14px;margin-bottom:34px;align-items:center}
.track::before,.track .fill{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--night-line)}
.track .fill{background:var(--marker);transform-origin:0 50%;scale:var(--tp,0) 1}
.track i{position:relative;z-index:1;width:14px;height:14px;margin-left:22px;border-radius:50%;background:var(--night);border:2px solid var(--night-line);transition:background-color .5s var(--ease),border-color .5s var(--ease),scale .6s var(--ease)}
.track i.lit{background:var(--marker);border-color:var(--marker);scale:1.15}
.flow{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:10px;align-items:start;list-style:none;margin:0;padding:0}
.step{background:var(--night-2);border-radius:var(--r-m);padding:22px 22px 26px;min-height:300px;display:flex;flex-direction:column;border:1px solid var(--night-line);
  transition:border-color .7s var(--ease),translate .8s var(--ease)}
.step:hover{translate:0 -8px}
.step.lit{border-color:#55552E}
.step{margin-top:calc(var(--i,0) * 48px)}
.step .no{font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:54px;line-height:.9;color:var(--marker);transition:translate .8s var(--ease)}
.step:hover .no{translate:6px 0}
.step h3{margin-top:auto;padding-top:40px;font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.1}
.step p{margin-top:10px;font-size:15px;line-height:1.45;color:#C9C9C9}
.step--last{background:var(--marker);color:var(--ink);border-color:var(--marker)}
.step--last.lit{border-color:var(--marker)}
.step--last .no{color:var(--ink)}
.step--last p{color:var(--ink-2)}

/* ---------- product quality ---------- */
.pq{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px)}
.pq-text p{font-size:clamp(18px,1.6vw,22px);line-height:1.45;letter-spacing:-.015em;color:var(--ink-2)}
.pq-text p+p{margin-top:18px}
.facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.facts li{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.facts b{white-space:nowrap;font-size:clamp(26px,2.5vw,36px);font-weight:500;letter-spacing:-.05em;line-height:1}
.facts li>span{font-size:15.5px;color:var(--muted);line-height:1.4}
.students{margin-top:clamp(48px,6vw,80px)}
.students-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.students-head h3{font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.035em}
.st-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.st{background:var(--paper);border-radius:var(--r-m);padding:8px 8px 18px;transition:translate .8s var(--ease),box-shadow .8s var(--ease)}
.st:hover{translate:0 -6px;box-shadow:0 30px 50px -34px rgba(0,0,0,.3)}
.st .av{display:block;border-radius:var(--r-s);overflow:hidden}
.st img{aspect-ratio:1;width:100%;object-fit:cover;filter:saturate(.75);transition:scale 1.2s var(--ease),filter .8s var(--ease)}
.st:hover img{scale:1.06;filter:saturate(1)}
.st b{display:block;margin:14px 8px 0;font-size:17px;font-weight:600;letter-spacing:-.02em}
.st i{display:block;font-style:normal;margin:2px 8px 0;font-size:13px;color:var(--muted)}
.st p{margin:10px 8px 0;font-size:14.5px;line-height:1.4}

/* ---------- objections ---------- */
.qa{border-bottom:1px solid var(--ink)}
.qa-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:12px clamp(24px,5vw,80px);padding:clamp(22px,2.6vw,36px) 0;border-top:1px solid var(--ink)}
.qa-row h3{display:flex;align-items:baseline;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(28px,3vw,44px);line-height:1.02;letter-spacing:-.02em}
.qa-row h3::before{content:"";flex:none;width:0;height:.32em;margin-right:0;border-radius:50%;background:var(--marker);box-shadow:inset 0 0 0 1.5px var(--ink);translate:0 -.08em;transition:width .7s var(--ease),margin .7s var(--ease)}
.qa-row:hover h3::before{width:.32em;margin-right:.3em}
.qa-row p{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:620px;transition:color .6s var(--ease)}
.qa-row:hover p{color:var(--ink)}
.qa-row p b{font-weight:600;color:var(--ink)}

/* ---------- founder ---------- */
.founder{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,72px);align-items:end}
.founder-photo{position:relative;border-radius:var(--r-l);overflow:hidden}
.founder-photo .ph{display:block}
.founder-photo img{width:100%;aspect-ratio:2/3;object-fit:cover;scale:1.12}
.js .founder-photo[data-curtain].r-pre img{scale:1.3}
.founder-photo .chip{position:absolute;left:16px;bottom:16px;background:rgba(17,17,17,.78);color:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
blockquote{margin:0}
.quote{font-weight:500;font-size:clamp(26px,3.2vw,48px);line-height:1.1;letter-spacing:-.04em}
.quote .serif{font-size:1.1em;letter-spacing:-.02em}
.sign{display:flex;align-items:center;gap:14px;margin-top:32px}
.sign b{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em}
.sign span{display:block;font-size:14.5px;color:var(--muted)}
.founder-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px}

/* ---------- referral ---------- */
.ref{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,64px);background:var(--paper);border-radius:var(--r-l);padding:clamp(24px,4vw,56px)}
.ref h2{font-size:clamp(32px,3.8vw,58px);font-weight:500;letter-spacing:-.05em;line-height:.98}
.ref h2 .serif{font-size:1.08em}
.ref .side{margin-top:18px}
.chat{position:relative}
.msg{background:var(--ground);border-radius:6px 22px 22px 22px;padding:20px 22px;font-size:16px;line-height:1.5;position:relative;-webkit-user-select:text;user-select:text;transform-origin:0 0;
  transition:opacity .7s var(--ease),translate 1s var(--ease),scale 1s var(--ease)}
.js .chat:not(.sent) .msg{opacity:0;translate:0 18px;scale:.94}
.typing{position:absolute;left:0;top:0;display:flex;gap:5px;align-items:center;background:var(--ground);border-radius:6px 18px 18px 18px;padding:14px 16px;opacity:0;translate:0 10px;scale:.9;transform-origin:0 0;
  transition:opacity .45s var(--ease),translate .7s var(--ease),scale .7s var(--ease);pointer-events:none}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--dim);animation:dot 1.2s var(--ease-io) infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{translate:0 0;opacity:.45}30%{translate:0 -4px;opacity:1}}
.chat.typing-on .typing{opacity:1;translate:0 0;scale:1}
.msg-meta{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}
.copy-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.copy-ok{font-size:14.5px;color:var(--muted)}

/* ---------- final ---------- */
.final{background:var(--night);color:#fff;position:relative;overflow:hidden}
.final .wrap{position:relative;padding-block:clamp(80px,10vw,150px)}
.final .tag{color:#fff}
.final h2{margin-top:28px;font-weight:500;font-size:clamp(44px,7.6vw,124px);line-height:.92;letter-spacing:-.06em;max-width:11em}
.final h2 .serif{font-size:1.06em;letter-spacing:-.025em;color:var(--marker)}
.final-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px clamp(24px,5vw,80px);margin-top:clamp(40px,5vw,72px);align-items:end}
.oncall{list-style:none;margin:0;padding:0}
.oncall li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid var(--night-line);font-size:17px;line-height:1.4}
.oncall li::before{content:"";width:10px;height:10px;margin-top:8px;border-radius:50%;background:var(--marker)}
.contact{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.handle{position:relative;background:none;border:0;padding:0;cursor:copy;font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.045em;color:#fff;text-align:left}
.handle::after{content:attr(data-tip);position:absolute;left:100%;top:50%;margin-left:14px;translate:0 -50%;font-size:13px;letter-spacing:0;font-weight:500;background:var(--marker);color:var(--ink);padding:4px 9px;border-radius:999px;white-space:nowrap;opacity:0;scale:.8;transition:opacity .4s var(--ease),scale .6s var(--ease)}
.handle:hover::after,.handle.ok::after{opacity:1;scale:1}
.contact small{font-size:14px;color:var(--night-muted)}
.float{position:absolute;display:block;border-radius:50%;border:3px solid var(--night);box-shadow:0 0 0 1px var(--night-line)}
.float img{width:100%;height:100%;border-radius:50%;object-fit:cover;animation:bob 9s var(--ease-io) infinite alternate}
.float--1{right:9%;top:12%;width:64px;height:64px}.float--2{right:24%;top:30%;width:48px;height:48px}
.float--3{right:5%;top:44%;width:52px;height:52px}.float--4{right:30%;top:9%;width:40px;height:40px}
.float--5{right:15%;top:60%;width:42px;height:42px}
.float--2 img{animation-delay:-3s;animation-duration:11s}.float--3 img{animation-delay:-6s}.float--4 img{animation-delay:-2s;animation-duration:12s}.float--5 img{animation-delay:-8s;animation-duration:10s}
@keyframes bob{from{translate:0 -6px}to{translate:0 6px}}

footer{background:var(--night);color:var(--night-muted);font-size:14px;overflow:hidden}
.fword{display:block;font-weight:700;font-size:clamp(90px,30vw,460px);line-height:.74;letter-spacing:-.075em;color:#1C1C1C;padding-left:calc(var(--gl) - .05em);white-space:nowrap;margin-bottom:-.05em;user-select:none;-webkit-user-select:none}
.js .fword .wi{transition:transform .9s var(--ease),color .6s var(--ease),opacity .9s var(--ease) var(--d,0s),translate 1.2s var(--ease) var(--d,0s),filter .9s var(--ease) var(--d,0s)}
footer .wrap{padding-block:28px 40px;border-top:1px solid var(--night-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 40px}
footer .logo{color:#fff}
footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:flex-end}
footer nav a{text-decoration:none;color:#fff;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0% 1px;transition:background-size .7s var(--ease)}
footer nav a:hover{background-size:100% 1px}
footer .legal{grid-column:1/-1;max-width:760px;line-height:1.5;font-size:13px}


/* ---------- sheets & spotlight ---------- */
.night{border-radius:clamp(28px,4vw,56px)}
.final{border-radius:clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0 0}
.night,.final,.card--night{background:radial-gradient(720px circle at var(--mx,50%) var(--my,-40%),rgba(255,255,255,.06),transparent 62%),var(--night)}
.step{position:relative}
.step::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);
  background:radial-gradient(240px circle at var(--x,-200px) var(--y,-200px),rgba(255,247,5,.85),transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.fine .flow:hover .step::before{opacity:1}
.step--last::before{display:none}

/* ---------- giant digits roll ---------- */
.giant .wi.roll{animation:roll .75s var(--ease-io)}
@keyframes roll{0%{transform:none}44%{transform:translateY(-.45em);opacity:0}45%{transform:translateY(.45em);opacity:0}100%{transform:none;opacity:1}}

/* ---------- smart guides ---------- */
.guide{position:absolute;z-index:8;background:#F24822;pointer-events:none;opacity:0;transition:opacity .18s}
.guide.on{opacity:1}
.guide.v{width:1px}.guide.h{height:1px}

/* ---------- marquee drag ---------- */
.marq{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.marq.grab{cursor:grabbing}
.marq img{pointer-events:none}

/* ---------- stacked cases ---------- */
.stacky .case{position:sticky;top:calc(84px + var(--k,0) * 20px);transform-origin:50% 0;transform:scale(calc(1 - var(--ov,0) * .05));filter:brightness(calc(1 - var(--ov,0) * .1))}

/* ---------- ticks scrub ---------- */
.ticks{touch-action:pan-y}
.ticks i.hot{background-color:var(--marker);box-shadow:inset 0 0 0 1.5px var(--ink)}
.case--night .ticks i.hot{box-shadow:none}

/* ---------- tone of voice ---------- */
.tone{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(40px,5vw,72px);background:var(--paper);border-radius:var(--r-l);padding:clamp(22px,4vw,56px)}
.tone-h{margin-top:20px;font-size:clamp(28px,3.4vw,52px);font-weight:500;letter-spacing:-.05em;line-height:1}
.tone-h .serif{font-size:1.08em}
.tone .side{margin-top:14px}
.tone-ctl{margin-top:34px}
.tone input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:grab;margin:0}
.tone input[type=range]:active{cursor:grabbing}
.tone input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--ink) 0 var(--v,10%),var(--line) var(--v,10%))}
.tone input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}
.tone input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--ink)}
.tone input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:var(--marker);border:2px solid var(--ink);box-shadow:0 8px 18px -8px rgba(0,0,0,.45);transition:scale .45s var(--ease)}
.tone input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--marker);border:2px solid var(--ink)}
.tone input[type=range]:active::-webkit-slider-thumb{scale:1.18}
.tone-scale{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:13px;color:var(--muted)}
.tone-scale span{transition:color .4s var(--ease)}
.tone-scale span.on{color:var(--ink);font-weight:500}
.tg-wrap{position:relative;background:var(--ground);border-radius:var(--r-m);padding:clamp(18px,3vw,40px);
  background-image:radial-gradient(rgba(17,17,17,.06) 1px,transparent 1.2px);background-size:14px 14px}
.tg{position:relative;background:#fff;border-radius:18px 18px 18px 6px;padding:14px 16px 10px;box-shadow:0 18px 40px -26px rgba(0,0,0,.35);max-width:460px}
.tg.shake{animation:shake .55s var(--ease)}
@keyframes shake{20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}
.tg-head{display:flex;gap:10px;align-items:center}
.tg-av{width:36px;height:36px;border-radius:50%;background:var(--sel);color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px;flex:none}
.tg-head b{display:block;font-size:14.5px;color:var(--sel);font-weight:600;line-height:1.2}
.tg-head div span{display:block;font-size:12px;color:var(--muted)}
.tg-body{display:grid;margin-top:12px}
.tg-body p{grid-area:1/1;font-size:15.5px;line-height:1.5;opacity:0;filter:blur(6px);translate:0 6px;transition:opacity .55s var(--ease),filter .55s var(--ease),translate .7s var(--ease)}
.tg-body p.on{opacity:1;filter:none;translate:0 0}
.tg-body p.ad{font-weight:700;text-transform:uppercase;letter-spacing:.01em;color:var(--red)}
.tg-foot{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:10px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.tg-foot span{display:inline-flex;align-items:center;gap:4px}
.stamp{position:absolute;right:-10px;top:-16px;border:2px solid var(--red);color:var(--red);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.92);rotate:8deg;opacity:0;scale:1.6;transition:opacity .35s var(--ease),scale .55s var(--ease)}
.tone.is-ad .stamp{opacity:1;scale:1}
.okchip{position:absolute;right:-8px;top:-13px;background:var(--sel);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;transition:opacity .35s var(--ease),scale .5s var(--ease)}
.tone.is-ad .okchip{opacity:0;scale:.8}
.trust{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;align-items:center;margin-top:20px;font-size:13px;color:var(--muted)}
.trust-bar{height:8px;border-radius:999px;background:rgba(17,17,17,.08);overflow:hidden}
.trust-bar i{display:block;height:100%;width:var(--t,90%);border-radius:inherit;background:var(--ink);transition:width .7s var(--ease),background-color .6s var(--ease)}
.tone.is-ad .trust-bar i{background:var(--red)}
.trust b{grid-column:1/-1;font-weight:500;color:var(--ink);font-size:14.5px;transition:color .4s}
.tone.is-ad .trust b{color:var(--red)}

/* ---------- your blog card ---------- */
.blog--you{cursor:default}
.blog--you .plus{aspect-ratio:auto;height:clamp(104px,9vw,140px)}
.blog--you .plus .pl{display:block;transition:rotate .9s var(--ease),opacity .4s var(--ease),scale .6s var(--ease)}
.blog--you:hover .plus .pl{rotate:90deg}
.blog--you .ini{position:absolute;inset:0;display:grid;place-items:center;font-weight:600;font-size:64px;letter-spacing:-.04em;color:var(--sel);opacity:0;scale:.6;transition:opacity .5s var(--ease),scale .7s var(--ease)}
.blog--you.has .plus .pl{opacity:0;scale:.5}
.blog--you.has .ini{opacity:1;scale:1}
.blog--you.has .ants rect{stroke:var(--sel)}
.blog--you h3{overflow-wrap:anywhere}
.yb-field{display:flex;align-items:center;gap:2px;width:100%;margin-top:16px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;background:var(--paper);cursor:text;transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}
.yb-field:focus-within{border-color:var(--sel);box-shadow:0 0 0 4px rgba(62,147,237,.16)}
.yb-field .at{color:var(--muted);font-weight:500}
.yb-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;padding:11px 0;color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yb-note{display:block;font-size:12.5px;color:var(--muted);min-height:1.3em;margin-top:8px;line-height:1.3}

/* ---------- drag tasks to «Вы» ---------- */
.card--paper{position:relative;transition:box-shadow .45s var(--ease)}
.card--paper.drop{box-shadow:0 0 0 2px var(--sel),0 0 0 10px rgba(62,147,237,.12)}
.card--paper.nope{animation:shake .55s var(--ease)}
.fine .team-grid > div{cursor:grab}
.team-grid > div.ghost{opacity:.25}
.drag-chip{position:fixed;left:0;top:0;z-index:95;pointer-events:none;background:var(--night-2);color:#fff;border:1px solid #3A3A3A;border-radius:14px;padding:12px 16px;box-shadow:0 34px 60px -20px rgba(0,0,0,.55);rotate:-3deg;
  transition:rotate .45s var(--ease)}
.drag-chip b{display:block;font-weight:500;font-size:17px}
.drag-chip span{display:block;font-size:13.5px;color:var(--night-muted);margin-top:3px}
.drag-chip.back{transition:transform .75s var(--ease),rotate .6s var(--ease),opacity .3s .55s;opacity:0}
.you-toast{position:absolute;left:50%;bottom:18px;z-index:2;translate:-50% -8px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .4s var(--ease),translate .6s var(--ease)}
.you-toast.on{opacity:1;translate:-50% 0}
.you-toast{translate:-50% 8px}
.team-hint{display:none;margin-top:18px;font-size:13px;color:var(--night-muted)}
.fine .team-hint{display:flex;align-items:center;gap:8px}
.team-hint svg{animation:nudgeL 2.6s var(--ease-io) infinite}
@keyframes nudgeL{0%,60%,100%{translate:0 0}30%{translate:-4px 0}}

/* ---------- editable message ---------- */
#msg-text{outline:none;border-radius:8px;transition:background-color .4s var(--ease),box-shadow .4s var(--ease);cursor:text}
#msg-text:hover{background:rgba(255,255,255,.5)}
#msg-text:focus{background:#fff;box-shadow:0 0 0 2px var(--sel),0 0 0 6px rgba(62,147,237,.14)}
.msg-meta .edited{color:var(--sel)}


/* ---------- lead form ---------- */
.final-grid.has-form{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}
.lead-card{position:relative;background:var(--paper);color:var(--ink);border-radius:var(--r-l);padding:clamp(22px,3vw,36px);scroll-margin-top:90px}
.lead-card h3{font-size:clamp(24px,2.4vw,34px);font-weight:600;letter-spacing:-.045em;line-height:1.05}
.lead-card .lead-sub{margin-top:8px;font-size:15px;color:var(--muted)}
.lf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.lf .full{grid-column:1/-1}
.fld{position:relative;display:block}
.fld span{display:block;font-size:13px;color:var(--muted);margin:0 0 6px 2px}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--ground);border:1.5px solid transparent;border-radius:14px;padding:13px 14px;outline:none;
  transition:border-color .35s var(--ease),background-color .35s var(--ease),box-shadow .35s var(--ease)}
.fld textarea{min-height:92px;resize:vertical}
.fld select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.fld input:hover,.fld select:hover,.fld textarea:hover{background-color:#E6E6E4}
.fld input:focus,.fld select:focus,.fld textarea:focus{background-color:var(--paper);border-color:var(--sel);box-shadow:0 0 0 4px rgba(62,147,237,.15)}
.fld.err input,.fld.err textarea{border-color:var(--red)}
.fld .msg-err{display:none;color:var(--red);font-size:12.5px;margin:6px 0 0 2px}
.fld.err .msg-err{display:block}
.consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-size:13.5px;line-height:1.45;color:var(--muted);cursor:pointer}
.consent input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border-radius:7px;border:1.5px solid var(--line);background:var(--paper);display:grid;place-items:center;cursor:pointer;transition:background-color .3s var(--ease),border-color .3s var(--ease)}
.consent input::after{content:"";width:10px;height:6px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);rotate:-45deg;translate:0 -1px;scale:0;transition:scale .35s var(--ease)}
.consent input:checked{background:var(--marker);border-color:var(--ink)}
.consent input:checked::after{scale:1}
.consent a{color:var(--ink)}
.consent.err input{border-color:var(--red)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lf-actions{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:6px}
.lf-alt{font-size:14px;color:var(--muted)}
.lf-alt a{color:var(--ink);font-weight:500}
.lf-status{grid-column:1/-1;font-size:14px;color:var(--red);min-height:0}
.lead-card .btn[disabled]{opacity:.6;pointer-events:none}
.lead-ok{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(22px,3vw,40px);border-radius:inherit;background:var(--paper);
  opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}
.lead-ok .ok-ico{width:56px;height:56px;border-radius:50%;background:var(--marker);display:grid;place-items:center;border:2px solid var(--ink);scale:.4;transition:scale .8s var(--ease) .1s}
.lead-ok h3{margin-top:22px}
.lead-ok p{margin-top:8px;font-size:16px;color:var(--muted);max-width:420px}
.lead-card.sent .lead-ok{opacity:1;pointer-events:auto}
.lead-card.sent .lead-ok .ok-ico{scale:1}
.lead-ok svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s var(--ease) .45s}
.lead-card.sent .lead-ok svg path{stroke-dashoffset:0}

/* ---------- privacy page ---------- */
.doc{max-width:760px;padding-block:clamp(40px,6vw,96px)}
.doc h1{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1}
.doc .upd{margin-top:14px;color:var(--muted);font-size:14px}
.doc h2{margin-top:40px;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.03em}
.doc p,.doc li{margin-top:12px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.doc ul{padding-left:20px}
.doc a{color:var(--ink)}
.back{display:inline-flex;margin-top:28px}

/* ---------- preview mode (admin) ---------- */
.lp-preview [data-k]{cursor:pointer}
.lp-preview [data-k]:hover{outline:1.5px dashed var(--sel);outline-offset:4px;border-radius:4px}
.lp-preview [data-k].lp-flash{outline:2px solid var(--sel);outline-offset:4px}

/* mobile sticky cta */
.mbar{display:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .now{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step{margin-top:0!important}
  .track{display:none}
  .step{min-height:0;margin-top:0!important}
  .step h3{padding-top:28px}
  .step--wide{grid-column:1/-1}
  .st-row{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .st{scroll-snap-align:start}
}
@media (max-width:900px){
  .nav{display:none}
  .case,.case--flip{grid-template-columns:minmax(0,1fr)}
  .case--flip .case-body{order:0}
  .case-body,.case--flip .case-body{padding:8px 10px 14px}
  .case-photo img{aspect-ratio:4/5}
  .case--night .case-photo img{aspect-ratio:16/15}
  .split,.pq,.founder,.ref,.final-grid,.final-grid.has-form{grid-template-columns:minmax(0,1fr)}
  .svc-row{grid-template-columns:minmax(0,1fr)}
  .qa-row{grid-template-columns:minmax(0,1fr)}
  .insight{grid-template-columns:minmax(0,1fr)}
  .tone{grid-template-columns:minmax(0,1fr)}
  .founder-photo img{aspect-ratio:4/5}
  .float{display:none}
}
@media (max-width:760px){
  body{font-size:16px}
  footer .wrap{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  .top .btn{display:none}
  .btn{font-size:15px;padding-left:20px;gap:10px}
  .top .wrap{height:60px}
  .hero{padding-bottom:40px}
  .hero-note{font-size:15px}
  .stage{margin-top:28px}
  .giant{font-size:clamp(44px,15.6vw,120px)}
  .hero-low{grid-template-columns:minmax(0,1fr);gap:0}
  .pols{order:-1;margin-top:60px}
  .pol--d{right:47%;top:22%}
  .pol figcaption{font-size:11px}
  .selbox b,.selbox em,.hint{font-size:10.5px}
  .hint{right:10px}
  .cur{display:none}
  .hero-foot{margin-top:40px}
  .case-sum{font-size:clamp(40px,13.5vw,72px)}
  .meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meta div:nth-child(3){padding-left:0;border-left:0}
  .meta div:nth-child(n+3){border-top:1px solid var(--line)}
  .case--night .meta div:nth-child(n+3){border-color:var(--night-line)}
  .ticks i{height:32px}
  .team-grid{grid-template-columns:minmax(0,1fr)}
  .stat{grid-template-columns:minmax(0,1fr);gap:10px}
  .stat .v{text-align:left;order:-1}
  .stat:hover .v{translate:0 0}
  .facts li{grid-template-columns:minmax(0,1fr);gap:6px}
  .day{padding-top:44px}
  footer .wrap{grid-template-columns:minmax(0,1fr)}
  footer nav{justify-content:flex-start}
  .handle::after{display:none}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:65;padding:10px var(--gr) calc(10px + env(safe-area-inset-bottom,0px)) var(--gl);background:rgba(237,237,237,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    transition:translate .7s var(--ease)}
  .mbar.away{translate:0 120%}
  .mbar .btn{width:100%;justify-content:space-between}
}
@media (max-width:560px){
  .now{grid-template-columns:minmax(0,1fr)}
  .blog{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:4px;padding:10px}
  .blog .av{grid-row:1/span 5;width:96px;border-radius:var(--r-s);align-self:start}
  .blog h3{margin-top:6px;font-size:19px}
  .blog .n{margin-top:8px;font-size:14.5px}
  .blog .s{margin-top:10px;padding-top:10px}
  .live{padding-top:10px;margin-top:0}
  .blog--you{display:flex;padding:20px}
  .blog--you .plus{aspect-ratio:auto;height:96px;font-size:64px}
  .flow{grid-template-columns:minmax(0,1fr)}
  .lf{grid-template-columns:minmax(0,1fr)}
  .tone-scale{font-size:12px}
  .stamp{right:-4px}
  .okchip{right:-2px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
  html:not(.lenis){scroll-behavior:auto}
}