/* удаляемотзывы.рф — design v2 (2026-10-20). Paper + ink + wax (сургуч) + moss. Single stylesheet, mobile first. See NOTES.md «Дизайн v2». */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/golos-400.woff2) format("woff2");unicode-range:U+20-7E,U+A0-BB,U+D7,U+401,U+410-44F,U+451,U+2009-2026,U+202F,U+2116,U+2190-2193,U+2212,U+2248}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/fonts/golos-600.woff2) format("woff2");unicode-range:U+20-7E,U+A0-BB,U+D7,U+401,U+410-44F,U+451,U+2009-2026,U+202F,U+2116,U+2190-2193,U+2212,U+2248}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/unbounded-600.woff2) format("woff2");unicode-range:U+20-7E,U+A0-BB,U+D7,U+401,U+410-44F,U+451,U+2009-2026,U+202F,U+2116,U+2190-2193,U+2212,U+2248}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 600;font-display:swap;src:url(/assets/fonts/playfair-italic-500.woff2) format("woff2");unicode-range:U+20-7E,U+A0-BB,U+401,U+410-44F,U+451,U+2013-2026,U+2116}
@font-face{font-family:"Neucha";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/neucha-400.woff2) format("woff2")}
/* metric-matched fallbacks: keep layout still while web fonts load */
@font-face{font-family:"Golos fb";font-weight:400;src:local("Arial"),local("Helvetica"),local("Roboto");size-adjust:104.7%;ascent-override:93.6%;descent-override:21%;line-gap-override:0%}
@font-face{font-family:"Golos fb";font-weight:600 700;src:local("Arial Bold"),local("Arial"),local("Roboto");size-adjust:99.5%;ascent-override:98.5%;descent-override:22.1%;line-gap-override:0%}
@font-face{font-family:"Playfair fb";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic"),local("Times New Roman Italic");size-adjust:97.1%;ascent-override:111%;descent-override:25.7%;line-gap-override:0%}
@font-face{font-family:"Unbounded fb";src:local("Arial Bold"),local("Arial"),local("Roboto");size-adjust:128%;ascent-override:77.3%;descent-override:18.8%;line-gap-override:0%}

:root{
  --paper:#F5EFE4;--paper2:#ECE3D3;--card:#FFFBF4;--ink:#1E1A15;--ink2:#5B5246;--line:#D8CCB8;--line2:#9C8F7B;
  --wax:#B3381C;--wax2:#96290F;--waxbg:#F6DDD2;--moss:#4E6138;--mossbg:#E3E8D3;--err:#A3200F;
  --dark:#1E1A15;--dtext:#F5EFE4;--dmuted:#C9BFAE;--dwax:#E8836A;
  --fb:"Golos Text","Golos fb",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fd:"Unbounded","Unbounded fb","Arial Black",Arial,sans-serif;
  --fs:"Playfair Display","Playfair fb",Georgia,serif;
  --fh:"Neucha","Segoe Print","Comic Sans MS",cursive;
  --r:6px;--w:1200px;--hdr:64px;
  --scr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C40 3 76 4 104 7s64 3 93-4' fill='none' stroke='%23B3381C' stroke-width='3.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M18 12c40-4 90-3 150-6' fill='none' stroke='%23B3381C' stroke-width='2' stroke-linecap='round' vector-effect='non-scaling-stroke' opacity='.55'/%3E%3C/svg%3E")
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:400 17px/1.62 var(--fb);color:var(--ink);background:var(--paper);padding-bottom:68px;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
a{color:var(--ink);text-decoration-color:var(--wax);text-decoration-thickness:1.5px;text-underline-offset:.18em;transition:color .15s,text-decoration-color .15s}
a:hover{color:var(--wax)}
:focus-visible{outline:3px solid var(--wax);outline-offset:3px;border-radius:2px}
::selection{background:var(--waxbg);color:var(--ink)}
h1,h2,h3{margin:0 0 .55em;color:var(--ink);text-wrap:balance}
h1,h2{font-family:var(--fd);font-weight:600;letter-spacing:-.025em;line-height:1.12}
h1{font-size:clamp(1.7rem,3.3vw + .9rem,3.25rem)}
h2{font-size:clamp(1.3rem,1.6vw + .9rem,2rem)}
h3{font-size:1.14rem;font-weight:600;line-height:1.3}
.h-sm{font-size:1.15rem;letter-spacing:-.01em}
p{margin:0 0 1em}
small{font-size:.82em}
b,strong{font-weight:600}
.i{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.wrap-narrow{max-width:800px}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--card);padding:8px 12px}
.skip:focus{left:8px;top:8px}
.nowrap{white-space:nowrap}
.kicker{margin:0 0 .6em;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--wax)}
.hand{font-family:var(--fh);font-size:1.22rem;line-height:1.3;color:var(--ink2)}
.scr{background:var(--scr) left 100%/100% .32em no-repeat;padding-bottom:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.more{margin-top:1.2em;font-weight:600}

/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:1.3em 0 0;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:var(--r);border:2px solid transparent;font:inherit;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}
.btn:active{transform:translate(2px,2px);box-shadow:none}
.btn-accent{background:var(--wax);color:var(--card);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.btn-accent:hover{background:var(--wax2);color:var(--card);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-link{padding-left:6px;padding-right:6px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--wax)}
.btn-link:hover{color:var(--wax)}
.btn-light{background:var(--paper);color:var(--ink)}
.btn-light:hover{background:var(--card);color:var(--wax2)}
.btn-ghost-light{border-color:var(--dmuted);color:var(--dtext);background:transparent}
.btn-ghost-light:hover{background:var(--dtext);color:var(--ink)}
.btn-sm{min-height:40px;padding:8px 14px;font-size:.93rem;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}
.btn-block{width:100%}

/* signs of life */
.status{display:inline-flex;align-items:center;gap:8px;margin:0;padding:4px 12px 4px 10px;border:1px solid var(--line2);border-radius:99px;background:var(--card);font-size:.85rem;font-weight:600;line-height:1.35;color:var(--ink)}
.status-dot{position:relative;width:9px;height:9px;flex:none;border-radius:50%;background:var(--line2)}
.status.is-open .status-dot{background:var(--moss)}
.status.is-open .status-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--moss);opacity:0;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{transform:scale(.5);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.status-dark{background:transparent;border-color:rgba(245,239,228,.35);color:var(--dtext)}
.status-dark.is-open .status-dot{background:#9DB57E}
.status-dark.is-open .status-dot::after{border-color:#9DB57E}
.stamp{margin:0;font-size:.85rem;color:var(--ink2)}
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1.5px solid var(--ink)}
.hdr-in{display:flex;align-items:center;gap:10px;height:var(--hdr)}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);margin-right:auto;flex:none}
.logo-m{width:36px;height:36px;transition:transform .3s}
.logo:hover .logo-m{transform:rotate(-12deg)}
.logo-t{font-family:var(--fd);font-weight:600;font-size:.86rem;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase}
.hdr-act{display:flex;align-items:center;gap:4px}
.hdr-phone,.hdr-tg{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;color:var(--ink);text-decoration:none;font-weight:600;border-radius:var(--r)}
.hdr-phone span{display:none}
.hdr-phone:hover,.hdr-tg:hover{background:var(--paper2);color:var(--wax)}
.hdr-cta{display:none}
.hdr-cta .i{width:1em;height:1em}
.burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid var(--ink);border-radius:var(--r);background:var(--card);color:var(--ink);cursor:pointer}
.burger .i{width:22px;height:22px}
.nav ul{list-style:none;margin:0;padding:0}
.nav a{color:var(--ink);text-decoration:none;font-weight:600}
.nav a[aria-current]{color:var(--wax)}
.nav-contacts{margin:0}
.js .nav{position:fixed;inset:var(--hdr) 0 0 0;background:var(--paper);padding:8px 16px 90px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .2s,visibility .2s}
.js .nav.open{transform:none;visibility:visible}
.nav li a{display:block;padding:14px 2px;border-bottom:1px solid var(--line);font-family:var(--fd);font-size:1.05rem;letter-spacing:-.01em}
.nav-contacts a{display:block;padding:16px 2px;font-weight:600;font-size:1.15rem}
html:not(.js) .nav{order:5;width:100%}
html:not(.js) .hdr-in{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}
html:not(.js) .burger{display:none}

/* hero (home, v2b): eyebrow, two-font headline, torn-paper «было → стало» band, CTA row */
.hero{padding:22px 0 0;overflow:hidden}
.eyebrow{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink2)}
.hero-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.hero-top .hero-meta{margin:0}
.hero-head{position:relative;padding:26px 0 8px}
.h-duo{margin:0;font-size:clamp(1.6rem,7.4vw,5.5rem);line-height:1;letter-spacing:-.035em;text-wrap:initial}
.duo-a{display:block;font-family:var(--fd);font-weight:600}
.duo-b{display:block;margin-top:.02em;font-family:var(--fs);font-style:italic;font-weight:500;font-size:1.16em;line-height:1.02;letter-spacing:-.02em}
.h-duo-sm{font-size:clamp(1.5rem,3.4vw,2.6rem)}
.hero-note{margin:14px 0 0;max-width:330px;font-family:var(--fh);font-size:1.28rem;line-height:1.25;color:var(--wax2);transform:rotate(-2deg)}
/* «было → стало» band (v3): cut from the owner's mockup; the image's paper is tinted to --paper, edges fade into it */
.band{position:relative;margin:26px 0 0;container-type:inline-size;-webkit-mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.band img{display:block;width:100%;height:auto}
.band-t{position:absolute;left:41.5%;top:46.5%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.22em;margin:0;font-weight:600;font-size:9.8cqi;line-height:.98;letter-spacing:-.04em;color:var(--ink)}
.band-t span{max-width:3.6em}
.band-t svg{width:.86em;height:.86em;flex:none}
.hero-act{display:grid;gap:4px 32px;margin-top:22px;padding-top:4px;border-top:1px solid var(--ink)}
.hero-act .btns{margin-top:18px}
.btn-lg{min-height:54px;padding:14px 26px;font-size:1.05rem}
.hero-lead{font-size:1.02rem;color:var(--ink2);max-width:40em;padding-top:14px}
.hero-lead p{margin:0 0 .6em}
.hero-art{display:none}
.ledger{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--ink)}
.ledger li{padding:14px 12px 16px 0;border-bottom:1px solid var(--line)}
.ledger li:nth-child(odd){padding-right:14px;border-right:1px solid var(--line)}
.ledger li:nth-child(even){padding-left:14px}
.ledger p{margin:0;font-size:.9rem;line-height:1.45;color:var(--ink2)}
.ledger .big{font-size:clamp(1.55rem,2.2vw + .9rem,2.4rem);line-height:1.05;color:var(--ink)}
.big{font-family:var(--fd);font-weight:600;font-size:clamp(1.55rem,2.2vw + .9rem,2.4rem);line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin:0 0 6px!important}
.big span,.big small{font-size:.48em;letter-spacing:0;color:var(--wax)}
.big small{color:var(--ink2)}

/* editorial sections (home) */
.intro{padding-top:34px}
.ed{padding:44px 0}
.ed-tint,.sec-tint{background:var(--paper2)}
.ed-n{display:block;margin:0 0 12px;padding-top:10px;border-top:1px solid var(--ink);font-size:.72rem;font-weight:600;color:var(--wax);letter-spacing:.22em}
.ed-head{max-width:820px}
.ed-grid{display:grid;gap:4px}
.ed-aside h2{margin-bottom:.4em}
.ed-aside .art{display:none}
.prose.prose-wide{max-width:none}
.prose-wide>p,.prose-wide>ul{max-width:760px}
.pull{margin:8px auto;padding:34px 16px 30px;text-align:center}
.pull blockquote{margin:0 auto;max-width:880px}
.pull p{margin:0;font-family:var(--fd);font-weight:600;font-size:clamp(1.25rem,2.2vw + .7rem,2.15rem);line-height:1.22;letter-spacing:-.02em}
.pull p::before{content:"«";color:var(--wax)}
.pull p::after{content:"»";color:var(--wax)}
.pull figcaption{margin-top:14px;font-family:var(--fh);font-size:1.2rem;color:var(--ink2)}
.note{margin:18px 0;padding:12px 14px 14px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--wax);transform:rotate(-1deg);max-width:340px}
.note-l{margin:0 0 4px;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wax)}
.note-t{margin:0;font-family:var(--fh);font-size:1.22rem;line-height:1.28;color:var(--ink)}
.sec{padding:44px 0}
.sec-head{max-width:760px;margin-bottom:22px}
.sec-sub{color:var(--ink2);margin:0}

/* team */
.team-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.team-list li{position:relative;padding:18px 0 18px 72px;border-bottom:1px solid var(--line)}
.team-list .glyph{position:absolute;left:0;top:18px;width:56px;height:56px}
.team-n{position:absolute;right:0;top:18px;font-family:var(--fd);font-size:.8rem;color:var(--ink2)}
.team-list h3{margin:0 0 4px;font-family:var(--fd);font-size:1.05rem;letter-spacing:-.01em}
.team-list p{margin:0;color:var(--ink2);font-size:.97rem}

/* nodo */
.nodo{background:var(--paper2)}
.nodo-grid{display:grid;gap:10px}
.nodo-head .hand{margin:0}
.nodo-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.nodo-list li{position:relative;padding:16px 0 16px 44px;border-top:1px solid var(--line2)}
.nodo-list li::before{content:"";position:absolute;left:2px;top:19px;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M4 5c6 5 12 11 18 17M21 4C15 9 9 15 5 22' fill='none' stroke='%23B3381C' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.nodo-list h3{margin:0 0 4px}
.nodo-list p{margin:0;color:var(--ink2);font-size:.97rem}

/* platforms */
.pf-wrap{margin:1.4em 0}
.pf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.pf{display:flex;align-items:center;gap:10px;height:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--card);text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.pf:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px);color:var(--ink)}
.pf-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:600;font-size:.8rem;letter-spacing:-.02em}
.pf-ico::after{content:"";position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:50%;background:var(--c,var(--wax));border:2px solid var(--card)}
.pf-t{display:flex;flex-direction:column;min-width:0}
.pf-n{font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.pf-p{font-size:.84rem;color:var(--ink2)}
.pf-more-t{margin:1.3em 0 .5em;font-weight:600}
.pf-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pf-chips li{padding:4px 11px;border-radius:99px;border:1px dashed var(--line2);font-size:.88rem;color:var(--ink2)}

/* timeline: [[steps]] and numbered lists in prose */
.tl{list-style:none;margin:1.6em 0;padding:0;position:relative}
.tl-i{position:relative;display:grid;gap:2px;padding:0 0 22px 30px}
.tl-i::before{content:"";position:absolute;left:7px;top:10px;bottom:-6px;border-left:2px dashed var(--line2)}
.tl-i:last-child::before{display:none}
.tl-i::after{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:3px solid var(--wax)}
.ed-tint .tl-i::after{background:var(--paper2)}
.tl-when{margin:0;font-family:var(--fd);font-weight:600;font-size:.9rem;letter-spacing:-.01em;color:var(--wax)}
.tl-n{margin-right:8px;color:var(--ink2);font-size:.78rem}
.tl .tl-t{margin:0 0 4px;font-size:1.1rem}
.tl-b p{margin:0 0 6px;color:var(--ink2);font-size:.97rem}
.tl-tag{display:inline-block;padding:2px 9px;border-radius:99px;background:var(--mossbg);color:var(--moss);font-size:.8rem;font-weight:600}

/* prose */
.prose{max-width:740px}
.prose>p:first-child{font-size:1.1rem}
.prose h2{margin-top:1.7em}
.prose h3{margin-top:1.4em}
.prose ul:not([class]){padding-left:1.25em;margin:0 0 1.1em}
.prose li{margin:.35em 0}
.prose ul:not([class])>li::marker{content:"— ";color:var(--wax);font-weight:600}
.prose ol:not([class]){list-style:none;counter-reset:o;margin:1.2em 0 1.4em;padding:0}
.prose ol:not([class])>li{counter-increment:o;position:relative;margin:0;padding:0 0 14px 44px}
.prose ol:not([class])>li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:var(--fd);font-weight:600;font-size:.82rem;color:var(--wax)}
.prose ol:not([class])>li::after{content:"";position:absolute;left:10px;top:1.9em;bottom:4px;border-left:1.5px dashed var(--line2)}
.prose ol:not([class])>li:last-child::after{display:none}
.prose blockquote{margin:1.4em 0;padding:12px 16px 14px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--wax);font-family:var(--fh);font-size:1.22rem;line-height:1.35;transform:rotate(-.6deg)}
.prose blockquote::before{content:"Заметка на полях";display:block;margin-bottom:4px;font-family:var(--fb);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wax)}
.prose blockquote p:last-child{margin:0}
.prose hr{border:0;border-top:1.5px dashed var(--line2);margin:2em 0}
.prose img{border-radius:var(--r)}
.prose code{background:var(--paper2);padding:2px 6px;border-radius:4px;font-size:.9em}
.prose a{text-decoration-color:var(--wax)}
.prose-legal{font-size:.98rem}
.prose-legal h2{font-size:1.25rem}
.prose-hub>p:first-child{font-size:1.15rem}
.prose-faq h2{padding-top:.7em;border-top:2px solid var(--ink)}
.prose-faq h3{font-family:var(--fb);font-size:1.12rem}
.prose-art>p:first-child::first-letter{float:left;margin:.08em .1em 0 0;font-family:var(--fd);font-weight:600;font-size:3.1em;line-height:.85;color:var(--wax)}

/* tables (prices and content) */
.table-wrap{overflow-x:auto;margin:1em 0 1.3em;-webkit-overflow-scrolling:touch;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{padding:11px 10px;text-align:left;vertical-align:top;border-bottom:1px dotted var(--line2)}
th:first-child,td:first-child{padding-left:0}
thead th{font-size:.74rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);border-bottom:1.5px solid var(--ink);vertical-align:bottom}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:rgba(236,227,211,.55)}
td b{font-family:var(--fd);font-weight:600;font-size:.92rem;letter-spacing:-.01em}
.tr-group th{padding-top:18px;font-family:var(--fd);font-size:.8rem;font-weight:600;color:var(--wax);letter-spacing:.02em;border-bottom:1px solid var(--line)}
.price-h{margin-top:1.8em}
.price-note{font-size:.9rem;color:var(--ink2)}
.ledger-price{margin:0 0 30px}

/* faq */
.faq{margin:2em 0}
.faq-i{border-bottom:1px solid var(--line2)}
.faq-i:first-of-type{border-top:2px solid var(--ink)}
.faq-i summary{position:relative;list-style:none;cursor:pointer;padding:15px 44px 15px 0;font-weight:600;line-height:1.4;transition:color .15s}
.faq-i summary:hover{color:var(--wax)}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::before,.faq-i summary::after{content:"";position:absolute;right:8px;top:50%;width:16px;height:2.5px;margin-top:-1px;background:var(--wax);transition:transform .2s}
.faq-i summary::after{transform:rotate(90deg)}
.faq-i[open] summary::after{transform:rotate(0)}
.faq-a{padding:0 0 6px;color:var(--ink2)}
.faq-a p{margin:0 0 .9em}
.sec-faq{padding-top:48px}
.faq-grid{display:grid;gap:24px}
.faq-main .faq{margin-top:0}
.faq-side{align-self:start}
.news{list-style:none;margin:0 0 14px;padding:0}
.news li{display:grid;grid-template-columns:62px 1fr;gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:.95rem;line-height:1.4}
.news time{font-size:.84rem;font-weight:600;color:var(--wax);white-space:nowrap}
.news a{text-decoration:none}
.news a:hover{text-decoration:underline}
.news-k{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}

/* cta inside content */
.cta{margin:1.8em 0;padding:22px;border-radius:var(--r);background:var(--dark);color:var(--dtext)}
.cta-t{font-family:var(--fd);font-weight:600;font-size:1.2rem;line-height:1.25;margin:14px 0 6px}
.cta-s{margin:0;color:var(--dmuted)}
.cta .btns{margin-top:14px}
.cta .btn-accent{border-color:var(--dtext);box-shadow:3px 3px 0 var(--dwax)}

/* index lists (hubs, related) */
.idx{list-style:none;margin:1.2em 0;padding:0;display:grid;column-gap:36px}
.idx li{border-top:1.5px solid var(--ink)}
.idx a{position:relative;display:flex;flex-direction:column;gap:3px;height:100%;padding:14px 34px 16px 0;text-decoration:none;color:var(--ink)}
.idx a::after{content:"→";position:absolute;right:4px;top:13px;font-weight:600;color:var(--wax);transition:transform .15s}
.idx a:hover::after{transform:translateX(4px)}
.idx a:hover .idx-t{color:var(--wax)}
.idx-t{font-weight:600;font-size:1.05rem;line-height:1.3;transition:color .15s}
.idx-m{font-size:.86rem;font-weight:600;color:var(--wax)}
.idx-d{font-size:.92rem;color:var(--ink2);line-height:1.5}
.sec-rel{padding:36px 0;border-top:1px solid var(--line)}

/* breadcrumbs, page heads */
.crumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:.86rem;color:var(--ink2)}
.crumbs li:not(:last-child)::after{content:"/";margin-left:5px;color:var(--line2)}
.crumbs a{color:inherit}
.page-head,.art-head{padding-top:24px;padding-bottom:14px}
.page-head h1,.art-head h1{max-width:20em}
.page-head .stamp{margin-top:-4px}

/* service head + receipt */
.phead{padding:22px 0 10px}
.phead-grid{display:grid;gap:22px}
.phead-side .note{margin:18px 0 0 12px}
.receipt{position:relative;padding:20px 20px 18px;background:var(--card);border:1.5px solid var(--ink);border-bottom:0;margin-bottom:12px;box-shadow:4px 0 0 var(--paper2)}
.receipt::after{content:"";position:absolute;left:-1.5px;right:-1.5px;bottom:-10px;height:10px;background:linear-gradient(-45deg,transparent 7px,var(--card) 7px) 0 0/12px 10px repeat-x,linear-gradient(45deg,transparent 7px,var(--card) 7px) 0 0/12px 10px repeat-x}
.receipt-h{margin:0 0 10px;padding-bottom:8px;border-bottom:1.5px dashed var(--line2);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.receipt .big{font-size:clamp(2rem,3vw + 1rem,2.9rem)}
.big-sm{font-size:1.3rem!important}
.receipt-u{margin:0 0 12px;color:var(--ink2);font-size:.92rem}
.rows{margin:0}
.rows div{display:flex;align-items:baseline;padding:5px 0;font-size:.95rem}
.rows div::before{content:"";order:1;flex:1;min-width:16px;margin:0 6px;border-bottom:1.5px dotted var(--line2)}
.rows dt{order:0;color:var(--ink2)}
.rows dd{order:2;margin:0;font-weight:600;text-align:right}
.layout-side{display:grid;gap:24px;padding-top:24px;padding-bottom:28px}
.side{display:none}
.side-card{position:sticky;top:84px;display:grid;gap:12px;padding:18px;border:1.5px solid var(--ink);border-radius:var(--r);background:var(--card);box-shadow:4px 4px 0 var(--ink)}
.side-t{font-family:var(--fd);font-weight:600;font-size:1rem;line-height:1.3;margin:0}
.side-c{display:flex;justify-content:space-between;margin:0;font-size:.95rem;font-weight:600}
.side-f{margin:0;font-size:.85rem;color:var(--ink2)}

/* article */
.art-meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--ink2);font-size:.9rem;margin:0}
.art-grid{display:grid;gap:12px;padding-bottom:20px}
.toc{margin:6px 0 10px;padding:14px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.toc-t{font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wax);margin:0 0 6px}
.toc ol{margin:0;padding-left:1.9em;font-size:.94rem}
.toc li{margin:.3em 0}
.toc li::marker{color:var(--ink2);font-size:.85em}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.art-main{min-width:0}
.art-cta{margin:2em 0;padding:22px;border:1.5px solid var(--ink);border-radius:var(--r);background:var(--card);box-shadow:4px 4px 0 var(--wax)}
.art-cta-t{font-family:var(--fd);font-weight:600;font-size:1.15rem;line-height:1.3;margin:0 0 8px}

/* lead form */
.lead{position:relative;background:var(--card);color:var(--ink);border-radius:var(--r);padding:20px;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--paper2),5px 5px 0 1.5px var(--ink);margin:1.8em 0;max-width:620px}
.lead-t{font-family:var(--fd);font-weight:600;font-size:1.2rem;line-height:1.25;margin:0 0 4px}
.lead-s{font-size:.92rem;color:var(--ink2);margin:0 0 14px;line-height:1.45}
.fld{margin:0 0 12px}
.fld label{display:block;font-weight:600;font-size:.92rem;margin:0 0 4px}
.req{color:var(--wax)}
.fld input,.fld textarea{display:block;width:100%;min-height:48px;padding:11px 13px;border:1.5px solid var(--line2);border-radius:var(--r);font:inherit;font-size:16px;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.fld input::placeholder,.fld textarea::placeholder{color:#857A69}
.fld input:hover,.fld textarea:hover{border-color:var(--ink2)}
.fld textarea{resize:vertical;min-height:84px}
.fld input:focus,.fld textarea:focus{border-color:var(--ink);outline:0;box-shadow:0 0 0 3px rgba(179,56,28,.28)}
.fld [aria-invalid=true]{border-color:var(--err);box-shadow:0 0 0 3px rgba(163,32,15,.15)}
.hint{display:block;margin-top:4px;font-size:.82rem;line-height:1.4;color:var(--ink2)}
.hint.err{color:var(--err);font-weight:600}
.fld-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fld-cb{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;font-size:.86rem;line-height:1.4;color:var(--ink2)}
.fld-cb input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--wax)}
.lead-f{margin:10px 0 0;font-size:.82rem;color:var(--ink2);text-align:center}
.form-msg{margin:10px 0 0;font-weight:600}
.form-msg:empty{display:none}
.form-msg.err,.form-err{color:var(--err)}
.form-err{padding:10px 12px;border-radius:var(--r);background:var(--waxbg);font-weight:600}
.lead.sent .fld,.lead.sent .fld-cb,.lead.sent button,.lead.sent .lead-s{display:none}
.lead.sent .form-msg{color:var(--moss);font-size:1.1rem}
.lead button[disabled]{opacity:.7;cursor:progress}

/* final */
.final{background:var(--dark);color:var(--dtext);padding:46px 0}
.final h2{color:var(--dtext);margin-top:16px}
.final .duo-b{color:var(--dwax)}
.final .h-duo{margin-bottom:.55em}
.final .scr{background-image:var(--scr)}
.final-text p:not(.status){color:var(--dmuted)}
.final-grid{display:grid;gap:24px;align-items:center}
.final-form .lead{margin:0;box-shadow:6px 6px 0 var(--wax)}
.final-cta{margin-top:16px}
.final-next{padding:20px;border:1px dashed rgba(245,239,228,.35);border-radius:var(--r)}
.final-next .note-l{color:var(--dwax)}
.final-next ol{list-style:none;margin:0;padding:0;counter-reset:f}
.final-next li{counter-increment:f;position:relative;padding:10px 0 10px 42px;border-top:1px solid rgba(245,239,228,.14);color:var(--dmuted);font-size:.95rem}
.final-next li::before{content:counter(f,decimal-leading-zero);position:absolute;left:0;top:11px;font-family:var(--fd);font-size:.8rem;color:var(--dwax)}
.final-next b{display:block;color:var(--dtext)}
.entries{list-style:none;margin:0 0 1.2em;padding:0}
.entries>li{padding:12px 0 4px;margin:0;border-top:1px solid var(--line)}
.entries>li>strong:first-child{display:block;margin-bottom:2px;font-family:var(--fd);font-size:.96rem;letter-spacing:-.01em}
.final .btn-accent{border-color:var(--dtext);box-shadow:3px 3px 0 var(--dwax)}

/* 404 / thanks */
.nf-grid{display:grid;gap:10px;align-items:center;margin-bottom:28px}
.nf-code{margin:0 0 6px;font-family:var(--fd);font-weight:600;font-size:clamp(4rem,10vw,7rem);line-height:1;letter-spacing:-.04em}
.nf-code span{position:relative;display:inline-block}
.nf-code span::after{content:"";position:absolute;left:-6%;right:-6%;top:46%;height:.14em;background:var(--wax);border-radius:9px;transform:rotate(-6deg)}
.nf-lead{font-size:1.12rem}
.nf-art{max-width:420px;width:100%;margin:0 auto;text-align:center}
.art-missing{display:block;width:100%}
.nf-art .hand{margin:0;transform:rotate(-2deg)}
.nf .status{margin-top:18px}
.nf-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nf-links a{display:inline-block;padding:7px 14px;border:1.5px solid var(--ink);border-radius:99px;text-decoration:none;font-weight:600;transition:background .15s,color .15s}
.nf-links a:hover{background:var(--ink);color:var(--paper)}
.thanks{text-align:center}
.thanks .prose{text-align:left;margin:20px auto 0}
.thanks .btns{justify-content:center}
.thanks-i{display:block;width:120px;margin:0 auto 8px}

/* footer */
.ftr{background:var(--dark);color:var(--dmuted);padding:42px 0 22px;font-size:.94rem}
.ftr a{color:var(--dtext);text-decoration:none}
.ftr a:hover{text-decoration:underline;text-decoration-color:var(--dwax);color:var(--dtext)}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin:0 0 8px}
.ftr-grid{display:grid;gap:28px}
.ftr-logo{font-family:var(--fd);font-weight:600;font-size:1.05rem;text-transform:uppercase;color:var(--dtext);margin:0 0 8px}
.ftr-h{font-weight:600;color:var(--dtext);margin:0 0 10px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.ftr-contacts{display:flex;flex-wrap:wrap;gap:16px;font-weight:600}
.ftr-contacts a{display:inline-flex;gap:8px;align-items:center}
.ftr-note{font-size:.86rem}
.ftr .status{margin:4px 0 12px;font-size:.8rem}
.ftr .news li{grid-template-columns:52px 1fr;border-color:rgba(245,239,228,.14);font-size:.9rem;margin:0}
.ftr .news time{color:var(--dwax)}
.ftr .news-k{color:var(--dmuted)}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(245,239,228,.16);margin-top:28px;padding-top:18px;font-size:.86rem}
.ftr-bottom p{margin:0}
.ftr-bottom a{margin-right:16px}

/* mobile bottom bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:6px;align-items:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1.5px solid var(--ink)}
.mbar-i{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:44px;font-size:.72rem;font-weight:600;color:var(--ink);text-decoration:none}
.mbar-i .i{width:20px;height:20px}
.mbar-cta{flex:1;display:flex;white-space:nowrap;font-size:.95rem;padding:0 8px;align-items:center;justify-content:center;min-height:46px;border-radius:var(--r);background:var(--wax);color:var(--card);font-weight:600;text-decoration:none;border:1.5px solid var(--ink)}
.sc-unknown{padding:8px;background:var(--waxbg);color:var(--err)}

@media (min-width:600px){
  .ledger{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ledger li,.ledger li:nth-child(odd),.ledger li:nth-child(even){padding:16px 16px 18px;border-bottom:0;border-right:1px solid var(--line)}
  .ledger li:first-child{padding-left:0}
  .ledger li:last-child{border-right:0}
  .team-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .idx{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr-grid{grid-template-columns:repeat(2,1fr)}
  .hdr-phone span{display:inline}
  .hdr-phone{padding:0 8px}
  .phead-grid{grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
  .phead-side{padding-top:34px}
  .nf-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px}
}
@media (min-width:900px){
  body{font-size:18px;padding-bottom:0}
  .mbar{display:none}
  .hdr-cta{display:inline-flex}
  .hero{padding-top:30px}
  .hero-act{grid-template-columns:auto minmax(0,1fr);align-items:center}
  .hero-act .hero-lead{padding:16px 0 0 32px;margin-top:18px;border-left:1px solid var(--line2)}
  .ed,.sec{padding:68px 0}
  .ed-side+.ed-side{padding-top:24px}
  .ed-grid{grid-template-columns:300px minmax(0,1fr);gap:56px}
  .ed-aside{position:sticky;top:96px;align-self:start}
  .ed-aside .art{display:block;width:150px;margin:18px 0 0 8px}
  .ed-aside .art-cards{width:250px;margin-left:0}
  .ed-side .entries{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
  .prose-wide .tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:28px;margin:2em 0}
  .prose-wide .tl-i{padding:30px 0 0;align-content:start}
  .prose-wide .tl-i::before{left:20px;right:-28px;top:7px;bottom:auto;border-left:0;border-top:2px dashed var(--line2)}
  .prose-wide .tl-i:last-child::before{display:block;right:0}
  .prose-wide .lead{max-width:880px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
  .prose-wide .lead>*{grid-column:1/-1}
  .prose-wide .lead>.fld:nth-of-type(1),.prose-wide .lead>.fld:nth-of-type(2){grid-column:auto}
  .ed-aside h2{font-size:1.55rem}
  .team-list{grid-template-columns:repeat(4,minmax(0,1fr));border-top:0}
  .team-list li{padding:76px 0 0;border-bottom:0;border-top:2px solid var(--ink)}
  .team-list .glyph{top:14px}
  .team-n{top:14px}
  .nodo-grid{grid-template-columns:320px minmax(0,1fr);gap:56px}
  .nodo-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
  .faq-grid{grid-template-columns:minmax(0,1fr) 340px;gap:64px}
  .faq-side{position:sticky;top:96px}
  .idx{grid-template-columns:repeat(3,minmax(0,1fr))}
  .phead{padding-top:30px}
  .phead-grid{grid-template-columns:minmax(0,1fr) 340px;gap:64px}
  .layout-side{grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding-top:36px;padding-bottom:40px}
  .side{display:block}
  .art-grid{grid-template-columns:240px minmax(0,1fr);gap:56px;padding-bottom:40px}
  .art-grid-solo{grid-template-columns:minmax(0,760px);justify-content:center}
  .art-grid .toc{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;margin:0}
  .art-main{max-width:740px}
  .final-grid{grid-template-columns:1fr 1fr;gap:56px}
  .ftr-grid{grid-template-columns:1.5fr repeat(3,1fr) 1.3fr}
}
@media (min-width:900px) and (max-width:1099px){
}
@media (min-width:700px){
  .band-t{left:49.4%;top:47%;font-size:6.5cqi}
  .band-t span{max-width:none;white-space:nowrap}
}
@media (min-width:1100px){
  .hero-note{position:absolute;right:0;bottom:22px;margin:0}
}
@media (min-width:1280px){
  .js .nav,.nav{position:static;transform:none;visibility:visible;padding:0;overflow:visible;background:none;order:0;width:auto}
  .nav ul{display:flex;gap:0}
  .nav li a{border:0;padding:8px 9px;font-family:var(--fb);font-size:.93rem;letter-spacing:0;border-radius:var(--r);white-space:nowrap;background-image:linear-gradient(var(--wax),var(--wax));background-size:0 2px;background-position:9px 85%;background-repeat:no-repeat;transition:background-size .2s,color .15s}
  .nav li a:hover,.nav li a[aria-current]{background-size:calc(100% - 18px) 2px}
  .nav-contacts{display:none}
  .burger{display:none}
  .logo{margin-right:14px}
  .hdr-act{margin-left:auto}
  .hdr-phone span{display:none}
}
@media (min-width:1440px){.hdr-phone span{display:inline}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.mbar,.ftr,.final,.lead,.side,.status{display:none!important}body{padding:0;background:#fff}}