:root{
  --night:#06111C; --navy:#041D33; --steel:#9AA9BB; --white:#F2F5F9; --tape:#E8BB00; --tape-ink:#161100;
  --paper:#F4F2EC; --paper-ink:#141B22;
  --f-display:"M PLUS Rounded 1c","Arial Rounded MT Bold",sans-serif; --f-text:"Golos Text",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace; --f-hand:"Caveat",cursive;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.1 -.35'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
.slide{color:var(--white);font:400 28px/1.45 var(--f-text);padding:96px 112px}
.slide h1,.slide h2{font-family:var(--f-display);font-weight:800;line-height:1.06;letter-spacing:-.015em}
.slide h2{font-size:92px}
.slide p{max-width:30em}
.foot-l,.foot-r{position:absolute;bottom:44px;font-size:18px;color:var(--steel)}
.foot-l{left:112px}.foot-r{right:112px;font-variant-numeric:tabular-nums}
.on-light .foot-l,.on-light .foot-r{color:#4b5560}
.muted{color:var(--steel)}
.tape-strip{display:inline-block;background:rgba(232,187,0,.9) var(--noise);background-blend-mode:multiply;color:#15140F;font:600 40px/1 var(--f-hand);padding:8px 26px 4px 30px;transform:rotate(-3deg);box-shadow:0 4px 10px rgba(0,0,0,.35);clip-path:polygon(0 0,100% 6%,97% 30%,100% 55%,96% 78%,100% 100%,0 94%)}

/* 1 обложка */
.s-cover{padding:0;background:var(--night)}
.s-cover .ph{position:absolute;top:0;right:0;bottom:0;width:1240px;background:url(../assets/v2/hero.webp) 50% 40%/cover}
.s-cover .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,rgba(6,17,28,0) 40%),linear-gradient(0deg,var(--night) 0%,rgba(6,17,28,0) 40%)}
.s-cover .logo{position:absolute;left:112px;top:96px;width:400px}
.s-cover h1{position:absolute;left:112px;bottom:190px;font-size:180px}
.s-cover .sub{position:absolute;left:118px;bottom:110px;font-size:28px;color:#C9D2DC;max-width:none}

/* 2 идея */
.s-idea{background:var(--navy);display:flex;flex-direction:column;justify-content:center}
.s-idea h2{font-size:121px}
.s-idea p{margin-top:56px;font-size:36px;color:#DCE3EA;max-width:26em}

/* 3 страхи */
.s-fears h2{font-size:79px;max-width:14em}
.fears{margin-top:60px;display:grid;grid-template-columns:560px 1fr;column-gap:80px}
.fears div{padding:22px 0;border-top:1px solid rgba(214,228,245,.16);font-size:29px}
.fears .q{color:var(--steel)}

/* 4 ценности */
.s-values h2{font-size:79px}
.values{margin-top:80px;display:grid;grid-template-columns:repeat(5,1fr);gap:40px}
.values h3{font:800 44px/1.1 var(--f-display);margin-bottom:22px}
.values p{font-size:24px;color:#DCE3EA}
.values small{display:block;margin-top:18px;font-size:19px;color:var(--steel);line-height:1.4}

/* 5–7 логотип */
.s-logo{background:var(--navy);display:grid;place-items:center}
.s-logo img{width:1180px}
.s-logo .note{position:absolute;left:112px;bottom:100px;font-size:24px;color:#C9D2DC;max-width:36em}
.panels{position:absolute;inset:96px 112px 120px;display:grid;gap:24px}
.p2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.p4{grid-template-columns:repeat(4,1fr)}
.panel{position:relative;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.panel img{width:62%}
.panel .cap{position:absolute;left:28px;bottom:22px;font-size:20px;color:#C9D2DC}
.pl-navy{background:var(--navy)}.pl-paper{background:var(--paper)}.pl-paper .cap{color:#4b5560}
.pl-photo{background:url(../assets/v2/hero.webp) 50% 40%/cover}
.pl-photo::before{content:"";position:absolute;inset:0;background:rgba(4,29,51,.6)}
.pl-photo img{position:relative}
.pl-mark img{width:30%}
.dont .panel{background:#0B1E31;align-content:center}
.dont .panel>div{position:relative;width:86%;height:220px;border-radius:8px;background:var(--navy);display:grid;place-items:center;overflow:hidden}
.dont .panel>div::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 2px),rgba(255,90,90,.8) 50%,transparent calc(50% + 2px))}
.dont .panel>div img{width:80%}
.dont .panel p{margin-top:26px;font-size:22px;color:#C9D2DC;text-align:center;max-width:14em}
.s-dont h2,.s-versions h2{position:absolute;left:112px;top:84px;font-size:62px}
.s-versions .panels,.s-dont .panels{top:210px}

/* 8 цвет */
.s-color{padding:0;display:flex}
.s-color .f{position:relative;height:100%;padding:96px 40px 120px;display:flex;flex-direction:column;justify-content:flex-end}
.s-color .f b{font:800 38px/1.1 var(--f-display)}
.s-color .f span{margin-top:14px;font-size:21px;line-height:1.35}
.s-color .f code{margin-top:18px;font:500 20px/1 var(--f-mono)}
.f-night{flex:38;background:var(--night)}
.f-navy{flex:24;background:var(--navy)}
.f-white{flex:16;background:var(--white);color:var(--navy)}
.f-steel{flex:12;background:var(--steel);color:var(--navy)}
.f-tape{flex:10;background:var(--tape) var(--noise);background-blend-mode:multiply;color:var(--tape-ink)}
.s-color h2{position:absolute;left:112px;top:84px;font-size:79px;z-index:2}

/* 9 шрифты */
.s-type{display:grid;grid-template-columns:780px 1fr;gap:80px;align-items:center}
.s-type .big{font:900 380px/.9 var(--f-display);color:var(--white)}
.s-type .roles{display:grid;gap:44px}
.s-type .roles div{padding-top:22px;border-top:1px solid rgba(214,228,245,.16)}
.s-type .roles small{display:block;font-size:20px;color:var(--steel);margin-bottom:10px}
.s-type .r1{font:800 46px/1.15 var(--f-display)}
.s-type .r2{font:400 34px/1.35 var(--f-text)}
.s-type .r3{font:500 46px/1 var(--f-mono);color:var(--tape)}

/* 10 контур */
.s-contour{padding:0}
.s-contour svg{position:absolute;inset:0;width:100%;height:100%}
.s-contour .c-whole{fill:none;stroke:#DCE3EA;stroke-width:4;stroke-dasharray:14 14}
.s-contour .c-local{fill:none;stroke:var(--tape);stroke-width:6;stroke-dasharray:16 12}
.s-contour .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,28,.92) 0%,rgba(6,17,28,.6) 30%,rgba(6,17,28,0) 55%)}
.s-contour .txt{position:absolute;left:112px;bottom:130px;max-width:700px}
.s-contour h2{font-size:86px}
.s-contour p{margin-top:28px;font-size:27px;color:#DCE3EA}

/* 11 код краски */
.s-code{background:var(--navy);display:grid;grid-template-columns:620px 1fr;gap:80px;align-items:center}
.s-code h2{font-size:86px}
.s-code p{margin-top:28px;font-size:27px;color:#DCE3EA}
.code-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.code-photos figure:nth-child(2){margin-top:70px}
.code-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;display:block}
.code-photos figcaption{margin-top:16px;font-size:21px;color:#B4C3D4;line-height:1.35}
.code-photos figcaption b{display:block;font-size:24px;color:var(--white);font-weight:600}

/* 12 прибор */
.s-gauge{padding:0;background:url(../assets/v2/side.webp) 50% 50%/cover}
.s-gauge::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,28,.95) 0%,rgba(6,17,28,.75) 40%,rgba(6,17,28,.2) 100%)}
.s-gauge .in{position:absolute;left:112px;top:50%;transform:translateY(-50%)}
.s-gauge .read{display:flex;align-items:baseline;gap:20px;font-family:var(--f-mono);color:var(--tape)}
.s-gauge .read b{font-size:280px;line-height:.9;font-weight:500}
.s-gauge .read span{font-size:64px}
.s-gauge .ruler{width:900px;height:44px;margin-top:20px;position:relative;background:repeating-linear-gradient(90deg,rgba(242,245,249,.55) 0 2px,transparent 2px 30px) bottom/100% 18px no-repeat,repeating-linear-gradient(90deg,rgba(242,245,249,.85) 0 2px,transparent 2px 150px) bottom/100% 40px no-repeat}
.s-gauge .ruler i{position:absolute;bottom:-4px;left:61%;width:5px;height:54px;background:var(--tape)}
.s-gauge p{margin-top:48px;font-size:28px;color:#DCE3EA;max-width:26em}

/* 13 скотч */
.s-tape{display:grid;grid-template-columns:1fr 820px;gap:72px;align-items:center}
.s-tape h2{font-size:86px}
.s-tape p{margin-top:28px;font-size:27px;color:#DCE3EA}
.s-tape .photo{position:relative;height:780px;border-radius:6px;overflow:hidden;background:url(../assets/v2/g-masked.webp) 50% 50%/cover}
.s-tape .photo .tape-strip{position:absolute;left:-10px;top:40px}
.s-tape .photo .tape-strip.t2{left:auto;right:40px;top:auto;bottom:60px;transform:rotate(2deg)}

/* 14 фото */
.s-photo h2{font-size:79px}
.s-photo .grid{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.s-photo figure{border-radius:6px;overflow:hidden;background:var(--navy)}
.s-photo figure img{width:100%;height:330px;object-fit:cover;display:block}
.s-photo figcaption{padding:16px 18px;font-size:21px;color:#C9D2DC}
.s-photo ul{margin-top:44px;columns:2;column-gap:80px;list-style:none}
.s-photo li{padding:12px 0;border-top:1px solid rgba(214,228,245,.16);font-size:23px;color:#C9D2DC;break-inside:avoid}
.s-photo li b{color:var(--white);font-weight:500}

/* 15 голос */
.s-voice h2{font-size:79px}
.say{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:96px}
.say h3{font:600 26px/1 var(--f-text);margin-bottom:18px}
.say .ok h3{color:var(--tape)}.say .no h3{color:var(--steel)}
.say li{list-style:none;padding:16px 0;border-top:1px solid rgba(214,228,245,.16);font-size:30px}
.say .no li{color:var(--steel);text-decoration:line-through;text-decoration-color:rgba(154,169,187,.5)}

/* 16 носители */
.s-apps{display:grid;grid-template-columns:1fr 330px 360px;gap:56px;align-items:center}
.s-apps h2{position:absolute;left:112px;top:84px;font-size:62px}
.s-apps .browser{margin-top:120px;border-radius:14px;overflow:hidden;background:#0B0F14;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.s-apps .browser .bar{height:44px;display:flex;align-items:center;gap:10px;padding:0 18px;background:#121A23}
.s-apps .browser .bar i{width:13px;height:13px;border-radius:50%;background:#2A3644}
.s-apps .browser .bar span{margin-left:16px;font-size:17px;color:var(--steel)}
.s-apps .browser img{width:100%;display:block}
.s-apps .phone{margin-top:120px;border-radius:44px;padding:12px;background:#0B0F14;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.s-apps .phone img{width:100%;border-radius:34px;display:block}
.s-apps .ava{margin-top:120px;display:grid;gap:30px;justify-items:center;text-align:center}
.s-apps .ava .circ{width:260px;height:260px;border-radius:50%;background:var(--navy);display:grid;place-items:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.s-apps .ava .circ img{width:72%}
.s-apps .cap{margin-top:18px;font-size:20px;color:var(--steel);text-align:center}

/* 17 финал */
.s-end{background:var(--tape) var(--noise);background-blend-mode:multiply;color:var(--navy);display:flex;flex-direction:column;justify-content:center}
.s-end h2{font-size:173px;color:var(--navy)}
.s-end p{margin-top:48px;font-size:34px;font-weight:500;color:#0C2238}
.s-end .foot-l,.s-end .foot-r{color:#3a3410}