/* Classic EXPERTON AI composition. Blue palette only; no bureau redesign. */
:root {
 --xp-ink:#08152a; --xp-ink-2:#0f1f37; --xp-paper:#f3f7fd; --xp-paper-2:#e7effa;
 --xp-lime:#7db7ff; --xp-aqua:#83c5ff; --xp-blue:#8ab9ff; --xp-violet:#609ef4;
 --xp-text:#102037; --xp-muted:#4f6078; --xp-line:rgba(29,64,115,.16);
 --blue-action:#225dde; --blue-hover:#194cbf; --blue-on-dark:#9dcaff;
 --accent:#225dde; --primary:#225dde; --ink:#102037; --muted:#4f6078;
}
body {background-color:var(--xp-paper)}
.header-row{background:rgba(249,252,255,.94)}
.site-header.is-scrolled .header-row{background:rgba(249,252,255,.98)}
.mark{background:#0c2550;color:#9dcaff}
.btn.primary,.primary{background:var(--blue-action);border-color:var(--blue-action);color:#fff;box-shadow:0 12px 34px rgba(34,93,222,.22)}
.btn.primary:hover,.btn.primary:focus-visible{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff;box-shadow:0 16px 38px rgba(34,93,222,.26)}
.xp-marquee{background:#164ab8;color:#fff;border-color:#3167c5}
.xp-progress{background:linear-gradient(90deg,#286bea,#73b8ff,#c5e1ff);box-shadow:0 0 15px rgba(40,107,234,.4)}
.plan-badge,.badge{background:#cce3ff;color:#123462}
.plan.featured{border-color:#7db7ff;background:linear-gradient(150deg,#193b66,#0c1d39 75%)}
.plan.featured::before{background:#5295fa}
.plan .btn.primary,.turnkey-price .btn.primary{color:#fff;background:#225dde}
.turnkey-card{background:linear-gradient(120deg,#d5e8ff 0%,#e7f2ff 65%,#bcdcff 135%);color:#102037}
.turnkey-card p,.turnkey-card .lead2{color:#263f62}
.turnkey-price{background:#0b2450;color:#fff}
.turnkey-price b{color:#aed5ff}
.hero,.page-hero{background:radial-gradient(circle at 83% 16%,rgba(59,121,237,.28),transparent 25rem),radial-gradient(circle at 70% 78%,rgba(72,154,241,.18),transparent 27rem),linear-gradient(135deg,#061021,#10264a 56%,#081a31)}
.xp-orb.one{background:#5295fa}.xp-orb.two{background:#84c0ff}
.hero h1,.page-hero h1,.hero h2,.page-hero h2{color:#f6faff}
.hero .lead,.page-hero .lead{color:#c5d3e6}
.hero .kicker,.page-hero .kicker,.evidence-source span,.evidence-output span,.evidence-arrow{color:#9dcaff}
.page-home .hero h1 .xp-title-line:nth-child(3){color:#83baff}
.home-evidence-card .preview-rule{background:rgba(82,149,250,.12);border-color:rgba(139,193,255,.35)}
.more:hover,.text-link:hover{color:#225dde}
.features li::before{color:#1e61bc}
.plan .features li::before{color:#9dcaff}
.status-badge.works{background:#dcecff;color:#174375;border-color:#a9c9ef}
.status-badge.manual,.status-badge.pilot{background:#e9f2ff;color:#285581;border-color:#bdd2ef}
.status-badge.future{background:#e9eef5;color:#435b76}
:focus-visible{outline:3px solid #397ae4;outline-offset:4px}
.hero :focus-visible,.page-hero :focus-visible,.site-footer :focus-visible{outline-color:#add4ff}
::selection{background:#c5dfff;color:#102037}
/* Keep old text sizes and layout hierarchy, but prevent collisions and split words. */
h1,h2,h3,h4{hyphens:none!important;-webkit-hyphens:none!important;word-break:normal;overflow-wrap:normal}
.hero-grid>*{min-width:0}
.page-home .hero-grid{grid-template-columns:minmax(0,1.32fr) minmax(340px,.8fr);gap:clamp(32px,4vw,70px)}
.page-home .hero-grid>div:first-child{container-type:inline-size;min-width:0;max-width:100%}
.page-home .hero h1{font-size:clamp(2.35rem,8.7cqw,6.6rem);line-height:1.02;max-width:100%}
.page-home .hero h1 .xp-title-line{white-space:normal;overflow:visible}
.page-home .hero-aside{max-width:100%;min-width:0}
.section-head>div:first-child{container-type:inline-size;min-width:0}
.section-head h2{font-size:clamp(1.85rem,8.3cqw,4.6rem);line-height:1.06}
/* Existing same-row alignment, independent of text length. */
.service-grid{align-items:stretch}
.service-card{height:100%;display:flex;flex-direction:column}
.service-card .card-actions{margin-top:auto;padding-top:20px}
.pricing{align-items:stretch}
.plan{height:100%;transform:none}
.plan .card-actions{margin-top:auto}
.plan-badge{position:static;display:inline-flex;align-self:start;align-items:center;min-height:30px;max-width:100%;white-space:normal;text-align:center;line-height:1.25}
.plan .price-long{font-size:clamp(1.4rem,2.25vw,2.3rem);line-height:1.1;overflow-wrap:normal}
.pricing-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.plan .service-boundary{margin-bottom:20px}
.plan .plan-cta{min-height:64px;white-space:normal;text-align:center;line-height:1.2}
.demo-visual{color:#f7faff}.demo-visual span{font-size:clamp(14px,1.25vw,20px);line-height:1.35}
.demo-visual>b{color:#b7d9ff}
.demo-card>div:last-child{min-width:0}
.demo-card h3{font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1.12}
.demo-card p{font-size:16px}
.demo-card .more{margin-top:auto}
.catalog-guide{padding:28px;gap:18px}
.catalog-guide>span{background:#e5f0ff;color:#2058a3;flex-shrink:0}
.legal-required-fields h2{font-size:1.6rem;line-height:1.3}
.hero .btn.secondary,.page-hero .btn.secondary{background:rgba(230,242,255,.08);color:#f6faff;border-color:rgba(192,215,250,.4)}
/* Dark information panels require their own foreground, not the light-page ink. */
.section.dark h2,.section.dark h3,.section.dark .kicker{color:#f6faff}
.section.dark p,.section.dark li{color:#c8d7eb}
.page-contract-control .contract-modes h2,.page-contract-control .contract-modes .section-head p{color:#102037}
.contract-mode-card,.contract-mode-card h3{color:#f6faff}
.contract-mode-card p,.contract-mode-card li{color:#c8d7eb}
@media(max-width:1199px){
 .hero-grid,.page-home .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-aside{max-width:760px;width:100%}
 .page-home .hero h1{font-size:clamp(2.4rem,7.2cqw,5.6rem)}
 .hero h1,.page-hero h1{font-size:clamp(2.1rem,5vw,4.5rem)}
 .pricing-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 .pricing-five{grid-template-columns:minmax(0,1fr)!important}
 .hero h1,.page-hero h1{font-size:clamp(1.85rem,7.6vw,3.4rem);line-height:1.04}
 .page-home .hero h1{font-size:clamp(2.15rem,9cqw,4.4rem)}
 .section-head h2{font-size:clamp(1.8rem,7.5cqw,3.2rem)}
 .section h3{overflow-wrap:normal}
 .plan .price-long{font-size:1.85rem}
 .catalog-guide{padding:20px}
 .turnkey-price{min-width:0;max-width:100%}
}
@media(max-width:420px){
 .section-head h2{font-size:clamp(1.65rem,7.2cqw,2.3rem)}
 .hero h1,.page-hero h1{font-size:1.85rem}
 .hero-aside{padding:14px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-xp-reveal]{opacity:1!important;transform:none!important}
}

/* Long internal headings must remain complete words in their own column. */
.hero-grid>div:first-child{container-type:inline-size}
.hero h1,.page-hero h1{font-size:clamp(1.8rem,7.3cqw,5.4rem);line-height:1.02}
.page-home .hero h1{font-size:clamp(2.15rem,9cqw,6.6rem)}
.demo-watermark{color:#506783!important;opacity:1}
@media(max-width:760px){
 .hero h1,.page-hero h1{font-size:clamp(1.75rem,7.2cqw,3.6rem)}
 .page-home .hero h1{font-size:clamp(2rem,9cqw,4.5rem)}
}

@media(max-width:480px){
 .expert-flow,.page-rkm .flow,.rkm-page .flow{grid-template-columns:minmax(0,1fr)}
}

.plan{background:#101f37}

/* «Сайт (2)», note 2: opaque blue surfaces and explicitly paired foregrounds. */
.section.dark.review-letter-versions .grid3 {align-items:stretch}
.section.dark.review-letter-versions .card {
 background:#132b4b; border-color:#3e608c; color:#f6faff;
 box-shadow:0 10px 24px rgba(1,10,24,.16);
}
.section.dark.review-letter-versions .card h3 {color:#f6faff}
.section.dark.review-letter-versions .card p,
.section.dark.review-letter-versions .card li {color:#d9e6f8}
.section.dark.review-letter-versions .card .features li::before {color:#9dcaff}
.section.dark.review-letter-versions .icon {background:#d7e9ff;color:#153760;border:1px solid #91b9ec}
/* Notes 4–6: separate labels, normal text wrapping, and no nested pill-shaped panels. */
.hero-aside .review-wizard-steps {
 display:grid;grid-template-columns:minmax(0,1fr);list-style:none;
 padding:0;margin:0;gap:0;counter-reset:none;
}
.hero-aside .review-wizard-steps li {
 display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;
 margin:0;padding:17px 0;min-width:0;color:#f6faff;
 border-bottom:1px solid #56749a;
}
.hero-aside .review-wizard-steps li:first-child{padding-top:0}
.hero-aside .review-wizard-steps li:last-child{padding-bottom:0;border-bottom:0}
.hero-aside .review-step-number {
 display:grid;place-items:center;width:40px;height:40px;
 border-radius:12px;background:#d7e9ff;color:#153760;
 font-size:18px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;
}
.hero-aside .review-wizard-steps strong {display:block;font-size:20px;line-height:1.3;color:#f6faff}
.hero-aside .review-wizard-steps p {margin:6px 0 0;font-size:16px;line-height:1.55;color:#d9e6f8}
.hero-aside .review-aside-copy {
 padding:6px;border:0;border-radius:0;background:transparent;
 box-shadow:none;backdrop-filter:none;min-width:0;
}
.hero-aside .review-aside-copy strong {font-size:24px;line-height:1.25;color:#f6faff;margin:0 0 16px;display:block}
.hero-aside .review-aside-copy p {font-size:18px;line-height:1.6;color:#d9e6f8;margin:0}
.hero-aside .review-aside-copy p+p {margin-top:16px}
@media(max-width:480px){
 .hero-aside .review-wizard-steps li {grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 0}
 .hero-aside .review-step-number{width:36px;height:36px;font-size:16px}
 .hero-aside .review-wizard-steps strong{font-size:18px}
 .hero-aside .review-aside-copy strong{font-size:22px}
 .hero-aside .review-aside-copy p{font-size:16px}
}
