:root{--bg:#0f1724;--card:#0b1220;--muted:#9aa4b2;--accent:#7c5cff;--surface:#0a1220;--text:#e6eef8;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:linear-gradient(180deg,#071022,#071422);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:16px;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0710224d}::-webkit-scrollbar-thumb{background:#7c5cff80;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c5cffb3}.snap-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-snap-stop:always}.snap-section{height:100vh;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:48px 20px}.hero-section{background:linear-gradient(135deg,#7c5cff1f,#4ea3ff0f)}.cta-section{background:linear-gradient(180deg,#07122299,#071422fa)}.snap-section h1,.snap-section h2,.snap-section h3{color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;animation:fadeInUp .6s ease-out}.snap-section h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;letter-spacing:-.02em}.snap-section h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.3}.snap-section h3{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card{background:#ffffff08;border:1px solid rgba(124,92,255,.1);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{background:#ffffff0f;border-color:#7c5cff66;transform:translateY(-6px);box-shadow:0 12px 30px #7c5cff33}.container{max-width:1100px;padding:24px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.brand:hover{opacity:.8}.brand .logo{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#4ea3ff);display:flex;align-items:center;justify-content:center;font-weight:700}.nav{display:flex;gap:18px}.nav a{color:var(--text);text-decoration:none;padding:8px 12px;border-radius:8px;position:relative;transition:all .2s}.nav a:hover{background:#ffffff0a;color:#7c5cff}.nav a.active:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:linear-gradient(to-r,#7c5cff,#4ea3ff);border-radius:1px}.hamburger{display:none;background:none;border:0;color:var(--text);font-size:22px;cursor:pointer;transition:all .2s}.hamburger:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;padding:32px 0}.hero-content h1{font-size:2rem;margin:0 0 8px;line-height:1.2}.hero-content p{color:var(--muted);margin:0 0 16px}.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text);text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.btn:hover{transform:translateY(-2px);background:#ffffff0d}.btn.primary{background:linear-gradient(135deg,var(--accent),#4ea3ff);color:#071022;border:0;font-weight:600;box-shadow:0 10px 25px #7c5cff4d}.btn.primary:hover{opacity:.9;box-shadow:0 15px 35px #7c5cff66}.placeholder-image{width:220px;height:140px;border-radius:12px;background:linear-gradient(135deg,#1f2a44,#16202f);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--muted)}.features{padding:18px 0}.cards{display:grid;grid-template-columns:1fr;gap:12px}.cards article{background:#ffffff05;padding:16px;border-radius:12px;border:1px solid rgba(124,92,255,.1);transition:all .3s ease}.cards article:hover{background:#ffffff0d;border-color:#7c5cff4d;transform:translateY(-4px)}.cta{margin:32px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer{background:#0000004d;padding:24px;border-top:1px solid rgba(255,255,255,.03)}.footer .grid{display:grid;grid-template-columns:1fr;gap:12px}.footer a{color:var(--muted);text-decoration:none;transition:all .2s}.footer a:hover{color:var(--text);color:#7c5cff}@media(min-width:720px){.hero{grid-template-columns:1fr 420px}.cards{grid-template-columns:repeat(3,1fr)}.nav{display:flex}.hamburger{display:none}.footer .grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:719px){.nav{display:none}.hamburger{display:block}.snap-section{height:auto;min-height:100vh;padding:60px 20px}.hero-content h1{font-size:1.75rem;line-height:1.2}.snap-section h1{font-size:1.75rem}.snap-section h2{font-size:1.5rem}}.muted{color:var(--muted)}.gradient-text{background:linear-gradient(135deg,#7c5cff,#4ea3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-enter{animation:fadeInUp .6s ease-out}.page-exit{animation:fadeOut .3s ease-in}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:1000px 100%;animation:shimmer 2s infinite}