@font-face{font-family:'Cormorant';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/cormorant-normal-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Cormorant';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/cormorant-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:500 700;font-display:swap;src:url(fonts/cormorant-italic-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:500 700;font-display:swap;src:url(fonts/cormorant-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/manrope-normal-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/manrope-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122}

:root{color-scheme:light;--bg:#f6f5f1;--card:#ffffff;--card2:#faf9f5;--fg:#171a1d;--mut:#5b6260;--line:#e4e1d8;--acc:#3f6252;--acc-ink:#f6f5f1;--gold:#a97c1f;--gold2:#c9a227;--todo:#7a4b00;--todob:#fff1d0;--serif:Cormorant,"Iowan Old Style",Palatino,Georgia,serif;--sans:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16.5px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--card);padding:.5rem 1rem;z-index:9;border-radius:8px}
header{position:sticky;top:0;z-index:5;background:rgba(246,245,241,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header div{max-width:70rem;margin:0 auto;padding:.85rem 1.25rem;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:center}
.brand{display:flex;align-items:center;gap:.55rem;margin-right:auto;color:var(--fg);text-decoration:none}
.brand img{border-radius:8px;display:block}
.brand span{font:600 1.3rem/1 var(--serif);letter-spacing:.01em}
nav{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem;font-size:.92rem;align-items:center}
nav a{color:var(--mut);text-decoration:none;padding:.2rem 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
nav a:hover,nav a[aria-current=page]{color:var(--fg);border-color:var(--gold2)}
a{color:var(--acc)}a:focus-visible{outline:3px solid var(--gold2);outline-offset:3px;border-radius:4px}
main{max-width:44rem;margin:0 auto;padding:2.6rem 1.25rem 4rem}
h1{font:600 clamp(2rem,4.6vw,2.6rem)/1.18 var(--serif);letter-spacing:-.01em;margin:.2rem 0 .6rem}
h2{font:600 1.5rem/1.25 var(--serif);margin:2.6rem 0 .7rem}
.meta{color:var(--mut);font-size:.9rem;margin:0 0 1.6rem}
ul,ol{padding-left:1.3rem}li{margin:.35rem 0}li::marker{color:var(--gold2)}
table{width:100%;border-collapse:collapse;font-size:.95rem;margin:.6rem 0}
th,td{border-bottom:1px solid var(--line);padding:.6rem .7rem;text-align:left;vertical-align:top}th{color:var(--mut);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}
.tbl{overflow-x:auto}
.box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.5rem}
.todo{background:var(--todob);color:var(--todo);border-radius:6px;padding:0 .35rem}
footer{max-width:70rem;margin:0 auto;padding:1.6rem 1.25rem 2.4rem;color:var(--mut);font-size:.87rem;border-top:1px solid var(--line)}
footer a{color:var(--mut)}footer a:hover{color:var(--fg)}
/* главная */
.wrap{max-width:70rem;margin:0 auto;padding:0 1.25rem}
.hero{max-width:70rem;margin:0 auto;padding:3.8rem 1.25rem 1.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2.6rem;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem;background:var(--card)}
.eyebrow::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--acc)}
.hero h1{margin:1.1rem 0 .9rem}
.hero h1 em{font-style:italic;color:var(--gold)}
.lede{max-width:30rem;margin:0 0 1.6rem;color:var(--mut);font-size:1.1rem}
.cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.btn{display:inline-block;background:var(--acc);color:var(--acc-ink);font-weight:600;padding:.85rem 1.6rem;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px var(--acc)}
.btn[aria-disabled=true]{background:var(--line);color:var(--mut);box-shadow:none}
.btn[aria-disabled=true]:hover{transform:none;box-shadow:none}
.ghost{display:inline-block;padding:.85rem 1.4rem;border-radius:12px;border:1px solid var(--line);color:var(--fg);text-decoration:none;transition:border-color .2s,transform .2s}
.ghost:hover{border-color:var(--gold2);transform:translateY(-2px)}
.nav-btn{padding:.55rem 1.1rem}
.hero small{display:block;margin-top:.9rem;color:var(--mut);font-size:.87rem}
.phone{position:relative;justify-self:center;width:min(100%,18rem)}
.phone::before{content:"";position:absolute;inset:10% -14% -8%;background:radial-gradient(closest-side,rgba(63,98,82,.16),rgba(201,162,39,.08) 60%,transparent);filter:blur(20px);z-index:0}
.phone img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:28px;border:1px solid var(--line);box-shadow:0 24px 50px -26px rgba(23,26,29,.35)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:1.4rem 0 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem;transition:transform .25s,border-color .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px);border-color:var(--gold2);box-shadow:0 16px 32px -22px rgba(23,26,29,.25)}
.card b{display:block;font:600 1.15rem/1.3 var(--serif);margin-bottom:.35rem}
.card p{margin:0;color:var(--mut);font-size:.93rem}
.sec{padding:3rem 0 0}.sec h2{margin-top:0;text-align:center;font-size:1.8rem}
.spec{max-width:38rem;margin:1.5rem auto 0}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.55rem 1.3rem;margin:.8rem 0 0}dt{color:var(--mut);font-size:.88rem}dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
details.spec-details{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}
details.spec-details summary{cursor:pointer;color:var(--acc);font-weight:600;font-size:.92rem}
.steps{list-style:none;padding:0;margin:1.4rem auto 0;max-width:38rem;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:.2rem 0 1.1rem 3rem;margin:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--card);border:1px solid var(--gold2);color:var(--gold);display:grid;place-items:center;font:600 .95rem var(--serif)}
.note{max-width:38rem;margin:1rem auto 0;text-align:center;color:var(--mut)}
.faq{max-width:38rem;margin:1.4rem auto 0}
.faq details{border-bottom:1px solid var(--line);padding:.9rem 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--acc)}
.faq details[open] summary::after{content:"−"}
.faq p{color:var(--mut);margin:.6rem 0 0}
/* анимации: CSS-only, тонкие; при reduce-motion выключены */
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes float{50%{transform:translateY(-9px)}}
@keyframes pulse{50%{opacity:.4;transform:scale(1.6)}}
@media(prefers-reduced-motion:no-preference){
.hero .eyebrow,.hero h1,.lede,.cta,.hero small{animation:up .8s cubic-bezier(.2,.7,.2,1) backwards}
.hero h1{animation-delay:.1s}.lede{animation-delay:.2s}.cta{animation-delay:.3s}.hero small{animation-delay:.4s}
.eyebrow::before{animation:pulse 2.6s ease-in-out infinite}
.phone{animation:up 1s .2s cubic-bezier(.2,.7,.2,1) backwards}
.phone img{animation:float 8s 1.2s ease-in-out infinite}
@supports(animation-timeline:view()){
.card,.sec h2,.spec,.steps li,.note,.faq details{animation:up linear backwards;animation-timeline:view();animation-range:entry 0% entry 40%}}
}
@media(max-width:52rem){.hero{grid-template-columns:1fr;padding:2.8rem 1.25rem 1rem;gap:2rem;text-align:center}.lede{margin-left:auto;margin-right:auto}.cta{justify-content:center}}
@media(max-width:40rem){.tbl table,.tbl tbody,.tbl tr,.tbl td{display:block}.tbl thead{display:none}
.tbl tr{border:1px solid var(--line);border-radius:12px;background:var(--card);margin:.6rem 0;padding:.3rem .2rem}
.tbl td{border:0;padding:.25rem .6rem}.tbl td::before{content:attr(data-l);display:block;color:var(--mut);font-size:.8rem}
dl{grid-template-columns:1fr;gap:.1rem}dd{margin-bottom:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.home main{max-width:none;padding:0 0 4rem}