:root{color:#f6f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#020202;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;margin:0}html{scroll-behavior:smooth;background:#020202}body{background:#020202;min-width:320px;min-height:100%;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.lab-depth,.light-sweep,.holo-pane,.depth-line,.scene-particle{will-change:auto}}#app{isolation:isolate;background:radial-gradient(circle at calc(50% + 12vw) 18vh,#ffba542e,#0000 27rem),radial-gradient(circle at 20vw 62vh,#4e90ff24,#0000 24rem),radial-gradient(circle at 73vw 78vh,#62ff891a,#0000 26rem),linear-gradient(#050505 0%,#090b0f 42%,#010101 100%);min-height:520vh;position:relative}#character-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.ambient-layer{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.ambient-layer:before{content:"";opacity:calc(.28 + var(--scroll-progress,0) * .32);transform:perspective(42rem) rotateX(63deg) translateY(calc(var(--scroll-progress,0) * -11rem));transform-origin:50% 100%;background:linear-gradient(90deg,#fff8ea0a 1px,#0000 1px) 0 0/4.6rem 4.6rem,linear-gradient(#fff8ea08 1px,#0000 1px) 0 0/4.6rem 4.6rem,linear-gradient(115deg,#0000 0 48%,#62ff8914 49%,#0000 51% 100%) 0 0/18rem 18rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 55% 47%,#000 0,#0000 67%);mask-image:radial-gradient(circle at 55% 47%,#000 0,#0000 67%)}.ambient-layer:after{content:"";background:radial-gradient(at 50% 46%,#0000 0 19rem,#02020252 34rem,#020202b8 58rem),linear-gradient(90deg,#020202eb,#0000 23% 70%,#020202eb),linear-gradient(#02020259 0%,#0000 28%,#02020280 74%,#020202 100%);position:absolute;inset:0}.lab-depth,.light-sweep,.holo-pane,.depth-line,.scene-particle{will-change:transform, opacity;display:block;position:absolute}.lab-depth{opacity:.42;background:linear-gradient(90deg,#fff8ea09,#0000 34% 66%,#6298ff0b),repeating-linear-gradient(#fff8ea0b 0 1px,#0000 1px 4.2rem),#fff8ea05;border:1px solid #fff8ea14;width:min(30rem,32vw);height:min(42rem,78vh);box-shadow:0 0 2rem #4e90ff14,inset 0 0 3rem #ffba540a}.lab-depth-a{transform:perspective(52rem) rotateY(24deg) rotateZ(-2deg) translateY(calc(var(--scroll-progress,0) * -2.5rem));top:12vh;left:-8vw}.lab-depth-b{transform:perspective(52rem) rotateY(-25deg) rotateZ(2deg) translateY(calc(var(--scroll-progress,0) * 3rem));top:7vh;right:-9vw}.light-sweep{filter:blur(12px);opacity:.42;mix-blend-mode:screen;transform-origin:50% 100%;background:linear-gradient(90deg,#0000,#ffba541f,#0000);width:min(28rem,34vw);height:92vh;animation:11s ease-in-out infinite alternate sweep-light}.light-sweep-a{transform:rotate(18deg) translateY(calc(var(--scroll-progress,0) * 3rem));top:-16vh;left:12vw}.light-sweep-b{transform:rotate(-16deg) translateY(calc(var(--scroll-progress,0) * -2rem));background:linear-gradient(90deg,#0000,#62ff891a,#0000);animation-delay:-5s;top:-20vh;right:11vw}.holo-pane{opacity:.5;background:linear-gradient(135deg,#62ff8917,#4e90ff09),repeating-linear-gradient(#fff8ea0b 0 1px,#0000 1px .7rem);border:1px solid #62ff892e;width:clamp(6rem,12vw,14rem);height:clamp(3.8rem,7vw,8rem);animation:8s ease-in-out infinite alternate float-pane;box-shadow:0 0 1.7rem #62ff8914,inset 0 0 1.1rem #fff8ea0a}.holo-pane-a{top:18vh;left:26vw;transform:perspective(30rem)rotateY(32deg)rotate(-6deg)}.holo-pane-b{border-color:#ffba5433;animation-delay:-3s;top:32vh;right:22vw;transform:perspective(30rem)rotateY(-29deg)rotate(7deg)}.holo-pane-c{border-color:#6298ff38;animation-delay:-6s;bottom:18vh;left:18vw;transform:perspective(30rem)rotateY(18deg)rotate(5deg)}.depth-line,.scene-particle{opacity:.72}.depth-line{background:linear-gradient(90deg,#0000,#ffe0989e,#0000);width:min(58rem,72vw);height:1px;transform:rotate(-11deg)}.depth-line-a{top:24vh;right:-10vw}.depth-line-b{background:linear-gradient(90deg,#0000,#6fff9459,#0000);top:57vh;left:-18vw}.depth-line-c{background:linear-gradient(90deg,#0000,#6298ff66,#0000);bottom:19vh;right:-14vw}.scene-particle{border:1px solid #ffdd94ad;width:.55rem;height:.55rem;animation:7s ease-in-out infinite alternate drift-particle;transform:rotate(45deg)}.scene-particle-a{top:28vh;left:14vw}.scene-particle-b{animation-delay:-2s;top:19vh;right:18vw}.scene-particle-c{animation-delay:-4s;bottom:24vh;left:30vw}.site-header{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,3vw,2.25rem);display:flex;position:fixed;top:0;left:0;right:0}.wordmark{pointer-events:auto;opacity:0;color:#fff8ead1;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800;text-decoration:none;transition:opacity .5s,transform .5s;transform:translateY(-.25rem)}.is-loaded .wordmark{opacity:1;transform:translateY(0)}.site-nav{pointer-events:auto;align-items:center;gap:clamp(.7rem,2vw,1.45rem);display:flex}.site-nav a{color:#fff8ea9e;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:700;text-decoration:none;transition:color .18s,text-shadow .18s}.site-nav a:hover,.site-nav a:focus-visible{color:#fff4dc;text-shadow:0 0 1rem #ffc76a8c}.story-section{z-index:2;pointer-events:none;align-items:center;min-height:100vh;padding:clamp(5.5rem,9vw,8rem) clamp(1.25rem,6vw,6.5rem);display:grid;position:relative}.story-section>*{pointer-events:auto}.hero-section{grid-template-columns:minmax(0,.78fr) minmax(19rem,.42fr);align-items:end;gap:clamp(2rem,7vw,7rem);padding-bottom:clamp(7rem,16vh,11rem)}.split-section,.proof-section,.contact-section{grid-template-columns:minmax(0,.82fr) minmax(21rem,.58fr);gap:clamp(2rem,6vw,6rem)}.systems-section{grid-template-columns:minmax(20rem,.5fr) minmax(0,.72fr);gap:clamp(2rem,6vw,7rem)}.copy-stack{width:min(42rem,100%);transform:translateY(calc((var(--scroll-progress,0) - .18) * -1.4rem))}.hero-copy{align-self:center;padding-top:0}.narrow-copy,.contact-copy{width:min(36rem,100%)}.contact-copy .primary-link{margin-top:1.4rem}.eyebrow{color:#ffca72;letter-spacing:0;text-transform:uppercase;margin:0 0 1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:800}h1,h2{color:#fff8ea;letter-spacing:0;margin:0}h1{max-width:9ch;font-size:clamp(3rem,6.5vw,5.8rem);line-height:1}h2{max-width:13ch;font-size:clamp(2.25rem,5vw,4.8rem);line-height:.96}.section-copy{color:#fff8eab8;max-width:34rem;margin:1.3rem 0 0;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.58}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;margin-bottom:4.8rem;display:flex}.primary-link,.secondary-link{color:#fff4dc;letter-spacing:0;text-transform:uppercase;border:1px solid #ffdd94b3;align-items:center;min-height:2.9rem;padding:0 1.05rem;font-size:.82rem;font-weight:850;text-decoration:none;display:inline-flex}.primary-link{background:#ffbb5424;box-shadow:inset 0 0 0 1px #ffbb5426,0 0 1.5rem #ff732a2e}.secondary-link{color:#fff8eab8;background:#fff8ea0a;border-color:#fff8ea38}.floating-panel,.service-card,.reel-strip article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#fff8ea14,#fff8ea06),#0202028a;border:1px solid #fff8ea29;box-shadow:inset 0 0 0 1px #fff8ea0b,0 1.2rem 5rem #00000057}.hero-panel{transform:translateY(calc(var(--scroll-progress,0) * 4rem));align-self:center;padding:1.1rem}.panel-label,.service-card span{color:#70ff92;letter-spacing:0;text-transform:uppercase;margin-bottom:.78rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:800;display:block}.floating-panel strong,.service-card strong{color:#fff8ea;font-size:1.12rem;line-height:1.28;display:block}.floating-panel p,.service-card p{color:#fff8ea9e;margin:.8rem 0 0;font-size:.92rem;line-height:1.48}.project-grid{grid-template-columns:minmax(0,1fr);justify-self:end;gap:.9rem;width:min(28rem,100%);display:grid;transform:translate(clamp(-5.5rem,-5vw,-1.5rem))}.service-card{min-height:9rem;padding:1.05rem}.service-card:nth-child(2){transform:translate(clamp(-1.2rem,-2vw,-.4rem))}.service-card:nth-child(3){transform:translate(clamp(.4rem,2vw,1.4rem))}.systems-board{grid-template-columns:repeat(2,minmax(8rem,1fr));justify-self:end;gap:.7rem;width:min(31rem,100%);display:grid;transform:translate(clamp(-5.5rem,-5vw,-1.5rem))perspective(58rem)rotateY(-10deg)rotateX(5deg)}.systems-board span{color:#8aff9e;text-align:center;text-shadow:0 0 .7rem #62ff896b;background:repeating-linear-gradient(#62ff890d 0 1px,#0000 1px 5px),#000c059e;border:1px solid #62ff893d;place-items:center;min-height:5.8rem;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:800;display:grid}.reel-strip{justify-self:end;gap:.85rem;width:min(26rem,100%);display:grid;transform:translate(clamp(-5.5rem,-5vw,-1.5rem))}.reel-strip article{align-content:center;gap:.35rem;min-height:6.2rem;padding:1rem;display:grid}.reel-strip strong{color:#ffca72;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.92}.reel-strip span{color:#fff8eab8;font-size:.95rem}.scene-rail{z-index:6;gap:.85rem;display:grid;position:fixed;top:50%;right:clamp(.8rem,2vw,1.5rem);transform:translateY(-50%)}.rail-dot{background:#fff8ea0f;border:1px solid #fff8ea75;width:.6rem;height:.6rem;position:relative;transform:rotate(45deg)}.rail-dot.is-active{background:#ffca72;border-color:#ffca72;box-shadow:0 0 1rem #ffca729e}.rail-dot span{color:#fff8eab3;opacity:0;pointer-events:none;text-transform:uppercase;font-size:.72rem;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)rotate(-45deg)translate(.5rem)}.rail-dot:hover span,.rail-dot:focus-visible span,.rail-dot.is-active span{opacity:1;transform:translateY(-50%)rotate(-45deg)translate(0)}.cursor-dot{opacity:0;pointer-events:none;z-index:6;border:1px solid #fff8eab8;border-radius:999px;width:.65rem;height:.65rem;margin:-.325rem 0 0 -.325rem;transition:opacity .24s;position:fixed;top:0;left:0}.is-quest-hovered .cursor-dot{border-color:#fff2b6fa;box-shadow:0 0 .75rem #ffc454e6,0 0 1.4rem #ff55266b}.screen-flash{opacity:0;pointer-events:none;z-index:9;background:#fff8e6;position:fixed;inset:0}.screen-flash.is-active{animation:.76s ease-out both screen-flash}.presentation-overlay{opacity:0;pointer-events:none;z-index:8;background:radial-gradient(circle at 50% 45%,#ffb4482e,#0000 22rem),#000000b8;place-items:center;padding:1.5rem;transition:opacity .26s,transform .26s;display:grid;position:fixed;inset:0;transform:scale(1.04)}.presentation-overlay.is-active{opacity:1;pointer-events:auto;transform:scale(1)}.presentation-frame{aspect-ratio:16/9;text-align:center;background:repeating-linear-gradient(#ffde960b 0 1px,#0000 1px 5px),linear-gradient(145deg,#120e09eb,#000000e6);border:1px solid #ffdd94a3;align-content:center;justify-items:center;gap:.85rem;width:min(42rem,100vw - 2rem);display:grid;position:relative;box-shadow:inset 0 0 0 1px #ff93362e,0 0 4rem #ff70283d}.presentation-close{color:#fff4dc;cursor:pointer;letter-spacing:0;text-transform:uppercase;background:#00000075;border:1px solid #ffdd949e;min-width:4.4rem;height:2rem;font:800 .76rem/1 SFMono-Regular,Consolas,Liberation Mono,monospace;transition:background .16s,border-color .16s,box-shadow .16s;position:absolute;top:.85rem;right:.85rem}.presentation-close:hover,.presentation-close:focus-visible{background:#341f0abd;border-color:#ffecb8f5;outline:none;box-shadow:0 0 1.1rem #ffb1444d}.presentation-kicker{color:#ffca72;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.presentation-frame strong{color:#fff4dc;width:min(28rem,100% - 2rem);font-size:clamp(1.25rem,3vw,2.4rem);line-height:1.12}.presentation-play{color:#fff4dc;border:1px solid #ffdd94c7;place-items:center;min-width:4.6rem;height:2.4rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;font-weight:800;display:inline-grid;box-shadow:0 0 .8rem #ffb14459,0 0 1.8rem #ff60242e}.terminal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:50% 100%;color:#62ff89;text-shadow:0 0 .45rem #62ff89bf,0 0 1.1rem #00ff6073;z-index:5;background:linear-gradient(145deg,#62ff891c,#000c056b 44%,#000704c2),#000804c2;border:1px solid #62ff8994;width:min(28rem,100vw - 2rem);min-height:3.15rem;padding:.56rem .82rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.9rem,1.25vw,1.08rem);line-height:1.55;position:fixed;bottom:clamp(2.4rem,6.5vh,5.4rem);left:50%;transform:translate(-50%)perspective(42rem)rotateX(7deg);box-shadow:inset 0 0 0 1px #62ff891f,0 1.1rem 3.4rem #00000085,0 0 1.75rem #62ff8933}.terminal:before{content:"";opacity:.72;pointer-events:none;z-index:0;background:repeating-linear-gradient(#62ff890d 0 1px,#0000 1px 4px),linear-gradient(90deg,#0000,#62ff890f,#0000);position:absolute;inset:0}.terminal:after,.speech-bubble:after{content:"";pointer-events:none;border:1px solid #62ff8921;position:absolute;inset:.38rem}.terminal-line{cursor:text;z-index:1;align-items:baseline;min-height:2rem;display:flex;position:relative}.terminal-prompt{color:#8aff9e;padding-right:.65rem}.terminal-text{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.terminal-cursor{background:#62ff89;width:.65em;height:1.15em;margin-left:.12rem;animation:.95s step-end infinite terminal-cursor-blink;box-shadow:0 0 .9rem #62ff89e6}.terminal[data-mode=thinking] .terminal-text:after{content:"...";animation:1.2s steps(3,end) infinite terminal-thinking}.terminal[data-mode=error]{color:#ff716d;text-shadow:0 0 .45rem #ff716dbf,0 0 1rem #ff4e4859}.terminal-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.speech-bubble{left:50%;right:auto;top:var(--speech-anchor-y,18vh);width:min(29rem,100vw - 2rem);max-height:min(28vh, calc(100vh - var(--speech-anchor-y,18vh) - var(--speech-bottom-padding,1.5rem)));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#70ff92;scrollbar-color:#62ff89d1 #001408b8;scrollbar-width:thin;opacity:1;pointer-events:none;text-shadow:0 0 .45rem #62ff89b8,0 0 1rem #00ff605c;transform-origin:50% 100%;z-index:5;background:linear-gradient(145deg,#62ff891c,#000c057a 48%,#000704c7),repeating-linear-gradient(#62ff890f 0 1px,#0000 1px 5px),#000c05db;border:1px solid #62ff89d1;padding:.9rem 1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.78rem,1.15vw,.98rem);line-height:1.48;transition:opacity .18s,transform .18s;position:fixed;overflow:auto;transform:translate(-50%)perspective(42rem)rotateX(-6deg);box-shadow:inset 0 0 0 1px #00ff6024,0 0 1rem #00ff6047,0 1.15rem 3.8rem #0000008a,.25rem .35rem #00ff601f}.speech-bubble::-webkit-scrollbar{width:.55rem}.speech-bubble::-webkit-scrollbar-track{background:#001408b8;box-shadow:inset 0 0 .65rem #00ff6024}.speech-bubble::-webkit-scrollbar-thumb{background:#62ff89b8;border:1px solid #62ff89e6;box-shadow:0 0 .8rem #62ff897a}.speech-bubble:before{content:"";background:#000c05db;border:1px solid #62ff89d1;border-top:0;border-left:0;width:1.1rem;height:1.1rem;position:absolute;top:auto;bottom:-.75rem;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:.25rem .25rem .8rem #00ff602e}.speech-bubble[data-mode=hidden]{opacity:0;transform:translate(-50%)translateY(.5rem)perspective(42rem)rotateX(-6deg)}.speech-bubble:has(.speech-text:empty){opacity:0}.speech-bubble[data-mode=thinking] .speech-text:after{content:"...";animation:1.2s steps(3,end) infinite terminal-thinking}.speech-bubble[data-mode=error]{color:#ff716d;text-shadow:0 0 .45rem #ff716dbf,0 0 1rem #ff4e4859;border-color:#ff716de0}.speech-text{overflow-wrap:anywhere;white-space:pre-wrap;z-index:1;min-height:1.5em;margin:0;position:relative}@keyframes terminal-cursor-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes terminal-thinking{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@keyframes drift-particle{0%{transform:translate(0,0)rotate(45deg)}to{transform:translate(.9rem,-1.2rem)rotate(60deg)}}@keyframes sweep-light{0%{opacity:.22;filter:blur(16px)}to{opacity:.52;filter:blur(9px)}}@keyframes float-pane{0%{opacity:.32;translate:0}to{opacity:.62;translate:.7rem -1rem}}@keyframes screen-flash{0%{opacity:0}18%{opacity:.92}to{opacity:0}}.is-loaded .cursor-dot{opacity:.7}.has-error:after{color:#fff8ea;content:"Could not load Cloppi_Lobster.glb";text-align:center;width:min(28rem,100vw - 2rem);font-size:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=1100px){#app{min-height:540vh}.site-header{align-items:flex-start}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.55rem .8rem;max-width:14rem}.site-nav a{font-size:.7rem}.story-section,.hero-section,.split-section,.systems-section,.proof-section,.contact-section{grid-template-columns:1fr;align-content:start;min-height:108vh;padding:6.25rem 1rem 8rem}.hero-section{padding-top:7.25rem}h1{max-width:100%;font-size:clamp(2.7rem,13vw,3.55rem);line-height:1.04}h2{max-width:100%;font-size:clamp(2.25rem,11vw,3.35rem);line-height:1}.section-copy{max-width:22rem;font-size:1rem}.hero-panel{justify-self:end;width:min(20rem,92vw);margin-top:32vh}.project-grid,.systems-board,.reel-strip{justify-self:stretch;width:100%;margin-top:34vh;transform:none}.systems-board{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-board span{min-height:5.4rem}.service-card:nth-child(2),.service-card:nth-child(3){transform:none}.scene-rail{display:none}.terminal{width:min(26rem,100vw - 1.5rem);min-height:2.9rem;font-size:.86rem;bottom:1rem}.speech-bubble{left:50%;right:auto;top:var(--speech-anchor-y,clamp(5.75rem, 18vh, 9rem));width:min(22rem,100vw - 1.5rem);max-height:min(30vh,13.5rem);font-size:.78rem;bottom:auto}.speech-bubble:before{border:1px solid #62ff89d1;border-top:0;border-left:0;width:1.15rem;height:1.15rem;top:auto;bottom:-.82rem;left:50%}}@media (width<=620px){.site-nav{display:none}.hero-actions{max-width:18rem}.primary-link,.secondary-link{justify-content:center;width:100%}.floating-panel,.service-card,.reel-strip article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}