:root{--bg-color:#0b0f19;--surface-color:#111827;--surface-highlight:#1f2937;--primary-color:#0ea5e9;--primary-color-glow:rgba(14, 165, 233, 0.4);--secondary-color:#0284c7;--text-main:#f8fafc;--font-family:'Outfit', 'Inter', system-ui, sans-serif;--border-radius:12px;--transition:0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden;word-wrap:break-word;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}a{text-decoration:none;color:var(--text-main);transition:color var(--transition)}ul{list-style:none}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem, 5vw, 4.5rem);color:var(--text-main);letter-spacing:-.02em;margin-bottom:20px}h2{font-size:clamp(2rem, 4vw, 3rem);text-align:center;margin-bottom:50px}.text-gradient{color:var(--primary-color)}p{color:var(--text-main);opacity:.9;font-size:1.1rem;margin-bottom:30px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-block;padding:14px 32px;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;border:none;transition:all var(--transition);text-align:center}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 20px var(--primary-color-glow)}.btn:active{transform:translateY(1px) scale(.98)}.btn-outline{background:#fff0;border:2px solid rgb(255 255 255 / .15);color:#fff;transition:all var(--transition)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{transform:translateY(-2px);background:var(--secondary-color);box-shadow:0 8px 30px var(--primary-color-glow)}.btn-outline:hover{border-color:var(--primary-color);background:rgb(14 165 233 / .05)}}header{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:1000;transition:all var(--transition)}header.scrolled{background:rgb(6 7 10 / .85);backdrop-filter:blur(16px);border-bottom:1px solid rgb(255 255 255 / .05);padding:15px 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800;letter-spacing:-.5px;color:#fff}.logo span{color:var(--primary-color)}.nav-links{display:flex;gap:30px}.nav-links a{font-size:1rem;font-weight:500;color:var(--text-muted)}.nav-links a:hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:20px}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:#fff0;border:none;padding:5px}.menu-toggle span{width:25px;height:3px;background-color:#fff;border-radius:3px;transition:var(--transition)}@media (max-width:900px){.nav-links{display:none}.menu-toggle{display:flex;position:relative;z-index:1001}}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(6 7 10 / .98);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;transform:translateY(-100%);opacity:0;transition:all 0.4s cubic-bezier(.16,1,.3,1);pointer-events:none}.mobile-nav-overlay.active{transform:translateY(0);opacity:1;pointer-events:all}.mobile-nav-overlay a{font-size:2.2rem;font-weight:700;color:var(--text-muted);transition:color var(--transition)}.mobile-nav-overlay a:hover,.mobile-nav-overlay a:active{color:#fff}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.4}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,var(--bg-color) 100%);z-index:-1}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto 40px auto}.hero-cta-group{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.features{padding:100px 0;background:var(--bg-color);position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:var(--surface-color);padding:40px 30px;border-radius:var(--border-radius);border:1px solid rgb(255 255 255 / .03);transition:var(--transition);position:relative;overflow:hidden}@media (min-width:768px){.feature-wide{grid-column:span 2}}.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;box-shadow:inset 0 0 0 2px var(--primary-color);border-radius:var(--border-radius);transition:var(--transition);pointer-events:none}@media (hover:hover) and (pointer:fine){.feature-card:hover{transform:translateY(-5px);background:var(--surface-highlight)}.feature-card:hover::before{opacity:1}}.feature-icon{margin-bottom:20px;display:inline-flex;align-items:center;justify-content:center}.feature-icon svg{width:48px;height:48px;stroke:url(#icon-grad);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#fff}.feature-card p{font-size:1rem;margin-bottom:0}.pricing{padding:100px 0;background:linear-gradient(to bottom,var(--bg-color),var(--surface-color))}.pricing-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px}.price-card{flex:1 1 320px;max-width:400px;background:var(--bg-color);border:1px solid rgb(255 255 255 / .05);border-radius:20px;padding:50px 40px;text-align:center;transition:var(--transition);position:relative}.price-card.popular{border:1px solid var(--primary-color);transform:scale(1.05);background:linear-gradient(180deg,var(--surface-color),#0a0c12);box-shadow:0 10px 50px var(--primary-color-glow)}@media (max-width:1024px){.price-card.popular{transform:scale(1)}}.popular-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--primary-color);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.plan-name{font-size:1.4rem;color:var(--text-muted);margin-bottom:15px}.plan-price{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:30px}.plan-price span{font-size:1.2rem;color:var(--text-muted);font-weight:400}.plan-features{text-align:left;margin-bottom:40px}.plan-features li{margin-bottom:15px;display:flex;align-items:center;gap:10px;color:var(--text-muted)}.plan-features li::before{content:'✓';color:var(--primary-color);font-weight:700}.price-card .btn{width:100%}footer{background:#000;padding:60px 0 20px;border-top:1px solid rgb(255 255 255 / .05)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px}.footer-col h3{font-size:1.4rem;margin-bottom:20px;color:#fff}.footer-col p{font-size:.95rem}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);font-size:.95rem}.footer-links a:hover{color:var(--primary-color);padding-left:5px}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgb(255 255 255 / .05)}.footer-bottom p{margin:0;font-size:.9rem}@media (max-width:768px){.hero{padding-top:120px}.features,.pricing{padding:60px 0}.footer-links a{display:block;padding:10px 0}}@media (max-width:480px){.feature-card{padding:24px 20px}.price-card{padding:30px 20px}.pricing-grid{margin-top:30px}.hero-cta-group{flex-direction:column;width:100%}.btn{width:100%}}details{background:rgb(255 255 255 / .02);border:1px solid rgb(255 255 255 / .05);border-radius:var(--border-radius);margin-bottom:15px;overflow:hidden;transition:all var(--transition)}details[open]{border-color:var(--primary-color-glow);background:rgb(14 165 233 / .03)}summary{padding:24px 30px;font-size:1.15rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text-main)}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:1.5rem;color:var(--primary-color);font-weight:400}details[open] summary::after{content:'−'}.details-content{padding:0 30px 24px 30px;color:var(--text-main);opacity:.9;line-height:1.6}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}