.preloader{position:fixed;inset:0;z-index:9999;background:#1a1a1a;justify-content:center;opacity:1;transition:opacity .3s ease-out}.preloader,.preloader-content{display:flex;align-items:center}.preloader-content{flex-direction:column;gap:24px}.preloader-canvas{width:120px;height:120px;position:relative}.preloader-progress{width:200px;height:2px;background:hsla(89,9%,53%,.2);border-radius:1px;overflow:hidden;position:relative}.preloader-progress-bar{height:100%;background:linear-gradient(90deg,hsla(89,9%,53%,.6),#88927d 50%,hsla(89,9%,53%,.6));border-radius:1px;transition:width .1s linear;box-shadow:0 0 8px hsla(89,9%,53%,.4)}.flow-background-wrapper{position:absolute;left:48px;top:50%;transform:translateY(-50%);width:400px;height:500px;z-index:-1;pointer-events:none;opacity:.3}.flow-background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:screen;border-radius:12px}@media (max-width:768px){.flow-background-wrapper{left:24px;width:calc(100% - 48px);max-width:400px;height:400px}}.homepage-hero{position:relative;width:100vw;height:100vh;overflow:hidden;background:#1a1a1a}.hero-canvas{position:absolute;inset:0;z-index:1;background:transparent}.hero-text{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);z-index:10;text-align:center;opacity:0;transition:opacity .8s ease-out;pointer-events:none}.hero-text.visible{opacity:1}.hero-text h1{font-family:Suisse Int\'l,Inter,system-ui,-apple-system,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:500;color:#fff;letter-spacing:-.02em;margin:0;white-space:nowrap}.hero-tagline .product-tag{display:inline-block;padding:8px 16px;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-tagline .product-category{display:block;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;color:hsla(0,0%,100%,.5);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.hero-tagline .product-name{display:block;font-family:Suisse Int\'l,Inter,system-ui,sans-serif;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.95)}.hero-tagline{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);z-index:10;text-align:center;opacity:0;transition:opacity 1s ease-out .3s;pointer-events:none}.hero-tagline.visible{opacity:1}.hero-tagline p{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.5);letter-spacing:.02em;margin:0}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:10}.scroll-line{width:.5px;height:32px;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,0));animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.2;transform:scaleY(1)}50%{opacity:.35;transform:scaleY(1.05)}}.hero-wordmark{position:absolute;top:40px;left:48px;z-index:10}.hero-wordmark svg{height:20px;fill:#fff}@media (max-width:768px){.hero-text{bottom:30%;padding:0 24px}.hero-text h1{white-space:normal;line-height:1.2}.hero-tagline{bottom:12%;padding:0 24px}.hero-cta{left:50%;padding:0 24px;max-width:calc(100% - 48px)}.cta-content{max-width:100%}.cta-line-1{font-size:18px}.cta-line-2{font-size:16px}.cta-line-3{font-size:12px}.scroll-indicator{bottom:24px}}.phase-indicator{position:absolute;top:40px;left:48px;z-index:100;background:rgba(0,0,0,.7);padding:12px 16px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);font-family:Inter,system-ui,monospace;font-size:11px;color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.phase-label{font-weight:600;margin-bottom:8px;color:hsla(0,0%,100%,.9)}.phase-name{font-size:14px;font-weight:700;color:#4cc9f0;margin-bottom:12px;letter-spacing:.05em}.phase-stages{display:flex;flex-direction:column;gap:4px;font-size:10px}.phase-stages span{padding:4px 8px;border-radius:4px;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.4);transition:all .3s ease}.phase-stages span.active{background:rgba(76,201,240,.2);color:#4cc9f0;font-weight:600}.hero-cta{position:fixed!important;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000!important;opacity:0;animation:fadeInCTA 1s ease-out .5s forwards;pointer-events:auto}@keyframes fadeInCTA{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cta-content{display:flex;flex-direction:column;gap:12px;max-width:320px;padding:20px;background:linear-gradient(135deg,rgba(31,31,31,.5),rgba(42,42,42,.5))!important;border:2px solid hsla(89,9%,53%,.5)!important;border-radius:8px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 40px hsla(89,9%,53%,.25),0 8px 24px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)!important;position:relative;z-index:100}.cta-line-1,.cta-line-2,.cta-line-3,.cta-line-4{margin:0;font-family:Suisse Int\'l,Inter,system-ui,sans-serif;color:#f8f8f7;line-height:1.4}.cta-line-1{font-size:20px;font-weight:500;letter-spacing:-.01em}.cta-line-2{font-size:18px;font-weight:400;color:hsla(60,7%,97%,.9)}.cta-line-3{margin-top:4px}.cta-line-3,.cta-line-4{font-size:14px;font-weight:400;color:hsla(89,9%,53%,.9)}.cta-buttons{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cta-button{display:inline-block;padding:12px 24px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:#f8f8f7;text-decoration:none;border:1px solid hsla(89,9%,53%,.5);border-radius:4px;background:hsla(89,9%,53%,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;letter-spacing:.02em;text-align:center}.cta-button:hover{background:hsla(89,9%,53%,.2);border-color:hsla(89,9%,53%,.7);transform:translateX(4px)}.cta-button-secondary{background:rgba(74,95,122,.1);border-color:rgba(74,95,122,.5)}.cta-button-secondary:hover{background:rgba(74,95,122,.2);border-color:rgba(74,95,122,.7)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#08080c}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}