/* MOLY DIGITAL */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin.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}

:root{
  --ink:#282828; --paper:#f4f4f4; --btn-base:#353535;
  --glass:rgba(40,40,40,.5); --glass-line:rgba(244,244,244,.1);
  --gap:20px; --r:20px;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.32,.64,1);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);color:var(--paper);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font:400 16px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.03em;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100svh}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0;font-weight:500}
.display,h1,h2,h3,h4,.h2,.h1-size{font-variation-settings:"opsz" 32}
::selection{background:var(--paper);color:var(--ink)}
:focus-visible{outline:2px solid var(--paper);outline-offset:3px;border-radius:6px}

/* фон */
.bg{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;display:block;pointer-events:none}
.glass{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-line);border-radius:var(--r)}

/* размытие у нижнего края экрана */
.edge-blur{position:fixed;left:0;right:0;bottom:0;height:106px;pointer-events:none;z-index:40}
.edge-blur{transition:opacity .4s}
.edge-blur.off{opacity:0}
.edge-blur i{position:absolute;inset:0}
.edge-blur i:nth-child(1){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask:linear-gradient(transparent 35%,#000 60%,#000 75%,transparent 90%)}
.edge-blur i:nth-child(2){backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask:linear-gradient(transparent 60%,#000 82%)}
.edge-blur i:nth-child(3){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask:linear-gradient(transparent 82%,#000 100%)}
@media (hover:none){.edge-blur{display:none}}

/* навигация */
.nav-wrap{position:fixed;top:20px;right:20px;z-index:60}
.nav{background:var(--paper);color:var(--ink);border-radius:16px;box-shadow:0 16px 36px -14px rgba(244,244,244,.35),0 1px 2px rgba(244,244,244,.2)}
.nav{position:relative;transition:background-color .45s var(--ease-out),color .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.nav-links{position:relative;display:flex;gap:0;padding:0 16px}
.nav-links a,.nav-toggle span{font-size:12.5px;line-height:1;font-weight:500;letter-spacing:1px;text-transform:uppercase}
.nav-links a{padding:13px 17px;border-radius:8px}
.nav-links a span{display:inline-block;opacity:.8;transition:opacity .35s var(--ease-out),filter .35s var(--ease-out),transform .35s var(--ease-out)}
.nav-toggle{display:none}
/* фокус при наведении: остальные пункты гаснут, вокруг активного — рамка из уголков */
.nav.focusing .nav-links a span{opacity:.22;filter:blur(2px);transform:scale(.97)}
.nav.focusing .nav-links a.on span{opacity:1;filter:none;transform:none}
.focus-frame{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;color:currentColor;transition:transform .45s var(--ease-out),width .45s var(--ease-out),height .45s var(--ease-out),opacity .25s}
.focus-frame.instant{transition:opacity .25s}
.nav.focusing .focus-frame{opacity:1}
.focus-frame i{position:absolute;width:7px;height:7px;border:1.5px solid currentColor}
.focus-frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:2px 0 0 0}
.focus-frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 2px 0 0}
.focus-frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 2px}
.focus-frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 2px 0}

/* кнопки */
.btn{position:relative;display:inline-flex;align-items:center;gap:16px;height:48px;padding:4px 24px 4px 4px;border-radius:16px;background:var(--btn-base);overflow:hidden;isolation:isolate;font-size:14px;line-height:1.3;font-weight:500;letter-spacing:-.01em;font-variation-settings:"opsz" 32;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform-origin:right;transition:transform .5s var(--ease-out)}
.btn-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex:none;transition:transform .5s var(--ease-out)}
.btn-ico .ico{width:18px;height:18px;transition:transform .5s var(--ease-out)}
.btn-label{transition:color .4s}
.btn-light::before{background:var(--paper)}
.btn-light{color:var(--ink)}
.btn-light .btn-ico{background:var(--ink);color:var(--paper)}
.btn-dark::before{background:var(--ink)}
.btn-dark{color:var(--paper)}
.btn-dark .btn-ico{background:var(--paper);color:var(--ink)}
.btn:hover::before{transform:scaleX(0)}
.btn-light:hover{color:var(--paper)}
.btn-light:hover .btn-ico{background:var(--paper);color:var(--ink)}
.btn-dark:hover .btn-ico{background:var(--paper)}
.btn .btn-ico{transition:transform .5s var(--ease-out),background .4s,color .4s}
.btn:hover .ico{transform:translateX(2px)}
.btn-sm{height:36px;border-radius:12px;padding:2px 22px 2px 2px;gap:16px}
.btn-sm .btn-ico{width:32px;height:32px;border-radius:10px}
.round-btn{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--paper);flex:none;transition:background .4s}
.round-btn .btn-ico{background:var(--ink);color:var(--paper)}
.round-btn:hover{background:var(--btn-base)}
.round-btn:hover .ico{transform:translateX(2px)}

/* общие секции */
main{padding:0 var(--gap)}
.section{padding-top:75px}
.h2{font-size:35px;line-height:1.1;letter-spacing:-.03em}
.h1-size{font-size:50px;line-height:1.1;letter-spacing:-.03em}
h4{font-size:20px;line-height:1.1;letter-spacing:-.03em}

/* hero — размеры как в оригинале */
.hero{display:flex;gap:20px;height:95vh;height:95svh;margin-top:20px}
.hero-logo{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}
.hero-logo .logo-stack{width:385px;max-width:100%;gap:10px}
.hero-card{order:-1;flex:0 0 calc(50% + 10px);min-height:0;background:rgba(41,41,41,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.logo-stack{display:flex;flex-direction:column;gap:12px;color:var(--paper)}
.logo-stack svg{display:block;width:100%;height:auto}
.badge{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:var(--paper);color:var(--ink);border-radius:100px;padding:5px 15px;font-size:14px;line-height:1.2}
.star{display:inline-block;animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-copy h1{font-size:50px;line-height:1.1;letter-spacing:-.03em;margin-bottom:7px}
.hero-copy p{font-size:14px;line-height:1.2}
.hero-btns{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* проблемы */
.problems{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}
.sticky-title{position:sticky;top:90px}
/* карточки прилипают со сдвигом и ложатся стопкой друг на друга */
.problem-list{display:flex;flex-direction:column;gap:15px;padding-bottom:var(--stack-tail,40px);--stack-top:70px;--stack-step:30px}
.problem{padding:20px;font-size:16px;line-height:1.2;font-weight:400;position:sticky;top:calc(var(--stack-top) + var(--i, 0) * var(--stack-step));box-shadow:0 -12px 30px -18px rgba(0,0,0,.6)}
.problem.soft{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.conclusion{padding:5px 5px 10px}
.pill-wide{background:var(--paper);color:var(--ink);border-radius:15px;padding:5px;text-align:center;font-weight:400;font-size:16px}
.conclusion h4{padding:15px 5px 0}

/* продукты */
.products .h2{margin-bottom:40px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}
.product:nth-child(2){margin-top:114px}
.product-img{border-radius:20px 20px 10px 10px;overflow:hidden;aspect-ratio:16/9;background:#1f1f1f}
.product-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.product:hover .product-img img{transform:scale(1.03)}
.product-info{margin-top:5px;background:var(--paper);color:var(--ink);border-radius:10px 10px 20px 20px;padding:10px;display:flex;flex-direction:column;gap:19px}
.product-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.product-head h3{font-size:25px;line-height:1.1;letter-spacing:-.03em}
.tag{background:var(--ink);color:var(--paper);border-radius:100px;padding:5px 10px;font-size:12px;line-height:1.2;font-weight:500;white-space:nowrap}
.product-info p{font-size:16px;line-height:1.2;font-weight:400}
.product-info .btn{align-self:flex-start}

/* преимущества */
.features .h2{margin-bottom:50px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}
.feature{padding:10px}
.strip{display:block;width:100%;height:50px;border-radius:10px;background:#2a2a2a}
.feature h4{margin-top:10px}
.feature p{margin-top:6px;font-weight:400;line-height:1.2}

/* призыв */
.cta{margin-top:70px;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:20px}
.cta-text{max-width:690px;font-weight:400;line-height:1.2}
.cta-btns{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:30px}

/* блог */
.blog{padding-top:100px}
.blog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:48px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.post-grid+.post-grid{margin-top:4px}
.post{padding:4px;display:flex;flex-direction:column;min-height:530px;border-radius:8px}
.post-img{aspect-ratio:4/3;overflow:hidden;border-radius:4px}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.post:hover .post-img img{transform:scale(1.04)}
.post h3{font-size:20px;line-height:1.1;letter-spacing:-.03em;padding:32px 20px 0}
.post-date{margin-top:auto;padding:20px 20px 32px;font-size:14px;line-height:1.2}
.post.first{border-radius:24px 8px 8px 24px}.post.first .post-img{border-radius:20px 4px 4px 20px}
.post.last{border-radius:8px 24px 24px 8px}.post.last .post-img{border-radius:4px 20px 20px 4px}
.post.only{border-radius:24px}.post.only .post-img{border-radius:20px}

/* футер */
.footer{display:flex;justify-content:space-between;gap:48px;padding:130px var(--gap) 0;min-height:260px}
.f-brand{width:451px;flex:none;display:flex;flex-direction:column}
.f-logo{display:flex;align-items:flex-end;gap:20px;height:48px;color:var(--paper)}
.f-logo svg{height:48px;width:auto}
.f-tag{margin-top:20px;font-size:14px;line-height:1.2}
.f-mail{margin-top:23px;font-size:16px;line-height:1.5;font-weight:400;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.f-copy{margin-top:auto;background:var(--paper);color:var(--ink);border-radius:16px 16px 0 0;padding:16px 24px;font-size:14px;line-height:1.3;font-variation-settings:"opsz" 32;letter-spacing:0}
.f-brand .f-mail{margin-bottom:32px}
.f-cols{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:48px;max-width:950px;padding-bottom:40px}
.f-col{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.f-title{font-size:18px;line-height:1.3;margin-bottom:9px;font-variation-settings:"opsz" 32;letter-spacing:0;opacity:.5}
.f-col a{font-size:14px;line-height:1.3;letter-spacing:0;font-variation-settings:"opsz" 32;opacity:.9;transition:opacity .2s}
.f-col a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}

/* блог-страницы */
.page-top{padding-top:110px}
.article{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.back{opacity:.7;font-size:14px}.back:hover{opacity:1}
.article .h2{font-size:42px}
.article .post-date{padding:0;margin:0;opacity:.7}
.article-img{padding:4px;overflow:hidden}
.article-img img{border-radius:16px;width:100%;max-height:520px;object-fit:cover}
.article-body{padding:32px;display:flex;flex-direction:column;gap:16px;font-size:17px;line-height:1.5;font-weight:400;letter-spacing:-.01em}
.article-body h3{font-size:24px;line-height:1.2;margin-top:12px}
.article-body blockquote{margin:0;padding-left:16px;border-left:2px solid var(--paper);opacity:.9}
.muted{opacity:.6}
.notfound{min-height:calc(100svh - 120px);display:grid;place-items:center;padding-bottom:40px}
.nf-card{width:min(720px,100%);padding:48px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.nf-code{font-size:clamp(96px,22vw,180px);line-height:.9;font-weight:500;letter-spacing:-.06em;font-variation-settings:"opsz" 32;background:linear-gradient(180deg,#f4f4f4,rgba(244,244,244,.25));-webkit-background-clip:text;background-clip:text;color:transparent}
.nf-text{max-width:440px;font-weight:400;line-height:1.35;opacity:.8}
.nf-card .cta-btns{margin-top:16px}

/* меню: текущая страница */
.nav-links a[aria-current] span{opacity:1;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* страницы продуктов */
.p-hero{display:flex;gap:20px;min-height:95vh;min-height:95svh;margin-top:20px;align-items:stretch}
.p-hero-card{flex:0 0 calc(50% + 10px);background:rgba(41,41,41,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:20px;padding-top:80px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.p-hero-card .hero-copy h1{margin-bottom:16px}
.p-hero-card .hero-copy p{font-size:16px;max-width:560px}
.p-hero-card .hero-btns{justify-content:flex-start}
.p-hero-img{flex:1;min-width:0;border-radius:20px;overflow:hidden;background:#1f1f1f}
.p-hero-img img{width:100%;height:100%;object-fit:cover}
.p-title{margin-bottom:40px;max-width:900px}
.p-lead{margin:-24px 0 40px;font-weight:400;opacity:.8;max-width:640px}
.p-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);align-items:start}
.p-rows{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.p-row{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:240px}
.p-row h3{font-size:25px;line-height:1.1;letter-spacing:-.03em;margin-top:28px}
.p-row p{font-weight:400;line-height:1.3}
.p-note{opacity:.6;font-size:14px;font-weight:400;line-height:1.3}
.p-row .p-note{margin-top:auto;padding-top:12px;border-top:1px solid var(--glass-line);width:100%}
.p-plans{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gap);align-items:stretch}
.p-plan{padding:24px;display:flex;flex-direction:column;gap:12px}
.p-plan.accent{background:var(--paper);color:var(--ink);border-color:transparent}
.p-plan.accent .p-note{opacity:.7}
.p-plan-name{font-size:14px;letter-spacing:1px;text-transform:uppercase;opacity:.8}
.p-price{font-size:44px;line-height:1;letter-spacing:-.04em;font-variation-settings:"opsz" 32}
.p-price span{font-size:16px;letter-spacing:0;opacity:.6;margin-left:4px}
.p-plan ul{list-style:none;margin:12px 0 24px;padding:0;display:flex;flex-direction:column;gap:10px;font-weight:400;line-height:1.3}
.p-plan li{padding-left:22px;position:relative}
.p-plan li::before{content:"✱";position:absolute;left:0;top:0;font-size:12px;line-height:1.6}
.p-plan .btn{margin-top:auto;align-self:flex-start}
.p-faq{display:flex;flex-direction:column;gap:10px;max-width:900px}
.p-faq details{padding:0;overflow:hidden}
.p-faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 20px;position:relative;font-size:18px;line-height:1.25;font-variation-settings:"opsz" 32}
.p-faq summary::-webkit-details-marker{display:none}
.p-faq summary i{position:absolute;right:20px;top:50%;width:16px;height:16px;margin-top:-8px}
.p-faq summary i::before,.p-faq summary i::after{content:"";position:absolute;left:0;right:0;top:7px;height:1.5px;background:currentColor;transition:transform .35s var(--ease-out)}
.p-faq summary i::after{transform:rotate(90deg)}
.p-faq details[open] summary i::after{transform:rotate(0)}
.p-faq details p{padding:0 20px 20px;font-weight:400;line-height:1.4;opacity:.85;max-width:720px}
.p-final{margin-top:100px}

/* ---------- анимации появления (только при JS) ---------- */
.js [data-anim="rise"]{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease-out) .2s,transform 1.2s var(--ease-spring) .2s}
.js [data-anim="rise"].in{opacity:1;transform:none}
.js .glass[data-anim="rise"]{opacity:1;transition:transform 1.1s var(--ease-out) .1s}
.js [data-anim="words"] .w{display:inline-block;opacity:.001;transform:translateY(10px);transition:opacity .4s ease,transform .5s var(--ease-out);transition-delay:calc(var(--i) * 75ms)}
.js [data-anim="words"].in .w{opacity:1;transform:none}
.w>span{display:inline-block}
.cw{display:inline-block;white-space:nowrap}
.js [data-anim="chars"] .c{display:inline-block;opacity:.001;filter:blur(10px);transform:translateY(10px);transition:opacity .4s ease,filter .4s ease,transform .4s var(--ease-out);transition-delay:calc(var(--i) * 12ms)}
.js [data-anim="chars"].in .c{opacity:1;filter:none;transform:none}
@media (hover:none){.js [data-anim="chars"] .c{filter:none}}

/* интро: размытая страница + логотип, панели разъезжаются */
.intro-layer{display:none}
.js.intro .intro-layer{display:block;position:fixed;inset:0;z-index:100;pointer-events:none}
.intro-blur{position:absolute;inset:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:introBlur .9s var(--ease-out) 1.1s forwards}
.intro-panel{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:rgba(40,40,40,.7)}
.intro-panel.top{top:0;animation:panelUp 1s cubic-bezier(.7,0,.2,1) 1.1s forwards}
.intro-panel.bottom{bottom:0;animation:panelDown 1s cubic-bezier(.7,0,.2,1) 1.1s forwards}
.intro-logo{position:absolute;left:50%;width:250px;transform:translateX(-50%)}
.intro-panel.top .intro-logo{bottom:0;transform:translate(-50%,50%)}
.intro-panel.bottom .intro-logo{top:0;transform:translate(-50%,-50%)}
.intro-logo .logo-stack{gap:8px;animation:logoIn .7s var(--ease-out) both}
@keyframes logoIn{from{opacity:0;filter:blur(8px)}}
@keyframes introBlur{to{opacity:0}}
@keyframes panelUp{to{transform:translateY(-100%)}}
@keyframes panelDown{to{transform:translateY(100%)}}
.js.intro-done .intro-layer{display:none}

/* ---------- планшет ---------- */
@media (max-width:1199.98px){
  .p-hero{flex-direction:column;min-height:0}
  .p-hero-card{flex:none;padding-top:20px;min-height:460px}
  .p-hero-img{flex:none;aspect-ratio:16/9}
  .p-highlights{grid-template-columns:1fr 1fr}
  .p-plans{grid-template-columns:1fr 1fr}
  .hero{flex-direction:column;height:100vh;height:100svh}
  .hero-logo{flex:1 1 auto;min-height:0}
  .hero-logo .logo-stack{width:300px}
  .hero-card{order:0;flex:0 0 410px}
  .hero-btns .btn:last-child{margin-left:auto}
  /* одна колонка: заголовок прилипает сверху, карточки складываются под ним */
  .problems{display:block}
  .sticky-title{position:sticky;top:70px;z-index:2;margin-bottom:30px}
  .problem-list{--stack-top:125px}
  .product:nth-child(2){margin-top:60px}
  .footer{flex-direction:column;gap:40px}
  .f-brand{width:100%;max-width:451px}
  .f-copy{order:9;margin-top:0}
  .f-cols{max-width:none;padding-bottom:0}
  .footer{padding-bottom:0}
  .f-brand .f-mail{margin-bottom:0}
  .footer{display:grid}
  .f-brand{display:contents}
  .f-logo,.f-tag,.f-mail{grid-column:1}
  .f-cols{grid-row:4}
  .f-copy{grid-row:5;justify-self:start;width:min(451px,100%);margin-top:40px}
  .footer{row-gap:0}
  .f-tag{margin-top:20px}
}

/* ---------- телефон ---------- */
@media (max-width:809.98px){
  .p-hero{margin-top:70px}
  .p-hero-card{min-height:0}
  .p-hero-card .hero-btns{flex-direction:column;align-items:flex-start}
  .p-highlights,.p-rows,.p-plans{grid-template-columns:1fr}
  .p-row{min-height:0}
  .p-row h3{font-size:20px;margin-top:16px}
  .p-price{font-size:36px}
  .p-faq summary{font-size:16px}
  .p-final{margin-top:70px}
  .nf-card{padding:36px 20px}
  .hero{height:90vh;height:90svh}
  .hero-logo{flex:0 0 50%;padding-top:60px}
  .hero-logo .logo-stack{width:250px}
  .hero-card{flex:1 1 0;padding:20px}
  :root{--gap:10px}
  .nav-wrap{top:10px;right:10px}
  .nav{width:140px;transition:width .45s var(--ease-out),background-color .45s var(--ease-out),color .45s var(--ease-out),box-shadow .45s var(--ease-out)}
  /* открытое меню — тёмное стекло */
  .nav.open{width:214px;background:rgba(40,40,40,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--paper);box-shadow:0 0 0 1px rgba(244,244,244,.08)}
  .nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 20px 0 24px;border:0;border-bottom:1px solid transparent;background:none;color:inherit;font:inherit;cursor:pointer;transition:height .45s var(--ease-out),border-color .45s}
  .nav.open .nav-toggle{height:58px;border-bottom-color:rgba(244,244,244,.12)}
  .nav-toggle i{position:relative;width:18px;height:9px}
  .nav-toggle i::before,.nav-toggle i::after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease-out),top .35s var(--ease-out)}
  .nav-toggle i::before{top:0}.nav-toggle i::after{top:7px}
  .nav.open .nav-toggle i::before{top:3.5px;transform:rotate(45deg)}
  .nav.open .nav-toggle i::after{top:3.5px;transform:rotate(-45deg)}
  .nav-links{flex-direction:column;padding:0 8px;max-height:0;overflow:hidden;transition:max-height .45s var(--ease-out),padding .45s var(--ease-out)}
  .nav.open .nav-links{max-height:240px;padding:6px 7px 10px}
  .nav-links a{padding:13px 17px;font-size:12px}
  .logo-stack{gap:10px}
  .hero-copy h1{font-size:32px}
  .hero-btns{flex-wrap:nowrap}
  .hero-btns .btn{padding-right:16px;gap:12px}
  .h2{font-size:25px}
  .h1-size{font-size:32px}
  h4,.conclusion h4{font-size:17px}
  .section{padding-top:70px}
  .problem{min-height:78px}
  .sticky-title{top:60px}
  .problem-list{--stack-top:100px;--stack-step:22px;--stack-tail:30px}
  .product-grid,.feature-grid{grid-template-columns:1fr}
  .product:nth-child(2){margin-top:22px}
  .product-head h3{font-size:18px}
  .product-info{gap:20px}
  .product-info .btn{height:48px;border-radius:16px;padding:4px 24px 4px 4px}
  .product-info .btn .btn-ico{width:40px;height:40px;border-radius:12px}
  .feature{min-height:124px}
  .cta{padding:30px 20px}
  .cta-btns{flex-direction:column;align-items:center;gap:20px;margin-top:40px}
  .blog-head{align-items:center}
  .post-grid{grid-template-columns:1fr}
  .post{min-height:460px}
  .post h3{font-size:17px}
  .post.first{border-radius:24px 24px 8px 8px}.post.first .post-img{border-radius:20px 20px 4px 4px}
  .post.last{border-radius:8px 8px 24px 24px}.post.last .post-img{border-radius:4px 4px 20px 20px}
  .footer{padding-top:120px}
  .f-cols{grid-template-columns:1fr 1fr;gap:30px 48px}
  .f-logo{gap:12px;height:auto}
  .f-logo svg{height:auto;width:calc(50% - 6px)}
  .f-copy{width:100%}
  .article .h2{font-size:28px}
  .article-body{padding:20px;font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js.intro .intro-layer{display:none}
}