:root{--navy:#152f52;--blue:#1978ff;--orange:#ff6600;--ink:#334a64;--muted:#62778f;--line:#d5e6f8;--bg:#f7fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Inter,Arial,sans-serif;background:#fff;color:var(--navy)}button,input{font-family:inherit}.scrolly{height:100vh;position:relative;overflow:hidden}.sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(circle at 62% 42%,#e7f3ff 0%,var(--bg) 42%,#ffffff 78%)}#view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.sticky>header{position:absolute;top:0;left:0;right:0;z-index:6;pointer-events:none;padding:22px clamp(20px,5vw,72px);display:flex;justify-content:space-between}.sticky>header strong{font-size:13px;letter-spacing:.12em;color:var(--orange)}.sticky>header span{font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--navy)}.copy-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;padding:24px;background:#f7fbff9e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.copy-eye{position:absolute;z-index:8;left:clamp(20px,5vw,72px);top:12%;width:36px;height:36px;padding:0;border:0;border-radius:999px;cursor:pointer;display:grid;place-items:center;color:var(--navy);background:#f7fbffeb;box-shadow:0 8px 22px #152f521f}.copy-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.copy-eye:hover{background:var(--navy);color:#fff}.copy-modal .headline{position:relative;left:auto;top:auto;z-index:1;width:min(520px,100%);max-width:520px;padding:32px 36px;pointer-events:auto;background:#ffffffe0;border-radius:22px;box-shadow:0 24px 70px #152f5229}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--orange)}.brand-flow{margin:8px 0 16px;font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--navy)}.headline h1{margin:10px 0;font-size:clamp(30px,3.4vw,56px);line-height:1.02;letter-spacing:-.045em}.headline p{margin:0;max-width:46ch;line-height:1.6;color:var(--muted);font-size:clamp(14px,1.15vw,17px)}#layers{list-style:none;margin:0;padding:0;display:flex;gap:8px;max-height:0;overflow:hidden;opacity:0;transition:opacity .25s,max-height .25s,margin .25s}#layers.on{max-height:48px;margin-top:16px;opacity:1}#layers li{display:flex;align-items:center;gap:8px;background:#eaf3ff;color:var(--navy);border-radius:999px;padding:6px 10px 6px 6px;font-size:12px;font-weight:800}#layers em{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:11px}#infoTag{position:absolute;z-index:7;left:0;top:0;pointer-events:none;color:#fff;font-weight:800;letter-spacing:.02em;line-height:1;text-shadow:0 2px 8px rgba(180,60,0,.45);transform:translate(-50%,-50%);will-change:left,top}.phase-dots{position:absolute;right:22px;top:42%;display:grid;gap:12px;z-index:8}.phase-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#bed0e3;cursor:pointer;transition:transform .2s,background .2s}.phase-dots button.active{background:var(--orange);transform:scale(1.6)}.overlay-note{position:absolute;left:50%;top:74%;transform:translate(-50%);z-index:8;background:var(--navy);color:#fff;padding:12px 18px;border-radius:999px;font-size:13px;border:0;cursor:pointer;box-shadow:0 10px 35px #152f522e;transition:opacity .2s}.hint{position:absolute;left:50%;bottom:15%;transform:translate(-50%);font-size:12px;letter-spacing:.14em;color:#6c829b;z-index:6;pointer-events:none}.stage{position:absolute;left:6%;right:6%;bottom:5.5%;z-index:6;display:flex;align-items:center;gap:18px}.stage span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#6f86a0;white-space:nowrap}.track{height:3px;flex:1;background:#d9e6f4;border-radius:999px;overflow:hidden}.track i{display:block;height:100%;width:0;background:var(--orange)}.flow{position:absolute;left:4%;right:4%;bottom:12%;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;opacity:0;pointer-events:none;transition:opacity .25s}.flow article{background:#eaf3ffe6;border:1px solid var(--line);border-radius:16px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flow strong{display:block;font-size:15px;margin-bottom:4px}.flow span{display:block;color:#58708a;font-size:13px;font-weight:600;line-height:1.35}.nav{position:fixed;right:24px;bottom:26px;z-index:30;display:flex;gap:10px}.nav button{padding:12px 16px;border:0;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.nav button:hover{background:var(--orange)}.scan-card{position:absolute;right:28px;bottom:28px;z-index:6;width:132px;padding:18px 10px 10px;background:#fff;border:3px solid var(--orange);border-radius:12px;box-shadow:0 12px 30px #152f521f}.scan-card span{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:0 8px;background:#fff;color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.08em}.scan-card img{display:block;width:100%;height:auto}.transport{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:12px;background:#f7fbffeb;border:1px solid var(--line);border-radius:999px;padding:10px 14px;box-shadow:0 10px 30px #152f5214}.transport button{border:0;border-radius:999px;background:#e7eef6;color:var(--navy);font-weight:800;padding:10px 16px;cursor:pointer}.transport button.is-on{background:var(--navy);color:#fff}.transport label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#6f86a0}.transport input[type=range]{width:140px;accent-color:var(--orange)}.transport span{min-width:42px;color:var(--navy)}.footer{padding:72px 20px;background:var(--navy);color:#fff;text-align:center}.footer p{opacity:.8}.gl-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;text-align:center;background:var(--bg)}.gl-error[hidden]{display:none}.is-noc .copy-modal,.is-noc .hint,.is-noc>header,.is-noc .copy-eye,.is-portal .copy-modal,.is-portal .hint,.is-portal>header,.is-portal .copy-eye,.is-desk .copy-modal,.is-desk .hint,.is-desk>header,.is-desk .transport,.is-desk .copy-eye{opacity:0;visibility:hidden;pointer-events:none}.is-noc .transport{left:12px;top:12px;bottom:auto;width:calc(50% - 56px);transform:none;z-index:18}.is-noc .transport input[type=range]{width:72px}.portal-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:12;pointer-events:none;font-size:12px;letter-spacing:.14em;color:#3f5a78;background:#f7fbffe6;border:1px solid var(--line);border-radius:999px;padding:10px 18px;white-space:nowrap}.is-portal .transport{display:none}.is-noc.is-portal .transport{display:flex}.close-noc{position:absolute;left:12px;top:70px;z-index:18;border:0;border-radius:999px;cursor:pointer;background:var(--navy);color:#fff;font-weight:800;padding:8px 14px;font-size:12px;letter-spacing:.04em}.close-noc:hover{background:var(--orange)}.hs-tip{position:absolute;z-index:17;left:0;top:0;transform:translate(14px,-50%);pointer-events:none;opacity:0;transition:opacity .12s;max-width:270px;background:#07111cf0;color:#e8f2fb;border:1px solid #1f4a6e;border-radius:8px;padding:8px 10px;box-shadow:0 10px 30px #07111c59}.hs-tip b{display:block;font-size:12px;color:#ffb163;margin-bottom:3px;letter-spacing:.02em}.hs-tip span{display:block;font-size:11px;line-height:1.4;color:#c6d7e6}.noc{position:absolute;top:0;right:0;width:50%;height:100%;z-index:16;display:grid;grid-template-rows:auto auto auto minmax(72px,1fr) auto minmax(80px,22%);gap:8px;padding:12px;box-sizing:border-box;overflow:hidden;background:#07111c;color:#d5e4f2;border-left:1px solid #16324a}.noc-title{display:flex;flex-direction:column;gap:2px;font-size:18px;font-weight:800;letter-spacing:.02em;padding-left:10px;border-left:3px solid #3ec6e0}.noc-title small{font-size:11px;font-weight:600;letter-spacing:.04em;color:#7f97ad}.noc-router .noc-title{border-left-color:#f2b84b}.noc-firewall .noc-title{border-left-color:#ff7a59}.noc-metrics,.noc-main{display:grid;gap:10px;min-height:0}.noc-metrics{grid-template-columns:repeat(4,1fr)}.noc-main{grid-template-columns:1.1fr .9fr}.noc-main>.noc-card{overflow:auto}.noc-card{background:#0e1b2b;border:1px solid #17324a;border-radius:8px;padding:10px 12px;min-width:0}.noc-card h3{margin:0 0 8px;font-size:12px;font-weight:700;color:#9db4c9}.noc-metric strong{display:block;font-size:22px;line-height:1;color:#e8f2fb}.noc-metric strong small{font-size:14px;font-weight:700}.noc-metric strong.good{color:#3ddc84}.noc-metric strong.bad{color:#ff7a59}.noc-metric span{display:block;margin-top:6px;color:#7f97ad;font-size:11px}.noc-chart-card{display:flex;flex-direction:column;min-height:0}.noc-chart{width:100%;height:72px;flex:1;min-height:48px;display:block}.noc-chart polyline{fill:none;stroke:#3ec6e0;stroke-width:2}.noc-legend{display:block;margin-top:4px;font-size:10px;color:#7f97ad;letter-spacing:.03em}.noc-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.noc-bars li{display:grid;grid-template-columns:118px 1fr;gap:8px;align-items:center;font-size:11px;color:#b7c9d8}.noc-bars b{display:block;height:8px;border-radius:99px;background:#3aa0e6}.noc-ports{display:grid;gap:6px}.noc-port-row{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.noc-port{display:grid;place-items:center;height:22px;border-radius:3px;font:700 10px/1 ui-monospace,Consolas,monospace;background:#1f8f4e;color:#e8fff1;font-style:normal}.noc-port.down{background:#2a3a4c;color:#7f97ad}.noc-port.in{background:#1978ff;color:#fff}.noc-port.out{background:#f60;color:#fff}.noc-port.pulse{box-shadow:0 0 0 2px #fff inset;animation:noc-pulse .9s ease-out infinite}@keyframes noc-pulse{0%{filter:brightness(1.6)}to{filter:brightness(1)}}.noc-key{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:10px;color:#9db4c9}.noc-key span{display:flex;align-items:center;gap:5px}.noc-key .noc-port{width:12px;height:12px}.noc-table table{width:100%;border-collapse:collapse;font-size:11px}.noc-table th{font-weight:700;color:#7f97ad;text-align:left;padding:3px 6px;border-bottom:1px solid #17324a}.noc-table td{padding:4px 6px;border-bottom:1px solid #0f2236;color:#c6d7e6;font-family:ui-monospace,Consolas,monospace}.noc-table td.hi{color:#3ec6e0;font-weight:700}.noc-table td.allow{color:#3ddc84;font-weight:800}.noc-table td.deny{color:#ff7a59;font-weight:800}.noc-ifaces{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:11px;color:#c6d7e6}.noc-ifaces li{display:flex;align-items:center;gap:8px}.noc-ifaces em{font-style:normal;color:#7f97ad;margin-left:auto;font-family:ui-monospace,Consolas,monospace}.noc-ifaces i{width:9px;height:9px;border-radius:50%;background:#1f8f4e}.noc-ifaces i.warn{background:#e0b13a}.noc-ifaces i.off{background:#2a3a4c}.noc-explain strong{display:block;color:#ffb163;font-size:13px;margin-bottom:4px}.noc-explain p{margin:0;font-size:12px;line-height:1.45;color:#c6d7e6}.noc-explain p.noc-wait{color:#7f97ad}.noc-log{min-height:0;display:flex;flex-direction:column}.noc-log ol{list-style:none;margin:0;padding:0;overflow:auto;display:grid;gap:6px}.noc-log li{font:12px/1.45 ui-monospace,Consolas,monospace;color:#d5e7f6;background:#08131f;border-radius:4px;padding:6px 8px;border-left:3px solid #1978ff}.noc-log li.out{border-left-color:#f60}.noc-log li.noc-wait{color:#7f97ad;border-left-color:#2a3a4c}.desk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(circle at 18% 12%,#4aa3ff 0%,transparent 42%),linear-gradient(160deg,#0b3a78,#1978ff 46%,#0e5cb8);color:#fff}.desk-close{position:absolute;top:14px;right:14px;z-index:3;border:0;border-radius:999px;cursor:pointer;background:#07111c8c;color:#fff;font-weight:800;padding:8px 14px}.desk-icons{position:absolute;top:18px;left:12px;z-index:2;display:grid;gap:16px;align-content:start;justify-items:start}.desk-icon{width:88px;border:0;background:transparent;color:#fff;cursor:pointer;display:grid;justify-items:center;align-content:center;gap:4px;padding:6px 4px;border-radius:8px;font-size:11px;font-weight:700;line-height:1.15}.desk-icon span{display:block;max-width:80px;text-align:center;text-shadow:0 1px 3px rgba(7,17,28,.55)}.desk-icon:hover,.desk-icon:focus-visible{background:#ffffff29}.desk-glyph{width:42px;height:42px;display:block;position:relative;background:transparent}.desk-glyph.is-pc:before{content:"";position:absolute;left:4px;right:4px;top:2px;height:26px;border-radius:3px;background:linear-gradient(#e7f1ff,#7eb0f0);box-shadow:0 0 0 2px #fff}.desk-glyph.is-pc:after{content:"";position:absolute;left:50%;bottom:2px;width:22px;height:10px;transform:translate(-50%);background:#fff;clip-path:polygon(40% 0,60% 0,60% 42%,100% 42%,100% 100%,0 100%,0 42%,40% 42%)}.desk-glyph.is-web{border-radius:6px;background:radial-gradient(circle at 7px 5px,#fff 1.3px,transparent 1.5px),radial-gradient(circle at 12px 5px,#fff 1.3px,transparent 1.5px),radial-gradient(circle at 17px 5px,#fff 1.3px,transparent 1.5px),linear-gradient(#1a73e8 0,#1a73e8 11px,#fff 11px);box-shadow:0 0 0 2px #fff}.desk-glyph.is-web:before{content:"";position:absolute;left:11px;top:16px;width:18px;height:18px;border-radius:50%;border:2px solid #1a73e8;box-sizing:border-box}.desk-glyph.is-web:after{content:"";position:absolute;left:19px;top:16px;width:2px;height:18px;background:#1a73e8}.desk-window{position:absolute;left:22%;top:18%;width:min(640px,56vw);height:min(360px,48vh);background:#f4f7fb;color:var(--navy);border-radius:10px;overflow:hidden;box-shadow:0 24px 60px #07111c47;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.desk-window.is-browser{left:24%;top:18%;width:min(560px,46vw);height:min(360px,46vh)}.desk-window.is-max,.desk-window.is-browser.is-max{left:0;top:0;width:100%;height:calc(100% - 44px);border-radius:0}.desk-window.is-browser.is-max header{padding:4px 8px}.desk-window.is-browser.is-max .browser-tabs{gap:2px}.desk-window.is-browser.is-max .browser-tabs button{font-size:11px;padding:3px 8px;max-width:148px}.desk-window.is-browser.is-max .desk-win-actions{gap:4px}.desk-window.is-browser.is-max .desk-win-actions button{padding:0 7px;min-width:22px;font-size:12px}.desk-window.is-browser.is-max .browser-bar{gap:6px;padding:3px 8px}.desk-window.is-browser.is-max .browser-nav{font-size:11px;letter-spacing:0}.desk-window.is-browser.is-max .browser-search{gap:6px;padding:2px 10px}.desk-window.is-browser.is-max .browser-search span{font-size:10px}.desk-window.is-browser.is-max .browser-search input{font-size:12px}.desk-window.is-browser.is-max .browser-shot{display:grid;justify-items:center;align-content:start}.desk-window.is-browser.is-max .browser-shot img{width:100%}.browser-tabs{display:flex;align-items:center;gap:4px;min-width:0;flex:1;overflow:hidden}.browser-tabs button{border:0;border-radius:8px 8px 0 0;background:#2a415c;color:#d5e4f2;font-weight:700;font-size:12px;padding:6px 8px;cursor:pointer;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.browser-tabs button.is-on{background:#fff;color:#152f52}.browser{min-height:0;display:grid;grid-template-rows:auto 1fr;background:#fff}.browser-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f1f3f4;border-bottom:1px solid #d5e6f8}.browser-nav{color:#62778f;font-weight:800;letter-spacing:.08em;white-space:nowrap}.browser-search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d5e6f8;border-radius:999px;padding:6px 12px}.browser-search span{font-size:11px;font-weight:800;color:#62778f;letter-spacing:.04em}.browser-search input{flex:1;border:0;outline:none;font:600 13px/1.2 Segoe UI,Arial,sans-serif;color:#152f52;background:transparent}.browser iframe{width:100%;height:100%;border:0;background:#fff}.browser-blank{display:grid;place-items:center;color:#62778f;font-size:14px;background:#fff}.browser-shot{min-height:0;overflow:auto;background:#0b1220}.browser-shot img{display:block;width:100%;height:auto}.desk-window header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;background:#152f52;color:#fff}.desk-win-actions{display:flex;gap:6px;flex-shrink:0}.desk-window header button{border:0;background:#334a64;color:#fff;border-radius:6px;padding:2px 10px;cursor:pointer;min-width:28px}.desk-window header button:hover{background:#4a6482}.desk-task{border:0;border-radius:6px;background:#24384f;color:#fff;font-weight:700;padding:8px 12px;cursor:pointer}.desk-task.is-on{background:#1978ff}.desk-window.is-pc{left:16%;top:12%;width:min(820px,64vw);height:min(420px,62vh);background:#1c1c1c;color:#f3f3f3}.desk-window.is-pc.is-max{left:0;top:0;width:100%;height:calc(100% - 44px);border-radius:0}.desk-window.is-pc header{background:#1f1f1f;padding:6px 10px}.desk-window.is-pc header strong{font-size:12px;font-weight:600}.desk-window.is-pc header button{background:transparent}.desk-window.is-pc header button:hover{background:#3a3a3a}.explorer{min-height:0;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#1c1c1c;color:#f3f3f3}.explorer-nav{display:flex;align-items:center;gap:8px;padding:6px 10px}.explorer-arrows{color:#d0d0d0;font-weight:700;letter-spacing:.12em;white-space:nowrap}.explorer-address,.explorer-find{display:flex;align-items:center;gap:8px;min-width:0;background:#2c2c2c;border-radius:6px;padding:5px 10px}.explorer-address{flex:1}.explorer-address b{margin-left:auto;font-weight:500;color:#cfcfcf}.explorer-pc{width:14px;height:12px;border:1.5px solid #d7d7d7;border-radius:2px;box-shadow:0 3px 0 -1px #d7d7d7}.explorer-find{width:min(250px,34%)}.explorer-find input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#f3f3f3;font:400 12px/1.2 Segoe UI,Arial,sans-serif}.explorer-find input::placeholder{color:#bdbdbd}.explorer-tools{display:flex;align-items:center;gap:8px;padding:2px 10px 8px;border-bottom:1px solid #2a2a2a;color:#ececec;font-size:12px}.explorer-tools span{white-space:nowrap}.explorer-details{margin-left:auto}.explorer-body{min-height:0;display:grid;grid-template-columns:176px minmax(0,1fr)}.explorer-side{border-right:1px solid #2a2a2a;padding:8px 6px;display:grid;align-content:start;gap:2px}.explorer-side span{display:flex;align-items:center;gap:8px;border-radius:4px;padding:6px 8px;font-weight:600}.explorer-side span:hover{background:#2a2a2a}.explorer-side i{width:14px;height:12px;border-radius:2px 2px 1px 1px;background:#4cc2ff;box-shadow:0 -3px #4cc2ff}.explorer-side i.is-img{background:#d46ad2;box-shadow:0 -3px #d46ad2}.explorer-side i.is-music{background:#e09a3a;box-shadow:0 -3px #e09a3a}.explorer-side i.is-video{background:#7b6fd6;box-shadow:0 -3px #7b6fd6}.explorer-side i.is-down{background:#4cc2ff;box-shadow:none;clip-path:polygon(35% 0,65% 0,65% 45%,100% 45%,50% 100%,0 45%,35% 45%)}.explorer-side b{margin-left:auto;font-size:10px;opacity:.7}.explorer-content{padding:14px 18px;overflow:auto}.explorer-content h3{margin:0 0 14px;font-size:13px;font-weight:650}.explorer-drive{display:grid;grid-template-columns:46px minmax(0,220px);column-gap:10px;row-gap:3px;align-items:center;width:min(280px,100%)}.explorer-drive strong{font-size:12px}.explorer-drive small{color:#c8c8c8;font-size:11px}.explorer-meter{display:block;height:7px;border-radius:99px;background:#efefef;overflow:hidden}.explorer-meter i{display:block;height:100%;width:58%;background:#3aa0ff}.explorer-disk{grid-row:1 / span 3;width:42px;height:30px;border-radius:3px;background:linear-gradient(#3d3d3d,#161616);box-shadow:inset 0 0 0 1px #555;display:grid;place-items:center}.explorer-logo{width:14px;height:14px;display:grid;grid-template-columns:1fr 1fr;gap:1px}.explorer-logo i{background:#4cc2ff}.explorer-logo i:nth-child(2){background:#3aa0ff}.explorer-logo i:nth-child(3){background:#7ad0ff}.explorer-logo i:nth-child(4){background:#2f86e0}.desk-body{padding:18px 20px;font-size:15px;line-height:1.55}.desk-bar{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;align-items:center;gap:12px;padding:0 10px;background:#0f1c2ee0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desk-start{border:0;border-radius:6px;background:#1978ff;color:#fff;font-weight:800;padding:8px 14px;cursor:pointer}.desk-apps{font-size:12px;opacity:.8}.desk-bar time{margin-left:auto;text-align:right;font-size:12px;font-weight:700;line-height:1.2}.desk-bar time small{display:block;opacity:.75;font-weight:600}@media (max-width:720px){.noc-metrics,.noc-main{grid-template-columns:1fr 1fr}}@media (max-width: 980px){.headline{max-width:none;right:16px;top:68px}.headline h1{font-size:28px}.headline p{font-size:14px}.flow{grid-template-columns:1fr 1fr;bottom:16%}.hint{display:none}.stage{left:16px;right:16px}.nav{right:12px;bottom:14px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}