:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #0f172a;--accent: #f43f5e;--gold: #ffb82b;--pink: #ff4f9e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background:#000;background-color:#000;overflow-x:hidden;position:relative;min-height:100vh}.pixel-matrix{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.15;pointer-events:none}.pixel-row{display:flex;height:20px}.pixel{width:20px;height:20px;background:transparent;transition:all .3s ease}.pixel.active{animation:pixel-glow 2s ease-in-out infinite}@keyframes pixel-glow{0%,to{background:transparent}50%{background:var(--gold);box-shadow:0 0 10px var(--gold)}}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;background:radial-gradient(ellipse at center,rgba(99,102,241,.1) 0%,transparent 70%)}.spiral-container{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;will-change:transform}.spiral-pixel{position:absolute;width:8px;height:8px;background:var(--gold);opacity:0;animation:spiral-in 1.5s ease-out forwards}@keyframes spiral-in{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:.8}to{opacity:.6;transform:scale(1) rotate(360deg)}}h1{font-family:Clash Display,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:900;margin-bottom:1rem;margin-top:-3rem;background:linear-gradient(135deg,var(--gold) 0%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;animation:title-glow 3s ease-in-out infinite;position:relative;z-index:2;filter:drop-shadow(0 4px 20px rgba(0,0,0,.8)) drop-shadow(0 2px 10px rgba(0,0,0,.6))}@keyframes title-glow{0%,to{filter:brightness(1) drop-shadow(0 4px 20px rgba(0,0,0,.8)) drop-shadow(0 2px 10px rgba(0,0,0,.6))}50%{filter:brightness(1.2) drop-shadow(0 4px 20px rgba(0,0,0,.8)) drop-shadow(0 2px 10px rgba(0,0,0,.6)) drop-shadow(0 0 30px var(--gold))}}.hero-subtitle{font-size:clamp(2rem,4vw,3.5rem);font-weight:400;margin-bottom:3rem;margin-top:3rem;opacity:.95;animation:fade-up 1s ease-out .5s both;position:relative;z-index:2;letter-spacing:-.02em;color:#fffffff2;text-shadow:0 3px 15px rgba(0,0,0,.8),0 1px 5px rgba(0,0,0,.9);font-family:Clash Display,sans-serif;line-height:1.3}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:.9;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-20px)}}@media(max-width:768px){.spiral-container{width:350px;height:350px}.spiral-pixel{width:6px;height:6px}h1{font-size:clamp(4.5rem,16vw,6rem);margin-bottom:.5rem;margin-top:-2rem}.hero-subtitle{font-size:clamp(2rem,6vw,2.5rem);margin-bottom:2rem;margin-top:2rem;padding:0 1rem;text-align:center;width:100%;line-height:1.2}}@media(max-width:480px){h1{font-size:4rem;margin-top:-1.5rem}.hero-subtitle{margin-top:1.5rem;font-size:1.8rem;line-height:1.2}}.circuit-section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#000,#0f172acc);overflow:hidden}.circuit-board{position:absolute;width:100%;height:100%;opacity:.3}.circuit-path{position:absolute;background:var(--primary);box-shadow:0 0 10px var(--primary)}.circuit-node{position:absolute;width:12px;height:12px;background:var(--pink);border-radius:50%;box-shadow:0 0 20px var(--pink);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1}}.transformation-content{text-align:center;z-index:2;position:relative;max-width:1200px;margin:0 auto;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:60vh}.vision-text{font-size:clamp(2rem,4.5vw,4rem);line-height:1.3;font-weight:300;font-family:Clash Display,sans-serif;letter-spacing:-.03em;position:relative}.vision-line{display:block;position:relative;opacity:0;animation:slide-in 1s ease-out forwards;margin:.5rem 0}.vision-line:nth-child(1){animation-delay:.3s}.vision-line:nth-child(2){animation-delay:.6s}.vision-line:nth-child(3){animation-delay:.9s}@keyframes slide-in{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.vision-line:before{content:"";position:absolute;left:-60px;top:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--gold));transform:translateY(-50%)}.ai-meets{background:linear-gradient(90deg,var(--primary) 0%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.data-becomes{background:linear-gradient(90deg,var(--pink) 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.interaction-becomes{background:linear-gradient(90deg,var(--gold) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}@media(max-width:768px){.vision-text{font-size:clamp(2.2rem,7vw,3rem);padding:0 1rem}.vision-line{display:block;margin:2.5rem 0;line-height:1.2}.vision-line:before{display:none}.circuit-section{padding:2rem 1rem}.transformation-content{min-height:80vh;padding:1rem}}@media(max-width:480px){.vision-text{font-size:2rem}.vision-line{margin:2rem 0}}.traction-section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172acc,#000)}.mosaic-bg{position:absolute;width:100%;height:100%;overflow:hidden;opacity:.2}.mosaic-tile{position:absolute;transition:all .5s ease}.mosaic-tile:hover{transform:scale(1.1);opacity:.8!important}.cta-content{text-align:center;z-index:2;position:relative;max-width:800px;padding:2rem}.cta-headline{font-size:clamp(3rem,6vw,5rem);font-weight:800;font-family:Clash Display,sans-serif;line-height:1.1;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-subtext{font-size:1.5rem;font-weight:300;opacity:.8;margin-bottom:3rem;line-height:1.4}.cta-button{display:inline-block;padding:1.2rem 3rem;margin-top:3rem;background:linear-gradient(135deg,var(--gold),var(--pink));color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffb82b66}.cta-button:hover:before{width:300px;height:300px}@media(max-width:768px){.cta-headline{font-size:clamp(3rem,9vw,4rem);line-height:1.1}.cta-subtext{font-size:1.5rem;padding:0 1rem;line-height:1.4}.cta-button{padding:1rem 2.5rem;font-size:1rem}}@media(max-width:480px){.cta-headline{font-size:2.5rem}.cta-subtext{font-size:1.3rem}}.modal[data-astro-cid-nxxydibx]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center}.modal-content[data-astro-cid-nxxydibx]{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:20px;max-width:500px;width:90%;position:relative}.close[data-astro-cid-nxxydibx]{position:absolute;top:1rem;right:1rem;font-size:2rem;cursor:pointer;color:#fff}.modal-content[data-astro-cid-nxxydibx] h2[data-astro-cid-nxxydibx]{color:#fff;margin-bottom:2rem;font-family:Clash Display,sans-serif}.form-input[data-astro-cid-nxxydibx],.form-textarea[data-astro-cid-nxxydibx]{width:100%;padding:1rem;margin-bottom:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;font-family:inherit}.form-textarea[data-astro-cid-nxxydibx]{min-height:100px;resize:vertical}.form-input[data-astro-cid-nxxydibx]::placeholder,.form-textarea[data-astro-cid-nxxydibx]::placeholder{color:#ffffff80}.form-button[data-astro-cid-nxxydibx]{width:100%;padding:1rem;background:linear-gradient(135deg,var(--gold),var(--pink));border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.form-button[data-astro-cid-nxxydibx]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffb82b66}
