:root{--bg:#0B0C10;--surface:#13141A;--surface-glass:rgba(19,20,26,0.7);--border:rgba(255,255,255,0.08);--green:#3FE8A0;--green-glow:rgba(63,232,160,0.2);--blue:#5B8EFF;--text:#EEEAE0;--muted:#9B9890}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);margin:0;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(63,232,160,0.04) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(91,142,255,0.04) 0%,transparent 50%)}
.syne{font-family:'Syne',sans-serif}
.nav{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--surface-glass);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}
.logo{font-size:1.5rem;font-weight:800;letter-spacing:-0.03em}.logo span{color:var(--green)}
.nav-btn{background:rgba(255,255,255,0.05);color:var(--text);border:1px solid var(--border);padding:0.5rem 1rem;border-radius:8px;font-weight:600;font-size:0.85rem;text-decoration:none;transition:0.2s}
.nav-btn:hover{background:rgba(255,255,255,0.1)}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem 2rem 4rem;position:relative}
.badge-launch{background:rgba(91,142,255,0.1);color:var(--blue);border:1px solid rgba(91,142,255,0.2);padding:0.4rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1.5rem;animation:slideDown 0.6s ease-out}
.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;max-width:900px;letter-spacing:-0.03em;animation:slideUp 0.6s ease-out 0.1s both}
.hero h1 span{background:linear-gradient(135deg,var(--green),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{font-size:1.15rem;color:var(--muted);max-width:600px;line-height:1.6;margin-bottom:2.5rem;animation:slideUp 0.6s ease-out 0.2s both}
.countdown{display:flex;gap:1.5rem;margin-bottom:3rem;animation:slideUp 0.6s ease-out 0.3s both}
.t-box{background:var(--surface);border:1px solid var(--border);padding:1rem 1.5rem;border-radius:12px;min-width:100px;box-shadow:0 8px 32px rgba(0,0,0,0.2)}
.t-val{font-size:2.5rem;font-weight:800;color:var(--green);line-height:1}
.t-lbl{font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.3rem}
.waitlist-card{background:var(--surface-glass);backdrop-filter:blur(16px);border:1px solid var(--border);padding:2.5rem;border-radius:24px;max-width:480px;width:100%;box-shadow:0 16px 48px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05);animation:slideUp 0.6s ease-out 0.4s both;text-align:left}
.waitlist-card h3{font-size:1.3rem;margin-bottom:0.5rem;color:white}
.waitlist-card p{font-size:0.85rem;margin-bottom:1.5rem}
.input-group{margin-bottom:1.2rem}
.input-group label{display:block;font-size:0.75rem;color:var(--muted);margin-bottom:0.4rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:600}
.input-field{width:100%;background:rgba(0,0,0,0.3);border:1px solid var(--border);color:white;padding:0.9rem;border-radius:8px;font-family:inherit;font-size:0.95rem;outline:none;transition:0.2s}
.input-field:focus{border-color:var(--green);background:rgba(0,0,0,0.5)}
.submit-btn{width:100%;background:var(--green);color:#0B0C10;border:none;padding:1rem;border-radius:8px;font-weight:800;font-size:1rem;font-family:inherit;cursor:pointer;transition:0.2s;box-shadow:0 4px 15px var(--green-glow)}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--green-glow)}
.sectors-wrap{width:100%;overflow:hidden;padding:4rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);position:relative}
.sectors-wrap::before,.sectors-wrap::after{content:'';position:absolute;top:0;width:15%;height:100%;z-index:2}
.sectors-wrap::before{left:0;background:linear-gradient(to right,var(--surface) 0%,transparent 100%)}
.sectors-wrap::after{right:0;background:linear-gradient(to left,var(--surface) 0%,transparent 100%)}
.sectors-track{display:flex;gap:3rem;width:max-content;animation:scrollLeft 35s linear infinite}
.sector-badge{display:flex;align-items:center;gap:0.8rem;background:var(--bg);border:1px solid var(--border);padding:0.8rem 1.5rem;border-radius:40px;font-size:1.1rem;font-weight:600;color:var(--text);white-space:nowrap}
.sector-badge span{font-size:1.4rem}
.features{padding:6rem 2rem;max-width:1200px;margin:0 auto}
.section-title{text-align:center;font-size:2.2rem;font-weight:800;margin-bottom:3rem}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.feat-card{background:var(--surface);border:1px solid var(--border);padding:2.5rem 2rem;border-radius:16px;transition:0.3s}
.feat-card:hover{border-color:var(--green);transform:translateY(-5px)}
.feat-icon{font-size:2.5rem;margin-bottom:1.5rem;display:inline-block;padding:1rem;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid var(--border)}
.feat-title{font-size:1.25rem;font-weight:700;margin-bottom:0.8rem;color:white}
.feat-desc{font-size:0.95rem;color:var(--muted);line-height:1.6}
.footer{text-align:center;padding:3rem 2rem;border-top:1px solid var(--border);color:var(--muted);font-size:0.85rem}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 1.5rem))}}
@media(max-width:768px){.countdown{gap:0.8rem}.t-box{min-width:70px;padding:0.8rem 1rem}.t-val{font-size:1.8rem}.waitlist-card{padding:1.5rem}}