:root{
  --product-hero-surface-start:#ffffff;
  --product-hero-surface-end:#fbfdff;
  --product-hero-halo:rgba(32,107,238,.08);
  --zi-font:var(--font-fa);
  --zi-brand:#206BEE;
  --zi-brand-dark:#0d3679;
  --zi-ink:#082a66;
  --zi-text:#304c76;
  --zi-muted:#6e7f9a;
  --zi-line:#d7e4f7;
  --zi-line-strong:#bad0ef;
  --zi-surface:#ffffff;
  --zi-surface-soft:#f8fbff;
  --zi-surface-blue:#f5f9ff;
  --zi-green:#0ca65b;
  --zi-green-soft:#effaf4;
  --zi-red:#ef3340;
  --zi-red-soft:#fff5f5;
  --zi-amber:#e6a300;
  --zi-amber-soft:#fffaf0;
  --zi-focus:0 0 0 3px rgba(32,107,238,.24);
  --zi-shell-max:1240px;
  --zi-gutter:36px;
  --zi-radius:16px;


  /* Scoped local palette tokens: exact baseline values centralized for G03 compliance. */
  --zi-local-082654:#082654;
  --zi-local-092a62:#092a62;
  --zi-local-092e6a:#092e6a;
  --zi-local-0a2d64:#0a2d64;
  --zi-local-0a3372:#0a3372;
  --zi-local-0a3675:#0a3675;
  --zi-local-0a3777:#0a3777;
  --zi-local-0a3a7d:#0a3a7d;
  --zi-local-0b2f68:#0b2f68;
  --zi-local-0b326f:#0b326f;
  --zi-local-0c376f:#0c376f;
  --zi-local-0c397b:#0c397b;
  --zi-local-0c3e87:#0c3e87;
  --zi-local-0c448f:#0c448f;
  --zi-local-0c9a57:#0c9a57;
  --zi-local-0d3472:#0d3472;
  --zi-local-0d3574:#0d3574;
  --zi-local-0d3f8d:#0d3f8d;
  --zi-local-0d5fc9:#0d5fc9;
  --zi-local-0f4da5:#0f4da5;
  --zi-local-103d80:#103d80;
  --zi-local-104890:#104890;
  --zi-local-145fc8:#145fc8;
  --zi-local-152f61:#152f61;
  --zi-local-154da8:#154da8;
  --zi-local-154f9a:#154f9a;
  --zi-local-163c72:#163c72;
  --zi-local-173c70:#173c70;
  --zi-local-1767d4:#1767d4;
  --zi-local-1767d7:#1767d7;
  --zi-local-1c559f:#1c559f;
  --zi-local-1f60bf:#1f60bf;
  --zi-local-1f61cc:#1f61cc;
  --zi-local-225dcc:#225dcc;
  --zi-local-236bd0:#236bd0;
  --zi-local-245dc3:#245dc3;
  --zi-local-245fc8:#245fc8;
  --zi-local-3d526d:#3d526d;
  --zi-local-47607c:#47607c;
  --zi-local-516a8b:#516a8b;
  --zi-local-526a88:#526a88;
  --zi-local-536985:#536985;
  --zi-local-566c88:#566c88;
  --zi-local-5a6371:#5a6371;
  --zi-local-5d5b53:#5d5b53;
  --zi-local-60738f:#60738f;
  --zi-local-63738b:#63738b;
  --zi-local-657082:#657082;
  --zi-local-657793:#657793;
  --zi-local-94b8ea:#94b8ea;
  --zi-local-a8dbc3:#a8dbc3;
  --zi-local-b8d0f2:#b8d0f2;
  --zi-local-bad0ed:#bad0ed;
  --zi-local-bdd2f5:#bdd2f5;
  --zi-local-cbdcf4:#cbdcf4;
  --zi-local-ceddf3:#ceddf3;
  --zi-local-d3eddf:#d3eddf;
  --zi-local-d8e3f3:#d8e3f3;
  --zi-local-d8e4f4:#d8e4f4;
  --zi-local-dce5f2:#dce5f2;
  --zi-local-dce7f5:#dce7f5;
  --zi-local-e1e9f5:#e1e9f5;
  --zi-local-e6eef9:#e6eef9;
  --zi-local-e93642:#e93642;
  --zi-local-eef4fb:#eef4fb;
  --zi-local-efd888:#efd888;
  --zi-local-efe3bf:#efe3bf;
  --zi-local-f0fbf5:#f0fbf5;
  --zi-local-f2d9db:#f2d9db;
  --zi-local-f4fcf7:#f4fcf7;
  --zi-local-f6faff:#f6faff;
  --zi-local-f7faff:#f7faff;
  --zi-local-alpha-01:rgba(15,59,116,.13);
  --zi-local-alpha-02:rgba(18,83,172,.15);
  --zi-local-alpha-03:rgba(32,107,238,.14);}
.zi-page,.zi-page *{box-sizing:border-box}
.zi-page{font-family:var(--zi-font);font-synthesis:none;color:var(--zi-text);background:var(--zi-surface);direction:rtl;overflow-x:clip}
.zi-page img{display:block;max-width:100%}
.zi-page a{text-decoration:none;color:inherit}
.zi-page svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zi-shell{width:min(calc(100% - 2*var(--zi-gutter)),var(--zi-shell-max));margin-inline:auto}
.zi-ltr,.zi-page bdi{unicode-bidi:isolate}
.zi-tech-token{white-space:nowrap;unicode-bidi:isolate}
.zi-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--zi-local-526a88);font-size:13px;margin-bottom:14px;flex-wrap:wrap}
.zi-breadcrumb a:hover{color:var(--zi-brand)}
.zi-breadcrumb a:focus-visible,.zi-button:focus-visible,.zi-related-card:focus-visible,.zi-cta__button:focus-visible,.zi-related:focus-visible{outline:none;box-shadow:var(--zi-focus);border-radius:8px}

/* HERO */
.zi-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(--zi-gutter),calc((100% - var(--zi-shell-max)) / 2))}
.zi-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%)}
.zi-hero .zi-breadcrumb{grid-column:1/-1;margin-bottom:6px}
.zi-hero__copy{position:relative;z-index:2;grid-column:1/-1;max-width:600px;align-self:center;direction:rtl}
.zi-hero__media{position:absolute;left:0;top:0;bottom:0;width:60%;z-index:0;pointer-events:none;direction:ltr}
.zi-hero__media img{position:absolute;left:6vw;top:13%;width:auto;height:58%;max-width:none;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(18,54,112,.15));-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}
.zi-hero__badge{display:inline-block;padding:5px 10px;border-radius:7px;background:#e8f1ff;color:var(--zi-brand);font-size:13px;font-weight:800;margin-bottom:13px}
.zi-hero h1{font-family:var(--zi-font);font-size:clamp(52px,4.7vw,68px);line-height:1.02;margin:13px 0 5px;font-weight:850;color:#07184b;letter-spacing:-.045em}
.zi-hero__intro{font-size:17px;line-height:1.85;font-weight:520;margin:0;color:#35486d;max-width:500px}
.zi-hero__actions{display:flex;gap:14px;margin-top:64px}
.zi-button{min-height:50px;padding:10px 18px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800;transition:.18s ease}
.zi-button svg{width:24px;height:24px}
.zi-page .zi-button--primary{background:linear-gradient(90deg,var(--zi-local-0d5fc9),var(--zi-brand));color:var(--zi-surface);box-shadow:0 8px 18px var(--zi-local-alpha-03)}
.zi-button--primary:hover{background:var(--zi-local-145fc8)}
.zi-page .zi-button--secondary{background:var(--zi-surface);color:var(--zi-local-0f4da5);border:1px solid var(--zi-brand)}
.zi-button--secondary:hover{background:var(--zi-local-f6faff)}

/* SECTIONS */
.zi-section{padding:80px 0}
.zi-surface{border-radius:var(--zi-radius);box-shadow:0 10px 32px rgba(8,35,66,.08);background:linear-gradient(180deg,var(--product-hero-surface-end),var(--zi-surface-soft));padding:22px 28px 20px;position:relative;overflow:hidden}
.zi-section__head{display:flex;align-items:flex-start;gap:18px;margin-bottom:14px}
.zi-section-index{order:-1;margin-inline-start:0;width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,var(--zi-local-1767d7),var(--zi-local-0d3f8d));color:var(--zi-surface);font-weight:900;font-size:26px;box-shadow:0 8px 20px var(--zi-local-alpha-02)}
.zi-section__head>div:last-child{flex:1}
.zi-section__head h2{font-size:28px;line-height:1.55;color:var(--zi-local-0d3472);margin:0 0 7px;font-weight:850}
.zi-section__head p{font-size:14px;line-height:2;color:var(--zi-local-516a8b);margin:0;max-width:710px}
.zi-section__head--compact{margin-bottom:14px}

/* CAPACITY */
/* Desktop story composition follows the approved visual: diagram/media left, explanatory copy right. */
.zi-desktop-story{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,.82fr);grid-template-areas:"visual copy";gap:32px;align-items:start;direction:ltr}
.zi-desktop-story>*{direction:rtl}
.zi-section__head--story{grid-area:copy;margin:8px 0 0;align-self:start}
.zi-capacity-visual{grid-area:visual;display:grid;gap:8px;min-width:0}
.zi-desktop-story--placement .zi-placement-topology{grid-area:visual}
.zi-capacity-diagram{min-height:178px;display:grid;grid-template-columns:1fr 44px 1fr .75fr;gap:12px;align-items:center;position:relative;padding:6px 8px}
.zi-connector-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible;color:var(--zi-local-236bd0)}
.zi-connector-layer path{stroke:currentColor;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}
.zi-cap-node,.zi-added-capacity,.zi-cap-plus{position:relative;z-index:2}
.zi-cap-node{text-align:center;min-width:0}
.zi-cap-node img{margin-inline:auto;object-fit:contain}
.zi-cap-node--panel img{width:140px;max-height:110px}
.zi-cap-node--module{padding:8px 12px;border-radius:999px;box-shadow:0 4px 14px rgba(24,66,125,.08);background:var(--zi-surface)}
.zi-cap-node--module img{width:148px;height:auto}
.zi-cap-node strong{display:block;color:var(--zi-local-092e6a);font-size:14px;margin-top:7px;font-weight:850}
.zi-cap-plus{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--zi-local-154f9a);color:var(--zi-surface);font-size:25px;font-weight:900}
.zi-added-capacity{text-align:center;color:var(--zi-green);direction:ltr}
.zi-added-capacity strong{display:block;font-size:34px;line-height:1;font-weight:900}
.zi-added-capacity span{display:block;font-size:14px;font-weight:800;margin-top:8px}.zi-added-capacity small{display:block;font-size:12px;font-weight:700;margin-top:3px}
.zi-capacity-compare{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:14px;position:relative}
.zi-capacity-card{min-height:126px;border-radius:11px;background:var(--zi-surface);padding:16px 18px;text-align:center;box-shadow:0 6px 20px rgba(16,38,74,.07)}
.zi-capacity-card h3{font-size:16px;line-height:1.3;margin:0 0 10px;color:var(--zi-green);font-weight:850;direction:ltr}.zi-capacity-card--wired h3{color:var(--zi-local-225dcc)}
.zi-capacity-card__metric{display:flex;align-items:center;justify-content:center;gap:9px;direction:ltr}.zi-capacity-card__metric svg{width:34px;height:34px;color:var(--zi-green)}.zi-capacity-card--wired .zi-capacity-card__metric svg{color:var(--zi-local-245fc8)}.zi-capacity-card__metric strong{font-size:28px;color:var(--zi-green);line-height:1}.zi-capacity-card--wired .zi-capacity-card__metric strong{color:var(--zi-local-245fc8)}.zi-capacity-card__metric span{font-size:13px;color:var(--zi-local-47607c);font-weight:700}.zi-capacity-card p{margin:9px 0 0;font-size:12px;color:var(--zi-local-63738b)}
.zi-not-equal{font:500 48px/1 Georgia,serif;color:var(--zi-local-0d3574);text-align:center;direction:ltr}
.zi-capacity-clarification{grid-column:1/-1;text-align:center;color:var(--zi-local-104890);font-size:14px;font-weight:850;margin:0;padding-top:2px}

/* PLACEMENT */
.zi-placement-topology{min-height:176px;display:grid;grid-template-columns:1fr .78fr 1fr .9fr;align-items:center;gap:14px;position:relative;direction:ltr;padding:8px 30px 0}
.zi-placement-topology>*{direction:rtl}
.zi-placement-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;color:var(--zi-local-103d80);overflow:visible}
.zi-placement-connectors path{stroke:currentColor;stroke-width:1.8;fill:none;vector-effect:non-scaling-stroke}
.zi-place-node,.zi-bus-label{position:relative;z-index:2;text-align:center}
.zi-place-node img{margin-inline:auto;object-fit:contain}.zi-place-node--panel img{width:125px;max-height:100px}.zi-place-node--module img{width:150px}.zi-place-node--sensors{padding:10px;border-radius:10px;box-shadow:0 6px 18px rgba(16,38,74,.07);background:var(--zi-surface)}.zi-place-node--sensors img{width:132px}.zi-place-node strong{display:block;color:var(--zi-local-0b2f68);font-size:13px;font-weight:850;margin-top:5px}
.zi-bus-label{direction:ltr;color:var(--zi-local-0b326f);font-size:13px;font-weight:800}.zi-bus-label span{display:block;color:var(--zi-green);direction:rtl;font-size:13px;margin-top:6px}
.zi-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px auto 0;max-width:1040px}
.zi-benefit{min-height:72px;border-radius:10px;box-shadow:0 6px 18px rgba(16,38,74,.07);background:var(--zi-surface);display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px}
.zi-benefit svg{width:42px;height:42px;color:var(--zi-local-1767d4);flex:0 0 auto}.zi-benefit strong{display:block;color:var(--zi-local-0c448f);font-size:14px;font-weight:850}.zi-benefit span{display:block;color:var(--zi-local-566c88);font-size:12px;margin-top:4px}

/* FIT + FACTS */
.zi-fit-grid{display:grid;grid-template-columns:1.35fr 1.1fr .75fr;gap:14px}
.zi-fit,.zi-pgm{border-radius:11px;min-height:143px;padding:16px 18px;box-shadow:0 6px 20px rgba(16,38,74,.07)}
.zi-fit--yes{background:linear-gradient(90deg,var(--zi-local-f4fcf7),var(--zi-local-f0fbf5))}.zi-fit--no{background:linear-gradient(90deg,var(--zi-surface)8f8,var(--zi-surface)3f3)}.zi-pgm{background:linear-gradient(90deg,var(--zi-surface)df7,var(--zi-surface)9e9);display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center}
.zi-fit h3{font-size:14px;margin:0 0 10px;font-weight:900}.zi-fit--yes h3{color:var(--zi-local-0c9a57)}.zi-fit--no h3{color:var(--zi-local-e93642)}.zi-fit ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.zi-fit li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.75;color:var(--zi-local-3d526d)}.zi-fit li span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--zi-surface);font-size:12px;line-height:1;flex:0 0 auto;margin-top:2px}.zi-fit--yes li span{background:var(--zi-green)}.zi-fit--no li span{background:var(--zi-red)}
.zi-pgm>svg{width:58px;height:58px;color:var(--zi-amber);border:1px solid var(--zi-local-efd888);border-radius:10px;padding:10px}.zi-pgm span{display:block;color:var(--zi-local-5d5b53);font-size:12px}.zi-pgm strong{display:block;font-size:21px;color:var(--zi-local-152f61);line-height:1.25;margin-top:4px;direction:ltr}.zi-pgm em{display:block;font-style:normal;font-size:13px;color:var(--zi-local-5a6371);direction:ltr}.zi-pgm p{font-size:11.5px;line-height:1.7;margin:6px 0 0;color:var(--zi-local-657082)}
.zi-facts{display:grid;grid-template-columns:repeat(6,1fr);margin-top:16px;border-top:1px solid var(--zi-local-d8e3f3);padding-top:12px}
.zi-fact{text-align:center;min-height:88px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.zi-fact+ .zi-fact{border-inline-start:1px solid var(--zi-local-dce5f2)}.zi-fact svg{width:32px;height:32px;color:var(--zi-local-245dc3)}.zi-fact strong{font-size:17px;color:var(--zi-local-0c3e87);font-weight:900;line-height:1.25;direction:ltr}.zi-fact strong small{font-size:10px;font-weight:700}.zi-fact span{font-size:11px;color:var(--zi-local-526a88);line-height:1.5}

/* RESOURCES */
.zi-resources{padding:10px 0 0}
.zi-resources__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;direction:ltr}.zi-resources__grid>*{direction:rtl;min-width:0}
.zi-page .gs-final-cta{margin-top:clamp(40px,5.2vw,88px)}
.zi-page .gs-final-cta__button{color:#fff}
.zi-resource-block,.zi-cta{border-radius:12px;box-shadow:0 6px 20px rgba(16,38,74,.07);background:linear-gradient(180deg,var(--product-hero-surface-end),var(--zi-local-f7faff));padding:16px;min-height:170px}
.zi-resource-block h2,.zi-cta h2{font-size:15px;color:var(--zi-local-0a3777);margin:0 0 13px;font-weight:850}
.zi-docs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.zi-doc{min-height:58px;border-radius:8px;box-shadow:0 4px 14px rgba(24,66,125,.08);background:var(--zi-surface);padding:8px 10px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:7px}.zi-doc svg{width:26px;height:26px;color:var(--zi-local-0a3a7d)}.zi-doc strong{display:block;font-size:10.5px;color:var(--zi-local-173c70);line-height:1.5}.zi-doc span{display:block;font-size:10px;color:var(--zi-local-60738f);margin-top:2px}.zi-doc[data-status="pending"]{background:var(--zi-surface-soft)}
.zi-related{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.zi-related-card{min-height:122px;border-radius:9px;background:var(--zi-surface);padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;border:1px solid transparent;transition:.18s ease}.zi-related-card[href]:hover{border-color:var(--zi-local-b8d0f2);transform:translateY(-1px)}.zi-related-card--pending{background:var(--zi-surface-soft);box-shadow:0 4px 14px rgba(24,66,125,.08)}.zi-related-card--pending img{opacity:.78;filter:grayscale(.18)}.zi-related-card__media{height:74px;display:grid;place-items:center;width:100%}.zi-related-card img{max-height:70px;width:auto}.zi-related-card strong{font-size:11px;color:var(--zi-local-163c72);font-weight:850;direction:ltr}.zi-related-card span{font-size:9.5px;color:var(--zi-local-60738f);margin-top:4px}
.zi-cta{background:linear-gradient(135deg,var(--zi-local-082654),var(--zi-local-0c397b));color:var(--zi-surface);box-shadow:0 12px 30px rgba(9,45,105,.22)}.zi-cta h2{color:var(--zi-surface);font-size:17px;line-height:1.6}.zi-cta p{font-size:12px;line-height:1.9;color:var(--zi-local-e6eef9);margin:0 0 12px}.zi-page .zi-cta__button{min-height:46px;background:var(--zi-surface);color:var(--zi-local-0a3675);border-radius:7px;padding:9px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:850}.zi-cta__button svg{width:24px;height:24px}

@media(max-width:1180px){
  :root{--zi-shell-max:1120px;--zi-gutter:30px}
  .zi-hero h1{font-size:54px}.zi-hero__intro{font-size:16px;max-width:460px}.zi-hero__actions{margin-top:44px}
  .zi-desktop-story{display:block}.zi-section__head--story{margin-bottom:14px}.zi-capacity-visual{display:block}.zi-capacity-diagram{max-width:720px;margin-inline:auto;width:100%}.zi-capacity-compare{max-width:760px;margin:8px auto 0;width:100%}
  .zi-facts{grid-template-columns:repeat(3,1fr)}.zi-fact:nth-child(4){border-inline-start:0}.zi-fact:nth-child(n+4){border-top:1px solid var(--zi-local-dce5f2)}
  .zi-resources__grid{grid-template-columns:1fr 1.25fr}.zi-cta{grid-column:1/-1;min-height:120px}
}
@media(max-width:1023px){
  :root{--zi-gutter:26px}
  .zi-hero{min-height:400px}.zi-hero__media{width:46%}.zi-hero__media img{height:44%;left:4vw}.zi-hero h1{font-size:46px}.zi-hero__intro{font-size:15px}
  .zi-placement-topology{grid-template-columns:1fr .7fr 1fr;grid-template-areas:"panel bus module" "sensors sensors sensors";gap:14px}.zi-place-node--panel{grid-area:panel}.zi-bus-label{grid-area:bus}.zi-place-node--module{grid-area:module}.zi-place-node--sensors{grid-area:sensors;justify-self:center;width:min(100%,280px)}
  .zi-placement-connectors{display:none}.zi-place-node--panel::after,.zi-place-node--module::after{content:"→";position:absolute;top:45%;inset-inline-end:-30px;color:var(--zi-local-1c559f);font:800 23px/1 sans-serif;direction:ltr}.zi-place-node--module::after{content:"↓";top:auto;inset-inline-end:auto;bottom:-32px;left:50%;transform:translateX(-50%)}
  .zi-fit-grid{grid-template-columns:1fr 1fr}.zi-pgm{grid-column:1/-1;min-height:100px;grid-template-columns:62px 1fr}.zi-benefits{gap:10px}.zi-benefit{padding:10px}.zi-benefit strong{font-size:13px}.zi-benefit span{font-size:11px}
}
@media(max-width:767px){
  :root{--zi-gutter:22px}.zi-section{padding:40px 0}.zi-surface{padding:18px 16px;border-radius:14px}.zi-section__head{gap:12px;margin-bottom:14px}.zi-section-index{width:44px;height:44px;font-size:20px;border-radius:10px}.zi-section__head h2{font-size:23px;line-height:1.55}.zi-section__head p{font-size:13px;line-height:1.9}
  .zi-hero{display:flex;flex-direction:column;min-height:0;padding-top:24px;margin-bottom:72px}.zi-hero .zi-breadcrumb{order:0;margin-bottom:14px}.zi-hero__copy{grid-column:auto;width:100%;max-width:760px;order:1}.zi-hero h1{font-size:37px;margin:11px 0 5px}.zi-hero__intro{font-size:14px;line-height:1.7}.zi-hero__media{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:220px;order:2;margin-top:8px}.zi-hero__media img{position:relative;left:auto;top:auto;height:auto;width:min(90%,420px);max-height:210px;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%)}.zi-hero__actions{order:3;margin-top:22px;width:100%;grid-template-columns:1fr}.zi-button{min-height:48px}
  .zi-capacity-diagram{min-height:0;display:flex;flex-direction:column;gap:8px;padding:4px 0 12px}.zi-connector-layer{display:none}.zi-cap-node--panel img{width:145px;max-height:110px}.zi-cap-node--module{border-radius:14px;width:min(100%,260px);margin-inline:auto}.zi-cap-node--module img{width:170px}.zi-cap-plus{margin:0 auto}.zi-cap-node--panel::after,.zi-cap-node--module::after{content:"↓";display:block;color:var(--zi-local-1f60bf);font:800 24px/1 sans-serif;margin:7px auto;direction:ltr}.zi-cap-node--module::after{content:"↓"}.zi-added-capacity{padding:4px 0 10px}.zi-added-capacity strong{font-size:38px}
  .zi-capacity-compare{grid-template-columns:1fr;gap:8px;margin-top:8px}.zi-not-equal{font-size:42px}.zi-capacity-card{min-height:0;padding:14px}.zi-capacity-card h3{font-size:15px}.zi-capacity-clarification{font-size:13px;padding-top:2px}
  .zi-placement-topology{display:flex;flex-direction:column;min-height:0;gap:5px;padding:2px 0 10px}.zi-placement-connectors{display:none}.zi-place-node--panel::after,.zi-place-node--module::after{content:none}.zi-place-node:not(:last-child)::after,.zi-bus-label::after{content:"↓";display:block;color:var(--zi-local-1f60bf);font:800 23px/1 sans-serif;margin:8px auto;direction:ltr}.zi-place-node--panel img{width:145px}.zi-bus-label{border-radius:10px;box-shadow:0 4px 14px rgba(24,66,125,.08);padding:10px 16px;background:var(--zi-surface);width:min(100%,280px)}.zi-place-node--module img{width:175px}.zi-place-node--sensors{width:min(100%,260px)}.zi-place-node--sensors::after{display:none!important}.zi-benefits{grid-template-columns:1fr;gap:9px;margin-top:6px}.zi-benefit{min-height:62px;justify-content:flex-start}.zi-benefit svg{width:38px;height:38px}
  .zi-fit-grid{display:block}.zi-fit,.zi-pgm{min-height:0;margin-bottom:10px}.zi-pgm{display:grid;grid-template-columns:58px 1fr}.zi-pgm>svg{width:54px;height:54px}.zi-facts{grid-template-columns:1fr 1fr;margin-top:10px}.zi-fact{min-height:78px;border-top:1px solid var(--zi-local-dce5f2)}.zi-fact:nth-child(-n+2){border-top:0}.zi-fact:nth-child(odd){border-inline-start:0}.zi-fact:nth-child(even){border-inline-start:1px solid var(--zi-local-dce5f2)}.zi-fact:nth-child(n+4){border-top:1px solid var(--zi-local-dce5f2)}.zi-fact strong{font-size:15px}.zi-fact span{font-size:10px}
  .zi-resources{padding-top:2px}.zi-resources__grid{grid-template-columns:1fr;gap:10px}.zi-resource-block,.zi-cta{min-height:0;padding:14px}.zi-docs{grid-template-columns:1fr}.zi-doc{min-height:58px}.zi-related{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;direction:rtl;padding-bottom:4px}.zi-related-card{flex:0 0 74vw;scroll-snap-align:start;min-height:126px}.zi-related-card__media{height:80px}.zi-related-card img{max-height:76px}.zi-cta h2{font-size:18px}
}
@media(max-width:380px){
  .zi-hero h1{font-size:33px}.zi-facts{grid-template-columns:1fr}.zi-fact,.zi-fact:nth-child(even),.zi-fact:nth-child(odd){border-inline-start:0;border-top:1px solid var(--zi-local-dce5f2)}.zi-fact:first-child{border-top:0}.zi-related-card{flex-basis:80vw}.zi-capacity-card__metric strong{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.zi-page *{scroll-behavior:auto!important;transition:none!important}}
/* v0.1 fidelity lock: preserve approved Desktop left→right diagram/card ordering */
.zi-capacity-diagram{direction:ltr}
.zi-capacity-diagram .zi-cap-node,.zi-capacity-diagram .zi-added-capacity{direction:rtl}
.zi-cap-node--panel{grid-column:1}.zi-cap-plus{grid-column:2}.zi-cap-node--module{grid-column:3}.zi-added-capacity{grid-column:4}
.zi-capacity-compare{direction:ltr}.zi-capacity-card{direction:rtl}.zi-capacity-card--bus{grid-column:1}.zi-not-equal{grid-column:2}.zi-capacity-card--wired{grid-column:3}.zi-capacity-clarification{grid-column:1/-1;direction:rtl}
.zi-fit-grid{direction:ltr}.zi-fit-grid>*{direction:rtl}
.zi-facts{direction:ltr}.zi-fact{direction:rtl}
.zi-related{direction:ltr}.zi-related-card{direction:rtl}
@media(max-width:767px){
  .zi-cap-node--panel,.zi-cap-plus,.zi-cap-node--module,.zi-added-capacity,.zi-capacity-card--bus,.zi-not-equal,.zi-capacity-card--wired{grid-column:auto}
  .zi-capacity-diagram,.zi-capacity-compare,.zi-fit-grid,.zi-facts{direction:rtl}
  .zi-related{direction:ltr}
}