/* Probarium — modern layer (поверх встроенных стилей страниц; палитра и тексты не меняются) */
:root{
  --blue-deep:#0F2A4D; --gold:#B3701A; --blue-sky:#378ADD; --blue-pale:#E8F1FB;
  --ink:#0B1F38; --radius:18px; --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(15,42,77,.06),0 2px 8px rgba(15,42,77,.05);
  --shadow-md:0 2px 4px rgba(15,42,77,.05),0 12px 32px rgba(15,42,77,.10);
  --ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-padding-top:84px;}
body{font-family:'Inter',system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2,h3{font-family:'Space Grotesk','Inter',Arial,sans-serif;letter-spacing:-.015em;}
::selection{background:rgba(179,112,26,.22);}
:focus-visible{outline:2px solid var(--blue-sky);outline-offset:3px;border-radius:6px;}

/* прогресс чтения */
.pb-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue-sky),var(--gold));z-index:120;transition:width .1s linear;}

/* ===== шапка ===== */
header.site-header{background:rgba(255,255,255,.84);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(220,226,232,.7);transition:box-shadow .25s,background .25s;}
header.site-header.scrolled{box-shadow:0 6px 24px rgba(15,42,77,.08);background:rgba(255,255,255,.94);}
.header-row{padding-top:12px;padding-bottom:12px;gap:12px;}
@media (max-width:1180px){nav.main-nav a,nav.main-nav .nav-trigger{padding:8px 8px;font-size:13px;}}
@media (max-width:1140px){nav.main-nav a,nav.main-nav .nav-trigger{padding:8px 4px;}.logo{font-size:19px;}.logo svg{width:38px;height:38px;}.header-row .header-cta.btn{padding:10px 14px;}.header-row .header-actions{gap:8px;}}
.logo{font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-.02em;}
nav.main-nav{margin-left:auto;}
nav.main-nav ul{gap:0;align-items:center;}
nav.main-nav li{position:relative;}
nav.main-nav a,nav.main-nav .nav-trigger{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--graphite);padding:8px 11px;white-space:nowrap;border-radius:999px;background:none;border:0;cursor:pointer;font-family:inherit;transition:background .2s,color .2s;}
nav.main-nav a:hover,nav.main-nav .nav-trigger:hover,nav.main-nav li:focus-within>.nav-trigger{background:var(--blue-pale);color:var(--blue-deep);}
nav.main-nav a[aria-current="page"]{color:var(--blue-deep);background:var(--blue-pale);}
.nav-trigger svg{transition:transform .2s;}
.has-sub:hover .nav-trigger svg,.has-sub:focus-within .nav-trigger svg{transform:rotate(180deg);}
.sub-menu{position:absolute;top:calc(100% + 8px);left:-8px;min-width:300px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s var(--ease);list-style:none;display:block !important;}
.sub-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;}
.has-sub:hover .sub-menu,.has-sub:focus-within .sub-menu{opacity:1;visibility:visible;transform:none;}
.sub-menu li{display:block;}
nav.main-nav .sub-menu a{display:block;white-space:normal;border-radius:10px;padding:10px 12px;line-height:1.35;}
.sub-menu a small{display:block;font-size:12px;font-weight:400;color:var(--gray-text);margin-top:2px;}
.header-cta{white-space:nowrap;}

/* кнопки */
.btn{border-radius:999px;padding:13px 26px;font-weight:600;letter-spacing:.005em;transition:transform .2s var(--ease),box-shadow .2s,background .2s,color .2s,border-color .2s;}
.btn-primary{background:linear-gradient(180deg,#C07A1D,var(--gold));box-shadow:0 6px 18px rgba(179,112,26,.28);}
.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(180deg,#B3701A,#9A5F12);transform:translateY(-2px);box-shadow:0 10px 24px rgba(179,112,26,.34);}
.btn-outline{border-color:rgba(15,42,77,.28);background:rgba(255,255,255,.7);}
.btn-outline:hover,.btn-outline:focus-visible{border-color:var(--blue-deep);transform:translateY(-2px);}
.header-cta.btn{padding:10px 20px;}

/* ===== hero (главная) ===== */
.hero{position:relative;overflow:hidden;padding:104px 0 84px;isolation:isolate;background:
  radial-gradient(60% 60% at 15% 0%,rgba(55,138,221,.16),transparent 70%),
  radial-gradient(50% 55% at 90% 10%,rgba(179,112,26,.12),transparent 70%),#F5F7FA;}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,42,77,.13) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 80% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 80% at 50% 30%,#000 30%,transparent 80%);}
.hero h1{font-size:clamp(34px,5.4vw,64px);line-height:1.05;letter-spacing:-.03em;max-width:980px;margin-bottom:22px;}
.hero p.lead{font-size:clamp(16px,1.6vw,19px);max-width:680px;color:#46505F;line-height:1.6;}
.hero p.lead-secondary{max-width:640px;margin:0 auto 34px;}
.hero-actions{gap:12px;margin-top:6px;}
.eyebrow{border:1px solid rgba(15,42,77,.12);background:rgba(255,255,255,.75);backdrop-filter:blur(6px);}

.trust-strip{background:#fff;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;}
.trust-strip ul{gap:10px;}
.trust-strip li{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:#3E4858;}

/* ===== секции ===== */
section{padding:84px 0;}
body{counter-reset:sec;}
.section-head{counter-increment:sec;margin-bottom:44px;}
.section-head::before{content:"0" counter(sec);display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;color:var(--gold);margin-bottom:12px;}
.section-head::after{content:"";display:block;width:36px;height:3px;border-radius:2px;background:var(--gold);margin-top:16px;}
.section-head[style*="center"]::after,.section-head:not([style])::after{margin-left:0;}
.section-head h2{font-size:clamp(26px,3.2vw,38px);letter-spacing:-.025em;}
.section-head p{font-size:16px;}

/* карточки */
.card,.form-card,.case-card,.segment,.risk-card,.related-card,.base-chip,.trigger,.pricing-band,.npa-list,.doc-list,details.faq-item{border-radius:var(--radius);border-color:var(--border);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;}
.card,.form-card,.case-card,.segment,.related-card,.trigger{position:relative;}
.card:hover,.form-card:hover,.case-card:hover,.segment:hover,.related-card:hover,.trigger:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(55,138,221,.55);}
.card{padding:30px 28px;overflow:hidden;}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue-sky),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);}
.card:hover::after{transform:scaleX(1);}
.card .icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#E8F1FB,#D3E5F8);box-shadow:inset 0 0 0 1px rgba(55,138,221,.18);}
.card h3{font-size:19px;}
.card a.more,.form-card a.more{display:inline-flex;gap:6px;align-items:center;}
.card a.more::after{content:"→";transition:transform .2s;}
.card a.more:hover::after{transform:translateX(4px);}
.card a.more{color:var(--blue-sky);}
.segment{padding:22px;}
.trigger{border-left-width:4px;}
/* «Почему Probarium» (цифра + текст): внутренние отступы карточек */
.why-list .trigger{padding:28px 36px;grid-template-columns:88px minmax(0,1fr);column-gap:20px;}
@media (max-width:820px){
  .why-list .trigger{padding:22px 20px;grid-template-columns:56px minmax(0,1fr);column-gap:12px;}
}
.case-card{padding:26px;}
.case-card .tag,.form-card .badge{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;}

/* дорожная карта */
.roadmap-band{position:relative;overflow:hidden;border-radius:28px;padding:56px 44px;background:radial-gradient(80% 120% at 100% 0%,rgba(55,138,221,.35),transparent 60%),linear-gradient(135deg,#0F2A4D,#0A1D38);box-shadow:0 24px 60px rgba(15,42,77,.28);}
.roadmap-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%);}
.roadmap-band > *{position:relative;}
.roadmap-band h2{font-size:clamp(24px,3vw,34px);}
.roadmap-steps{gap:14px;}
.rstep{border:1px solid rgba(255,255,255,.16)!important;border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(4px);padding:20px 18px;transition:background .25s,transform .25s var(--ease);}
.rstep:hover{background:rgba(255,255,255,.12);transform:translateY(-4px);}
.rstep .num{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;color:#E9B66A;}

/* НПА / списки */
.npa-list li{padding:16px 26px;transition:background .2s;}
.npa-list li:hover{background:var(--blue-pale);}

/* FAQ */
details.faq-item{padding:0;margin-bottom:12px;overflow:hidden;}
details.faq-item summary{padding:20px 24px;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
details.faq-item summary::after{float:none;flex:0 0 30px;height:30px;border-radius:50%;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--blue-deep);transition:transform .25s,background .25s;}
details.faq-item[open]{border-color:rgba(55,138,221,.5);box-shadow:var(--shadow-md);}
details.faq-item[open] summary::after{background:var(--gold);color:#fff;transform:rotate(180deg);}
details.faq-item p{padding:0 24px 22px;margin:0;}

/* финальная форма */
.final-cta{border-radius:28px;padding:56px;background:linear-gradient(135deg,#fff,#F0F6FD);box-shadow:var(--shadow-md);border-color:rgba(55,138,221,.25);}
.final-cta .copy h2{font-size:clamp(26px,3vw,36px);}
.final-cta input,.final-cta select,.final-cta textarea,form input,form select,form textarea{border-radius:12px;padding:14px 16px;background:#fff;transition:border-color .2s,box-shadow .2s;}
.final-cta input:focus,.final-cta select:focus,.final-cta textarea:focus,form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--blue-sky);box-shadow:0 0 0 4px rgba(55,138,221,.18);}

/* внутренние страницы */
.breadcrumbs{padding-top:20px;}
.page-intro{padding:36px 0 28px;position:relative;}
.page-intro h1{font-size:clamp(28px,4.2vw,48px);letter-spacing:-.03em;line-height:1.1;}
.page-intro p.lead{font-size:17px;}
.step .step-num{background:linear-gradient(145deg,var(--blue-sky),var(--blue-deep));box-shadow:0 6px 14px rgba(15,42,77,.25);font-family:'IBM Plex Mono',monospace;}
.pricing-item .num{font-size:30px;font-family:'Space Grotesk',sans-serif;}
.lk-band{border-radius:var(--radius);}

/* подвал */
footer{background:var(--ink);border:0;color:#B8C4D4;padding:64px 0 28px;margin-top:40px;}
footer .footer-col h3{color:#fff;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
footer a,footer .footer-col a{color:#B8C4D4;transition:color .2s;}
footer a:hover,footer .footer-col a:hover{color:#fff;}
footer .footer-bottom{border-top-color:rgba(255,255,255,.12);color:#8FA0B6;}
footer .footer-bottom a{color:#B8C4D4;}
footer .footer-bottom a:hover,footer .footer-bottom a:focus-visible{color:#fff;}
footer .logo,footer .logo *{color:#fff;}
footer p{color:#B8C4D4;}

/* мобильное меню */
.burger span{transition:transform .25s,opacity .2s;}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
.mobile-nav{max-height:calc(100vh - 70px);overflow:auto;}
.mobile-nav .m-group{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:14px 0 4px;border:0;}
.mobile-nav a.m-sub{padding:10px 0 10px 14px;font-size:14px;color:var(--gray-text);}

/* плавающая кнопка связи (мобильные) */
.pb-dock{display:none;}
@media (max-width:820px){
  section{padding:56px 0;}
  .hero{padding:64px 0 52px;}
  .final-cta{padding:28px 22px;border-radius:22px;}
  .roadmap-band{padding:34px 22px;border-radius:22px;}
  .pb-dock{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;gap:8px;padding:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:999px;box-shadow:0 12px 32px rgba(15,42,77,.22);transform:translateY(140%);transition:transform .35s var(--ease);}
  .pb-dock.show{transform:none;}
  .pb-dock a{flex:1;text-align:center;padding:12px 10px;border-radius:999px;font-weight:600;font-size:14px;}
  .pb-dock a.d-main{background:#FF6B1A;color:#0F2A4D;}
  .pb-dock a.d-tel{background:var(--blue-pale);color:var(--blue-deep);}
  body{padding-bottom:76px;}
}

/* появление при прокрутке (включается только если работает JS) */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s);}
.js .rv.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none;transition:none;}
  *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}
}
.skip-link{top:-80px;}