/* Complete page layout: intentionally independent of Astro-scoped selectors. */
body.opora-redesign.opora-redesign.b24-page .b24-content {font-family:"IBM Plex Sans",system-ui,sans-serif;color:#f3f5f7;background:#07141c;line-height:1.45;--b24-edge:clamp(22px,5vw,110px)}
body.opora-redesign.opora-redesign.b24-page .b24-content .wrap {width:100%;max-width:none;margin:0 auto;padding-inline:var(--b24-edge);box-sizing:border-box}
body.opora-redesign.opora-redesign.b24-page .b24-content :is(h1,h2,h3,p,ul,ol) {margin:0}
body.opora-redesign.opora-redesign.b24-page .b24-content :is(ul,ol) {padding:0;list-style:none}
body.opora-redesign.opora-redesign.b24-page .b24-content h1 {font-size:clamp(34px,3.5vw,62px);line-height:1.06;font-weight:600;letter-spacing:-.025em;max-width:none}
body.opora-redesign.opora-redesign.b24-page .b24-content h2 {font-size:clamp(24px,2.1vw,38px);line-height:1.16;font-weight:600;letter-spacing:-.02em;margin-bottom:13px}
body.opora-redesign.opora-redesign.b24-page .b24-content h3 {font-size:clamp(16px,1.1vw,21px);line-height:1.22;letter-spacing:-.01em;font-weight:600}
body.opora-redesign.opora-redesign.b24-page .b24-content p {font-size:clamp(14px,1.05vw,18px);color:#c6d0d7}
body.opora-redesign.opora-redesign.b24-page .b24-hero {padding:clamp(28px,3.2vw,58px) 0 28px;background:linear-gradient(125deg,transparent 64%,#174b6140 64%,#174b6140 68%,transparent 68%,transparent 91%,#ff78361c 91%,#ff78361c 94%,transparent 94%),radial-gradient(ellipse at 78% 40%,#0a314344,transparent 65%),#07141c}
body.opora-redesign.opora-redesign.b24-page .b24-hero-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,50px);align-items:center}
body.opora-redesign.opora-redesign.b24-page .b24-hero-copy {min-width:0}
body.opora-redesign.opora-redesign.b24-page .b24-kicker {color:#ff7836;font-weight:600;margin-bottom:8px;font-size:clamp(14px,1.1vw,19px)}
body.opora-redesign.opora-redesign.b24-page .b24-hero h1 span {color:#ff7836}
body.opora-redesign.opora-redesign.b24-page .b24-content .b24-intro {margin-top:16px;color:#d4dbe1;line-height:1.42;font-size:clamp(15px,1.14vw,20px)}
body.opora-redesign.opora-redesign.b24-page .b24-intro strong {color:#f4f5f6;font-weight:500}
body.opora-redesign.opora-redesign.b24-page .b24-actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:17px}
body.opora-redesign.opora-redesign.b24-page .b24-actions .btn {display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:clamp(13px,.9vw,16px);padding:12px 23px;min-height:43px;text-decoration:none;white-space:normal;text-align:center}
body.opora-redesign.opora-redesign.b24-page .b24-actions .btn-primary {color:#fff}
body.opora-redesign.opora-redesign.b24-page .b24-actions .btn-ghost {border-color:#1685ac;background:transparent}
body.opora-redesign.opora-redesign.b24-page .b24-proofs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px!important}
body.opora-redesign.opora-redesign.b24-page .b24-proofs li {display:flex;align-items:center;gap:12px;min-width:0;font-size:clamp(12px,.94vw,17px);line-height:1.25}
body.opora-redesign.opora-redesign.b24-page .op-icon {display:block;width:30px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
body.opora-redesign.opora-redesign.b24-page .b24-proofs .op-icon {color:#ff7836}
/* The supplied reference is displayed as an illustration only; text/buttons stay real HTML. */
body.opora-redesign.opora-redesign.b24-page .b24-reference-art {position:relative;aspect-ratio:560/340;min-width:0;overflow:hidden;align-self:center;border-radius:5px}
body.opora-redesign.opora-redesign.b24-page .b24-reference-art img {position:absolute;display:block;width:200.357%;max-width:none;height:auto;left:-100.357%;top:-18.824%;object-fit:initial}
body.opora-redesign.opora-redesign.b24-page .b24-band {border-top:1px solid #203541;padding:22px 0;background:linear-gradient(130deg,#07141c,#081820)}
body.opora-redesign.opora-redesign.b24-page .b24-about-grid {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:55px;align-items:center}
body.opora-redesign.opora-redesign.b24-page .b24-text-link {display:inline-block;color:#ff7836;text-decoration:none;font-size:clamp(13px,1vw,17px);font-weight:500;margin-top:8px}
body.opora-redesign.opora-redesign.b24-page .b24-text-link:hover {text-decoration:underline}
body.opora-redesign.opora-redesign.b24-page .b24-features {display:grid;gap:12px}
body.opora-redesign.opora-redesign.b24-page .b24-features li {display:flex;gap:12px;font-size:clamp(13px,1vw,18px);color:#c6d0d7}
body.opora-redesign.opora-redesign.b24-page .b24-features li:before {content:"✓";color:#fff;background:#ff7836;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:13px}
body.opora-redesign.opora-redesign.b24-page .b24-section-title {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
body.opora-redesign.opora-redesign.b24-page .b24-section-title h2 {margin:0}
body.opora-redesign.opora-redesign.b24-page .b24-section-title a {margin:0}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid .card {display:flex;flex-direction:column;min-width:0;padding:17px 14px;border:1px solid #244655;border-radius:9px;background:linear-gradient(130deg,#0c2532,#091b25)}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid .op-icon-tile {display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:7px;background:#ff783609;color:#ff7836;margin-bottom:12px}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid h3 {margin-bottom:15px;font-size:clamp(15px,1.05vw,21px);min-height:2.44em}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid p {font-size:clamp(12px,.93vw,17px);line-height:1.42}
body.opora-redesign.opora-redesign.b24-page .b24-integration-grid {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:45px;align-items:center}
body.opora-redesign.opora-redesign.b24-page .b24-integration-grid p+p {margin-top:13px}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 li {min-width:0;text-align:center;position:relative}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 li:not(:last-child):after {content:"→";position:absolute;right:-19px;top:22px;font-size:25px;color:#38b9e3}
body.opora-redesign.opora-redesign.b24-page .b24-flow-icon {display:grid;place-items:center;width:76px;max-width:100%;height:65px;margin:0 auto 10px;border:1px solid #2b4d5d;border-radius:8px;background:linear-gradient(130deg,#0b2431,#081923);color:#ff7836}
body.opora-redesign.opora-redesign.b24-page .b24-flow-icon .op-icon {width:36px;height:36px}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 li:nth-child(4) .b24-flow-icon {color:#37b9e2}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 strong {display:block;font-size:clamp(13px,.95vw,18px);line-height:1.25}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 p {font-size:clamp(11px,.85vw,15px);line-height:1.35;margin-top:4px}
body.opora-redesign.opora-redesign.b24-page .b24-data {border:1px solid #214555;border-radius:10px;background:#0b202b;padding:15px 18px;margin-top:20px}
body.opora-redesign.opora-redesign.b24-page .b24-data>p {color:#5bc6e7;font-size:14px;margin-bottom:13px}
body.opora-redesign.opora-redesign.b24-page .b24-data ul {display:flex;flex-wrap:wrap;gap:12px 20px;font-size:13px;color:#c6d0d7}
body.opora-redesign.opora-redesign.b24-page .b24-data li:before {content:"◇";color:#ff7836;font-size:18px;margin-right:7px}
body.opora-redesign.opora-redesign.b24-page .b24-fine {font-size:12px!important;margin-top:10px!important;color:#9db0bc!important}
body.opora-redesign.opora-redesign.b24-page .b24-fine a {color:#5bc6e7}
body.opora-redesign.opora-redesign.b24-page .b24-versions-grid {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
body.opora-redesign.opora-redesign.b24-page .b24-version {display:flex;align-items:center;gap:17px;border:1px solid #244655;border-radius:9px;padding:18px;background:#0b202b;min-width:0;height:100%}
body.opora-redesign.opora-redesign.b24-page .b24-version h3 {font-size:clamp(15px,1.1vw,20px);margin-bottom:7px}
body.opora-redesign.opora-redesign.b24-page .b24-version p {font-size:clamp(12px,.94vw,17px)}
body.opora-redesign.opora-redesign.b24-page .b24-version-icon {display:block;width:48px;height:48px;flex:none;color:#ff7836;font-size:48px;line-height:1}
body.opora-redesign.opora-redesign.b24-page .b24-bottom {background:linear-gradient(125deg,transparent 64%,#19496130 64%,#19496130 67%,transparent 67%,transparent 88%,#ff78361c 88%,transparent 92%),#07141c;padding-bottom:30px}
body.opora-redesign.opora-redesign.b24-page .b24-bottom-grid {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:35px;align-items:start}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps li {display:flex;gap:7px;align-items:flex-start;min-width:0;border:1px solid #254856;border-radius:8px;background:#0c2633;padding:10px 8px}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps li>span {display:grid;place-items:center;width:27px;height:27px;border:1px solid #ff7836;border-radius:50%;color:#fff;flex:none;font-size:18px}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps h3 {font-size:clamp(11px,.82vw,15px);line-height:1.3;margin-bottom:5px}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps p {font-size:clamp(10px,.75vw,13px);line-height:1.35}
body.opora-redesign.opora-redesign.b24-page .b24-price {margin-top:24px}
body.opora-redesign.opora-redesign.b24-page .b24-price .btn {display:inline-flex;align-items:center;gap:18px;border-color:#ff7836;color:#ff7836;margin-top:15px;padding:12px 22px}
/* Existing contact/form markup and scripts are retained. Only its containing column changes. */
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot {min-width:0}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .lead {padding:0;background:transparent;border:0}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .wrap {padding:0}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .lead-grid {display:block}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .lead-copy {margin-bottom:15px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .lead-copy h2 {font-size:25px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .lead-copy p {font-size:14px}
@media(max-width:1250px) {
body.opora-redesign.opora-redesign.b24-page .b24-versions-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
body.opora-redesign.opora-redesign.b24-page .b24-versions-grid>h2 {grid-column:1/-1}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px) {
body.opora-redesign.opora-redesign.b24-page .b24-hero-grid {grid-template-columns:1fr}
body.opora-redesign.opora-redesign.b24-page .b24-reference-art {width:100%;max-width:620px;justify-self:center}
body.opora-redesign.opora-redesign.b24-page .b24-hero h1 {font-size:clamp(34px,6vw,50px)}
body.opora-redesign.opora-redesign.b24-page .b24-about-grid,body.opora-redesign.opora-redesign.b24-page .b24-integration-grid,body.opora-redesign.opora-redesign.b24-page .b24-bottom-grid {grid-template-columns:1fr;gap:24px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot {max-width:650px;width:100%;justify-self:center}
}
@media(max-width:600px) {
body.opora-redesign.opora-redesign.b24-page .b24-section-title {align-items:flex-start;flex-direction:column;gap:5px}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid,body.opora-redesign.opora-redesign.b24-page .b24-versions-grid {grid-template-columns:1fr}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid h3 {min-height:0}
body.opora-redesign.opora-redesign.b24-page .b24-proofs {grid-template-columns:1fr;gap:12px}
body.opora-redesign.opora-redesign.b24-page .b24-proofs br {display:none}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.opora-redesign.opora-redesign.b24-page .b24-flow-v3 li:after {display:none}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps {grid-template-columns:1fr}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps h3 {font-size:15px}
body.opora-redesign.opora-redesign.b24-page .b24-work-steps p {font-size:13px}
body.opora-redesign.opora-redesign.b24-page .b24-actions {align-items:stretch;flex-direction:column}
}

body.opora-redesign.opora-redesign.b24-page .b24-features .b24-partner-status {display:block;color:#ff7836;font-size:clamp(19px,1.5vw,28px);font-weight:600;padding-bottom:6px}body.opora-redesign.opora-redesign.b24-page .b24-features .b24-partner-status:before {display:none}
/* Compact shared form: all original inputs, checkbox texts and handler stay intact. */
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .lead-form {padding:20px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .field {margin-bottom:11px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .field label {font-size:13px;margin-bottom:5px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .field :is(input,select,textarea) {font-size:16px;padding:10px 12px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot textarea {min-height:85px}
body.opora-redesign.opora-redesign.b24-page .b24-contact-slot .lead-copy h2 {font-size:23px}
body.opora-redesign.opora-redesign.b24-page .b24-service-grid .card {overflow-wrap:break-word}

@media(min-width:601px) and (max-width:1000px) {body.opora-redesign.opora-redesign.b24-page .b24-service-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}