/* zarahost.com theme "rack" (2026-11-02): style + layout, CSS only (HTML/text unchanged).
   Bespoke design (owner request 2026-11-02: new page structure, modern); own palette, fonts, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"B612 Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/b612-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"B612 Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/b612-mono-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/host-grotesk-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/host-grotesk-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/host-grotesk-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/host-grotesk-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/host-grotesk-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/host-grotesk-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/host-grotesk-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/host-grotesk-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/host-grotesk-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/host-grotesk-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* zarahost.com — Portward — «Rack elevation»
   The page is drawn like a datacenter rack elevation: two punched rails run down the page, every section is a unit
   mounted between them (faceplates, a dark drive-bay chassis, a partitioned server, a switch, a yellow utility unit),
   cables connect the steps. Light concrete ground, near-black ink, safety yellow, teal = healthy, red = blocked.
   Fonts: Host Grotesk (display + body), B612 Mono (ports, code, numbers), Inter fallback for scripts they lack. */

/* ---------- tokens + reset of theme-p90-port quirks ---------- */
html body.theme-p90-port{
  --bg:#e4e7e2!important;--ink:#16191b!important;--accent:#f6c10e!important;
  --concrete:#e4e7e2;--paper:#eef0ec;--face:#f8f8f5;--face2:#f0f1ed;--graph:#23272a;--graph2:#2f3437;--rail:#2b2f32;
  --steel:#8d9497;--line:#c4c9c6;--muted:#4a5054;--yellow:#f6c10e;--yellow2:#ffd84a;--teal:#0a6e65;--teal-l:#4fc2b4;--red:#b3341e;
  --gut:36px;--f-sans:"Host Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"B612 Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --lang-radius:4px;--nav-radius:4px;--nav-accent:#16191b;
  background:var(--concrete);color:var(--ink);font-family:var(--f-sans);font-size:17px;line-height:1.66;
  font-feature-settings:"ss01" 0;-webkit-font-smoothing:antialiased;overflow-x:clip}
html:has(body.theme-p90-port){overflow-x:clip;background:#e4e7e2}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko],[lang=vi]) body.theme-p90-port{--f-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko],[lang=vi]) body.theme-p90-port :is(h1,h2,h3){font-weight:800;letter-spacing:-.02em}
body.theme-p90-port :is(h1,h2,h3,p,li,td,th,summary,a,span){overflow-wrap:break-word}
body.theme-p90-port :is(h1,h2,h3){font-family:var(--f-sans);color:var(--ink);hyphens:auto;hyphenate-limit-chars:10 5 5}
body.theme-p90-port h1{font-weight:800;letter-spacing:-.042em;line-height:1.02}
body.theme-p90-port h2{font-weight:750;letter-spacing:-.032em;line-height:1.1;font-size:clamp(28px,2.75vw,40px)}
body.theme-p90-port h3{font-weight:700;letter-spacing:-.018em;line-height:1.22}
body.theme-p90-port :is(.cards p,.steps p,.split-section p,.faq p,.privacy p,.large,.hero-lead,.feature-matrix>p){opacity:1}
body.theme-p90-port .cards{gap:0}
body.theme-p90-port .cards article{border-inline-start:0}
body.theme-p90-port .closing{border-radius:0}
body.theme-p90-port .hero-copy{order:0;padding-top:0}
body.theme-p90-port code,body.theme-p90-port pre{font-family:var(--f-mono)}
body.theme-p90-port ::selection{background:var(--yellow);color:var(--ink)}
body.theme-p90-port a:focus-visible,body.theme-p90-port button:focus-visible,body.theme-p90-port summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* ---------- header = rack top with a cable ladder tray ---------- */
body.theme-p90-port .header{position:relative;z-index:5;width:min(1240px,calc(100% - 96px));min-height:76px;gap:28px;border-bottom:0;
  background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax -14px)}
body.theme-p90-port .header::after{content:"";position:absolute;inset-inline:-100vmax;bottom:-14px;height:14px;pointer-events:none;
  background:linear-gradient(var(--graph) 0 2px,transparent 2px 12px,var(--graph) 12px 14px),
    repeating-linear-gradient(90deg,var(--graph) 0 3px,transparent 3px 22px),var(--paper)}
body.theme-p90-port .header .brand{flex:none;white-space:nowrap}
body.theme-p90-port .brand{font:800 22px/1 var(--f-sans);letter-spacing:-.035em;gap:11px;color:var(--ink)}
body.theme-p90-port .brand-symbol{width:34px;height:34px;background:none;border-radius:0;color:inherit}
body.theme-p90-port .brand-symbol svg{width:100%;height:100%;display:block}
body.theme-p90-port .main-nav{gap:6px;font-size:14px;font-weight:600}
body.theme-p90-port .main-nav a{opacity:1;padding:7px 12px;border-radius:4px;color:var(--ink);border:1px solid transparent}
body.theme-p90-port .main-nav a:hover{background:var(--face);border-color:var(--line);text-decoration:none}
body.theme-p90-port .main-nav a[aria-current]{background:var(--ink);color:var(--yellow);text-decoration:none}
body.theme-p90-port .header .language{background:var(--face);color:var(--ink)}

/* ---------- page rails: main is the rack ---------- */
body.theme-p90-port main.wrap{position:relative;width:min(1240px,calc(100% - 96px));padding-bottom:30px}
body.theme-p90-port main.wrap::before,body.theme-p90-port main.wrap::after{content:"";position:absolute;top:0;bottom:0;width:20px;z-index:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30'%3E%3Crect width='20' height='30' fill='%232b2f32'/%3E %3Crect width='2' height='30' fill='%2341474a'/%3E%3Crect x='18' width='2' height='30' fill='%231d2022'/%3E %3Cg fill='%23e4e7e2'%3E%3Crect x='7' y='3' width='6' height='6' rx='1'/%3E%3Crect x='7' y='12' width='6' height='6' rx='1'/%3E%3Crect x='7' y='21' width='6' height='6' rx='1'/%3E%3C/g%3E %3Crect x='3' y='29' width='3' height='1' fill='%238a9194'/%3E%3C/svg%3E") 0 0/20px 30px repeat-y;pointer-events:none}
body.theme-p90-port main.wrap::before{inset-inline-start:calc(-1 * var(--gut))}
body.theme-p90-port main.wrap::after{inset-inline-end:calc(-1 * var(--gut));transform:scaleX(-1)}
body.theme-p90-port main.wrap>*{position:relative;z-index:1}

/* ears: mounting plates that bolt a unit to the page rails */
body.theme-p90-port :is(.page-x,main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card)::before,
body.theme-p90-port :is(.page-x,main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card)::after{
  content:"";position:absolute;top:-2px;width:var(--gut);height:min(calc(100% + 4px),72px);z-index:2;pointer-events:none;
  background:radial-gradient(circle at 50% 14px,#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),
    radial-gradient(circle at 50% calc(100% - 14px),#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),
    linear-gradient(90deg,#3a3f42,#4a5053 50%,#3a3f42);border:1.5px solid #15181a}
body.theme-p90-port :is(main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card)::before{inset-inline-start:calc(-1 * var(--gut));border-inline-end:0;border-radius:3px 0 0 3px}
body.theme-p90-port :is(main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card)::after{inset-inline-end:calc(-1 * var(--gut));border-inline-start:0;border-radius:0 3px 3px 0}
[dir=rtl] body.theme-p90-port :is(main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card)::before{border-radius:0 3px 3px 0}
[dir=rtl] body.theme-p90-port :is(main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card)::after{border-radius:3px 0 0 3px}
html body.theme-p90-port main.wrap>.closing.closing::before,html body.theme-p90-port main.wrap>.closing.closing::after{
  background:radial-gradient(circle at 50% 14px,#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),
    radial-gradient(circle at 50% calc(100% - 14px),#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),
    repeating-linear-gradient(-45deg,#16191b 0 7px,#f6c10e 7px 14px)}

/* ---------- shared bits ---------- */
body.theme-p90-port .eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:none;letter-spacing:0;font:600 14px/1 var(--f-sans);
  padding:8px 14px 8px 11px;border-radius:999px;background:var(--face);border:1.5px solid var(--ink);margin-bottom:24px;color:var(--ink)}
body.theme-p90-port .eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--teal-l);box-shadow:0 0 0 2px #0b5d55,0 0 10px 2px #4fc2b480}
body.theme-p90-port .button{font:700 15px/1.2 var(--f-sans);letter-spacing:0;padding:15px 22px;border-radius:4px;gap:10px;border:2px solid var(--ink)}
body.theme-p90-port .button.primary{background:var(--yellow);color:var(--ink);box-shadow:inset 0 -3px 0 #c99c00}
body.theme-p90-port .button.primary:hover{background:var(--yellow2)}
body.theme-p90-port .button.secondary{background:var(--face);color:var(--ink)}
body.theme-p90-port .button.secondary:hover{background:#fff}
body.theme-p90-port .button:hover{transform:none}
body.theme-p90-port .button .btn-arrow{font-size:1.05em}
body.theme-p90-port .number{font:700 12px/1 var(--f-mono);letter-spacing:.02em;opacity:1;margin:0}
body.theme-p90-port .code-example{background:#1b1e20;border:1.5px solid #0f1112;border-radius:4px;color:#dfe5e2}
body.theme-p90-port .code-example>div{background:#2b2f32;font:12px/1.4 var(--f-mono);color:#d7dcda;padding:10px 12px 10px 16px;align-items:center}
body.theme-p90-port .code-example button{font:700 12px/1 var(--f-sans);background:var(--yellow);color:var(--ink);border-radius:3px;padding:7px 10px}
body.theme-p90-port .code-example pre{font:13px/1.8 var(--f-mono);padding:16px 18px}
body.theme-p90-port .notice{border:0;border-inline-start:0;background:var(--face);position:relative;padding:20px 24px 20px 50px;border-radius:4px;
  box-shadow:inset 0 0 0 1.5px var(--ink);font-size:16px}
body.theme-p90-port .notice::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:28px;border-radius:4px 0 0 4px;
  background:repeating-linear-gradient(-45deg,#16191b 0 6px,#f6c10e 6px 12px)}
[dir=rtl] body.theme-p90-port .notice{padding:20px 50px 20px 24px}
[dir=rtl] body.theme-p90-port .notice::before{border-radius:0 4px 4px 0}
body.theme-p90-port .notice strong{font-size:17px}
body.theme-p90-port .notice p{margin-top:6px}

/* ---------- agent window = the unit being worked on ---------- */
body.theme-p90-port .agent-run{position:relative;overflow:visible;border:2px solid var(--ink);border-radius:5px;background:var(--face);
  box-shadow:0 1px 0 #fff inset,0 18px 40px -18px #16191b55,0 4px 0 #16191b18}
body.theme-p90-port .agent-run-bar{background:var(--graph);color:#eef1ee;border-radius:3px 3px 0 0;border-bottom:0;padding:11px 16px;font:500 13px/1.3 var(--f-sans)}
body.theme-p90-port .agent-run-bar span:first-child{opacity:1}
body.theme-p90-port .agent-run-mode{color:var(--yellow);font-weight:700}
body.theme-p90-port .agent-run-body{padding:16px}
body.theme-p90-port .agent-run-prompt{justify-content:flex-start}
body.theme-p90-port .agent-run-prompt span{background:#fff;border:1.5px solid var(--ink);border-inline-start:6px solid var(--yellow);border-radius:3px;max-width:100%;
  font-size:15px;color:var(--ink);padding:10px 14px}
body.theme-p90-port .agent-run-steps{gap:0;border:1.5px solid var(--line);border-radius:3px;background:#fff}
body.theme-p90-port .agent-run-steps li{grid-template-columns:104px minmax(0,1fr) auto;border:0;border-radius:0;border-top:1px solid var(--line);background:none;padding:9px 12px}
body.theme-p90-port .agent-run-steps li:first-child{border-top:0}
body.theme-p90-port .ar-tool{font:700 12px/1.2 var(--f-mono);color:var(--ink);background:var(--face2);border:1px solid var(--line);border-radius:3px;padding:4px 6px;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.theme-p90-port .agent-run-steps code{font:13px/1.45 var(--f-mono);color:#2a2f31}
body.theme-p90-port .ar-res{font:700 12px/1.2 var(--f-mono);opacity:1;color:var(--muted);display:inline-flex;align-items:center;gap:7px}
body.theme-p90-port .ar-res.ar-ok{color:var(--teal)}
body.theme-p90-port .ar-res.ar-ok::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal-l);box-shadow:0 0 0 1.5px #0b5d55;flex:none}
body.theme-p90-port .agent-run-foot{margin-top:14px}
body.theme-p90-port .agent-run-foot>span:first-child{opacity:1;color:var(--muted);font-size:14px}
body.theme-p90-port .ar-btn{font:700 13px/1 var(--f-sans);border:1.5px solid var(--ink);border-radius:3px;padding:9px 14px;background:#fff}
body.theme-p90-port .ar-btn-primary{background:var(--yellow);color:var(--ink);border-color:var(--ink)}
/* yellow mounting ears on every agent window */
body.theme-p90-port .agent-run::before,body.theme-p90-port .agent-run::after{content:"";position:absolute;top:-2px;bottom:-2px;width:26px;pointer-events:none;
  background:radial-gradient(circle at 50% 16px,#e4e7e2 0 3.5px,#16191b 4px 5.2px,transparent 5.7px),
    radial-gradient(circle at 50% calc(100% - 16px),#e4e7e2 0 3.5px,#16191b 4px 5.2px,transparent 5.7px),
    linear-gradient(90deg,#e8b300,#f6c10e 40%,#ffd84a 60%,#e8b300);border:2px solid var(--ink)}
body.theme-p90-port .agent-run::before{inset-inline-end:100%;border-inline-end:0;border-radius:4px 0 0 4px}
body.theme-p90-port .agent-run::after{inset-inline-start:100%;border-inline-start:0;border-radius:0 4px 4px 0}
[dir=rtl] body.theme-p90-port .agent-run::before{border-radius:0 4px 4px 0}
[dir=rtl] body.theme-p90-port .agent-run::after{border-radius:4px 0 0 4px}

/* ---------- HOME hero: a rack elevation, the agent window is the highlighted unit ---------- */
body.theme-p90-port main.wrap>.home-hero{margin-inline:calc(50% - 50vw);padding:64px calc(50vw - 50%) 120px;min-height:0;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:0 72px;align-items:center;
  background:radial-gradient(circle,#16191b2e 1px,transparent 1.5px) 0 0/30px 30px,var(--paper)}
body.theme-p90-port .home-hero::before{content:"";grid-column:2;grid-row:1;align-self:stretch;margin:-64px 0 -120px;z-index:0;
  border-inline:3px solid var(--graph);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30'%3E%3Crect width='20' height='30' fill='%232b2f32'/%3E %3Crect width='2' height='30' fill='%2341474a'/%3E%3Crect x='18' width='2' height='30' fill='%231d2022'/%3E %3Cg fill='%23eef0ec'%3E%3Crect x='7' y='3' width='6' height='6' rx='1'/%3E%3Crect x='7' y='12' width='6' height='6' rx='1'/%3E%3Crect x='7' y='21' width='6' height='6' rx='1'/%3E%3C/g%3E %3Crect x='3' y='29' width='3' height='1' fill='%238a9194'/%3E%3C/svg%3E") 0 0/20px 30px repeat-y,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30'%3E%3Crect width='20' height='30' fill='%232b2f32'/%3E %3Crect width='2' height='30' fill='%2341474a'/%3E%3Crect x='18' width='2' height='30' fill='%231d2022'/%3E %3Cg fill='%23eef0ec'%3E%3Crect x='7' y='3' width='6' height='6' rx='1'/%3E%3Crect x='7' y='12' width='6' height='6' rx='1'/%3E%3Crect x='7' y='21' width='6' height='6' rx='1'/%3E%3C/g%3E %3Crect x='3' y='29' width='3' height='1' fill='%238a9194'/%3E%3C/svg%3E") 100% 0/20px 30px repeat-y,
    linear-gradient(#f6c10e,#f6c10e) 30% 0/5px 64px no-repeat,linear-gradient(#0b7a70,#0b7a70) calc(30% + 12px) 0/5px 64px no-repeat,
    linear-gradient(#16191b,#16191b) calc(30% + 24px) 0/5px 64px no-repeat,
    linear-gradient(#b3341e,#b3341e) calc(20px + 50px) 41px/10px 8px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='120'%3E %3Crect x='.5' y='1.5' width='149' height='27' fill='%23f7f7f4' stroke='%238d9497'/%3E %3Cg fill='none' stroke='%239aa1a4'%3E%3Crect x='8' y='9' width='24' height='11' rx='1.5'/%3E%3Crect x='38' y='9' width='24' height='11' rx='1.5'/%3E%3Crect x='68' y='9' width='24' height='11' rx='1.5'/%3E%3Crect x='98' y='9' width='24' height='11' rx='1.5'/%3E%3C/g%3E %3Ccircle cx='136' cy='15' r='2.6' fill='%230b7a70'/%3E %3Crect y='31' width='150' height='28' fill='%232f3437'/%3E %3Cg fill='%23d4d8d4'%3E%3Crect x='8' y='41' width='10' height='8' rx='1'/%3E%3Crect x='22' y='41' width='10' height='8' rx='1'/%3E%3Crect x='36' y='41' width='10' height='8' rx='1'/%3E%3Crect x='50' y='41' width='10' height='8' rx='1'/%3E%3Crect x='64' y='41' width='10' height='8' rx='1'/%3E%3Crect x='78' y='41' width='10' height='8' rx='1'/%3E%3Crect x='92' y='41' width='10' height='8' rx='1'/%3E%3Crect x='106' y='41' width='10' height='8' rx='1'/%3E%3Crect x='120' y='41' width='10' height='8' rx='1'/%3E%3C/g%3E %3Cg fill='%234fc2b4'%3E%3Crect x='11' y='36' width='4' height='2'/%3E%3Crect x='39' y='36' width='4' height='2'/%3E%3Crect x='67' y='36' width='4' height='2'/%3E%3Crect x='109' y='36' width='4' height='2'/%3E%3C/g%3E %3Crect x='.5' y='61.5' width='149' height='57' fill='%23eceeea' stroke='%238d9497'/%3E %3Cg stroke='%23b3b9ba' stroke-width='2'%3E%3Cpath d='M10 73h86M10 80h86M10 87h86M10 94h86M10 101h86M10 108h86'/%3E%3C/g%3E %3Crect x='112' y='70' width='16' height='40' rx='4' fill='none' stroke='%235f6669' stroke-width='2'/%3E %3Ccircle cx='138' cy='76' r='2.6' fill='%230b7a70'/%3E%3Ccircle cx='138' cy='86' r='2.6' fill='%23f6c10e'/%3E%3C/svg%3E") 20px 4px/150px 120px repeat,#d9dcd8}
body.theme-p90-port .home-hero .hero-copy{grid-column:1;grid-row:1;max-width:620px}
body.theme-p90-port .home-hero .agent-run{grid-column:2;grid-row:1;z-index:2;margin:0 30px;width:auto;align-self:center}
body.theme-p90-port .home-hero h1{font-size:clamp(44px,5.1vw,72px);margin-bottom:26px;max-width:none}
@media (min-width:761px){html:is([lang=ru],[lang=uk],[lang=fr],[lang=vi],[lang=hi]) body.theme-p90-port .home-hero h1{font-size:clamp(40px,4.4vw,60px)}}
body.theme-p90-port .h1-mark{background:var(--yellow);color:var(--ink);padding:0 .14em;margin-inline-start:-.06em;border-radius:2px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:inset 0 -.09em 0 #16191b}
body.theme-p90-port .hero-lead{font-size:19px;line-height:1.6;max-width:540px;color:#2b3033}
body.theme-p90-port .home-hero .actions{margin-top:30px}

/* facts = dark drive-bay chassis straddling the hero edge */
body.theme-p90-port main.wrap>.cards{margin-top:-62px;padding:0;border:2px solid #0f1112;border-radius:4px;background:var(--graph);
  grid-template-columns:repeat(6,minmax(0,1fr));box-shadow:0 22px 40px -22px #16191b88;margin-bottom:56px}
body.theme-p90-port main.wrap>.cards article{position:relative;background:linear-gradient(#2f3437,#272b2e);border:0;border-radius:0;
  border-inline-start:1px solid #15181a;box-shadow:inset 1px 0 0 #41474a;padding:20px 18px 22px;color:#eef1ee;min-width:0}
body.theme-p90-port main.wrap>.cards article:first-child{border-inline-start:0;box-shadow:none}
body.theme-p90-port main.wrap>.cards article::after{content:"";position:absolute;top:22px;inset-inline-end:16px;width:8px;height:8px;border-radius:50%;
  background:var(--teal-l);box-shadow:0 0 8px 1px #4fc2b4aa}
body.theme-p90-port main.wrap>.cards .number{color:#b9bfc1;margin-bottom:12px;padding-inline-end:18px}
body.theme-p90-port main.wrap>.cards h3{color:#fff;font-size:24px;margin:0 0 6px;letter-spacing:-.02em}
body.theme-p90-port main.wrap>.cards p{color:#c9ced0;font-size:14px;line-height:1.45}

/* keyword section = white faceplate with vent strip, heading and text side by side */
body.theme-p90-port main.wrap>.scenario{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 56px;
  grid-template-rows:auto 1fr;align-items:start;margin:0 0 56px;padding:48px 48px 44px;background:var(--face);border:2px solid var(--ink);border-radius:4px}
body.theme-p90-port main.wrap>.scenario .eyebrow{grid-column:1;margin-bottom:6px;justify-self:start}
body.theme-p90-port main.wrap>.scenario h2{grid-column:1;margin:0;max-width:none}
body.theme-p90-port main.wrap>.scenario p{grid-column:2;grid-row:1/span 2;margin:0;font-size:18px;line-height:1.7;max-width:none;color:#262b2d}
body.theme-p90-port main.wrap>.scenario>*{position:relative}

/* walkthroughs = one server sliced into four customer partitions */
body.theme-p90-port.page-0 main.wrap>.reading:has(.steps){max-width:none;margin:0 0 56px;padding:14px;background:var(--graph);border:2px solid #0f1112;border-radius:5px}
body.theme-p90-port .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.theme-p90-port .steps article{position:relative;min-width:0;padding:22px 26px 26px;border:0;border-radius:3px;background:var(--face);
  display:flex;flex-direction:column;gap:0}
body.theme-p90-port .steps .number{position:static;align-self:flex-start;background:var(--ink);color:var(--yellow);padding:6px 9px;border-radius:3px;margin:0 0 16px;font-size:13px}
body.theme-p90-port .steps article::before{content:"";position:absolute;top:28px;inset-inline-end:26px;width:min(40%,170px);height:14px;
  background:linear-gradient(90deg,var(--teal-l) var(--q1,40%),#d9dcd8 0) 0 0/100% 5px no-repeat,linear-gradient(90deg,var(--yellow) var(--q2,60%),#d9dcd8 0) 0 9px/100% 5px no-repeat}
body.theme-p90-port .steps article:nth-child(2){--q1:68%;--q2:35%}
body.theme-p90-port .steps article:nth-child(3){--q1:25%;--q2:80%}
body.theme-p90-port .steps article:nth-child(4){--q1:55%;--q2:50%}
body.theme-p90-port .steps h3{font-size:22px;margin:0 0 10px}
body.theme-p90-port .steps p{font-size:16px;line-height:1.62;color:#2b3033}
body.theme-p90-port .steps article .code-example{margin-top:auto;padding-top:0}
body.theme-p90-port .steps article p+.code-example{margin-top:18px}
body.theme-p90-port.page-0 main.wrap>.reading:has(.steps)>p{margin:14px 0 0;display:flex;justify-content:center}
body.theme-p90-port.page-0 main.wrap>.reading:has(.steps)>p .button.secondary{background:var(--yellow);border-color:#0f1112}

/* comparison = switch unit: heading left, port table right */
body.theme-p90-port main.wrap>.feature-matrix{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:0 48px;align-items:start;grid-template-rows:auto 1fr;
  padding:40px 44px;margin:0 0 56px;background:var(--face2);border:2px solid var(--ink);border-radius:4px}
body.theme-p90-port main.wrap>.feature-matrix>h2{grid-column:1;margin:0 0 16px}
body.theme-p90-port main.wrap>.feature-matrix>p{grid-column:1;margin:0;color:#2b3033;font-size:17px}
body.theme-p90-port main.wrap>.feature-matrix>table{grid-column:2;grid-row:1/span 2;background:#fff;border:1.5px solid var(--ink);border-radius:3px;border-collapse:separate;border-spacing:0;overflow:hidden}
body.theme-p90-port .feature-matrix thead th{background:var(--graph);color:#eef1ee;font:600 14px/1.3 var(--f-sans);padding:14px 16px;border:0}
body.theme-p90-port .feature-matrix thead th:last-child{background:var(--yellow);color:var(--ink);font-weight:800}
body.theme-p90-port .feature-matrix th,body.theme-p90-port .feature-matrix td{padding:16px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}
body.theme-p90-port .feature-matrix tbody tr:last-child>*{border-bottom:0}
body.theme-p90-port .feature-matrix tbody th{font:700 13px/1.4 var(--f-mono);color:var(--ink);width:24%;background:var(--face2)}
body.theme-p90-port .feature-matrix th{width:auto}
body.theme-p90-port .feature-matrix thead th:first-child{width:24%}
body.theme-p90-port .feature-matrix tbody td{position:relative;padding-inline-start:36px;color:#2b3033}
body.theme-p90-port .feature-matrix tbody td::before{content:"";position:absolute;inset-inline-start:15px;top:23px;width:9px;height:9px;border-radius:50%;
  border:1.5px solid var(--steel);background:#fff}
body.theme-p90-port .feature-matrix tbody td:last-child{color:var(--ink);font-weight:600;background:#fffbea}
body.theme-p90-port .feature-matrix tbody td:last-child::before{background:var(--teal-l);border-color:#0b5d55;box-shadow:0 0 6px #4fc2b4}

/* how to start = cable run through four sockets, lettered A–D */
body.theme-p90-port main.wrap>.split-section{display:block;padding:8px 0 0;margin:0 0 60px;border-top:0}
body.theme-p90-port main.wrap>.split-section>h2{margin:0 0 30px;max-width:760px}
body.theme-p90-port .split-section .setup,body.theme-p90-port .download-grid .setup{list-style:none;counter-reset:jack;padding:0;margin:0}
body.theme-p90-port main.wrap>.split-section>.setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}
body.theme-p90-port main.wrap>.split-section>.setup::before{content:"";position:absolute;top:21px;inset-inline:22px;height:6px;border-radius:3px;
  background:var(--yellow);box-shadow:0 0 0 1.5px var(--ink)}
body.theme-p90-port .setup li{counter-increment:jack;position:relative;padding:0;font-size:16px;line-height:1.6}
body.theme-p90-port main.wrap>.split-section>.setup li{padding:66px 20px 20px;background:var(--face);border:1.5px solid var(--ink);border-radius:4px;margin-top:0;
  background-clip:padding-box}
body.theme-p90-port main.wrap>.split-section>.setup li::before{content:counter(jack,upper-alpha);position:absolute;top:-1px;inset-inline-start:18px;width:46px;height:46px;
  display:grid;place-items:center;font:700 18px/1 var(--f-mono);color:var(--yellow);background:var(--graph);border:2px solid var(--ink);border-radius:4px;
  box-shadow:inset 0 0 0 4px #3a3f42}
body.theme-p90-port main.wrap>.split-section>.setup li{margin-top:0}
body.theme-p90-port main.wrap>.split-section>.setup{padding-top:0}
body.theme-p90-port main.wrap>.split-section>.setup li{border-top-width:1.5px}

/* who it is for = three 1U servers in the rack */
body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link)){max-width:none;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
  gap:12px 48px;align-items:start;margin:0 0 56px;padding:0}
body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>h2{grid-column:1;grid-row:1/span 3;margin:8px 0 0}
body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>p{grid-column:2;position:relative;margin:0;padding:18px 26px 18px 64px;
  background:var(--face);border:1.5px solid var(--ink);border-radius:4px;font-size:16px;line-height:1.62;color:#262b2d;
  box-shadow:inset 0 3px 0 #fff}
body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>p::before{content:"";position:absolute;inset-inline-start:18px;top:18px;bottom:18px;width:22px;
  border-radius:3px;background:radial-gradient(circle at 50% 9px,var(--teal-l) 0 3.5px,transparent 4px),
    repeating-linear-gradient(var(--steel) 0 2px,transparent 2px 6px) 50% 22px/8px calc(100% - 22px) no-repeat,var(--graph2)}
[dir=rtl] body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>p{padding:18px 64px 18px 26px}

/* FAQ = port panel: each question is a socket, an open one is patched (yellow) */
body.theme-p90-port .faq{max-width:none}
body.theme-p90-port main.wrap>.faq{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:0 48px;align-items:start;
  padding:40px 44px 30px;margin:0 0 56px;background:var(--face);border:2px solid var(--ink);border-radius:4px}
body.theme-p90-port main.wrap>.faq>h2{grid-column:1;grid-row:1/span 20;margin:0}
body.theme-p90-port main.wrap>.faq>details{grid-column:2}
body.theme-p90-port .faq details{border-top:1px solid var(--line);padding:0}
body.theme-p90-port .faq details:first-of-type{border-top:0}
body.theme-p90-port .faq summary{list-style:none;display:flex;align-items:flex-start;gap:16px;padding:18px 4px;cursor:pointer}
body.theme-p90-port .faq summary::-webkit-details-marker{display:none}
body.theme-p90-port .faq summary::before{content:"";flex:none;width:26px;height:24px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Crect x='1' y='1' width='20' height='18' rx='2' fill='%232b2f32'/%3E%3Cpath d='M5 6h12v8h-3v2H8v-2H5z' fill='%23e9ebe7'/%3E%3Cg fill='%238d9497'%3E%3Crect x='7' y='6' width='1.2' height='3'/%3E%3Crect x='9.3' y='6' width='1.2' height='3'/%3E%3Crect x='11.6' y='6' width='1.2' height='3'/%3E%3Crect x='13.9' y='6' width='1.2' height='3'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
body.theme-p90-port .faq details[open]>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Crect x='1' y='1' width='20' height='18' rx='2' fill='%232b2f32'/%3E%3Cpath d='M5 6h12v8h-3v2H8v-2H5z' fill='%23f6c10e'/%3E%3Cg fill='%238d9497'%3E%3Crect x='7' y='6' width='1.2' height='3'/%3E%3Crect x='9.3' y='6' width='1.2' height='3'/%3E%3Crect x='11.6' y='6' width='1.2' height='3'/%3E%3Crect x='13.9' y='6' width='1.2' height='3'/%3E%3C/g%3E%3C/svg%3E")}
body.theme-p90-port .faq summary .faq-q,body.theme-p90-port .faq summary h3{font:700 19px/1.35 var(--f-sans);letter-spacing:-.01em;margin:0;color:var(--ink)}
body.theme-p90-port .faq details p{margin:0 0 20px;padding-inline-start:46px;font-size:16px;line-height:1.65;color:#2b3033;max-width:none}
body.theme-p90-port .faq summary:hover .faq-q{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--yellow);text-underline-offset:4px}

body.theme-p90-port main.wrap>.faq>h2::after,body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>h2::after{
  content:"";display:block;width:min(100%,300px);aspect-ratio:300/200;margin-top:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200' viewBox='0 0 300 200'%3E%3Crect x='1' y='1' width='298' height='96' rx='4' fill='%2323272a' stroke='%2316191b' stroke-width='2'/%3E%3Crect x='10' y='8' width='280' height='4' rx='2' fill='%233a3f42'/%3E%3Crect x='22' y='22' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M28 29h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='33' y='16' width='8' height='3' fill='%234a5053'/%3E%3Crect x='64' y='22' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M70 29h18v10h-4v3h-10v-3h-4z' fill='%23f6c10e'/%3E%3Crect x='75' y='16' width='8' height='3' fill='%234fc2b4'/%3E%3Crect x='106' y='22' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M112 29h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='117' y='16' width='8' height='3' fill='%234a5053'/%3E%3Crect x='148' y='22' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M154 29h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='159' y='16' width='8' height='3' fill='%234a5053'/%3E%3Crect x='190' y='22' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M196 29h18v10h-4v3h-10v-3h-4z' fill='%234fc2b4'/%3E%3Crect x='201' y='16' width='8' height='3' fill='%234fc2b4'/%3E%3Crect x='232' y='22' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M238 29h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='243' y='16' width='8' height='3' fill='%234a5053'/%3E%3Crect x='22' y='58' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M28 65h18v10h-4v3h-10v-3h-4z' fill='%234fc2b4'/%3E%3Crect x='33' y='52' width='8' height='3' fill='%234fc2b4'/%3E%3Crect x='64' y='58' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M70 65h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='75' y='52' width='8' height='3' fill='%234a5053'/%3E%3Crect x='106' y='58' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M112 65h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='117' y='52' width='8' height='3' fill='%234a5053'/%3E%3Crect x='148' y='58' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M154 65h18v10h-4v3h-10v-3h-4z' fill='%23f6c10e'/%3E%3Crect x='159' y='52' width='8' height='3' fill='%234fc2b4'/%3E%3Crect x='190' y='58' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M196 65h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='201' y='52' width='8' height='3' fill='%234a5053'/%3E%3Crect x='232' y='58' width='30' height='26' rx='3' fill='%232b2f32'/%3E%3Cpath d='M238 65h18v10h-4v3h-10v-3h-4z' fill='%23e9ebe7'/%3E%3Crect x='243' y='52' width='8' height='3' fill='%23b3341e'/%3E%3Cg fill='none' stroke-linecap='round' stroke-width='7'%3E%3Cpath d='M79 42 C 79 120, 120 120, 128 196' stroke='%2316191b' stroke-width='10'/%3E%3Cpath d='M79 42 C 79 120, 120 120, 128 196' stroke='%23f6c10e'/%3E%3Cpath d='M163 78 C 163 140, 150 150, 150 196' stroke='%2316191b' stroke-width='10'/%3E%3Cpath d='M163 78 C 163 140, 150 150, 150 196' stroke='%23f6c10e'/%3E%3Cpath d='M247 42 C 252 130, 200 140, 196 196' stroke='%2316191b' stroke-width='10'/%3E%3Cpath d='M247 42 C 252 130, 200 140, 196 196' stroke='%234fc2b4'/%3E%3Cpath d='M37 78 C 37 150, 90 150, 100 196' stroke='%2316191b' stroke-width='10'/%3E%3Cpath d='M37 78 C 37 150, 90 150, 100 196' stroke='%234fc2b4'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>h2::after{aspect-ratio:300/190;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='190' viewBox='0 0 300 190'%3E%3Crect x='1' y='1' width='298' height='188' rx='5' fill='%2323272a' stroke='%2316191b' stroke-width='2'/%3E%3Crect x='12' y='10' width='276' height='10' rx='2' fill='%233a3f42'/%3E%3Ccircle cx='278' cy='15' r='3' fill='%234fc2b4'/%3E%3Crect x='12' y='30' width='276' height='44' rx='3' fill='%23f8f8f5'/%3E%3Crect x='22' y='40' width='24' height='24' rx='3' fill='%232b2f32'/%3E%3Ccircle cx='34' cy='52' r='4' fill='%234fc2b4'/%3E%3Crect x='58' y='41' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='41' width='135' height='7' rx='3.5' fill='%230b7a70'/%3E%3Crect x='58' y='56' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='56' width='87' height='7' rx='3.5' fill='%23f6c10e'/%3E%3Crect x='12' y='82' width='276' height='44' rx='3' fill='%23f8f8f5'/%3E%3Crect x='22' y='92' width='24' height='24' rx='3' fill='%232b2f32'/%3E%3Ccircle cx='34' cy='104' r='4' fill='%23f6c10e'/%3E%3Crect x='58' y='93' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='93' width='76' height='7' rx='3.5' fill='%230b7a70'/%3E%3Crect x='58' y='108' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='108' width='170' height='7' rx='3.5' fill='%23f6c10e'/%3E%3Crect x='12' y='134' width='276' height='44' rx='3' fill='%23f8f8f5'/%3E%3Crect x='22' y='144' width='24' height='24' rx='3' fill='%232b2f32'/%3E%3Ccircle cx='34' cy='156' r='4' fill='%234fc2b4'/%3E%3Crect x='58' y='145' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='145' width='183' height='7' rx='3.5' fill='%230b7a70'/%3E%3Crect x='58' y='160' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='160' width='120' height='7' rx='3.5' fill='%23f6c10e'/%3E%3C/svg%3E")}

/* closing = yellow utility unit */
body.theme-p90-port main.wrap>.closing{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:6px 56px;align-items:end;text-align:start;
  padding:46px 48px;margin:0 0 56px;background:linear-gradient(transparent calc(100% - 18px),#16191b14 0),var(--yellow);border:2px solid var(--ink);border-radius:4px;color:var(--ink)}
body.theme-p90-port .closing>span{grid-column:1;font:600 14px/1 var(--f-sans);letter-spacing:0;text-transform:none;display:inline-flex;align-items:center;gap:9px;justify-self:start}
body.theme-p90-port .closing>span::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink)}
body.theme-p90-port .closing h2{grid-column:1;margin:10px 0 0;max-width:none;font-size:clamp(30px,3.2vw,46px)}
body.theme-p90-port .closing p{grid-column:2;grid-row:1/span 2;margin:0;font-size:17px;line-height:1.6;color:#1e2224;align-self:start}
body.theme-p90-port .closing .button.primary{grid-column:2;justify-self:start;background:var(--ink);color:var(--yellow);border-color:var(--ink);box-shadow:none;margin-top:18px}
body.theme-p90-port .closing .button.primary:hover{background:#2f3437}
body.theme-p90-port .closing:not(:has(p)){grid-template-columns:minmax(0,1fr) auto;align-items:center}
body.theme-p90-port .closing:not(:has(p)) .button.primary{grid-row:1/span 2;align-self:center;margin:0}

/* links = cable tags */
body.theme-p90-port.page-0 main.wrap>.reading:has(.text-link){max-width:none;padding:0 0 20px}
body.theme-p90-port.page-0 main.wrap>.reading:has(.text-link)>h2{margin:0 0 8px}
body.theme-p90-port.page-0 main.wrap>.reading:has(.text-link)>p:not(:has(.text-link)){margin:0 0 24px;color:#2b3033}
body.theme-p90-port .reading p:has(>.text-link){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
body.theme-p90-port .reading .text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;position:relative;
  padding:16px 16px 16px 50px;background:var(--face);border:1.5px solid var(--ink);border-radius:4px 14px 14px 4px;
  font:600 16px/1.35 var(--f-sans);text-decoration:none;color:var(--ink)}
[dir=rtl] body.theme-p90-port .reading .text-link{padding:16px 50px 16px 16px;border-radius:14px 4px 4px 14px}
body.theme-p90-port .reading .text-link::before{content:"";position:absolute;inset-block:-1.5px;inset-inline-start:-1.5px;width:32px;border-radius:4px 0 0 4px;
  border:1.5px solid var(--ink);background:radial-gradient(circle at 50% 50%,var(--concrete) 0 5px,var(--ink) 5.5px 7px,transparent 7.5px),var(--yellow)}
[dir=rtl] body.theme-p90-port .reading .text-link::before{border-radius:0 4px 4px 0}
body.theme-p90-port .reading .text-link:hover{background:#fff}
html body.theme-p90-port .reading .text-link .link-arrow{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;
  border:1.5px solid var(--ink);background:var(--yellow);color:var(--ink);font:700 14px/1 system-ui,-apple-system,"Segoe UI Symbol","Segoe UI",sans-serif}

/* ---------- footer = rack plinth ---------- */
body.theme-p90-port footer.wrap{width:min(1240px,calc(100% - 96px));position:relative;background:var(--graph);box-shadow:0 0 0 100vmax var(--graph);clip-path:inset(0 -100vmax);
  color:#e6eae7;border-top:0;padding:40px 0 30px;margin-top:20px}
body.theme-p90-port footer.wrap::before{content:"";position:absolute;top:0;inset-inline:-100vmax;height:10px;
  background:repeating-linear-gradient(90deg,#16191b 0 14px,#f6c10e 14px 28px)}
body.theme-p90-port footer .footer-top{padding-top:10px}
body.theme-p90-port footer .brand{color:#fff;font-size:20px}
body.theme-p90-port footer nav{gap:6px 8px;margin:22px 0 24px;font-size:14px}
body.theme-p90-port footer nav a{padding:6px 11px;border:1px solid #4a5053;border-radius:4px;color:#e6eae7}
body.theme-p90-port footer nav a:hover{border-color:var(--yellow);color:var(--yellow)}
body.theme-p90-port .footer-bottom{font-size:13px;line-height:1.55;color:#b9bfc1;opacity:1;border-top:1px solid #3a3f42;padding-top:18px}
body.theme-p90-port .footer-bottom span:last-child{font-family:var(--f-mono);white-space:nowrap}

/* ---------- INNER pages ---------- */
body.theme-p90-port main.wrap>.inner-hero{margin-inline:calc(50% - 50vw);padding:60px calc(50vw - 50%) 96px;min-height:0;display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:0 56px;align-items:center;
  background:radial-gradient(circle,#16191b2e 1px,transparent 1.5px) 0 0/30px 30px,var(--paper)}
body.theme-p90-port .inner-hero h1{font-size:clamp(40px,4.4vw,62px);margin:0;max-width:960px}
body.theme-p90-port .inner-hero .hero-copy{min-width:0}
body.theme-p90-port .hero-number{position:relative;opacity:1;font:700 64px/1 var(--f-mono);letter-spacing:-.04em;color:var(--yellow);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Crect x='2' y='2' width='9' height='3' rx='1.5' fill='%2316191b' fill-opacity='.16'/%3E%3C/svg%3E") 0 0/14px 10px,var(--graph);border:2px solid var(--ink);border-radius:4px;padding:28px 34px 26px 30px;margin-inline:30px;
  box-shadow:0 18px 30px -18px #16191b99;text-shadow:0 0 18px #f6c10e55}
body.theme-p90-port .hero-number::before,body.theme-p90-port .hero-number::after{content:"";position:absolute;top:-2px;bottom:-2px;width:26px;
  background:radial-gradient(circle at 50% 14px,#e4e7e2 0 3.5px,#16191b 4px 5.2px,transparent 5.7px),radial-gradient(circle at 50% calc(100% - 14px),#e4e7e2 0 3.5px,#16191b 4px 5.2px,transparent 5.7px),
  linear-gradient(90deg,#e8b300,#f6c10e 40%,#ffd84a 60%,#e8b300);border:2px solid var(--ink)}
body.theme-p90-port .hero-number::before{inset-inline-end:100%;border-inline-end:0}
body.theme-p90-port .hero-number::after{inset-inline-start:100%;border-inline-start:0}

/* first block after an inner hero overlaps the band edge */
body.theme-p90-port main.wrap>.inner-hero+*{margin-top:-58px}
body.theme-p90-port main.wrap>.product-lead,body.theme-p90-port main.wrap>.inner-hero+.reading:has(>.large:only-child){max-width:none;padding:34px 44px;margin-bottom:48px;
  background:var(--face);border:2px solid var(--ink);border-radius:4px;box-shadow:0 22px 40px -24px #16191b77}
body.theme-p90-port main.wrap>.product-lead .large,body.theme-p90-port main.wrap>.inner-hero+.reading>.large{margin:0;font-size:21px;line-height:1.6;color:#1e2224;max-width:980px}
body.theme-p90-port main.wrap>.inner-hero+.reading:has(>.large:only-child)::before,body.theme-p90-port main.wrap>.inner-hero+.reading:has(>.large:only-child)::after{
  content:"";position:absolute;top:-2px;width:var(--gut);height:72px;z-index:2;
  background:radial-gradient(circle at 50% 14px,#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),radial-gradient(circle at 50% calc(100% - 14px),#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),
  linear-gradient(90deg,#3a3f42,#4a5053 50%,#3a3f42);border:1.5px solid #15181a}
body.theme-p90-port main.wrap>.inner-hero+.reading:has(>.large:only-child)::before{inset-inline-start:calc(-1 * var(--gut));border-inline-end:0}
body.theme-p90-port main.wrap>.inner-hero+.reading:has(>.large:only-child)::after{inset-inline-end:calc(-1 * var(--gut));border-inline-start:0}

/* product cards: 3-bay chassis (same family as the home drive bays) */
body.theme-p90-port.page-1 main.wrap>.cards{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}
body.theme-p90-port.page-1 main.wrap>.cards article{padding:24px 26px 26px}
body.theme-p90-port.page-1 main.wrap>.cards .number{color:var(--yellow)}
body.theme-p90-port.page-1 main.wrap>.cards h3{font-size:22px}
body.theme-p90-port.page-1 main.wrap>.cards p{font-size:15px;line-height:1.55}

/* inner prose = elevation rows: label column + text column */
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy)):where(:not(:has(>.large:only-child))){max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,680px);
  gap:0 48px;margin:0 0 56px;padding:0}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy)):where(:not(:has(>.large:only-child)))>*{grid-column:2;margin:0}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h2{grid-column:1/-1;margin:0 0 22px;padding-top:10px}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h2:not(:first-child){margin-top:34px}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>:is(h2:has(+p),h2:has(+.code-example)){grid-column:1;margin:0;padding:22px 0 20px;border-top:2px solid var(--ink)}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h2:has(+p)~p,body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h2:has(+.code-example)~*{grid-column:2}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h3{grid-column:1;margin:0;padding:22px 0 20px;border-top:2px solid var(--ink);font-size:22px}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>:is(h3,h2:has(+p),h2:has(+.code-example))+*{border-top:2px solid var(--ink);padding-top:22px}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>p{font-size:17px;line-height:1.72;color:#24292b;padding-bottom:22px}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>p+p{padding-top:0}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>.code-example{margin-bottom:22px}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>:is(h3,h2:has(+p))+p{position:relative}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>:is(h2:has(+p),h2:has(+.code-example))::before{
  content:"";display:block;width:34px;height:8px;margin-bottom:14px;border-radius:2px;background:linear-gradient(90deg,var(--teal-l) 0 8px,transparent 8px 12px,var(--graph) 12px)}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>.notice,body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>.feature-list{grid-column:1/-1}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>.notice{margin-top:12px}

body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h3{font-size:24px}
body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h3::after{content:"";display:block;width:min(100%,300px);aspect-ratio:300/34;margin-top:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='34' viewBox='0 0 300 34'%3E%3Crect x='1' y='1' width='298' height='32' rx='3' fill='%23f8f8f5' stroke='%2316191b' stroke-width='2'/%3E%3Crect x='1' y='1' width='14' height='32' fill='%232b2f32'/%3E%3Crect x='285' y='1' width='14' height='32' fill='%232b2f32'/%3E%3Ccircle cx='8' cy='17' r='2.5' fill='%23e4e7e2'/%3E%3Ccircle cx='292' cy='17' r='2.5' fill='%23e4e7e2'/%3E%3Crect x='26' y='10' width='26' height='14' rx='2' fill='none' stroke='%238d9497' stroke-width='1.5'/%3E%3Crect x='60' y='10' width='26' height='14' rx='2' fill='none' stroke='%238d9497' stroke-width='1.5'/%3E%3Crect x='94' y='10' width='26' height='14' rx='2' fill='none' stroke='%238d9497' stroke-width='1.5'/%3E%3Crect x='128' y='10' width='26' height='14' rx='2' fill='none' stroke='%238d9497' stroke-width='1.5'/%3E%3Crect x='162' y='10' width='26' height='14' rx='2' fill='none' stroke='%238d9497' stroke-width='1.5'/%3E%3Crect x='196' y='10' width='26' height='14' rx='2' fill='none' stroke='%238d9497' stroke-width='1.5'/%3E%3Ccircle cx='248' cy='17' r='3.5' fill='%234fc2b4'/%3E%3Ccircle cx='264' cy='17' r='3.5' fill='%23f6c10e'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}

/* product feature list = module grid with status LEDs */
body.theme-p90-port .feature-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.theme-p90-port .feature-list li{position:relative;background:var(--face);border:1.5px solid var(--ink);border-radius:4px;padding:44px 18px 18px;font-size:15px;line-height:1.55;color:#2b3033}
body.theme-p90-port .feature-list li::before{content:"";position:absolute;top:0;inset-inline:0;height:26px;border-radius:2px 2px 0 0;
  background:radial-gradient(circle at calc(100% - 16px) 50%,var(--teal-l) 0 3.5px,transparent 4px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Crect x='2' y='2' width='9' height='3' rx='1.5' fill='%2316191b' fill-opacity='.16'/%3E%3C/svg%3E") 10px 8px/14px 10px repeat-x,var(--face2);border-bottom:1.5px solid var(--ink)}
[dir=rtl] body.theme-p90-port .feature-list li::before{background:radial-gradient(circle at 16px 50%,var(--teal-l) 0 3.5px,transparent 4px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Crect x='2' y='2' width='9' height='3' rx='1.5' fill='%2316191b' fill-opacity='.16'/%3E%3C/svg%3E") 10px 8px/14px 10px repeat-x,var(--face2)}
body.theme-p90-port .feature-list strong{color:var(--ink);font-size:17px;font-weight:750;margin-bottom:6px}

/* split-section with agent window (product) = mini rack */
body.theme-p90-port:not(.page-0) main.wrap>.split-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 70px;align-items:center;padding:0;margin:0 0 64px;border:0}
body.theme-p90-port:not(.page-0) main.wrap>.split-section>div:first-child h2{margin:0 0 16px}
body.theme-p90-port:not(.page-0) main.wrap>.split-section>div:first-child p{font-size:18px;line-height:1.65;color:#262b2d;max-width:none}
body.theme-p90-port .split-section:has(>.agent-run)::before,body.theme-p90-port .sticky-example::before{content:"";grid-column:2;grid-row:1;align-self:stretch;margin:-30px 0;border-inline:3px solid var(--graph);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30'%3E%3Crect width='20' height='30' fill='%232b2f32'/%3E %3Crect width='2' height='30' fill='%2341474a'/%3E%3Crect x='18' width='2' height='30' fill='%231d2022'/%3E %3Cg fill='%23e4e7e2'%3E%3Crect x='7' y='3' width='6' height='6' rx='1'/%3E%3Crect x='7' y='12' width='6' height='6' rx='1'/%3E%3Crect x='7' y='21' width='6' height='6' rx='1'/%3E%3C/g%3E %3Crect x='3' y='29' width='3' height='1' fill='%238a9194'/%3E%3C/svg%3E") 0 0/20px 30px repeat-y,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30'%3E%3Crect width='20' height='30' fill='%232b2f32'/%3E %3Crect width='2' height='30' fill='%2341474a'/%3E%3Crect x='18' width='2' height='30' fill='%231d2022'/%3E %3Cg fill='%23e4e7e2'%3E%3Crect x='7' y='3' width='6' height='6' rx='1'/%3E%3Crect x='7' y='12' width='6' height='6' rx='1'/%3E%3Crect x='7' y='21' width='6' height='6' rx='1'/%3E%3C/g%3E %3Crect x='3' y='29' width='3' height='1' fill='%238a9194'/%3E%3C/svg%3E") 100% 0/20px 30px repeat-y,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='120'%3E %3Crect x='.5' y='1.5' width='149' height='27' fill='%23f7f7f4' stroke='%238d9497'/%3E %3Cg fill='none' stroke='%239aa1a4'%3E%3Crect x='8' y='9' width='24' height='11' rx='1.5'/%3E%3Crect x='38' y='9' width='24' height='11' rx='1.5'/%3E%3Crect x='68' y='9' width='24' height='11' rx='1.5'/%3E%3Crect x='98' y='9' width='24' height='11' rx='1.5'/%3E%3C/g%3E %3Ccircle cx='136' cy='15' r='2.6' fill='%230b7a70'/%3E %3Crect y='31' width='150' height='28' fill='%232f3437'/%3E %3Cg fill='%23d4d8d4'%3E%3Crect x='8' y='41' width='10' height='8' rx='1'/%3E%3Crect x='22' y='41' width='10' height='8' rx='1'/%3E%3Crect x='36' y='41' width='10' height='8' rx='1'/%3E%3Crect x='50' y='41' width='10' height='8' rx='1'/%3E%3Crect x='64' y='41' width='10' height='8' rx='1'/%3E%3Crect x='78' y='41' width='10' height='8' rx='1'/%3E%3Crect x='92' y='41' width='10' height='8' rx='1'/%3E%3Crect x='106' y='41' width='10' height='8' rx='1'/%3E%3Crect x='120' y='41' width='10' height='8' rx='1'/%3E%3C/g%3E %3Cg fill='%234fc2b4'%3E%3Crect x='11' y='36' width='4' height='2'/%3E%3Crect x='39' y='36' width='4' height='2'/%3E%3Crect x='67' y='36' width='4' height='2'/%3E%3Crect x='109' y='36' width='4' height='2'/%3E%3C/g%3E %3Crect x='.5' y='61.5' width='149' height='57' fill='%23eceeea' stroke='%238d9497'/%3E %3Cg stroke='%23b3b9ba' stroke-width='2'%3E%3Cpath d='M10 73h86M10 80h86M10 87h86M10 94h86M10 101h86M10 108h86'/%3E%3C/g%3E %3Crect x='112' y='70' width='16' height='40' rx='4' fill='none' stroke='%235f6669' stroke-width='2'/%3E %3Ccircle cx='138' cy='76' r='2.6' fill='%230b7a70'/%3E%3Ccircle cx='138' cy='86' r='2.6' fill='%23f6c10e'/%3E%3C/svg%3E") 20px 4px/150px 120px repeat,#d9dcd8}
body.theme-p90-port .split-section>.agent-run{grid-column:2;grid-row:1;margin:0 30px;z-index:1}

/* models: connection = cable run between devices */
body.theme-p90-port main.wrap>.connection{margin:0 0 56px;padding:34px 40px;border:2px solid var(--ink);border-radius:4px;background:var(--graph);gap:0;font-size:inherit}
body.theme-p90-port .connection span{flex:1 1 0;min-width:0;text-align:center;padding:20px 14px;border:2px solid var(--ink);border-radius:4px;background:var(--face);
  font:700 19px/1.25 var(--f-sans);position:relative;box-shadow:inset 0 -6px 0 var(--face2)}
body.theme-p90-port .connection span::after{content:"";position:absolute;top:10px;inset-inline-end:10px;width:8px;height:8px;border-radius:50%;background:var(--teal-l);box-shadow:0 0 6px #4fc2b4}
body.theme-p90-port .connection b{flex:0 0 auto;display:grid;place-items:center;width:84px;height:34px;color:var(--ink);font:700 18px/1 system-ui,sans-serif;
  background:linear-gradient(var(--yellow),var(--yellow)) 50%/100% 6px no-repeat;position:relative}
body.theme-p90-port .connection b{text-shadow:none}
body.theme-p90-port .connection b{background:linear-gradient(var(--yellow),var(--yellow)) 0 50%/100% 6px no-repeat}
body.theme-p90-port .connection b::before{content:"";position:absolute;inset:3px 25px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);z-index:-1}
body.theme-p90-port .connection b{z-index:0}
[dir=rtl] body.theme-p90-port .connection b{transform:scaleX(-1)}

/* workflows */
body.theme-p90-port main.wrap>.workflow-grid{display:block;margin:0 0 56px}
body.theme-p90-port .workflow-grid>div:first-child{padding:14px;background:var(--graph);border:2px solid #0f1112;border-radius:5px;margin-bottom:60px}
body.theme-p90-port .workflow-grid .steps article p{font-size:16px}
body.theme-p90-port .sticky-example{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;row-gap:52px;padding:0;align-items:start}
body.theme-p90-port .sticky-example>.code-example{align-self:start}
body.theme-p90-port .sticky-example::before{grid-column:1;grid-row:2/span 2;margin:-26px 0}
body.theme-p90-port .sticky-example>h2{grid-column:1/-1;grid-row:1;margin:0;max-width:820px}
body.theme-p90-port .sticky-example>.agent-run{grid-column:1;grid-row:2/span 2;margin:0 30px;align-self:start;z-index:1}
body.theme-p90-port .sticky-example>.code-example{grid-column:2;grid-row:2;margin:0}
body.theme-p90-port .sticky-example>p{grid-column:2;grid-row:3;margin:-28px 0 0;font-size:16px;line-height:1.65;color:#2b3033;opacity:1}
body.theme-p90-port .sticky-example .code-example pre{font-size:12.5px}

/* download: appliance faceplate across the rack, then lead + notice, then a cable run A–D */
body.theme-p90-port main.wrap>.download-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 48px;margin:0 0 60px;align-items:start}
body.theme-p90-port .download-grid>div:last-child{display:contents}
body.theme-p90-port main.wrap>.download-grid>.download-card{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:30px;align-items:center;
  position:relative;text-align:start;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Crect x='2' y='2' width='9' height='3' rx='1.5' fill='%2316191b' fill-opacity='.16'/%3E%3C/svg%3E") 100% 0/14px 10px repeat-y,var(--graph);background-size:14px 10px,auto;background-position:calc(100% - 330px) 14px,0 0;background-repeat:repeat-y;
  color:#eef1ee;border:2px solid #0f1112;border-radius:4px;padding:30px 40px;box-shadow:0 22px 40px -22px #16191b88}
body.theme-p90-port main.wrap>.download-grid>.download-card{background:var(--graph)}
body.theme-p90-port .download-card .app-icon{grid-column:1;grid-row:1/span 2;width:84px;height:84px;margin:0;border-radius:6px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);
  font:800 48px/1 var(--f-sans);box-shadow:inset 0 -6px 0 #c99c00,0 0 0 4px #3a3f42}
body.theme-p90-port .download-card h2{grid-column:2;grid-row:1;align-self:end;color:#fff;margin:0 0 4px}
body.theme-p90-port .download-card p{grid-column:2;grid-row:2;align-self:start;color:#c9ced0;font:500 15px/1.5 var(--f-mono);margin:0}
body.theme-p90-port .download-card .button.primary{grid-column:3;grid-row:1/span 2;border-color:#0f1112;font-size:16px;padding:17px 26px}
body.theme-p90-port .download-grid>div>.large{grid-column:1;grid-row:2;margin:0;font-size:20px;line-height:1.6;color:#1e2224}
body.theme-p90-port .download-grid>div>.notice{grid-column:2;grid-row:2;margin:0}
body.theme-p90-port .download-grid>div>.setup{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative;margin:4px 0 0}
body.theme-p90-port .download-grid>div>.setup::before{content:"";position:absolute;top:21px;inset-inline:22px;height:6px;border-radius:3px;background:var(--yellow);box-shadow:0 0 0 1.5px var(--ink)}
body.theme-p90-port .download-grid>div>.setup li{padding:66px 20px 20px;background:var(--face);border:1.5px solid var(--ink);border-radius:4px;margin:0;position:relative}
body.theme-p90-port .download-grid>div>.setup li::before{content:counter(jack,upper-alpha);position:absolute;top:-1px;inset-inline-start:18px;width:46px;height:46px;
  display:grid;place-items:center;font:700 18px/1 var(--f-mono);color:var(--yellow);background:var(--graph);border:2px solid var(--ink);border-radius:4px;box-shadow:inset 0 0 0 4px #3a3f42}
body.theme-p90-port.page-4 main.wrap>.reading code,body.theme-p90-port .reading pre{overflow-wrap:anywhere}

/* faq page: three port panels */
body.theme-p90-port.page-5 main.wrap>.faq:nth-of-type(3)>h2::after{transform:scaleX(-1)}
body.theme-p90-port.page-5 main.wrap>.faq:nth-of-type(4)>h2::after{aspect-ratio:300/190;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='190' viewBox='0 0 300 190'%3E%3Crect x='1' y='1' width='298' height='188' rx='5' fill='%2323272a' stroke='%2316191b' stroke-width='2'/%3E%3Crect x='12' y='10' width='276' height='10' rx='2' fill='%233a3f42'/%3E%3Ccircle cx='278' cy='15' r='3' fill='%234fc2b4'/%3E%3Crect x='12' y='30' width='276' height='44' rx='3' fill='%23f8f8f5'/%3E%3Crect x='22' y='40' width='24' height='24' rx='3' fill='%232b2f32'/%3E%3Ccircle cx='34' cy='52' r='4' fill='%234fc2b4'/%3E%3Crect x='58' y='41' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='41' width='135' height='7' rx='3.5' fill='%230b7a70'/%3E%3Crect x='58' y='56' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='56' width='87' height='7' rx='3.5' fill='%23f6c10e'/%3E%3Crect x='12' y='82' width='276' height='44' rx='3' fill='%23f8f8f5'/%3E%3Crect x='22' y='92' width='24' height='24' rx='3' fill='%232b2f32'/%3E%3Ccircle cx='34' cy='104' r='4' fill='%23f6c10e'/%3E%3Crect x='58' y='93' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='93' width='76' height='7' rx='3.5' fill='%230b7a70'/%3E%3Crect x='58' y='108' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='108' width='170' height='7' rx='3.5' fill='%23f6c10e'/%3E%3Crect x='12' y='134' width='276' height='44' rx='3' fill='%23f8f8f5'/%3E%3Crect x='22' y='144' width='24' height='24' rx='3' fill='%232b2f32'/%3E%3Ccircle cx='34' cy='156' r='4' fill='%234fc2b4'/%3E%3Crect x='58' y='145' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='145' width='183' height='7' rx='3.5' fill='%230b7a70'/%3E%3Crect x='58' y='160' width='218' height='7' rx='3.5' fill='%23d9dcd8'/%3E%3Crect x='58' y='160' width='120' height='7' rx='3.5' fill='%23f6c10e'/%3E%3C/svg%3E")}
body.theme-p90-port.page-5 main.wrap>.faq+.faq{margin-top:0}

/* privacy: each article is a mounted unit with its label on the left */
body.theme-p90-port .privacy.reading{display:block!important;max-width:none}
body.theme-p90-port .privacy article{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:0 48px;padding:30px 40px 18px;margin:0 0 18px;
  background:var(--face);border:2px solid var(--ink);border-radius:4px;position:relative}
body.theme-p90-port .privacy article>h2{grid-column:1;grid-row:1/span 4;margin:0;font-size:clamp(24px,2.2vw,32px)}
body.theme-p90-port .privacy article>p{grid-column:2;margin:0 0 14px;font-size:17px;line-height:1.7;color:#24292b;border:0!important;padding:0!important}
body.theme-p90-port .privacy article::before,body.theme-p90-port .privacy article::after{content:"";position:absolute;top:-2px;width:var(--gut);height:min(calc(100% + 4px),72px);z-index:2;
  background:radial-gradient(circle at 50% 14px,#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),radial-gradient(circle at 50% calc(100% - 14px),#e4e7e2 0 3.5px,#15181a 4px 5px,transparent 5.5px),
  linear-gradient(90deg,#3a3f42,#4a5053 50%,#3a3f42);border:1.5px solid #15181a}
body.theme-p90-port .privacy article::before{inset-inline-start:calc(-1 * var(--gut) - 2px);border-inline-end:0}
body.theme-p90-port .privacy article::after{inset-inline-end:calc(-1 * var(--gut) - 2px);border-inline-start:0}
body.theme-p90-port .privacy .updated{margin:22px 0 0;font:500 14px/1.4 var(--f-mono)!important;opacity:1!important;color:var(--muted)}

/* ---------- mid widths ---------- */
@media (max-width:1180px){
  body.theme-p90-port main.wrap>.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.theme-p90-port main.wrap>.cards article:nth-child(4){border-inline-start:0;box-shadow:none}
  body.theme-p90-port main.wrap>.cards article:nth-child(n+4){border-top:1px solid #15181a}
  body.theme-p90-port .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  body.theme-p90-port main.wrap>.home-hero{grid-template-columns:minmax(0,1fr);gap:40px 0}
  body.theme-p90-port .home-hero::before{grid-column:1;grid-row:2;margin:-24px 0 -120px}
  body.theme-p90-port .home-hero .agent-run{grid-column:1;grid-row:2}
  body.theme-p90-port .home-hero .hero-copy{max-width:760px}
  body.theme-p90-port main.wrap>.split-section>.setup{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  body.theme-p90-port main.wrap>.split-section>.setup::before{display:none}
  body.theme-p90-port :is(main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,.privacy article){grid-template-columns:minmax(0,1fr)!important}
  body.theme-p90-port main.wrap>.scenario>*,body.theme-p90-port main.wrap>.feature-matrix>*,body.theme-p90-port main.wrap>.faq>*,body.theme-p90-port main.wrap>.closing>*,body.theme-p90-port .privacy article>*{grid-column:1!important;grid-row:auto!important}
  body.theme-p90-port main.wrap>.scenario p{margin-top:16px}
  body.theme-p90-port main.wrap>.feature-matrix>table{margin-top:24px}
  body.theme-p90-port main.wrap>.faq>h2{margin-bottom:14px}
  body.theme-p90-port main.wrap>.faq>h2::after,body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>h2::after{display:none}
  body.theme-p90-port .privacy article>h2{margin-bottom:14px}
  body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link)){grid-template-columns:minmax(0,1fr)}
  body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>*{grid-column:1!important;grid-row:auto!important}
  body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>h2{margin:0 0 8px}
  body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy)):where(:not(:has(>.large:only-child))){grid-template-columns:minmax(0,1fr)}
  body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy)):where(:not(:has(>.large:only-child)))>*{grid-column:1!important}
  body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>:is(h3,h2:has(+p),h2:has(+.code-example)){padding-bottom:10px}
  body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h3::after{display:none}
  body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>h3{font-size:21px}
  body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>:is(h3,h2:has(+p),h2:has(+.code-example))+*{border-top:0;padding-top:0}
  body.theme-p90-port:not(.page-0) main.wrap>.split-section{grid-template-columns:minmax(0,1fr);gap:40px}
  body.theme-p90-port .download-grid>div>.setup{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  body.theme-p90-port .download-grid>div>.setup::before{display:none}
  body.theme-p90-port .split-section:has(>.agent-run)::before{grid-column:1;grid-row:2}
  body.theme-p90-port .split-section>.agent-run{grid-column:1;grid-row:2}
  body.theme-p90-port .sticky-example{grid-template-columns:minmax(0,1fr)}
  body.theme-p90-port .sticky-example::before{grid-column:1;grid-row:2}
  body.theme-p90-port .sticky-example>*{grid-column:1!important}
  body.theme-p90-port .sticky-example>.agent-run{grid-row:2}
  body.theme-p90-port .sticky-example>.code-example{grid-row:3}
  body.theme-p90-port .sticky-example>p{grid-row:4}
}

@media (min-width:761px) and (max-width:1000px){
  body.theme-p90-port .header{flex-wrap:nowrap;padding:12px 0;min-height:76px;gap:16px}
  body.theme-p90-port .header .main-nav{order:0;flex:0 1 auto;margin-inline:auto;padding:0;justify-content:center;gap:2px;font-size:13.5px}
  body.theme-p90-port .header .main-nav a{padding:7px 9px}
  body.theme-p90-port .header .language{margin-inline-start:0}
}
/* ---------- phones ---------- */
@media (max-width:760px){
  html body.theme-p90-port{--gut:15px;font-size:16px}
  body.theme-p90-port .header,body.theme-p90-port main.wrap,body.theme-p90-port footer.wrap{width:calc(100% - 40px)}
  body.theme-p90-port .header{min-height:0}
  body.theme-p90-port .header .brand{font-size:20px}
  body.theme-p90-port .brand-symbol{width:30px;height:30px}
  body.theme-p90-port main.wrap::before,body.theme-p90-port main.wrap::after{width:8px;background-size:8px 12px}
  body.theme-p90-port main.wrap::before{inset-inline-start:-16px}
  body.theme-p90-port main.wrap::after{inset-inline-end:-16px}
  body.theme-p90-port :is(main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card,.privacy article,main.wrap>.inner-hero+.reading)::before,
  body.theme-p90-port :is(main.wrap>.cards,main.wrap>.scenario,main.wrap>.feature-matrix,main.wrap>.faq,main.wrap>.closing,main.wrap>.product-lead,main.wrap>.download-grid>.download-card,.privacy article,main.wrap>.inner-hero+.reading)::after{
    width:16px;height:min(calc(100% + 4px),44px);background-size:auto;
    background-image:radial-gradient(circle at 50% 10px,#e4e7e2 0 2px,#15181a 2.5px 3.2px,transparent 3.6px),linear-gradient(90deg,#3a3f42,#4a5053 50%,#3a3f42)}
  body.theme-p90-port .privacy article::before{inset-inline-start:-18px}
  body.theme-p90-port .privacy article::after{inset-inline-end:-18px}
  html body.theme-p90-port main.wrap>.closing.closing::before,html body.theme-p90-port main.wrap>.closing.closing::after{background-image:repeating-linear-gradient(-45deg,#16191b 0 5px,#f6c10e 5px 10px)}

  body.theme-p90-port main.wrap>.home-hero{padding:26px calc(50vw - 50%) 96px;gap:30px 0}
  body.theme-p90-port .home-hero::before{margin:-14px -2px -96px;border-inline-width:2px;background-size:10px 15px,10px 15px,auto,auto,auto,auto,150px 120px,auto;
    background-position:0 0,100% 0,0 -100px,0 -100px,0 -100px,0 -100px,10px 4px,0 0}
  body.theme-p90-port .home-hero .agent-run{margin:0 16px}
  body.theme-p90-port .agent-run::before,body.theme-p90-port .agent-run::after{width:14px;background-image:radial-gradient(circle at 50% 12px,#e4e7e2 0 2.2px,#16191b 2.7px 3.6px,transparent 4px),radial-gradient(circle at 50% calc(100% - 12px),#e4e7e2 0 2.2px,#16191b 2.7px 3.6px,transparent 4px),linear-gradient(90deg,#e8b300,#f6c10e 40%,#ffd84a 60%,#e8b300)}
  body.theme-p90-port .home-hero h1{font-size:clamp(34px,9.6vw,42px);margin-bottom:18px;letter-spacing:-.035em}
  body.theme-p90-port .eyebrow{margin-bottom:18px;font-size:13px}
  body.theme-p90-port .hero-lead{font-size:16.5px;line-height:1.55}
  body.theme-p90-port .home-hero .actions{margin-top:22px}
  body.theme-p90-port .button{padding:13px 17px;font-size:15px}
  body.theme-p90-port .agent-run-body{padding:12px}
  body.theme-p90-port .agent-run-bar{padding:10px 12px;font-size:12px}
  body.theme-p90-port .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:9px 10px}
  body.theme-p90-port .ar-tool{grid-column:1/-1}
  body.theme-p90-port .agent-run-steps code{font-size:12px}
  body.theme-p90-port .agent-run-prompt span{font-size:14px}

  body.theme-p90-port main.wrap>.cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-60px;margin-bottom:40px}
  body.theme-p90-port main.wrap>.cards article{padding:16px 14px 16px;border-top:1px solid #15181a}
  body.theme-p90-port main.wrap>.cards article:nth-child(odd){border-inline-start:0;box-shadow:none}
  body.theme-p90-port main.wrap>.cards article:nth-child(even){border-inline-start:1px solid #15181a;box-shadow:inset 1px 0 0 #41474a}
  body.theme-p90-port main.wrap>.cards article:nth-child(-n+2){border-top:0}
  body.theme-p90-port main.wrap>.cards article::after{top:17px;inset-inline-end:12px}
  body.theme-p90-port main.wrap>.cards h3{font-size:20px}
  body.theme-p90-port main.wrap>.cards p{font-size:13.5px}
  body.theme-p90-port.page-1 main.wrap>.cards{grid-template-columns:minmax(0,1fr)}
  body.theme-p90-port.page-1 main.wrap>.cards article{border-inline-start:0!important;box-shadow:none!important;border-top:1px solid #15181a}
  body.theme-p90-port.page-1 main.wrap>.cards article:first-child{border-top:0}

  body.theme-p90-port main.wrap>.scenario,body.theme-p90-port main.wrap>.feature-matrix,body.theme-p90-port main.wrap>.faq,
  body.theme-p90-port main.wrap>.closing,body.theme-p90-port .privacy article{padding:24px 20px;margin-bottom:36px}
  body.theme-p90-port main.wrap>.faq{padding:24px 18px 14px}
  body.theme-p90-port .privacy article{padding:22px 20px 10px;margin-bottom:16px}
  body.theme-p90-port main.wrap>.scenario p{font-size:16.5px}
  body.theme-p90-port h2{font-size:28px}
  body.theme-p90-port.page-0 main.wrap>.reading:has(.steps),body.theme-p90-port .workflow-grid>div:first-child{padding:8px;margin-bottom:40px}
  body.theme-p90-port .steps{grid-template-columns:minmax(0,1fr);gap:8px}
  body.theme-p90-port .steps article{padding:18px 18px 20px}
  body.theme-p90-port .steps article::before{top:22px;inset-inline-end:18px;width:34%}
  body.theme-p90-port .steps h3{font-size:20px}
  body.theme-p90-port .feature-matrix thead{display:block}
  body.theme-p90-port .feature-matrix thead tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.theme-p90-port .feature-matrix thead th{display:block;width:auto!important;padding:12px}
  body.theme-p90-port .feature-matrix thead th:first-child{display:none}
  body.theme-p90-port .feature-matrix tbody,body.theme-p90-port .feature-matrix tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.theme-p90-port .feature-matrix tbody{display:block}
  body.theme-p90-port .feature-matrix tbody th{grid-column:1/-1;width:auto!important;padding:10px 12px;border-bottom:1px solid var(--line)}
  body.theme-p90-port .feature-matrix tbody td{width:auto!important;padding:12px 10px 14px 28px;font-size:14px}
  body.theme-p90-port .feature-matrix tbody td::before{inset-inline-start:10px;top:18px;width:8px;height:8px}
  body.theme-p90-port .feature-matrix tbody tr:last-child>td{border-bottom:0}
  body.theme-p90-port .feature-matrix tbody tr:last-child>th{border-bottom:1px solid var(--line)}
  [dir=rtl] body.theme-p90-port .feature-matrix tbody td{padding:12px 28px 14px 10px}

  body.theme-p90-port main.wrap>.split-section>.setup{grid-template-columns:minmax(0,1fr);row-gap:14px}
  body.theme-p90-port main.wrap>.split-section>.setup::before{display:block;top:24px;bottom:24px;inset-inline-start:21px;inset-inline-end:auto;width:6px;height:auto}
  body.theme-p90-port main.wrap>.split-section>.setup li{padding:14px 16px 16px 66px}
  [dir=rtl] body.theme-p90-port main.wrap>.split-section>.setup li{padding:14px 66px 16px 16px}
  body.theme-p90-port main.wrap>.split-section>.setup li::before{top:12px;inset-inline-start:-1px;width:44px;height:44px}
  body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>p{padding:16px 16px 16px 50px}
  body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>p::before{inset-inline-start:14px;width:18px}
  [dir=rtl] body.theme-p90-port.page-0 main.wrap>.reading:not(:has(.steps)):not(:has(.text-link))>p{padding:16px 50px 16px 16px}
  body.theme-p90-port .faq summary{gap:12px;padding:15px 0}
  body.theme-p90-port .faq summary .faq-q,body.theme-p90-port .faq summary h3{font-size:17.5px}
  body.theme-p90-port .faq details p{padding-inline-start:0;font-size:15.5px}
  body.theme-p90-port .closing h2{font-size:28px}
  body.theme-p90-port .closing:not(:has(p)){grid-template-columns:minmax(0,1fr)}
  body.theme-p90-port .closing:not(:has(p)) .button.primary{grid-row:auto;margin-top:16px;justify-self:start}
  body.theme-p90-port .reading p:has(>.text-link){grid-template-columns:minmax(0,1fr);gap:10px}

  body.theme-p90-port main.wrap>.inner-hero{padding:30px calc(50vw - 50%) 84px;grid-template-columns:minmax(0,1fr)}
  body.theme-p90-port .inner-hero h1{font-size:clamp(30px,8.6vw,38px);letter-spacing:-.03em}
  body.theme-p90-port main.wrap>.inner-hero+*{margin-top:-52px}
  body.theme-p90-port main.wrap>.product-lead,body.theme-p90-port main.wrap>.inner-hero+.reading:has(>.large:only-child){padding:22px 20px;margin-bottom:36px}
  body.theme-p90-port main.wrap>.product-lead .large,body.theme-p90-port main.wrap>.inner-hero+.reading>.large{font-size:17.5px}
  body.theme-p90-port .feature-list{grid-template-columns:minmax(0,1fr)}
  body.theme-p90-port:not(.page-0) main.wrap>.reading:where(:not(.privacy))>p{font-size:16px}
  body.theme-p90-port .split-section:has(>.agent-run)::before,body.theme-p90-port .sticky-example::before{margin:-18px -2px;border-inline-width:2px;background-size:10px 15px,10px 15px,150px 120px,auto;background-position:0 0,100% 0,10px 4px,0 0}
  body.theme-p90-port .split-section>.agent-run,body.theme-p90-port .sticky-example>.agent-run{margin:0 16px}
  body.theme-p90-port main.wrap>.connection{flex-direction:column;padding:20px;gap:0}
  body.theme-p90-port .connection span{width:100%;padding:16px}
  body.theme-p90-port .connection b{width:34px;height:44px;transform:rotate(90deg);background-size:100% 6px}
  [dir=rtl] body.theme-p90-port .connection b{transform:rotate(90deg)}
  body.theme-p90-port main.wrap>.download-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  body.theme-p90-port main.wrap>.download-grid>.download-card{display:block;padding:24px 22px 26px}
  body.theme-p90-port .download-card .app-icon{margin:0 0 18px;width:70px;height:70px;font-size:40px}
  body.theme-p90-port .download-card p{margin:0 0 20px}
  body.theme-p90-port .download-grid>div>*{grid-column:1!important;grid-row:auto!important}
  body.theme-p90-port .download-grid>div>.setup{grid-template-columns:minmax(0,1fr);gap:14px}
  body.theme-p90-port .download-grid>div>.setup::before{top:24px;bottom:24px;inset-inline-start:21px;inset-inline-end:auto;width:6px;height:auto}
  body.theme-p90-port .download-grid>div>.setup li{padding:14px 16px 16px 66px}
  [dir=rtl] body.theme-p90-port .download-grid>div>.setup li{padding:14px 66px 16px 16px}
  body.theme-p90-port .download-grid>div>.setup li::before{top:12px;inset-inline-start:-1px;width:44px;height:44px}
  body.theme-p90-port .download-grid>div:last-child>.large{font-size:17.5px}
  body.theme-p90-port .code-example pre{font-size:12px;padding:14px;white-space:pre-wrap!important;overflow-wrap:anywhere;overflow-x:visible}
  body.theme-p90-port .footer-bottom{flex-direction:column;gap:8px}
}
@media (prefers-reduced-motion:reduce){body.theme-p90-port *{transition:none!important}}

/* no automatic hyphenation in the main headline (long words still wrap) */
body h1{hyphens:manual;-webkit-hyphens:manual}