/* Ronit Shakya — Connections, with character. */
:root{--bg:#181b16;--ink:#f2f0e7;--lime:#d9ff71;--purple:#c6a4f2;--orange:#ff9b71;--muted:#a9b2a0;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--lime);color:#171b13}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}a,button,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}h2{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(36px,4.5vw,62px);line-height:1.04;letter-spacing:-1.5px;font-weight:800;margin-bottom:22px}h2 em{font-family:inherit;font-style:normal;color:var(--lime)}h3{line-height:1.25}.section-wrap{max-width:1320px;margin:auto;padding-left:50px;padding-right:50px}.section-space{padding-top:80px;padding-bottom:80px}.eyebrow{font:10px "Courier New",monospace;letter-spacing:1.4px;line-height:1.7;margin-bottom:23px}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:#171b13;padding:12px 18px;z-index:100;border-radius:12px}.skip:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}.reading-progress>span{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
.site-header{position:sticky;top:12px;z-index:50;width:calc(100% - 40px);max-width:1220px;margin:12px auto 0;padding:13px 22px;min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #f5ffe15c;border-radius:24px;background:linear-gradient(120deg,#f6ffe130,#f4ffe90a 40%,#fffdec20);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #fff2,0 12px 40px #0003;transition:background .4s,box-shadow .4s}.site-header:before{content:"";position:absolute;top:0;left:9%;width:40%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);pointer-events:none}.site-header.is-scrolled{background:linear-gradient(120deg,#32382ee8,#222820c9);box-shadow:inset 0 1px 0 #fff6,0 8px 30px #0004}.brand{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.2px;line-height:1.3}.brand-symbol{font:bold 36px Georgia,serif;position:relative;letter-spacing:-3px;margin-right:8px}.brand-symbol span{font:18px Arial,sans-serif;color:var(--lime);position:absolute;right:-12px;bottom:-1px}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:1px;color:#c0c9b5;margin-top:5px}#navigation{display:flex;align-items:center;gap:25px;font-size:11px}#navigation>a{transition:color .2s}#navigation>a:hover{color:var(--lime)}.nav-contact{background:var(--lime);color:#161b12;border:1px solid #eeffc2;padding:10px 16px;border-radius:30px;box-shadow:inset 0 1px 0 #fff9}.nav-contact:hover{color:#161b12!important;background:#e6ffa8}.nav-contact>span{margin-left:14px}.menu-toggle{display:none}
.play-hero{padding-top:25px;padding-bottom:18px;position:relative;isolation:isolate;min-height:calc(100svh - 90px);display:flex;flex-direction:column;justify-content:center}.play-hero:before{content:"";position:absolute;inset:0 -100px;background:radial-gradient(ellipse at 50% 60%,#a0c27d18,transparent 65%);z-index:-1;pointer-events:none}.hero-meta{display:flex;justify-content:space-between;align-items:center;font:8px "Courier New",monospace;letter-spacing:.8px;color:#c1cab7}.hero-meta p{margin:0}.hero-meta p:last-child{text-align:right;line-height:1.7;letter-spacing:.2px}.hero-meta p>span:not(.status-dot){margin:0 8px;color:#67715f}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--lime);margin-right:6px;box-shadow:0 0 10px #d9ff7155}.hero-title-wrap{position:relative;padding-top:12px;z-index:3}h1{font-family:Impact,"Arial Black",Arial,sans-serif;text-align:center;font-size:clamp(74px,10.3vw,145px);line-height:.86;letter-spacing:-3px;font-weight:900;margin:0;text-transform:uppercase}h1>span{display:block}h1 em{font:inherit;font-style:normal;color:var(--lime);display:inline-block;transform:rotate(-7deg);text-shadow:3px 3px 0 #b7d95822}.title-period{color:var(--orange)}.hero-title-wrap h1>span{animation:title-in 1.1s var(--ease) both}.hero-title-wrap h1>span+span{animation-delay:.13s}.play-sticker{position:absolute;z-index:6;font-size:9px;font-weight:700;letter-spacing:.4px;border:1px solid #fcffe6;border-radius:30px;padding:10px 16px;box-shadow:0 4px 0 #0002;transition:scale .35s,rotate .5s var(--ease);touch-action:pan-y}.play-sticker:hover{scale:1.08;rotate:4deg}.play-sticker:active{scale:.95}.sticker-one{left:8%;top:28%;background:var(--purple);color:#261e30;transform:rotate(-9deg);animation:sticker-bob 8s ease-in-out infinite}.sticker-two{right:5%;bottom:0;background:var(--orange);color:#362419;transform:rotate(7deg);animation:sticker-bob 9s -3s ease-in-out infinite}.hero-spark{position:absolute;right:8%;top:0;color:var(--lime);font-size:68px;line-height:1;animation:spark-spin 24s linear infinite;z-index:-1}
.playground{height:255px;position:relative;max-width:1100px;width:100%;margin:3px auto 0;isolation:isolate;flex-shrink:0}.packet-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.packet-wires path{stroke:var(--lime);stroke-width:3}.packet-wires .wire-shadow{stroke:#0009;stroke-width:10;translate:0 6px}.packet-wires .wire-dashed{stroke:var(--purple);stroke-width:1.5;stroke-dasharray:5 11;opacity:.65;animation:wire-travel 4s linear infinite}.wire-end{fill:var(--lime);stroke:#181b16;stroke-width:3}#delivery-dot{fill:var(--orange);stroke:#fff7de;stroke-width:2;opacity:0;filter:drop-shadow(0 0 8px #ff9b71)}#delivery-dot.is-sending{opacity:1}.play-node{position:absolute;top:38px;width:190px;height:183px;border-radius:22px;padding:19px 20px;background:linear-gradient(135deg,#f3ffe530,#f1ffea08 35%,#faf5ff19);border:1px solid #f5ffe76b;box-shadow:inset 0 1px 0 #fff9,inset -2px -1px 0 #fff2,0 15px 35px #0003;backdrop-filter:blur(18px);transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s;z-index:2}.node-edge{left:4%;transform:rotate(-7deg)}.node-cloud{right:4%;transform:rotate(7deg)}.play-node:hover{transform:rotate(0deg) translateY(-7px);box-shadow:inset 0 1px 0 #fff9,0 15px 45px #d9ff7115}.node-kicker{font:7px "Courier New",monospace;letter-spacing:1px;color:#c3cfb7;display:block}.play-node strong{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:24px;letter-spacing:.2px;line-height:1.1;margin-top:14px}.play-node>span:last-child{display:block;font:7px "Courier New",monospace;color:#c2cfb7;margin-top:6px}.node-slots{display:flex;gap:6px;margin-top:19px}.node-slots i{height:34px;flex:1;border:1px solid #d8f6ad77;border-radius:3px;background:repeating-linear-gradient(to bottom,#cfe8b538 0px,#cfe8b538 3px,transparent 3px,transparent 7px);position:relative}.node-slots i:after{content:"";position:absolute;right:3px;top:4px;background:var(--lime);height:3px;width:3px;border-radius:50%;animation:led-blink 2.5s ease-in-out infinite}.node-slots i:nth-child(2n):after{animation-delay:-1.2s}.cloud-glyph{font-size:49px;line-height:1;margin-top:10px;color:var(--purple);text-shadow:0 3px 0 #a380d533}.node-cloud strong{margin-top:8px}.buddy-wrap{position:absolute;width:190px;height:225px;left:50%;top:10px;transform:translateX(-50%);z-index:4}.packet-buddy{position:absolute;left:15px;top:26px;width:160px;height:158px;border:2px solid #efffc1;background:linear-gradient(135deg,#e9ffac 0%,#d9ff71 35%,#b5e14e 100%);border-radius:42px 42px 34px 34px;box-shadow:inset -8px -5px 0 #83a33b44,inset 5px 4px 0 #f6ffd57a,10px 15px 0 #0002,0 15px 55px #d9ff7118;animation:buddy-float 5s ease-in-out infinite;transform-style:preserve-3d;z-index:3;transition:rotate .4s,scale .4s}.packet-buddy:hover{rotate:-5deg;scale:1.04}.packet-buddy.is-poked{animation:buddy-poke .6s var(--ease)}.buddy-antenna{position:absolute;left:77px;top:-25px;width:3px;height:26px;background:#c1e368;transform:rotate(13deg)}.buddy-antenna:before{content:"";position:absolute;left:-5px;top:-6px;width:13px;height:13px;border-radius:50%;background:var(--orange);border:2px solid #ffcfb8}.buddy-eyes{position:absolute;left:35px;right:31px;top:38px;display:flex;justify-content:space-between}.buddy-eyes i{display:block;width:32px;height:40px;background:#f9f9e9;border:2px solid #30382a;border-radius:50%;position:relative;overflow:hidden}.buddy-eyes b{position:absolute;left:10px;top:14px;width:13px;height:18px;border-radius:50%;background:#22291c;transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .12s linear}.buddy-eyes b:after{content:"";position:absolute;width:4px;height:5px;background:white;border-radius:50%;left:2px;top:2px}.buddy-mouth{position:absolute;width:35px;height:18px;border:2px solid #374222;border-top:0;border-radius:0 0 30px 30px;top:88px;left:62px;transform:rotate(-6deg)}.buddy-code{position:absolute;bottom:14px;left:0;right:0;font:9px "Courier New",monospace;color:#4b5b2d;letter-spacing:4px}.buddy-arm{position:absolute;top:85px;width:43px;height:49px;border:5px solid #c6e880;border-top:0;border-bottom:0;z-index:-1}.arm-left{left:-34px;border-left:0;border-radius:0 0 35px 0;transform:rotate(27deg)}.arm-right{right:-34px;border-right:0;border-radius:0 0 0 35px;transform:rotate(-27deg)}.buddy-foot{position:absolute;bottom:-19px;width:39px;height:24px;border-radius:10px 20px 9px 9px;background:#b8df62;border:2px solid #e5ffa8;z-index:-1}.foot-left{left:25px;transform:rotate(-8deg)}.foot-right{right:23px;transform:rotate(10deg)}.buddy-orbit{position:absolute;bottom:6px;left:-15px;width:220px;height:35px;border-radius:50%;border:1px solid #d9ff7144;background:radial-gradient(ellipse,#d9ff7125,transparent 70%);animation:shadow-breathe 5s ease-in-out infinite}.buddy-speech{position:absolute;left:50%;transform:translateX(-50%) rotate(-3deg);bottom:-1px;white-space:nowrap;background:#f2f0e7;color:#20251b;border-radius:30px;padding:7px 13px;font-size:9px;box-shadow:0 5px 0 #0002;z-index:5}.scene-ticket{position:absolute;font:8px "Courier New",monospace;letter-spacing:.5px;color:#c2ceb4;z-index:1;pointer-events:none}.ticket-top{left:27%;top:16px;transform:rotate(-8deg)}.ticket-top>span{font-size:18px;color:var(--purple);vertical-align:middle;margin-right:5px}.ticket-bottom{right:24%;bottom:12px;font-size:10px;line-height:1.4;transform:rotate(7deg)}.ticket-bottom em{font-style:normal;color:var(--orange)}.hero-end{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:4px}.hero-end>p{font-size:13px;margin:0;line-height:1.7}.hero-end>p>span{font-size:10px;color:#b1bda6}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;padding:12px 19px;border:1px solid #f2f0e733;border-radius:30px;font-size:10px;font-weight:600;position:relative;overflow:hidden;min-height:43px;transition:transform .35s var(--ease),background .3s,box-shadow .3s}.primary{background:var(--lime);color:#1b2113;border-color:#e9ffb5}.primary:hover{background:#e7ffa6;transform:translateY(-3px);box-shadow:0 8px 25px #d9ff7122}.packet-button{background:linear-gradient(135deg,#ffffff27,#ffffff0b);border-color:#f4ffe16b;box-shadow:inset 0 1px 0 #fff7;color:#eef3df;backdrop-filter:blur(15px)}.packet-button:hover{transform:rotate(-3deg);background:#ffffff20}.packet-button.is-sending{background:var(--orange);color:#2d2117}.cv-link{font-size:10px;border-bottom:1px solid #b5c1a4;padding:8px 0;margin-left:4px}.playground-status{font:7px "Courier New",monospace;color:#8f9d81;text-align:center;margin:15px 0 0;min-height:13px;letter-spacing:.3px}
.ticker{background:var(--lime);color:#1a2113;overflow:hidden;transform:rotate(-1.3deg);margin:18px -10px 0;padding:12px 0;border-top:1px solid #f2ffcf;border-bottom:1px solid #b5d955}.ticker-track{display:flex;width:max-content;animation:ticker-run 30s linear infinite;font-family:Impact,"Arial Black",sans-serif;font-size:28px;line-height:1.1;letter-spacing:.4px}.ticker-track>span{white-space:nowrap;padding-right:12px}
.scope{display:grid;grid-template-columns:1fr repeat(4,1fr);align-items:center;gap:25px;padding-top:35px;padding-bottom:35px}.scope-label{font:9px "Courier New",monospace;letter-spacing:1px;line-height:1.5;margin:0}.scope-label span{font:8px Arial,sans-serif;display:block;margin-top:5px;color:#a6b39a}.scope strong{font:38px Impact,"Arial Black",sans-serif;letter-spacing:-.5px;line-height:1.1}.scope strong>span{font-size:25px;color:var(--lime)}.scope div p{font-size:9px;color:#b3bfaa;margin:4px 0 0}
.expertise{max-width:none;padding-left:max(50px,calc((100vw - 1220px)/2));padding-right:max(50px,calc((100vw - 1220px)/2));background:#eeeDE4;color:#20251b;display:grid;grid-template-columns:1fr 1.3fr;gap:75px;border-radius:42px 42px 0 0;position:relative;margin-top:0}.expertise h2 em{color:#6e7b46}.section-heading>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:340px;color:#68715d}.capabilities article{display:grid;grid-template-columns:22px 1fr 28px;gap:15px;padding:24px 0;border-top:1px solid #b9bfad;position:relative;transition:transform .4s var(--ease)}.capabilities article:last-child{border-bottom:1px solid #b9bfad}.capabilities article:hover{transform:translateX(7px)}.number{font:9px "Courier New",monospace;color:#69794d;margin-top:4px}.capabilities h3{font-size:19px;font-weight:500;margin-bottom:10px;letter-spacing:-.5px}.capabilities p{font-size:12px;color:#65705b;line-height:1.85}.cap-icon{font-size:27px;line-height:1;color:#778a50}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0!important}.tags span{font:8px "Courier New",monospace;color:#52653e;background:#dfe3d3;border:1px solid #cbd2bb;border-radius:15px;padding:4px 7px}
.work{background:#20241d}.work-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:35px}.work-heading h2{margin:0}.work-heading>p{max-width:315px;font-size:12px;color:#acb79f;line-height:1.85;margin-bottom:5px}.case{border:1px solid #5c665042;border-radius:24px;background:#2a3025;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s}.case:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003}.featured{display:grid;grid-template-columns:1.1fr 1fr;margin-bottom:25px}.case-body{padding:32px}.case h3{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin-bottom:18px}.case .eyebrow{font-size:8px;color:#c0d999;margin-bottom:18px}.case-body>p:not(.eyebrow):not(.case-footer){font-size:12px;color:#b5c0a9;line-height:1.9}.case-visual{min-height:365px;position:relative;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.migration-visual{background:#c4a3ed;color:#302139}.visual-label{font:8px "Courier New",monospace;letter-spacing:1px}.migration-racks{display:flex;align-items:center;justify-content:center;gap:35px}.mini-racks{display:flex;gap:7px;position:relative;margin-bottom:20px;transition:transform .8s var(--ease)}.mini-racks i{width:28px;height:105px;border:3px solid #5e4274;background:repeating-linear-gradient(to bottom,#85649b 0,#85649b 7px,#d1b5ef 7px,#d1b5ef 11px);box-shadow:5px 5px 0 #a180bb;transform:skewY(-6deg)}.destination i{height:140px;background:repeating-linear-gradient(to bottom,#42354e 0,#42354e 7px,#b698ce 7px,#b698ce 11px);border-color:#3e2d4b;box-shadow:5px 5px 0 #906aa8}.mini-racks span{position:absolute;left:0;bottom:-27px;font:7px "Courier New",monospace;white-space:nowrap}.migration-arrow{font-size:40px;color:#5c3c74}.featured:hover .destination{transform:translateY(-8px)}.visual-caption{display:flex;gap:20px;align-items:center;border-top:1px solid #70518977;padding-top:17px}.visual-caption strong{font:48px Impact,sans-serif}.visual-caption>span{font-size:10px;line-height:1.7}.case details{border-top:1px solid #626d554d;margin-top:22px}.case summary{cursor:pointer;list-style:none;padding:15px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px}.case summary::-webkit-details-marker{display:none}.case summary>span{font-size:17px;line-height:1}.case details[open] summary>span{rotate:45deg}.case-detail{font-size:12px;color:#b6c1aa;line-height:1.9;padding:5px 0 13px}.case-detail h4{font-size:11px;color:var(--lime);margin-bottom:7px}.case-detail p{margin-bottom:15px}.case-footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;border-top:1px solid #626d554d;color:#b2bda6;margin:10px 0 0;padding-top:15px}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.small-visual{height:220px;padding:24px}.routing-visual{background:var(--orange);color:#3a281c}.route-map{display:grid;grid-template-columns:repeat(6,1fr);gap:15px 20px;max-width:315px;margin:20px auto 0}.route-map span{grid-column:span 2;font:8px "Courier New",monospace;text-align:center;border:1px solid #7e4b30;padding:5px}.route-map b{grid-column:span 3;background:#4b3428;color:#ffe5d3;font:9px "Courier New",monospace;text-align:center;padding:8px;position:relative}.route-map b:before,.route-map i:before{content:"";position:absolute;top:-16px;left:50%;height:16px;width:1px;background:#805338}.route-map i{grid-column:span 6;text-align:center;border:1px solid #815333;font:8px "Courier New",monospace;padding:8px;position:relative}.monitoring-visual{background:#d8edaa;color:#39482b}.monitoring-visual svg{width:100%;height:115px;margin-top:12px}.monitoring-visual svg path:first-child{stroke:#a9bc86}.monitoring-visual svg path:last-child{stroke:#4e6533}.signal-labels{display:flex;justify-content:space-between;font:7px "Courier New",monospace;color:#5b7041}
.architecture-story{background:#171a15;color:#edf1e3;position:relative}.story-intro{padding-top:75px;padding-bottom:25px}.story-intro h2{font-size:clamp(45px,5vw,68px)}.story-intro>p:not(.eyebrow){font-size:13px;color:#a6b498;max-width:470px}.story-skip{display:inline-flex;gap:20px;font:9px "Courier New",monospace;border-bottom:1px solid #8b9c70;padding-bottom:7px;color:#c7d5b7}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding-bottom:70px}.story-chapter{min-height:62vh;padding:60px 0;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #8c9b7430;opacity:.4;transition:opacity .4s}.story-chapter.is-active{opacity:1}.story-chapter:last-child{border:0}.story-chapter h3{font-size:38px;line-height:1.12;letter-spacing:-1.2px;font-weight:500;margin-bottom:22px}.story-chapter h3 em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.story-chapter>.eyebrow{font-size:9px;color:#c1d99d}.story-chapter>p:not(.eyebrow):not(.chapter-tools){font-size:13px;line-height:1.9;color:#adbaa0;max-width:410px}.chapter-proof{display:flex;align-items:center;gap:23px;margin:20px 0}.chapter-proof strong{font:46px Impact,sans-serif;color:var(--lime);letter-spacing:-.5px}.chapter-proof>span{font-size:10px;color:#a6b799;line-height:1.8}.chapter-tools{font:8px "Courier New",monospace;letter-spacing:1px;color:#c0d59d;margin:0}.story-visual{position:sticky;top:calc(50vh - 240px);margin-top:60px;border:1px solid #d8e6c257;border-radius:28px;background:linear-gradient(140deg,#e6ffe91b,#f5e9ff0a);box-shadow:inset 0 1px 0 #fff5,0 30px 60px #0003;backdrop-filter:blur(20px);min-height:485px;overflow:hidden}.scene-topline{display:flex;justify-content:space-between;align-items:center;font:8px "Courier New",monospace;letter-spacing:1px;padding:20px 22px;border-bottom:1px solid #d3e6b92a;color:#c1d8a6}.dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px}.scene-space{height:310px;position:relative;perspective:1000px;isolation:isolate}.scene-space:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d9ff710b 1px,transparent 1px),linear-gradient(90deg,#d9ff710b 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.scene-orbit{position:absolute;left:50%;top:50%;border:1px solid #d4efb21a;border-radius:50%;transform:translate(-50%,-50%) rotateX(55deg)}.orbit-one{width:380px;height:330px}.orbit-two{width:450px;height:400px}.scene-axis{position:absolute;top:30px;bottom:10px;left:50%;width:1px;background:linear-gradient(transparent,#d4efb255,transparent)}.infra-plane{position:absolute;left:50%;top:50%;width:265px;height:145px;margin-left:-132px;margin-top:-72px;border:1px solid #e9ffd3a8;border-radius:6px;background:linear-gradient(130deg,#dbf3b72b,#9cb17e14);box-shadow:-7px 9px 0 #293321bb,0 16px 35px #0003;transform:translateY(var(--plane-y,0px)) rotateX(53deg) rotateZ(-28deg) scale(var(--plane-scale,1));opacity:var(--plane-opacity,.55);will-change:transform}.plane-operations{--plane-y:-90px;z-index:4}.plane-cloud{--plane-y:-30px;z-index:3}.plane-network{--plane-y:30px;z-index:2}.plane-foundation{--plane-y:90px;z-index:1}.plane-content{height:100%;padding:13px 17px;position:relative}.plane-content>span,.plane-content>b{font:8px "Courier New",monospace;letter-spacing:1px;color:#d6edb8}.plane-content>b{position:absolute;bottom:12px;left:17px}.foundation-cells{display:flex;gap:9px;margin-top:15px}.foundation-cells i{width:36px;height:35px;background:repeating-linear-gradient(to bottom,#d9ff7155 0,#d9ff7155 3px,transparent 3px,transparent 7px);border:1px solid #e2ffc188}.compute-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.compute-cells i{height:19px;background:#d4b4ef44;border:1px solid #d4b4ef99}.network-nodes{display:flex;align-items:center;justify-content:space-between;height:45px;margin:12px 10px;border:1px solid #e6bd8a66;position:relative}.network-nodes:before{content:"";position:absolute;left:0;right:0;height:1px;background:#ffca98}.network-nodes i{width:10px;height:10px;background:#ffc392;z-index:1}.mini-chart{display:flex;gap:8px;align-items:end;height:42px;margin-top:10px;border-bottom:1px solid #d9ff7177}.mini-chart i{height:40%;flex:1;background:linear-gradient(#e2f9c0aa,#b3d38a44)}.mini-chart i:nth-child(2n){height:65%}.mini-chart i:nth-child(3n){height:85%}.mini-chart i:last-child{height:95%}.infra-plane.is-lit{border-color:#e4ffb4;box-shadow:-7px 9px 0 #657446aa,0 0 35px #d9ff7122;background:linear-gradient(135deg,#c3e67f55,#a5bc7530)}.scene-caption{display:grid;gap:3px;padding:0 22px 20px}.scene-caption>.eyebrow{font-size:7px;color:#a9bf8e;margin:0}.scene-caption strong{font-size:20px;font-weight:500}.scene-caption>span:last-child{font:7px "Courier New",monospace;color:#a1b38e}.scene-navigation{display:flex;border-top:1px solid #d3e6b92a}.scene-navigation a{flex:1;text-align:center;font:8px "Courier New",monospace;color:#a5b992;padding:13px 4px;min-height:45px;border-bottom:2px solid transparent;transition:background .3s}.scene-navigation a+a{border-left:1px solid #d3e6b91a}.scene-navigation a[aria-current="step"]{background:#d9ff710d;border-bottom-color:var(--lime);color:var(--lime)}.scene-link-label{display:block;font-size:7px;margin-top:5px}.scene-navigation a:hover{background:#d9ff7115}.story-chapter:target{scroll-margin-top:115px}
.experience{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;background:#eeeDE4;color:#22271d;max-width:none;padding-left:max(50px,calc((100vw - 1220px)/2));padding-right:max(50px,calc((100vw - 1220px)/2));border-radius:38px 38px 0 0}.experience h2 em{color:#72814e}.text-link{font-size:11px;border-bottom:1px solid #919c7e;padding-bottom:6px;display:inline-flex;gap:16px}.text-link:hover{color:#708742}.timeline .employer{padding-bottom:23px;border-bottom:1px solid #bdc5ae}.employer h3{font-size:21px;font-weight:500;margin-bottom:8px}.employer>span{font-size:10px;color:#768067}.timeline article{padding:24px 0 24px 23px;border-left:1px solid #bdc5ae;position:relative}.timeline article:before{content:"";width:7px;height:7px;border:1px solid #7c8c60;background:#eeede4;position:absolute;left:-4px;top:30px;border-radius:50%}.timeline article.current:before{background:#7c8c60;box-shadow:0 0 0 5px #8ca56817}.period{font:9px "Courier New",monospace;color:#6a7b4c;margin-bottom:10px}.period span{font-size:7px;padding:3px 5px;background:#d5dfc0;margin-left:8px;border-radius:4px}.timeline h4{font-size:20px;font-weight:500;margin-bottom:9px;letter-spacing:-.5px}.timeline article>p:not(.period){font-size:12px;line-height:1.85;color:#6a755e;max-width:470px;margin-bottom:0}.timeline .mini-tags{font-family:"Courier New",monospace;font-size:8px!important;margin-top:12px}.earlier{border-top:1px solid #bdc5ae;padding-top:24px}.earlier>.eyebrow{font-size:9px}.earlier>p:not(.eyebrow){font-size:10px;line-height:1.8;color:#66715b}.earlier strong{font-size:12px;font-weight:500;color:#37422a}.earlier span{display:block;font:9px "Courier New",monospace;color:#778763}
.toolkit{display:grid;grid-template-columns:1fr 1.6fr;gap:30px 60px;padding-top:45px;padding-bottom:45px}.toolkit h2{font-size:35px;letter-spacing:-.5px}.toolkit .eyebrow{margin-bottom:12px}.tool-list{display:flex;flex-wrap:wrap;gap:9px;align-content:start}.tool-list span{border:1px solid #b5c49d3b;border-radius:22px;padding:8px 12px;font:10px "Courier New",monospace;color:#d6e0c8;transition:rotate .3s,background .3s}.tool-list span:hover{rotate:-5deg;background:#d9ff7114}.education{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:10px;line-height:1.9;color:#a8b799}.education strong{font-size:11px;color:#d6e3c5;font-weight:500}.education p{margin:0}.writing{background:#c9aceb;color:#302039;max-width:none;padding-left:max(50px,calc((100vw - 1220px)/2));padding-right:max(50px,calc((100vw - 1220px)/2))}.writing h2 em{color:#62467c}.writing-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;margin-bottom:35px}.writing-heading h2{font-size:clamp(37px,4vw,55px);margin:0}.writing-intro>p{font-size:12px;line-height:1.85;max-width:450px;margin:13px 0 18px;color:#624d6e}.geeknp-wordmark{font-size:30px;font-weight:800;letter-spacing:-1.3px}.geeknp-wordmark>span:first-child{color:#765292}.external-arrow{font-size:17px;margin-left:10px;font-weight:400}.writing-intro .text-link{border-color:#80608c}.writing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.writing-card{border:1px solid #6b4f7944;border-radius:22px;background:#f5eaff42;padding:24px;box-shadow:inset 0 1px 0 #fffa;display:flex;flex-direction:column;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s var(--ease),background .3s}.writing-card:hover{background:#f5eaff66}.writing-card .eyebrow{font-size:8px;letter-spacing:1px;color:#6e4c83;margin-bottom:18px}.writing-card h3{font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.6px;margin-bottom:15px}.writing-card h3 a:hover{color:#6e4389}.writing-card h3 span{font-size:15px}.writing-card>p:not(.eyebrow){font-size:12px;color:#6b5379;line-height:1.85;margin-bottom:24px}.writing-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:8px "Courier New",monospace;border-top:1px solid #80618f44;padding-top:15px;margin-top:auto;color:#6b5379}
.contact{background:var(--lime);color:#242d16;border-radius:0 0 35px 35px}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.contact h2{font-size:clamp(38px,4.3vw,59px)}.contact h2 em{color:#6a8237}.contact p:not(.eyebrow){font-size:13px;color:#5d713d;line-height:1.85;max-width:450px}.email-link{display:inline-flex;gap:30px;align-items:center;font-size:27px;letter-spacing:-.8px;border-bottom:1px solid #7c974a;padding-bottom:6px;margin-top:10px}.email-link:hover{transform:rotate(-2deg)}.contact-links{display:flex;gap:25px;font-size:11px;margin-top:22px}.conversation{align-self:center;border:1px solid #829c4a66;border-radius:24px;padding:28px;background:linear-gradient(135deg,#f2ffce55,#e5ffa014);box-shadow:inset 0 1px 0 #fff9}.conversation label{display:block;font:9px "Courier New",monospace;letter-spacing:1px;margin-bottom:14px}.conversation select{width:100%;padding:12px;border:1px solid #91a960;border-radius:12px;background:#e8ffb4;color:#32451b;font-size:12px;margin-bottom:18px;cursor:pointer}.conversation p{font-size:11px!important}.conversation .button{width:100%;background:#26311b;color:#edffd0;border-color:#26311b}.conversation small{font-size:9px;color:#667c42;line-height:1.8;display:block;margin-top:13px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:30px}.footer-name{font-size:20px;font-weight:600;letter-spacing:-.5px}.footer-name span{display:block;font:8px "Courier New",monospace;letter-spacing:.5px;color:#a6b597;margin-top:4px}.site-footer>p{font-size:9px;line-height:1.8;color:#9cab8e;margin:0}.back-top{font:9px "Courier New",monospace;letter-spacing:.5px;color:#d2dfc2}
.cursor-ring,.cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:200;opacity:0}.cursor-ring{width:38px;height:38px;border:1px solid #f6ffd5;border-radius:50%;mix-blend-mode:difference;transition:width .2s,height .2s,background .2s;will-change:transform}.cursor-dot{width:7px;height:7px;background:var(--orange);border:1px solid #fff4d5;border-radius:50%;box-shadow:0 0 12px #ff9b7144}.cursor-ring.is-hovering{background:#f6ffd51a;width:55px;height:55px}.cursor-ring.is-tracking,.cursor-dot.is-tracking{opacity:1}.reveal{transition:transform .85s var(--ease),opacity .85s}.reveal.is-pending{opacity:.35;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes title-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes spark-spin{to{rotate:360deg}}@keyframes sticker-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes buddy-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -9px;rotate:2deg}}@keyframes shadow-breathe{0%,100%{scale:1;opacity:.7}50%{scale:.9;opacity:.4}}@keyframes buddy-poke{0%,100%{scale:1}30%{scale:1.13 .85;rotate:-8deg}65%{scale:.92 1.08;rotate:5deg}}@keyframes led-blink{0%,100%{opacity:.4}50%{opacity:1}}@keyframes wire-travel{to{stroke-dashoffset:-64}}@keyframes ticker-run{to{translate:-50% 0}}.play-hero.is-quiet .packet-buddy,.play-hero.is-quiet .play-sticker,.play-hero.is-quiet .hero-spark,.play-hero.is-quiet .wire-dashed,.play-hero.is-quiet .buddy-orbit,.play-hero.is-quiet .node-slots i:after{animation-play-state:paused}
@media(min-width:1450px){.playground{height:295px}.play-hero{padding-top:35px;padding-bottom:30px}.hero-meta{font-size:9px}.hero-title-wrap{padding-top:20px}.hero-end{margin-top:15px}.hero-title-wrap h1{font-size:150px}.hero-end>p{font-size:15px}.hero-end>p>span{font-size:12px}.play-node{top:55px}.buddy-wrap{top:30px}}
@media(max-width:1100px){.section-wrap{padding-left:35px;padding-right:35px}.expertise,.experience,.writing{padding-left:35px;padding-right:35px}.site-header{padding:13px 18px}#navigation{gap:17px;font-size:10px}.playground{height:245px}.play-node{width:170px;height:174px;top:40px;padding:17px}.node-edge{left:2%}.node-cloud{right:2%}.hero-title-wrap h1{font-size:11vw}.sticker-one{left:2%;font-size:8px}.sticker-two{right:0;font-size:8px}.hero-spark{font-size:60px;right:3%}.ticket-top{left:24%;font-size:6px}.ticket-bottom{right:20%;font-size:8px}.hero-end{gap:20px}.hero-end>p{font-size:12px}.hero-end>p>span{font-size:9px}.hero-actions{gap:8px}.button{font-size:9px;padding:11px 15px;gap:17px}.scope{gap:20px}.scope strong{font-size:32px}.scope div p{font-size:8px}.expertise,.experience{gap:45px;grid-template-columns:.85fr 1.3fr}.story-grid{gap:45px}.story-chapter h3{font-size:34px}.infra-plane{width:230px;margin-left:-115px}.foundation-cells{gap:6px}.foundation-cells i{width:32px}.case-body{padding:27px}.case h3{font-size:27px}.writing-heading,.contact-layout{gap:45px}.writing-card{padding:21px}.writing-card h3{font-size:19px}.writing-meta{font-size:7px}.mini-racks i{width:23px}.migration-racks{gap:24px}}
@media(max-width:800px){html{scroll-padding-top:100px}.section-wrap{padding-left:23px;padding-right:23px}.site-header{width:calc(100% - 26px);top:9px;margin-top:9px;padding:11px 15px;border-radius:22px;flex-wrap:wrap;min-height:62px}.brand{font-size:9px}.brand small{font-size:6px}.brand-symbol{font-size:32px}.brand-symbol span{font-size:15px;right:-10px}.menu-toggle{display:flex;align-items:center;gap:16px;padding:7px 11px;min-height:37px;font-size:10px;border:1px solid #f4ffe35c;border-radius:13px;background:linear-gradient(135deg,#fff2,#fff1);color:#edf5df}#navigation{display:none;width:100%;padding-top:10px;gap:0;flex-direction:column;align-items:stretch}#navigation.open{display:flex}#navigation>a{padding:12px 0;border-bottom:1px solid #d4e3be22;font-size:12px}#navigation>.nav-contact{padding:12px 14px;margin-top:9px;border:0}.play-hero{min-height:0;padding-top:25px;padding-bottom:20px}.hero-meta{font-size:7px;letter-spacing:.4px;align-items:start}.hero-meta p:last-child{font-size:6px;max-width:125px;line-height:1.8}.hero-meta p>span:not(.status-dot){margin:0 3px}.hero-title-wrap{padding-top:22px}.hero-title-wrap h1{font-size:14.3vw;line-height:.94;letter-spacing:-1.8px}.hero-spark{font-size:35px;top:3px;right:-5px}.play-sticker{font-size:6px;padding:7px 10px;letter-spacing:.1px;white-space:nowrap}.sticker-one{left:-5px;top:40%;transform:rotate(-10deg)}.sticker-two{right:-3px;bottom:-15px;transform:rotate(8deg)}.playground{height:255px;margin-top:17px}.play-node{top:60px;width:107px;height:127px;border-radius:17px;padding:12px 10px}.node-edge{left:-3px;transform:rotate(-8deg)}.node-cloud{right:-3px;transform:rotate(8deg)}.node-kicker{font-size:5px;letter-spacing:.3px}.play-node strong{font-size:16px;margin-top:11px;letter-spacing:0}.play-node>span:last-child{font-size:4.5px;line-height:1.8;margin-top:4px;white-space:nowrap}.node-slots{gap:4px;margin-top:13px}.node-slots i{height:23px}.cloud-glyph{font-size:34px;margin-top:10px}.node-cloud strong{margin-top:7px}.buddy-wrap{scale:.7;top:20px;transform:translateX(-71.4%);transform-origin:center top}.packet-wires{inset:30px -18px;width:calc(100% + 36px);height:190px}.packet-wires path{stroke-width:5}.packet-wires .wire-dashed{stroke-width:3;stroke-dasharray:10 20}.ticket-top{top:15px;left:4%;font-size:5px;transform:rotate(-7deg)}.ticket-top>span{font-size:12px}.ticket-bottom{right:10%;bottom:16px;font-size:8px;transform:rotate(5deg)}.hero-end{flex-direction:column;align-items:start;gap:18px;margin-top:-5px}.hero-end>p{font-size:13px;line-height:1.8}.hero-end>p>span{font-size:10px}.hero-actions{width:100%;gap:10px}.button{padding:12px 16px;font-size:9px;gap:20px;min-height:42px}.cv-link{font-size:9px;margin-left:auto}.playground-status{font-size:6px;line-height:1.7;margin-top:15px}.ticker{margin-top:10px;padding:11px 0}.ticker-track{font-size:24px}.scope{grid-template-columns:1fr 1fr;padding-top:28px;padding-bottom:30px;gap:20px}.scope-label{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:8px}.scope-label br{display:none}.scope-label span{margin:0;font-size:8px}.scope strong{font-size:35px}.scope div p{font-size:9px}.section-space{padding-top:55px;padding-bottom:55px}.expertise,.experience{grid-template-columns:1fr;gap:25px;padding-left:23px;padding-right:23px;border-radius:27px 27px 0 0}.section-heading h2{font-size:41px;letter-spacing:-1px}.section-heading>p:not(.eyebrow){max-width:520px;font-size:13px}.capabilities article{padding:24px 0;gap:12px}.capabilities h3{font-size:18px}.capabilities p{font-size:12px}.work-heading{display:block;margin-bottom:30px}.work-heading h2{font-size:43px}.work-heading>p{margin-top:23px;max-width:500px}.featured,.case-pair{grid-template-columns:1fr}.case-visual{min-height:290px}.case-body{padding:26px}.case h3{font-size:28px}.mini-racks i{width:25px;height:90px}.destination i{height:120px}.visual-caption strong{font-size:40px}.visual-caption>span{font-size:9px}.small-visual{height:215px}.case-footer{font-size:7px}.story-intro{padding-top:55px}.story-intro h2{font-size:43px;letter-spacing:-1px}.story-grid{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.story-visual{grid-row:1;position:relative;top:auto;margin-top:0;min-height:470px;width:100%;max-width:500px;justify-self:center;border-radius:23px}.scene-space{height:300px}.infra-plane{width:240px;margin-left:-120px}.story-chapter{min-height:0;padding:35px 0;opacity:1}.story-chapter h3{font-size:32px}.story-chapter>p:not(.eyebrow):not(.chapter-tools){max-width:none}.chapter-proof strong{font-size:40px}.chapter-tools{font-size:7px;letter-spacing:.6px}.scene-navigation a{font-size:9px}.scene-link-label{font-size:8px}.scene-topline{font-size:7px;padding:19px}.scene-caption{padding-left:19px;padding-right:19px}.scene-caption strong{font-size:19px}.toolkit{grid-template-columns:1fr;gap:22px;padding-top:35px;padding-bottom:35px}.education{grid-column:1;grid-template-columns:1fr;gap:14px}.toolkit h2{font-size:32px}.tool-list{gap:8px}.tool-list span{font-size:9px;padding:7px 10px}.writing{padding-left:23px;padding-right:23px}.writing-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.writing-heading h2{font-size:40px;letter-spacing:-1px}.writing-intro>p{max-width:520px}.writing-grid{grid-template-columns:1fr;gap:17px}.writing-card{padding:25px}.writing-card h3{font-size:22px}.writing-meta{font-size:8px}.contact{border-radius:0 0 25px 25px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact h2{font-size:41px;letter-spacing:-1px}.email-link{font-size:24px;gap:20px}.conversation{padding:24px}.site-footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px;gap:22px}.site-footer>p{margin-left:auto}.back-top{width:100%;border-top:1px solid #bbd0a333;padding-top:18px}.cursor-ring,.cursor-dot{display:none}}
@media(max-width:360px){.hero-meta p:last-child{max-width:110px;font-size:5.5px}.hero-title-wrap h1{font-size:14vw}.play-node{width:96px;padding:11px 9px}.play-node strong{font-size:14px}.play-node>span:last-child{font-size:4px}.buddy-wrap{scale:.62;transform:translateX(-80.6%);top:30px}.button{padding:11px 12px;font-size:8px;gap:13px}.hero-actions{gap:8px}.hero-end>p>span{font-size:9px}.section-heading h2,.writing-heading h2{font-size:36px}.hero-spark{font-size:30px}.play-sticker{font-size:5px}.email-link{font-size:21px}.scene-link-label{font-size:7px}.infra-plane{width:215px;margin-left:-107px}.foundation-cells{gap:5px}.foundation-cells i{width:29px}.scene-topline{font-size:6px}}
@media(max-height:780px) and (min-width:801px){.play-hero{padding-top:17px;padding-bottom:14px;min-height:calc(100svh - 90px)}.hero-title-wrap h1{font-size:clamp(85px,9.4vw,123px)}.hero-title-wrap{padding-top:9px}.playground{height:230px}.play-node{top:32px;height:170px}.buddy-wrap{scale:.91;transform:translateX(-55%);top:2px}.ticket-top{top:10px}.ticket-bottom{bottom:3px}.hero-end>p{font-size:12px}.hero-end>p>span{font-size:9px}.playground-status{margin-top:9px}.hero-spark{font-size:52px}.sticker-one{top:25%}.ticker{margin-top:9px}}
@media print{.site-header,.reading-progress,.cursor-ring,.cursor-dot,.ticker{display:none}body{background:white;color:black}.playground{display:none}.story-visual{position:static}.story-chapter{opacity:1;min-height:0}.section-space{padding-top:20px;padding-bottom:20px}}

/* Broad headline, compact enough to keep the whole playground in view. */
.hero-title-wrap h1{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-7px;line-height:.88}
@media(max-width:800px){.hero-title-wrap h1{font-size:13.4vw;letter-spacing:-3px;line-height:.96}}
@media(max-width:360px){.hero-title-wrap h1{font-size:13.1vw;letter-spacing:-2.5px}}
.play-sticker.sticker-pop{animation:sticker-pop .55s var(--ease)}
@keyframes sticker-pop{0%,100%{scale:1}45%{scale:1.17;rotate:7deg}}

.play-hero{overflow:clip}.ticker{max-width:100%;margin-left:0;margin-right:0}html{overflow-x:clip}
