/* Слой оформления сайта. Чтобы отключить - уберите <link> на этот файл. */
:root{--serif:"PT Serif","Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  --line:rgba(255,255,255,.14);--panel:rgba(var(--bkr),.62);--r:10px}
@supports (color:color-mix(in srgb,red,blue)){:root{--line:color-mix(in srgb,var(--tx) 14%,transparent)}}

/* основа */
html{scrollbar-color:var(--c1) var(--bk)}
body{font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--c1);color:var(--on1)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--c2);outline-offset:3px}
.b{margin-bottom:32px}.b:last-child{margin-bottom:0}
.sec{padding:96px 0;border-top:1px solid var(--line);background:rgba(var(--bkr),.5)}

/* заголовки: засечки, тонкая линия, акцент поверх неё */
h1,h2,h3,blockquote p,.stats b,.price strong,.ava{font-family:var(--serif)}
h1{font-weight:700;letter-spacing:-.02em;line-height:1.08}
h2{font-weight:700;letter-spacing:-.01em;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid var(--line)}
h2::after{bottom:-1px}
h2.in::after{width:96px}
.eyebrow{display:flex;align-items:center;gap:14px;font-weight:700;font-size:12px;letter-spacing:.24em}
.eyebrow::before{content:"";flex:none;width:36px;height:2px;background:var(--c2)}
.hero-box .lead{font-size:clamp(18px,2.2vw,22px);line-height:1.6}
.sub{display:flex;align-items:center;gap:12px;font-weight:700}
.sub::before{content:"";flex:none;width:10px;height:10px;background:var(--c2)}

/* шапка и вкладки */
.top{background:rgba(var(--bkr),.72);border-bottom:1px solid var(--line)}
.tabs a{letter-spacing:.04em}

/* текстовые блоки: панель с акцентной полосой */
.b-text p{position:relative;max-width:78ch;padding:26px 32px 26px 38px;font-size:18px;line-height:1.8;color:var(--tx2);
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(8px)}
.b-text p::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--c1)}
.b-heading+.b-text p{font-size:20px;line-height:1.7;color:var(--tx)}
.b-twocol .cols{gap:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(8px)}
.b-twocol .cols p{max-width:none;margin:0;padding:28px 32px;font-size:17px;line-height:1.8}
.b-twocol .cols p+p{border-left:1px solid var(--line)}
@media(max-width:700px){
  .b-twocol .cols p+p{border-left:0;border-top:1px solid var(--line)}
  .b-text p,.b-twocol .cols p{padding:20px 20px 20px 24px}
}
blockquote{position:relative;max-width:78ch;padding:30px 36px 30px 40px;background:var(--panel);
  border:1px solid var(--line);border-left:3px solid var(--c2);border-radius:var(--r)}
blockquote::before{content:"\201C";position:absolute;right:24px;top:-4px;font:700 96px/1 var(--serif);color:var(--c2);opacity:.35}
blockquote p{font-size:clamp(20px,2.4vw,25px);line-height:1.5}
blockquote cite{font-size:13px;letter-spacing:.1em;text-transform:uppercase}

/* карточки, цифры, этапы, таблицы, ссылки */
.card{padding:28px;border:1px solid var(--line);border-top:3px solid var(--c1);border-radius:var(--r);background:var(--panel)}
.card.reveal.in:hover{transform:translateY(-4px);border-color:var(--c1);box-shadow:0 16px 36px rgba(var(--bkr),.5)}
.card h3,.feat h3,.step h3,.imgtext h3{color:var(--tx);font-size:20px;line-height:1.3}
.card p,.feat p,.step p{line-height:1.7}
.price strong{font-size:34px}
.feat>div{padding:4px 0}
.step .n{border-radius:10px;font-family:var(--serif);font-size:18px}
.stats div{padding:28px 12px;border:1px solid var(--line);border-bottom:3px solid var(--c1);border-radius:var(--r);background:var(--panel)}
.stats span{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.faq{border-bottom:1px solid var(--line)}
.faq summary{font-size:18px}
.tbl{border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
th{font-size:13px;letter-spacing:.1em;text-transform:uppercase}
th,td{border-bottom-color:var(--line)}
tbody tr:last-child td{border-bottom:0}
.docs a{border-color:var(--line);border-radius:var(--r);background:var(--panel)}
.pic,.banner,.embed,.cta{border-radius:var(--r)}
.pic,.embed{border-color:var(--line)}
.gal figure{border-radius:var(--r)}
.ava{border-width:2px}

/* кнопки: строже, без блика */
.btn{border-radius:8px;padding:14px 30px;letter-spacing:.03em}
.btn::after{display:none}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(var(--c2r),.28)}

/* форма и подвал */
.form{max-width:560px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.form input[type=text],.form input[type=tel],.form input[type=email]{border-radius:8px;border-color:var(--line)}
.box{border-radius:5px}
.foot{background:rgba(var(--bkr),.94);border-top:1px solid var(--line)}
.foot h4{font-size:12px;letter-spacing:.16em}
.copy{border-top:1px solid var(--line);padding-top:20px;width:min(1100px,100% - 32px);margin:32px auto 0}

/* появление: без размытия, короче путь */
.reveal{transform:translateY(20px);filter:none}
@media(prefers-reduced-motion:reduce){.reveal{transform:none}}
@media(max-width:700px){.sec{padding:72px 0}.form{padding:22px}}