@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);:root{--bg-dark:#0B1120;--bg-gradient-start:#0f172a;--bg-gradient-end:#020617;--glass-bg:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--glass-highlight:rgba(255, 255, 255, 0.1);--accent-blue:#38bdf8;--accent-glow:#0ea5e9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--card-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.36)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-image:url('../hero_bg.png');background-size:cover;background-position:center;background-attachment:fixed;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body::before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(11,17,32,.4) 0,rgba(11,17,32,.7) 50%,rgba(11,17,32,.8) 100%);z-index:-1}.container{max-width:1280px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:24px}.glass-panel:hover{border-color:var(--glass-highlight);transform:translateY(-4px);box-shadow:0 12px 40px 0 rgba(14,165,233,.15)}.hero{position:relative;padding:160px 0 200px;text-align:center;overflow:hidden}.hero::before{display:none}.hero::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.1),transparent 70%);z-index:2;pointer-events:none}.hero-glass{position:relative;z-index:10;padding:80px 40px;max-width:1000px;margin:0 auto;background:rgba(11,17,32,.6);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.hero h1{position:relative;z-index:10;font-size:4.5rem;line-height:1.1;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#fff 0,#bae6fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(56,189,248,.3);letter-spacing:-.02em}.hero .subtitle{font-size:1.5rem;color:var(--accent-blue);margin-bottom:32px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.hero-desc{font-size:1.25rem;color:var(--text-secondary);max-width:800px;margin:0 auto 48px;line-height:1.8}.cta-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-glow),#0284c7);color:#fff;padding:18px 48px;border-radius:100px;text-decoration:none;font-weight:700;font-size:1.125rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 0 20px rgba(14,165,233,.4);text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.2)}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px rgba(14,165,233,.6);background:linear-gradient(135deg,#38bdf8,#0ea5e9)}section{padding:100px 0;position:relative}section:nth-child(2n){background:rgba(255,255,255,.01);backdrop-filter:blur(5px)}h2{font-size:2.5rem;font-weight:800;margin-bottom:24px;color:#fff;text-align:center;letter-spacing:-.01em}.section-subtitle{text-align:center;font-size:1.25rem;color:var(--text-secondary);margin-bottom:64px;max-width:700px;margin-left:auto;margin-right:auto}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.card{padding:40px;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;transition:all .4s ease}.card:hover{background:rgba(255,255,255,.06);border-color:rgba(56,189,248,.3);transform:translateY(-5px);box-shadow:0 20px 40px -10px rgba(0,0,0,.5)}.card h3{font-size:1.5rem;color:#fff;margin-bottom:16px;font-weight:700}.card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.problem-card{border-left:4px solid #ef4444;padding:32px;background:linear-gradient(180deg,rgba(239,68,68,.05) 0,transparent 100%)}.problem-card h3{color:#fca5a5}.feature-icon{width:64px;height:64px;background:rgba(14,165,233,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:24px;border:1px solid rgba(56,189,248,.2);box-shadow:0 0 15px rgba(14,165,233,.1)}.benefit-item{display:flex;gap:24px;padding:32px;background:rgba(255,255,255,.02);border-radius:20px;border:1px solid var(--glass-border);align-items:flex-start}.benefit-icon{flex-shrink:0;width:48px;height:48px;background:rgba(16,185,129,.1);color:#34d399;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid rgba(52,211,153,.2)}.benefit-content h4{color:#f1f5f9;font-size:1.25rem;margin-bottom:8px;font-weight:700}.roi-number{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#fff,var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;text-shadow:0 0 20px rgba(56,189,248,.2)}.roi-label{color:var(--accent-blue);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}.use-case{padding:40px;background:rgba(255,255,255,.02);border-radius:24px;border:1px solid var(--glass-border)}.use-case ul{list-style:none;padding:0}.use-case li{padding:12px 0;color:var(--text-secondary);padding-left:32px;position:relative}.use-case li::before{content:'✓';position:absolute;left:0;color:#34d399;font-weight:700}.pricing-note{text-align:center;padding:48px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.01) 100%);border-radius:24px;border:1px solid var(--glass-border);max-width:900px;margin:0 auto}.cta-section{background:radial-gradient(circle at center,rgba(14,165,233,.15) 0,transparent 70%);padding:140px 20px;text-align:center;border-top:1px solid var(--glass-border)}.cta-button-white{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0284c7;padding:18px 48px;border-radius:100px;text-decoration:none;font-weight:800;font-size:1.125rem;transition:all .3s ease;box-shadow:0 0 30px rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.05em}.cta-button-white:hover{transform:translateY(-3px);box-shadow:0 0 50px rgba(255,255,255,.4)}footer{background:#020617;color:#64748b;text-align:center;padding:60px 20px;border-top:1px solid rgba(255,255,255,.05)}.center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:40px}.center-card{padding:40px;text-align:center;transition:all .5s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.center-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(56,189,248,.1),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.center-card>*{position:relative;z-index:2}.center-card:hover::before{opacity:1}.center-card h3{font-size:1.75rem;margin-bottom:24px;background:linear-gradient(135deg,#fff,#bae6fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.center-btn{display:inline-block;padding:12px 32px;background:rgba(56,189,248,.1);border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease}.center-btn:hover{background:var(--accent-blue);color:var(--bg-dark);box-shadow:0 0 20px rgba(56,189,248,.4)}@media (max-width:768px){.hero h1{font-size:2.5rem}.grid-cards{grid-template-columns:1fr}}.hero-logo{width:120px;height:120px;margin:0 auto 32px;display:block;border-radius:24px;box-shadow:0 0 40px rgba(56,189,248,.4);border:1px solid rgba(255,255,255,.1)}