.route-platform{ --platform-ink:#161311; --platform-paper:#f5f4f0; --platform-warm:#eee6df; --platform-line:rgba(49,29,25,.14); --platform-red:#e8391f; --platform-red-bright:#ff5a42; --platform-muted:#756963; } .route-platform .platform-system-section{ padding:clamp(96px,11vw,150px) 0; overflow:hidden; content-visibility:auto; contain-intrinsic-size:auto 1150px; border-block:1px solid rgba(255,255,255,.07); background: radial-gradient(circle at 51% 64%,rgba(174,38,20,.17),transparent 33%), linear-gradient(180deg,#170e0d 0%,#0a0707 100%); color:#f7f1ed; } .route-platform .platform-system-section .content-wrap{position:relative} .route-platform .platform-system-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);align-items:end;gap:clamp(48px,8vw,120px)} .route-platform .platform-system-heading h2{margin:0;font-size:clamp(50px,6vw,82px);line-height:.92;letter-spacing:-.065em} .route-platform .platform-system-heading h2 em{color:var(--platform-red-bright);font-style:normal} .route-platform .platform-system-heading>div:last-child{padding-bottom:4px} .route-platform .platform-system-pill{width:max-content;padding:8px 10px;display:block;border-left:2px solid var(--platform-red);background:rgba(255,255,255,.04);color:#ff806d;font:700 11px/1 var(--font-geist-mono);letter-spacing:.08em} .route-platform .platform-system-heading>div:last-child p{max-width:510px;margin:18px 0 0;color:#b8aaa5;font-size:16px;line-height:1.62} .route-platform .platform-system-diagram{ min-height:720px; margin-top:clamp(58px,7vw,86px); position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,.1); border-radius:28px; background: radial-gradient(circle at 50% 48%,rgba(255,74,43,.13),transparent 31%), linear-gradient(145deg,rgba(255,255,255,.025),transparent 38%), #080505; box-shadow:inset 0 0 90px rgba(0,0,0,.45),0 40px 100px rgba(0,0,0,.28); } .route-platform .platform-system-diagram:before{ content:""; position:absolute; inset:0; z-index:-2; opacity:.26; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:58px 58px; -webkit-mask-image:radial-gradient(ellipse at center,#000 12%,transparent 73%); mask-image:radial-gradient(ellipse at center,#000 12%,transparent 73%); } .route-platform .platform-system-diagram:after{ content:""; position:absolute; inset:78px 13% 72px; z-index:-1; border:1px solid rgba(255,101,78,.1); border-radius:50%; box-shadow:0 0 0 45px rgba(255,101,78,.025),0 0 0 120px rgba(255,101,78,.018); transform:rotate(-5deg); } .route-platform .system-router-rail{ min-height:68px; padding:8px 13px 8px 17px; position:absolute; z-index:6; top:22px; left:24px; right:24px; display:flex; align-items:center; gap:14px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(16,10,9,.72); box-shadow:0 16px 40px rgba(0,0,0,.22); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); } .internal-page.route-platform main .system-router-rail>span,.internal-page.route-platform main .system-policy-rail>span{display:flex;align-items:center;gap:9px;color:#b6aaa5;font:700 10px/1 var(--font-geist-mono)!important;letter-spacing:.1em;white-space:nowrap} .route-platform .system-router-rail>span i,.route-platform .system-policy-rail>span i{width:6px;height:6px;display:block;border-radius:50%;background:#ff5a42;box-shadow:0 0 12px #ff4b31} .route-platform .system-router-rail ul,.route-platform .system-policy-rail ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px} .route-platform .system-router-rail ul{margin-right:auto} .route-platform .system-router-rail li{min-width:74px;padding:8px 10px;display:grid;gap:4px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.018);color:#b7aaa5} .route-platform .system-router-rail li strong{font-size:9.5px;line-height:1;letter-spacing:.015em} .internal-page.route-platform main .system-router-rail li small{color:#8f817c;font:700 7.5px/1 var(--font-geist-mono)!important;letter-spacing:.065em} .route-platform .system-router-rail li.model-own{min-width:112px;border-color:rgba(255,93,68,.36);background:linear-gradient(145deg,rgba(255,78,50,.14),rgba(255,78,50,.035));color:#ff806d;box-shadow:inset 0 0 18px rgba(255,76,48,.05)} .internal-page.route-platform main .system-router-rail li.model-own small{color:#dc624f!important} .internal-page.route-platform main .system-router-rail>b{color:#6f6460;font:700 8px/1 var(--font-geist-mono)!important;letter-spacing:.08em;white-space:nowrap} .route-platform .system-core-visual{ width:min(54vw,620px); aspect-ratio:3/2; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-49%); filter:saturate(.92) contrast(1.04); will-change:transform; animation:system-core-drift 11s ease-in-out infinite; } .route-platform .system-core-visual:before,.route-platform .system-core-visual:after{content:"";position:absolute;z-index:-1;top:50%;left:50%;border:1px solid rgba(255,107,82,.23);border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg)} .route-platform .system-core-visual:before{width:59%;height:86%;box-shadow:0 0 0 26px rgba(255,86,58,.025),0 0 48px rgba(255,62,31,.1)} .route-platform .system-core-visual:after{width:78%;height:63%;transform:translate(-50%,-50%) rotate(23deg);border-style:dashed;opacity:.55} .route-platform .system-core-visual img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 42px rgba(233,57,31,.2))} .route-platform .system-core-label{ width:212px; aspect-ratio:1; padding:18px; position:absolute; z-index:4; top:50%; left:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px solid rgba(255,120,95,.44); border-radius:50%; background:rgba(13,7,6,.76); box-shadow:inset 0 0 34px rgba(255,72,42,.1),0 0 50px rgba(0,0,0,.5); text-align:center; transform:translate(-50%,-50%); } .route-platform .system-core-label:before{content:"";width:7px;height:7px;margin-bottom:11px;border-radius:50%;background:#ff624b;box-shadow:0 0 0 5px rgba(255,98,75,.1),0 0 18px #ff3f25;animation:system-signal-pulse 2.8s ease-in-out infinite} .internal-page.route-platform main .system-core-label span{color:#ff806b;font:700 9px/1 var(--font-geist-mono)!important;letter-spacing:.1em} .route-platform .system-core-label strong{max-width:154px;margin-top:9px;font-size:19px;line-height:.94;letter-spacing:-.045em} .internal-page.route-platform main .system-core-label small{margin-top:8px;color:#9c8e89;font:700 8px/1.15 var(--font-geist-mono)!important;letter-spacing:.07em} .route-platform .system-gateway{ --gateway-accent:#ff654e; width:188px; min-height:94px; padding:15px 16px; position:absolute; z-index:5; top:50%; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(255,255,255,.13); border-radius:13px; background:rgba(17,11,10,.85); box-shadow:0 18px 40px rgba(0,0,0,.3); transform:translateY(-50%); } .route-platform .system-gateway:after{content:"";width:clamp(34px,5vw,70px);height:1px;position:absolute;top:50%;background:linear-gradient(90deg,var(--gateway-accent),transparent)} .route-platform .system-gateway:before{content:"";width:5px;height:5px;position:absolute;top:calc(50% - 2px);border-radius:50%;background:var(--gateway-accent);box-shadow:0 0 11px var(--gateway-accent)} .route-platform .system-gateway-in{--gateway-accent:#74b77f;left:28px;border-color:rgba(116,183,127,.2)} .route-platform .system-gateway-in:after{left:100%} .route-platform .system-gateway-in:before{left:calc(100% + clamp(29px,5vw,65px))} .route-platform .system-gateway-out{right:28px;text-align:right} .route-platform .system-gateway-out:after{right:100%;transform:rotate(180deg)} .route-platform .system-gateway-out:before{right:calc(100% + clamp(29px,5vw,65px))} .internal-page.route-platform main .system-gateway span{color:var(--gateway-accent);font:700 9px/1 var(--font-geist-mono)!important;letter-spacing:.08em} .route-platform .system-gateway strong{margin-top:8px;font-size:18px;line-height:1;letter-spacing:-.035em} .internal-page.route-platform main .system-gateway small{margin-top:7px;color:#998b86;font-size:9px!important;line-height:1.3} .route-platform .system-specialists{list-style:none;margin:0;padding:0} .route-platform .system-node{ --node-accent:#ff715a; width:168px; min-height:62px; padding:10px 12px; position:absolute; z-index:5; display:grid; grid-template-columns:25px 1fr; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(16,10,9,.76); box-shadow:0 13px 30px rgba(0,0,0,.22); } .route-platform .system-node:after{content:"";width:88px;height:1px;position:absolute;top:50%;opacity:.58;background-image:linear-gradient(90deg,var(--node-accent) 45%,transparent 45%);background-size:8px 1px} .internal-page.route-platform main .system-node>b{width:25px;height:25px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--node-accent) 46%,transparent);border-radius:50%;color:var(--node-accent);font:700 8px/1 var(--font-geist-mono)!important;box-shadow:0 0 16px color-mix(in srgb,var(--node-accent) 13%,transparent)} .route-platform .system-node>span{display:flex;flex-direction:column;gap:4px} .route-platform .system-node strong{font-size:14px;line-height:1} .internal-page.route-platform main .system-node small{color:#968984;font:700 8.5px/1 var(--font-geist-mono)!important;letter-spacing:.045em;text-transform:uppercase} .route-platform .system-node-map{--node-accent:#e8b46f;top:27%;left:22%} .route-platform .system-node-plan{--node-accent:#ff896f;bottom:21%;left:22%} .route-platform .system-node-test{--node-accent:#ff5c43;top:27%;right:22%} .route-platform .system-node-verify{--node-accent:#e4c2b8;bottom:21%;right:22%} .route-platform .system-node-map:after,.route-platform .system-node-plan:after{left:100%;transform-origin:left center;transform:rotate(22deg)} .route-platform .system-node-plan:after{transform:rotate(-22deg)} .route-platform .system-node-test:after,.route-platform .system-node-verify:after{right:100%;transform-origin:right center;transform:rotate(-22deg)} .route-platform .system-node-verify:after{transform:rotate(22deg)} .route-platform .system-policy-rail{ min-height:46px; padding:0 17px; position:absolute; z-index:6; right:24px; bottom:22px; left:24px; display:flex; align-items:center; justify-content:center; gap:22px; border-top:1px solid rgba(255,255,255,.09); background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent); } .route-platform .system-policy-rail li{color:#948783;font:700 9px/1 var(--font-geist-mono)} .route-platform .system-policy-rail li+li:before{content:"/";margin-right:7px;color:#3e3532} @keyframes system-core-drift{0%,100%{transform:translate(-50%,-49%) scale(1)}50%{transform:translate(-50%,-51%) scale(1.015)}} @keyframes system-signal-pulse{0%,100%{opacity:.55;transform:scale(.84)}50%{opacity:1;transform:scale(1)}} @media(prefers-reduced-motion:reduce){.route-platform .system-core-visual,.route-platform .system-core-label:before{animation:none}} .route-platform .platform-builder-aside{ width:100%; overflow:hidden; border:1px solid rgba(60,34,29,.16); border-radius:28px 28px 72px 28px; background:#fffaf6; color:var(--platform-ink); box-shadow:0 30px 68px rgba(66,29,24,.16); } .route-platform .platform-builder-aside>header{ min-height:56px; padding:0 17px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; background:var(--platform-ink); } .route-platform .platform-builder-aside>header img{width:62px;height:auto;display:block} .route-platform .platform-builder-aside>header span{ overflow:hidden; color:#9d918d; font:700 7px/1 var(--font-geist-mono); letter-spacing:.1em; text-overflow:ellipsis; white-space:nowrap; } .route-platform .platform-builder-aside>header b{ padding:7px 8px; border-radius:99px; background:rgba(255,255,255,.08); color:#ff765f; font:700 7px/1 var(--font-geist-mono); letter-spacing:.08em; } .route-platform .platform-builder-aside>section{padding:20px 20px 18px} .route-platform .platform-builder-title small, .route-platform .platform-builder-block span, .route-platform .platform-builder-assurance>span{ color:#8c7e78; font:700 7px/1 var(--font-geist-mono); letter-spacing:.09em; } .route-platform .platform-builder-title{display:flex;flex-direction:column;gap:5px} .route-platform .platform-builder-title strong{font-size:25px;line-height:1;letter-spacing:-.045em} .route-platform .platform-builder-title p{margin:0;color:#8a7d77;font-size:9px} .route-platform .platform-builder-aside ol{ list-style:none; margin:19px 0 16px; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--platform-line); border-radius:12px; } .route-platform .platform-builder-aside li{ min-width:0; padding:9px 7px; display:flex; align-items:center; gap:6px; border-right:1px solid var(--platform-line); color:#968882; font-size:7px; font-weight:650; } .route-platform .platform-builder-aside li:last-child{border-right:0} .route-platform .platform-builder-aside li b{ width:19px; height:19px; flex:0 0 auto; display:grid; place-items:center; border-radius:6px; background:#eee6df; color:#71635d; font:700 6px/1 var(--font-geist-mono); } .route-platform .platform-builder-aside li.active{background:#fff3ef;color:#74291f} .route-platform .platform-builder-aside li.active b{background:var(--platform-red);color:#fff} .route-platform .platform-builder-block{ margin-top:7px; padding:10px 11px; border:1px solid var(--platform-line); border-radius:11px; background:#fff; } .route-platform .platform-builder-block>div{display:flex;justify-content:space-between;gap:12px} .route-platform .platform-builder-block>div b{font-size:8px} .route-platform .platform-builder-block p{margin:6px 0 0;color:#776a64;font-size:8px;line-height:1.35} .route-platform .platform-builder-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px} .route-platform .platform-builder-tags span{ padding:6px 7px; border-radius:6px; background:#eee7e1; color:#675954; font:700 6px/1 var(--font-geist-mono); letter-spacing:.03em; } .route-platform .platform-builder-tags span:first-child{background:#ffe1db;color:#a42a1c} .route-platform .platform-builder-assurance{margin-top:12px} .route-platform .platform-builder-assurance>div{margin-top:7px;display:flex;gap:5px} .route-platform .platform-builder-assurance b{ padding:6px 7px; border:1px solid var(--platform-line); border-radius:6px; color:#635650; font-size:6px; } .route-platform .platform-builder-aside footer{ margin-top:14px; padding-top:13px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--platform-line); font-size:7px; } .route-platform .platform-builder-aside footer span{display:flex;align-items:center;gap:6px;color:#756862} .route-platform .platform-builder-aside footer i{width:6px;height:6px;border-radius:50%;background:var(--platform-red);box-shadow:0 0 0 4px rgba(232,57,31,.1)} .route-platform .platform-builder-aside footer>b{padding:9px 11px;border-radius:8px;background:var(--platform-red);color:#fff} .route-platform .platform-intake-story{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr); align-items:center; gap:clamp(56px,7vw,110px); } .route-platform .platform-story-copy h2, .route-platform .split-heading h2{ margin:0; font-size:clamp(43px,5vw,70px); font-weight:700; line-height:.94; letter-spacing:-.06em; } .route-platform .platform-story-copy h2 em, .route-platform .split-heading h2 em{color:var(--platform-red);font-style:normal;font-weight:700} .route-platform .internal-dark .split-heading h2 em{color:var(--platform-red-bright)} .route-platform .platform-story-lede{margin:24px 0 0;color:var(--platform-muted);font-size:16px;line-height:1.65} .route-platform .platform-story-copy ol{list-style:none;margin:36px 0 0;padding:0} .route-platform .platform-story-copy li{ padding:18px 0; display:grid; grid-template-columns:36px minmax(0,1fr); gap:16px; border-top:1px solid var(--platform-line); } .route-platform .platform-story-copy li:last-child{border-bottom:1px solid var(--platform-line)} .route-platform .platform-story-copy li>b{ width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e8ded6;color:#8f3a2f;font:700 8px/1 var(--font-geist-mono) } .route-platform .platform-story-copy li strong{font-size:15px;letter-spacing:-.025em} .route-platform .platform-story-copy li p{margin:6px 0 0;color:#756963;font-size:12px;line-height:1.58} .route-platform .platform-scope-board{ overflow:hidden; border:1px solid rgba(54,31,27,.14); border-radius:28px 28px 74px 28px; background:#fff; color:var(--platform-ink); box-shadow:0 32px 70px rgba(55,28,23,.12); } .route-platform .platform-scope-board>header{ min-height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--platform-ink);color:#fff } .route-platform .platform-scope-board>header div{display:flex;flex-direction:column;gap:6px} .route-platform .platform-scope-board>header small{color:#ff705a;font:700 8px/1 var(--font-geist-mono);letter-spacing:.1em} .route-platform .platform-scope-board>header strong{font-size:19px} .route-platform .platform-scope-board>header>span{display:flex;align-items:center;gap:8px;color:#d0c5c0;font:700 8px/1 var(--font-geist-mono);letter-spacing:.05em} .route-platform .platform-scope-board>header i{width:7px;height:7px;border-radius:50%;background:#68bd72;box-shadow:0 0 0 4px rgba(104,189,114,.12)} .route-platform .platform-scope-map{padding:26px;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center} .route-platform .platform-scope-map article{min-height:198px;padding:20px;border:1px solid var(--platform-line);border-radius:18px;background:#faf7f3} .route-platform .platform-scope-map article>span,.route-platform .platform-scope-meta span,.route-platform .platform-scope-board>footer span{color:#8f7f78;font:700 8px/1 var(--font-geist-mono);letter-spacing:.08em} .route-platform .platform-scope-map article>strong{display:block;margin:25px 0 14px;font-size:16px} .route-platform .platform-scope-map article p{margin:7px 0 0;color:#6f625c;font-size:11px} .route-platform .platform-scope-map .scope-approved{border-color:rgba(232,57,31,.24);background:#fff5f1} .route-platform .scope-link{display:flex;flex-direction:column;align-items:center;color:#9e4033} .route-platform .scope-link span{width:1px;height:32px;background:rgba(81,44,39,.18)} .route-platform .scope-link b{padding:7px 4px;font:700 6px/1 var(--font-geist-mono);letter-spacing:.06em;writing-mode:vertical-rl} .route-platform .platform-scope-meta{padding:0 26px 23px;display:grid;grid-template-columns:1.1fr .9fr;gap:9px} .route-platform .platform-scope-meta article{padding:14px;border-radius:12px;background:#eee7e1} .route-platform .platform-scope-meta p{margin:8px 0 0;color:#665954;font-size:9px;line-height:1.45} .route-platform .platform-scope-board>footer{padding:16px 26px 21px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--platform-line)} .route-platform .platform-scope-board>footer strong{font-size:10px;text-align:right} .route-platform .platform-plan-layout{margin-top:64px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px} .route-platform .platform-plan-console{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:#f8f3ee;color:var(--platform-ink)} .route-platform .platform-plan-console>header{min-height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#2a1b19;color:#fff} .route-platform .platform-plan-console>header div{display:flex;flex-direction:column;gap:6px} .route-platform .platform-plan-console>header span{color:#ff725c;font:700 8px/1 var(--font-geist-mono);letter-spacing:.09em} .route-platform .platform-plan-console>header strong{font-size:17px} .route-platform .platform-plan-console>header>b{padding:9px 10px;border-radius:99px;background:#ffdfd8;color:#982b1e;font:700 7px/1 var(--font-geist-mono);letter-spacing:.06em} .route-platform .platform-plan-summary{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px} .route-platform .platform-plan-summary article{min-height:92px;padding:14px;border:1px solid var(--platform-line);border-radius:12px;background:#fff} .route-platform .platform-plan-summary span,.route-platform .platform-plan-cases span{color:#9a4438;font:700 8px/1 var(--font-geist-mono);letter-spacing:.07em} .route-platform .platform-plan-summary p{margin:10px 0 0;color:#635651;font-size:10px;line-height:1.45} .route-platform .platform-plan-cases{margin:0 18px;border-top:1px solid var(--platform-line)} .route-platform .platform-plan-cases article{min-height:78px;padding:13px 0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--platform-line)} .route-platform .platform-plan-cases article>b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eadfd8;color:#6e5c55;font:700 7px/1 var(--font-geist-mono)} .route-platform .platform-plan-cases article div{display:flex;flex-direction:column;gap:5px} .route-platform .platform-plan-cases article strong{font-size:12px} .route-platform .platform-plan-cases article p{margin:0;color:#7e706a;font-size:9px;line-height:1.35} .route-platform .platform-plan-cases small{color:#8b7e78;font:700 7px/1 var(--font-geist-mono)} .route-platform .platform-plan-console>footer{min-height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7c6e68;font-size:9px} .route-platform .platform-plan-console>footer strong{padding:12px 14px;border-radius:10px;background:var(--platform-red);color:#fff;font-size:9px} .route-platform .platform-plan-review{padding:30px 26px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(155deg,#2a1816,#201412);color:#fff} .route-platform .platform-plan-review>span,.route-platform .platform-evidence-copy>span,.route-platform .platform-schedule-copy>span{color:#ff6f59;font:700 9px/1 var(--font-geist-mono);letter-spacing:.09em} .route-platform .platform-plan-review h3,.route-platform .platform-evidence-copy h3,.route-platform .platform-schedule-copy h3{margin:24px 0 0;font-size:30px;line-height:1.02;letter-spacing:-.05em} .route-platform .platform-plan-review ol{list-style:none;margin:30px 0 0;padding:0} .route-platform .platform-plan-review li{padding:17px 0;display:grid;grid-template-columns:30px 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.1)} .route-platform .platform-plan-review li>b{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:9px;color:#ff705b;font:700 8px/1 var(--font-geist-mono)} .route-platform .platform-plan-review li p{margin:2px 0 0;color:#b6aaa5;font-size:11px;line-height:1.5} .route-platform .platform-plan-review li strong{color:#fff} .route-platform .platform-framework-note{margin:10px 0 0;padding:15px;border-radius:12px;background:rgba(255,255,255,.05);color:#9f928d;font-size:9px;line-height:1.5} .route-platform .platform-execution-visual{margin-top:62px;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch} .route-platform .platform-execution-visual>article{min-width:0;min-height:230px;padding:20px;position:relative;display:flex;flex-direction:column;border:1px solid var(--platform-line);border-radius:20px;background:#fff} .route-platform .platform-execution-visual>em{display:grid;place-items:center;color:#9e8e87;font-style:normal} .route-platform .platform-execution-visual article>b{color:#a0918a;font:700 8px/1 var(--font-geist-mono)} .route-platform .platform-execution-visual article>span{margin-top:34px;color:#9d392d;font:700 9px/1 var(--font-geist-mono);letter-spacing:.08em} .route-platform .platform-execution-visual article>strong{margin-top:10px;font-size:18px;letter-spacing:-.035em} .route-platform .platform-execution-visual article>p{margin:11px 0 0;color:#756963;font-size:11px;line-height:1.5} .route-platform .platform-execution-visual article>i{width:max-content;margin-top:auto;padding:7px 8px;border-radius:99px;background:#eee6df;color:#776760;font:700 7px/1 var(--font-geist-mono);font-style:normal} .route-platform .platform-execution-visual .execution-policy{border-color:#e8391f;background:#241513;color:#fff;box-shadow:0 18px 42px rgba(73,25,19,.18)} .route-platform .platform-execution-visual .execution-policy>p{color:#baa9a3} .route-platform .platform-execution-visual .execution-policy>i{background:var(--platform-red);color:#fff} .route-platform .platform-execution-visual .execution-finding{border-color:rgba(232,57,31,.28);background:#fff4f0} .route-platform .platform-control-notes{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .route-platform .platform-control-notes article{padding:22px;border:1px solid var(--platform-line);border-radius:17px;background:#eee7e1} .route-platform .platform-control-notes span{color:#914236;font:700 8px/1 var(--font-geist-mono);letter-spacing:.08em} .route-platform .platform-control-notes h3{margin:18px 0 0;font-size:18px;letter-spacing:-.035em} .route-platform .platform-control-notes p{margin:9px 0 0;color:#70635e;font-size:11px;line-height:1.55} .route-platform .platform-evidence-layout{margin-top:64px;display:grid;grid-template-columns:minmax(0,1.23fr) minmax(270px,.77fr);gap:18px} .route-platform .platform-finding-dossier{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:#f8f3ee;color:var(--platform-ink)} .route-platform .platform-finding-dossier>header{min-height:82px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#2a1b19;color:#fff} .route-platform .platform-finding-dossier>header div{display:flex;flex-direction:column;gap:7px} .route-platform .platform-finding-dossier>header span{color:#ff705a;font:700 8px/1 var(--font-geist-mono);letter-spacing:.08em} .route-platform .platform-finding-dossier>header strong{max-width:520px;font-size:17px;line-height:1.25} .route-platform .platform-finding-dossier>header>b{padding:9px 10px;border-radius:99px;background:#dff0df;color:#277036;font:700 7px/1 var(--font-geist-mono)} .route-platform .platform-finding-proof{padding:18px 18px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px} .route-platform .platform-finding-proof>article{min-width:0;padding:16px;border:1px solid var(--platform-line);border-radius:13px;background:#fff} .route-platform .platform-finding-proof article>span,.route-platform .platform-finding-detail span,.route-platform .platform-finding-dossier>footer span,.route-platform .platform-evidence-copy div>span{color:#964035;font:700 8px/1 var(--font-geist-mono);letter-spacing:.07em} .route-platform .platform-script-proof pre{margin:18px 0 12px;overflow:auto;color:#e8ded9;background:#1e1715;padding:16px;border-radius:9px;font:500 9px/1.8 var(--font-geist-mono)} .route-platform .platform-screen-proof>div{min-height:122px;margin:18px 0 12px;padding:15px;border-radius:9px;background:linear-gradient(145deg,#211816,#16110f);color:#fff} .route-platform .platform-screen-proof>div b{font:650 9px/1 var(--font-geist-mono)} .route-platform .platform-screen-proof>div p{width:max-content;margin:15px 0 10px;padding:5px 7px;border-radius:6px;background:#dff0df;color:#277036;font:700 7px/1 var(--font-geist-mono)} .route-platform .platform-screen-proof>div code{color:#bcaeaa;font-size:8px;line-height:1.5} .route-platform .platform-finding-proof small{color:#887b75;font-size:8px} .route-platform .platform-finding-detail{padding:12px 18px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .route-platform .platform-finding-detail article{padding:14px;border-radius:12px;background:#eae2db} .route-platform .platform-finding-detail p{margin:9px 0 0;color:#655852;font-size:9px;line-height:1.45} .route-platform .platform-finding-dossier>footer{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#dfd4cc} .route-platform .platform-finding-dossier>footer div{display:flex;flex-direction:column;gap:6px} .route-platform .platform-finding-dossier>footer strong{font-size:12px} .route-platform .platform-finding-dossier>footer p{max-width:270px;margin:0;color:#685b55;font-size:8px;line-height:1.45;text-align:right} .route-platform .platform-evidence-copy{padding:31px 27px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(155deg,#2a1816,#201412)} .route-platform .platform-evidence-summary{margin:12px 0 0;color:#a99c97;font-size:12px;line-height:1.55} .route-platform .platform-evidence-copy ul{list-style:none;margin:29px 0 0;padding:0} .route-platform .platform-evidence-copy li{padding:13px 0 13px 22px;position:relative;border-top:1px solid rgba(255,255,255,.1);color:#b9aca6;font-size:11px;line-height:1.5} .route-platform .platform-evidence-copy li:before{content:"✓";position:absolute;left:0;color:#ff6f59;font-weight:800} .route-platform .platform-evidence-copy>div{margin-top:20px;padding:18px;border-radius:14px;background:rgba(255,255,255,.05)} .route-platform .platform-evidence-copy>div p{margin:10px 0 0;color:#a99c97;font-size:10px;line-height:1.55} .route-platform .platform-schedule-layout{margin-top:62px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px} .route-platform .platform-schedule-board{overflow:hidden;border:1px solid var(--platform-line);border-radius:26px;background:#fff;box-shadow:0 28px 62px rgba(58,31,26,.1)} .route-platform .platform-schedule-board>header{min-height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--platform-ink);color:#fff} .route-platform .platform-schedule-board>header div{display:flex;flex-direction:column;gap:7px} .route-platform .platform-schedule-board>header span{color:#ff705a;font:700 8px/1 var(--font-geist-mono);letter-spacing:.08em} .route-platform .platform-schedule-board>header strong{font-size:16px} .route-platform .platform-schedule-board>header>b{color:#8fdb96;font:700 8px/1 var(--font-geist-mono)} .route-platform .platform-trigger-list{padding:9px 18px 13px} .route-platform .platform-trigger-list article{min-height:76px;padding:12px 4px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--platform-line)} .route-platform .platform-trigger-list article:last-child{border-bottom:0} .route-platform .platform-trigger-list article>b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eee6df;color:#7c6c65;font:700 7px/1 var(--font-geist-mono)} .route-platform .platform-trigger-list article div{display:flex;flex-direction:column;gap:5px} .route-platform .platform-trigger-list strong{font-size:12px} .route-platform .platform-trigger-list p{margin:0;color:#776963;font-size:9px;line-height:1.4} .route-platform .platform-trigger-list span{padding:7px 8px;border-radius:99px;background:#eee6df;color:#7c6d66;font:700 7px/1 var(--font-geist-mono)} .route-platform .platform-trigger-list article:nth-child(-n+2) span{background:#e0f0df;color:#2e7139} .route-platform .platform-schedule-copy{padding:33px 29px;border-radius:26px;background:#eae1da} .route-platform .platform-schedule-copy h3{color:var(--platform-ink)} .route-platform .platform-schedule-copy article{padding:18px 0;border-top:1px solid var(--platform-line)} .route-platform .platform-schedule-copy article:first-of-type{margin-top:28px} .route-platform .platform-schedule-copy article b{color:#9a3d31;font:700 8px/1 var(--font-geist-mono);letter-spacing:.07em} .route-platform .platform-schedule-copy article p{margin:8px 0 0;color:#71645e;font-size:11px;line-height:1.5} .route-platform .platform-outcome-strip{margin-top:18px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:17px;background:var(--platform-ink);color:#fff} .route-platform .platform-outcome-strip span{font:700 8px/1.35 var(--font-geist-mono);letter-spacing:.06em;text-align:center} .route-platform .platform-outcome-strip b{color:#ff624b} @media(max-width:1100px){ .route-platform .platform-system-heading{grid-template-columns:1fr;gap:32px} .route-platform .platform-system-heading>div:last-child{max-width:720px} .route-platform .platform-system-diagram{min-height:640px} .route-platform .system-core-visual{width:min(68vw,560px)} .route-platform .system-node-map,.route-platform .system-node-plan{left:20%} .route-platform .system-node-test,.route-platform .system-node-verify{right:20%} .route-platform .system-gateway{width:152px} .route-platform .system-gateway-in{left:20px} .route-platform .system-gateway-out{right:20px} .route-platform .platform-intake-story{grid-template-columns:1fr;gap:48px} .route-platform .platform-story-copy{max-width:800px} .route-platform .platform-plan-layout,.route-platform .platform-evidence-layout,.route-platform .platform-schedule-layout{grid-template-columns:1fr} .route-platform .platform-plan-review,.route-platform .platform-evidence-copy,.route-platform .platform-schedule-copy{display:grid;grid-template-columns:.72fr 1.28fr;gap:0 30px} .route-platform .platform-plan-review>span,.route-platform .platform-evidence-copy>span,.route-platform .platform-schedule-copy>span{grid-column:1} .route-platform .platform-plan-review h3,.route-platform .platform-evidence-copy h3,.route-platform .platform-schedule-copy h3{grid-column:1} .route-platform .platform-plan-review ol,.route-platform .platform-evidence-copy ul,.route-platform .platform-schedule-copy article:first-of-type{grid-column:2;grid-row:1/5;margin-top:0} .route-platform .platform-framework-note,.route-platform .platform-evidence-copy>div{grid-column:1;margin-top:24px} .route-platform .platform-schedule-copy article{grid-column:2} .route-platform .platform-execution-visual{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .route-platform .platform-execution-visual>em{display:none} .route-platform .platform-execution-visual>article{padding:17px;min-height:215px} .route-platform .platform-outcome-strip{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} .route-platform .platform-outcome-strip::-webkit-scrollbar{display:none} .route-platform .platform-outcome-strip span{min-width:max-content;scroll-snap-align:start} } @media(max-width:700px){ .route-platform .platform-system-section{padding:78px 0} .route-platform .platform-system-heading h2{font-size:clamp(45px,13vw,58px)} .route-platform .platform-system-heading>div:last-child p{font-size:15px} .route-platform .platform-system-pill{font-size:10px} .route-platform .platform-system-diagram{min-height:720px;margin-top:45px;border-radius:18px} .route-platform .platform-system-diagram:before{background-size:38px 38px} .route-platform .platform-system-diagram:after{inset:92px -40% 150px} .route-platform .system-router-rail{min-height:82px;padding:11px 12px;top:12px;right:12px;left:12px;display:grid;grid-template-columns:1fr;align-content:center;gap:8px} .route-platform .system-router-rail>span{width:100%} .route-platform .system-router-rail ul{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px} .route-platform .system-router-rail li{min-width:0;padding:6px 4px;text-align:center} .route-platform .system-router-rail li strong{font-size:8px} .route-platform .system-router-rail li small{display:none} .internal-page.route-platform main .system-router-rail>b{display:none} .route-platform .system-core-visual{width:440px;top:43%;max-width:none} .route-platform .system-core-label{width:148px;top:43%;padding:13px} .route-platform .system-core-label strong{max-width:108px;font-size:16px} .internal-page.route-platform main .system-core-label small{font-size:6.5px!important} .route-platform .system-gateway{width:calc(50% - 20px);min-height:78px;top:auto;bottom:80px;padding:12px;transform:none} .route-platform .system-gateway-in{left:12px} .route-platform .system-gateway-out{right:12px} .route-platform .system-gateway:after{display:none} .route-platform .system-gateway:before{top:-25px} .route-platform .system-gateway-in:before{left:50%} .route-platform .system-gateway-out:before{right:50%} .internal-page.route-platform main .system-gateway span{font-size:7px!important} .route-platform .system-gateway strong{font-size:15px} .internal-page.route-platform main .system-gateway small{font-size:7.5px!important} .route-platform .system-node{width:102px;min-height:50px;padding:7px;grid-template-columns:21px 1fr;gap:6px} .internal-page.route-platform main .system-node>b{width:21px;height:21px;font-size:6px!important} .route-platform .system-node strong{font-size:11px} .internal-page.route-platform main .system-node small{display:block;font-size:6.5px!important;line-height:1.15} .route-platform .system-node:after{width:36px} .route-platform .system-node-map{top:26%;left:8px} .route-platform .system-node-plan{top:48%;bottom:auto;left:8px} .route-platform .system-node-test{top:26%;right:8px} .route-platform .system-node-verify{top:48%;right:8px;bottom:auto} .route-platform .system-policy-rail{min-height:45px;padding-inline:6px;right:12px;bottom:15px;left:12px;gap:7px;justify-content:flex-start;overflow:hidden} .internal-page.route-platform main .system-policy-rail>span{font-size:7px!important} .route-platform .system-policy-rail ul{gap:5px} .route-platform .system-policy-rail li{font-size:7px;white-space:nowrap} .route-platform .system-policy-rail li+li:before{margin-right:5px} .route-platform .page-hero h1{font-size:clamp(45px,13.8vw,61px)!important} .route-platform .platform-builder-aside{border-radius:22px 22px 52px 22px} .route-platform .platform-builder-aside>header{min-height:52px;padding-inline:14px} .route-platform .platform-builder-aside>section{padding:17px 14px 15px} .route-platform .platform-builder-title strong{font-size:21px} .route-platform .platform-builder-aside ol{overflow:hidden;grid-template-columns:repeat(4,1fr)} .route-platform .platform-builder-aside li{justify-content:center;padding:8px 3px;font-size:0} .route-platform .platform-builder-aside li b{font-size:6px} .route-platform .platform-builder-tags span{font-size:5.5px} .route-platform .platform-builder-assurance b:last-child{display:none} .route-platform .platform-builder-aside footer>b{padding:9px;font-size:6px} .route-platform .platform-story-copy h2,.route-platform .split-heading h2{font-size:clamp(40px,12vw,52px)} .route-platform .platform-story-lede{font-size:15px} .route-platform .platform-story-copy li{grid-template-columns:32px 1fr;gap:12px;padding:16px 0} .route-platform .platform-story-copy li p{font-size:12px} .route-platform .platform-scope-board{border-radius:22px 22px 52px 22px} .route-platform .platform-scope-board>header{min-height:66px;padding:0 16px} .route-platform .platform-scope-board>header>span{font-size:0} .route-platform .platform-scope-board>header>span i{width:8px;height:8px} .route-platform .platform-scope-map{padding:15px;grid-template-columns:1fr} .route-platform .platform-scope-map article{min-height:0;padding:17px} .route-platform .platform-scope-map article>strong{margin-top:18px} .route-platform .scope-link{height:52px;flex-direction:row;justify-content:center} .route-platform .scope-link span{width:31px;height:1px} .route-platform .scope-link b{writing-mode:initial;padding:7px} .route-platform .platform-scope-meta{padding:0 15px 15px;grid-template-columns:1fr} .route-platform .platform-scope-board>footer{padding:14px 15px 18px;flex-direction:column} .route-platform .platform-scope-board>footer strong{text-align:left} .route-platform .platform-plan-layout,.route-platform .platform-evidence-layout,.route-platform .platform-schedule-layout{margin-top:44px} .route-platform .platform-plan-console,.route-platform .platform-finding-dossier,.route-platform .platform-schedule-board{border-radius:21px} .route-platform .platform-plan-console>header,.route-platform .platform-finding-dossier>header,.route-platform .platform-schedule-board>header{padding-inline:15px} .route-platform .platform-plan-console>header>b,.route-platform .platform-finding-dossier>header>b{font-size:0;padding:8px;width:8px;height:8px} .route-platform .platform-plan-summary{padding:13px;grid-template-columns:1fr} .route-platform .platform-plan-summary article{min-height:0} .route-platform .platform-plan-cases{margin-inline:13px} .route-platform .platform-plan-cases article{grid-template-columns:30px 1fr} .route-platform .platform-plan-cases small{grid-column:2} .route-platform .platform-plan-console>footer{padding:13px;align-items:flex-start;flex-direction:column} .route-platform .platform-plan-console>footer strong{width:100%;text-align:center} .route-platform .platform-plan-review,.route-platform .platform-evidence-copy,.route-platform .platform-schedule-copy{padding:25px 20px;display:block} .route-platform .platform-plan-review h3,.route-platform .platform-evidence-copy h3,.route-platform .platform-schedule-copy h3{font-size:28px} .route-platform .platform-plan-review ol,.route-platform .platform-evidence-copy ul,.route-platform .platform-schedule-copy article:first-of-type{margin-top:26px} .route-platform .platform-execution-visual{ width:calc(100% + 16px); margin-top:44px; padding:0 16px 12px 0; display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; } .route-platform .platform-execution-visual::-webkit-scrollbar{display:none} .route-platform .platform-execution-visual>article{flex:0 0 calc(100% - 54px);min-height:220px;scroll-snap-align:start;scroll-snap-stop:always} .route-platform .platform-execution-visual>em{display:none} .route-platform .platform-control-notes{grid-template-columns:1fr} .route-platform .platform-finding-proof,.route-platform .platform-finding-detail{grid-template-columns:1fr} .route-platform .platform-script-proof pre{font-size:8px} .route-platform .platform-finding-dossier>footer{align-items:flex-start;flex-direction:column} .route-platform .platform-finding-dossier>footer p{text-align:left} .route-platform .platform-trigger-list{padding-inline:12px} .route-platform .platform-trigger-list article{grid-template-columns:30px minmax(0,1fr)} .route-platform .platform-trigger-list article>span{grid-column:2;width:max-content} .route-platform .platform-outcome-strip{padding:20px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory} .route-platform .platform-outcome-strip span{min-width:max-content;scroll-snap-align:start} } @media(prefers-reduced-motion:reduce){ .route-platform .platform-execution-visual,.route-platform .platform-outcome-strip{scroll-behavior:auto} } @media(max-width:700px){ .route-platform .platform-plan-console>header, .route-platform .platform-finding-dossier>header{ display:grid; grid-template-columns:minmax(0,1fr) 14px; gap:12px; overflow:hidden; } .route-platform .platform-plan-console>header div, .route-platform .platform-finding-dossier>header div{min-width:0} .route-platform .platform-plan-console>header strong, .route-platform .platform-finding-dossier>header strong{ max-width:100%; overflow-wrap:anywhere; } .route-platform .platform-plan-console>header>b, .route-platform .platform-finding-dossier>header>b{ width:14px; height:14px; min-width:14px; padding:0; justify-self:end; overflow:hidden; border-radius:50%; font-size:0!important; line-height:0!important; } } .route-platform .platform-system-diagram{ min-height:0; padding:20px; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto 390px auto auto; gap:14px; } .route-platform .platform-system-diagram:after{display:none} .route-platform .system-router-rail{ min-height:66px; padding:10px 14px; position:relative; inset:auto; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; } .internal-page.route-platform main .system-router-rail>span{font-size:10px!important} .route-platform .system-router-rail ul{min-width:0;margin:0;display:flex;justify-content:center;gap:6px} .route-platform .system-router-rail li{min-width:0;padding:8px 10px;display:flex;align-items:center;gap:6px;white-space:nowrap} .route-platform .system-router-rail li strong{font-size:10px} .internal-page.route-platform main .system-router-rail li small{display:block;font-size:8px!important} .internal-page.route-platform main .system-router-rail>b{font-size:8px!important} .route-platform .system-middle{ min-width:0; min-height:390px; position:relative; display:grid; grid-template-columns:minmax(210px,235px) minmax(340px,1fr) minmax(210px,235px); align-items:center; gap:18px; } .route-platform .system-middle:before{ content:""; height:1px; position:absolute; z-index:0; left:13%; right:13%; top:50%; background:linear-gradient(90deg,rgba(116,183,127,.15),rgba(255,103,79,.7) 48%,rgba(255,103,79,.15)); } .route-platform .system-core-visual{ width:min(100%,520px); max-width:none; position:relative; inset:auto; z-index:1; grid-column:2; grid-row:1; align-self:center; justify-self:center; transform:none; animation:none; will-change:auto; } .route-platform .system-core-label{ width:196px; padding:16px; position:relative; inset:auto; z-index:4; grid-column:2; grid-row:1; align-self:center; justify-self:center; transform:none; } .route-platform .system-core-label strong{max-width:142px;font-size:18px} .internal-page.route-platform main .system-core-label small{font-size:7.5px!important} .route-platform .system-gateway{ width:100%; min-height:210px; padding:22px; position:relative; inset:auto; z-index:3; top:auto; justify-content:flex-start; text-align:left; transform:none; } .route-platform .system-gateway:before,.route-platform .system-gateway:after{display:none} .route-platform .system-gateway-in{grid-column:1;border-color:rgba(116,183,127,.24)} .route-platform .system-gateway-out{grid-column:3} .internal-page.route-platform main .system-gateway span{font-size:9px!important} .route-platform .system-gateway strong{margin-top:12px;font-size:22px;line-height:1.02} .route-platform .system-gateway ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px} .route-platform .system-gateway li{position:relative;padding-left:14px;color:#a89a95;font-size:12px;line-height:1.3} .route-platform .system-gateway li:before{content:"";width:5px;height:5px;position:absolute;left:0;top:.45em;border-radius:50%;background:var(--gateway-accent);box-shadow:0 0 10px color-mix(in srgb,var(--gateway-accent) 60%,transparent)} .route-platform .system-specialists{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } .route-platform .system-node{ width:auto; min-height:104px; padding:15px; position:relative; inset:auto; display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px; border-radius:13px; background:linear-gradient(145deg,rgba(26,17,15,.94),rgba(13,9,8,.92)); } .route-platform .system-node:after{display:none} .internal-page.route-platform main .system-node>b{width:32px;height:32px;font-size:8px!important} .route-platform .system-node strong{font-size:14px;line-height:1.08} .internal-page.route-platform main .system-node small{display:block;color:#9d908b;font-family:var(--font-geist-sans)!important;font-size:12px!important;font-weight:500!important;line-height:1.3;letter-spacing:0;text-transform:none} .route-platform .system-policy-rail{ min-height:62px; padding:11px 14px; position:relative; inset:auto; display:flex; align-items:center; justify-content:space-between; gap:14px; overflow:visible; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(16,10,9,.72); } .internal-page.route-platform main .system-policy-rail>span{font-size:9px!important;white-space:normal} .route-platform .system-policy-rail ul{margin:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px} .route-platform .system-policy-rail li{padding:8px 9px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.025);font-size:9px;white-space:nowrap} .route-platform .system-policy-rail li+li:before{display:none} @media(max-width:1100px) and (min-width:821px){ .route-platform .system-router-rail{grid-template-columns:1fr auto} .route-platform .system-router-rail ul{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))} .route-platform .system-middle{grid-template-columns:minmax(190px,215px) minmax(280px,1fr) minmax(190px,215px);gap:12px} .route-platform .system-gateway{min-height:196px;padding:18px} .route-platform .system-gateway strong{font-size:19px} } @media(max-width:820px){ .route-platform .platform-system-diagram{ padding:12px; grid-template-areas:"router" "input" "core" "agents" "policy" "output"; grid-template-rows:auto auto 330px auto auto auto; gap:14px; } .route-platform .platform-system-diagram:before{background-size:38px 38px;opacity:.19} .route-platform .system-router-rail{grid-area:router;grid-template-columns:1fr auto;gap:10px 12px;padding:14px} .route-platform .system-router-rail ul{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .route-platform .system-router-rail li{padding:9px 10px} .internal-page.route-platform main .system-router-rail>b{display:block;font-size:7.5px!important;text-align:right} .route-platform .system-middle{display:contents} .route-platform .system-middle:before{display:none} .route-platform .system-gateway{min-height:0;padding:19px} .route-platform .system-gateway-in{grid-area:input} .route-platform .system-gateway-out{grid-area:output} .route-platform .system-gateway strong{font-size:20px} .route-platform .system-gateway ul{margin-top:16px;gap:8px} .route-platform .system-core-visual{grid-area:core;width:min(116%,390px)} .route-platform .system-core-label{grid-area:core;width:176px} .route-platform .system-core-label strong{max-width:132px;font-size:17px} .route-platform .system-specialists{grid-area:agents;grid-template-columns:repeat(2,minmax(0,1fr))} .route-platform .system-node{min-height:88px;padding:13px;grid-template-columns:29px minmax(0,1fr);gap:10px} .internal-page.route-platform main .system-node>b{width:29px;height:29px} .route-platform .system-node strong{font-size:13px} .internal-page.route-platform main .system-node small{font-size:11px!important} .route-platform .system-policy-rail{grid-area:policy;padding:15px;display:grid;justify-content:stretch;gap:12px} .route-platform .system-policy-rail ul{justify-content:flex-start} } @media(max-width:380px){ .route-platform .platform-system-diagram{grid-template-rows:auto auto 300px auto auto auto} .route-platform .system-router-rail{grid-template-columns:1fr} .internal-page.route-platform main .system-router-rail>b{text-align:left} .route-platform .system-specialists{grid-template-columns:1fr} .route-platform .system-node{min-height:74px} } @media(max-width:700px){ .route-platform .platform-system-pill{ width:100%; max-width:100%; padding:10px 12px; white-space:normal; overflow-wrap:anywhere; line-height:1.35; font-size:10px!important; } }