@font-face{font-family:"Manrope";font-weight:400 800;font-display:swap;src:url(/fonts/manrope-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-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#12141A;--ink-2:#4A4F5C;--ink-3:#8A8F9A;--paper:#F6F4EF;--card:#fff;--line:#E4E1D9;--acc:#FF5A2C;--acc-d:#E2461B;--acc-soft:#FFE7DE}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Manrope",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--acc)}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:8px}
.pw{max-width:1100px;margin:0 auto;padding:0 24px}
.pt{max-width:780px;margin:0 auto;padding:0 24px}

/* шапка */
.ph{border-bottom:1px solid var(--line);background:rgba(246,244,239,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.ph .pw{display:flex;align-items:center;gap:24px;height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-.045em;line-height:1;color:var(--ink);text-decoration:none}
.logo svg{flex:none}
.wm{display:inline-flex;align-items:baseline;white-space:nowrap}
.cl{display:inline-block;position:relative;width:.24em;height:.52em;margin:0 .06em 0 .05em}
.cl i{position:absolute;left:0;width:.22em;height:.22em;border-radius:.065em}
.cl i:first-child{top:0;box-shadow:inset 0 0 0 .05em currentColor}
.cl i:last-child{bottom:0;background:var(--acc)}
.ph nav{margin-left:auto;display:flex;gap:22px;font-weight:600;font-size:15px}
.ph nav a{color:var(--ink-2);text-decoration:none}.ph nav a:hover{color:var(--ink)}
.ph .btn{height:44px;padding:0 18px;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 24px;border-radius:16px;font-weight:800;font-size:16px;white-space:nowrap;text-decoration:none;transition:.15s}
.btn-acc{background:var(--acc);color:#fff;box-shadow:0 12px 28px -12px rgba(255,90,44,.7)}.btn-acc:hover{background:var(--acc-d)}
.btn-line{box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink)}.btn-line:hover{background:var(--acc);color:#fff;box-shadow:inset 0 0 0 2px var(--acc)}

/* контент */
main{padding:52px 0 88px}
.crumbs{font-size:14px;color:var(--ink-3);margin-bottom:18px}.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{color:var(--acc)}
h1{font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:800}
.lead{font-size:19px;color:var(--ink-2);margin-top:16px}
.meta{color:var(--ink-3);font-size:14px;margin-top:14px;display:flex;gap:16px;flex-wrap:wrap}
.prose h2{font-size:clamp(22px,2.6vw,28px);letter-spacing:-.025em;line-height:1.2;margin:40px 0 12px}
.prose h3{font-size:19px;letter-spacing:-.015em;margin:28px 0 8px}
.prose p,.prose li{font-size:17px;color:var(--ink-2)}
.prose p+p{margin-top:12px}
.prose ul,.prose ol{padding-left:24px;display:grid;gap:8px;margin:12px 0}
.prose strong{color:var(--ink)}
.prose blockquote{border-left:4px solid var(--acc);background:#fff;border-radius:0 16px 16px 0;padding:16px 20px;margin:20px 0;font-weight:600;color:var(--ink)}
.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 26px;margin-top:16px}
.box p{margin:0}
.tbl{width:100%;border-collapse:collapse;margin-top:8px;font-size:16px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.tbl th,.tbl td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{width:38%;color:var(--ink-3);font-weight:600}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
.cta{margin-top:48px;background:linear-gradient(140deg,#FF6A3D,#FF5A2C 60%,#F24A1C);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta b{display:block;font-size:24px;letter-spacing:-.025em;line-height:1.2}
.cta span{color:rgba(255,255,255,.88)}
.cta .btn{background:#fff;color:var(--acc)}
.docs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.doc{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;text-decoration:none;color:var(--ink);transition:.15s}
.doc:hover{border-color:var(--acc)}
.doc .ic{flex:none;width:46px;height:46px;border-radius:14px;background:var(--acc-soft);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--acc)}
.doc b{display:block;font-size:16px}.doc small{color:var(--ink-3)}

/* блог */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.post{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:.2s}
.post:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(18,20,26,.35)}
.post .cv{height:150px;display:grid;place-items:center;font-size:44px;font-weight:800;letter-spacing:-.04em}
.post .tx{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.post small{color:var(--ink-3);font-size:13px}
.post b{font-size:19px;letter-spacing:-.02em;line-height:1.25}
.post p{color:var(--ink-2);font-size:15px}

/* подвал */
.pf{border-top:1px solid var(--line);padding:32px 0 40px;font-size:14px;color:var(--ink-3)}
.pf .pw{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pf a{color:var(--ink-2);text-decoration:none}.pf a:hover{color:var(--acc)}
.pf .ln{display:flex;gap:18px;flex-wrap:wrap}

.hc{display:flex;align-items:center;gap:8px;flex:none}
.hph{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:15px;color:var(--ink);white-space:nowrap;text-decoration:none}
.hph svg{color:var(--acc)}.hph:hover{color:var(--acc)}
.htg{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.htg:hover{background:var(--acc);color:#fff}
@media (max-width:1000px){.hph span{display:none}.hph{width:40px;height:40px;border-radius:12px;justify-content:center;background:#fff;box-shadow:0 0 0 1px var(--line)}}
@media (max-width:860px){.ph nav{display:none}.hc{margin-left:auto}.ph .btn{display:none}.posts{grid-template-columns:1fr}.docs{grid-template-columns:1fr}.tbl th{width:44%}}
@media print{.ph,.pf,.cta{display:none}body{background:#fff}}