.typing-container{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.typing-text{letter-spacing:-.03em;color:var(--text-primary);text-transform:lowercase;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:600}.typing-cursor{color:var(--text-primary);margin-left:2px;font-size:clamp(3rem,8vw,6rem);font-weight:300;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.typing-container{top:45%}.typing-text,.typing-cursor{font-size:4.5rem}}.model-loader{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader-spinner{border:2px solid #ffffff1a;border-top-color:#fff6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}html.light .loader-spinner{border-color:#0006 #0000001a #0000001a}.hero-dark{background:#0a0a0a;justify-content:center;align-items:center;height:90vh;margin:0;padding:80px clamp(2rem,5vw,4rem) 0;display:flex;position:relative;overflow:hidden}.noise-overlay{opacity:.04;pointer-events:none;z-index:1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.canvas-container{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-dark:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(#0000 0%,#0000004d 100%);position:absolute;inset:0}.hero-headline{letter-spacing:-.03em;color:#f5f5f5;z-index:10;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.05;position:relative}.hero-subheadline{color:#fff9;z-index:10;max-width:540px;margin-bottom:2.5rem;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;position:relative}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.btn-hero-primary,.btn-hero-secondary{border-radius:100px;padding:1rem 2rem;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block}.btn-hero-primary{color:#0a0a0a;background:#f5f5f5;border:1px solid #0000}.btn-hero-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.btn-hero-secondary{color:#f5f5f5;background:0 0;border:1px solid #fff3}.btn-hero-secondary:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)}@media (max-width:768px){.hero-dark{width:100vw;height:90vh;padding:6rem 1.5rem 4rem}.hero-headline{font-size:2.25rem}.hero-subheadline{margin-bottom:2rem;font-size:1rem}.hero-cta{flex-direction:column;gap:.75rem}.btn-hero-primary,.btn-hero-secondary{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.canvas-container{display:none}.btn-hero-primary:hover,.btn-hero-secondary:hover{transform:none}}.settings-panel{z-index:1000;position:fixed;bottom:1.5rem;right:1.5rem}.save-button{color:#0a0a0a;cursor:pointer;background:#ffffffe6;border:none;border-radius:6px;width:100%;margin-bottom:.5rem;padding:.75rem;font-size:.8rem;font-weight:600;transition:all .15s}.save-button:hover{background:#fff;transform:translateY(-1px)}.settings-toggle{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.settings-toggle:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.settings-panel.open .settings-toggle{color:#fff;background:#fff3}.settings-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;width:280px;max-height:calc(100vh - 150px);padding:1.25rem;position:absolute;bottom:54px;right:0;overflow-y:auto;box-shadow:0 20px 40px #0006}.settings-content h4{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.75rem;font-size:.75rem;font-weight:600}.setting-group{margin-bottom:1rem}.setting-group label{color:#ffffffb3;margin-bottom:.5rem;font-size:.75rem;display:block}.setting-buttons{flex-wrap:wrap;gap:.375rem;display:flex}.setting-buttons button{text-transform:capitalize;color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.375rem .625rem;font-size:.6875rem;font-weight:500;transition:all .15s}.setting-buttons button:hover{color:#ffffffe6;background:#ffffff1a}.setting-buttons button.active{color:#fff;background:#ffffff26;border-color:#ffffff4d}.setting-group input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;width:100%;height:4px}.setting-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s}.setting-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.reset-button{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:100%;margin-top:.5rem;padding:.625rem;font-size:.75rem;font-weight:500;transition:all .15s}.reset-button:hover{color:#ffffffe6;background:#ffffff0d;border-color:#ffffff40}@media (max-width:768px){.settings-panel{bottom:1rem;right:1rem}.settings-content{width:260px;max-height:calc(100vh - 120px);right:-.5rem}}.scroll-indicator{color:var(--text-muted);z-index:20;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;transition:color .3s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:var(--text-primary)}.scroll-text{text-transform:uppercase;letter-spacing:.15em;font-size:.625rem;font-weight:500}.scroll-line{background:#fff3;width:1px;height:50px;position:relative;overflow:hidden}.scroll-dot{background:var(--text-primary);border-radius:2px;width:3px;height:10px;animation:2s ease-in-out infinite scrollDot;position:absolute;left:-1px}@keyframes scrollDot{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:calc(100% - 10px)}}html.light .scroll-line{background:#00000026}@media (max-width:768px){.scroll-indicator{bottom:1.5rem}.scroll-line{height:35px}}html.light .hero-dark{background:#f8f8f8}html.light .hero-dark:after{display:none}html.light .canvas-container{box-shadow:none}html.light .noise-overlay{opacity:.02}html.light .hero-headline{color:#0a0a0a}html.light .hero-subheadline{color:#0009}html.light .btn-hero-primary{color:#f5f5f5;background:#0a0a0a}html.light .btn-hero-primary:hover{background:#1a1a1a;box-shadow:0 8px 24px #00000026}html.light .btn-hero-secondary{color:#0a0a0a;border:1px solid #0003}html.light .btn-hero-secondary:hover{background:#0000000d;border-color:#0006}html.light .settings-toggle{color:#0009;background:#0000000d;border:1px solid #0000001a}html.light .settings-toggle:hover{color:#0a0a0a;background:#0000001a;border-color:#0003}html.light .settings-panel.open .settings-toggle{color:#0a0a0a;background:#00000026}html.light .settings-content{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 20px 40px #0000001a}html.light .settings-content h4{color:#00000080;border-bottom:1px solid #0000001a}html.light .setting-group label{color:#000000b3}html.light .setting-buttons button{color:#0009;background:#00000008;border:1px solid #0000001a}html.light .setting-buttons button:hover{color:#000000e6;background:#00000012}html.light .setting-buttons button.active{color:#0a0a0a;background:#0000001a;border-color:#0003}html.light .setting-group input[type=range]{background:#0000001a}html.light .setting-group input[type=range]::-webkit-slider-thumb{background:#0a0a0a}html.light .save-button{color:#fff;background:#000000e6}html.light .save-button:hover{background:#000}html.light .reset-button{color:#0009;border:1px solid #00000026}html.light .reset-button:hover{color:#000000e6;background:#0000000d;border-color:#00000040}.theme-transition-overlay{z-index:9999;pointer-events:none;background:#0a0a0a;width:0;height:100vh;position:fixed;top:0;left:0}.theme-transition-overlay.active{animation:1.2s cubic-bezier(.65,0,.35,1) forwards themeSlide}@keyframes themeSlide{0%{width:0;left:0}35%{width:100%;left:0}65%{width:100%;left:0}to{width:0;left:100%}}.theme-toggle-container{z-index:1000;position:fixed;bottom:1.5rem;left:1.5rem}.theme-toggle-btn{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}html.light .theme-toggle-btn{color:#0009;background:#0000000d;border:1px solid #0000001a}html.light .theme-toggle-btn:hover{color:#0a0a0a;background:#0000001a;border-color:#0003}@media (max-width:768px){.theme-toggle-container{bottom:1rem;left:1rem}}.hex-input-wrapper{align-items:center;gap:.5rem;display:flex}.color-picker{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;width:36px;height:36px;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.hex-input{color:#ffffffe6;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:.5rem .75rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.hex-input:focus{border-color:#ffffff4d;outline:none}html.light .color-picker{border-color:#0000001a}html.light .hex-input{color:#000000e6;background:#00000008;border-color:#0000001a}html.light .hex-input:focus{border-color:#0000004d}