:root{--electric:#b7ef51;--orchid:#a881e3;--coral:#ff865c}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--electric),var(--orchid),var(--coral));transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.header{position:relative;z-index:30}.hero{position:relative}.hero-copy{animation:entrance .8s ease both}.hero-art{animation:entrance .9s .1s ease both;background:#eff0e8;transition:box-shadow .5s;transform-style:preserve-3d}.hero-art:hover{box-shadow:0 25px 65px #83945521}.aurora{position:absolute;inset:-30%;background:conic-gradient(from 70deg at 50% 50%,transparent 0deg,#cfefa066 65deg,transparent 120deg,#cbb4ef55 210deg,#ffba9755 290deg,transparent 360deg);filter:blur(35px);animation:aurora 24s linear infinite;opacity:.75}.hero-scanline{position:absolute;top:0;left:-40%;width:25%;height:100%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-25deg);animation:scan 11s ease-in-out infinite;z-index:4;pointer-events:none;mix-blend-mode:soft-light}.orbit:after{content:'';position:absolute;top:20%;left:10%;width:8px;height:8px;background:#9074bc;border:2px solid #f5f2e8;border-radius:50%;box-shadow:0 0 15px #a28ac7}.orbit-two:after{background:#f39b79;left:80%;top:10%}.shape-lime{background:linear-gradient(135deg,#f0ffc5,#c5f14f 33%,#a6d23c 72%,#719128)}.shape-purple{filter:drop-shadow(5px 13px 10px #74509133)}.glass-widget{transition:rotate .5s,box-shadow .5s}.hero-art:hover .glass-widget{rotate:3deg;box-shadow:0 18px 40px #323a2527}.alive:before{animation:highlight-in .8s .25s both;transform-origin:left}.alive svg path{stroke-dasharray:620;stroke-dashoffset:620;animation:ink-in 1.3s .5s forwards}.hero .orange-dot{display:inline-block;animation:dot-in .7s .6s both}.feature{position:relative;transition:transform .4s,box-shadow .4s;isolation:isolate}.feature:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),#ffffff70,transparent 75%);z-index:-1;opacity:0;transition:opacity .3s;pointer-events:none}.feature:hover{transform:translateY(-7px);box-shadow:0 20px 35px #3d4b2210}.feature:hover:after{opacity:1}.feature:hover .speed-lines i{animation:equalize .7s ease-in-out infinite alternate;animation-delay:calc(var(--bar,0)*-.07s)}.feature:hover .selection-box{animation:selection-drift 3s ease-in-out infinite}.feature:hover .sample-switch i{animation:switch-bounce 1.8s ease-in-out infinite}.feature-top>span:last-child{transition:rotate .3s}.feature:hover .feature-top>span:last-child{rotate:45deg}.button{position:relative;overflow:hidden;isolation:isolate}.button:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff24 50%,transparent 80%);transform:translateX(-110%);transition:transform .55s;pointer-events:none}.button:hover:after{transform:translateX(110%)}.button span{transition:transform .25s}.button:hover span{transform:translate(2px,-2px)}.section-heading h2 .spectrum-text{background:linear-gradient(100deg,#729137,#8a60bd 53%,#dc7852);background-clip:text;-webkit-background-clip:text;color:transparent}.reveal-item{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-item.pre-reveal{opacity:0;translate:0 25px}.profile-panel{position:relative;overflow:hidden}.profile-panel:after{content:'';position:absolute;right:-100px;bottom:-130px;width:350px;height:350px;border-radius:50%;border:1px solid #ffffffa0;box-shadow:0 0 0 35px #ffffff15,0 0 0 70px #ffffff13;pointer-events:none}.profile-metrics>div{position:relative;z-index:1}.profile-metrics>div:after{content:'';position:absolute;bottom:-1px;left:0;height:2px;background:#79944f;width:var(--meter,75%);transition:width .8s cubic-bezier(.2,.7,.2,1),background .5s}.pipeline-section{position:relative;background:radial-gradient(ellipse at 15% 100%,#4e523d44,transparent 65%),#252b23;overflow:hidden}.pipeline article{transition:background .3s}.pipeline article:after{content:'';position:absolute;top:30px;right:0;width:1px;height:65px;background:linear-gradient(transparent,#c6f256,transparent);animation:pipeline-flow 4s linear infinite;animation-delay:calc(var(--step,0)*1s)}.pipeline article:hover .pipeline-icon{transform:translateY(-5px) rotate(-5deg)}.pipeline-icon{transition:transform .35s}.closing h2>span{animation:asterisk-spin 24s linear infinite}.closing .wrap{isolation:isolate}.closing-decoration{transition:transform 1s}.closing:hover .closing-decoration{transform:rotate(0deg) scale(1.08)}.code-window{transition:box-shadow .4s,border-color .4s}.code-window:hover{border-color:#b0bf96;box-shadow:0 20px 65px #7c945520}.render-lab{position:relative;background:#eeeee8;overflow:hidden;border-top:1px solid #e0e2d7;border-bottom:1px solid #dcded4}.render-lab:before{content:'';position:absolute;width:600px;height:600px;top:-200px;right:-200px;background:radial-gradient(circle,#c8b2ef2b,transparent 70%);pointer-events:none}.lab-shell{position:relative;border-radius:16px;overflow:hidden;border:1px solid #d3d6c9;background:#171c20;box-shadow:0 20px 45px #303e2712}.lab-toolbar{height:66px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f2;border-bottom:1px solid #d9dfcf}.lab-tabs{height:100%;display:flex;gap:35px}.lab-tabs button{border:0;background:none;font:9px var(--font);color:#8c9480;display:flex;align-items:center;gap:10px;padding:0;position:relative}.lab-tabs button span{font-size:12px;color:#748066}.lab-tabs button[aria-selected=true]{color:#5d7741}.lab-tabs button[aria-selected=true] span{color:var(--ink);font-weight:600}.lab-tabs button:after{content:'';height:2px;background:#8b6caf;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);transition:transform .3s;transform-origin:left}.lab-tabs button[aria-selected=true]:after{transform:scaleX(1)}#lab-pause{width:32px;height:32px;border-radius:50%;border:1px solid #d1d6c5;background:transparent;font-size:11px}.lab-stage{height:510px;position:relative;overflow:hidden;background:#181b24;touch-action:pan-y}.lab-stage canvas{width:100%;height:100%;position:absolute;inset:0}.lab-overlay{position:absolute;left:45px;top:49px;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;max-width:65%}.lab-kicker{font-size:8px;letter-spacing:2px;color:#d9e0ce}.lab-word{font-family:var(--heading);font-size:clamp(40px,5.3vw,72px);line-height:1.12;letter-spacing:-3px;font-weight:500;color:#f1f3e8;margin-top:16px;text-shadow:0 2px 35px #171f20}.lab-hint{font-size:11px;color:#b0bca9;margin-top:13px}.lab-crosshair{position:absolute;right:35px;top:30px;font-size:25px;font-weight:300;color:#c0cdbb55;pointer-events:none}.lab-bottom{position:absolute;left:32px;right:32px;bottom:24px;display:flex;justify-content:space-between;gap:20px;font:8px monospace;letter-spacing:1.1px;color:#adbaa6;pointer-events:none}.lab-bottom span:first-child{display:flex;align-items:center;gap:8px}.lab-bottom i{display:block;width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}.experience-tools{position:fixed;bottom:19px;left:20px;z-index:65;display:flex;align-items:center;gap:2px;padding:3px;border-radius:30px;border:1px solid #d5dcca;background:#f9faf2e8;backdrop-filter:blur(15px);box-shadow:0 4px 20px #293f2510}.experience-tools>button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;padding:7px 12px;gap:8px;font-size:10px;border-radius:30px;color:#49543e}.experience-tools>button:hover{background:#e7eedb}.experience-tools #effects-toggle{border-left:1px solid #d5dcca;border-radius:0 25px 25px 0;min-width:37px;padding:7px}.experience-tools svg{width:15px;height:15px;fill:#758464}.pet-menu{position:absolute;left:0;bottom:54px;width:220px;background:#f9faf4;border:1px solid #d9dfcf;border-radius:14px;box-shadow:0 12px 30px #1e341c20;padding:15px}.pet-menu[hidden]{display:none}.pet-menu strong{font-size:12px;display:block;letter-spacing:-.2px}.pet-menu small{font-size:9px;color:#88917c;display:block;margin:6px 0 13px}.pet-menu>button{width:100%;display:flex;justify-content:space-between;padding:12px 7px;border:0;border-top:1px solid #e3e7da;background:transparent;font-size:11px;text-align:left;border-radius:3px}.pet-menu>button:hover{background:#edf1e4}.poodle{position:fixed;left:0;top:0;width:74px;height:64px;z-index:55;pointer-events:none;will-change:transform;opacity:0;transition:opacity .4s}.poodle.ready{opacity:1}.poodle[hidden]{display:none}.poodle>button{position:absolute;inset:0;border:0;padding:0;margin:0;background:none;pointer-events:auto;cursor:pointer;touch-action:manipulation}.poodle canvas{width:74px;height:64px;display:block;transform:scaleX(var(--facing,1));filter:drop-shadow(0 1px 1px #171c2320)}.pet-shadow{position:absolute;bottom:2px;left:17px;right:12px;height:4px;border-radius:50%;background:#1e29232b;filter:blur(2px);transform:scaleX(var(--shadow,1));opacity:var(--shadow-opacity,1)}.pet-heart{position:absolute;left:28px;top:-10px;color:#a876bb;font-size:18px;opacity:0;pointer-events:none}.pet-loved .pet-heart{animation:heart-rise 1.2s ease-out forwards}.poodle[data-behavior=sniff] canvas{animation:sniff-bob .45s ease-in-out infinite}.poodle[data-behavior=sit] canvas{animation:breathe 2s ease-in-out infinite}.poodle[data-behavior=sleep] canvas{animation:breathe 3s ease-in-out infinite}.poodle[data-behavior=sleep]:after{content:'z';position:absolute;right:5px;top:3px;font:10px var(--font);color:#75866a;animation:heart-rise 3s infinite}.effects-off *,.effects-off *:before,.effects-off *:after{animation-play-state:paused!important}.effects-off .reveal-item{opacity:1;translate:0 0}.effects-off .hero-art,.effects-off .hero-copy{opacity:1}.effects-off .alive:before{scale:1}.effects-off .alive svg path{stroke-dashoffset:0}
@keyframes entrance{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes aurora{to{rotate:360deg}}@keyframes scan{0%,65%{translate:-40% 0}90%,100%{translate:600% 0}}@keyframes highlight-in{from{scale:0 1}to{scale:1 1}}@keyframes ink-in{to{stroke-dashoffset:0}}@keyframes dot-in{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes equalize{to{scale:1 .4}}@keyframes selection-drift{50%{translate:16px -8px}}@keyframes switch-bounce{50%{translate:-23px 0}}@keyframes pipeline-flow{0%{translate:0 -40px;opacity:0}35%,65%{opacity:1}100%{translate:0 150px;opacity:0}}@keyframes asterisk-spin{to{rotate:360deg}}@keyframes heart-rise{0%{opacity:0;translate:0 5px;scale:.7}20%{opacity:1;scale:1}100%{opacity:0;translate:0 -25px}}@keyframes sniff-bob{50%{translate:1px 1px}}@keyframes breathe{50%{scale:1 1.025}}
@media(max-width:800px){.lab-tabs{gap:20px}.lab-tabs button span{font-size:11px}.lab-stage{height:430px}.lab-overlay{left:30px;top:35px}.lab-word{font-size:49px;letter-spacing:-2px}.lab-bottom span:last-child{font-size:7px}.feature:hover{transform:none}}
@media(max-width:600px){.lab-toolbar{height:61px;padding:0 14px;gap:10px}.lab-tabs{gap:17px;flex:1;justify-content:space-between}.lab-tabs button{display:block;font-size:7px;text-align:left;line-height:1.5}.lab-tabs button span{display:block;font-size:9px}.lab-tabs button:after{bottom:-14px}.lab-tabs button[data-study=bloom]{max-width:76px}.lab-tabs button[data-study=regions]{max-width:70px}#lab-pause{width:29px;height:29px;flex:none}.lab-stage{height:390px}.lab-overlay{left:23px;top:35px;max-width:85%}.lab-kicker{font-size:7px;letter-spacing:1.2px}.lab-word{font-size:45px;letter-spacing:-2.3px}.lab-hint{font-size:10px;max-width:200px;line-height:1.6}.lab-bottom{left:23px;right:23px;bottom:22px;font-size:7px}.lab-bottom span:last-child{display:none}.experience-tools{left:12px;bottom:12px}.experience-tools>button{min-height:38px}.experience-tools #pet-settings span{display:none}.experience-tools>button{padding:7px 11px}.poodle{z-index:55}.hero-scanline{display:none}.footer{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){.reveal-item.pre-reveal{opacity:1;translate:0 0}.hero-copy,.hero-art{animation:none;opacity:1}.alive:before{animation:none}.alive svg path{animation:none;stroke-dashoffset:0}.hero .orange-dot{animation:none}.poodle canvas,.poodle:after,.aurora,.hero-scanline,.pipeline article:after,.closing h2>span{animation:none!important}}