*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a26;--surface: #16161f;--border: #222233;--text: #e8e8ed;--text-dim: #8888a0;--text-muted: #55556a;--accent: #00d4aa;--accent-dim: #00d4aa22;--accent-glow: #00d4aa33;--accent-secondary: #667eea;--gradient: linear-gradient(135deg, #00d4aa, #667eea);--radius: 12px;--radius-lg: 20px}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#0a0a0fd9;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.nav-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}.nav-logo-icon{width:36px;height:36px;flex-shrink:0}.nav-logo-text{display:flex;flex-direction:column;line-height:1}.nav-logo-wordmark{font-family:Space Mono,monospace;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;color:var(--text)}.nav-logo-wordmark .dot{color:var(--accent)}.nav-logo-tagline{font-family:DM Sans,sans-serif;font-size:.55rem;font-weight:400;letter-spacing:2.5px;color:var(--text-dim);margin-top:2px}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;letter-spacing:.3px}.nav-links a:hover{color:var(--accent)}.nav-cta{background:var(--accent)!important;color:var(--bg)!important;padding:.5rem 1.2rem;border-radius:8px;font-weight:600!important;transition:opacity .2s!important}.nav-cta:hover{opacity:.85}.mobile-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.08) 1px,transparent 0),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.05) 1px,transparent 0),radial-gradient(1px 1px at 80% 20%,rgba(255,255,255,.06) 1px,transparent 0);background-size:200px 200px,300px 300px,250px 250px;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:820px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid var(--border);border-radius:100px;font-size:.8rem;color:var(--accent);margin-bottom:2rem;background:var(--accent-dim);letter-spacing:.5px;font-weight:500;animation:fadeUp .8s ease both}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:700;line-height:1.08;letter-spacing:-2px;margin-bottom:1.5rem;animation:fadeUp .8s ease .1s both}.hero h1 .gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.2rem;color:var(--text-dim);max-width:560px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeUp .8s ease .2s both}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease .3s both}.btn-primary{background:var(--accent);color:var(--bg);padding:.85rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text);padding:.85rem 2rem;border-radius:10px;font-weight:500;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);transition:all .25s ease}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}section{padding:6rem 2rem}.container{max-width:1100px;margin:0 auto}.section-label{font-family:Space Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-1.5px;margin-bottom:1rem;line-height:1.15}.section-subtitle{color:var(--text-dim);font-size:1.1rem;max-width:600px;line-height:1.7}#products{background:var(--bg)}.products-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3.5rem}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;transition:all .35s ease;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);opacity:0;transition:opacity .3s ease}.product-card:hover{border-color:#333348;background:var(--bg-card-hover);transform:translateY(-3px)}.product-card:hover:before{opacity:1}.product-card.flagship{grid-column:1;border-color:var(--accent-dim);background:linear-gradient(135deg,var(--bg-card),#0d1a17)}.product-card.flagship:before{opacity:1}.product-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem;background:var(--accent-dim)}.product-status{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.status-live{background:#00d4aa18;color:var(--accent);border:1px solid #00d4aa33}.status-soon{background:#667eea18;color:var(--accent-secondary);border:1px solid #667eea33}.status-planned{background:#88888818;color:var(--text-dim);border:1px solid #88888833}.product-card h3{font-size:1.35rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.5px}.product-card p{color:var(--text-dim);font-size:.95rem;line-height:1.65}.product-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.product-features span{padding:.3rem .75rem;background:var(--surface);border-radius:6px;font-size:.78rem;color:var(--text-dim);border:1px solid var(--border)}@media(min-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}.product-card.flagship{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:0 2rem;align-items:start}.product-card.flagship .product-icon{grid-row:1 / 5;width:64px;height:64px;font-size:1.8rem}}#why{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.why-card{padding:2rem;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border)}.why-card .icon{font-size:1.8rem;margin-bottom:1rem;display:block}.why-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.3px}.why-card p{color:var(--text-dim);font-size:.92rem;line-height:1.65}#operators{background:var(--bg);border-bottom:1px solid var(--border)}.operator-card{max-width:680px;margin:3rem auto 0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem;text-align:center;position:relative;overflow:hidden}.operator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient)}.operator-card h3{font-size:1.4rem;font-weight:700;margin-bottom:.8rem;letter-spacing:-.5px}.operator-card p{color:var(--text-dim);font-size:.95rem;line-height:1.7;margin-bottom:1.8rem;max-width:500px;margin-left:auto;margin-right:auto}.operator-card .operator-note{color:var(--text-muted);font-size:.8rem;margin-top:1.2rem;margin-bottom:0}#founder{background:var(--bg)}.founder-layout{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem;align-items:center}@media(min-width:768px){.founder-layout{grid-template-columns:200px 1fr}}.founder-avatar{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,var(--accent-dim),var(--surface));border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--accent);font-family:Space Mono,monospace;font-weight:700;margin:0 auto}.founder-text h3{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.3rem}.founder-role{color:var(--accent);font-size:.9rem;font-weight:500;margin-bottom:1.2rem;font-family:Space Mono,monospace}.founder-text p{color:var(--text-dim);font-size:1rem;line-height:1.75;margin-bottom:1rem}.founder-text p:last-of-type{margin-bottom:0}#contact{background:var(--bg);text-align:center;padding:8rem 2rem;position:relative}#contact:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.cta-box{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-box h2{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-1.5px;margin-bottom:1rem}.cta-box p{color:var(--text-dim);font-size:1.1rem;margin-bottom:2.5rem;line-height:1.7}.contact-methods{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem}.contact-item{display:flex;align-items:center;gap:.8rem;color:var(--text-dim);font-size:.95rem}.contact-item a{color:var(--accent);text-decoration:none}.contact-item a:hover{text-decoration:underline}footer{padding:2.5rem 2rem;text-align:center;border-top:1px solid var(--border);background:var(--bg)}footer p{color:var(--text-muted);font-size:.82rem}footer a{color:var(--text-dim);text-decoration:none}footer a:hover{color:var(--accent)}@media(max-width:768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0a0a0ff7;backdrop-filter:blur(20px);padding:1.5rem 2rem;border-bottom:1px solid var(--border);gap:1rem}.nav-links.open a{padding:.5rem 0;font-size:1rem}.mobile-toggle{display:block}.nav-logo-tagline{display:none}.nav-logo-icon{width:30px;height:30px}.nav-logo-wordmark{font-size:1.2rem}.hero{min-height:auto;padding:7rem 1.5rem 4rem}.hero h1{letter-spacing:-1px;font-size:2.2rem}.hero p{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions a{width:100%;text-align:center;justify-content:center}section{padding:4rem 1.5rem}.section-title{font-size:1.8rem}.products-grid{grid-template-columns:1fr}.product-card{padding:1.8rem}.product-card.flagship{grid-column:1;display:block}.product-card.flagship .product-icon{width:48px;height:48px;font-size:1.4rem}.product-features span{font-size:.72rem}.why-grid{grid-template-columns:1fr}.founder-layout{text-align:center}.founder-avatar{width:140px;height:140px;font-size:2.8rem}.operator-card{padding:2rem 1.5rem}.cta-box h2{font-size:1.8rem}.contact-methods{align-items:flex-start}}.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}
