@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#32251f;font-synthesis:none;--ink:#e8c7a4;--panel:#fff8e8f0;--panel-solid:#fff8e8;--line:#32251f38;--muted:#755b4c;--cyan:#2d9f91;--amber:#d9871e;--green:#278b61;--violet:#8a4e80;background:#e8c7a4;font-family:Space Grotesk Variable,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);margin:0}body,#root{min-height:100%;margin:0}body{background:var(--ink);min-width:320px;overflow-x:hidden}button{font:inherit;color:inherit}.network-story{isolation:isolate;background:#e8c7a4;min-height:100svh;transition:--accent .4s;position:relative}.topbar{z-index:30;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 clamp(20px,2.6vw,42px);display:grid;position:fixed;inset:16px 0 auto}.brand{color:#fff8e8;pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#32251fa8;border:1px solid #fff8e866;border-radius:999px;align-items:center;gap:11px;width:max-content;padding:8px 13px 8px 9px;text-decoration:none;display:inline-flex;box-shadow:0 12px 40px #32251f26}.brand-mark{border:1px solid var(--accent);border-radius:50%;flex:0 0 37px;place-items:center;width:37px;height:37px;transition:border-color .35s;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--accent);opacity:.72;position:absolute}.brand-mark:before{width:47px;height:1px}.brand-mark:after{width:1px;height:47px}.brand-mark i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.brand-mark b{border:1px solid var(--accent);border-radius:50%;width:24px;height:24px;position:absolute}.brand span{line-height:1;display:grid}.brand b{letter-spacing:.16em;font-size:12px}.brand small{color:#fff8e8b8;letter-spacing:.17em;margin-top:6px;font-size:8px}.brand b,.brand small,.topbar__topic,.topbar__count,.thought-card__meta,.thought-card__question,.thought-card code,.device-label,.mapping-readout,.browser-window,.router-inspection,.scroll-cue,.demo-note{text-transform:uppercase;font-family:IBM Plex Mono,monospace}.topbar__topic{letter-spacing:.08em;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#fff8e8b3;border:1px solid #fff8e85c;border-radius:999px;align-items:center;gap:12px;padding:7px 10px;font-size:9px;display:flex;box-shadow:0 12px 40px #32251f1f}.topbar__topic span{border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);color:var(--accent);padding:6px 8px;transition:color .35s,border-color .35s}.topbar__topic b{color:#60483b;font-weight:500}.topbar__count{letter-spacing:.1em;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#32251fa8;border:1px solid #fff8e866;border-radius:999px;justify-self:end;align-items:baseline;gap:10px;padding:9px 12px;font-size:10px;display:flex;box-shadow:0 12px 40px #32251f26}.topbar__count small{color:#fff8e8ad;font-size:8px}.topbar__count b{color:var(--accent);font-weight:500;transition:color .35s}.visual-stage{z-index:1;background:radial-gradient(circle at 68% 45%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 42%), radial-gradient(circle at 38% 16%, #51c7b72e, transparent 30%), linear-gradient(135deg, #f2d2af 0%, #e8c7a4 58%, #dcae85 100%);transition:background .5s;position:fixed;inset:0;overflow:hidden}.visual-canvas{z-index:2;position:absolute;inset:0}.blender-scene{box-shadow:none;background:#cf9f77;border:0;border-radius:0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.blender-scene:before{content:"";z-index:0;background:linear-gradient(#e7b8872e, #32251f14), var(--scene-backdrop) center / cover no-repeat;filter:blur(28px)saturate(.9);opacity:.76;position:absolute;inset:-7%;transform:scale(1.08)}.blender-scene video{z-index:1;object-fit:contain;object-position:center center;opacity:0;backface-visibility:hidden;will-change:opacity;width:100%;height:100%;transition:opacity .42s;position:absolute;inset:0;transform:translateZ(0)}.blender-scene.is-ready video.is-visible{opacity:1}.blender-scene video.is-hidden{pointer-events:none}.blender-scene__badge{z-index:2;color:#fff8e8;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#32251f9e;border:1px solid #fff8e83d;border-radius:999px;align-items:center;gap:8px;padding:7px 9px;font-family:IBM Plex Mono,monospace;font-size:7px;display:flex;position:absolute;bottom:22px;right:clamp(28px,3vw,52px)}.blender-scene__badge i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%}.blender-scene__progress{z-index:2;background:#32251f2e;height:3px;position:absolute;inset:auto 0 0;overflow:hidden}.blender-scene__progress span{background:var(--accent);height:100%;box-shadow:0 0 12px var(--accent);transition:width 80ms linear;display:block}.blender-scene__loading{color:#5f493c;letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:9px;position:absolute}.visual-stage__grid,.visual-stage__vignette{pointer-events:none;position:absolute;inset:0}.visual-stage__grid{z-index:3;opacity:.035;background-image:linear-gradient(#4d32263d 1px,#0000 1px),linear-gradient(90deg,#4d32263d 1px,#0000 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}.visual-stage__vignette{z-index:4;background:linear-gradient(#32251f2e,#0000 20% 72%,#32251f3d);transition:background .5s}.network-story--card-left .visual-stage__vignette{background:linear-gradient(90deg,#32251f57,#32251f1a 35%,#0000 58%),linear-gradient(#32251f2e,#0000 20% 72%,#32251f3d)}.network-story--card-right .visual-stage__vignette{background:linear-gradient(270deg,#32251f57,#32251f1a 35%,#0000 58%),linear-gradient(#32251f2e,#0000 20% 72%,#32251f3d)}.canvas-unavailable{background:radial-gradient(circle at 65%,#112b3d,#05080d 55%);position:absolute;inset:0}.browser-window{z-index:6;color:#0a1827;opacity:1;transform-origin:0 100%;background:#ebf7fcf5;border:1px solid #49ecff80;border-radius:12px;width:min(370px,28vw);transition:opacity .35s,transform .45s;position:absolute;top:15%;left:40%;overflow:hidden;box-shadow:0 22px 70px #00000059,0 0 42px #49ecff1f}.browser-window:after{content:"";background:linear-gradient(var(--cyan), transparent);width:1px;height:10vh;position:absolute;top:100%;left:45%}.browser-window.is-secondary{opacity:.38;transform:scale(.86)}.browser-window__chrome{background:#d8e6ee;border-bottom:1px solid #b9cad5;align-items:center;gap:6px;height:35px;padding:0 12px;display:flex}.browser-window__chrome i{background:#ff6b6b;border-radius:50%;width:8px;height:8px}.browser-window__chrome i:nth-child(2){background:#ffc65c}.browser-window__chrome i:nth-child(3){background:#53d88f}.browser-window__chrome span{color:#52697c;letter-spacing:.12em;margin-left:auto;font-size:7px}.browser-window__address{background:#fff;border:2px solid #67cfe3;border-radius:8px;align-items:center;min-height:62px;margin:16px;padding:0 16px;display:flex;box-shadow:0 0 0 4px #49ecff1f}.browser-window__address b{letter-spacing:-.03em;text-transform:none;font-family:Space Grotesk Variable,system-ui,sans-serif;font-size:clamp(19px,2vw,29px);font-weight:520}.browser-window__address i{opacity:0;background:#0d6d7c;width:2px;height:30px;margin-left:2px}.browser-window__address i.is-typing{opacity:1;animation:.7s step-end infinite cursor-blink}.browser-window__status{color:#3c6073;letter-spacing:.08em;padding:0 16px 14px;font-size:8px}.router-inspection{z-index:7;color:#111d2b;opacity:0;background:#f6f9fbf5;border:1px solid #ffbd6285;border-radius:12px;width:min(340px,25vw);padding:18px;transition:opacity .35s,transform .45s;position:absolute;top:15%;right:clamp(42px,4vw,72px);transform:translate(24px)scale(.96);box-shadow:0 24px 80px #0000005c,0 0 44px #ffbd621a}.router-inspection.is-visible{opacity:1;transform:none}.router-inspection__head{color:#9d5c00;letter-spacing:.1em;align-items:center;gap:9px;font-size:9px;display:flex}.router-inspection__head i{background:var(--amber);width:8px;height:8px;box-shadow:0 0 12px var(--amber);border-radius:50%}.router-inspection>p{color:#516678;letter-spacing:.07em;margin:11px 0 14px;font-size:8px;line-height:1.5}.router-inspection__packet{background:#e6eff4;border-radius:7px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px;display:grid}.router-inspection__packet span{text-transform:none;gap:3px;font-size:8px;display:grid}.router-inspection__packet small{color:#6f8494;letter-spacing:.08em;font-size:6px}.router-inspection__packet b{color:#9d5c00}.router-inspection ol{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.router-inspection li{color:#8393a0;border:1px solid #d6e1e7;border-radius:6px;grid-template-columns:25px 1fr;align-items:center;gap:8px;min-height:36px;padding:5px 8px;transition:all .25s;display:grid}.router-inspection li>i{background:#dae3e8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.router-inspection li span{letter-spacing:.02em;gap:2px;font-size:8px;display:grid}.router-inspection li small{color:#6e8291;text-transform:none;font-size:7px}.router-inspection li.is-active{color:#5b3600;background:#fff4df;border-color:#eaa23a;transform:translate(-6px)}.router-inspection li.is-active>i{background:var(--amber);color:#351e00;box-shadow:0 0 12px #ffbd6299}.router-inspection li.is-complete>i{color:#17643c;background:#bfead3}.device-label{z-index:3;color:#bfd0de;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;top:70%}.device-label i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 12px var(--accent);border-radius:50%}.device-label{transition:opacity .3s,left .5s}.device-label--laptop{left:47%}.device-label--router{left:71%}.device-label--resolver{left:84%}.visual-stage--router .device-label--laptop,.visual-stage--router .device-label--resolver{opacity:0}.visual-stage--router .device-label--router{left:64%}.visual-stage--resolver .device-label--laptop{opacity:0}.visual-stage--resolver .device-label--router{left:47%}.visual-stage--resolver .device-label--resolver{left:78%}.mapping-readout{z-index:4;color:#b6c4d3;letter-spacing:.06em;opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111c2bf0;border:1px solid #ffbd6247;gap:7px;width:min(320px,27vw);padding:14px 16px;font-size:8px;transition:opacity .35s,transform .35s;display:grid;position:absolute;bottom:56px;right:clamp(36px,4vw,70px);transform:translateY(14px)}.mapping-readout.is-visible{opacity:1;transform:none}.mapping-readout small{color:var(--amber);letter-spacing:.13em}.mapping-readout span{align-items:center;gap:8px;display:flex}.mapping-readout span i{background:var(--amber);width:18px;height:2px}.mapping-readout b{color:#64778d;margin-left:26px;font-size:7px;font-weight:400}.mapping-readout__second{color:#d5c9ff}.mapping-readout .mapping-readout__second i{background:var(--violet)}.story-column{z-index:10;pointer-events:none;width:100%;margin:0;position:relative}.story-step{align-items:center;min-height:100svh;padding:94px clamp(30px,4vw,68px) 78px;scroll-margin-top:76px;display:flex}.story-step--left{justify-content:flex-start}.story-step--right{justify-content:flex-end}.thought-card{border:1px solid #fff8e88f;border-top:3px solid var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 58%), #fff8e8c7;width:min(390px,32vw);box-shadow:0 30px 90px #32251f3d, 0 0 50px color-mix(in srgb, var(--accent) 10%, transparent);opacity:0;-webkit-backdrop-filter:blur(20px)saturate(1.16);backdrop-filter:blur(20px)saturate(1.16);border-radius:18px;padding:clamp(17px,1.5vw,24px);transition:opacity .42s,transform .55s cubic-bezier(.2,.72,.22,1),border-color .35s;position:relative;transform:translateY(30px)scale(.97)}.story-step--left .thought-card{transform:translate(-22px,30px)scale(.97)}.story-step--right .thought-card{transform:translate(22px,30px)scale(.97)}.story-step.is-active .thought-card{opacity:1;transform:translate(0)scale(1)}.thought-card:after{content:"";pointer-events:none;border:1px solid #32251f14;border-radius:11px;position:absolute;inset:8px}.thought-card__meta{letter-spacing:.11em;align-items:center;gap:12px;margin-bottom:13px;font-size:8px;display:flex}.thought-card__meta span{border:1px solid color-mix(in srgb, var(--accent) 52%, transparent);width:30px;height:30px;color:var(--accent);place-items:center;display:grid}.thought-card__meta p{color:#7b5f50;margin:0}.thought-card__question{background:color-mix(in srgb, var(--accent) 13%, #fff8e8f0);color:var(--accent);letter-spacing:.015em;text-transform:none;border-radius:14px 14px 14px 3px;margin:0 0 14px;padding:8px 10px;font-size:clamp(9px,.68vw,11px);line-height:1.45;display:inline-block}.thought-card h1{letter-spacing:-.052em;text-wrap:balance;margin:0;font-size:clamp(22px,2vw,34px);font-weight:470;line-height:.98}.thought-card__body{color:#5f493c;margin:14px 0;font-size:clamp(12px,.85vw,14px);line-height:1.5}.thought-card code{border-top:1px solid var(--line);color:#3a2a23;letter-spacing:.025em;text-transform:none;overflow-wrap:anywhere;padding-top:14px;font-size:8px;line-height:1.5;display:block}.packet-inspector{z-index:18;border:1px solid #fff8e88f;border-top:3px solid var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 58%), #fff8e8d1;color:#32251f;pointer-events:none;scrollbar-width:none;-webkit-backdrop-filter:blur(20px)saturate(1.12);backdrop-filter:blur(20px)saturate(1.12);border-radius:16px;width:min(350px,24vw);max-height:calc(100svh - 174px);padding:15px;transition:left .42s,right .42s,opacity .3s,transform .36s,visibility .3s,border-color .35s;position:fixed;top:clamp(88px,11vh,118px);overflow:auto;box-shadow:0 24px 70px #32251f33}.packet-inspector::-webkit-scrollbar{display:none}.network-story--card-right .packet-inspector{left:clamp(24px,4vw,68px);right:auto}.network-story--card-left .packet-inspector{left:auto;right:clamp(36px,5vw,84px)}.packet-inspector__content{animation:.42s cubic-bezier(.2,.72,.22,1) packet-reveal}.packet-inspector__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:9px;font-family:IBM Plex Mono,monospace;display:flex}.packet-inspector__head span{color:var(--accent);letter-spacing:.11em;font-size:7px;font-weight:650}.packet-inspector__head small{color:#755b4c;text-align:right;max-width:54%;font-size:6px;line-height:1.35}.packet-inspector h2{letter-spacing:-.025em;margin:0 0 11px;font-size:clamp(14px,1.05vw,18px);font-weight:520;line-height:1.08}.packet-inspector ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.packet-layer{margin-left:calc(var(--layer-index) * 5px);border:1px solid color-mix(in srgb, var(--accent) 24%, #32251f29);border-left:3px solid color-mix(in srgb, var(--accent) 68%, #fff8e8);background:#fffcf2b8;border-radius:7px;padding:7px 8px;position:relative}.packet-layer--state{background:#ffefd1ad;border-style:dashed dashed dashed solid}.packet-layer--application{background:color-mix(in srgb, var(--accent) 8%, #fffcf2cc)}.packet-layer__label{justify-content:space-between;align-items:baseline;gap:8px;font-family:IBM Plex Mono,monospace;display:flex}.packet-layer__label b{font-size:7px;font-weight:650;line-height:1.3}.packet-layer__label small{color:#8a7061;letter-spacing:.06em;text-transform:uppercase;font-size:5px}.packet-layer dl{gap:2px;margin:5px 0 0;display:grid}.packet-layer dl div{grid-template-columns:minmax(70px,.72fr) minmax(0,1.28fr);gap:7px;font-family:IBM Plex Mono,monospace;font-size:6px;line-height:1.3;display:grid}.packet-layer dt{color:#866b5b}.packet-layer dd{color:#3a2a23;overflow-wrap:anywhere;margin:0}.packet-inspector>div>p{border-top:1px solid var(--line);color:#6d5548;margin:10px 1px 0;padding-top:9px;font-size:8px;line-height:1.4}@keyframes packet-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mobile-panel-toggle{display:none}.step-rail{z-index:24;gap:7px;display:grid;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.step-rail button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.step-rail span{background:#9f765d;border-radius:99px;width:4px;height:4px;transition:transform .25s,background .25s,box-shadow .25s}.step-rail button:hover span{background:#4e382d}.step-rail button.is-active span{background:var(--accent);box-shadow:0 0 12px var(--accent);transform:scale(2)}.scroll-cue{z-index:22;color:#fff8e8;letter-spacing:.12em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#32251f94;border:1px solid #fff8e83d;border-radius:999px;align-items:center;gap:10px;padding:7px 10px;font-size:8px;display:flex;position:fixed;bottom:24px;left:clamp(16px,1.7vw,28px)}.scroll-cue i{background:linear-gradient(90deg, var(--accent), transparent);width:38px;height:1px;animation:1.8s ease-in-out infinite breathe}.demo-note{z-index:22;color:#fff8e8a8;letter-spacing:.08em;margin:0;font-size:7px;position:fixed;bottom:18px;left:50%;right:auto;transform:translate(-50%)}@keyframes breathe{0%,to{opacity:.35;transform-origin:0;transform:scaleX(.7)}50%{opacity:1;transform-origin:0;transform:scaleX(1)}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.topbar__topic{display:none}.visual-stage{height:auto;bottom:0}.visual-canvas{height:auto;inset:0}.blender-scene{border-radius:0;inset:0}.blender-scene__badge{bottom:15px;right:14px}.visual-stage__vignette{background:linear-gradient(#32251f24,#0000 36%,#32251f73 100%)!important}.story-column{width:auto;margin:0}.story-step{justify-content:center;align-items:flex-end;min-height:100svh;padding:96px clamp(18px,5vw,44px) 54px}.thought-card{width:min(620px,100%);margin:0 auto}.packet-inspector{width:min(320px,44vw);max-height:42svh;padding:11px;top:76px}.network-story--card-right .packet-inspector{left:14px;right:auto}.network-story--card-left .packet-inspector{left:auto;right:14px}.packet-inspector>div>p{display:none}.device-label{font-size:6px;top:43%}.device-label--laptop{left:11%}.device-label--router{left:44%}.device-label--resolver{left:68%}.browser-window{width:min(330px,55vw);top:78px;left:14px}.browser-window__address{min-height:46px;margin:10px}.browser-window__status{padding:0 10px 10px}.router-inspection{width:min(315px,58vw);padding:12px;top:74px;right:12px}.router-inspection__packet{display:none}.router-inspection ol{gap:3px;margin-top:8px}.router-inspection li{grid-template-columns:20px 1fr;min-height:27px}.mapping-readout,.demo-note,.scroll-cue{display:none}}@media (width<=560px){.topbar{height:42px;padding:0 12px;inset-block-start:10px}.brand-mark{flex-basis:31px;width:31px;height:31px}.brand{padding:5px 9px 5px 6px}.brand small,.topbar__count small{display:none}.story-column{margin:0}.story-step{padding:76px 14px 38px}.thought-card{border-radius:14px;padding:18px}.thought-card h1{font-size:clamp(24px,7.5vw,34px)}.thought-card__body{margin-block:11px;font-size:13px}.thought-card__question{margin-bottom:10px;padding:6px 8px}.thought-card code{padding-top:10px}.packet-inspector{width:calc(100vw - 34px);max-height:31svh;padding:9px;top:62px;left:10px!important;right:auto!important}.packet-inspector h2{margin-bottom:7px;font-size:13px}.packet-layer{padding-block:5px}.packet-layer dl{display:none}.packet-layer__label b{font-size:6px}.step-rail{gap:4px;right:5px}.blender-scene__badge{display:none}.blender-scene video{object-fit:cover;object-position:38% center}.device-label--resolver{display:none}.browser-window{width:calc(100vw - 28px)}.browser-window.is-secondary{opacity:.15}.router-inspection{width:calc(100vw - 28px);top:70px}.router-inspection>p{display:none}.router-inspection ol{grid-template-columns:repeat(5,1fr)}.router-inspection li{border-radius:99px;min-height:4px;padding:3px;font-size:0;display:block}.router-inspection li>i,.router-inspection li span{display:none}}@media (width<=700px){.topbar{height:42px;padding:0 12px;inset-block-start:10px}.brand{padding:5px 9px 5px 6px;box-shadow:0 8px 24px #32251f24}.brand-mark{flex-basis:31px;width:31px;height:31px}.brand b{font-size:10px}.brand small,.topbar__count small{display:none}.topbar__count{gap:0;padding:9px 11px;font-size:10px}.visual-stage__vignette{background:linear-gradient(#32251f29,#0000 18% 54%,#32251f6b 100%)!important}.blender-scene video{object-fit:contain;object-position:center center;height:52svh;inset:52px 0 auto}.story-step{min-height:100svh;padding:76px 12px 70px}.thought-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 58%), #fff8e8ed;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:18px;width:100%;max-height:44svh;margin:0;padding:20px;overflow:auto;box-shadow:0 22px 60px #32251f47}.thought-card__meta{margin-bottom:11px;font-size:9px}.thought-card__meta span{width:32px;height:32px}.thought-card__question{margin-bottom:12px;padding:7px 9px;font-size:11px;line-height:1.45}.thought-card h1{font-size:clamp(27px,7.4vw,34px);line-height:1.02}.thought-card__body{margin-block:13px;font-size:15px;line-height:1.52}.thought-card code{padding-top:12px;font-size:10px;line-height:1.55}.packet-inspector,.network-story--card-right .packet-inspector,.network-story--card-left .packet-inspector{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 58%), #fff8e8f2;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:18px;width:auto;max-height:62svh;padding:16px;inset:auto 12px 70px;overflow:auto;box-shadow:0 22px 60px #32251f47}.packet-inspector__head span{font-size:8px}.packet-inspector__head small{font-size:8px;line-height:1.4}.packet-inspector h2{margin-bottom:12px;font-size:20px;line-height:1.12}.packet-inspector ol{gap:7px}.packet-layer{margin-left:calc(var(--layer-index) * 4px);padding:9px 10px}.packet-layer__label b{font-size:9px;line-height:1.35}.packet-layer__label small{font-size:7px}.packet-layer dl{gap:4px;margin-top:7px;display:grid}.packet-layer dl div{grid-template-columns:minmax(90px,.78fr) minmax(0,1.22fr);gap:9px;font-size:8px;line-height:1.4}.packet-inspector>div>p{margin-top:12px;padding-top:11px;font-size:11px;line-height:1.48;display:block}.network-story--mobile-story .packet-inspector,.network-story--mobile-packet .story-step.is-active .thought-card{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(14px)scale(.98)}.mobile-panel-toggle{z-index:32;-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#32251fd1;border:1px solid #fff8e857;border-radius:999px;grid-template-columns:1fr 1fr;width:min(360px,100vw - 24px);padding:4px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #32251f47}.mobile-panel-toggle button{color:#fff8e8b8;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:42px;padding:8px 12px;font-family:IBM Plex Mono,monospace;font-size:9px}.mobile-panel-toggle button.is-active{background:var(--panel-solid);color:var(--accent);box-shadow:0 4px 16px #32251f2e}.step-rail,.blender-scene__badge,.device-label,.demo-note,.scroll-cue{display:none}}@media (width<=700px) and (height<=600px){.blender-scene video{height:calc(100svh - 54px);inset-block-start:42px}.thought-card,.packet-inspector,.network-story--card-right .packet-inspector,.network-story--card-left .packet-inspector{width:min(54vw,430px);max-height:calc(100svh - 122px)}.packet-inspector,.network-story--card-right .packet-inspector,.network-story--card-left .packet-inspector{bottom:64px;left:auto;right:10px}.story-step{justify-content:flex-end;padding:60px 10px 64px}.thought-card h1{font-size:clamp(22px,4.4vw,29px)}.thought-card__body{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--study-ink:#171717;--study-paper:#f0efeb;--study-muted:#66645f;--study-orange:#f25735;--study-rule:#1717172e}.object-gallery,.object-gallery *{box-sizing:border-box}.object-gallery{background:var(--study-paper);min-height:100vh;color:var(--study-ink);font-family:Space Grotesk Variable,system-ui,sans-serif}.object-gallery a,.object-gallery button{font:inherit}.object-gallery__hero{border-bottom:1px solid var(--study-rule);background:radial-gradient(circle at 78% 20%, #f2573529, transparent 26%), linear-gradient(#1717170e 1px, transparent 1px), var(--study-paper);background-size:auto,100% 54px,auto;flex-direction:column;justify-content:flex-end;min-height:88svh;padding:clamp(28px,5vw,80px);display:flex;position:relative;overflow:hidden}.object-gallery__back{color:inherit;letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:9px;text-decoration:none;position:absolute;top:30px}.object-gallery__kicker{letter-spacing:.13em;margin-bottom:clamp(30px,6vh,68px);font-family:IBM Plex Mono,monospace;font-size:9px}.object-gallery__hero h1{letter-spacing:-.078em;max-width:1250px;margin:0;font-size:clamp(67px,10.4vw,160px);font-weight:520;line-height:.82}.object-gallery__hero h1 em{color:var(--study-orange);font-family:Georgia,Times New Roman,serif;font-weight:400}.object-gallery__hero>p{max-width:710px;margin:clamp(34px,5vh,62px) 0 0 auto;font-size:clamp(17px,1.45vw,22px);line-height:1.52}.object-gallery__comparison{border-top:1px solid var(--study-rule);grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;padding-top:18px;display:grid}.object-gallery__comparison div{grid-template-columns:auto 1fr;gap:20px;display:grid}.object-gallery__comparison span,.object-gallery__comparison b{letter-spacing:.07em;font-family:IBM Plex Mono,monospace;font-size:9px}.object-gallery__comparison span{color:var(--study-orange)}.object-gallery__comparison b{font-weight:400}.object-gallery__nav{z-index:30;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141414f5;border-bottom:1px solid #ffffff1f;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:sticky;top:0;overflow-x:auto}.object-gallery__nav button{color:#c6c6c6;cursor:pointer;text-align:left;background:0 0;border:0;border-right:1px solid #ffffff1f;min-width:130px;min-height:66px;padding:10px 13px;font-size:11px;transition:all .18s}.object-gallery__nav button:hover{background:var(--study-orange);color:#fff}.object-gallery__nav span{color:#797979;margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:8px;display:block}.object-gallery__nav button:hover span{color:#fff}.object-gallery__studies{background:#d9d7d1}.object-study{border-bottom:1px solid var(--study-rule);grid-template-columns:minmax(250px,.29fr) minmax(0,1fr);align-items:center;gap:clamp(26px,4vw,70px);min-height:100svh;padding:clamp(74px,8vw,126px) clamp(24px,4.4vw,76px);scroll-margin-top:66px;display:grid}.object-study:nth-child(2n){background:#e8e6e1}.object-study__number,.object-study__eyebrow,.object-study dt,.object-study__render figcaption,.object-study__actions{font-family:IBM Plex Mono,monospace}.object-study__number{color:var(--study-orange);letter-spacing:.12em;font-size:9px}.object-study__eyebrow{color:var(--study-muted);letter-spacing:.1em;text-transform:uppercase;margin:30px 0 10px;font-size:9px}.object-study h2{letter-spacing:-.065em;margin:0;font-size:clamp(40px,4.7vw,76px);font-weight:520;line-height:.92}.object-study__description{color:#42413e;margin:28px 0;font-size:15px;line-height:1.55}.object-study dl{border-top:1px solid var(--study-rule);margin:0}.object-study dl div{border-bottom:1px solid var(--study-rule);grid-template-columns:92px 1fr;gap:15px;padding:14px 0;display:grid}.object-study dt{color:var(--study-orange);letter-spacing:.08em;font-size:8px}.object-study dd{color:#55534f;margin:0;font-size:12px;line-height:1.45}.object-study__palette{gap:8px;margin:24px 0;display:flex}.object-study__palette i{border:1px solid #0003;border-radius:50%;width:36px;height:36px;box-shadow:inset 0 0 0 4px #ffffff47}.object-study__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.object-study__actions button,.object-study__actions a{border:1px solid var(--study-ink);min-height:46px;color:var(--study-ink);cursor:pointer;letter-spacing:.07em;background:0 0;place-items:center;padding:8px;font-size:7px;text-decoration:none;transition:all .18s;display:grid}.object-study__actions button:hover,.object-study__actions button[aria-pressed=true],.object-study__actions a:hover{background:var(--study-ink);color:#fff}.object-study__render{background:#111;min-width:0;margin:0;box-shadow:0 35px 90px #1c181240}.object-study__render>a{display:block;overflow:hidden}.object-study__render img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.object-study__render a:hover img{transform:scale(1.018)}.object-study__render figcaption{color:#fff;letter-spacing:.08em;background:#151515;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:48px;padding:0 16px;font-size:7px;display:grid}.object-study__render figcaption span{color:#ff7457}.object-study__render figcaption b{font-weight:400}.object-study__render figcaption small{color:#787878;font-size:inherit}.object-gallery__end{color:#fff;background:#181818;flex-direction:column;justify-content:center;min-height:74svh;padding:clamp(34px,7vw,112px);display:flex}.object-gallery__end p{color:#ff7457;letter-spacing:.1em;margin:0 0 24px;font-family:IBM Plex Mono,monospace;font-size:9px}.object-gallery__end h2{letter-spacing:-.07em;max-width:1150px;margin:0;font-size:clamp(47px,7vw,106px);font-weight:500;line-height:.94}.object-gallery__end a{color:#fff;letter-spacing:.08em;border-bottom:1px solid #fff;width:max-content;margin-top:50px;padding-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:9px;text-decoration:none}@media (width<=980px){.object-gallery__nav{grid-template-columns:repeat(6,minmax(145px,1fr))}.object-study{grid-template-columns:1fr;min-height:auto}.object-study__copy{max-width:720px}}@media (width<=640px){.object-gallery__hero{min-height:82svh;padding:24px}.object-gallery__hero h1{font-size:clamp(58px,18vw,94px)}.object-gallery__comparison{grid-template-columns:1fr}.object-gallery__comparison div{grid-template-columns:100px 1fr}.object-study{padding:72px 16px 52px}.object-study__copy{padding:0 10px}.object-study__actions{grid-template-columns:1fr}.object-study__render figcaption{grid-template-columns:1fr auto}.object-study__render figcaption small{display:none}}@media (prefers-reduced-motion:reduce){.object-gallery *{scroll-behavior:auto!important;transition-duration:.01ms!important}}