:root{
  --cm22-brand:var(--brand);
  --cm22-brand-dark:var(--brand-dark);
  --cm22-ink:#10254d;
  --cm22-body:#31415f;
  --cm22-muted:#6f7e98;
  --cm22-soft:#f5f8fd;
  --cm22-soft-blue:#edf5ff;
  --cm22-line:#d9e4f3;
  --cm22-green:#159a58;
  --cm22-orange:#ef7b24;
  --cm22-red:#d94c4c;
  --cm22-shell-max:1240px;
  --cm22-gutter:36px;
  --cm22-radius:22px;
  --cm22-shadow:0 18px 52px rgba(19,62,126,.09);
}
.cm22-page,.cm22-page *{box-sizing:border-box}
.cm22-page{direction:rtl;background:#fff;color:var(--cm22-body);font-family:var(--font-fa);font-synthesis:none;-webkit-font-smoothing:antialiased}
.cm22-page img{display:block;max-width:100%}
.cm22-page a{color:inherit;text-decoration:none}
.cm22-page button{font:inherit}
.cm22-shell{width:min(calc(100% - (2 * var(--cm22-gutter))),var(--cm22-shell-max));margin-inline:auto}
.cm22-tech{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap}
.cm22-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* HERO — standardized full-bleed hero (matches AV64/KP11 exactly) */
.cm22-hero{position:relative;isolation:isolate;width:100%;min-height:500px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr;align-content:stretch;row-gap:0;margin:0;border:0;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f3f8ff 100%);padding-block:12px 28px;padding-inline:max(var(--cm22-gutter),calc((100% - var(--cm22-shell-max)) / 2))}
.cm22-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(30deg,transparent 0 46px,rgba(32,107,238,.06) 46px 47px),repeating-linear-gradient(150deg,transparent 0 46px,rgba(32,107,238,.06) 46px 47px),repeating-radial-gradient(ellipse 46% 34% at 36% 54%,transparent 0 70px,rgba(32,107,238,.07) 70px 71px);-webkit-mask-image:radial-gradient(ellipse 75% 95% at 38% 55%,#000 0,rgba(0,0,0,.6) 55%,transparent 100%);mask-image:radial-gradient(ellipse 75% 95% at 38% 55%,#000 0,rgba(0,0,0,.6) 55%,transparent 100%)}
.cm22-hero .cm22-breadcrumb{grid-column:1/-1;margin-bottom:6px}
.cm22-hero__copy{position:relative;z-index:2;grid-column:1/-1;max-width:600px;align-self:center;direction:rtl}
.cm22-hero__media{position:absolute;left:0;top:0;bottom:0;width:56%;z-index:0;pointer-events:none;direction:ltr}
.cm22-hero__product{position:absolute;left:11vw;top:3%;width:auto;height:92%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(39,65,111,.18));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);mask-composite:intersect}
.cm22-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#66738b;font-size:12px}
.cm22-breadcrumb a{text-decoration:none}
.cm22-breadcrumb a:hover{color:var(--cm22-brand)}
.cm22-hero__badge{display:inline-block;padding:5px 10px;border-radius:7px;background:#e8f1ff;color:var(--cm22-brand);font-weight:800;font-size:13px;margin:0 0 13px}
.cm22-hero h1{margin:13px 0 5px;color:#07184b;font-size:clamp(52px,4.7vw,68px);line-height:1.02;letter-spacing:-.045em;font-weight:900}
.cm22-hero__intro{margin:0;color:#35486d;font-size:17px;line-height:1.85;font-weight:520;max-width:500px}
.cm22-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:64px}
.cm22-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:0 26px;font-weight:800;font-size:14px;transition:.18s ease}
.cm22-button--primary{background:#1174f6;color:#fff;border:1.5px solid #2382ff;box-shadow:0 8px 18px rgba(13,104,235,.22)}
.cm22-button--secondary{border:1px solid #cbdaf0;background:#fff;color:#17396f}
.cm22-button:hover{transform:translateY(-1px)}
.cm22-button:focus-visible,.cm22-page a:focus-visible{outline:3px solid rgba(32,107,238,.28);outline-offset:3px}

/* SECTIONS */
.cm22-section{padding:20px 0 0}
.cm22-surface{background:linear-gradient(180deg,#fbfcff,#f6f9fd);border:1px solid #e8eef7;border-radius:var(--cm22-radius);box-shadow:0 9px 30px rgba(25,65,126,.045);padding:28px 30px 32px}
.cm22-section-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}
.cm22-section-index{flex:0 0 58px;height:52px;border-radius:9px;background:#0f4698;color:#fff;display:grid;place-items:center;font-size:27px;line-height:1;font-weight:900;direction:ltr}
.cm22-section-head h2{margin:0;color:#14376e;font-size:clamp(25px,2.35vw,35px);line-height:1.45;font-weight:900}
.cm22-section-head p{margin:6px 0 0;color:#5d6e89;font-size:15px;line-height:1.9}

/* SECTION 1 */
.cm22-failover-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(300px,.74fr);gap:34px;direction:ltr;align-items:stretch}
.cm22-failover-diagram,.cm22-channel-list{direction:rtl}
.cm22-failover-diagram{position:relative;min-height:305px;display:grid;grid-template-columns:1fr minmax(170px,.72fr) 1fr;grid-template-areas:"primary module backup" "failover failover failover";align-items:center;gap:18px;padding:14px 8px}
.cm22-failover-diagram__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.cm22-failover-diagram__svg path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cm22-sim,.cm22-module-node{position:relative;z-index:2}
.cm22-sim{border:1px solid;border-radius:15px;background:#fff;padding:18px;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 24px rgba(22,58,115,.06)}
.cm22-sim--primary{grid-area:primary;border-color:#9fd4b7;color:#138049}
.cm22-sim--backup{grid-area:backup;border-color:#efaaa5;color:#c84242}
.cm22-sim strong{font-size:18px;color:#18305d}
.cm22-sim span{font-size:13px;margin-top:5px;color:currentColor;font-weight:700}
.cm22-sim svg{width:36px;height:36px;margin-top:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.cm22-module-node{grid-area:module;display:grid;place-items:center;text-align:center}
.cm22-module-node img{height:235px;width:auto;object-fit:contain;filter:drop-shadow(0 12px 17px rgba(39,65,111,.12))}
.cm22-module-node strong{color:#102a54;font-size:16px;margin-top:4px}
.cm22-failover-state{grid-area:failover;justify-self:center;position:relative;z-index:2;display:flex;align-items:center;gap:10px;background:#0d57bb;color:#fff;border-radius:999px;padding:9px 16px;font-weight:850;font-size:13px;box-shadow:0 8px 20px rgba(13,87,187,.15)}
.cm22-failover-state::before{content:"↻";font-size:18px;line-height:1}
.cm22-channel-list{display:grid;gap:11px;align-content:center}
.cm22-channel{min-height:78px;background:#fff;border:1px solid;border-radius:12px;padding:12px 15px;display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:center}
.cm22-channel--green{border-color:#acdcbf}.cm22-channel--orange{border-color:#f6c295}.cm22-channel--blue{border-color:#aac8ee}
.cm22-channel__icon{width:42px;height:42px;display:grid;place-items:center}.cm22-channel__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cm22-channel--green .cm22-channel__icon{color:var(--cm22-green)}.cm22-channel--orange .cm22-channel__icon{color:var(--cm22-orange)}.cm22-channel--blue .cm22-channel__icon{color:var(--cm22-brand)}
.cm22-channel strong{color:#16335f;font-size:17px}.cm22-channel span{display:block;color:#697995;font-size:13px;margin-top:3px}
.cm22-mobile-semantics{display:none}

/* SECTION 2 */
.cm22-placement{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:36px;align-items:center;direction:ltr}
.cm22-placement__visual,.cm22-placement__copy{direction:rtl}
.cm22-placement__visual{position:relative;display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,.85fr);align-items:end;gap:110px;min-height:310px;padding:18px 20px 0}
.cm22-placement__av64,.cm22-placement__cm22{position:relative;z-index:2;text-align:center}
.cm22-placement__av64 img{width:min(100%,260px);margin-inline:auto}
.cm22-placement__cm22 img{height:250px;width:auto;margin-inline:auto;filter:drop-shadow(0 13px 18px rgba(39,65,111,.11))}
.cm22-placement__av64 strong,.cm22-placement__cm22 strong{display:block;color:#132b58;margin-top:8px;font-size:16px}
.cm22-distance{position:absolute;z-index:3;left:50%;top:43%;transform:translate(-50%,-50%);text-align:center;background:rgba(255,255,255,.98);border:1px solid #d8e3f2;border-radius:12px;padding:10px 16px;color:#16345f;box-shadow:0 4px 16px rgba(21,64,129,.07)}
.cm22-distance::before,.cm22-distance::after{content:"";position:absolute;top:50%;width:108px;height:4px;border-radius:99px;background:linear-gradient(90deg,#2d76dc 0 25%,#f2993e 25% 50%,#70b172 50% 75%,#d96c5e 75%)}
.cm22-distance::before{right:100%;margin-right:12px;transform:translateY(-50%)}
.cm22-distance::after{left:100%;margin-left:12px;transform:translateY(-50%)}
.cm22-distance strong{display:block;font-size:16px}.cm22-distance span{font-size:12px;color:#667793}
.cm22-coverage-pill{position:absolute;z-index:3;right:6%;top:0;background:#e9f3ff;color:#1555ad;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:850}
.cm22-placement__copy h3{margin:0;color:#12356d;font-size:22px;line-height:1.55}.cm22-placement__copy>p{margin:8px 0 18px;line-height:1.95;color:#61708a;font-size:14px}
.cm22-placement-notes{display:grid;gap:10px}
.cm22-placement-note{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;border:1px solid #dbe6f5;border-radius:12px;background:#f8fbff;padding:13px 15px}
.cm22-placement-note__icon{width:42px;height:42px;color:#1b4d94;display:grid;place-items:center}.cm22-placement-note__icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cm22-placement-note strong{display:block;color:#18375f;font-size:14px}.cm22-placement-note span{display:block;color:#687894;font-size:12.5px;line-height:1.75;margin-top:3px}

/* SECTION 3 */
.cm22-localio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:36px;align-items:center;direction:ltr}
.cm22-localio__visual,.cm22-localio__copy{direction:rtl}
.cm22-localio__visual{position:relative;display:grid;grid-template-columns:1fr minmax(150px,.7fr) 1fr;align-items:center;gap:18px;min-height:250px}
.cm22-localio__product{text-align:center}.cm22-localio__product img{height:230px;width:auto;margin-inline:auto;filter:drop-shadow(0 12px 18px rgba(39,65,111,.12))}.cm22-localio__product strong{display:block;color:#122c59;margin-top:4px}
.cm22-io-card{position:relative;border-radius:15px;background:#fff;border:1px solid;padding:18px;text-align:center;min-height:145px;display:flex;flex-direction:column;justify-content:center;overflow:visible}
.cm22-io-card--input{border-color:#a9d9bd;color:var(--cm22-green)}.cm22-io-card--output{border-color:#f6c293;color:var(--cm22-orange)}
.cm22-io-card strong{font-size:22px;direction:ltr;unicode-bidi:isolate}.cm22-io-card span{color:#556883;font-size:13px;line-height:1.75;margin-top:7px}
.cm22-io-card--input::after,.cm22-io-card--output::after{content:"";position:absolute;top:50%;height:2px;width:42px;opacity:.72;background:currentColor;transform:translateY(-50%)}
.cm22-io-card--input::before,.cm22-io-card--output::before{content:"";position:absolute;top:50%;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.cm22-io-card--input::after{left:100%}.cm22-io-card--input::before{left:calc(100% + 34px)}
.cm22-io-card--output::after{right:100%}.cm22-io-card--output::before{right:calc(100% + 34px);transform:translateY(-50%) rotate(-135deg)}
.cm22-localio__copy h3{margin:0;color:#13376f;font-size:22px}.cm22-localio__copy p{margin:8px 0 0;color:#62718a;line-height:1.95;font-size:14px}
.cm22-io-arrow{display:none}

/* SECTION 4 */
.cm22-choice-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;grid-template-areas:"fit alt facts";gap:18px;direction:ltr;align-items:stretch}
.cm22-choice-panel{direction:rtl;border:1px solid;border-radius:15px;background:#fff;padding:20px;min-width:0}
.cm22-choice-panel h3{margin:0 0 12px;font-size:18px;line-height:1.5}.cm22-choice-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.cm22-choice-panel li{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:flex-start;color:#435570;font-size:13.5px;line-height:1.7}.cm22-choice-panel li::before{content:"✓";width:19px;height:19px;border-radius:5px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px;margin-top:2px}
.cm22-choice-fit{grid-area:fit;border-color:#cde7d7}.cm22-choice-fit h3{color:#147342}.cm22-choice-fit li::before{background:#159a58}
.cm22-choice-alt{grid-area:alt;border-color:#f4d2b4}.cm22-choice-alt h3{color:#d76517}.cm22-choice-alt li::before{background:#ef7b24}
.cm22-choice-alt__link{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:#174b92;font-weight:850;font-size:13px;min-height:44px}
.cm22-facts{grid-area:facts;direction:rtl;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #cbd9ed;border-radius:15px;overflow:hidden;background:#fff}
.cm22-fact{min-height:91px;padding:14px 15px;border-bottom:1px solid #dce5f2;border-inline-start:1px solid #dce5f2;display:flex;flex-direction:column;justify-content:center}.cm22-fact:nth-child(2n+1){border-inline-start:0}.cm22-fact:nth-last-child(-n+2){border-bottom:0}
.cm22-fact span{color:#71809a;font-size:12px}.cm22-fact strong{margin-top:5px;color:#173a73;font-size:16px;line-height:1.35}

/* RESOURCES */
.cm22-resources{padding:20px 0 0}
.cm22-resources__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;direction:ltr;align-items:stretch}
.cm22-page .gs-final-cta{margin-top:clamp(40px,5.2vw,88px)}
.cm22-page .gs-final-cta__button{color:#fff}
.cm22-resource,.cm22-consult{direction:rtl;border:1px solid #e3eaf4;border-radius:18px;min-height:190px;padding:22px 20px;background:#fbfdff}
.cm22-resource__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.cm22-resource__head h2{margin:0;color:#17386e;font-size:20px}.cm22-resource__head span{font-size:12px;color:#1e5cae;font-weight:800}
.cm22-docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cm22-doc{min-height:104px;border:1px solid #d9e3f1;border-radius:12px;background:#fff;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1c345e;font-size:12px;line-height:1.7}.cm22-doc svg{width:25px;height:25px;margin-top:7px;fill:none;stroke:#206BEE;stroke-width:1.8}.cm22-doc[data-status="pending"]{cursor:default}.cm22-doc small{display:block;color:#8a98ac;margin-top:4px}
.cm22-related{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin;direction:rtl}
.cm22-related-card{scroll-snap-align:start;flex:0 0 150px;min-height:150px;border:1px solid #dce5f1;border-radius:12px;background:#fff;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-end;transition:.18s ease}.cm22-related-card:hover{border-color:#9dbde9;transform:translateY(-1px)}.cm22-related-card img{height:78px;width:100%;object-fit:contain;margin:auto}.cm22-related-card strong{color:#16376c;font-size:13px;margin-top:7px}.cm22-related-card span{color:#75839a;font-size:11px;margin-top:2px}
.cm22-consult{background:linear-gradient(145deg,#1052b7,#083b91);color:#fff;border-color:#0e4ca9;display:flex;flex-direction:column;justify-content:center;padding:18px 22px}
.cm22-consult h2{margin:0 0 8px;color:#fff;font-size:17px;line-height:1.7;text-align:right}.cm22-consult p{margin:0 0 14px;color:#e8f0ff;font-size:11px;line-height:1.9}.cm22-consult__button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding-inline:16px;border-radius:8px;background:#fff;color:#1552aa;font-size:12px;font-weight:800}

@media(max-width:1280px){
  :root{--cm22-shell-max:1120px;--cm22-gutter:30px}
  .cm22-placement__visual{gap:75px}.cm22-distance{left:48%}
}
@media(max-width:1040px){
  :root{--cm22-gutter:26px}
  .cm22-hero h1{font-size:54px}.cm22-hero__intro{font-size:16px;max-width:460px}.cm22-hero__actions{margin-top:44px}
  .cm22-failover-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:20px}.cm22-failover-diagram{grid-template-columns:1fr 150px 1fr}.cm22-module-node img{height:205px}
  .cm22-placement{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr)}.cm22-placement__visual{gap:55px}.cm22-placement__cm22 img{height:225px}
  .cm22-localio{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}
  .cm22-choice-grid{grid-template-columns:1fr 1fr;grid-template-areas:"fit alt" "facts facts"}.cm22-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.cm22-fact{border-inline-start:1px solid #dce5f2!important;border-bottom:0}.cm22-fact:first-child{border-inline-start:0!important}
  .cm22-resources__grid{grid-template-columns:1fr 1.25fr}.cm22-docs{grid-template-columns:repeat(4,minmax(0,1fr))}.cm22-consult{grid-column:1/-1;min-height:140px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:30px}.cm22-consult h2,.cm22-consult p{grid-column:1;text-align:right}.cm22-consult__button{grid-column:2;grid-row:1/3;min-width:190px;align-self:center;justify-self:start}
}
@media(max-width:880px){
  .cm22-hero{display:flex;flex-direction:column;min-height:0;padding-top:24px}.cm22-hero .cm22-breadcrumb{order:0;margin-bottom:14px}.cm22-hero__copy{grid-column:auto;width:100%;max-width:760px;order:1}.cm22-hero__media{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:310px;order:2;margin-top:8px;pointer-events:auto}.cm22-hero__product{position:relative;left:auto;top:auto;height:auto;width:min(70%,320px);max-height:300px;margin-inline:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%)}.cm22-hero__actions{margin-top:32px}
  .cm22-failover-grid{grid-template-columns:1fr}.cm22-failover-diagram{min-height:340px}.cm22-channel-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cm22-channel{min-height:104px;grid-template-columns:1fr;text-align:center;gap:6px}.cm22-channel__icon{margin-inline:auto}.cm22-channel strong{font-size:14px}.cm22-channel span{font-size:11.5px}
  .cm22-placement{grid-template-columns:1fr}.cm22-placement__copy{order:1}.cm22-placement__visual{order:2}
  .cm22-localio{grid-template-columns:1fr}.cm22-localio__copy{order:1}.cm22-localio__visual{order:2}
}
@media(max-width:720px){
  :root{--cm22-gutter:22px;--cm22-radius:16px}
  .cm22-breadcrumb{font-size:11px;margin-bottom:12px}.cm22-hero__badge{font-size:13px;margin-bottom:11px}.cm22-hero h1{font-size:37px;margin:11px 0 5px}.cm22-hero__intro{font-size:14px;line-height:1.7;max-width:none}.cm22-hero__actions{margin-top:22px}.cm22-button{width:100%}
  .cm22-section{padding-top:14px}.cm22-surface{padding:20px 16px 24px}.cm22-section-head{gap:11px;margin-bottom:18px}.cm22-section-index{flex-basis:44px;height:42px;font-size:21px;border-radius:8px}.cm22-section-head h2{font-size:23px;line-height:1.5}.cm22-section-head p{font-size:13px;line-height:1.85}
  .cm22-failover-diagram{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"primary backup" "module module" "failover failover";gap:12px;padding:5px 0}.cm22-failover-diagram__svg{display:none}.cm22-sim{min-height:118px;padding:12px}.cm22-sim strong{font-size:15px}.cm22-sim svg{width:29px;height:29px;margin-top:8px}.cm22-module-node img{height:195px}.cm22-failover-state{margin-top:-6px;white-space:normal;text-align:center}.cm22-mobile-semantics{display:block;margin:15px 0 0;text-align:center;color:#526786;font-size:12.5px;line-height:1.8}.cm22-channel-list{grid-template-columns:1fr}.cm22-channel{min-height:70px;grid-template-columns:40px 1fr;text-align:right}.cm22-channel__icon{margin:0}.cm22-channel strong{font-size:15px}.cm22-channel span{font-size:12px}
  .cm22-placement__visual{grid-template-columns:1fr;gap:18px;min-height:0;padding:4px 0}.cm22-placement__av64,.cm22-placement__cm22{padding:10px 0}.cm22-placement__av64 img{width:min(78%,245px)}.cm22-placement__cm22 img{height:205px}.cm22-distance{position:static;transform:none;order:0;justify-self:center}.cm22-distance::before,.cm22-distance::after{display:none}.cm22-placement__visual{display:flex;flex-direction:column;align-items:center}.cm22-placement__av64{order:1}.cm22-distance{order:2}.cm22-placement__cm22{order:3}.cm22-coverage-pill{position:static;order:4}.cm22-placement__copy h3{font-size:19px}.cm22-placement-note{grid-template-columns:40px 1fr;padding:11px 12px}.cm22-placement-note__icon{width:36px;height:36px}
  .cm22-localio__visual{grid-template-columns:1fr 1fr;grid-template-areas:"product product" "input output";gap:12px;min-height:0}.cm22-localio__product{grid-area:product}.cm22-localio__product img{height:190px}.cm22-io-card--input{grid-area:input}.cm22-io-card--output{grid-area:output}.cm22-io-card::before,.cm22-io-card::after{display:none}.cm22-io-card{min-height:120px;padding:12px}.cm22-io-card strong{font-size:19px}.cm22-io-card span{font-size:11.5px}.cm22-localio__copy h3{font-size:19px}
  .cm22-choice-grid{grid-template-columns:1fr;grid-template-areas:"fit" "alt" "facts"}.cm22-choice-panel{padding:16px}.cm22-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cm22-fact{min-height:82px;border-bottom:1px solid #dce5f2}.cm22-fact:nth-child(2n+1){border-inline-start:0!important}.cm22-fact:nth-last-child(-n+2){border-bottom:0}.cm22-fact strong{font-size:14px}
  .cm22-resources__grid{grid-template-columns:1fr;gap:14px}.cm22-resource,.cm22-consult{padding:15px}.cm22-docs{grid-template-columns:1fr}.cm22-related-card{flex:0 0 72vw;max-width:250px;min-height:130px}.cm22-consult{min-height:175px;display:flex}.cm22-consult h2{font-size:18px}.cm22-consult p{font-size:12px}.cm22-consult__button{width:100%;min-width:0;align-self:stretch;justify-content:center}
}
@media(max-width:380px){
  .cm22-hero h1{font-size:33px}
  .cm22-section-head h2{font-size:21px}.cm22-sim strong{font-size:14px}.cm22-sim span{font-size:11px}.cm22-module-node img{height:176px}
  .cm22-localio__visual{grid-template-columns:1fr;grid-template-areas:"product" "input" "output"}.cm22-io-card{min-height:92px}
  .cm22-facts{grid-template-columns:1fr}.cm22-fact{border-inline-start:0!important;border-bottom:1px solid #dce5f2!important}.cm22-fact:last-child{border-bottom:0!important}
  .cm22-docs{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.cm22-page *{scroll-behavior:auto!important;transition:none!important}}

/* Step 6 fidelity/sanity corrections */
.cm22-page .cm22-button--primary{color:#fff}.cm22-page .cm22-button--secondary{color:#17396f}.cm22-page .cm22-choice-alt__link{color:#174b92}.cm22-page .cm22-consult__button{color:#103d7d}
.cm22-failover-diagram{direction:ltr}.cm22-sim,.cm22-module-node,.cm22-failover-state{direction:rtl}
.cm22-placement__visual{direction:ltr}.cm22-placement__av64,.cm22-placement__cm22,.cm22-distance,.cm22-coverage-pill{direction:rtl}
.cm22-localio__visual{direction:ltr}.cm22-io-card,.cm22-localio__product{direction:rtl}
@media(max-width:720px){
  .cm22-placement__visual{order:1}.cm22-placement__copy{order:2}
  .cm22-localio__visual{order:1}.cm22-localio__copy{order:2}
}
/* Do not mask page-level overflow; contain only intentional rails. */
.cm22-page{overflow:visible}
.cm22-resource,.cm22-resources__grid,.cm22-related{min-width:0;max-width:100%}

/* Visual polish pass — generous section spacing + shadow cards instead of hard borders */
.cm22-hero{border-bottom:0}
.cm22-section{padding:clamp(40px,5.4vw,92px) 0 0}
.cm22-resources{padding:clamp(40px,5.4vw,92px) 0 0}
.cm22-surface{border-color:transparent;box-shadow:0 10px 30px rgba(19,62,126,.07)}
.cm22-sim{border-color:transparent}
.cm22-sim--primary{box-shadow:0 8px 22px rgba(21,154,88,.10)}
.cm22-sim--backup{box-shadow:0 8px 22px rgba(217,76,76,.10)}
.cm22-channel{border-color:transparent}
.cm22-channel--green{box-shadow:0 4px 14px rgba(21,154,88,.10)}
.cm22-channel--orange{box-shadow:0 4px 14px rgba(239,123,36,.10)}
.cm22-channel--blue{box-shadow:0 4px 14px rgba(32,107,238,.10)}
.cm22-distance{border-color:transparent}
.cm22-placement-note{border-color:transparent;box-shadow:0 4px 14px rgba(19,62,126,.06)}
.cm22-io-card{border-color:transparent;box-shadow:0 6px 18px rgba(19,62,126,.06)}
.cm22-choice-panel{border-color:transparent;box-shadow:0 6px 18px rgba(19,62,126,.06)}
.cm22-facts{border-color:transparent;box-shadow:0 6px 18px rgba(19,62,126,.06)}
.cm22-resource,.cm22-consult{border-color:transparent;box-shadow:0 8px 24px rgba(19,62,126,.06)}
.cm22-doc{border-color:transparent;box-shadow:0 4px 14px rgba(19,62,126,.05)}
.cm22-related-card{border-color:transparent;box-shadow:0 4px 14px rgba(19,62,126,.05)}
@media(max-width:720px){
  .cm22-section{padding-top:32px}
  .cm22-resources{padding-top:32px}
}