:root{--paper-cream:#f3eee1;--paper-gold:#d9a72d;--paper-navy:#24324a;--paper-sage:#83a276;--paper-line:rgba(243,238,225,.19)}.paper-section{position:relative;overflow:hidden}.paper-section .section-heading{position:relative;z-index:2}.paper-note{max-width:660px;margin:22px 0 0;color:var(--muted);font-size:15px}.paper-piece{position:relative;display:block;filter:drop-shadow(0 12px 10px rgba(0,0,0,.19))}.paper-symbol{display:inline-grid;place-items:center;width:33px;height:33px;margin:0 8px 0 0;background:var(--paper-gold);color:#122018;clip-path:polygon(50% 0,100% 30%,84% 100%,15% 86%,0 34%);font:700 13px/1 "JetBrains Mono",monospace;vertical-align:middle}.service .paper-symbol{margin-bottom:17px}.service:nth-child(2) .paper-symbol{background:var(--paper-sage)}.service:nth-child(3) .paper-symbol{background:var(--paper-cream);color:var(--paper-navy)}
#continuum{background:linear-gradient(180deg,#0d211a,#071511)}.spectrum-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(34px,7vw,104px);margin-top:clamp(48px,7vw,84px);align-items:end}.routing-copy{display:grid;gap:15px}.route-tier{padding:17px 18px 18px;border-left:4px solid var(--paper-line);background:rgba(7,21,17,.31)}.route-tier h3{margin:0 0 5px;font-size:20px;letter-spacing:-.035em}.route-tier p{margin:0;color:var(--muted);font-size:14px}.route-tier.cloud{border-left-color:#bd7265}.route-tier.local{border-left-color:var(--paper-gold)}.route-tier.code{border-left-color:var(--paper-sage)}.routing-landscape{min-height:466px;isolation:isolate;overflow:hidden;background:#10251d;border:1px solid rgba(243,238,225,.17);clip-path:polygon(3% 0,97% 4%,100% 89%,91% 100%,5% 96%,0 13%)}.sort-panel{position:absolute;width:56%;height:115px;padding:15px 17px;background:var(--paper-cream);box-shadow:inset 0 0 0 2px rgba(36,50,74,.18),inset -9px -9px rgba(36,50,74,.1),0 13px 14px rgba(0,0,0,.2)}.sort-panel:after{content:"";position:absolute;inset:6px;border:1px dashed rgba(36,50,74,.25);pointer-events:none}.panel-small{top:45px;left:-7%;transform:rotate(-5deg);z-index:3}.panel-medium{top:177px;left:22%;transform:rotate(3deg);z-index:2;background:#e8c863}.panel-large{top:307px;left:47%;transform:rotate(-4deg);z-index:1;background:#89a77b}.panel-label{position:relative;z-index:3;color:var(--paper-navy);font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.08em}.aperture{position:absolute;right:27px;top:35px;z-index:2;background:#10251d;box-shadow:inset 5px 5px 8px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.55)}.hole-small{width:30px;height:30px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.hole-medium{width:52px;height:52px;border-radius:50%}.hole-large{width:75px;height:58px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.task-shape{position:absolute;z-index:6;display:block;background:var(--paper-navy);border:3px solid var(--paper-cream);box-shadow:4px 6px 0 rgba(0,0,0,.2);transition:transform .05s linear}.task-small{width:22px;height:22px;top:62px;left:17%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.task-medium{width:41px;height:41px;top:52px;left:22%;border-radius:50%}.task-large{width:61px;height:47px;top:42px;left:22%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.qualification-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.qualification-strip span{padding:7px 10px;border:1px solid var(--paper-line);color:var(--muted);font:500 11px/1.25 "JetBrains Mono",monospace}
#results{background:#091813}.results-stage{display:grid;grid-template-columns:minmax(0,.78fr) 1.22fr;gap:clamp(36px,7vw,96px);margin-top:clamp(48px,7vw,82px);align-items:start}.results-lens{position:sticky;top:110px;min-height:340px;padding:30px;overflow:hidden;background:#13241e;clip-path:polygon(0 5%,94% 0,100% 91%,83% 100%,6% 95%)}.paper-stream{position:absolute;inset:0;z-index:1}.paper-stream i{position:absolute;width:100px;height:72px;background:var(--paper-cream);box-shadow:inset -8px -8px rgba(36,50,74,.12),4px 6px 0 rgba(0,0,0,.2);transform:translateX(calc(-150% + var(--stream,0)*520%)) rotate(-9deg)}.paper-stream i:nth-child(1){top:44%;--delay:0}.paper-stream i:nth-child(2){top:57%;--delay:.12}.paper-stream i:nth-child(3){top:34%;--delay:.24}.paper-stream i:nth-child(4){top:67%;--delay:.36}.paper-stream i:nth-child(5){top:22%;--delay:.48}.lens-ring{z-index:4;width:180px;height:180px;border:20px solid var(--paper-gold);border-radius:50%;position:absolute;right:24px;top:60px;box-shadow:0 10px 12px rgba(0,0,0,.25)}.lens-ring::after{content:"";position:absolute;width:105px;height:25px;background:var(--paper-navy);right:-83px;bottom:-47px;transform:rotate(43deg);box-shadow:inset 0 5px rgba(243,238,225,.16)}.lens-aperture{position:absolute;inset:25px;background:rgba(243,238,225,.65);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.lens-copy{position:relative;z-index:5;max-width:20ch;font-size:24px;line-height:1.03;letter-spacing:-.045em}.lens-copy strong{color:var(--paper-gold)}.case-list.paper-cases{margin:0;border-top:1px solid var(--line)}.paper-cases .case{grid-template-columns:minmax(105px,.55fr) minmax(145px,.75fr) 2fr;position:relative}.case-tab{display:block;width:max-content;margin-bottom:11px;padding:5px 7px;background:var(--paper-gold);color:#122018;font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.08em}.paper-cases .case:nth-child(2) .case-tab{background:var(--paper-cream);color:var(--paper-navy)}.paper-cases .case:nth-child(3) .case-tab{background:var(--paper-sage);color:#122018}.case-fact{display:block;margin-top:9px;color:var(--cream);font:500 12px/1.4 "JetBrains Mono",monospace}
#approach{background:var(--forest-light)}.process-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.73fr);gap:clamp(36px,8vw,115px);margin-top:clamp(46px,7vw,80px);align-items:center}.process-steps{counter-reset:step}.process-steps article{position:relative;padding:0 0 29px 77px;margin-bottom:28px;border-bottom:1px solid var(--line)}.process-steps article::before{counter-increment:step;content:"0" counter(step);position:absolute;left:0;top:0;width:50px;height:50px;display:grid;place-items:center;background:var(--paper-cream);color:var(--paper-navy);clip-path:polygon(13% 0,100% 13%,86% 100%,0 88%);font:700 11px/1 "JetBrains Mono",monospace}.process-steps h3{margin:0 0 7px;font-size:27px;letter-spacing:-.05em}.process-steps p{max-width:60ch;margin:0;color:var(--muted);font-size:15px}.process-assembly{min-height:395px;overflow:hidden;background:#10241d;clip-path:polygon(0 5%,94% 0,100% 94%,9% 100%);perspective:850px}.box-world{position:absolute;inset:20px 12px 55px;display:grid;place-items:center}.box-net{position:relative;width:150px;height:150px;transform-style:preserve-3d;filter:none;transform:rotateX(calc(var(--box-fold,0)*52deg)) rotateZ(-1deg)}.box-panel{position:absolute;display:block;width:150px;height:150px;background:var(--paper-cream);border:2px solid var(--paper-navy);box-shadow:inset -11px -11px rgba(36,50,74,.13),inset 7px 7px rgba(255,255,255,.3);backface-visibility:visible}.box-base{left:0;top:0;background:#e8c863}.box-back{left:0;top:-150px;transform-origin:bottom;transform:rotateX(calc(var(--box-fold,0)*90deg));background:#f3eee1}.box-front{left:0;top:150px;transform-origin:top;transform:rotateX(calc(var(--box-fold,0)*-90deg));background:#e5d9b9}.box-left{left:-150px;top:0;transform-origin:right;transform:rotateY(calc(var(--box-fold,0)*-90deg));background:#8da37b}.box-right{left:150px;top:0;transform-origin:left;transform:rotateY(calc(var(--box-fold,0)*90deg));background:#d9a72d}.box-panel:after{content:"";position:absolute;inset:11px;border:1px dashed rgba(36,50,74,.27)}.assembly-caption{position:absolute;z-index:5;left:42px;bottom:25px;max-width:19ch;font:600 11px/1.45 "JetBrains Mono",monospace;color:var(--cream)}
#proof{background:#071511}.proof-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(34px,7vw,95px);align-items:end}.proof-note{margin:0;color:var(--muted);font-size:17px}.source-controls{display:flex;gap:9px;justify-content:flex-end;margin:28px 0 10px}.source-controls button{min-height:42px;padding:0 13px;border:1px solid var(--paper-line);background:#13241e;color:var(--paper-cream);font:600 11px/1 "JetBrains Mono",monospace;cursor:pointer}.source-controls button:disabled{opacity:.38;cursor:not-allowed}.source-wall{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:5px 4px 16px;scrollbar-color:var(--paper-gold) #102019}.source-post{scroll-snap-align:start;flex:0 0 min(370px,82vw);min-height:255px;padding:22px;background:var(--paper-cream);color:var(--paper-navy);border:2px solid rgba(217,167,45,.7);box-shadow:7px 8px 0 rgba(0,0,0,.22),inset -8px -8px rgba(36,50,74,.1);display:flex;flex-direction:column}.source-post:nth-child(even){background:#e7dcbf}.source-post cite{font:700 10px/1.3 "JetBrains Mono",monospace;color:var(--paper-navy);font-style:normal;letter-spacing:.08em;text-transform:uppercase}.source-post p,.source-post blockquote{margin:18px 0 13px;color:var(--paper-navy);font-size:15px;line-height:1.45}.source-post a{margin-top:auto;color:#162842;font:700 11px/1.2 "JetBrains Mono",monospace;text-underline-offset:3px}.source-post a:focus-visible{outline-color:var(--paper-navy)}.proof-disclaimer{margin:20px 0 0;color:var(--muted);font-size:12px;font-style:italic}
@media(max-width:1050px){.results-stage{grid-template-columns:1fr}.results-lens{position:relative;top:auto;min-height:270px}}@media(max-width:760px){.spectrum-layout,.results-stage,.process-layout,.proof-intro{grid-template-columns:1fr}.routing-landscape{min-height:405px;margin-top:5px}.sort-panel{width:67%}.panel-small{left:-16%}.panel-medium{left:13%}.panel-large{left:37%}.results-lens{min-height:250px}.lens-ring{right:42px;top:32px;transform:scale(.75);transform-origin:top right}.paper-cases .case{grid-template-columns:1fr;gap:12px}.process-assembly{min-height:350px}.box-world{transform:scale(.72)}.source-wall{margin-right:-20px}.source-post{flex-basis:82vw}.qualification-strip{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.paper-stream i{transform:translateX(150%) rotate(-9deg)!important}.task-small{transform:translate(110px,90px)!important}.task-medium{transform:translate(165px,205px)!important}.task-large{transform:translate(215px,315px)!important}.box-net{--box-fold:1!important;transform:rotateX(52deg)!important}}
