@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translate(0,15px)}}@keyframes blob-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes wobble{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-variable.woff2)format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-variable.woff2)format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/inter-variable.woff2)format("woff2")}@font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/space-mono-400.woff2)format("woff2")}:root{--bg-color:#F9F9FB;--text-main:#1a1a1a;--text-muted:#555;--primary-orange:#FF8C42;--primary-orange-hover:#e67e3b;--blob-lavender:#E0C3FC;--blob-peach:#FFD3B6;--blob-blue:#A8E6CF;--font-sans:'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'Space Mono', SFMono-Regular, Consolas, monospace}*,::after,::before{box-sizing:border-box}body,nav ul li a{color:var(--text-main)}body{margin:0;font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;background-color:var(--bg-color);overflow-x:hidden;position:relative}img,picture{max-width:100%;display:block}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:0;padding:0}button{cursor:pointer}.container{width:min(1100px,calc(100% - 2rem));margin:0 auto}.container-fluid{width:100%;padding:0 1rem}.icon,nav .brand{align-items:center}.icon{width:1.25rem;height:1.25rem;display:inline-flex;justify-content:center;vertical-align:middle}.icon,.icon path{fill:currentColor}.reveal{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s cubic-bezier(.5,0,0,1),transform .8s cubic-bezier(.5,0,0,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0) scale(1)}.blob-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:blob-pulse 10s infinite ease-in-out;will-change:transform}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--blob-lavender);animation-duration:12s}.blob-2{top:20%;right:-10%;width:40vw;height:40vw;background:var(--blob-peach);animation-duration:15s;animation-delay:-5s}.blob-3{bottom:-10%;left:20%;width:60vw;height:60vw;background:var(--blob-blue);animation-duration:14s;animation-delay:-8s}footer,main{position:relative;z-index:1}h1,h2,h3{font-weight:800;letter-spacing:-.03em}h1{font-size:3.5rem;line-height:1.1}nav{padding:1rem 0;position:sticky;top:0;z-index:999;backdrop-filter:blur(12px);background:rgba(249,249,251,.8);border-bottom:1px solid rgba(0,0,0,.05);transition:padding .3s ease,box-shadow .3s ease}nav.scrolled{padding:.5rem 0;box-shadow:0 4px 20px rgba(0,0,0,.05)}nav ul li a{font-weight:600;font-size:.95rem;transition:color .2s ease}nav ul li a:hover{color:var(--primary-orange);text-decoration:none}nav .brand{font-size:1.25rem;font-weight:800;display:flex;gap:.5rem}.beta-badge{background:var(--blob-lavender);color:var(--text-main);font-size:.7rem;padding:2px 6px;border-radius:4px;border:1px solid #000;vertical-align:super;box-shadow:2px 2px 0 rgba(0,0,0,.1);transition:transform .2s ease}.brand:hover .beta-badge{transform:rotate(5deg) scale(1.1)}.pixel-icon{image-rendering:pixelated;width:1.35rem;height:1.35rem}.btn-outline,.btn-primary{border:2px solid #1a1a1a;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary{background-color:var(--primary-orange);color:#fff;box-shadow:4px 4px 0#1a1a1a;transition:all .1s cubic-bezier(.4,0,.2,1);transform:translate(-2px,-2px);cursor:pointer}@media (hover:hover){.btn-primary:hover{background-color:var(--primary-orange-hover);transform:translate(-3px,-3px);box-shadow:6px 6px 0#1a1a1a;border-color:#1a1a1a}}.btn-primary:active{transform:translate(0,0);box-shadow:0 0 0#1a1a1a}.btn-outline{background:0 0;color:var(--text-main);box-shadow:4px 4px 0 rgba(0,0,0,.1);transition:all .1s ease}@media (hover:hover){.btn-outline:hover{background:#fff;color:var(--text-main);transform:translate(-1px,-1px);box-shadow:5px 5px 0 rgba(0,0,0,.2);border-color:#1a1a1a}}.btn-outline:active{transform:translate(2px,2px);box-shadow:0 0 0 transparent}.button-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:spin .8s linear infinite}.hero-section{text-align:center;padding:6rem 1rem 4rem;position:relative}.hero-sub{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:1rem auto 2.5rem}.spatial-canvas-mockup{background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.08);padding:1rem;max-width:900px;margin:3rem auto 0;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;background-image:radial-gradient(#ddd 1px,transparent 1px);background-size:20px 20px;transition:transform .1s ease-out;transform-style:preserve-3d}@media (hover:hover){.spatial-canvas-mockup:hover{box-shadow:0 30px 60px rgba(0,0,0,.12)}}.mockup-header{display:flex;gap:8px;margin-bottom:1rem}.dot{width:12px;height:12px;border-radius:50%;transition:transform .2s ease}.mockup-header:hover .dot{transform:scale(1.2)}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.mockup-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;min-height:300px}.hand-drawn-border{border:2px solid var(--text-main);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;padding:1.5rem;background:#fff;box-shadow:4px 4px 0 rgba(0,0,0,.1);transition:transform .3s ease;will-change:transform}.scribble-highlight{position:relative;display:inline-block;z-index:1}.scribble-highlight::after{content:"";position:absolute;top:-10%;left:-5%;width:110%;height:120%;border:3px solid var(--primary-orange);background:0 0;z-index:-1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:wobble 4s ease-in-out infinite alternate;opacity:.6;pointer-events:none}.float-animation{animation:float 6s ease-in-out infinite}.float-animation-delayed{animation:float 7s ease-in-out infinite;animation-delay:1s}.arrow-svg{position:absolute;z-index:10;pointer-events:none;display:block;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.5s ease}.reveal.active .arrow-svg{stroke-dashoffset:0}.feature-block{padding:4rem 0;position:relative}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.feature-text h2{margin-bottom:1rem;font-size:2.5rem}.feature-text p{font-size:1.15rem;color:var(--text-muted);line-height:1.6}.feature-icon-wrapper{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover){.feature-grid:hover .feature-icon-wrapper{transform:scale(1.05) rotate(-2deg)}}.tag-pill{display:inline-block;background:#eee;padding:.25rem .75rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-right:.5rem;margin-bottom:.5rem;transition:all .2s ease;cursor:default}.tag-pill:hover{transform:translateY(-2px);background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}.tag-pill.orange{background:#fff0e6;color:var(--primary-orange);border:1px solid #ffd6b3}.beta-container{max-width:600px;margin:0 auto 4rem;position:relative}.beta-form-card{background:#fff;padding:2.5rem;text-align:center;border:2px solid var(--text-main);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:8px 8px 0 rgba(0,0,0,.1)}.beta-form-card input,.beta-form-card select{appearance:none;border:2px solid #ccc;border-radius:8px;padding:.8rem;width:100%;margin-bottom:1rem;font-family:inherit;transition:border .2s;background-color:#fff}.beta-form-card input:focus,.beta-form-card select:focus{border-color:var(--primary-orange);outline:0;box-shadow:0 0 0 3px rgba(255,140,66,.2)}.success-message{display:none;background:#f0fdf4;border:2px solid #22c55e;color:#15803d;padding:1rem;border-radius:12px;margin-top:1rem;animation:fadeInUp .5s ease}.form-message{display:none;margin-top:.5rem;font-size:.9rem;font-weight:600}.form-message.error{display:block;color:#b91c1c}.form-message.success{display:block;color:#15803d}.install-notebook{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.05);max-width:800px;margin:0 auto;overflow:hidden;transition:box-shadow .3s ease}.install-notebook:hover{box-shadow:0 15px 40px rgba(0,0,0,.08)}.notebook-tabs{background:#fafafa;border-bottom:1px solid #eee;padding:1rem 1.5rem 0;display:flex;gap:1rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.notebook-tab{padding:.75rem 1.5rem;background:0 0;border:0;border-radius:12px 12px 0 0;font-weight:600;color:#888;cursor:pointer;transition:all .2s;position:relative;top:1px}.notebook-tab:hover{color:var(--primary-orange);background:rgba(255,255,255,.5)}.notebook-tab.active{background:#fff;color:var(--primary-orange);box-shadow:0-2px 10px rgba(0,0,0,.02);border-top:2px solid var(--primary-orange)}.notebook-content{padding:2rem;text-align:left}.code-snippet{background:#2d2d2d;color:#f8f8f2;padding:2rem;border-radius:12px;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;position:relative;overflow-x:auto;border:1px solid #404040;box-shadow:inset 0 2px 10px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease;margin-top:1rem}.code-snippet:hover{transform:scale(1.005);border-color:#555}footer{margin-top:6rem;background:#fff;padding:4rem 0;border-top:1px solid #eee;text-align:center}.astronaut-pixel{font-size:3rem;margin-bottom:1rem;display:inline-block;transition:transform .5s ease}footer:hover .astronaut-pixel{transform:translateY(-10px) rotate(5deg)}.hidden{display:none}@media (max-width:960px){.feature-grid{grid-template-columns:1fr;gap:2rem;text-align:center}h1{font-size:2.2rem}.hero-section{padding-top:3rem;padding-bottom:2rem}.arrow-svg,.hide-mobile-deco{display:none!important}.spatial-canvas-mockup{margin:2rem -1rem 0;border-radius:0;padding:1rem .5rem}.mockup-grid{grid-template-columns:1fr;gap:2rem}.hand-drawn-border{transform:rotate(0deg)!important;align-self:center!important;margin-top:1rem!important}.hide-mobile{display:none!important}nav .container{padding:0 1rem}.btn-outline,.btn-primary{width:100%;margin-bottom:.5rem}.hero-section div[style*="display: flex"]{flex-direction:column;gap:.5rem}}@media (min-width:961px){.arrow-svg{display:block}}