: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:15vw;top:27%;width:auto;height:46.4%;max-width:none;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(18,54,112,.15));}
.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:800 clamp(52px,4.7vw,68px)/1.02 var(--font-fa);margin:13px 0 5px;color:#07184b;letter-spacing:-.045em;direction:ltr;text-align:right}
.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:35.2%;left:8vw;top:28%}.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;}.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}
}

/* ===== standardization (mirrors CM10 / CM22) ===== */
.zi-scope{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center}
.zi-plain{list-style:none;margin:0;padding:0}
.zi-plain li{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #d5e0ef}
.zi-plain li:first-child{padding-top:4px}
.zi-plain li:last-child{border-bottom:0;padding-bottom:4px}
.zi-plain svg{width:36px;height:36px;flex:0 0 auto;margin-top:2px;fill:none;stroke:#206bee;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.zi-plain h3{margin:0 0 4px;font-size:18px;font-weight:800;color:#0b285a;line-height:1.5}
.zi-plain p{margin:0;font-size:13.5px;line-height:1.8;color:#52617b}
.zi-scope__art img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 14px 34px rgba(11,48,105,.18)}
#project-fit .zi-surface{background:linear-gradient(145deg,#e8f5fb,#d3e9f5)}
#technical-specs .zi-surface{background:var(--spec-bg)}
.spec-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.spec-list li{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:#e3e9f0;transition:background-color .2s ease,box-shadow .2s ease}
.spec-list li:hover{background:#eaf5ff;box-shadow:0 10px 26px rgba(8,58,119,.13)}
.spec-icon{width:54px;height:54px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#fff;color:#206bee;transition:transform .25s ease}
.spec-list li:hover .spec-icon{transform:scale(1.1)}
.spec-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.spec-list h3{margin:0 0 4px;font-size:18px;font-weight:800;color:#0b285a;line-height:1.5}
.spec-list p{margin:0;font-size:13.5px;line-height:1.8;color:#52617b}
.rel-heading{margin:0 0 24px;font-size:24px;font-weight:850;color:#062d63;text-align:center}
.rel-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.rel-tile{display:block;text-decoration:none;color:inherit;min-width:0}
.rel-tile__in{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:20px 12px 18px;text-align:center;border-radius:14px;background:#e3e9f0;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.rel-tile:hover .rel-tile__in{background:#eaf5ff;box-shadow:0 10px 26px rgba(8,58,119,.13);transform:translateY(-2px)}
.rel-tile__img{width:100%;height:130px;display:flex;align-items:center;justify-content:center}
.rel-tile__img img{display:block;max-width:86%;max-height:130px;width:auto;height:auto;object-fit:contain;transition:transform .25s ease}
.rel-tile:hover .rel-tile__img img{transform:scale(1.1)}
.rel-tile strong{margin-top:6px;font-size:16px;font-weight:850;color:#123f70}
.rel-tile small{font-size:14px;font-weight:650;color:#5b7088}
/* entrance: fade in left to right (opacity only, so measured connector geometry stays exact) */
@keyframes ziIn{from{opacity:0}}
.zi-enter:not(.zi-entered) :is(.zi-place-node,.zi-bus-label){opacity:0}
.zi-entered :is(.zi-place-node,.zi-bus-label){animation:ziIn .6s ease backwards;animation-delay:var(--d,0s)}
.zi-entered .zi-placement-connectors{animation:ziIn .6s ease .9s backwards}
.zi-place-node{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}
.zi-place-node.is-active{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(32,107,238,.55))}
.zi-place-node--sensors{cursor:pointer}
@media(max-width:1180px){.rel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.zi-scope{grid-template-columns:1fr;gap:22px}.zi-scope__art{order:-1}}
@media(max-width:767px){.spec-list{grid-template-columns:1fr;gap:10px}.spec-list li{padding:12px 14px;gap:12px}.spec-icon{width:42px;height:42px}.spec-icon svg{width:24px;height:24px}.spec-list h3,.zi-plain h3{font-size:15px}.spec-list p,.zi-plain p{font-size:12.5px}.zi-plain svg{width:28px;height:28px}}
@media(max-width:620px){.rel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rel-tile__img{height:110px}}
@media(prefers-reduced-motion:reduce){.zi-entered *{animation:none!important}}

.zi-section__head{justify-content:center;text-align:center}
.zi-section__head>div:last-child{flex:1}
.zi-section__head p{margin-inline:auto}
#placement .zi-surface{background:radial-gradient(90% 70% at 15% 0,#cfe2ff 0,transparent 62%),radial-gradient(70% 60% at 92% 100%,#d8e8ff 0,transparent 62%),#e9f2ff}
.zi-cap-node img,.zi-place-node img{filter:drop-shadow(0 8px 12px rgba(20,60,120,.22))}
.zi-place-node--panel img{width:150px;height:auto}
.zi-place-node--module img{width:190px;height:auto}
.zi-cap-node--panel img{width:150px;height:auto}
.zi-cap-node__media img{width:150px;height:auto}

/* ===== ZI82 capacity diagram (standard flow look) ===== */
.zi-desktop-story--capacity{display:block}
.zi-desktop-story--capacity .zi-section__head{margin:0 0 22px}
.zc{position:relative;display:grid;grid-template-columns:1fr .28fr 1fr 1fr;gap:18px;align-items:center;direction:ltr;padding:6px 8px 10px;max-width:980px;margin-inline:auto}
.zc__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.zc__svg path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 7;animation:zcFlow 1.4s linear infinite}
.zc__svg .p-panel-module{stroke:#2773db}.zc__svg .p-module-added{stroke:#1fa568}
@keyframes zcFlow{to{stroke-dashoffset:-18}}
.zc-node{position:relative;z-index:1;direction:rtl;text-align:center;display:grid;justify-items:center;align-content:center;min-width:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}
.zc-node--panel,.zc-node--module{background:#fff;border-radius:22px;box-shadow:0 14px 34px rgba(30,80,160,.12);padding:18px 12px 16px}
.zc-node__media{height:120px;width:100%;display:grid;place-items:center}
.zc-node__media img{max-width:92%;max-height:116px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(20,60,120,.22))}
.zc-node strong{color:#0e377b;font-size:15px;margin-top:8px}
.zc-node>span{color:#657892;font-size:12.5px;margin-top:3px}
.zc-node--panel.is-active,.zc-node--module.is-active{transform:scale(1.05);box-shadow:0 0 0 3px #206bee,0 18px 40px rgba(32,107,238,.3)}
.zc-plus{position:relative;z-index:2;justify-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4a97f5,#2773db);color:#fff;font:800 30px/1 var(--font-fa);box-shadow:0 8px 18px rgba(39,115,219,.35)}
.zc-added{background:#fff;border-radius:22px;box-shadow:0 14px 34px rgba(30,80,160,.12);padding:18px 12px 16px}
.zc-added__icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3fd08e,#1fa568)}
.zc-added__icon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.zc-added__num{margin-top:8px;font:850 44px/1 var(--font-fa);color:#1fa568}
.zc-added.is-active{transform:scale(1.05);box-shadow:0 0 0 3px #1fa568,0 18px 40px rgba(31,165,104,.3)}
.zc-enter:not(.zc-entered) :is(.zc-node,.zc-plus){opacity:0}
.zc-enter:not(.zc-entered) .zc__svg path{opacity:0}
.zc-entered :is(.zc-node,.zc-plus){animation:zcIn .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--d,0s)}
.zc-entered .zc__svg path{animation:zcDraw .55s ease backwards,zcFlow 1.4s linear infinite;animation-delay:var(--d,0s),0s}
@keyframes zcIn{from{opacity:0;transform:translateX(-34px)}}
@keyframes zcDraw{from{clip-path:inset(-12px calc(100% + 12px) -12px -12px)}}
@media(prefers-reduced-motion:reduce){.zc-entered :is(.zc-node,.zc-plus),.zc-entered .zc__svg path,.zc__svg path{animation:none}}
@media(max-width:767px){
  .zc{display:flex;flex-direction:column;align-items:center;gap:12px}
  .zc__svg{display:none}
  .zc-node{width:100%;max-width:340px}
}

.zc{grid-template-columns:1fr .3fr 1fr .4fr .9fr;max-width:1040px}
@media(max-width:767px){.zc-spacer{display:none}}

/* ===== ZI82 placement diagram (standard tiles, load animation only) ===== */
.zp{position:relative;display:grid;grid-template-columns:1fr .6fr 1fr .4fr .95fr;gap:16px;align-items:center;direction:ltr;padding:6px 8px 14px;max-width:1080px;margin:0 auto}
.zp__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.zp__svg path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 7}
.zp__svg .p-panel-module{stroke:#1fa568}.zp__svg .p-module-sensors{stroke:#2773db}
.zp-node{position:relative;z-index:1;direction:rtl;text-align:center;display:grid;justify-items:center;align-content:center;min-width:0;background:#fff;border-radius:22px;box-shadow:0 14px 34px rgba(30,80,160,.12);padding:18px 12px 16px}
.zp-node--sensors{background:#dde8f7}
.zp-node__media{height:120px;width:100%;display:grid;place-items:center}
.zp-node__media img{max-width:92%;max-height:116px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(20,60,120,.22))}
.zp-node strong{color:#0e377b;font-size:15px;margin-top:8px}
.zp-node>span{color:#657892;font-size:12.5px;margin-top:3px}
.zp-bus{position:relative;z-index:2;direction:rtl;text-align:center}
.zp-bus bdi{display:inline-block;padding:5px 12px;border-radius:999px;background:linear-gradient(180deg,#34c785,#1fa568);color:#fff;font-weight:850;font-size:12.5px;white-space:nowrap;box-shadow:0 6px 14px rgba(31,165,104,.3)}
.zp-bus span{display:block;margin-top:9px;font-size:12px;color:#62768e;white-space:nowrap}
.zp-enter:not(.zp-entered) :is(.zp-node,.zp-bus){opacity:0}
.zp-enter:not(.zp-entered) .zp__svg path{opacity:0}
.zp-entered :is(.zp-node,.zp-bus){animation:zpIn .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--d,0s)}
.zp-entered .zp__svg path{animation:zpDraw .55s ease backwards;animation-delay:var(--d,0s)}
@keyframes zpIn{from{opacity:0;transform:translateX(-34px)}}
@keyframes zpDraw{from{clip-path:inset(-12px calc(100% + 12px) -12px -12px)}}
@media(prefers-reduced-motion:reduce){.zp-entered :is(.zp-node,.zp-bus),.zp-entered .zp__svg path{animation:none}}
@media(max-width:900px){
  .zp{display:flex;flex-direction:column;align-items:center;gap:12px}
  .zp__svg,.zp-spacer{display:none}
  .zp-node{width:100%;max-width:360px}
}
/* benefits row: standard sizes */
.zi-benefit strong{font-size:16px}
.zi-benefit span{font-size:13px}
.zi-benefit svg{width:46px;height:46px}
.zi-desktop-story--placement{display:block}
.zi-desktop-story--placement .zi-section__head{margin:0 0 22px}
.zp{grid-template-columns:1fr .55fr 1fr .35fr 1.55fr}
@media(max-width:900px){.zp{grid-template-columns:none}}

/* BUS pill sits exactly on the link line; its caption hangs below */
.zp-bus span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;white-space:nowrap}
@media(max-width:900px){.zp-bus span{position:static;transform:none;display:block}}

/* Scope section without a photo: three cards in one row */
.zi-scope{display:block}
.zi-scope__art{display:none}
.zi-plain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:8px 0 0;padding:0}
.zi-plain li,.zi-plain li:first-child,.zi-plain li:last-child{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:28px 22px 26px;border:0;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(30,80,160,.12);transition:transform .25s ease,box-shadow .25s ease}
.zi-plain li:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(30,80,160,.18)}
.zi-plain svg{width:68px;height:68px;padding:16px;margin:0;border-radius:50%;background:linear-gradient(145deg,#4a97f5,#2773db);stroke:#fff;stroke-width:1.8;transition:transform .25s ease}
.zi-plain li:hover svg{transform:scale(1.08)}
.zi-plain h3{margin:0 0 6px;font-size:18px;font-weight:800;color:#0b285a;line-height:1.5}
.zi-plain p{margin:0;font-size:13.5px;line-height:1.85;color:#52617b}
@media(max-width:900px){.zi-plain{grid-template-columns:1fr;gap:12px}.zi-plain li,.zi-plain li:first-child,.zi-plain li:last-child{flex-direction:row;text-align:right;padding:16px 16px;gap:14px}.zi-plain svg{flex:0 0 auto;width:54px;height:54px;padding:13px}.zi-plain h3{font-size:16px}.zi-plain p{font-size:12.5px}}