:root{
  --paper:#f1efeb; --paper-2:#e6e3dd; --paper-3:#dcd8d0;
  --ink:#15191a; --ink-soft:#50585a;
  --dark:#15191a; --dark-2:#22292c; --on-dark:#eeece8; --on-dark-soft:#a9afb1;
  --bronze:#86664b; --bronze-hi:#c3a283; --bronze-press:#6f533c;
  --m:clamp(16px,2.4vw,32px);
  --r:8px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-move:cubic-bezier(.77,0,.175,1);
  --ease-drawer:cubic-bezier(.32,.72,0,1);
  --f:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --s-small:14px; --s-body:clamp(16px,.95rem + .2vw,18px); --s-lead:clamp(18px,1rem + .45vw,22px);
  --s-sec:clamp(30px,1.2rem + 2.3vw,52px); --s-disp:clamp(38px,1rem + 3.6vw,78px);
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 var(--s-body)/1.55 var(--f);letter-spacing:-.005em;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
::selection{background:var(--bronze-hi);color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;z-index:99;border-radius:var(--r)}
.skip:focus{left:8px}
.wrap{padding-inline:var(--m);max-width:1680px;margin-inline:auto}

h1,h2,h3{font-weight:500;text-wrap:balance}
.h-display{font-size:var(--s-disp);line-height:.98;letter-spacing:-.035em}
.h-sec{font-size:var(--s-sec);line-height:1.02;letter-spacing:-.03em}
.lead{font-size:var(--s-lead);line-height:1.42;max-width:34ch}
.sec-sub{font-size:var(--s-lead);line-height:1.42;max-width:46ch;margin-top:20px}
.soft{color:var(--ink-soft)}

/* ---------- buttons (фишки 49, 50, 66) ---------- */
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--bronze);color:#fff;font-weight:500;text-decoration:none;cursor:pointer;transition:transform 160ms ease-out,background-color 200ms var(--ease-out)}
.btn::before{content:"";position:absolute;inset:0;border-radius:999px;background:var(--bronze-press);transform:scaleX(.6);opacity:0;z-index:-1;transition:transform 400ms var(--ease-out),opacity 300ms var(--ease-out)}
.btn:active{transform:scale(.97)}
.btn-small{min-height:40px;padding:0 18px;font-size:15px}
.btn-wide{width:100%}
.btn-ghost{background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px;font-size:14px}
@media (hover:hover) and (pointer:fine){
  .btn:hover::before{transform:scaleX(1.06);opacity:1}
}

/* ---------- header ---------- */
.bar{position:fixed;inset:0 0 auto;z-index:40;height:64px;display:flex;align-items:center;gap:28px;padding-inline:var(--m);transition:background-color 300ms var(--ease-out),box-shadow 300ms var(--ease-out)}
.bar.is-solid{background:rgba(241,239,235,.94);box-shadow:0 1px 0 rgba(21,25,26,.08)}
.mark{display:flex;align-items:center;gap:10px;font-weight:600;font-size:21px;letter-spacing:-.02em;text-decoration:none;margin-right:auto}
.mark svg{width:34px;height:22px;fill:none;stroke:var(--bronze);stroke-width:3;stroke-linecap:round}
.nav{display:flex;gap:26px}
.nav a,.bar-phone{text-decoration:none;font-size:15px;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform 300ms var(--ease-out)}
.nav a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.nav a:hover::after{transform:scaleX(1)}}
.bar-phone{font-weight:500;font-variant-numeric:tabular-nums}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform 300ms var(--ease-drawer)}
.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

.menu{position:fixed;inset:0;z-index:35;background:var(--paper);padding:96px var(--m) 32px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-102%);transition:transform 300ms var(--ease-drawer),visibility 0s linear 300ms;visibility:hidden}
.menu.is-open{transform:none;visibility:visible;transition:transform 420ms var(--ease-drawer),visibility 0s}
.menu nav{display:flex;flex-direction:column;gap:6px}
.menu nav a{font-size:var(--s-disp);font-weight:500;letter-spacing:-.035em;line-height:1.15;text-decoration:none;opacity:0;transform:translateY(-12px);transition:opacity 150ms var(--ease-out),transform 150ms var(--ease-out)}
.menu.is-open nav a{opacity:1;transform:none;transition-duration:300ms}
.menu.is-open nav a:first-child{transition-delay:80ms}
.menu.is-open nav a:nth-child(2){transition-delay:120ms}.menu.is-open nav a:nth-child(3){transition-delay:160ms}.menu.is-open nav a:nth-child(4){transition-delay:200ms}.menu.is-open nav a:nth-child(5){transition-delay:240ms}.menu.is-open nav a:nth-child(6){transition-delay:280ms}
.menu-foot{font-size:16px}

/* ---------- curtain (переход шторкой) ---------- */
.curtain{position:fixed;inset:0;z-index:60;background:var(--dark);display:grid;place-items:center;transform:translateY(101%);pointer-events:none;visibility:hidden}
.curtain.is-in,.curtain.is-out{visibility:visible}
.curtain svg{width:72px;height:44px;fill:none;stroke:var(--bronze-hi);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60}
.curtain.is-in{transform:none;transition:transform 340ms var(--ease-move)}
.curtain.is-in svg{stroke-dashoffset:0;transition:stroke-dashoffset 300ms var(--ease-out) 60ms}
.curtain.is-out{transform:translateY(-101%);transition:transform 280ms var(--ease-move)}

.view{display:none}
.view.is-on{display:block}

/* ---------- hero ---------- */
.hero{position:relative;height:max(600px,100svh);min-height:560px;overflow:hidden;background:var(--paper-2)}
.hero-pic,.hero-pic img{position:absolute;inset:0;width:100%;height:100%}
.hero-pic img{object-fit:cover;object-position:50% 70%;animation:drift 1600ms var(--ease-out) both}
@keyframes drift{from{transform:scale(1.05)}to{transform:scale(1)}}
.hero-haze{position:absolute;left:0;top:0;width:56%;height:92%;background:rgba(241,239,235,.66);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  -webkit-mask-image:radial-gradient(120% 100% at 0% 12%,#000 52%,transparent 82%);mask-image:radial-gradient(120% 100% at 0% 12%,#000 52%,transparent 82%)}
.hero-text{position:absolute;left:var(--m);top:clamp(92px,15vh,150px);width:min(38vw,600px);z-index:2}
.hero-text .lead{margin-top:24px}
.hero-text .btn{margin-top:28px}
.hero-g .hero-text{width:min(60vw,860px)}
.hero-g .hero-pic{top:64px;height:calc(100% - 64px)}
.hero-g .hero-pic img{object-position:50% 18%}

/* ---------- calculator ---------- */
.calc{position:absolute;z-index:3;right:var(--m);top:84px;width:min(410px,34vw);background:rgba(21,25,26,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--on-dark);border-radius:14px;padding:18px 20px 14px;box-shadow:0 24px 60px -20px rgba(21,25,26,.55);font-size:14px;line-height:1.35}
.calc-goals,.seg{border:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.calc-goals legend,.seg legend{font-size:14px;color:var(--on-dark-soft);margin-bottom:8px;grid-column:1/-1}
.calc-goals label,.seg label{position:relative;cursor:pointer}
.calc-goals input,.seg input{position:absolute;opacity:0;pointer-events:none}
.calc-goals span,.seg span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.07);font-size:14px;transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out),transform 160ms ease-out}
.calc-goals label:active span,.seg label:active span{transform:scale(.97)}
.calc-goals input:checked+span,.seg input:checked+span{background:var(--bronze-hi);color:var(--ink);font-weight:500}
.calc-goals input:focus-visible+span,.seg input:focus-visible+span{outline:2px solid var(--bronze-hi);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.calc-goals label:hover input:not(:checked)+span,.seg label:hover input:not(:checked)+span{background:rgba(255,255,255,.14)}}
.calc-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin-top:12px}
.calc-row label{color:var(--on-dark-soft)}
.calc-row output{font-weight:500;font-size:16px;font-variant-numeric:tabular-nums}
input[type=range]{grid-column:1/-1;width:100%;height:28px;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;--p:50%}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--bronze-hi) var(--p),rgba(255,255,255,.18) var(--p))}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.18)}
input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--bronze-hi)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--on-dark);border:0;transition:transform 160ms ease-out}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--on-dark);border:0}
input[type=range]::-moz-range-thumb{transition:transform 160ms ease-out}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}
input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}
@media (hover:hover) and (pointer:fine){input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.1)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}}
.calc-res{margin-top:10px;padding:12px 14px 8px;border-radius:10px;background:rgba(255,255,255,.06)}
.calc-res-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:nowrap;min-width:0}
.calc-prod{flex:none;font-weight:500;font-size:15px;color:var(--bronze-hi);text-decoration:none}
.calc-note{color:var(--on-dark-soft);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.calc-big{font-size:28px;font-weight:500;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums;line-height:1.15}
.calc-unit{font-size:15px;font-weight:400;color:var(--on-dark-soft);letter-spacing:0}
.tablo{display:inline-block;transition:filter 200ms var(--ease-out),opacity 200ms var(--ease-out)}
.tablo.is-swap{filter:blur(2px);opacity:.7}
.flow{margin-top:4px}
.flow svg{width:100%;height:70px;display:block;overflow:visible}
.flow-zero{stroke:rgba(255,255,255,.22);stroke-width:1;stroke-dasharray:3 4;fill:none;vector-effect:non-scaling-stroke}
.flow-gap{fill:rgba(213,120,92,.28)}
.flow-without{fill:none;stroke:#d5785c;stroke-width:1.6;vector-effect:non-scaling-stroke}
.flow-fill{fill:var(--bronze-hi);opacity:.5}
.flow-with{fill:none;stroke:var(--bronze-hi);stroke-width:2.4;vector-effect:non-scaling-stroke}
.flow figcaption{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:4px 14px;font-size:13px;color:var(--on-dark-soft);margin-top:2px}
.k{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.k-with{background:var(--bronze-hi)}.k-without{background:#d5785c}.k-gap{background:rgba(213,120,92,.45);height:8px}
.calc .btn{margin-top:12px;min-height:46px}
.calc-demo{font-size:13px;color:var(--ink-soft);margin-top:8px}
.calc .calc-demo{color:var(--on-dark-soft);text-align:center}

/* ---------- products (сравнение текстом) ---------- */
.products{padding-top:clamp(96px,12vw,180px)}
.cmp{position:relative;margin-top:56px;font-size:16px}
.cmp-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);min-height:64px}
.cmp-row:nth-child(odd):not(.cmp-head){background:var(--paper-2)}
.cmp-row>*{padding:16px 18px;align-self:stretch;display:flex;align-items:center}
.cmp-row [role=rowheader]{font-size:clamp(18px,1rem + .4vw,22px);font-weight:500}
.cmp-head>*{font-weight:600;font-size:17px;text-decoration:none;align-items:flex-end}
.cmp-head a{transition:color 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.cmp-head a:not(.is-feat):hover{color:var(--bronze)}}
.cmp .is-feat{background:var(--dark);color:var(--on-dark)}
.cmp-head .is-feat{padding-top:40px;border-radius:var(--r) var(--r) 0 0;color:var(--bronze-hi)}
.cmp-row:last-child .is-feat{border-radius:0 0 var(--r) var(--r)}
.cmp-more{margin-top:28px}
.cmp-tabs{display:none}
.link-arrow{font-weight:500;text-decoration:none;border-bottom:2px solid var(--bronze);padding-bottom:2px;transition:color 200ms var(--ease-out)}
.link-arrow::after{content:" →";display:inline-block;transition:transform 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.link-arrow:hover::after{transform:translateX(4px)}}

/* ---------- steps (по диагонали) ---------- */
.steps{padding-top:clamp(120px,14vw,220px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:0}
.steps-h{grid-column:7/13;grid-row:1;align-self:start}
.step{display:contents}
.step img{width:100%;object-fit:cover}
.step p{max-width:36ch}
.step b{font-weight:600}
.step-1 img{grid-column:1/5;grid-row:1/4;aspect-ratio:3/4}
.step-1 p{grid-column:6/10;grid-row:2;margin-top:40px}
.step-2 img{grid-column:6/9;grid-row:3;aspect-ratio:1;margin-top:72px}
.step-2 p{grid-column:9/13;grid-row:3;margin-top:72px;padding-left:24px}
.step-3 img{grid-column:7/13;grid-row:4;aspect-ratio:16/10;margin-top:96px}
.step-3 p{grid-column:2/7;grid-row:4;margin-top:96px;justify-self:end;padding-right:16px}

/* ---------- contact band ---------- */
.contact-band{padding-top:clamp(140px,14vw,220px);padding-bottom:0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
.cb-sentence{grid-column:1/7;font-size:clamp(24px,1rem + 1vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:500}
.cb-photo{grid-column:8/10;width:100%;max-width:170px;aspect-ratio:1;object-fit:cover;border-radius:var(--r)}
.cb-links{grid-column:10/13;display:flex;flex-direction:column;gap:8px;font-size:18px}
.cb-q{font-weight:500}
.cb-links a{text-underline-offset:4px;transition:color 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.cb-links a:hover{color:var(--bronze)}}
.cb-meta{font-size:14px;color:var(--ink-soft);margin-top:8px}

/* ---------- garant page ---------- */
.gcalc{padding-top:clamp(96px,10vw,160px);display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.gc{background:var(--dark);color:var(--on-dark);border-radius:14px;padding:28px;font-size:15px}
.seg{grid-template-columns:repeat(4,1fr)}
.gc .calc-row{margin-top:18px}
.gc-res{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
.gc-res div{background:rgba(255,255,255,.06);border-radius:10px;padding:12px 14px}
.gc-res dt{font-size:13px;color:var(--on-dark-soft)}
.gc-res dd{font-size:clamp(18px,1rem + .6vw,24px);font-weight:500;font-variant-numeric:tabular-nums;margin-top:2px}
.gc-res div:nth-child(2) dd{color:var(--bronze-hi)}
.gc .btn{margin-top:18px}
.gc .calc-demo{color:var(--on-dark-soft)}

.story{padding-top:clamp(120px,12vw,200px)}
.story-grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;margin-top:40px}
.story-step{min-height:70vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:12vh;opacity:.62;transition:opacity 400ms var(--ease-out)}
.story-step:first-child{padding-top:4vh}
.story-step.is-on{opacity:1}
.story-step h3{font-size:clamp(24px,1rem + 1vw,34px);letter-spacing:-.02em;line-height:1.1}
.story-step p{margin-top:14px;max-width:38ch}
.story-pin{position:relative}
.doc{position:sticky;top:max(96px,calc(50vh - 220px));background:#fff;border-radius:14px;padding:28px;box-shadow:0 30px 60px -30px rgba(21,25,26,.35);font-size:15px;overflow:hidden}
.doc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--paper-3)}
.doc-n{font-weight:600}
.doc-status{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--paper-2);transition:background-color 300ms var(--ease-out),color 300ms var(--ease-out)}
.doc[data-s="1"] .doc-status{background:var(--bronze-hi)}
.doc[data-s="2"] .doc-status{background:var(--dark);color:var(--on-dark)}
.doc dl{margin-top:8px}
.doc dl div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--paper-2)}
.doc dt{color:var(--ink-soft)}
.doc-line{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:20px}
.doc-line li{font-size:13px;color:var(--ink-soft);padding-top:10px;position:relative}
.doc-line li::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:4px;background:var(--paper-2)}
.doc-line li::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:4px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform 500ms var(--ease-out)}
.doc-line li.is-on{color:var(--ink)}
.doc-line li.is-on::after{transform:scaleX(1)}
.doc-stamp{position:absolute;right:28px;top:120px;border:3px solid var(--bronze);color:var(--bronze);border-radius:10px;padding:6px 14px;font-weight:600;font-size:18px;transform:rotate(-8deg) scale(1.3);opacity:0;transition:transform 350ms var(--ease-out),opacity 250ms var(--ease-out)}
.doc[data-s="1"] .doc-stamp,.doc[data-s="2"] .doc-stamp{opacity:.9;transform:rotate(-8deg) scale(1)}

.docs-need{padding-top:clamp(120px,10vw,180px);display:grid;grid-template-columns:5fr 7fr;gap:48px}
.need{list-style:none;display:grid;gap:4px}
.need li{display:grid;grid-template-columns:minmax(180px,1fr) 1.4fr;gap:20px;padding:18px 20px;background:var(--paper-2);border-radius:var(--r)}
.need b{font-weight:500;font-size:18px}
.need span{color:var(--ink-soft)}

.faq{padding-top:clamp(120px,10vw,180px);padding-bottom:40px;display:grid;grid-template-columns:5fr 7fr;gap:48px}
.faq-list{display:grid;gap:4px}
.faq details{background:var(--paper-2);border-radius:var(--r);padding:0 20px}
.faq summary{list-style:none;cursor:pointer;padding:18px 32px 18px 0;font-size:18px;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:24px;font-weight:400;transition:transform 250ms var(--ease-out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:20px;max-width:60ch}

/* ---------- about ---------- */
.about-top{padding-top:clamp(84px,7vw,108px);display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,96px);align-items:start}
.letter p{max-width:58ch;margin-top:20px}
.letter h1{margin-bottom:12px}
.sign{font-size:22px;font-weight:500;margin-top:32px!important}
.sign span{display:block;font-size:14px;font-weight:400;color:var(--ink-soft)}
.about-photo{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r)}
.ledger{background:var(--dark);color:var(--on-dark);margin-top:clamp(120px,12vw,200px);padding-block:clamp(96px,10vw,160px)}
.ledger-in{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.ledger-h{font-size:var(--s-sec);line-height:1.05;letter-spacing:-.03em}
.ledger-h span{color:var(--on-dark-soft);display:block}
.ledger-rows{display:grid;gap:20px}
.lr{display:grid;grid-template-columns:2.1fr 2.2fr 3fr;align-items:baseline;font-variant-numeric:tabular-nums lining-nums}
.lr-i,.lr-d{font-size:clamp(56px,1rem + 5vw,108px);line-height:1;letter-spacing:-.04em;font-weight:500}
.lr-i{text-align:right}
.lr-c{font-size:16px;color:var(--on-dark-soft);padding-left:16px}
.ledger-demo{grid-column:2;font-size:14px;color:var(--on-dark-soft)}
.license{padding-top:clamp(120px,10vw,180px);padding-bottom:40px}
.lic-grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;margin-top:32px}
.lic-grid>p{max-width:46ch}
.req div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 18px}
.req div:nth-child(odd){background:var(--paper-2);border-radius:var(--r)}
.req dt{color:var(--ink-soft)}
.req em{font-style:normal;font-size:13px;background:var(--bronze-hi);padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:2px}

/* ---------- news ---------- */
.news{padding-top:clamp(96px,9vw,140px);padding-bottom:40px}
.news-head{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end}
.news-head .sec-sub{margin:0}
.news-body{display:grid;grid-template-columns:160px 1fr;gap:32px;margin-top:56px;align-items:start}
.tabs{display:grid;gap:6px;position:sticky;top:88px}
.tabs button{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;border:0;border-radius:var(--r);background:var(--paper-2);cursor:pointer;font-size:16px;font-weight:500;text-align:left;transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out),transform 160ms ease-out}
.tabs button span{font-size:13px;font-weight:400;color:var(--ink-soft)}
.tabs button:active{transform:scale(.97)}
.tabs button[aria-selected=true]{background:var(--dark);color:var(--on-dark)}
.tabs button[aria-selected=true] span{color:var(--on-dark-soft)}
.bands{display:grid;gap:4px}
.band{border-radius:var(--r);background:var(--paper-2);opacity:0;transform:translateY(12px);animation:bandIn 320ms var(--ease-out) forwards}
.band:nth-child(even){background:var(--paper-3)}
@keyframes bandIn{to{opacity:1;transform:none}}
.band button{width:100%;display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:16px 20px;border:0;background:none;text-align:left;cursor:pointer}
.band time{font-size:18px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.band b{display:block;font-weight:500;font-size:18px;line-height:1.3}
.band small{display:block;font-size:14px;color:var(--ink-soft);margin-top:2px}
.band .tag{font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(21,25,26,.07);white-space:nowrap}
.band-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows 300ms var(--ease-out)}
.band-more>div{overflow:hidden}
.band-more p{padding:0 20px 18px 150px;max-width:calc(150px + 64ch)}
.band.is-open .band-more{grid-template-rows:1fr}

/* ---------- contacts ---------- */
.contacts{padding-top:clamp(96px,9vw,130px);padding-bottom:40px;display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:start}
.ct-left .lead{margin-top:20px}
.ct-person{display:flex;gap:16px;align-items:center;margin-top:32px;max-width:420px}
.ct-person img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.ct-list{margin-top:28px}
.ct-list div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:8px 0}
.ct-list dt{color:var(--ink-soft)}
.ct-list a{text-underline-offset:3px}
.lead-form{background:#fff;border-radius:14px;padding:clamp(20px,3vw,36px);box-shadow:0 30px 60px -36px rgba(21,25,26,.3);position:relative}
.lf-body{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;transition:filter 200ms var(--ease-out),opacity 200ms var(--ease-out)}
.lf-body.is-swap{filter:blur(2px);opacity:.6}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-soft)}
.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--paper-3);border-radius:var(--r);padding:12px 14px;min-height:48px;transition:border-color 200ms var(--ease-out)}
.lead-form textarea{resize:vertical;min-height:64px}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:none;border-color:var(--bronze)}
.lead-form .is-bad{border-color:#b4462f!important}
.lf-wide{grid-column:1/-1}
.check{flex-direction:row!important;align-items:flex-start;gap:10px!important;color:var(--ink)!important;cursor:pointer}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--bronze);flex:none}
.check a{text-underline-offset:3px}
.lf-err{grid-column:1/-1;color:#b4462f;font-size:14px;min-height:0;animation:errIn 200ms var(--ease-out)}
@keyframes errIn{from{opacity:0;transform:translateY(-4px)}}
.lead-form .is-shake{animation:shake 320ms var(--ease-out)}
@keyframes shake{20%{transform:translateX(-6px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}90%{transform:translateX(1px)}}
.lf-err:empty{display:none}
.lf-done{text-align:center;padding:48px 16px;animation:doneIn 400ms var(--ease-out)}
@keyframes doneIn{from{opacity:0;transform:scale(.95)}}
.lf-done svg{width:64px;height:64px;margin:0 auto 12px;fill:none;stroke:var(--bronze);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw 500ms var(--ease-out) 150ms forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.lf-done-h{font-size:var(--s-sec);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}

/* ---------- docs ---------- */
.docs{padding-top:clamp(110px,12vw,170px);padding-bottom:40px;display:grid;grid-template-columns:5fr 7fr;gap:48px}
.docs-text h2{font-size:22px;margin:28px 0 8px}
.docs-text h2:first-child{margin-top:0}
.docs-text p{max-width:64ch;margin-top:8px}

/* ---------- footer ---------- */
.foot{padding-top:clamp(120px,14vw,220px);padding-bottom:28px}
.foot-word{font-size:clamp(80px,17vw,300px);line-height:.9;letter-spacing:-.06em;font-weight:500;color:var(--ink);margin-left:-.04em;padding-bottom:.08em}
.foot-line{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:baseline;font-size:15px;margin-top:32px;color:var(--ink-soft)}
.foot-line>span:last-child{text-align:right}
.foot-line nav{display:flex;gap:24px}
.foot-line a{color:var(--ink);text-decoration:none;filter:blur(.6px);opacity:.75;transition:filter 250ms var(--ease-out),opacity 250ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.foot-line:hover a{filter:blur(1.2px)}.foot-line a:hover{filter:none;opacity:1}}
@media (hover:none){.foot-line a{filter:none;opacity:1}}
.foot-req{font-size:14px;color:var(--ink-soft);margin-top:12px}

/* ---------- cookie ---------- */
.cookie{position:fixed;z-index:50;left:20px;bottom:20px;width:288px;background:var(--dark);color:var(--on-dark);border-radius:12px;padding:16px;font-size:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.45);animation:ckIn 260ms var(--ease-out)}
@keyframes ckIn{from{opacity:0;transform:translateY(12px)}}
.cookie.is-leaving{opacity:0;transform:translateY(8px);transition:opacity 160ms ease-out,transform 160ms ease-out}
.cookie a{color:var(--bronze-hi)}
.cookie div{display:flex;align-items:center;gap:8px;margin-top:10px}
.cookie .btn-ghost{color:var(--on-dark-soft)}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity 500ms var(--ease-out),transform 600ms var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
.js .rv.is-in{opacity:1;transform:none}
.js .rv-clip{clip-path:inset(0 0 100% 0);transition:clip-path 800ms var(--ease-out)}
.js .rv-clip.is-in{clip-path:inset(0)}

/* ---------- laptop height (1366×600) ---------- */
@media (max-height:680px) and (min-width:961px){
  .calc{top:74px;padding:14px 18px 10px}
  .calc-goals span{min-height:32px}
  .calc-row{margin-top:8px}
  .flow svg{height:58px}
  .calc-res{padding:10px 12px 6px;margin-top:6px}
  .calc-big{font-size:25px}
  .calc .btn{margin-top:10px;min-height:42px}
  .calc .calc-demo{margin-top:6px}
}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .nav{gap:18px}.bar-phone{display:none}
  .cmp-row{grid-template-columns:1.2fr repeat(4,1fr)}
  .cmp-row>*{padding:14px 12px;font-size:15px}
}
@media (max-width:960px){
  .nav{display:none}
  .burger{display:block}
}

/* ---------- phone + tablet ---------- */
@media (max-width:960px){
  .bar{height:56px;gap:12px}
  .bar .btn-small{min-height:38px;padding:0 14px}
  .hero{height:auto;min-height:0;overflow:visible;background:var(--paper);display:flex;flex-direction:column}
  .hero-text{order:0}.hero-pic{order:1}.calc{order:2}
  .hero-haze{display:none}
  .hero-text{position:static;width:auto;padding:84px var(--m) 24px}
  .hero-pic{position:relative;inset:auto;display:block;height:auto}
  .hero-pic img{position:relative;height:auto;aspect-ratio:900/563;animation:none}
  .calc{position:relative;inset:auto;width:auto;margin:12px var(--m) 0;background:var(--dark)}
  .hero-g .hero-text{width:auto}
  .hero-g .hero-text .btn{width:100%}
  .hero-g .hero-pic{top:auto;height:auto}
  .hero-g .hero-pic img{aspect-ratio:900/945;max-height:78svh;object-position:50% 100%}
  .hero-g h1{font-size:32px}
  .flow figcaption{flex-wrap:wrap}
  .products{padding-top:96px}
  .cmp{margin-top:32px}
  .cmp-head{display:none}
  .cmp-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:28px;position:sticky;top:56px;z-index:3;background:var(--paper);padding:6px 0}
  .cmp-tabs button{min-height:44px;border:0;border-radius:var(--r);background:var(--paper-2);font-size:14px;font-weight:500;cursor:pointer;transition:background-color 200ms var(--ease-out),transform 160ms ease-out}
  .cmp-tabs button:active{transform:scale(.97)}
  .cmp-tabs button[aria-selected=true]{background:var(--dark);color:var(--on-dark)}
  .cmp{margin-top:8px}
  .cmp-row{grid-template-columns:118px 1fr;min-height:0;gap:12px;padding:14px 12px;border-radius:var(--r)}
  .cmp-row>*{padding:0;font-size:16px}
  .cmp-row [role=rowheader]{font-size:16px;color:var(--ink-soft);font-weight:400}
  .cmp-row [role=cell]{display:none}
  .cmp-row .is-feat{background:none;color:var(--ink)}
  .cmp[data-col="1"] [role=cell]:nth-child(2),.cmp[data-col="2"] [role=cell]:nth-child(3),.cmp[data-col="3"] [role=cell]:nth-child(4),.cmp[data-col="4"] [role=cell]:nth-child(5){display:block;font-weight:500;animation:bandIn 260ms var(--ease-out) both}
  .steps{display:flex;flex-direction:column;gap:16px;padding-top:110px}
  .steps-h{margin-bottom:12px}
  .step{display:block;margin-bottom:40px}
  .step img{margin:0!important}
  .step p{margin:16px 0 0!important;padding:0!important}
  .step-1 img{width:100%}
  .step-2 img{width:62%;margin-left:auto!important}
  .step-2 p{margin-left:auto!important;width:62%;min-width:260px}
  .step-3 img{width:78%}
  .contact-band{display:grid;grid-template-columns:96px 1fr;gap:20px 16px;padding-top:110px;padding-bottom:40px}
  .cb-sentence{grid-column:1/-1;font-size:24px}
  .cb-photo{grid-column:1;width:96px}
  .cb-links{grid-column:2;font-size:16px;gap:6px}
  .gcalc,.story-grid,.docs-need,.faq,.about-top,.ledger-in,.lic-grid,.news-head,.contacts,.docs{grid-template-columns:1fr;gap:28px}
  .gc{padding:20px}
  .seg{grid-template-columns:1fr 1fr}
  .gc-res{grid-template-columns:1fr}
  .gc-res div{display:flex;justify-content:space-between;align-items:baseline}
  .story-grid{display:flex;flex-direction:column}
  .story-pin{position:sticky;top:64px;z-index:2;margin-bottom:16px}
  .story-pin{order:-1}
  .doc{position:relative;top:0;padding:16px;font-size:14px}
  .doc dl div{grid-template-columns:96px 1fr;padding:6px 0}
  .doc dl div:nth-child(n+4){display:none}
  .doc-stamp{top:64px;right:16px;font-size:15px}
  .story-step{min-height:46vh;padding-top:4vh}
  .story-steps{position:relative;z-index:1}
  .need li{grid-template-columns:1fr;gap:4px}
  .lr{grid-template-columns:48% 1fr}
  .lr-i,.lr-d{font-size:15vw}
  .lr-c{grid-column:1/-1;padding-left:0;font-size:15px;margin-top:4px}
  .ledger-demo{grid-column:1}
  .req div{grid-template-columns:1fr;gap:2px}
  .news-body{grid-template-columns:1fr;gap:16px;margin-top:32px}
  .tabs{grid-template-columns:repeat(3,1fr);top:56px;z-index:3;background:var(--paper);padding:8px 0}
  .band button{grid-template-columns:1fr;gap:4px;padding:14px 16px}
  .band .tag{justify-self:start}
  .band-more p{padding:0 16px 16px}
  .lf-body{grid-template-columns:1fr}
  .foot-line{grid-template-columns:1fr;gap:8px}
  .foot-line>span:last-child{text-align:left}
  .foot-line nav{flex-wrap:wrap;gap:8px 20px}
  .cookie{left:0;right:0;bottom:0;width:auto;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px 8px 16px;font-size:13px;line-height:1.3}
  .cookie .ck-more{display:none}
  .foot{padding-bottom:84px}
  .cookie div{margin:0;flex:none}
}

@media (prefers-reduced-motion:reduce){
  /* меньше движения, а не ноль: сдвиги и масштаб убираем, мягкие проявления прозрачностью оставляем */
  *,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}
  .js .rv{transform:none;transition:opacity 240ms ease!important}
  .js .rv-clip{clip-path:none;transition:none}
  .hero-pic img{animation:none}
  .menu{transform:none;opacity:0;transition:opacity 200ms ease,visibility 0s linear 200ms}
  .menu.is-open{opacity:1;transition:opacity 200ms ease,visibility 0s}
  .menu nav a{transform:none!important;transition:none}
  .btn::before{transition:opacity 200ms ease}
  .btn:active,.tabs button:active,.cmp-tabs button:active,.calc-goals label:active span,.seg label:active span{transform:none}
  .doc-stamp{transform:rotate(-8deg)!important}
  .cookie.is-leaving{transform:none}
}