/* Межа — демо «забор под ключ». Мир: бумажная аппликация, разрез через границу участка; шапка — рулетка. */
:root{
  --hay:#CBC28C; --olive:#424A1E; --loam:#6E4A2E; --clay:#9A4A26;
  --sand:#DCC99A; --gravel:#C3C0B6; --frost:#BCD0D8; --deep:#23303A;
  --peat:#251F18; --ink-2:#4A4230; --paper:#EFEDE4; --light:#F2EEE2;
  --paint:#FF5A1F; --paint-d:#FF7440; --steel:#3B4045; --sky:#D9DED6;
  --f-d:"Science Gothic","Arial Narrow",sans-serif; --f-t:"Literata",Georgia,serif;
  --wrap:1320px; --gut:clamp(16px,4vw,48px); --hh:64px;
  --sh:0 1px 1px rgba(30,22,12,.18),0 6px 14px -6px rgba(30,22,12,.45);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.08 0 0 0 0 0.05 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --torn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='28' viewBox='0 0 1200 28'%3E%3Cpath d='M0 0H1200V12.6L1200 12.6L1195 19.8L1186 12.9L1171 15.1L1158 12.3L1151 17.2L1141 17.9L1126 14.3L1120 15.2L1111 15.6L1105 7.9L1095 15.0L1085 8.8L1071 12.5L1057 19.9L1041 11.0L1028 18.2L1015 13.6L1005 19.4L991 11.6L976 13.0L969 20.2L963 19.1L954 15.9L943 11.8L935 14.4L925 6.1L915 14.1L899 16.7L887 14.5L882 7.5L868 10.0L861 14.7L853 16.3L847 8.3L841 19.5L827 12.0L815 8.6L807 8.1L799 18.2L785 14.6L778 13.2L769 20.7L755 8.4L743 17.6L733 19.5L726 14.0L718 7.1L703 13.5L690 11.4L679 14.2L673 13.9L661 12.6L648 21.8L636 12.4L625 14.2L613 18.9L604 20.5L591 18.1L578 17.3L563 14.8L557 13.0L544 14.8L539 18.1L524 4.1L517 16.1L505 20.9L496 12.2L487 5.2L477 5.1L470 12.0L458 15.6L450 13.9L443 13.3L429 14.6L422 8.9L416 14.1L401 11.0L386 9.9L378 20.3L371 16.5L360 19.3L350 13.8L342 7.7L336 9.6L323 7.8L307 13.0L293 8.4L278 16.3L262 7.8L253 13.1L246 9.8L236 8.8L222 5.2L215 14.7L199 6.4L191 16.2L185 19.2L175 11.0L170 21.1L161 13.3L147 7.9L140 15.0L126 22.4L118 15.1L107 14.0L93 12.2L88 7.4L82 6.4L75 15.7L60 9.0L47 8.8L39 15.1L27 8.6L15 12.6L0 12.6Z'/%3E%3C/svg%3E");
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hay);color:var(--peat);font:400 1.0625rem/1.58 var(--f-t);overflow-x:clip}
::selection{background:var(--paint);color:var(--peat)}
img,svg{max-width:100%}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--paint);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--f-d);font-weight:800;margin:0;text-wrap:balance}
h1{font-size:clamp(2.15rem,.9rem + 4.2vw,5.5rem);font-stretch:122%;line-height:.98;letter-spacing:-.025em}
h2{font-size:clamp(1.85rem,1.05rem + 2.6vw,3.5rem);font-stretch:112%;line-height:1.02;letter-spacing:-.02em;max-width:22ch}
h3{font-size:clamp(1.12rem,1rem + .4vw,1.35rem);font-stretch:104%;font-weight:760;line-height:1.15;letter-spacing:-.005em}
p{margin:0 0 .8em;max-width:68ch}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;z-index:99;background:var(--paper);padding:10px 14px;font-family:var(--f-d);font-weight:700}
.skip:focus{top:8px}
.ask{text-decoration:underline dotted 2px;text-underline-offset:.2em;font-style:italic;white-space:normal}
section[id]{scroll-margin-top:calc(var(--hh) + 14px)}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.8em 1.35em;border:0;border-radius:3px;
  background:var(--paint);color:var(--peat);font:780 1rem/1.1 var(--f-d);font-stretch:108%;letter-spacing:.005em;text-decoration:none;cursor:pointer;
  box-shadow:var(--sh);transition:background-color .2s,box-shadow .2s}
.btn:hover{background:var(--paint-d);box-shadow:0 1px 1px rgba(30,22,12,.2),0 10px 20px -8px rgba(30,22,12,.55)}
.btn:active{box-shadow:0 1px 2px rgba(30,22,12,.35)}
.btn[disabled]{background:#C9C2B2;color:#4D463B;box-shadow:none;cursor:not-allowed}
.btn-big{min-height:58px;font-size:1.15rem;padding:.9em 1.7em}

/* ---------- шапка-рулетка ---------- */
.top{position:sticky;top:0;z-index:60;display:flex;align-items:center;height:var(--hh);padding-inline:var(--gut);
  background:var(--grain),var(--hay);transition:box-shadow .25s}
.top.is-scrolled{box-shadow:0 8px 16px -10px rgba(30,22,12,.55)}
.case{position:relative;z-index:2;display:flex;align-items:center;gap:10px;height:50px;padding:0 18px 0 11px;flex:none;
  background:var(--grain),var(--olive);color:var(--light);border-radius:14px 7px 7px 14px;text-decoration:none;box-shadow:var(--sh)}
.case::after{content:"";position:absolute;right:-7px;top:13px;width:9px;height:24px;background:#2E3416;border-radius:0 3px 3px 0}
.mark{width:26px;height:33px;flex:none}
.case-name{display:flex;flex-direction:column;font:820 1.32rem/1 var(--f-d);font-stretch:130%;letter-spacing:.01em}
.case-name small{font:italic 400 .74rem/1.1 var(--f-t);font-stretch:100%;letter-spacing:0;opacity:.9;margin-top:3px}
.blade{position:relative;flex:1;min-width:0;height:38px;margin-left:6px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding:0 16px 5px 20px;
  background-color:var(--paper);
  background-image:repeating-linear-gradient(90deg,rgba(37,31,24,.8) 0 2px,transparent 2px 60px),repeating-linear-gradient(90deg,rgba(37,31,24,.5) 0 1.5px,transparent 1.5px 12px);
  background-size:100% 13px,100% 7px;background-repeat:no-repeat;background-position:20px 0,20px 0;
  box-shadow:inset 0 -1px 0 rgba(37,31,24,.25),0 3px 6px -3px rgba(30,22,12,.4);border-radius:0 3px 3px 0}
.blade a{position:relative;display:flex;align-items:baseline;gap:5px;padding-top:12px;color:var(--peat);text-decoration:none;white-space:nowrap;
  font:700 .8rem/1 var(--f-d);font-stretch:86%;letter-spacing:.045em;text-transform:uppercase}
.blade a:hover,.blade a[aria-current]{text-decoration:underline;text-decoration-color:var(--paint);text-decoration-thickness:3px;text-underline-offset:5px}
.blade-prog{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--paint);transform-origin:left;transform:scaleX(var(--p,0))}
.blade-toggle{display:none}
.btn-hook{position:relative;margin-left:12px;min-height:44px;padding:.65em 1.15em;flex:none}
.btn-hook::before{content:"";position:absolute;left:-12px;top:50%;width:12px;height:20px;margin-top:-10px;background:var(--steel);border-radius:2px 0 0 2px}
.hook-short{display:none}
.sheet{position:absolute;top:calc(var(--hh) - 4px);right:var(--gut);left:var(--gut);max-width:420px;margin-left:auto;padding:12px 16px 18px 46px;display:flex;flex-direction:column;
  background-color:var(--paper);background-image:repeating-linear-gradient(180deg,rgba(37,31,24,.8) 0 2px,transparent 2px 52px),repeating-linear-gradient(180deg,rgba(37,31,24,.5) 0 1.5px,transparent 1.5px 13px);
  background-size:14px 100%,8px 100%;background-repeat:no-repeat;box-shadow:0 18px 30px -12px rgba(30,22,12,.6);border-radius:3px}
.sheet a:not(.btn){display:flex;gap:10px;align-items:baseline;padding:12px 0;color:var(--peat);text-decoration:none;font:760 1.06rem/1.15 var(--f-d);font-stretch:100%}
.sheet .btn{margin-top:12px}

/* ---------- первый экран ---------- */
.hero{position:relative;padding-top:clamp(18px,2.4vw,30px);background:var(--grain),var(--hay)}
.hero h1{padding-inline:var(--gut);max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto}
.hero-row{display:flex;align-items:center;justify-content:flex-start;gap:16px clamp(28px,4vw,56px);padding-inline:var(--gut);margin:.6em auto clamp(14px,1.8vw,22px);max-width:calc(var(--wrap) + 2*var(--gut))}
.lead{margin:0;max-width:66ch;font-size:clamp(1.05rem,.95rem + .45vw,1.32rem);line-height:1.45;color:var(--ink-2)}
.lead-cta{flex:none}
.stage{margin:0;position:relative;background:var(--sky)}
.scene{display:block;width:100%;height:auto;aspect-ratio:2400/700}
.bar{display:flex;align-items:center;gap:12px clamp(12px,2vw,24px);flex-wrap:wrap;padding:12px var(--gut);background:var(--grain),var(--peat);color:var(--light);position:relative;z-index:2;box-shadow:0 -6px 12px -8px rgba(0,0,0,.5)}
.play{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:.55em 1em .55em .75em;flex:none;border:0;border-radius:3px;background:var(--paper);color:var(--peat);cursor:pointer;
  font:780 1rem/1 var(--f-d);font-stretch:106%;box-shadow:var(--sh)}
.play:hover{background:#fff}
.play .i{width:20px;height:20px;fill:var(--peat)}
.play .i-pause{display:none}
.play[aria-pressed="true"] .i-play{display:none}
.play[aria-pressed="true"] .i-pause{display:block}
.play-s{font-weight:600;font-stretch:80%;color:var(--clay);font-size:.85rem;letter-spacing:.04em}
.steps{display:flex;align-items:center;gap:4px;min-width:0;flex:0 1 auto}
.step-nav{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:3px;background:rgba(239,237,228,.12);cursor:pointer}
.step-nav .i{width:18px;height:18px;fill:var(--light)}
.step-nav:hover{background:rgba(239,237,228,.24)}
.chips{display:flex;gap:4px;margin:0;padding:2px;list-style:none;overflow-x:auto;scrollbar-width:none;min-width:0}
.chips::-webkit-scrollbar{display:none}
.chips button{display:flex;align-items:baseline;gap:4px;padding:9px 8px 8px;border:0;border-radius:2px;background:transparent;color:#CFC8B4;cursor:pointer;white-space:nowrap;
  font:700 .76rem/1 var(--f-d);font-stretch:76%;letter-spacing:.03em;text-transform:uppercase}
.chips button b{font-size:.92rem;font-stretch:100%;color:#9E9682}
.chips button:hover{color:var(--light);background:rgba(239,237,228,.08)}
.chips button[aria-current="step"]{background:var(--paint);color:var(--peat)}
.chips button[aria-current="step"] b{color:var(--peat)}
.chips button.done b{color:var(--light)}
.caption{display:grid;grid-template-columns:minmax(150px,auto) 1fr;grid-template-rows:auto auto;column-gap:clamp(18px,3vw,40px);min-height:150px;
  padding:16px var(--gut) 20px;max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;align-content:start}
.caption p{margin:0}
.cap-day{grid-row:1/3;font:820 clamp(1.3rem,1rem + 1vw,2rem)/1 var(--f-d);font-stretch:120%;color:var(--olive)}
.cap-title{font:760 clamp(1.05rem,.98rem + .3vw,1.25rem)/1.25 var(--f-d);font-stretch:100%}
.cap-text{color:var(--ink-2);margin-top:4px!important;max-width:72ch}
.bar-cta{display:none}
.cap-pay{grid-column:2;justify-self:start;margin-top:10px!important;padding:6px 10px;background:var(--peat);color:var(--light);font:700 .82rem/1.2 var(--f-d);font-stretch:94%;letter-spacing:.02em;border-radius:2px}
.demo-tape{display:flex;padding:5px 0;background:repeating-linear-gradient(-45deg,var(--paint) 0 14px,var(--paper) 14px 28px)}
.demo-tape p{margin:0 auto;max-width:min(1180px,calc(100% - 64px));padding:5px 14px;background:var(--paper);color:var(--peat);font-size:.84rem;line-height:1.35;text-align:center;box-shadow:0 1px 2px rgba(30,22,12,.25)}
.doc-page .demo-tape{position:relative;z-index:1}

/* ---------- слои-разделы с рваным краем ---------- */
.layer{position:relative;padding-block:clamp(84px,9vw,136px) clamp(76px,8vw,120px);background:var(--grain),var(--c)}
.edge{position:absolute;left:0;right:0;bottom:-24px;height:28px;z-index:5;pointer-events:none;filter:drop-shadow(0 5px 3px rgba(18,13,7,.34))}
.edge i{display:block;height:100%;background:var(--c);-webkit-mask:var(--torn) var(--mx,0px) 0/1200px 28px repeat-x;mask:var(--torn) var(--mx,0px) 0/1200px 28px repeat-x}
.hero{--c:var(--hay);--mx:-310px}
.hero .edge{bottom:-24px}
.l-olive{--c:var(--olive);--mx:-120px}
.l-loam{--c:var(--loam);--mx:-640px}
.l-sand{--c:var(--sand);--mx:-470px}
.l-clay{--c:var(--clay);--mx:-890px}
.l-gravel{--c:var(--gravel);--mx:-220px}
.l-frost{--c:var(--frost);--mx:-760px}
.l-deep{--c:var(--deep)}
.dark{color:var(--light)}
.dark ::selection{color:var(--peat)}
.sec-lead{font-size:clamp(1.05rem,.98rem + .3vw,1.22rem);line-height:1.5;margin:1em 0 clamp(26px,3.4vw,44px)}

/* цитаты: обрывки бумаги */
.note{margin:0;padding:16px 18px 14px;background:var(--grain),var(--paper);color:var(--peat);box-shadow:var(--sh);
  -webkit-mask:var(--torn) 0 -14px/1200px 28px repeat-x,linear-gradient(#000,#000) 0 14px/100% 100% no-repeat;mask:var(--torn) 0 -14px/1200px 28px repeat-x,linear-gradient(#000,#000) 0 14px/100% 100% no-repeat}
.note p{font:italic 500 1.06rem/1.4 var(--f-t);margin:0 0 6px}
.note footer,.quote footer{font:620 .84rem/1.3 var(--f-d);font-stretch:92%;letter-spacing:.01em;opacity:.85}
.quote{margin:16px 0 0;padding:0}
.quote p{font:italic 500 1.02rem/1.45 var(--f-t);margin:0 0 4px;text-indent:-.45em}

/* 1. срок и деньги */
#srok .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px clamp(24px,4vw,64px);align-items:start}
.srok-head p{margin-top:1em;font-size:1.08rem;color:#E4E3CB}
.notes{display:grid;gap:14px;padding-top:12px}
.notes .n2{margin-left:clamp(0px,4vw,48px)}
.board{grid-column:1/-1;margin-top:clamp(8px,2vw,20px)}
.b-row{display:grid;grid-template-columns:minmax(236px,1.2fr) 2fr 2fr 1.8fr;gap:0 22px;align-items:center;padding:12px 18px 12px 12px;margin-bottom:8px;
  background:var(--grain),#38401A;border-radius:2px;transition:background-color .3s,color .3s}
.b-row span{min-width:0}
.b-row em{display:block;font:italic 400 .84rem/1.2 var(--f-t);color:#C9CCA4;margin-bottom:2px}
.b-when{display:flex;align-items:center;gap:14px;white-space:nowrap;font:820 1.22rem/1 var(--f-d);font-stretch:118%}
.thumb{display:block;flex:none;width:96px;height:56px;border-radius:2px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.35)}
.thumb svg{display:block;width:100%;height:100%}
.b-pay{color:#E6E2C6}
.b-row.is-on em{color:var(--ink-2)}
.b-row.is-on{background:var(--grain),var(--paper);color:var(--peat)}
.b-row.is-on .b-pay{color:var(--peat)}
.board-note{margin-top:12px;font-size:.9rem;color:#D3D6B0}

/* 2. под землёй */
.pod h2{max-width:24ch;margin-bottom:clamp(28px,4vw,56px)}
.pod-grid{display:grid;grid-template-columns:1fr minmax(260px,380px) 1fr;gap:clamp(18px,3vw,44px);align-items:center}
.pod-left,.pod-right{display:grid;gap:clamp(16px,2.4vw,30px)}
.pod-left .tag-card{text-align:right}
.pod-left .tag-card p{margin-left:auto}
.tag-card h3{margin-bottom:8px}
.tag-card p{color:#EBDCCB;margin:0;max-width:40ch}
.tag-card .quote{color:#F3E6D6;margin-left:0}
.pod-post{display:flex;flex-direction:column;align-items:center;gap:14px}
.post-svg{width:100%;height:auto;aspect-ratio:380/640;display:block}
.season{display:inline-flex;padding:4px;background:rgba(0,0,0,.22);border-radius:4px}
.season button{border:0;background:transparent;color:var(--light);padding:10px 16px;border-radius:2px;cursor:pointer;font:740 .95rem/1 var(--f-d);font-stretch:100%}
.season button[aria-checked="true"]{background:var(--paper);color:var(--peat);box-shadow:var(--sh)}
.pod-winter{margin:28px auto 0;text-align:center;max-width:62ch;font-size:1.02rem;color:#F3E6D6}
.pod-winter q{font-style:italic}

/* 3. схема */
.sheet-paper{position:relative;padding:clamp(20px,3vw,36px);background:var(--grain),var(--paper);box-shadow:0 2px 2px rgba(30,22,12,.15),0 18px 34px -18px rgba(30,22,12,.55)}
.mini{display:block;width:100%;height:auto;margin:0 0 16px}
.sheet-foot{font-size:.95rem;color:var(--ink-2);margin:0}
.shema-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:-18px clamp(0px,6vw,90px) 0;position:relative;z-index:2}
.shema-quotes .n2{margin-top:26px}
.border-block{margin-top:clamp(44px,5.5vw,72px);max-width:1080px}
.border-block > p{max-width:68ch}
.border-block h3{font-size:clamp(1.35rem,1.1rem + .9vw,1.9rem);margin-bottom:12px}
.border-block .quote{color:var(--ink-2)}

/* 4. смета по рулетке */
.tape-calc{padding:clamp(20px,3vw,34px) 0 0}
.tape-label{display:flex;align-items:baseline;gap:16px;font:740 1.05rem/1 var(--f-d);font-stretch:100%}
.tape-label output{font:860 clamp(2.4rem,1.6rem + 3vw,4.6rem)/1 var(--f-d);font-stretch:120%;letter-spacing:-.03em;color:var(--light)}
.tape{position:relative;margin:18px 0 6px;padding-bottom:6px}
.tape input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:58px;margin:0;background:transparent;cursor:ew-resize}
.tape input::-webkit-slider-runnable-track{height:42px;border-radius:2px;
  background-color:var(--paper);background-image:linear-gradient(90deg,transparent var(--fill,27%),rgba(37,31,24,.62) var(--fill,27%)),repeating-linear-gradient(90deg,rgba(37,31,24,.85) 0 2px,transparent 2px 10%),repeating-linear-gradient(90deg,rgba(37,31,24,.5) 0 1.5px,transparent 1.5px 2%);
  background-size:100% 100%,100% 18px,100% 9px;background-repeat:no-repeat;box-shadow:var(--sh)}
.tape input::-moz-range-track{height:42px;border-radius:2px;background-color:var(--paper);background-image:linear-gradient(90deg,transparent var(--fill,27%),rgba(37,31,24,.62) var(--fill,27%)),repeating-linear-gradient(90deg,rgba(37,31,24,.85) 0 2px,transparent 2px 10%),repeating-linear-gradient(90deg,rgba(37,31,24,.5) 0 1.5px,transparent 1.5px 2%);background-size:100% 100%,100% 18px,100% 9px;background-repeat:no-repeat}
.tape input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:64px;height:58px;margin-top:-8px;border:0;border-radius:12px 12px 12px 4px;background:var(--grain),var(--paint);box-shadow:0 2px 2px rgba(30,22,12,.3),0 10px 18px -8px rgba(30,22,12,.6)}
.tape input::-moz-range-thumb{width:64px;height:58px;border:0;border-radius:12px 12px 12px 4px;background:var(--paint);box-shadow:0 2px 2px rgba(30,22,12,.3),0 10px 18px -8px rgba(30,22,12,.6)}
.tape input:focus-visible{outline:none}
.tape input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--light);outline-offset:3px}
.tape input:focus-visible::-moz-range-thumb{outline:3px solid var(--light);outline-offset:3px}
.tape-fence{height:34px;margin-top:4px;background-repeat:no-repeat}
.tape-hint{font-size:.88rem;color:#F6DCCB;margin:0 0 22px}
.calc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:12px}
.calc-row div{padding:14px 16px;background:rgba(37,31,24,.28);border-radius:2px}
.calc-row span{display:block;font:700 .78rem/1.1 var(--f-d);font-stretch:88%;letter-spacing:.06em;text-transform:uppercase;color:#F6DCCB}
.calc-row b{display:block;margin-top:6px;font:840 clamp(1.5rem,1.1rem + 1.4vw,2.5rem)/1 var(--f-d);font-stretch:116%;font-variant-numeric:tabular-nums}
.calc-row .c-sum{background:var(--grain),var(--paper);color:var(--peat)}
.calc-row .c-sum span{color:var(--ink-2)}
.calc-note{margin-top:14px;font-size:.92rem;color:#F6DCCB}
.matrix-h{margin:clamp(44px,6vw,72px) 0 16px;font-size:clamp(1.35rem,1.1rem + .9vw,1.9rem)}
.m-row{display:grid;grid-template-columns:1.3fr 1fr 3fr;gap:0 18px;padding:14px 16px;border-top:2px solid rgba(239,237,228,.22)}
.m-head{border-top:0;padding-block:6px;font:700 .76rem/1.2 var(--f-d);font-stretch:88%;letter-spacing:.06em;text-transform:uppercase;color:#F6DCCB}
.m-row span:first-child{font:760 1.05rem/1.25 var(--f-d);font-stretch:100%}
.m-row:not(.m-head):hover{background:rgba(239,237,228,.08)}
.m-foot{margin-top:18px;font:740 1.08rem/1.35 var(--f-d);font-stretch:100%}

/* 5. приёмка */
.pr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start}
.pr-text p{margin-top:1em;font-size:1.08rem}
.pr-text .quote{color:var(--ink-2)}
.act{padding:clamp(22px,3vw,36px);background:var(--grain),var(--paper);box-shadow:0 2px 2px rgba(30,22,12,.15),0 22px 40px -20px rgba(30,22,12,.6)}
.act-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;font:840 1.45rem/1.1 var(--f-d);font-stretch:112%}
.act-h span{font:italic 400 .9rem/1 var(--f-t)}
.act-rows{margin:0}
.act-rows div{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;padding:12px 0;border-top:2px solid rgba(37,31,24,.14);align-items:baseline}
.act-rows dt{font:760 1.02rem/1.2 var(--f-d);font-stretch:100%}
.act-rows dd{margin:0;font:800 1.18rem/1.15 var(--f-d);font-stretch:108%}
.act-rows dd span{display:block;font:600 .72rem/1.1 var(--f-d);font-stretch:88%;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px}
.act-rows dd.fact{color:var(--clay)}
.act-sign{display:flex;gap:24px;margin:22px 0 10px}
.act-sign span{flex:1;padding-top:30px;border-bottom:2px solid var(--peat);font:600 .78rem/1 var(--f-d);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);order:2}
.act-note{font-size:.88rem;color:var(--ink-2);margin:0}

/* 6. зима */
.zima-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:start}
.frost-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.frost-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:8px;padding:18px 0 14px;border-top:2px solid rgba(52,67,74,.2);counter-increment:s}
.frost-steps li::before{content:counter(s);grid-row:1/3;font:860 2.4rem/1 var(--f-d);font-stretch:120%;color:#47616D}
.frost-steps h3{margin-bottom:6px}
.frost-steps p{color:#34434A;font-size:1rem;margin:0}
.zima-fig{margin:0;position:sticky;top:calc(var(--hh) + 24px)}
.gapfig{display:block;width:100%;height:auto;box-shadow:0 2px 2px rgba(30,22,12,.15),0 18px 34px -18px rgba(30,22,12,.55)}
.gapfig .lbl{font-family:var(--f-d);font-weight:720;font-stretch:88%;letter-spacing:.06em;text-transform:uppercase;font-size:17px;fill:var(--peat)}
.zima-fig figcaption{margin-top:12px;font-size:.95rem;color:#34434A}

/* 7. вопросы: список слева, ответ справа */
.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-auto-flow:dense;gap:0 clamp(24px,4vw,64px);margin-top:clamp(28px,4vw,48px);position:relative}
.faq-item{display:contents}
.faq-q{grid-column:1;text-align:left;border:0;background:transparent;color:#C7D3DA;cursor:pointer;padding:14px 12px 14px 0;border-top:2px solid rgba(242,238,226,.14);
  font:740 1.08rem/1.25 var(--f-d);font-stretch:100%}
.faq-q:hover{color:var(--light)}
.faq-q[aria-expanded="true"]{color:var(--light);text-decoration:underline;text-decoration-color:var(--paint);text-decoration-thickness:4px;text-underline-offset:7px}
.faq-a{grid-column:2;grid-row:1/span 8;align-self:start;padding:clamp(20px,3vw,34px);background:var(--grain),var(--paper);color:var(--peat);box-shadow:0 2px 2px rgba(0,0,0,.2),0 22px 40px -20px rgba(0,0,0,.7)}
.faq-a p{margin:0;font-size:1.12rem;line-height:1.55}

/* финал */
.final{padding-block:clamp(70px,8vw,120px) clamp(80px,9vw,130px);background:var(--grain),#1A242C;position:relative}
.final::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,#7FA2B1 0 10px,transparent 10px 16px);opacity:.6}
.fin{text-align:left}
.fin h2{max-width:20ch}
.fin p{margin:1em 0 1.6em;font-size:1.15rem;color:#B9C8D0;max-width:56ch}
.foot{background:#141B21;color:#B9C8D0;padding:36px 0 44px;font-size:.9rem}
.foot-in{display:grid;gap:14px}
.foot-brand{font:800 1.1rem/1 var(--f-d);font-stretch:120%;color:var(--light);margin:0}
.foot-docs{display:flex;flex-wrap:wrap;gap:8px 22px}
.foot-docs a{color:var(--light)}
.foot-demo{margin:0;max-width:90ch;line-height:1.5}

/* ---------- сцена ---------- */
.stage::after{content:"";position:absolute;inset:0;background:var(--grain);pointer-events:none}
.scene .el{transition:opacity .45s}
.scene .ghost{opacity:.24}
.scene .only{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.scene .only.show{opacity:1;visibility:visible;transition:opacity .35s}
.scene .frostz.show{opacity:.5}
.scene .lbl,.post-svg .lbl,.mini .lbl{font-family:var(--f-d);font-weight:720;font-stretch:88%;letter-spacing:.06em;text-transform:uppercase}
.scene .lbl{font-size:22px;fill:var(--light);paint-order:stroke;stroke:rgba(37,31,24,.55);stroke-width:5px;stroke-linejoin:round}
.scene .tag .lbl{fill:var(--peat);stroke:none}
.scene .tag rect{fill:var(--paper)}
.scene .lbl-dark{fill:var(--peat);stroke:none;font-size:24px}
.scene .lbl-soft{fill:#5A5040;stroke:none;font:italic 500 21px var(--f-t);text-transform:none;letter-spacing:0}
.scene .el.anim.pit,.scene .anim .tape-drop{animation:dig .6s cubic-bezier(.2,.8,.2,1) var(--d,0s) both;transform-box:fill-box;transform-origin:50% 0}
.scene .el.anim.conc{animation:pour .8s cubic-bezier(.2,.8,.2,1) calc(var(--d) + .35s) both;transform-box:fill-box;transform-origin:50% 100%}
.scene .el.anim.post{animation:drop .75s cubic-bezier(.16,1,.3,1) var(--d) both}
.scene .el.anim.lag{animation:slide .6s cubic-bezier(.2,.8,.2,1) var(--d) both;transform-box:fill-box;transform-origin:0 50%}
.scene .el.anim.sheet,.scene .el.anim.gate,.scene .el.anim.capx{animation:drop2 .6s cubic-bezier(.2,.8,.2,1) var(--d) both}
.scene .anim .twine{stroke-dasharray:2500;animation:draw 1.3s cubic-bezier(.3,.7,.3,1) both}
.scene .anim .flash{animation:flash .55s 1.05s both}
.scene .anim .msg{animation:pop .5s 1.25s cubic-bezier(.16,1,.3,1) both;transform-box:fill-box;transform-origin:100% 100%}
@keyframes dig{from{transform:scaleY(0)}}
@keyframes pour{from{transform:scaleY(0)}}
@keyframes drop{from{transform:translateY(-240px);opacity:0}}
@keyframes drop2{from{transform:translateY(-110px);opacity:0}}
@keyframes slide{from{transform:scaleX(0)}}
@keyframes draw{from{stroke-dashoffset:2500}}
@keyframes flash{0%{opacity:0}30%{opacity:.85}100%{opacity:0}}
@keyframes pop{from{transform:scale(.6);opacity:0}}
.post-svg .lbl{font-size:17px;fill:var(--peat)}
.post-svg .lbl-light{fill:var(--light);paint-order:stroke;stroke:rgba(37,31,24,.5);stroke-width:4px}
.post-svg .ptag rect{fill:var(--paper)}
.post-svg .ptag text{fill:var(--peat)}
.post-svg .w-only{opacity:0;transition:opacity .5s}
.post-svg[data-season="winter"] .w-only{opacity:1}
.post-svg[data-season="winter"] .frost-zone{opacity:.5}
.post-svg .heave{transition:opacity .5s,transform 1s cubic-bezier(.2,.8,.2,1)}
.post-svg[data-season="winter"] .heave{transform:translateY(-28px)}
.mini .lbl{font-size:15px;fill:var(--peat)}

/* ---------- окно заявки ---------- */
.dlg{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:3px;background:var(--grain),var(--paper);color:var(--peat);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);overflow:auto}
.dlg::backdrop{background:rgba(26,22,15,.62)}
.dlg[open]{animation:dlg .35s cubic-bezier(.2,.8,.2,1)}
@keyframes dlg{from{opacity:0;transform:translateY(16px)}}
.dlg-form{position:relative;margin:0}
.dlg-body,.dlg-done{padding:clamp(22px,3.4vw,36px)}
.dlg-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:3px;background:transparent;cursor:pointer;display:grid;place-items:center}
.dlg-x svg{width:20px;height:20px;stroke:var(--peat);stroke-width:2.4;fill:none;stroke-linecap:round}
.dlg-x:hover{background:rgba(37,31,24,.08)}
.dlg-demo{display:inline-block;margin:0 0 12px;padding:5px 10px;background:repeating-linear-gradient(-45deg,var(--paint) 0 8px,#FF7A49 8px 16px);font:700 .8rem/1.2 var(--f-d);letter-spacing:.02em}
.dlg h2{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.3rem);max-width:none;padding-right:40px}
.dlg-lead{margin:.6em 0 1.2em;color:var(--ink-2)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.f{display:grid;gap:6px}
.f span,.f-set legend{font:700 .8rem/1.2 var(--f-d);font-stretch:92%;letter-spacing:.04em;text-transform:uppercase}
.f span i{font-style:normal;color:var(--clay);text-transform:none;letter-spacing:0}
.f input,.f select,.f textarea{width:100%;min-height:46px;padding:10px 12px;border:2px solid rgba(37,31,24,.28);border-radius:2px;background:#FBFAF6;color:var(--peat);font:400 1rem/1.3 var(--f-t)}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--peat);box-shadow:0 0 0 3px rgba(255,90,31,.45)}
.f input[aria-invalid="true"]{border-color:#B3261E}
.f-err{grid-column:1/-1;margin:-4px 0 0;color:#B3261E;font-size:.9rem}
.f-wide,.f-set{grid-column:1/-1}
.f-set{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.f-set legend{margin-bottom:6px;padding:0}
.ck{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.95rem;line-height:1.4}
.ck input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--peat)}
.agree{display:grid;gap:10px;margin:22px 0 18px;padding-top:16px;border-top:2px solid rgba(37,31,24,.14)}
.ck-all{font-weight:600}
.ck-row{display:flex;align-items:flex-start;gap:6px 12px;flex-wrap:wrap;justify-content:space-between}
.ck-row .ck{flex:1 1 380px}
.ck-row a{font-size:.9rem;padding-left:30px}
.ck-opt{margin:-4px 0 0 30px;font-size:.85rem;color:var(--ink-2)}
.btn-send{width:100%}
.send-hint{margin:10px 0 0;font-size:.9rem;color:var(--ink-2);text-align:center;max-width:none}

/* ---------- правовые страницы ---------- */
.top-doc{justify-content:space-between}
.doc{padding-block:clamp(36px,5vw,64px) 72px;max-width:880px}
.doc h1{font-size:clamp(1.9rem,1.3rem + 2vw,3rem);margin:12px 0 10px}
.doc h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);margin:32px 0 10px;max-width:none}
.doc-note{padding:12px 14px;background:var(--paper);font-size:.95rem}
.doc-ver{color:var(--ink-2);font-size:.92rem}
.doc ul{padding-left:1.2em}
.doc li{margin-bottom:.35em}

/* ---------- адаптация ---------- */
@media (max-width:1240px){
  .blade a{font-size:.72rem;letter-spacing:.03em}
}
@media (max-width:1100px){
  :root{--hh:60px}
  .blade{justify-content:center;align-items:center;padding:0;cursor:pointer}
  .blade a{display:none}
  .blade-toggle{display:block;width:100%;height:100%;border:0;background:transparent;cursor:pointer;padding-top:8px;font:760 .86rem/1 var(--f-d);font-stretch:96%;letter-spacing:.06em;text-transform:uppercase;color:var(--peat)}
  #srok .wrap{grid-template-columns:minmax(0,1fr)}
  .notes{grid-template-columns:1fr 1fr;padding-top:0}
  .notes .n2{margin:22px 0 0}
  .pod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pod-post{grid-column:1/-1;grid-row:1;max-width:380px;justify-self:center;width:100%}
  .pod-left .tag-card{text-align:left}
  .pod-left .tag-card p{margin-left:0}
  .pr{grid-template-columns:minmax(0,1fr)}
  .zima-grid{grid-template-columns:minmax(0,1fr)}
  .zima-fig{position:static;max-width:520px}
}
@media (max-width:760px){
  :root{--hh:58px}
  body{font-size:1rem}
  .case{height:44px;padding:0 13px 0 8px;gap:8px}
  .case-name{font-size:1.12rem}
  .case-name small{font-size:.72rem}
  .mark{width:21px;height:27px}
  .hook-full{display:none}
  .hook-short{display:inline}
  .btn-hook{padding:.6em .9em;min-height:42px;margin-left:10px}
  .blade{margin-left:4px;height:34px}
  .blade-toggle{font-size:.76rem}
  .scene{aspect-ratio:5/4}
  .scene .lbl{font-size:34px;stroke-width:7px}
  .scene .tag .lbl{font-size:30px}
  .scene .lbl-dark{font-size:36px}
  .scene .lbl-soft{font-size:31px}
  .scene .msg .lbl-dark{font-size:29px}
  .scene .msg .lbl-soft{font-size:25px}
  .demo-tape p{font-size:.74rem;padding:4px 10px}
  .bar{padding:10px var(--gut) 12px;gap:10px}
  .play{flex:1 1 auto}
  .bar-cta{display:inline-flex;flex:1 1 100%}
  .lead-cta{display:none}
  .steps{flex-basis:100%;order:3}
  .caption{grid-template-columns:1fr;min-height:150px;padding-top:14px}
  .cap-day{grid-row:auto;margin-bottom:6px!important}
  .cap-pay{grid-column:1}
  .demo-tape p{max-width:calc(100% - 40px)}
  .notes{grid-template-columns:minmax(0,1fr)}
  .notes .n2{margin:0 0 0 24px}
  .b-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 14px}
  .thumb{width:84px;height:49px}
  .b-pay{font-weight:600}
  .pod-grid{grid-template-columns:minmax(0,1fr)}
  .shema-quotes{grid-template-columns:minmax(0,1fr);margin:-12px 10px 0}
  .shema-quotes .n2{margin-top:0;margin-left:24px}
  .calc-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .calc-row .c-sum{grid-column:1/-1}
  .calc-row div{padding:12px}
  .m-head{display:none}
  .m-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 4px}
  .m-row span:nth-child(2){font:700 .76rem/1.2 var(--f-d);font-stretch:88%;letter-spacing:.06em;text-transform:uppercase;color:#F6DCCB}
  .act-rows div{grid-template-columns:1fr 1fr}
  .act-rows dt{grid-column:1/-1}
  .frost-steps li{grid-template-columns:48px minmax(0,1fr)}
  .faq{display:block}
  .faq-q{display:block;width:100%}
  .faq-a{margin:0 0 12px;padding:18px}
  .dlg{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}
  .f-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}