/* ==========================================================================
   Deployment page. Ported from the supplied concept.

   Scoped under .iq-deploy. Required, not tidiness: the concept defines
   .btn, .section, .final, .core, .module, .site, .pulse and .eyebrow, and
   every one already means something else on this site. Its own nav, brand
   and footer rules are dropped - ours stay.

   The concept's :root variables become .iq-deploy variables, so they cannot
   leak into the rest of the site. Per-route accent is set on .route-viewer.
   ========================================================================== */

.iq-deploy { --bg:#060819;--panel:#0c1026;--panel2:#11162e;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.16);--text:#f8f8ff;--muted:#9ca4c1;--accent:#70e5ad;--rgb:112,229,173;--violet:#8674ff;--ease:cubic-bezier(.2,.8,.2,1) }

/* The concept carried its text colour on `body`, which is chrome we dropped,
   and it relies on inheritance: the light browser mockup sets a dark colour on
   .site and lets its headings inherit. This site sets an explicit colour on
   h1-h4, which breaks that chain and renders the mockup headline white on
   white. Restore both, inside the ported block only. */
.iq-deploy { color: var(--text); }
.iq-deploy h1, .iq-deploy h2, .iq-deploy h3, .iq-deploy h4 { color: inherit; }

.iq-deploy button, .iq-deploy a {font:inherit}
.iq-deploy .hero {position:relative;min-height:690px;overflow:hidden;padding:94px 0 70px}
.iq-deploy .hero::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(124,91,255,.16),transparent 31%)}
.iq-deploy .hero-grid {position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}
.iq-deploy .eyebrow {display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(137,120,255,.2);border-radius:999px;color:#c7c1ff;background:rgba(126,101,255,.09);font-size:10px;font-weight:800;letter-spacing:.16em}
.iq-deploy .eyebrow i {width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--rgb),.8)}
.iq-deploy h1 {margin:25px 0 20px;font-size:clamp(54px,5.5vw,78px);line-height:.96;letter-spacing:-.062em}
.iq-deploy .hero-copy>p {max-width:590px;margin:0;color:#a7aec8;font-size:18px;line-height:1.65}
.iq-deploy .hero-actions {display:flex;gap:12px;margin-top:31px}
.iq-deploy .btn {display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;color:#fff;text-decoration:none;font-size:13px;font-weight:750}
.iq-deploy .btn-primary {background:linear-gradient(100deg,#7c4ddb,#5d6ee2);box-shadow:0 15px 40px rgba(102,76,220,.24)}
.iq-deploy .btn-secondary {border:1px solid var(--line2);background:rgba(255,255,255,.035)}
.iq-deploy .hero-note {display:flex;align-items:center;gap:10px;margin-top:25px;color:#747d9c;font-size:12px}
.iq-deploy .hero-note i {width:28px;height:1px;background:#3c435f}
.iq-deploy .deployment-map {position:relative;height:480px}
.iq-deploy .core {position:absolute;z-index:4;left:50%;top:50%;width:174px;height:174px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(133,118,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(125,107,255,.25),rgba(15,18,43,.96) 67%);box-shadow:0 0 0 16px rgba(122,101,255,.035),0 0 80px rgba(112,89,255,.2)}
.iq-deploy .core::before, .iq-deploy .core::after {content:"";position:absolute;border:1px dashed rgba(124,108,255,.17);border-radius:50%}
.iq-deploy .core::before {inset:-43px}
.iq-deploy .core::after {inset:-86px}
.iq-deploy .core strong {font-size:18px;letter-spacing:-.02em}
.iq-deploy .core span {display:block;margin-top:6px;color:#8f96b3;font-size:10px;text-align:center;letter-spacing:.12em}
.iq-deploy .orbit-card {position:absolute;z-index:5;width:184px;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(19,24,50,.94),rgba(9,12,29,.94));box-shadow:0 18px 40px rgba(0,0,0,.25)}
.iq-deploy .orbit-card b {display:block;font-size:13px}
.iq-deploy .orbit-card span {display:block;margin-top:5px;color:#757d9b;font-size:10px}
.iq-deploy .orbit-card::before {content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px rgba(var(--rgb),.8)}
.iq-deploy .oc1 {left:0;top:42px}
.iq-deploy .oc2 {right:0;top:28px}
.iq-deploy .oc3 {left:0;bottom:42px}
.iq-deploy .oc4 {right:0;bottom:28px}
.iq-deploy .oc1::before, .iq-deploy .oc3::before {right:-4px;top:50%}
.iq-deploy .oc2::before, .iq-deploy .oc4::before {left:-4px;top:50%}
.iq-deploy .map-lines {position:absolute;inset:0;z-index:1}
.iq-deploy .map-line {position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--rgb),.6),transparent);transform-origin:left center;opacity:.6}
.iq-deploy .ml1 {width:245px;left:174px;top:117px;transform:rotate(24deg)}
.iq-deploy .ml2 {width:245px;left:390px;top:170px;transform:rotate(-31deg)}
.iq-deploy .ml3 {width:245px;left:172px;bottom:119px;transform:rotate(-22deg)}
.iq-deploy .ml4 {width:245px;left:390px;bottom:169px;transform:rotate(31deg)}
.iq-deploy .pulse {position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 18px rgba(var(--rgb),.9);animation:travel 4s linear infinite}
.iq-deploy .p1 {left:177px;top:113px}
.iq-deploy .p2 {right:180px;top:108px;animation-delay:-1s}
.iq-deploy .p3 {left:177px;bottom:111px;animation-delay:-2s}
.iq-deploy .p4 {right:180px;bottom:104px;animation-delay:-3s}
@keyframes travel{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}
.iq-deploy .section {padding:105px 0}
.iq-deploy .section-head {text-align:center}
.iq-deploy .section-head .label {display:inline-flex;padding:9px 15px;border-radius:999px;background:#1b2047;color:#dce0ff;font-size:10px;font-weight:800;letter-spacing:.14em}
.iq-deploy .section-head h2 {max-width:900px;margin:23px auto 0;font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.055em}
.iq-deploy .section-head p {max-width:700px;margin:18px auto 0;color:var(--muted);font-size:17px;line-height:1.6}
.iq-deploy .routes {padding-top:60px}
.iq-deploy .route-tabs {position:sticky;top:14px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:6px;border:1px solid var(--line);border-radius:17px;background:rgba(8,10,27,.88);box-shadow:0 20px 50px rgba(0,0,0,.26);backdrop-filter:blur(18px)}
.iq-deploy .route-tab {height:58px;border:0;border-radius:11px;color:#858da9;background:transparent;cursor:pointer;font-size:12px;font-weight:700;transition:.25s}
.iq-deploy .route-tab:hover {color:#e7e9f5}
.iq-deploy .route-tab.active {color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(var(--rgb),.1));box-shadow:inset 0 0 0 1px rgba(var(--rgb),.35)}
.iq-deploy .route-tab small {display:block;margin-top:4px;color:#68708c;font-size:8px;font-weight:650}
.iq-deploy .route-tab.active small {color:rgba(255,255,255,.6)}
.iq-deploy .route-viewer {position:relative;min-height:620px;margin-top:22px;overflow:hidden;border:1px solid var(--line2);border-radius:28px;background:radial-gradient(circle at 76% 45%,rgba(var(--rgb),.12),transparent 38%),linear-gradient(145deg,#111630,#080b1e);box-shadow:0 40px 100px rgba(0,0,0,.35)}
.iq-deploy .route-content {display:grid;grid-template-columns:.72fr 1.28fr;min-height:620px;transition:opacity .18s,transform .3s var(--ease)}
.iq-deploy .route-content.switching {opacity:0;transform:translateY(8px)}
.iq-deploy .route-story {position:relative;z-index:2;padding:62px 30px 45px 50px}
.iq-deploy .route-kicker {display:flex;align-items:center;gap:9px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.16em}
.iq-deploy .route-kicker i {width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--rgb),.9)}
.iq-deploy .route-story h3 {margin:22px 0 17px;font-size:42px;line-height:1.02;letter-spacing:-.05em}
.iq-deploy .route-story>p {margin:0;color:#a2aac3;font-size:15px;line-height:1.67}
.iq-deploy .outcome-strip {margin-top:36px;border-top:1px solid var(--line)}
.iq-deploy .outcome-row {display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);color:#dfe2ef;font-size:12px}
.iq-deploy .outcome-row i {display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:var(--accent);background:rgba(var(--rgb),.1);font-style:normal;font-size:9px;font-weight:800}
.iq-deploy .route-link {display:inline-flex;margin-top:27px;color:#fff;text-decoration:none;font-size:12px;font-weight:750}
.iq-deploy .route-link span {margin-left:8px;color:var(--accent)}
.iq-deploy .route-visual {position:relative;display:grid;place-items:center;padding:52px}
.iq-deploy .visual-caption {position:absolute;right:30px;bottom:25px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:#9ba3bd;background:rgba(5,7,18,.72);font-size:9px}
.iq-deploy .visual-caption i {width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--rgb),.8)}
.iq-deploy .browser {position:relative;width:100%;max-width:650px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#f5f8f8;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.iq-deploy .browser-bar {display:flex;align-items:center;gap:7px;height:50px;padding:0 17px;background:#202434}
.iq-deploy .browser-bar i {width:8px;height:8px;border-radius:50%;background:#5e6379}
.iq-deploy .browser-bar i:nth-child(1) {background:#e5746c}
.iq-deploy .browser-bar i:nth-child(2) {background:#e7bd5f}
.iq-deploy .browser-bar i:nth-child(3) {background:#6bc78a}
.iq-deploy .url {width:46%;height:26px;margin-left:10px;padding:6px 12px;border-radius:8px;color:#798097;background:#181c2a;font-size:9px}
.iq-deploy .site {height:390px;padding:28px;color:#153134;background:linear-gradient(145deg,#eff8f5,#fff)}
.iq-deploy .site-nav {display:flex;align-items:center;justify-content:space-between;font-size:10px}
.iq-deploy .site-brand {font-size:14px;font-weight:800}
.iq-deploy .site-hero {text-align:center;padding-top:54px}
.iq-deploy .site-hero small {color:#3ea981;font-weight:750}
.iq-deploy .site-hero h4 {max-width:470px;margin:13px auto;font-size:30px;line-height:1.05;letter-spacing:-.04em}
.iq-deploy .site-hero p {color:#698082;font-size:11}
.iq-deploy .quote-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:32px}
.iq-deploy .quote-card {padding:13px;border:1px solid #d6e8e3;border-radius:11px;background:#fff}
.iq-deploy .quote-card b {display:block;font-size:12px}
.iq-deploy .quote-card span {display:block;margin-top:10px;color:#34966f;font-size:17px;font-weight:800}
.iq-deploy .nomi-bubble {position:absolute;right:23px;bottom:22px;width:180px;padding:14px;border-radius:14px;color:#fff;background:#102931;box-shadow:0 17px 40px rgba(0,0,0,.28)}
.iq-deploy .nomi-bubble b {font-size:11}
.iq-deploy .nomi-bubble p {margin:7px 0 0;color:#aac5c4;font-size:9px;line-height:1.5}
.iq-deploy .api-canvas {width:100%;max-width:680px}
.iq-deploy .api-flow {display:grid;grid-template-columns:1fr 92px 1.15fr 92px 1fr;align-items:center}
.iq-deploy .code-card, .iq-deploy .response-card {padding:20px;border:1px solid var(--line2);border-radius:15px;background:#080c1d;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.iq-deploy .code-card small, .iq-deploy .response-card small {color:#68718f;font-size:9px;font-weight:800;letter-spacing:.13em}
.iq-deploy .code-card pre, .iq-deploy .response-card pre {margin:14px 0 0;color:#aeb8d1;font:10px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}
.iq-deploy .code-card em, .iq-deploy .response-card em {color:var(--accent);font-style:normal}
.iq-deploy .engine-stack {position:relative;height:225px;display:grid;place-items:center}
.iq-deploy .engine-core {z-index:2;display:grid;place-items:center;width:130px;height:130px;border:1px solid rgba(var(--rgb),.5);border-radius:50%;background:rgba(var(--rgb),.08);box-shadow:0 0 50px rgba(var(--rgb),.14);text-align:center}
.iq-deploy .engine-core b {font-size:14px}
.iq-deploy .engine-core span {display:block;margin-top:5px;color:#818aa7;font-size:9px}
.iq-deploy .engine-dot {position:absolute;width:20px;height:20px;border:1px solid rgba(var(--rgb),.45);border-radius:6px;background:#151b34}
.iq-deploy .engine-dot:nth-child(2) {left:2px;top:35px}
.iq-deploy .engine-dot:nth-child(3) {right:2px;top:35px}
.iq-deploy .engine-dot:nth-child(4) {left:8px;bottom:29px}
.iq-deploy .engine-dot:nth-child(5) {right:8px;bottom:29px}
.iq-deploy .engine-dot:nth-child(6) {top:0}
.iq-deploy .engine-dot:nth-child(7) {bottom:0}
.iq-deploy .arrow-line {position:relative;height:1px;background:linear-gradient(90deg,rgba(var(--rgb),.08),rgba(var(--rgb),.8),rgba(var(--rgb),.08))}
.iq-deploy .arrow-line::after {content:"";position:absolute;right:2px;top:-3px;width:6px;height:6px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}
.iq-deploy .brand-network {position:relative;width:100%;max-width:660px;height:440px}
.iq-deploy .network-core {position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(var(--rgb),.45);border-radius:28px;background:linear-gradient(145deg,rgba(var(--rgb),.15),rgba(12,16,36,.95));box-shadow:0 0 60px rgba(var(--rgb),.15);text-align:center}
.iq-deploy .network-core b {font-size:17px}
.iq-deploy .network-core span {display:block;margin-top:7px;color:#8890ac;font-size:9px}
.iq-deploy .brand-node {position:absolute;width:170px;padding:17px;border:1px solid var(--line2);border-radius:15px;background:#10152d}
.iq-deploy .brand-node strong {display:block;font-size:12px}
.iq-deploy .brand-node span {display:block;margin-top:5px;color:#76809d;font-size:9px}
.iq-deploy .brand-node i {display:block;width:28px;height:28px;margin-bottom:13px;border-radius:9px;background:var(--brand,linear-gradient(135deg,#7587ff,#4a55b5))}
.iq-deploy .bn1 {left:0;top:20px;--brand:linear-gradient(135deg,#6fe0b4,#298c6d)}
.iq-deploy .bn2 {right:0;top:20px;--brand:linear-gradient(135deg,#ff9876,#bd4c58)}
.iq-deploy .bn3 {left:0;bottom:20px;--brand:linear-gradient(135deg,#8db0ff,#4a65cb)}
.iq-deploy .bn4 {right:0;bottom:20px;--brand:linear-gradient(135deg,#f3ca6c,#9c7b22)}
.iq-deploy .network-wire {position:absolute;height:1px;background:rgba(var(--rgb),.38);transform-origin:left}
.iq-deploy .nw1 {left:154px;top:103px;width:210px;transform:rotate(24deg)}
.iq-deploy .nw2 {left:337px;top:155px;width:210px;transform:rotate(-24deg)}
.iq-deploy .nw3 {left:154px;bottom:101px;width:210px;transform:rotate(-24deg)}
.iq-deploy .nw4 {left:337px;bottom:153px;width:210px;transform:rotate(24deg)}
.iq-deploy .platform-grid {position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:650px}
.iq-deploy .platform-grid::before {content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--rgb),.55),transparent);box-shadow:0 0 16px rgba(var(--rgb),.35)}
.iq-deploy .module {position:relative;z-index:2;min-height:130px;padding:19px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(145deg,#131933,#0b0f23)}
.iq-deploy .module i {display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:var(--accent);background:rgba(var(--rgb),.1);font-style:normal;font-size:10px;font-weight:800}
.iq-deploy .module b {display:block;margin-top:23px;font-size:13px}
.iq-deploy .module span {display:block;margin-top:6px;color:#747d99;font-size:9px}
.iq-deploy .shared-layer {grid-column:1/-1;z-index:3;display:flex;align-items:center;justify-content:center;gap:20px;height:52px;border:1px solid rgba(var(--rgb),.3);border-radius:13px;color:#cfd8de;background:rgba(var(--rgb),.07);font-size:10px;font-weight:700;letter-spacing:.08em}
.iq-deploy .shared-layer i {width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--rgb),.8)}
.iq-deploy .bespoke-map {position:relative;width:100%;max-width:650px;height:440px}
.iq-deploy .channel {position:absolute;width:176px;padding:17px;border:1px solid var(--line2);border-radius:15px;background:#11162f}
.iq-deploy .channel b {display:block;font-size:12px}
.iq-deploy .channel span {display:block;margin-top:5px;color:#77819c;font-size:9px}
.iq-deploy .channel .icon {display:grid;place-items:center;width:33px;height:33px;margin-bottom:14px;border-radius:10px;color:var(--accent);background:rgba(var(--rgb),.1);font-style:normal;font-size:12px;font-weight:800}
.iq-deploy .ch1 {left:0;top:35px}
.iq-deploy .ch2 {right:0;top:35px}
.iq-deploy .ch3 {left:0;bottom:35px}
.iq-deploy .ch4 {right:0;bottom:35px}
.iq-deploy .bespoke-core {position:absolute;left:50%;top:50%;width:190px;height:150px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(var(--rgb),.45);border-radius:28px;background:radial-gradient(circle,rgba(var(--rgb),.16),#0e132a 70%);box-shadow:0 0 60px rgba(var(--rgb),.12);text-align:center}
.iq-deploy .bespoke-core b {font-size:16px}
.iq-deploy .bespoke-core span {display:block;margin-top:7px;color:#7f88a4;font-size:9px}
.iq-deploy .bespoke-map::before, .iq-deploy .bespoke-map::after {content:"";position:absolute;left:145px;right:145px;top:50%;height:1px;background:rgba(var(--rgb),.4)}
.iq-deploy .bespoke-map::after {transform:rotate(90deg)}
.iq-deploy .foundation {background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent)}
.iq-deploy .foundation-diagram {position:relative;max-width:1020px;height:550px;margin:60px auto 0}
.iq-deploy .foundation-core {position:absolute;left:50%;top:50%;z-index:3;width:240px;height:240px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(128,112,255,.46);border-radius:50%;background:radial-gradient(circle,rgba(121,101,255,.22),#0d1129 66%);box-shadow:0 0 0 30px rgba(120,101,255,.025),0 0 100px rgba(107,83,234,.2);text-align:center}
.iq-deploy .foundation-core strong {font-size:23px}
.iq-deploy .foundation-core span {display:block;margin-top:8px;color:#8990ab;font-size:10px;line-height:1.5}
.iq-deploy .foundation-side {position:absolute;top:50%;width:310px;transform:translateY(-50%)}
.iq-deploy .foundation-side.left {left:0}
.iq-deploy .foundation-side.right {right:0}
.iq-deploy .foundation-side h3 {margin:0 0 19px;font-size:23px}
.iq-deploy .foundation-side.left h3 {color:#9f91ff}
.iq-deploy .foundation-side.right h3 {color:#7be6b2}
.iq-deploy .ownership-item {display:flex;align-items:center;gap:13px;margin:10px 0;padding:13px 15px;border:1px solid var(--line);border-radius:11px;color:#b5bbcf;background:rgba(255,255,255,.018);font-size:11px}
.iq-deploy .ownership-item i {width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.iq-deploy .foundation-wire {position:absolute;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(127,111,255,.5),rgba(112,229,173,.5),transparent)}
.iq-deploy .fw-left {left:290px;width:220px}
.iq-deploy .fw-right {right:290px;width:220px}
.iq-deploy .launch {padding-top:85px}
.iq-deploy .launch-flow {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}
.iq-deploy .launch-step {position:relative;min-height:260px;padding:28px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(18,23,48,.9),rgba(8,11,27,.9))}
.iq-deploy .launch-step::after {content:"";position:absolute;right:-17px;top:50%;z-index:3;width:18px;height:1px;background:rgba(133,118,255,.5)}
.iq-deploy .launch-step:last-child::after {display:none}
.iq-deploy .launch-step .n {display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#bfb7ff;background:#1e1b49;font-size:10px;font-weight:800}
.iq-deploy .launch-step h3 {margin:31px 0 12px;font-size:22px}
.iq-deploy .launch-step p {margin:0;color:#8f97b2;font-size:13px;line-height:1.6}
.iq-deploy .launch-output {display:flex;align-items:center;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:#cdd1df;font-size:10px;font-weight:700}
.iq-deploy .launch-output i {width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--rgb),.8)}
.iq-deploy .final {padding:120px 0;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(113,80,236,.25),transparent 58%)}
.iq-deploy .final h2 {margin:0;font-size:clamp(45px,5vw,68px);letter-spacing:-.055em}
.iq-deploy .final p {max-width:620px;margin:16px auto 0;color:#9ca4be;font-size:16px;line-height:1.6}
.iq-deploy .final .hero-actions {justify-content:center}
@media(max-width:900px) {
  .iq-deploy .hero {padding-top:65px}
  .iq-deploy .hero-grid {grid-template-columns:1fr}
  .iq-deploy .deployment-map {height:430px}
  .iq-deploy .route-tabs {overflow-x:auto;grid-template-columns:repeat(5,minmax(145px,1fr))}
  .iq-deploy .route-content {grid-template-columns:1fr}
  .iq-deploy .route-story {padding:42px 30px}
  .iq-deploy .route-visual {min-height:520px;padding:35px}
  .iq-deploy .foundation-diagram {height:auto;display:grid;gap:28px}
  .iq-deploy .foundation-core, .iq-deploy .foundation-side {position:relative;left:auto!important;right:auto!important;top:auto;transform:none;margin:auto}
  .iq-deploy .foundation-side {width:100%}
  .iq-deploy .foundation-wire {display:none}
  .iq-deploy .launch-flow {grid-template-columns:1fr}
  .iq-deploy .launch-step::after {display:none}
}
@media(max-width:620px) {
  .iq-deploy .hero {min-height:auto}
  .iq-deploy .hero-grid {gap:30px}
  .iq-deploy h1 {font-size:48px}
  .iq-deploy .hero-actions {flex-direction:column;align-items:stretch}
  .iq-deploy .deployment-map {height:570px}
  .iq-deploy .orbit-card {width:150px}
  .iq-deploy .oc1, .iq-deploy .oc3 {left:0}
  .iq-deploy .oc2, .iq-deploy .oc4 {right:0}
  .iq-deploy .core {width:150px;height:150px}
  .iq-deploy .map-line, .iq-deploy .pulse {display:none}
  .iq-deploy .section {padding:78px 0}
  .iq-deploy .route-viewer, .iq-deploy .route-content {min-height:auto}
  .iq-deploy .route-visual {padding:24px;min-height:470px}
  .iq-deploy .route-story h3 {font-size:36px}
  .iq-deploy .api-flow {grid-template-columns:1fr;gap:12px}
  .iq-deploy .arrow-line {height:38px;width:1px;margin:auto}
  .iq-deploy .engine-stack {height:180px}
  .iq-deploy .brand-network, .iq-deploy .bespoke-map {transform:scale(.72)}
  .iq-deploy .platform-grid {grid-template-columns:repeat(2,1fr)}
  .iq-deploy .shared-layer {grid-column:1/-1}
  .iq-deploy .foundation-core {width:200px;height:200px}
}