@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--pulse-neon:#ff2a5f;--pulse-glow:#ff2a5f33;--pulse-light:#ff7597;--pulse-dark:#b8143d;--pulse-soft:#ff2a5f1a;--surface-1:#ffffffb3;--surface-2:#fff6;--border-soft:#0000000d;--border-strong:#0000001a;--text-main:#0f172a;--text-muted:#475569;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text-main);background-color:#f8fafc;background-image:radial-gradient(circle at 15%,#ff2a5f0d,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f60d,#0000 25%);background-attachment:fixed;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#root{min-height:100vh}.page-shell{min-height:100vh;padding:24px 24px 64px;position:relative;overflow-x:hidden}.content{z-index:10;flex-direction:column;gap:80px;max-width:1200px;margin:0 auto;display:flex;position:relative}.ambient{z-index:0;filter:blur(100px);opacity:.6;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-30px)scale(1.05)}}.ambient-left{background:radial-gradient(circle,#ff2a5f33 0%,#0000 70%);width:600px;height:600px;top:-100px;left:-200px}.ambient-right{background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:500px;height:500px;animation-delay:-5s;bottom:20%;right:-200px}.topbar{z-index:100;-webkit-backdrop-filter:blur(24px);background:#fff9;border:1px solid #fff9;border-radius:24px;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 64px;padding:16px 24px;transition:transform .3s,background .3s;display:flex;position:sticky;top:24px;box-shadow:0 10px 30px #00000008}.brand{align-items:center;gap:12px;transition:opacity .2s;display:flex}.brand:hover{opacity:.8}.brand-logo{border-radius:12px;width:40px;height:40px;box-shadow:0 4px 14px #ff2a5f26}.brand-name{letter-spacing:-.02em;background:linear-gradient(135deg,#0f172a,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.topbar-tag{border:1px solid var(--pulse-soft);background:var(--pulse-soft);color:var(--pulse-dark);letter-spacing:.02em;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.hero{grid-template-columns:1fr .8fr;align-items:center;gap:40px;display:grid}.hero-copy{flex-direction:column;gap:24px;display:flex}.eyebrow{color:var(--pulse-dark);letter-spacing:.1em;text-transform:uppercase;background:#ff2a5f1a;border:1px solid #ff2a5f26;border-radius:999px;width:fit-content;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 30%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.1}.hero-title span{background:linear-gradient(135deg, var(--pulse-neon), #ff8a00);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-text{color:var(--text-muted);max-width:540px;margin:0;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.cta-button{appearance:none;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}.cta-primary{background:linear-gradient(135deg, var(--pulse-neon), var(--pulse-dark));color:#fff;box-shadow:0 10px 25px var(--pulse-glow)}.cta-primary:hover{box-shadow:0 15px 35px var(--pulse-glow);filter:brightness(1.1);transform:translateY(-2px)}.cta-secondary{background:var(--surface-1);color:#0f172a;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.hero-note{color:#64748b;margin:0;font-size:.85rem}.hero-panel{position:relative}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:32px;padding:32px;position:relative;overflow:hidden;box-shadow:0 24px 40px #0000000a}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.panel-label{color:var(--pulse-dark);background:#ff2a5f1a;border-radius:999px;margin-bottom:20px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.glass-card h2{margin:0 0 16px;font-size:2rem;font-weight:700;line-height:1.2}.glass-card p{color:var(--text-muted);margin:0 0 32px;line-height:1.6}.panel-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mini-stat{border:1px solid var(--border-soft);text-align:center;background:#fffc;border-radius:20px;padding:20px 16px;transition:transform .3s,border-color .3s;box-shadow:0 4px 15px #00000005}.mini-stat:hover{border-color:#ff2a5f4d;transform:translateY(-4px)}.stat-value{color:#0f172a;margin-bottom:4px;font-size:1.75rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);font-size:.8rem;line-height:1.3;display:block}.section-heading{text-align:center;max-width:600px;margin:0 auto 48px}.section-heading h2{letter-spacing:-.03em;margin:16px 0;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.section-heading p{color:var(--text-muted);margin:0;font-size:1.1rem;line-height:1.6}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #ffffffb3;border-radius:24px;padding:32px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.feature-card:hover{background:#ffffffe6;border-color:#fff;transform:translateY(-6px);box-shadow:0 20px 40px #0000000d}.feature-icon-wrapper{width:48px;height:48px;color:var(--pulse-neon);background:#ff2a5f1a;border:1px solid #ff2a5f26;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-icon-wrapper svg{width:24px;height:24px}.feature-card h3{margin:0 0 12px;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.6}.install-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.install-card{background:linear-gradient(145deg,#fffc,#f1f5f980);border:1px solid #fffc;border-radius:24px;flex-direction:column;justify-content:space-between;gap:24px;padding:32px;transition:transform .3s,border-color .3s;display:flex;box-shadow:0 10px 30px #00000005}.install-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 15px 40px #0000000d}.install-info h3{margin:0 0 12px;font-size:1.4rem;font-weight:700}.install-info p{color:var(--text-muted);margin:0;line-height:1.6}.install-button{color:#0f172a;cursor:pointer;background:#0f172a0d;border:1px solid #0f172a1a;border-radius:16px;width:100%;padding:14px 24px;font-weight:600;transition:all .2s}.install-button.highlight{color:#fff;background:#0f172a;border-color:#0f172a}.install-button:hover{background:#0f172a1a}.install-button.highlight:hover{background:#1e293b;border-color:#1e293b}@media (width<=1024px){.hero{grid-template-columns:1fr;gap:56px}.hero-panel{max-width:700px;margin:0 auto}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-shell{padding:16px 16px 40px}.content{gap:56px}.topbar{border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:40px;padding:16px;top:12px}.hero-title{font-size:clamp(2.4rem,12vw,2.75rem)}.feature-grid,.install-grid{grid-template-columns:1fr}.panel-grid{grid-template-columns:repeat(2,1fr)}.glass-card,.feature-card,.install-card{border-radius:24px;padding:24px}.hero-actions{flex-direction:column}.cta-button{width:100%}}@media (width<=480px){.panel-grid{grid-template-columns:1fr}.ambient-left{width:300px;height:300px;left:-100px}.ambient-right{width:250px;height:250px;right:-100px}.install-card{flex-direction:column;align-items:flex-start}}