/* ОРБИТА — стиль внутренних страниц (блог, услуги, политика) в духе новой главной. 2026-10-15 */
@font-face{font-family:"Unbounded";font-weight:200 900;font-style:normal;font-display:swap;src:url(/assets/fonts/unbounded-cyr.woff2) format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:"Unbounded";font-weight:200 900;font-style:normal;font-display:swap;src:url(/assets/fonts/unbounded-lat.woff2) format("woff2");unicode-range:U+00-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-weight:400 900;font-style:normal;font-display:swap;src:url(/assets/fonts/golos-cyr.woff2) format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:"Golos Text";font-weight:400 900;font-style:normal;font-display:swap;src:url(/assets/fonts/golos-lat.woff2) format("woff2");unicode-range:U+00-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-style:normal;font-display:swap;src:url(/assets/fonts/jb-cyr.woff2) format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-style:normal;font-display:swap;src:url(/assets/fonts/jb-lat.woff2) format("woff2");unicode-range:U+00-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0b0b0c;--paper:#f2efe9;--rec:#ff3b1f;--dim:#6b6b70;
--bg:#0b0b0c;--bg2:#111113;--bg3:#18181b;--text:#f2efe9;--muted:#9c9992;--line:rgba(242,239,233,.14);
--accent:#ff3b1f;--accent2:#ff3b1f;--ok:#ff3b1f;--good:#ff3b1f;--warn:#ff3b1f;--bad:#ff3b1f;
--read:#e4e0d8;--read2:#a8a59d;--surface:#111113;
--display:"Unbounded","Unbounded Fallback",system-ui,sans-serif;--font:"Golos Text",system-ui,sans-serif;--sans:"Golos Text","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius:10px}
html{background:var(--ink)}
body{background:var(--ink);color:var(--paper);font-family:var(--sans)}
body::before,body::after,.bg-orbits{display:none!important}
::selection{background:var(--rec);color:var(--ink)}
/* заголовки */
h1,h2,h3{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(26px,4.6vw,54px)}
h2{font-size:clamp(19px,2.6vw,30px)}
.post-hero h1{font-size:clamp(24px,5vw,44px);line-height:1.1;letter-spacing:-.02em}
.blog-hero h1{font-size:clamp(28px,5.6vw,60px);line-height:1.04}
.blog-hero h1 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--rec)}
.post-body h2{font-size:clamp(18px,3.4vw,25px);line-height:1.16;color:var(--paper)}
.post-body h2::before{width:44px;height:4px;border-radius:0;background:var(--rec)}
.post-body h3{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(15px,2.6vw,18px);color:var(--paper)}
.eyebrow,.pill,.crumbs,.post-meta,.card-meta,.tcap,.callout-title,.cl-head,.cl-count,.toc summary,.toc-side .ts-title,.h-step,.nav-links a,.footer-seo,.footer-contacts,.footer-brand,.scroll-hint,.price-note,.faq .num{font-family:var(--mono)}
.eyebrow{font-weight:500;font-size:11px;letter-spacing:.14em;color:var(--rec)}
.lead,.blog-hero .lead{color:var(--read2)}
/* шапка */
.nav{background:rgba(11,11,12,.88);border-bottom:1px solid var(--line)}
.logo{font-family:var(--display);font-weight:900;font-size:18px;letter-spacing:-.02em;text-transform:uppercase}
.logo span{color:var(--rec)}
.nav-links a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--paper)}
.nav-vk{border-color:var(--line);color:var(--paper);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.nav-vk:hover{border-color:var(--rec);background:transparent;color:var(--rec)}
.read-progress i{background:var(--rec)}
/* кнопки */
.btn{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.btn-primary{background:var(--rec);color:var(--ink);box-shadow:none}
.btn-primary:hover{background:#ff5238;box-shadow:none;transform:none}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--paper)}
.btn-ghost:hover{border-color:var(--rec);background:transparent}
.btn:focus-visible,.nav-vk:focus-visible{outline:2px solid var(--rec)}
/* метки */
.pill{color:var(--rec);border:1px solid rgba(255,59,31,.5);background:transparent;border-radius:3px;font-size:10.5px;font-weight:500;letter-spacing:.12em}
.post-meta{color:var(--dim)}
.post-meta svg{color:var(--rec)}
.crumbs{color:var(--dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.crumbs a:hover{color:var(--rec)}
/* статья */
.post-cover{border-radius:8px;border:1px solid var(--line);background:#000;box-shadow:none}
.post-body{color:var(--read)}
@media (min-width:760px){.post-body{background:#101012;border:1px solid var(--line);border-radius:10px;box-shadow:none}}
.post-body p.lead-p{color:var(--paper)}
.post-body strong,.post-body em{color:var(--paper)}
.post-body a{color:var(--rec);text-decoration-color:rgba(255,59,31,.5)}
.post-body a:hover{color:#ff7a62;text-decoration-color:var(--rec)}
.post-body ul>li::before{background:var(--rec);box-shadow:none;border-radius:0;width:7px;height:7px;top:.75em}
.post-body ol>li::before{color:var(--rec);border:1px solid rgba(255,59,31,.5);background:transparent;border-radius:3px;font-family:var(--mono)}
.post-body hr{background:var(--line)}
.post-body code{background:rgba(242,239,233,.08);font-family:var(--mono)}
.h-step{color:var(--ink);background:var(--rec);border-radius:3px}
.callout,.callout-warn,.callout-tip,.callout-price,.callout-example,.callout-bad{border:1px solid var(--line);border-left:3px solid var(--rec);border-radius:8px;background:rgba(242,239,233,.035)}
.callout .ci,.callout-warn .ci,.callout-tip .ci,.callout-price .ci{background:rgba(255,59,31,.14);color:var(--rec);border-radius:6px}
.callout-title,.callout-warn .callout-title,.callout-tip .callout-title,.callout-example h3::before{color:var(--rec)}
.post-body .list-bad>li::before{color:var(--rec);background:rgba(255,59,31,.14)}
.checklist{border:1px solid var(--line);border-left:3px solid var(--rec);border-radius:8px;background:rgba(242,239,233,.035)}
.cl-head{color:var(--rec)}
.checklist input{border-color:rgba(255,59,31,.7);border-radius:4px}
.checklist input::after{border-color:var(--ink)}
.checklist input:checked{background:var(--rec);border-color:var(--rec)}
.tcap{color:var(--rec)}
.table-wrap{border:1px solid var(--line);border-radius:8px;background:rgba(242,239,233,.025)}
.table-wrap th{color:var(--paper);background:rgba(255,59,31,.12);border-bottom:1px solid rgba(255,59,31,.4);font-family:var(--mono);font-size:.82em;letter-spacing:.05em;text-transform:uppercase}
.table-wrap td{border-top:1px solid var(--line);color:var(--read)}
.table-wrap td.num,.table-wrap td:first-child{color:var(--paper)}
.table-wrap td.num{color:var(--rec)}
.table-wrap tbody tr:nth-child(even) td{background:rgba(242,239,233,.025)}
.toc{border:1px solid var(--line);border-radius:8px;background:rgba(242,239,233,.03)}
.toc summary{color:var(--paper);font-size:12px;letter-spacing:.1em}
.toc summary::after{border-color:var(--rec)}
.toc a{border-top-color:var(--line);color:var(--read2)!important}
.toc a::before{color:var(--rec);font-family:var(--mono)}
.toc-side a{border-left-color:var(--line)}
.toc-side a.on{color:var(--paper);border-left-color:var(--rec)}
.side-cta,.post-cta,.page-cta,.aside-card{border:1px solid var(--line);border-radius:10px;background:#101012}
.post-cta{border-color:rgba(255,59,31,.45);background:radial-gradient(120% 140% at 100% 0%,rgba(255,59,31,.16),transparent 55%),#101012}
.post-cta::after{display:none}
.page-cta{border-color:rgba(255,59,31,.45);background:radial-gradient(120% 140% at 100% 0%,rgba(255,59,31,.14),transparent 55%),#101012}
.svc-chips a,.svc-links a{border:1px solid var(--line);border-radius:3px;background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.svc-chips a:hover,.svc-links a:hover{border-color:var(--rec);color:var(--rec)}
.faq details{border:1px solid var(--line);border-radius:8px;background:rgba(242,239,233,.03)}
.faq details[open]{border-color:rgba(255,59,31,.5);background:rgba(255,59,31,.05)}
.faq summary{color:var(--paper)}
.faq summary::after{border-color:rgba(255,59,31,.6);color:var(--rec);border-radius:4px}
/* карточки блога */
.card,.feature{border:1px solid var(--line);border-radius:10px;background:#101012}
.card:hover,.feature:hover{border-color:var(--rec);box-shadow:none;transform:translateY(-2px)}
.card-img{background:#000}
.card h3{font-size:15px;line-height:1.28;font-weight:900;letter-spacing:-.01em}
.card p,.feature p{color:var(--read2)}
.card-meta{color:var(--dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.card-meta .more{color:var(--rec);font-weight:500}
.feature h2{font-size:clamp(19px,2.6vw,28px);line-height:1.12}
.feature .card-img{border-right-color:var(--line)}
.blog-sec .cards,.cards{gap:16px}
/* страницы услуг и политика */
.page-media .pm-item,.pm-item{border:1px solid var(--line);border-radius:8px;background:#000}
.pm-item figcaption{color:var(--dim);font-family:var(--mono)}
.prose p,.prose ul,.prose ol,.page-cta p{color:var(--read)}
.prose b{color:var(--paper)}
.prose a{color:var(--rec)}
.fast-card{border:1px solid var(--line);border-radius:8px;background:rgba(242,239,233,.03)}
.fast-card p{color:var(--muted)}
.fast-card .price{font-family:var(--display);font-weight:900}
/* подвал */
.footer{background:#0b0b0c;border-top:1px solid var(--line);color:var(--muted)}
.footer-brand,.footer-contacts,.footer-seo{font-size:12px}
.footer-contacts a:hover,.footer-seo a:hover,.footer-legal a:hover{color:var(--rec)}
.footer-seo{border-top-color:var(--line);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.footer-legal{color:var(--dim)}
/* чат-виджет: палитра новой главной (скрипт виджета не менялся) */
.oc-btn,.oc-me,.oc-send,.ot-b{background:var(--rec)!important;color:var(--ink)!important;box-shadow:none}
.oc-msg a{color:var(--rec)}
.oc-q:hover{background:rgba(255,59,31,.14)!important;border-color:var(--rec)!important}
.oc-form textarea:focus,.oc-form input:focus{border-color:var(--rec)!important}