@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--color-bg-dark:#05050a;--color-tron-cyan:#0ff;--color-electric-purple:#8a2be2;--color-text-main:#fff;--color-text-muted:#a0a0a0;--glass-bg:#0a0a0fbf;--glass-border:#0ff3;--glass-blur:blur(16px);--gradient-tron:linear-gradient(135deg, var(--color-electric-purple) 0%, var(--color-tron-cyan) 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-dark);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:Inter,sans-serif;overflow:hidden}.snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;background-image:radial-gradient(circle at 15%,#8a2be20d,#0000 25%),radial-gradient(circle at 85% 30%,#00ffff0d,#0000 25%);width:100%;height:100vh;overflow-y:scroll}.snap-container::-webkit-scrollbar{display:none}.snap-container{-ms-overflow-style:none;scrollbar-width:none}.hero-section{scroll-snap-align:start;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:1;background:radial-gradient(circle,#05050a1a 0%,#05050ab3 100%);position:absolute;inset:0}.content-wrapper{z-index:2;text-align:center;width:100%;max-width:1200px;padding:0 24px;position:relative}h1,h2,h3{text-transform:uppercase;letter-spacing:1px;font-family:Outfit,sans-serif;font-weight:800}.title{color:#fff;text-shadow:0 0 20px #fff6;margin-bottom:16px;font-size:3rem;line-height:1.1;animation:3s infinite alternate glowTextWhite}@media (width>=768px){.title{font-size:5rem}}.subtitle{color:var(--color-text-muted);margin-bottom:40px;font-size:1.25rem;font-weight:400}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);text-align:left;border-radius:20px;padding:40px;box-shadow:0 0 30px #00ffff1a}.text-gradient{background:var(--gradient-tron);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{z-index:100;background:linear-gradient(#05050ae6 0%,#0000 100%);justify-content:space-between;align-items:center;width:100%;padding:24px 48px;display:flex;position:fixed;top:0;left:0}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--color-white);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--color-tron-cyan);text-shadow:0 0 10px #00ffff80}.btn-tron{color:var(--color-tron-cyan);border:2px solid var(--color-tron-cyan);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border-radius:8px;padding:16px 40px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:inset 0 0 15px #0ff3}.btn-tron:hover{background:#00ffff26;transform:translateY(-2px);box-shadow:inset 0 0 25px #00ffff80,0 0 25px #0ff6}@keyframes glowText{0%{text-shadow:0 0 10px #0ff3,0 0 20px #0ff3}to{text-shadow:0 0 20px #0ff9,0 0 30px #0ff6}}@keyframes glowTextWhite{0%{text-shadow:0 0 10px #fff3,0 0 20px #fff3}to{text-shadow:0 0 20px #fff9,0 0 30px #fff6}}@keyframes pulseData{0%{filter:drop-shadow(0 0 5px #8a2be24d)brightness()}50%{filter:drop-shadow(0 0 20px #0ffc)brightness(1.2)}to{filter:drop-shadow(0 0 5px #8a2be24d)brightness()}}@keyframes dataFlowX{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes dataFlowY{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}.animate-pulse{animation:4s ease-in-out infinite pulseData}.data-packet-x{background:var(--color-tron-cyan);width:40px;height:4px;box-shadow:0 0 10px var(--color-tron-cyan);z-index:10;border-radius:4px;animation:2s linear infinite dataFlowX;position:absolute}.data-packet-y{background:var(--color-electric-purple);width:4px;height:40px;box-shadow:0 0 10px var(--color-electric-purple);z-index:10;border-radius:4px;animation:2s linear infinite dataFlowY;position:absolute}@keyframes glitchFade{0%{opacity:0;filter:hue-rotate(90deg);transform:scale(.95)}50%{opacity:.5;filter:hue-rotate(-90deg)}to{opacity:1;filter:hue-rotate();transform:scale(1)}}.glitch-transition{animation:.5s ease-out forwards glitchFade}.hardware-toggle-container{justify-content:center;gap:16px;margin-bottom:40px;display:flex}.hardware-toggle-btn{border:1px solid var(--color-electric-purple);color:#fff;cursor:pointer;background:#0a0a0f80;border-radius:30px;padding:12px 32px;font-family:Outfit;font-weight:600;transition:all .3s}.hardware-toggle-btn.active{background:var(--color-electric-purple);border-color:#0000;box-shadow:0 0 20px #8a2be299}@keyframes keywordFade{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;text-shadow:0 0 15px var(--color-tron-cyan);transform:translateY(0)}80%{opacity:1;text-shadow:0 0 5px var(--color-tron-cyan);transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes keywordFadeWhite{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;text-shadow:0 0 15px #fffc;transform:translateY(0)}80%{opacity:1;text-shadow:0 0 5px #fff6;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.keyword-animate{color:var(--color-tron-cyan);animation:2.5s ease-in-out infinite keywordFade;display:inline-block}.keyword-animate-white{color:var(--color-text-main);animation:2.5s ease-in-out infinite keywordFadeWhite;display:inline-block}@media (width<=768px){.title{font-size:2.5rem!important}.subtitle{margin-bottom:20px;font-size:1rem!important}.navbar{flex-direction:column;gap:10px;padding:15px 20px}.nav-links{white-space:nowrap;justify-content:flex-start;width:100%;padding-bottom:5px;overflow-x:auto}.glass-panel{padding:20px!important}.hardware-split{flex-direction:column!important;gap:30px!important}.hardware-split>div{width:100%!important}.ecosystem-grid{grid-template-columns:1fr!important}.gallery-grid{grid-template-columns:repeat(2,1fr)!important}.hero-section{height:auto;min-height:100vh;padding:100px 0 50px}}@media (width<=480px){.gallery-grid{grid-template-columns:1fr!important}.title{font-size:1.8rem!important}.counter-value{font-size:3rem!important}.counter-label,.keyword-text{font-size:1.2rem!important}.nav-links a{padding:4px 8px;font-size:.8rem}}.counter-value{color:var(--color-tron-cyan);text-shadow:0 0 20px #00ffff80;word-break:break-all;margin-bottom:16px;font-size:6rem;font-weight:800;line-height:1}.counter-label{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:2rem}.keyword-text{text-transform:uppercase;letter-spacing:2px;font-size:2rem;font-weight:600}