/* oye v6 — главная (на основе v5). Технологичная пара: Space Grotesk (латиница, цифры) + Medeo Sans/Mono (кириллица, текст, метки). */
@font-face{font-family:"Space Grotesk";src:url(fonts/space-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212}
@font-face{font-family:Medeo;src:url(fonts/MedeoSansVariable.latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-21FF}
@font-face{font-family:Medeo;src:url(fonts/MedeoSansVariable.cyrillic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:"Medeo Mono";src:url(fonts/MedeoMonoVariable.latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF}
@font-face{font-family:"Medeo Mono";src:url(fonts/MedeoMonoVariable.cyrillic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-04FF,U+2116}

@property --bg{syntax:"<color>";inherits:true;initial-value:#0b0b0c}
@property --fg{syntax:"<color>";inherits:true;initial-value:#eef0f2}
:root{
  --ink:#0b0b0c;--paper:#e8eaed;--white:#eef0f2;
  --bg:var(--ink);--fg:var(--white);
  --mute:color-mix(in srgb,var(--fg) 56%,transparent);
  --line:color-mix(in srgb,var(--fg) 14%,transparent);
  --soft:color-mix(in srgb,var(--fg) 5%,transparent);
  --p1:#A9CFC9;--p2:#C3B6DA;--p3:#D9BFB0;
  --pad:16px;--ease:cubic-bezier(.2,.75,.15,1);
  --display:"Space Grotesk",Medeo,system-ui,sans-serif;--sans:Medeo,system-ui,sans-serif;--mono:"Medeo Mono",ui-monospace,monospace;
  transition:--bg 1.6s var(--ease),--fg 1.6s var(--ease);
}
:root[data-tone=light]{--bg:#181b1f}
@media(min-width:800px){:root{--pad:40px}}
*,*::before,*::after{box-sizing:border-box}*{margin:0}
html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--bg);color:var(--fg);font:400 17px/1.55 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main,.foot{overflow-x:clip}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
::selection{background:var(--p2);color:var(--ink)}
:focus-visible{outline:1px solid var(--p2);outline-offset:4px}
.mono{font-family:var(--mono);font-size:12px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--fg);color:var(--bg);padding:8px 12px}.skip:focus{left:8px}
.hide-m{display:none}@media(min-width:800px){.hide-m{display:inline}.show-m{display:none}}
em{font-style:normal;font-weight:inherit;color:color-mix(in srgb,var(--fg) 42%,transparent)}

/* chrome: металл + перламутровый блик в точке курсора */
.chrome{--hx:30%;--hy:40%;
  background-image:radial-gradient(28% 70% at var(--hx) var(--hy),#fff 0,var(--p2) 22%,var(--p1) 38%,transparent 62%),radial-gradient(40% 90% at calc(var(--hx) + 18%) calc(var(--hy) + 20%),var(--p3) 0,transparent 55%),linear-gradient(176deg,#f6f7f8 0%,#b9bec4 46%,#7d8389 54%,#d9dde1 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.08em}

/* кнопки и ссылки */
.pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:99px;background:var(--fg);color:var(--bg);font:500 15px var(--sans);overflow:hidden;isolation:isolate;white-space:nowrap}
.pill::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,var(--p1),var(--p2),var(--p3));transform:translateY(101%);transition:transform .5s var(--ease)}
.pill:hover::before{transform:none}.pill:hover{color:var(--ink)}
.pill span{display:inline-block}
.pill--sm{min-height:40px;padding:0 18px;font-size:14px}.pill--lg{min-height:62px;padding:0 40px;font-size:16px}
.link{display:inline-flex;gap:10px;align-items:center;font-size:15px;position:relative;padding:6px 0}
.link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--ease)}
.link:hover::after{transform:scaleX(0)}.link .arr{transition:transform .4s var(--ease)}.link:hover .arr{transform:translateX(4px)}

/* навигация */
.nav{position:fixed;inset:0 0 auto;z-index:60;transition:transform .5s var(--ease),background .4s,border-color .4s;border-bottom:1px solid transparent}
.nav.is-solid{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line)}
.nav.is-hidden{transform:translateY(-101%)}
.nav__in{display:flex;align-items:center;gap:24px;height:68px;padding:0 var(--pad)}
.logo{font:600 24px/1 var(--display);letter-spacing:-.05em}
.nav__tag{display:none;color:var(--mute)}
.nav__links{display:none;gap:30px;margin-left:auto;font-size:15px}
.nav__links a{position:relative;color:var(--mute);transition:color .3s}.nav__links a:hover{color:var(--fg)}
.nav .pill--sm{display:none}
.burger{margin-left:auto;height:40px;padding:0 16px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px}
@media(min-width:960px){.nav__tag{display:block}.nav__links{display:flex}.nav .pill--sm{display:inline-flex}.burger{display:none}}
.menu{position:fixed;inset:0;z-index:55;background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:96px var(--pad) 32px;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease);pointer-events:none}
.menu.is-open{clip-path:inset(0);pointer-events:auto}
.menu nav a{display:flex;align-items:baseline;gap:14px;font:500 clamp(38px,11vw,64px)/1.08 var(--display);letter-spacing:-.045em;padding:6px 0;border-bottom:1px solid #ffffff1a}
.menu nav a i{font-style:normal;color:#ffffff80;transform:translateY(-.8em)}
.menu__foot{display:flex;justify-content:space-between;gap:16px;color:#ffffffa0}

/* лоадер */
.loader{position:fixed;inset:0;z-index:100;background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--pad);pointer-events:none}
html:not(.js) .loader,html.seen .loader{display:none}
.loader__word{display:flex;overflow:hidden;font:600 clamp(80px,22vw,320px)/.9 var(--display);letter-spacing:-.07em;padding-bottom:.18em;margin-bottom:-.18em}
.loader__word span{display:inline-block}
.loader__bar{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:12px;margin-top:20px;color:#ffffffa0}

/* курсор */
.cursor{position:fixed;left:0;top:0;z-index:90;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--white);mix-blend-mode:difference;pointer-events:none;display:none;align-items:center;justify-content:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .3s}
.cursor__label{font:500 12px var(--sans);color:var(--ink);opacity:0;transition:opacity .2s;white-space:nowrap}
.cursor.is-link{width:44px;height:44px;margin:-22px 0 0 -22px}
.cursor.is-label{width:104px;height:104px;margin:-52px 0 0 -52px;mix-blend-mode:normal;background:linear-gradient(135deg,var(--p1),var(--p2),var(--p3))}
.cursor.is-label .cursor__label{opacity:1}
@media(hover:hover) and (pointer:fine){.has-cursor .cursor{display:flex}}

/* общие секции */
.sec{position:relative;padding:96px var(--pad)}
@media(min-width:800px){.sec{padding:160px var(--pad)}}
.display{font:500 clamp(38px,6.4vw,104px)/.96 var(--display);letter-spacing:-.045em}

.head{display:grid;gap:22px;margin-bottom:56px}
.head__idx{color:var(--mute)}
.head__aside{color:var(--mute);max-width:30em;font-size:17px}
@media(min-width:960px){
  .head{grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:28px;margin-bottom:96px;align-items:end}
  .head__idx{grid-column:1/4;align-self:start;padding-top:1.2em}
  .head .display{grid-column:4/13}
  .head__aside{grid-column:8/12;margin-top:10px}
  .head .filters{grid-column:4/13}
  .head--slim{margin-bottom:40px}
}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .14em;margin:0 -.02em -.14em}
[data-split] .w>span{display:inline-block}

/* 1 · hero */
.hero{min-height:100svh;padding:88px var(--pad) 24px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.hero__top{display:flex;justify-content:space-between;gap:16px;color:var(--mute);padding-top:8px;border-top:1px solid var(--line)}
.hero__title{font:500 15.6vw/.92 var(--display);letter-spacing:-.055em;display:flex;flex-direction:column}
.ln{display:block;overflow:hidden;padding:.02em 0 .2em;margin-bottom:-.2em}
.ln__i{display:inline-block;will-change:transform}
.ln--2{padding-left:0}.ln--3{text-align:right}

@media(min-width:800px){.ln--2{padding-left:22%}.hero__title{font-size:11.4vw;line-height:.9}}
.hero__foot{display:grid;gap:28px}
@media(max-width:959px){.hero__title{margin-top:auto}.hero__foot{margin-top:8px}}
.hero__lead p{font-size:clamp(18px,1.6vw,22px);line-height:1.45;max-width:24em;color:color-mix(in srgb,var(--fg) 80%,transparent)}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:24px}
.hero__status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:var(--mute);padding-top:14px;border-top:1px solid var(--line)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--p1);margin-right:10px;vertical-align:1px;box-shadow:0 0 0 0 #A9CFC966;animation:ping 2.4s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px #A9CFC900}100%{box-shadow:0 0 0 0 #A9CFC900}}
@media(min-width:960px){
  .hero{padding-top:108px}
  .hero__title{margin-top:-1vw}
  .hero__foot{grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end}
  .hero__lead{grid-column:1/6;margin-top:-18vw}
  .hero__status{grid-column:1/13}
}

/* лента экранов */
.reel{padding:24px 0 40px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.reel__row{display:flex;gap:14px;width:max-content;will-change:transform}
.reel__row img{height:clamp(220px,30vw,420px);width:auto;border-radius:12px;box-shadow:0 0 0 1px var(--line);background:#141416}
.reel__row--b{margin-left:-30vw}
.reel__cap{color:var(--mute);padding:6px var(--pad) 0}

/* 2 · флагман */
.flag{display:grid;gap:40px;padding:clamp(24px,4vw,56px);border-radius:28px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:24px;position:relative;overflow:hidden}
.flag__k{color:var(--mute);margin-bottom:18px}
.flag__title{font:500 clamp(42px,5.6vw,88px)/.94 var(--display);letter-spacing:-.045em}
.flag__flow{margin:26px 0 18px;color:var(--fg)}.flag__flow span{color:var(--mute);margin:0 6px}
.flag__lead{color:color-mix(in srgb,var(--fg) 78%,transparent);max-width:28em;margin-bottom:22px;font-size:18px}
@media(min-width:960px){.flag{grid-template-columns:1fr 1.05fr;align-items:center;gap:64px}}
.plan{background:var(--white);color:var(--ink);border-radius:16px;padding:20px;box-shadow:0 40px 80px -40px #000;transform:rotate(-1.2deg)}
.plan__head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #0b0b0c1f;color:#0b0b0c99}
.plan__cols{display:grid;gap:18px;padding:18px 0}
@media(min-width:560px){.plan__cols{grid-template-columns:repeat(3,1fr);gap:14px}}
.plan__k{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;color:#0b0b0c99}
.plan__i{font-size:14px;line-height:1.35;padding:10px 12px;margin-bottom:8px;border-radius:10px;background:#0b0b0c0a;box-shadow:inset 0 0 0 1px #0b0b0c14}
.plan__col--no .plan__i{color:#0b0b0c80;background:transparent;box-shadow:inset 0 0 0 1px #0b0b0c1f}
.plan__col--no s{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 55%/var(--strike,100%) 1px no-repeat}
.plan__note{font-size:13px;color:#0b0b0c99;padding-top:12px;border-top:1px solid #0b0b0c1f}

/* 2 · индекс направлений */
.index{list-style:none;padding:0;border-top:1px solid var(--line);counter-reset:r}
.row{border-bottom:1px solid var(--line);position:relative}
.row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--p1),var(--p2),var(--p3));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.row:hover::after,.row.is-open::after{transform:scaleX(1)}
.row__h{display:grid;grid-template-columns:36px 1fr 28px;gap:6px 12px;width:100%;text-align:left;padding:24px 0;align-items:baseline}
.row__n{color:var(--mute);grid-row:1}
.row__t{font:500 clamp(26px,2.7vw,44px)/1.05 var(--display);letter-spacing:-.035em;transition:transform .6s var(--ease),font-style .3s}
.row__v{grid-column:2;color:var(--mute);font-size:15px}
.row__m{grid-column:2;color:var(--fg)}
.row__x{grid-column:3;grid-row:1;width:20px;height:20px;position:relative;align-self:center}
.row__x::before,.row__x::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform .5s var(--ease)}
.row__x::after{transform:rotate(90deg)}.row.is-open .row__x::after{transform:rotate(0)}
.row:hover .row__t{transform:translateX(14px)}
@media(min-width:960px){
  .row__h{grid-template-columns:70px 1.7fr 1fr 130px 28px;column-gap:24px;align-items:center;padding:34px 0}
  .row__v,.row__m{grid-column:auto}.row__m{text-align:right}.row__x{grid-column:5}
}
.row__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.row.is-open .row__p{grid-template-rows:1fr}
.row__p>div{overflow:hidden;display:grid;gap:18px;padding-left:48px}
@media(min-width:960px){.row__p>div{padding-left:82px;grid-template-columns:1.3fr 1fr;align-items:end}}
.row__list{list-style:none;padding:0 0 28px;display:flex;flex-wrap:wrap;gap:8px}
.row__list li{padding:8px 14px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px}
.row__p .link{margin-bottom:28px;justify-self:start}

/* 3 · шаги */
.steps{position:relative;display:grid;gap:40px;padding-left:28px}
.steps__line{position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:var(--line)}
.steps__line i{position:absolute;inset:0;background:var(--fg);transform-origin:top;transform:scaleY(0)}
.step{position:relative}
.step::before{content:"";position:absolute;left:-28px;top:.7em;width:9px;height:9px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1px var(--fg)}
.step__n{display:block;font:500 clamp(48px,5vw,80px)/.9 var(--display);letter-spacing:-.05em;margin-bottom:14px}
.step h3{font:400 22px/1.2 var(--sans);letter-spacing:-.01em;margin-bottom:8px;max-width:12em}
.step p{color:var(--mute);font-size:15px;max-width:22em}
.steps__note{margin-top:56px;font:500 clamp(24px,2.8vw,40px)/1.15 var(--display);letter-spacing:-.03em}
.steps__note .mono{display:block;margin-bottom:10px;color:var(--mute)}
@media(min-width:960px){
  .steps{grid-template-columns:repeat(4,1fr);gap:24px;padding:40px 0 0}
  .steps__line{left:0;right:0;top:0;bottom:auto;width:auto;height:1px}
  .steps__line i{transform-origin:left;transform:scaleX(0)}
  .step::before{left:0;top:-44px}
  .steps__note{margin-left:calc(25% + 6px)}
}

/* 4 · работы */
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filter{min-height:40px;padding:0 16px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--mute);transition:background .3s,color .3s}
.filter sup{font-family:var(--mono);font-size:10px;margin-left:2px}
.filter.is-on{background:var(--fg);color:var(--bg)}
.works{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad)*-1);padding:8px var(--pad) 24px;scrollbar-width:none}
.works::-webkit-scrollbar{display:none}
.work{flex:0 0 min(74vw,330px);scroll-snap-align:start;display:flex;flex-direction:column;gap:18px;transition:opacity .4s,filter .4s}
.work.is-off{opacity:.14;filter:grayscale(1);pointer-events:none}
@media(min-width:960px){.works{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;overflow:visible;margin:0;padding:0}.work:nth-child(2n){margin-top:90px}}
.device{position:relative;aspect-ratio:9/19;border-radius:38px;padding:9px;background:linear-gradient(150deg,#3a3d42,#141518 40%,#2b2d31 70%,#0d0e10);box-shadow:0 0 0 1px #ffffff1f,0 50px 80px -50px #000}
.device::after{content:"";position:absolute;left:50%;top:15px;width:24%;height:17px;border-radius:99px;background:#000;transform:translateX(-50%);z-index:2}
.device__screen{position:relative;height:100%;border-radius:30px;overflow:hidden;background:#050506}
.device__bar{position:absolute;inset:0 0 auto;height:34px;display:flex;justify-content:space-between;align-items:center;padding:2px 22px 0 26px;font:600 11px var(--sans);color:#fff;z-index:1}
.device__bar i{width:22px;height:9px;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffffb0;position:relative}.device__bar i::after{content:"";position:absolute;inset:2px 5px 2px 2px;background:#fff;border-radius:1px}
.device__view{position:absolute;inset:34px 0 0;overflow:hidden}
.device__screen img{width:100%;height:auto;will-change:transform}
.work__cap .mono{color:var(--mute)}
.work__cap h3{font:500 clamp(26px,2.4vw,36px)/1.05 var(--display);letter-spacing:-.035em;margin:8px 0 6px}
.work__d{font-size:14px;color:var(--mute)}
.works__note{margin-top:48px;color:var(--mute);text-align:center}
/* telegram-бот */
.tg{position:absolute;inset:0;background:#0e1621;color:#e9eef3;font:400 12.5px/1.38 var(--sans);display:flex;flex-direction:column}
.tg__top{display:flex;gap:10px;align-items:center;padding:42px 14px 12px;background:#17212b}
.tg__top b{display:block;font-weight:600;font-size:13px}.tg__top small{color:#7f91a4;font-size:11px}
.tg__av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,var(--p1),var(--p2));color:var(--ink);font-weight:600}
.tg__feed{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px 10px 14px;overflow:hidden}
.msg{max-width:86%;padding:8px 10px;border-radius:12px;background:#182533}
.msg--in{border-bottom-left-radius:4px}
.msg--out{align-self:flex-end;background:#2b5278;border-bottom-right-radius:4px}
.msg--note{align-self:center;max-width:94%;background:#ffffff14;font-size:11.5px;text-align:center;border-radius:10px}
.kb{display:flex;flex-wrap:wrap;gap:5px}.kb span{flex:1;text-align:center;padding:7px 6px;border-radius:8px;background:#ffffff12;font-size:11.5px;white-space:nowrap}
.kb .is-pick{background:#ffffff2e}

/* 5 · манифест */
.manifest{font:500 clamp(30px,4.6vw,74px)/1.06 var(--display);letter-spacing:-.04em;max-width:18em}
.manifest__k{color:var(--fg)}
.manifest .word{display:inline}
.theses{display:grid;gap:0;margin-top:88px;border-top:1px solid var(--line)}
.thesis{padding:28px 0;border-bottom:1px solid var(--line);display:grid;gap:8px}
.thesis .mono{color:var(--mute)}
.thesis h3{font:500 clamp(22px,2vw,30px)/1.15 var(--display);letter-spacing:-.03em}
.thesis p{color:var(--mute);font-size:15px;max-width:24em}
@media(min-width:960px){.theses{grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.thesis{border-bottom:0;padding:32px 28px 40px 0}.thesis+.thesis{padding-left:28px;border-left:1px solid var(--line)}}

/* 6 · цены */
.prices{border-top:1px solid var(--line)}
.price{display:grid;gap:14px;padding:30px 0;border-bottom:1px solid var(--line)}
.price h3{font:400 22px/1.2 var(--sans);letter-spacing:-.01em;margin-bottom:6px}
.price p{color:var(--mute);font-size:15px;max-width:30em}
.price__v b{display:block;font:500 clamp(46px,5.2vw,84px)/.92 var(--display);letter-spacing:-.05em}
.price__v b.sm{font-size:clamp(26px,2.6vw,40px);line-height:1.05;letter-spacing:-.035em}
.price__v small{display:block;margin-top:10px;font:400 13px var(--mono);color:var(--mute);letter-spacing:.02em}
.prices__note{margin-top:22px;color:var(--mute)}
@media(min-width:960px){.price{grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;padding:40px 0}.price>div:first-child{grid-column:4/9}.price__v{grid-column:9/13;text-align:right}.prices__note{margin-left:25%}}

/* 7 · Lab */
.lab{list-style:none;padding:0;display:grid;gap:14px}
.lab__i{position:relative;padding:26px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px;min-height:260px;overflow:hidden}
.lab__i::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 14px,var(--soft) 14px 15px);opacity:.8;pointer-events:none}
.lab__i>*{position:relative}.lab__i .mono{color:var(--mute)}
.lab__i h3{font:500 clamp(24px,2.2vw,32px)/1.1 var(--display);letter-spacing:-.03em}
.lab__i p{color:var(--mute);font-size:15px}
.lab__s{margin-top:auto}
@media(min-width:960px){.lab{grid-template-columns:repeat(3,1fr);gap:24px}}

/* 9 · FAQ */
.faq{display:grid;gap:40px}
@media(min-width:960px){.faq{grid-template-columns:repeat(12,1fr);column-gap:24px}.faq__head{grid-column:1/6;position:sticky;top:120px;align-self:start}.faq__list{grid-column:6/13}.faq__head .head__idx{margin-bottom:24px}}
.faq__head .head__idx{margin-bottom:18px}
.faq__list{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa__q{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;padding:24px 0;font:400 clamp(19px,1.7vw,24px)/1.25 var(--sans);letter-spacing:-.01em}
.qa__q i{flex:0 0 18px;height:18px;position:relative}
.qa__q i::before,.qa__q i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform .5s var(--ease)}
.qa__q i::after{transform:rotate(90deg)}.qa.is-open .qa__q i::after{transform:rotate(0)}
.qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.qa.is-open .qa__a{grid-template-rows:1fr}
.qa__a p{overflow:hidden;color:var(--mute);max-width:36em}
.qa.is-open .qa__a p{padding-bottom:26px}

/* 10 · заявка */
.cta__title{max-width:12em;margin-bottom:72px}
.cta__grid{display:grid;gap:64px}
@media(min-width:960px){.cta__grid{grid-template-columns:repeat(12,1fr);column-gap:24px}.form{grid-column:1/8}.direct{grid-column:9/13}}
.form{display:grid;gap:30px}
.field{position:relative}
.field input{width:100%;font:400 20px var(--sans);color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line);padding:26px 0 12px;border-radius:0;transition:border-color .3s}
.field input:focus{outline:0;border-color:var(--fg)}
.field label{position:absolute;left:0;top:26px;color:var(--mute);font-size:20px;transition:transform .35s var(--ease),font-size .35s var(--ease);transform-origin:left;pointer-events:none}
.field input:focus+label,.field input:not(:placeholder-shown)+label{transform:translateY(-24px) scale(.62)}
.chips{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips legend{color:var(--mute);font-size:14px;margin-bottom:12px;padding:0}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;inset:0}
.chips span{display:inline-flex;min-height:42px;align-items:center;padding:0 16px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;transition:background .3s,color .3s,box-shadow .3s}
.chips input:checked+span{background:var(--fg);color:var(--bg)}
.chips input:focus-visible+span{box-shadow:inset 0 0 0 1px var(--p2)}
.hp{position:absolute;left:-9999px}
.form .pill{justify-self:start}
.form__msg{font-size:15px;color:var(--mute);min-height:1em}
.form__msg a{color:var(--fg);text-decoration:underline;text-underline-offset:4px}
.direct{display:grid;gap:14px;align-content:start}
.direct .mono{color:var(--mute)}
.direct__big{font:500 clamp(28px,2.8vw,44px)/1.1 var(--display);letter-spacing:-.035em;width:fit-content;position:relative}
.direct__big::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.direct__big:hover::after{transform:scaleX(1)}
.direct__meta{color:var(--mute);font-size:15px;margin-top:10px}

/* футер */
.foot{padding:40px var(--pad) 28px;border-top:1px solid var(--line);overflow:hidden}
.foot__row{display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--mute)}
.foot__row a:hover{color:var(--fg)}
.foot__word{font:600 31.4vw/.86 var(--display);letter-spacing:-.075em;margin:5vw 0 -.06em -.045em;padding-bottom:.26em;white-space:nowrap}
.foot__word .ct{padding-right:.1em;margin-right:-.1em}
.foot__row--b{justify-content:space-between}

/* мобильная липкая кнопка */
.sticky{position:fixed;left:var(--pad);right:var(--pad);bottom:max(14px,env(safe-area-inset-bottom));z-index:50;transform:translateY(140%);transition:transform .6s var(--ease);box-shadow:0 20px 40px -10px #000a}
.sticky.is-on{transform:none}
@media(min-width:960px){.sticky{display:none}}

/* появление */
.js [data-fade]{opacity:0;transform:translateY(28px)}
.js.no-motion [data-fade]{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.dot{animation:none}.js [data-fade]{opacity:1;transform:none}.loader{display:none}}

/* v5: детали «разработки» */
.hero{position:relative;isolation:isolate}
.gridlines{position:absolute;inset:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:-1}
.gridlines i{border-left:1px solid color-mix(in srgb,var(--fg) 8%,transparent);transform-origin:top}
.gridlines i:last-child{border-right:1px solid color-mix(in srgb,var(--fg) 8%,transparent)}
@media(min-width:960px){.gridlines{grid-template-columns:repeat(12,1fr)}}
.caret{display:inline-block;width:.09em;height:.72em;margin-left:.06em;vertical-align:baseline;background:var(--p2);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.price__v b,.step__n,.row__n,.filter sup,.clock{font-variant-numeric:tabular-nums}
.head__idx::before{content:"//";margin-right:8px;color:color-mix(in srgb,var(--fg) 30%,transparent)}
@media(prefers-reduced-motion:reduce){.caret{animation:none}}

/* ===== v6 ===== */
/* типографика: без висячих слов */
h1,h2,h3,.display,.manifest{text-wrap:balance}
p,li,.row__v,.head__aside{text-wrap:pretty}
.manifest{text-wrap:pretty}

/* хромированный текст: металл по высоте строки + блик, общий для всей страницы (координаты курсора во вьюпорте) */
:root{--mx:-9999px;--my:-9999px;--r:260px}
.ct{
  background-image:
    radial-gradient(var(--r) circle at var(--mx) var(--my),#ffffff 0,#e9e4f3 14%,var(--p2) 30%,color-mix(in srgb,var(--p1) 70%,transparent) 46%,transparent 66%),
    linear-gradient(180deg,#f7f8f9 0%,#cfd3d8 38%,#8a9096 52%,#c4c9ce 70%,#eef0f2 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  padding-bottom:.2em;margin-bottom:-.2em;
}
.ct--dim{background-image:
    radial-gradient(var(--r) circle at var(--mx) var(--my),#d9d3e6 0,var(--p2) 22%,color-mix(in srgb,var(--p1) 50%,transparent) 42%,transparent 66%),
    linear-gradient(180deg,#8f959b 0%,#62676d 50%,#7d8389 100%)}
.ct--pearl{background-image:
    radial-gradient(var(--r) circle at var(--mx) var(--my),#ffffff 0,var(--p2) 26%,var(--p1) 44%,transparent 68%),
    linear-gradient(176deg,#f4f5f6 0%,#c9c4d6 40%,#8d8a97 52%,#d2c7c0 74%,#e6ecea 100%)}
.ct--big{--r:520px}
/* em внутри заголовков теперь хром-приглушённый (класс ставит JS на слова) */
.display em,.flag__title em{color:inherit}

/* фон: сетка металлических точек на холсте */
.dotfield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,.foot{position:relative;z-index:1}
.sec--light{position:relative}
.sec--light::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 50% at 50% 0%,color-mix(in srgb,var(--p2) 7%,transparent),transparent 70%)}
.flag{background:color-mix(in srgb,var(--fg) 4%,var(--bg) 70%)}
.lab__i{background:color-mix(in srgb,var(--bg) 80%,transparent)}

/* v6: крупнее номера и сроки в строках услуг */
.row__n{font:500 18px/1 var(--display);letter-spacing:-.02em;color:var(--mute)}
.row__m{font-size:14px;letter-spacing:.05em}
@media(min-width:960px){.row__n{font-size:22px}.row__m{font-size:15px}.row__h{grid-template-columns:80px 1.7fr 1fr 150px 28px}}
@media(max-width:959px){.row__h{grid-template-columns:44px 1fr 28px}.row__p>div{padding-left:56px}}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--mute);cursor:pointer;max-width:46ch}
.consent input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--fg)}
.consent a,.foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}