/* OPORA design release. Original components, scripts and SEO remain in place.
   Repeated scope class beats Astro's component selectors without !important. */
body.opora-redesign {
  --bg:#06131c; --bg-elevated:#0b202d; --surface:#102733; --surface-2:#153342;
  --border:#244454; --text:#f2f5f7; --text-muted:#b2c1cd; --text-faint:#91a7b7;
  --accent:#ff7836; --accent-2:#60ccdf; --accent-soft:#ff783612; --accent-2-soft:#60ccdf12;
  --radius:12px; --radius-sm:8px; --section-y:clamp(38px,4vw,64px);
  --maxw:100%;
  background:linear-gradient(110deg,#06121a,#071c29 76%,#071723);
  font-size:16px;
}
body.opora-redesign:before {
  position:absolute;height:1000px;
  background:radial-gradient(ellipse 1000px 680px at 85% 15%,#12405a78,transparent 72%);
}
body.opora-redesign.opora-redesign .wrap {max-width:none;width:100%;padding-inline:clamp(20px,5.7vw,150px)}
body.opora-redesign.opora-redesign h1,
body.opora-redesign.opora-redesign h2,
body.opora-redesign.opora-redesign h3 {font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:600;letter-spacing:-.025em}
body.opora-redesign.opora-redesign h1 {font-size:clamp(34px,4.4vw,76px);line-height:1.08}
body.opora-redesign.opora-redesign h2 {font-size:clamp(27px,2.6vw,42px);line-height:1.18}
body.opora-redesign.opora-redesign h3 {font-size:clamp(20px,1.6vw,26px);line-height:1.28}
body.opora-redesign.opora-redesign .section-alt {background:transparent;border-block:1px solid #173746}
body.opora-redesign.opora-redesign .section-head {margin-bottom:28px}
body.opora-redesign.opora-redesign .section-head h2 {max-width:36ch}
body.opora-redesign.opora-redesign .section-head p {font-size:16px;line-height:1.6}
body.opora-redesign.opora-redesign .eyebrow {padding:4px 11px;font-size:11px;background:#ff783605;border-color:#aa4b26;letter-spacing:.065em;margin-bottom:21px}
body.opora-redesign.opora-redesign .site-header {background:#06121bef;border-color:#193b4b}
body.opora-redesign.opora-redesign .header-inner {gap:22px;height:74px}
body.opora-redesign.opora-redesign .nav-links {gap:20px}
body.opora-redesign.opora-redesign .nav-links a {font-size:14px}
body.opora-redesign.opora-redesign .btn {padding:13px 25px;font-size:15px;border-radius:999px;min-height:46px}
body.opora-redesign.opora-redesign .btn-primary {background:linear-gradient(110deg,#ff843f,#ff692b);color:#16100d}
body.opora-redesign.opora-redesign .btn-primary:hover {box-shadow:0 6px 28px #ff78362c}
body.opora-redesign.opora-redesign .btn-ghost {border-color:#637f90;color:var(--text)}
body.opora-redesign.opora-redesign .hero {background:radial-gradient(ellipse at 83% 37%,#0d354957,transparent 58%);padding:clamp(40px,4.5vw,78px) 0 34px}
body.opora-redesign.opora-redesign .hero h1 {max-width:21ch}
body.opora-redesign.opora-redesign .hero-split {grid-template-columns:1.1fr 1fr;gap:28px 4vw;min-width:0}
body.opora-redesign.opora-redesign .hero-copy {min-width:0}
body.opora-redesign.opora-redesign .hero-lead {font-size:clamp(16px,1.3vw,20px);max-width:61ch;line-height:1.6}
body.opora-redesign.opora-redesign .hero-actions {margin-top:25px;gap:14px}
body.opora-redesign.opora-redesign .hero-visual .opora-animation {max-width:720px}
body.opora-redesign.opora-redesign .hero-visual {align-self:center}
body.opora-redesign.opora-redesign .hero-accent {display:block;color:var(--accent)}
body.opora-redesign.opora-redesign .home-proof {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin-top:8px;font-family:"IBM Plex Sans",sans-serif}
body.opora-redesign.opora-redesign .home-proof li {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding-left:74px;min-height:74px;letter-spacing:0}
body.opora-redesign.opora-redesign .home-proof li+li {border-left:1px solid var(--border);padding-left:94px}
body.opora-redesign.opora-redesign .home-proof li:before {display:none}
body.opora-redesign.opora-redesign .proof-icon {position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:53px;height:53px;border:1px solid #9c4e2c;border-radius:50%;color:var(--accent)}
body.opora-redesign.opora-redesign .home-proof li+li .proof-icon {left:20px}
body.opora-redesign.opora-redesign .proof-icon .op-icon {color:var(--accent);width:27px;height:27px}
body.opora-redesign.opora-redesign .proof-value {order:0;font-size:clamp(21px,1.8vw,31px);font-weight:600;color:var(--text);line-height:1.25}
body.opora-redesign.opora-redesign .proof-context {order:1;font-size:13px;color:var(--text-muted);line-height:1.4;max-width:38ch}
body.opora-redesign.opora-redesign .chips-section {padding:8px 0 24px}
body.opora-redesign.opora-redesign .chips-row {gap:10px;padding-top:19px;border-top:1px solid #173746}
body.opora-redesign.opora-redesign .chips-label {width:100%;font-size:12px;color:var(--text);margin-bottom:4px;text-transform:none}
body.opora-redesign.opora-redesign .chip {font-size:13px;min-height:40px;white-space:normal;background:#102631a8;border-color:#254655;padding:8px 14px}
body.opora-redesign.opora-redesign .chip-danger {background:#ff78360c;color:var(--accent);border-color:#a6502c}
body.opora-redesign.opora-redesign .marquee-section {border-block:1px solid #173746;background:#081c29}
body.opora-redesign.opora-redesign .marquee-wrap {padding:14px 0;gap:16px}
body.opora-redesign.opora-redesign .marquee-track span {font-size:14px;letter-spacing:.03em}
body.opora-redesign.opora-redesign .marquee-track:not(.is-reverse) span {color:var(--accent)}
body.opora-redesign.opora-redesign .marquee-track span i {background:var(--accent-2)}
body.opora-redesign.opora-redesign .grid-3 {gap:20px}
body.opora-redesign.opora-redesign :is(.card,.law-card,.svc-card,.why-card,.trust-card,.step,.lead-form,.faq-item) {background:linear-gradient(130deg,#0d2634,#0b1e2b);border:1px solid #254858;border-radius:12px}
body.opora-redesign.opora-redesign :is(.law-card,.svc-card,.why-card,.trust-card,.card) {padding:28px}
body.opora-redesign.opora-redesign :is(.law-card,.svc-card) {height:100%;display:flex;flex-direction:column}
body.opora-redesign.opora-redesign :is(.law-card,.svc-card):hover {border-color:#54889c;box-shadow:0 8px 30px #02101955}
body.opora-redesign.opora-redesign .op-icon-tile {width:48px;height:48px;color:var(--accent-2);background:#60ccdf0a;border:1px solid #3c7687;border-radius:10px}
body.opora-redesign.opora-redesign .op-icon-tile .op-icon {color:inherit;width:29px;height:29px}
body.opora-redesign.opora-redesign :is(.law-card,.svc-card) p {font-size:15px;line-height:1.6;margin-bottom:6px}
body.opora-redesign.opora-redesign .law-when {background:#ff78360a;border-color:#864728;color:#ffb084;font-size:11px;align-self:flex-start}
body.opora-redesign.opora-redesign .svc-tags {gap:7px;margin-top:15px}
body.opora-redesign.opora-redesign .svc-tags span {font-size:11px;border-radius:5px;padding:4px 8px}
body.opora-redesign.opora-redesign .svc-price {font-family:"IBM Plex Sans",sans-serif;font-size:24px;font-weight:600;margin-top:22px;letter-spacing:-.02em}
body.opora-redesign.opora-redesign .svc-more {font-size:14px;color:var(--accent-2);margin-top:18px;padding-top:8px}
body.opora-redesign.opora-redesign .why-card {padding:28px}
body.opora-redesign.opora-redesign .why-card h3 {font-size:23px}
body.opora-redesign.opora-redesign .why-num {color:var(--text-faint)}
body.opora-redesign.opora-redesign .trust-card {padding:24px;min-width:0}
body.opora-redesign.opora-redesign .trust-card h3 {font-size:20px}
body.opora-redesign.opora-redesign .trust-card p {font-size:14px}
body.opora-redesign.opora-redesign .trust-kicker {color:var(--accent-2);font-size:11px}
body.opora-redesign.opora-redesign .urgent {background:radial-gradient(ellipse at 7% 60%,#a647191a,transparent 28%),linear-gradient(110deg,#0c202d,#0b2130);border-color:#305467;padding:26px 30px}
body.opora-redesign.opora-redesign .urgent h3 {font-size:23px}
body.opora-redesign.opora-redesign .faq {gap:9px}
body.opora-redesign.opora-redesign .faq-item {border-radius:8px}
body.opora-redesign.opora-redesign .faq-item summary {padding:17px 21px;font-size:16px}
body.opora-redesign.opora-redesign .home-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.opora-redesign.opora-redesign .home-steps .step {display:flex;flex-direction:column;gap:12px;padding:23px;min-width:0}
body.opora-redesign.opora-redesign .home-steps .step-num {width:auto;height:auto;border:0;border-radius:0;background:none;justify-content:flex-start;font-size:12px}
body.opora-redesign.opora-redesign .home-steps .step-ico {width:38px;height:38px;margin:0 0 14px;border:0;background:none;justify-content:flex-start;color:var(--accent)}
body.opora-redesign.opora-redesign .home-steps h3 {font-size:20px}
body.opora-redesign.opora-redesign .home-steps p {font-size:14px}
body.opora-redesign.opora-redesign .lead-grid {grid-template-columns:.8fr 1.2fr;gap:40px}
body.opora-redesign.opora-redesign .lead-form {padding:28px}
body.opora-redesign.opora-redesign .field label {font-size:14px}
body.opora-redesign.opora-redesign .field :is(input,select,textarea) {background:#102632;border-color:#355362;font-size:16px}
body.opora-redesign.opora-redesign .submit-row {justify-content:flex-end}
body.opora-redesign.opora-redesign .form-status {flex-basis:100%;color:var(--text-muted)}
body.opora-redesign.opora-redesign .site-footer {background:#06111a;margin-top:35px;padding-top:42px}
body.opora-redesign.opora-redesign .footer-top {grid-template-columns:190px 1fr;gap:35px}
body.opora-redesign.opora-redesign .footer-col a {font-size:13px}
body.opora-redesign.opora-redesign .logo {position:relative;min-width:190px;min-height:43px}
body.opora-redesign.opora-redesign .logo .logo-sym {display:none}
body.opora-redesign.opora-redesign .logo .logo-text {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.opora-redesign.opora-redesign .brand-art {position:relative;display:block;width:190px;height:43px;overflow:hidden;flex:none}
body.opora-redesign.opora-redesign .brand-layer {position:absolute;left:-5px;top:-12px;width:205px;height:68.3px;background:url('/design/opora-logo-20261001.png') no-repeat 0 0/100% 100%}
body.opora-redesign.opora-redesign .brand-name {filter:brightness(0) invert(1);clip-path:polygon(26% 0,80.8% 0,80.8% 100%,26% 100%)}
body.opora-redesign.opora-redesign .brand-it {filter:brightness(0) invert(1);clip-path:polygon(85% 0,100% 0,100% 100%,85% 100%)}
body.opora-redesign.opora-redesign .art-body {max-width:80ch}
body.opora-redesign.opora-redesign .art-body h2 {font-size:clamp(25px,2vw,34px)}
body.opora-redesign.opora-redesign .art-body p {line-height:1.75}
body.opora-redesign.opora-redesign .bitrix-teaser {margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#12364a,#0c2634)}
body.opora-redesign.opora-redesign .bitrix-teaser h3 {margin-bottom:8px}
body.opora-redesign.opora-redesign .bitrix-teaser .btn {flex:none}
body.opora-redesign.opora-redesign .b24-flow {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;margin-top:28px}
body.opora-redesign.opora-redesign .b24-flow li {background:#0d2634;border:1px solid #2b5366;border-radius:10px;padding:20px;font-size:16px;color:var(--text)}
body.opora-redesign.opora-redesign .b24-flow li span {display:block;color:var(--accent-2);font-size:12px;margin-bottom:8px}
body.opora-redesign.opora-redesign .b24-visual {background:radial-gradient(ellipse at center,#1a57733d,transparent 70%);display:grid;gap:18px;padding:24px;align-content:center}
body.opora-redesign.opora-redesign .b24-system {padding:28px;border:1px solid #396277;border-radius:14px;background:linear-gradient(130deg,#15394c,#0b2432)}
body.opora-redesign.opora-redesign .b24-system strong {font-size:clamp(26px,2.7vw,44px);color:var(--text)}
body.opora-redesign.opora-redesign .b24-system p {color:var(--text-muted);margin-top:7px}
body.opora-redesign.opora-redesign .b24-system.accounting {border-color:#a24e29}
body.opora-redesign.opora-redesign .b24-exchange {text-align:center;color:var(--accent-2);font-size:16px}
body.opora-redesign.opora-redesign .b24-source {margin-top:20px;font-size:14px;color:var(--text-muted)}
body.opora-redesign.opora-redesign .b24-source a {color:var(--accent-2)}
@media (min-width:1001px) and (max-width:1530px) {
  body.opora-redesign.opora-redesign .header-inner {height:112px;flex-wrap:wrap;padding-block:12px;gap:3px 20px}
  body.opora-redesign.opora-redesign .header-cta {margin-left:auto}
  body.opora-redesign.opora-redesign .nav-links {order:3;width:100%;margin:0;justify-content:space-between;gap:12px}
}
@media (max-width:1100px) {
  body.opora-redesign.opora-redesign .home-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.opora-redesign.opora-redesign .footer-top {grid-template-columns:1fr}
  body.opora-redesign.opora-redesign .b24-flow {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1000px) {
  body.opora-redesign.opora-redesign .header-inner {height:66px;gap:14px}
  body.opora-redesign.opora-redesign .nav-links {gap:0}
  body.opora-redesign.opora-redesign .nav-links a {font-size:16px}
  body.opora-redesign.opora-redesign .hero-split {grid-template-columns:1fr;gap:20px}
  body.opora-redesign.opora-redesign .hero-visual {margin-top:0}
  body.opora-redesign.opora-redesign .hero-visual .opora-animation {max-width:500px}
  body.opora-redesign.opora-redesign .hero h1 {font-size:clamp(34px,6.3vw,60px);max-width:24ch}
  body.opora-redesign.opora-redesign .home-proof {gap:18px;margin-top:12px}
  body.opora-redesign.opora-redesign .home-proof li {padding-left:0}
  body.opora-redesign.opora-redesign .home-proof li+li {padding-left:18px}
  body.opora-redesign.opora-redesign .proof-icon {display:none}
  body.opora-redesign.opora-redesign .proof-value {font-size:25px}
  body.opora-redesign.opora-redesign .lead-grid {grid-template-columns:1fr;gap:28px}
}
@media (max-width:680px) {
  body.opora-redesign.opora-redesign .wrap {padding-inline:20px}
  body.opora-redesign.opora-redesign .hero {padding:35px 0 25px}
  body.opora-redesign.opora-redesign .hero h1 {font-size:clamp(34px,8vw,48px)}
  body.opora-redesign.opora-redesign .hero-lead {font-size:16px;line-height:1.55}
  body.opora-redesign.opora-redesign .hero-visual .opora-animation {max-width:400px}
  body.opora-redesign.opora-redesign .home-proof {gap:10px}
  body.opora-redesign.opora-redesign .home-proof li+li {padding-left:10px}
  body.opora-redesign.opora-redesign .proof-value {font-size:20px}
  body.opora-redesign.opora-redesign .proof-context {font-size:12px}
  body.opora-redesign.opora-redesign :is(.law-card,.svc-card,.why-card,.trust-card,.card) {padding:23px}
  body.opora-redesign.opora-redesign .section-head {margin-bottom:24px}
  body.opora-redesign.opora-redesign .grid-3 {grid-template-columns:1fr}
  body.opora-redesign.opora-redesign .lead-form {padding:23px 20px}
  body.opora-redesign.opora-redesign .bitrix-teaser {align-items:stretch;flex-direction:column}
  body.opora-redesign.opora-redesign .bitrix-teaser .btn {width:100%}
  body.opora-redesign.opora-redesign .b24-flow {grid-template-columns:1fr}
  body.opora-redesign.opora-redesign .b24-flow li {padding:18px}
  body.opora-redesign.opora-redesign .b24-visual {padding:0}
  body.opora-redesign.opora-redesign .brand-art {width:170px;height:39px}
  body.opora-redesign.opora-redesign .brand-layer {width:185px;height:61.6px;top:-11px}
  body.opora-redesign.opora-redesign .logo {min-width:170px;min-height:39px}
}
@media (max-width:380px) {
  body.opora-redesign.opora-redesign .header-inner {gap:8px}
  body.opora-redesign.opora-redesign .brand-art {width:150px}
  body.opora-redesign.opora-redesign .brand-layer {width:165px;height:55px;top:-9px}
  body.opora-redesign.opora-redesign .logo {min-width:150px}
  body.opora-redesign.opora-redesign .home-proof {grid-template-columns:1fr;gap:16px}
  body.opora-redesign.opora-redesign .home-proof li {min-height:0}
  body.opora-redesign.opora-redesign .home-proof li+li {border-left:0;border-top:1px solid var(--border);padding:16px 0 0}
  body.opora-redesign.opora-redesign .home-steps {grid-template-columns:1fr}
}

/* Revision 2: complete logo, visible brand caption and CRM illustration. */
body.opora-redesign.opora-redesign .logo {min-width:190px;flex:none;gap:0}
body.opora-redesign.opora-redesign .brand-art {width:190px;height:56px;overflow:visible}
body.opora-redesign.opora-redesign .brand-layer {left:0;top:-10px;width:100%;height:auto;aspect-ratio:2048/682}
body.opora-redesign.opora-redesign .brand-caption {position:absolute;left:0;bottom:0;display:block;width:100%;font-family:"IBM Plex Sans",sans-serif;font-size:10.5px;font-weight:400;line-height:1.3;color:var(--text-muted);white-space:nowrap;text-align:center;letter-spacing:0}
body.opora-redesign.opora-redesign .b24-word {color:var(--accent)}
body.opora-redesign.opora-redesign .b24-visual {min-width:0;padding:20px 8px;gap:0}
body.opora-redesign.opora-redesign .b24-laptop {border:2px solid #628493;border-radius:17px;padding:10px;background:#031018;box-shadow:0 25px 65px #0008;transform:perspective(1200px) rotateY(-5deg)}
body.opora-redesign.opora-redesign .b24-laptop:after {content:"";display:block;position:relative;height:9px;background:linear-gradient(#526e7a,#112935);margin:12px -25px -20px;border-radius:0 0 70% 70%}
body.opora-redesign.opora-redesign .b24-screen {background:linear-gradient(120deg,#163c52,#102633);border-radius:7px;min-height:225px;padding:13px}
body.opora-redesign.opora-redesign .b24-screen-head {display:flex;justify-content:space-between;gap:10px;font-size:16px;border-bottom:1px solid #3b6576;padding-bottom:10px}
body.opora-redesign.opora-redesign .b24-screen-head span {font-size:10px;color:#b6d4e2;align-self:center}
body.opora-redesign.opora-redesign .b24-screen-body {display:grid;grid-template-columns:75px 1fr;gap:14px;padding-top:15px}
body.opora-redesign.opora-redesign .b24-sidebar {font-size:10px;line-height:2.5;color:#b9d0de}
body.opora-redesign.opora-redesign .b24-board {min-width:0}
body.opora-redesign.opora-redesign .b24-board p {font-size:13px;margin-bottom:12px}
body.opora-redesign.opora-redesign .b24-columns {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body.opora-redesign.opora-redesign .b24-columns>div {background:#103248;border-radius:5px;min-height:140px;padding:6px}
body.opora-redesign.opora-redesign .b24-columns strong {display:flex;align-items:center;background:#46bfd5;color:#072538;font-size:9px;line-height:1.3;min-height:30px;padding:5px;border-radius:3px}
body.opora-redesign.opora-redesign .b24-columns>div:nth-child(2) strong {background:#70cc99}
body.opora-redesign.opora-redesign .b24-columns>div:nth-child(3) strong {background:#b6a9e4}
body.opora-redesign.opora-redesign .b24-columns>div:nth-child(4) strong {background:#e4c17e}
body.opora-redesign.opora-redesign .b24-columns i {display:block;background:linear-gradient(#355c73,#25475b);height:31px;margin-top:9px;border:1px solid #477084;border-radius:3px}
body.opora-redesign.opora-redesign .b24-connected {display:flex;align-items:center;justify-content:center;gap:20px;margin-top:4px;position:relative}
body.opora-redesign.opora-redesign .b24-app {display:flex;flex-direction:column;align-items:center;justify-content:center;width:135px;min-height:123px;gap:3px;border:1px solid #48c2eb;border-radius:18px;background:linear-gradient(130deg,#04a9ec,#075fae);box-shadow:0 9px 35px #009ceb33}
body.opora-redesign.opora-redesign .b24-app strong {font-size:20px;color:#fff}
body.opora-redesign.opora-redesign .b24-app>span:last-child {font-size:12px;color:#e5f7ff}
body.opora-redesign.opora-redesign .b24-cloud {font-size:45px;line-height:1;color:#fff}
body.opora-redesign.opora-redesign .b24-app.accounting {background:linear-gradient(130deg,#ffd970,#f29525);border-color:#f7c663;box-shadow:0 9px 35px #f89d3333}
body.opora-redesign.opora-redesign .b24-app.accounting strong {font-size:45px;color:#b53213}
body.opora-redesign.opora-redesign .b24-app.accounting>span {color:#583b17}
body.opora-redesign.opora-redesign .b24-sync {font-size:52px;color:var(--accent-2);line-height:1}
body.opora-redesign.opora-redesign .b24-visual-caption {text-align:center;margin-top:20px;color:var(--text-muted);font-size:15px}
body.opora-redesign.opora-redesign #b24-services .card {padding:22px}
@media(min-width:1450px) {body.opora-redesign.opora-redesign #b24-services .grid-3 {grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}body.opora-redesign.opora-redesign #b24-services h3 {font-size:21px}}
@media(max-width:680px) {
 body.opora-redesign.opora-redesign .logo {min-width:170px}
 body.opora-redesign.opora-redesign .brand-art {width:170px;height:51px}
 body.opora-redesign.opora-redesign .brand-caption {font-size:9.5px}
 body.opora-redesign.opora-redesign .b24-visual {padding:15px 5px}
 body.opora-redesign.opora-redesign .b24-screen {min-height:200px;padding:10px}
 body.opora-redesign.opora-redesign .b24-screen-body {grid-template-columns:1fr}
 body.opora-redesign.opora-redesign .b24-sidebar {display:none}
 body.opora-redesign.opora-redesign .b24-app {width:110px;min-height:110px}
 body.opora-redesign.opora-redesign .b24-connected {gap:12px}
}
@media(max-width:380px) {body.opora-redesign.opora-redesign .logo {min-width:150px}body.opora-redesign.opora-redesign .brand-art {width:150px;height:47px}body.opora-redesign.opora-redesign .brand-caption {font-size:8.5px}}

body.opora-redesign.opora-redesign .nav-links .nav-urgent {color:var(--accent);background:#ff783615;border:1px solid #ff78365c;border-radius:999px;padding:8px 13px}
body.opora-redesign.opora-redesign .nav-links .nav-urgent:hover {color:#ffb082;background:#ff783626;border-color:var(--accent)}
body.opora-redesign.opora-redesign .nav-urgent .nav-ico {color:var(--accent)}
@media(max-width:1000px) {body.opora-redesign.opora-redesign .nav-links .nav-urgent {margin:8px 16px;padding:14px;border-radius:9px}}

body.opora-redesign.opora-redesign.b24-page .hero {background:linear-gradient(125deg,transparent 61%,#17455935 61%,#17455935 65%,transparent 65%,transparent 86%,#ff78361b 86%,#ff78361b 88%,transparent 88%),radial-gradient(ellipse at 80% 40%,#14516b45,transparent 65%)}
body.opora-redesign.opora-redesign #b24-services .op-icon-tile {color:var(--accent);background:#ff783608;border-color:#845338}

body.opora-redesign.opora-redesign .nav-group {position:relative;color:var(--text-muted);font-size:14px}
body.opora-redesign.opora-redesign .nav-group>summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:9px 0;white-space:nowrap}
body.opora-redesign.opora-redesign .nav-group>summary::-webkit-details-marker {display:none}
body.opora-redesign.opora-redesign .nav-group>summary:after {content:"⌄";color:var(--accent-2)}
body.opora-redesign.opora-redesign .nav-group[open]>summary {color:var(--text)}
body.opora-redesign.opora-redesign .nav-dropdown {position:absolute;top:100%;left:-15px;min-width:215px;background:#091f2b;border:1px solid #355869;border-radius:10px;padding:8px;box-shadow:0 15px 35px #0007;z-index:90;display:grid;gap:3px}
body.opora-redesign.opora-redesign .nav-dropdown a {display:block;padding:10px 12px;border-radius:5px;color:var(--text-muted);white-space:nowrap}
body.opora-redesign.opora-redesign .nav-dropdown a:hover {background:#17394b;color:var(--text)}
@media(max-width:1000px) {body.opora-redesign.opora-redesign .nav-group>summary {padding:14px 18px;font-size:16px}body.opora-redesign.opora-redesign .nav-dropdown {position:static;min-width:0;margin:0 16px 10px;padding:7px}}
/* Shared navigation: explicit rules for new items without Astro attributes. */
body.opora-redesign.opora-redesign .nav-links {display:flex;align-items:center;justify-content:flex-end;gap:18px}
body.opora-redesign.opora-redesign .nav-links>a {display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 0;line-height:1.2;color:var(--text-muted);text-decoration:none;white-space:nowrap;box-sizing:border-box}
body.opora-redesign.opora-redesign .nav-group {height:40px;line-height:1.2;flex:none}
body.opora-redesign.opora-redesign .nav-group>summary {height:40px;box-sizing:border-box;display:flex;align-items:center;padding:8px 0;line-height:1.2}
body.opora-redesign.opora-redesign .nav-links>a:hover,body.opora-redesign.opora-redesign .nav-links>a[aria-current="page"] {color:var(--text)}
body.opora-redesign.opora-redesign .nav-links>a[aria-current="page"] {box-shadow:inset 0 -2px var(--accent)}
body.opora-redesign.opora-redesign .nav-links>.nav-urgent {padding:8px 13px;color:var(--accent)}
body.opora-redesign.opora-redesign .nav-dropdown {max-height:min(70vh,510px);overflow-y:auto}
body.opora-redesign.opora-redesign .nav-dropdown a {text-decoration:none;line-height:1.3}
@media(min-width:1001px) and (max-width:1530px) {body.opora-redesign.opora-redesign .nav-links {justify-content:space-between;gap:12px}}
@media(max-width:1000px) {
 body.opora-redesign.opora-redesign .nav-links {align-items:stretch;justify-content:flex-start;gap:0;flex-direction:column}
 body.opora-redesign.opora-redesign .nav-links>a {justify-content:flex-start;min-height:48px;padding:14px 18px;font-size:16px}
 body.opora-redesign.opora-redesign .nav-group {height:auto}
 body.opora-redesign.opora-redesign .nav-group>summary {height:48px;padding:14px 18px}
 body.opora-redesign.opora-redesign .nav-links>.nav-urgent {padding:14px;margin:8px 16px}
 body.opora-redesign.opora-redesign .nav-dropdown {max-height:none}
}
/* Revision 5: service and integration groups, prices as a direct top-level link. */
body.opora-redesign.opora-redesign .nav-mega {display:grid;width:max-content;min-width:0;max-width:min(850px,88vw);padding:18px;gap:18px}
body.opora-redesign.opora-redesign .nav-services-grid {grid-template-columns:repeat(2,minmax(0,1fr));width:520px}
body.opora-redesign.opora-redesign .nav-integration-grid {grid-template-columns:repeat(3,minmax(0,1fr));width:790px;left:-190px}
body.opora-redesign.opora-redesign .nav-mega>div {min-width:0}
body.opora-redesign.opora-redesign .nav-category {display:block;font-family:"IBM Plex Sans",sans-serif;color:var(--accent-2);font-size:12px;font-weight:500;letter-spacing:.02em;padding:7px 12px 12px}
body.opora-redesign.opora-redesign .nav-mega a {white-space:normal;font-size:14px}
body.opora-redesign.opora-redesign .nav-all {grid-column:1/-1;border-top:1px solid var(--border);color:var(--accent);border-radius:0;padding-top:15px}
body.opora-redesign.opora-redesign .nav-company .nav-dropdown {right:0;left:auto}
body.opora-redesign.opora-redesign .nav-links {gap:15px}
@media(min-width:1001px) and (max-width:1530px) {body.opora-redesign.opora-redesign .nav-integration-grid {left:-150px}}
@media(max-width:1000px) {
body.opora-redesign.opora-redesign .nav-mega {width:auto;max-width:none;grid-template-columns:1fr;gap:10px;padding:12px}
body.opora-redesign.opora-redesign .nav-links {gap:0}
body.opora-redesign.opora-redesign .nav-category {padding-bottom:5px}
}
/* Revision 6: mobile menu visibility must beat the shared desktop flex rule. */
@media(max-width:1000px) {
 body.opora-redesign.opora-redesign .site-header .header-inner {height:66px;min-height:66px;flex-wrap:nowrap;gap:10px;position:relative}
 body.opora-redesign.opora-redesign .site-header .nav-links:not(.open) {display:none}
 body.opora-redesign.opora-redesign .site-header .nav-links.open {display:flex;position:absolute;top:66px;left:0;right:0;width:100%;margin:0;max-height:calc(100dvh - 66px);overflow-y:auto;overscroll-behavior:contain;z-index:900}
 body.opora-redesign.opora-redesign .site-header .logo {display:flex;min-width:170px;flex:0 0 170px;opacity:1;visibility:visible;position:relative;z-index:901}
 body.opora-redesign.opora-redesign .site-header .brand-art {display:block;width:170px;height:51px;flex:none;overflow:visible}
 body.opora-redesign.opora-redesign .site-header .brand-layer {left:0;top:-10px;width:170px;height:56.6px;aspect-ratio:auto}
 body.opora-redesign.opora-redesign .site-header .brand-caption {display:block;font-size:9.5px;bottom:0}
 body.opora-redesign.opora-redesign .site-header .header-cta {flex:none;margin-left:auto;gap:8px}
 body.opora-redesign.opora-redesign .site-header .nav-toggle {display:flex;flex:0 0 44px;width:44px;height:44px;z-index:901}
}
@media(max-width:520px) {
 body.opora-redesign.opora-redesign .site-header .header-phone {display:flex;width:44px;height:44px;min-width:44px;justify-content:center;flex:none}
 body.opora-redesign.opora-redesign .site-header .header-phone-text {display:none}
 body.opora-redesign.opora-redesign .site-header .header-inner {padding-inline:16px}
}
@media(max-width:380px) {
 body.opora-redesign.opora-redesign .site-header .logo {min-width:150px;flex-basis:150px}
 body.opora-redesign.opora-redesign .site-header .brand-art {width:150px;height:47px}
 body.opora-redesign.opora-redesign .site-header .brand-layer {width:150px;height:50px;top:-8px}
 body.opora-redesign.opora-redesign .site-header .brand-caption {font-size:8.5px}
}
/* Mobile brand uses an existing white vector wordmark, without raster color filters. */
body.opora-redesign.opora-redesign .brand-safe {display:none}
@media(max-width:1000px) {
body.opora-redesign.opora-redesign .brand-art .brand-layer {display:none}
body.opora-redesign.opora-redesign .brand-art .brand-safe {display:block;position:absolute;left:0;top:2px;width:100%;height:36px;object-fit:contain;object-position:left center;filter:none;opacity:1;visibility:visible}
body.opora-redesign.opora-redesign .brand-caption {color:#c3d0d9}
}
@media(max-width:380px) {body.opora-redesign.opora-redesign .brand-art .brand-safe {height:31px}}