@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800;900&display=swap);:root{--header-height:72px;--color-bg:#0a0a1a;--color-bg-alt:#060612;--color-surface:#12122a;--color-border:rgba(124, 58, 237, 0.15);--color-border-hover:rgba(124, 58, 237, 0.4);--color-primary:#7c3aed;--color-primary-light:#a78bfa;--color-secondary:#06b6d4;--color-accent:#f59e0b;--color-success:#10b981;--color-text:#cbd5e1;--color-text-muted:#64748b;--color-heading:#f1f5f9;--color-white:#ffffff;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-glow:0 0 30px rgba(124, 58, 237, 0.15);--transition-fast:0.2s ease;--transition-med:0.35s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.6s cubic-bezier(0.4, 0, 0.2, 1);--container-max:1200px;--header-height:72px}[data-theme=light]{--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#ffffff;--color-border:rgba(124, 58, 237, 0.15);--color-border-hover:rgba(124, 58, 237, 0.4);--color-primary:#7c3aed;--color-primary-light:#8b5cf6;--color-secondary:#06b6d4;--color-accent:#f59e0b;--color-text:#334155;--color-text-muted:#64748b;--color-heading:#0f172a}[data-theme=light] .site-header{background:rgba(255,255,255,.85)}[data-theme=light] .mobile-menu-btn{color:#0f172a}[data-theme=light] .mobile-nav.open{background:rgba(255,255,255,.95)}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(0,0,0,.1);z-index:1001}[data-theme=light] .scroll-progress-container{background:rgba(0,0,0,.05)}.scroll-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .1s ease-out}.sticky-download-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:12px 24px;z-index:999;box-shadow:0 -4px 20px rgba(0,0,0,.2);align-items:center;justify-content:space-between}@media (max-width:768px){.sticky-download-bar{display:flex}.site-footer{padding-bottom:80px}}.sticky-download-bar .nav-cta{width:100%;text-align:center}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.7;overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.fade-up.visible{opacity:1;transform:translateY(0)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:rgba(10,10,26,.7);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.nav-cta{background:linear-gradient(135deg,var(--color-primary),#6d28d9);color:var(--color-white)!important;padding:10px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(124,58,237,.4);color:var(--color-white)!important}.mobile-menu-btn{display:none;background:0 0;border:none;color:var(--color-white);font-size:1.5rem;cursor:pointer}.mobile-nav{display:none}.hero{position:relative;display:flex;align-items:center;padding:40px 0 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg video{width:100%;height:100%;object-fit:cover;opacity:.15;mix-blend-mode:screen}.hero-bg-overlay{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.15) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(6,182,212,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(245,158,11,.05) 0,transparent 40%),var(--color-bg)}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-block;padding:6px 16px;border-radius:100px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);color:var(--color-primary-light);font-size:.8rem;font-weight:600;margin-bottom:24px;letter-spacing:.5px}.hero h1{font-family:var(--font-heading);font-size:clamp(2.5rem, 6vw, 4.2rem);font-weight:900;color:var(--color-heading);line-height:1.1;margin-bottom:20px}.hero p{font-size:1.15rem;color:var(--color-text);max-width:620px;margin:0 auto 36px;line-height:1.8}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-accent),#d97706);color:#1a1a2e;box-shadow:0 4px 20px rgba(245,158,11,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(245,158,11,.5);color:#1a1a2e}.btn-secondary{background:0 0;border:2px solid var(--color-border-hover);color:var(--color-primary-light)}.btn-secondary:hover{background:rgba(124,58,237,.1);border-color:var(--color-primary);color:var(--color-white)}.social-proof{padding:48px 0;border-bottom:1px solid var(--color-border);background:rgba(18,18,42,.5)}.proof-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;text-align:center}.proof-item .proof-number{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--color-white)}.proof-item .proof-label{font-size:.85rem;color:var(--color-text-muted);margin-top:4px}.section{padding:100px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-header h2{font-family:var(--font-heading);font-size:clamp(1.8rem, 4vw, 2.8rem);font-weight:800;color:var(--color-heading);margin-bottom:16px}.section-header p{color:var(--color-text-muted);font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.feature-card{position:relative;padding:32px 28px;border-radius:var(--radius-lg);background:rgba(18,18,42,.6);backdrop-filter:blur(12px);border:1px solid var(--color-border);transition:all var(--transition-med);cursor:pointer;overflow:hidden;text-decoration:none;color:inherit;display:block}.feature-card::before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(124,58,237,.05),rgba(6,182,212,.05));opacity:0;transition:opacity var(--transition-med)}.feature-card:hover{border-color:var(--color-border-hover);transform:translateY(-6px);box-shadow:var(--shadow-glow)}.feature-card:hover::before{opacity:1}.feature-card .card-icon{font-size:2.4rem;margin-bottom:16px;display:block;position:relative;z-index:1}.feature-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-heading);margin-bottom:10px;position:relative;z-index:1}.feature-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.7;position:relative;z-index:1}.feature-card .card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:.85rem;font-weight:600;color:var(--color-primary-light);position:relative;z-index:1;transition:gap var(--transition-fast)}.feature-card:hover .card-cta{gap:10px;color:var(--color-accent)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.step-card{text-align:center;padding:40px 28px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.step-number{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#6d28d9);color:var(--color-white);font-family:var(--font-heading);font-weight:800;font-size:1.3rem;margin:0 auto 20px}.step-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-heading);margin-bottom:10px}.step-card p{font-size:.9rem;color:var(--color-text-muted)}.comparison-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.comparison-table{width:100%;border-collapse:collapse;min-width:600px}.comparison-table td,.comparison-table th{padding:16px 20px;text-align:center;font-size:.9rem}.comparison-table thead th{background:var(--color-surface);color:var(--color-heading);font-family:var(--font-heading);font-weight:700;border-bottom:2px solid var(--color-primary)}.comparison-table thead th:first-child{text-align:left}.comparison-table thead th:last-child{color:var(--color-accent)}.comparison-table tbody td{border-bottom:1px solid var(--color-border);color:var(--color-text)}.comparison-table tbody td:first-child{text-align:left;font-weight:500;color:var(--color-heading)}.comparison-table tbody tr:hover{background:rgba(124,58,237,.05)}.check{color:var(--color-success);font-weight:700}.cross{color:#ef4444}.final-cta{text-align:center;padding:100px 0;background:radial-gradient(ellipse at 50% 50%,rgba(124,58,237,.12) 0,transparent 60%),var(--color-bg-alt)}.final-cta h2{font-family:var(--font-heading);font-size:clamp(2rem, 4vw, 3rem);font-weight:900;color:var(--color-heading);margin-bottom:16px}.final-cta p{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto}.site-footer{padding:60px 0 30px;border-top:1px solid var(--color-border);background:var(--color-bg-alt)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;text-align:left}.footer-brand h4{color:#e91e63;font-size:1.25rem;font-weight:700;margin-bottom:16px;text-align:center}.footer-brand p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6;margin-top:12px;text-align:center}.footer-col h4{font-size:1rem;font-weight:700;color:var(--color-heading);margin-bottom:16px;text-align:center}.footer-col ul{text-align:center}.footer-col ul li{margin-bottom:12px}.footer-col ul a{color:var(--color-text-muted);font-size:.85rem}.footer-col ul a:hover{color:var(--color-primary-light)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.footer-bottom p{font-size:.8rem;color:var(--color-text-muted);text-align:center}.footer-social{display:flex;gap:12px;align-items:center;justify-content:center}.copy-link-btn{background:rgba(255,255,255,.05);border:1px solid var(--color-border);color:var(--color-text);padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.85rem;font-family:inherit;transition:all .2s ease}.copy-link-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-text);padding:12px 24px;border-radius:30px;box-shadow:0 10px 30px rgba(124,58,237,.3);display:flex;align-items:center;gap:10px;font-weight:500;z-index:100000;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175, .885, .32, 1.275)}.toast-notification.show{transform:translateX(-50%) translateY(0);opacity:1}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(18,18,42,.95);backdrop-filter:blur(16px);border-top:1px solid var(--color-border);padding:20px 24px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform var(--transition-med)}.cookie-banner.show{transform:translateY(0)}.cookie-banner p{font-size:.85rem;color:var(--color-text);max-width:600px}.cookie-banner a{color:var(--color-primary-light);text-decoration:underline}.cookie-btn{padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;border:none}.cookie-accept{background:var(--color-primary);color:var(--color-white)}.cookie-decline{background:0 0;border:1px solid var(--color-border);color:var(--color-text)}.feature-hero{padding:calc(var(--header-height,72px) + 60px) 0 60px;text-align:center;position:relative;overflow:hidden}.feature-hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 30%,rgba(124,58,237,.12) 0,transparent 50%),var(--color-bg)}.feature-hero .container{position:relative;z-index:1}.feature-hero .feature-icon{font-size:4rem;margin-bottom:16px}.feature-hero h1{font-family:var(--font-heading);font-size:clamp(2rem, 5vw, 3.2rem);font-weight:900;color:var(--color-heading);margin-bottom:12px}.feature-hero .tagline{font-size:1.15rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.feature-overview{padding:80px 0}.feature-overview .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-overview h2{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--color-heading);margin-bottom:20px}.feature-overview p{margin-bottom:16px;color:var(--color-text)}.feature-visual{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);aspect-ratio:16/10;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:5rem}.key-features{padding:80px 0;background:var(--color-bg-alt)}.kf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.kf-item{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.kf-item .kf-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.kf-item h4{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--color-heading);margin-bottom:4px}.kf-item p{font-size:.82rem;color:var(--color-text-muted)}.how-it-works-detail{padding:80px 0}.hiw-steps{max-width:700px;margin:0 auto}.hiw-step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--color-border)}.hiw-step:last-child{border-bottom:none}.hiw-num{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#6d28d9);color:var(--color-white);font-family:var(--font-heading);font-weight:800}.hiw-step h4{font-family:var(--font-heading);font-weight:700;color:var(--color-heading);margin-bottom:4px}.hiw-step p{font-size:.9rem;color:var(--color-text-muted)}.feature-cta-section{padding:80px 0;text-align:center;background:var(--color-bg-alt)}.feature-cta-section h2{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--color-heading);margin-bottom:12px}.feature-cta-section p{color:var(--color-text-muted);margin-bottom:28px}.related-features{padding:80px 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary-light);font-weight:600;font-size:.9rem;margin-bottom:32px}.back-link:hover{color:var(--color-accent)}@media (max-width:768px){.mobile-menu-btn{display:block}.mobile-nav.open{display:flex;flex-direction:column;position:fixed;inset:0;top:var(--header-height);background:rgba(10,10,26,.97);padding:32px;gap:20px;z-index:999}.mobile-nav.open a{color:var(--color-text);font-size:1.1rem;padding:12px 0;border-bottom:1px solid var(--color-border)}.hero h1{font-size:2.2rem}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.feature-overview .content-grid{grid-template-columns:1fr}.proof-grid{gap:24px}.comparison-wrapper{overflow-x:hidden}.comparison-table{font-size:.8rem;min-width:100%}.comparison-table td,.comparison-table th{padding:12px 8px}.steps-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}.comparison-table{font-size:.75rem}.comparison-table td,.comparison-table th{padding:10px 4px}}::view-transition-old(root){animation:350ms cubic-bezier(.4,0,.2,1) both fade-out}::view-transition-new(root){animation:350ms cubic-bezier(.4,0,.2,1) both fade-in}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}