@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Outfit';font-style:normal;font-weight:600 900;font-display:swap;src:url('/fonts/outfit-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary:#6366f1;--primary-hover:#818cf8;--primary-glow:rgba(99,102,241,0.25);--accent:#06b6d4;--accent-glow:rgba(6,182,212,0.2);--success:#10b981;--warning:#f59e0b;--bg-base:#f0f2f5;--bg-surface:#ffffff;--bg-surface-hover:#f8f9fb;--bg-elevated:#ffffff;--text-main:#0c0e16;--text-secondary:#3b3f51;--text-muted:#6b7189;--border-color:rgba(0,0,0,0.08);--border-subtle:rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);--shadow-lg:0 12px 40px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);--shadow-xl:0 20px 60px rgba(0,0,0,0.1),0 8px 20px rgba(0,0,0,0.06);--shadow-glow:0 0 30px var(--primary-glow),0 0 60px var(--primary-glow);--header-bg:rgba(240,242,245,0.85);--card-bg:#ffffff;--footer-bg:#f0f2f5;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);--gradient-accent:linear-gradient(135deg,#06b6d4,#3b82f6,#6366f1);--gradient-hero:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(6,182,212,0.06),transparent);--gradient-card-border:linear-gradient(135deg,rgba(99,102,241,0.3),rgba(6,182,212,0.15),rgba(139,92,246,0.3));--gradient-text:linear-gradient(135deg,#6366f1,#06b6d4);--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}[data-theme="dark"]{--primary:#818cf8;--primary-hover:#a5b4fc;--primary-glow:rgba(129,140,248,0.2);--accent:#22d3ee;--accent-glow:rgba(34,211,238,0.15);--bg-base:#06060e;--bg-surface:#0d0f1a;--bg-surface-hover:#141627;--bg-elevated:#1a1d30;--text-main:#eef0ff;--text-secondary:#b0b5d0;--text-muted:#6e7399;--border-color:rgba(255,255,255,0.06);--border-subtle:rgba(255,255,255,0.03);--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.3);--shadow-lg:0 12px 40px rgba(0,0,0,0.35);--shadow-xl:0 20px 60px rgba(0,0,0,0.5);--shadow-glow:0 0 40px var(--primary-glow),0 0 80px var(--primary-glow);--header-bg:rgba(6,6,14,0.75);--card-bg:rgba(13,15,26,0.8);--footer-bg:#0a0c16;--gradient-primary:linear-gradient(135deg,#818cf8,#a78bfa,#c084fc);--gradient-accent:linear-gradient(135deg,#22d3ee,#818cf8,#a78bfa);--gradient-hero:linear-gradient(135deg,rgba(129,140,248,0.06),rgba(34,211,238,0.04),transparent);--gradient-card-border:linear-gradient(135deg,rgba(129,140,248,0.2),rgba(34,211,238,0.1),rgba(167,139,250,0.2));--gradient-text:linear-gradient(135deg,#818cf8,#22d3ee)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-base);color:var(--text-main);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color 0.4s ease,color 0.4s ease}body,header,footer,.card,.card-glow,.service-card,h1,h2,h3,p,a,button{transition:background-color 0.4s ease,color 0.4s ease,border-color 0.4s ease,box-shadow 0.4s ease}::selection{background:var(--primary);color:#fff}h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;color:var(--text-main);line-height:1.15;letter-spacing:-0.03em}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900}h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;margin-bottom:1rem}h3{font-size:1.35rem;font-weight:600;margin-bottom:0.75rem}p{color:var(--text-muted);margin-bottom:1rem}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{display:inline-flex;align-items:center;gap:0.5rem;font-family:'Outfit',sans-serif;font-size:0.85rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--primary);margin-bottom:1rem;padding:0.4rem 1rem;border-radius:100px;background:var(--primary-glow);border:1px solid rgba(99,102,241,0.15)}[data-theme="dark"] .section-label{border-color:rgba(129,140,248,0.2)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-bg::before{content:'';position:absolute;top:-40%;left:-20%;width:80%;height:80%;background:radial-gradient(ellipse,var(--primary-glow) 0%,transparent 70%);animation:float-slow 12s ease-in-out infinite alternate}.hero-bg::after{content:'';position:absolute;bottom:-30%;right:-15%;width:60%;height:70%;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);animation:float-slow 15s ease-in-out infinite alternate-reverse}@keyframes float-slow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(40px,-30px) scale(1.1)}}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:pulse-orb 8s ease-in-out infinite alternate;contain:strict}.orb-1{width:400px;height:400px;background:var(--primary-glow);top:10%;left:-5%}.orb-2{width:300px;height:300px;background:var(--accent-glow);bottom:10%;right:-5%;animation-delay:-4s}.orb-3{width:250px;height:250px;background:rgba(139,92,246,0.12);top:50%;left:40%;animation-delay:-2s}@keyframes pulse-orb{0%{opacity:0.5;transform:scale(1)}100%{opacity:1;transform:scale(1.15)}}.relative-z{position:relative;z-index:1}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;opacity:0.5;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);pointer-events:none;z-index:0}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.gap-sm{gap:0.5rem}.gap-md{gap:1rem}.gap-lg{gap:2rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.85rem 2rem;border-radius:12px;font-family:'Outfit',sans-serif;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:none;text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff !important;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow),0 0 60px var(--primary-glow);filter:brightness(1.1)}.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);opacity:0;transition:opacity 0.3s}.btn-primary:hover::after{opacity:1}.btn-outline{background:transparent;color:var(--text-main) !important;border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary);color:var(--primary) !important;background:var(--primary-glow);transform:translateY(-2px)}.btn-sm{padding:0.5rem 1.2rem;font-size:0.85rem;border-radius:8px}.header{position:sticky;top:0;background:var(--header-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color);padding:0.8rem 0;z-index:1000;transition:background 0.3s ease}.logo{font-family:'Outfit',sans-serif;font-size:1.6rem;font-weight:900;color:var(--text-main) !important;letter-spacing:-0.05em;display:flex;align-items:center;text-decoration:none}.logo span{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo img{height:38px;width:auto;display:block}.logo .logo-dark-theme{display:block}.logo .logo-light-theme{display:none}[data-theme="light"] .logo .logo-dark-theme{display:none}[data-theme="light"] .logo .logo-light-theme{display:block}.nav-links{display:flex;gap:1.75rem;align-items:center}.nav-links a{color:var(--text-muted);font-weight:500;font-size:0.9rem;transition:color 0.25s ease;text-decoration:none}.nav-links a:hover{color:var(--text-main)}.theme-toggle{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s ease;font-size:1rem}.theme-toggle:hover{background:var(--bg-surface-hover);border-color:var(--primary);transform:rotate(15deg)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:none;opacity:0;transition:opacity 0.4s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(99,102,241,0.2)}.card:hover::before{opacity:1}.card-glow{background:var(--card-bg);border-radius:16px;padding:2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.card-glow::before{content:'';position:absolute;inset:0;border-radius:16px;padding:1px;background:var(--gradient-card-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity 0.4s ease}.card-glow:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-glow:hover::before{opacity:1}.card-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block}.pricing-card{text-align:center;display:flex;flex-direction:column;position:relative;overflow:visible !important}.pricing-card.popular{border-color:transparent;background:var(--card-bg);box-shadow:var(--shadow-glow);overflow:visible !important}.pricing-card.popular::before{content:'';position:absolute;inset:-1px;height:auto;border-radius:17px;padding:1px;background:var(--gradient-accent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;z-index:-1;opacity:1}.pricing-card.popular:hover{transform:translateY(-6px);box-shadow:0 20px 50px var(--primary-glow)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:0.35rem 1.2rem;border-radius:100px;font-size:0.75rem;font-weight:700;font-family:'Outfit',sans-serif;letter-spacing:0.05em;white-space:nowrap;box-shadow:0 4px 12px var(--primary-glow);z-index:2}.price-tag{font-size:clamp(2.5rem,4vw,3.5rem);font-family:'Outfit',sans-serif;font-weight:900;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1.5rem 0;line-height:1}.price-tag span{font-size:1.1rem;font-weight:500;background:none;-webkit-text-fill-color:var(--text-muted)}.feature-list{text-align:left;margin:1.5rem 0;display:flex;flex-direction:column;gap:0.75rem;list-style:none}.feature-list li{display:flex;align-items:center;gap:0.6rem;color:var(--text-secondary);font-size:0.92rem}.feature-list li i{color:var(--success);font-weight:bold;font-style:normal;flex-shrink:0}.stat-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;padding:2rem 0}.stat-item{text-align:center}.stat-number{font-family:'Outfit',sans-serif;font-size:3rem;font-weight:900;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:0.85rem;color:var(--text-muted);margin-top:0.4rem;font-weight:500;letter-spacing:0.02em}.service-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem 1.5rem;text-align:center;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:0.75rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;inset:0;background:var(--gradient-hero);opacity:0;transition:opacity 0.4s ease}.service-card:hover{transform:translateY(-6px);border-color:rgba(99,102,241,0.3);box-shadow:var(--shadow-lg),0 0 40px var(--primary-glow)}.service-card:hover::before{opacity:1}.service-card .card-icon{font-size:2.8rem;transition:transform 0.4s ease;position:relative;z-index:1}.service-card:hover .card-icon{transform:scale(1.15) translateY(-2px)}.service-card h3{position:relative;z-index:1;font-size:1.1rem;margin-bottom:0}.service-card p{position:relative;z-index:1;font-size:0.88rem;margin-bottom:0;color:var(--text-muted)}.footer{background:var(--footer-bg);border-top:1px solid var(--border-color);padding:5rem 0 2rem;position:relative}.footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40%;height:1px;background:var(--gradient-accent)}.footer-col h3{font-size:1rem;margin-bottom:1.5rem;color:var(--text-main);font-weight:700}.footer-col a{display:block;color:var(--text-muted);margin-bottom:0.75rem;font-size:0.9rem;text-decoration:none;transition:all 0.25s ease}.footer-col a:hover{color:var(--primary);padding-left:6px}.footer-col .footer-contact a{display:inline;margin-bottom:0;padding-left:0;font-size:inherit}.footer-col .footer-contact a:hover{padding-left:0}.footer-bottom{text-align:center;padding-top:2.5rem;margin-top:3rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:0.85rem}.text-center{text-align:center}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.mb-0{margin-bottom:0}.badge-admin{color:var(--success) !important;font-weight:700}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:0}.link-underline{position:relative;text-decoration:none}.link-underline::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-accent);transition:width 0.3s ease}.link-underline:hover::after{width:100%}.gradient-text-shimmer{background:linear-gradient( 90deg,#818cf8 0%,#22d3ee 25%,#c084fc 50%,#22d3ee 75%,#818cf8 100% );background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-text 4s linear infinite}@keyframes shimmer-text{0%{background-position:0% center}100%{background-position:200% center}}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s cubic-bezier(0.4,0,0.2,1),transform 0.7s cubic-bezier(0.4,0,0.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.trust-bar{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;padding:2rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:4rem}.trust-item{display:flex;align-items:center;gap:0.5rem;color:var(--text-muted);font-size:0.9rem;font-weight:500}.trust-item span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.trust-item svg{width:16px;height:16px}.stat-item{text-align:center;padding:1.5rem 2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;backdrop-filter:blur(10px);transition:all 0.3s ease}.stat-item:hover{border-color:rgba(129,140,248,0.3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.price-hint{font-family:'Outfit',sans-serif;font-size:0.8rem;font-weight:600;color:var(--primary);background:var(--primary-glow);padding:0.2rem 0.75rem;border-radius:100px;position:relative;z-index:1}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:800;font-size:0.95rem;background:var(--gradient-primary);color:#fff;margin-bottom:1rem;flex-shrink:0}.card-glow.featured{transform:scale(1.04);box-shadow:var(--shadow-glow)}.card-glow.featured::before{opacity:1}.card-glow.featured:hover{transform:scale(1.06) translateY(-4px)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;z-index:1001}.hamburger span{display:block;width:24px;height:2px;background:var(--text-main);border-radius:2px;transition:all 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.hamburger{display:flex}.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-base);flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:1000}.nav-links.open{display:flex}.nav-links a{font-size:1.2rem}.section{padding:4rem 0}.container{padding:0 1.25rem}.grid-4{grid-template-columns:repeat(2,1fr)}.stat-grid{gap:1rem}.stat-item{padding:1rem}.stat-number{font-size:2rem}.trust-bar{gap:1.5rem}.card-glow.featured{transform:none}}@media (max-width:480px){h1{font-size:2rem}h2{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{padding:0.75rem 1.5rem;font-size:0.9rem}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.reveal{opacity:1;transform:none}.gradient-text-shimmer{animation:none}}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:0.35rem;cursor:pointer;text-decoration:none;color:var(--text-muted);font-weight:500;font-size:0.9rem;transition:color 0.25s ease}.dropdown-toggle .arrow{font-size:0.6rem;transition:transform 0.3s ease;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(15px);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;width:520px;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1000;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;pointer-events:none}.dropdown-menu::before{content:'';position:absolute;inset:0;border-radius:16px;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:-1}.dropdown-menu::after{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent;z-index:10;pointer-events:auto}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(5px);pointer-events:auto}.dropdown:hover .dropdown-toggle .arrow{transform:rotate(180deg)}.dropdown-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem;border-radius:10px;color:var(--text-main) !important;text-decoration:none;transition:all 0.25s ease}.dropdown-item:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.item-icon{font-size:1.25rem;line-height:1;padding:0.4rem;border-radius:8px;background:var(--border-subtle);transition:background 0.2s;display:flex;align-items:center;justify-content:center}.dropdown-item:hover .item-icon{background:var(--primary-glow)}.item-content{display:flex;flex-direction:column;text-align:left}.item-title{font-family:'Outfit',sans-serif;font-weight:600;font-size:0.85rem;color:var(--text-main);transition:color 0.2s;line-height:1.2}.dropdown-item:hover .item-title{color:var(--primary)}.item-desc{font-size:0.72rem;color:var(--text-muted);line-height:1.3;margin-top:0.15rem}@media (max-width:991px){.dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;width:100%;box-shadow:none;border:none;background:transparent;padding:0 0 0 1rem;grid-template-columns:1fr;display:none;pointer-events:auto}.dropdown-menu::before{display:none}.dropdown-menu.open{display:grid !important}.dropdown-item{padding:0.5rem}}.glow-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.glow-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;opacity:0.5;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);z-index:0;pointer-events:none}.glow-bg::after{content:'';position:absolute;top:-30%;left:-10%;width:120%;height:140%;background:radial-gradient(ellipse at 20% 30%,var(--primary-glow) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,var(--accent-glow) 0%,transparent 60%);opacity:0.85;z-index:0;pointer-events:none;animation:float-glow-bg 15s ease-in-out infinite alternate}@keyframes float-glow-bg{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30px,-20px) scale(1.05)}}.faq-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:0.75rem;overflow:hidden;transition:all 0.3s ease}.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 20px var(--primary-glow)}.faq-question{padding:1rem 1.25rem;font-family:'Outfit',sans-serif;font-weight:600;font-size:1.05rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.faq-question::after{content:'+';font-size:1.5rem;color:var(--primary);transition:transform 0.3s ease}.faq-item.active .faq-question::after{transform:rotate(45deg)}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;color:var(--text-secondary);transition:max-height 0.4s ease,padding 0.4s ease,opacity 0.4s ease;opacity:0}.faq-item.active .faq-answer{padding:0 1.5rem 1.25rem 1.5rem;max-height:1000px;opacity:1}.container[style*="max-width:800px"],.container[style*="max-width:800px"]{max-width:960px !important}.container[style*="max-width:800px"] .card,.container[style*="max-width:800px"] .card{padding:3rem !important}@media (max-width:768px){.container[style*="max-width:800px"],.container[style*="max-width:800px"]{padding:0 1rem !important}.container[style*="max-width:800px"] .card,.container[style*="max-width:800px"] .card{padding:1.5rem 1.25rem !important;border-radius:12px !important}}.lang-menu{width:max-content !important;min-width:160px !important;grid-template-columns:1fr !important;padding:0.5rem !important;left:auto !important;right:-10px !important;transform:translateY(15px) !important}.dropdown:hover .lang-menu{transform:translateY(5px) !important}.lang-menu .dropdown-item{padding:0.5rem 1rem !important;font-size:0.9rem !important;gap:0.5rem !important;align-items:center !important}.footer-lang-dropdown .dropdown-menu{top:auto !important;bottom:100% !important;margin-bottom:10px;transform:translateY(15px) !important}.footer-lang-dropdown:hover .dropdown-menu{transform:translateY(5px) !important}.footer-lang-dropdown .dropdown-menu::after{top:auto !important;bottom:-15px !important}.flex-footer-bottom{display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:1rem !important}@media (max-width:991px){.lang-menu{right:auto !important;left:0 !important;transform:none !important}.dropdown.lang-dropdown:hover .lang-menu{transform:none !important}}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:25px;right:25px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 15px rgba(0,0,0,0.2);z-index:1000;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;text-decoration:none}.whatsapp-float:hover{background-color:#1ebe57;transform:scale(1.1) translateY(-5px);box-shadow:0 10px 25px rgba(37,211,102,0.4);color:#fff}.whatsapp-icon{width:35px;height:35px;fill:currentColor}@media (max-width:768px){.whatsapp-float{width:55px;height:55px;bottom:20px;right:20px}.whatsapp-icon{width:30px;height:30px}}.compare-table-wrapper{overflow-x:auto;margin-top:1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.compare-table{width:100%;border-collapse:collapse;min-width:800px}.compare-table th,.compare-table td{padding:1.2rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:0.95rem}.compare-table th{background:var(--bg-base);font-family:'Outfit',sans-serif;font-weight:600;color:var(--text-main)}.compare-table th:first-child,.compare-table td:first-child{width:25%;font-weight:500;border-right:1px solid var(--border-color)}.compare-table tbody tr:hover{background:var(--bg-surface-hover)}.compare-table .check{color:#10b981;font-weight:bold}.compare-table .cross{color:#ef4444;font-weight:bold}.compare-table tbody tr:last-child td{border-bottom:none}.card-glow,.pricing-card.popular{position:relative}.card-glow::after,.pricing-card.popular::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:2px;background:radial-gradient( 600px circle at var(--mouse-x,0) var(--mouse-y,0),rgba(99,102,241,0.4),transparent 40% );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.5s ease;pointer-events:none;z-index:10}.card-glow:hover::after,.pricing-card.popular:hover::after{opacity:1}.trustpilot-score{display:inline-flex;align-items:center;gap:0.5rem;margin:1rem 0;font-size:1.05rem;color:var(--text-secondary)}.trustpilot-score .tp-stars,.review-card .tp-stars{color:#00b67a;display:inline-flex;gap:2px}.reviews-marquee{overflow:hidden;margin-top:3rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.reviews-marquee-track{display:flex;gap:1.5rem;width:max-content;animation:marquee-scroll 45s linear infinite}.reviews-marquee:hover .reviews-marquee-track{animation-play-state:paused}@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.review-card{flex:0 0 340px;padding:1.75rem;display:flex;flex-direction:column;gap:0.75rem}.review-card .tp-stars{margin-bottom:0.25rem}.review-card p{color:var(--text-secondary);font-size:0.92rem;line-height:1.5;flex:1;min-height:4.5em;margin:0}.review-author{font-size:0.82rem;color:var(--text-muted);font-family:'Outfit',sans-serif;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:0.25rem;position:relative;z-index:11}a.review-author{transition:color 0.25s ease}a.review-author:hover{color:var(--primary)}a.review-author .tp-ext-icon{opacity:0.6;transition:opacity 0.25s ease}a.review-author:hover .tp-ext-icon{opacity:1}@media (prefers-reduced-motion:reduce){.reviews-marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}.reviews-marquee{-webkit-mask-image:none;mask-image:none}}@media (max-width:480px){.review-card{flex:0 0 85vw;padding:1.5rem}}svg{overflow:visible}.svg-icon{display:inline-block;vertical-align:middle;stroke:currentColor;overflow:visible}

/* --- PREMIUM COLOR OVERRIDES --- */
:root {
  --primary: #2563eb;
  --primary-hover: #3b82f6;
  --primary-glow: rgba(37, 99, 235, 0.15);
  --accent: #4f46e5;
  --accent-glow: rgba(79, 70, 229, 0.1);
  --bg-base: #f8fafc;
  --bg-surface: #ffffff;
  --bg-surface-hover: #f1f5f9;
  --text-main: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --border-color: rgba(0,0,0,0.06);
  --border-subtle: rgba(0,0,0,0.03);
  --header-bg: rgba(255,255,255,0.85);
  --card-bg: #ffffff;
  --footer-bg: #f8fafc;
  --gradient-primary: linear-gradient(135deg, #2563eb, #1d4ed8);
  --gradient-accent: linear-gradient(135deg, #4f46e5, #4338ca);
  --gradient-hero: linear-gradient(135deg, rgba(37,99,235,0.05), transparent);
  --gradient-card-border: linear-gradient(135deg, rgba(37,99,235,0.2), transparent);
  --gradient-text: linear-gradient(135deg, #0f172a, #334155);
}

[data-theme="dark"] {
  --primary: #3b82f6;
  --primary-hover: #60a5fa;
  --primary-glow: rgba(59, 130, 246, 0.1);
  --accent: #818cf8;
  --accent-glow: rgba(129, 140, 248, 0.1);
  --bg-base: #050505;
  --bg-surface: #0f0f11;
  --bg-surface-hover: #18181b;
  --bg-elevated: #1f1f22;
  --text-main: #f4f4f5;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --border-color: rgba(255,255,255,0.05);
  --border-subtle: rgba(255,255,255,0.02);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.8);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.6);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.8);
  --shadow-glow: 0 0 40px rgba(59,130,246,0.05);
  --header-bg: rgba(5,5,5,0.8);
  --card-bg: rgba(15,15,17,0.8);
  --footer-bg: #050505;
  --gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);
  --gradient-accent: linear-gradient(135deg, #818cf8, #6366f1);
  --gradient-hero: linear-gradient(135deg, rgba(59,130,246,0.03), transparent);
  --gradient-card-border: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.02));
  --gradient-text: linear-gradient(135deg, #ffffff, #a1a1aa);
}

.card-glow::before { opacity: 0.5 !important; }
.btn-primary { box-shadow: 0 2px 10px var(--primary-glow) !important; }
.hero-bg::before, .hero-bg::after { opacity: 0.4 !important; }
.orb { opacity: 0.3 !important; }
.card, .card-glow { box-shadow: var(--shadow-sm) !important; }
.card:hover, .card-glow:hover { box-shadow: var(--shadow-md) !important; }

/* Trust Signals CSS */
.trust-signals {
  display: flex; 
  justify-content: center; 
  gap: 3rem; 
  margin-top: 3.5rem; 
  flex-wrap: wrap;
}
.trust-badge {
  display: flex; 
  align-items: center; 
  gap: 0.75rem; 
  color: var(--text-secondary); 
  font-size: 0.95rem; 
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 100px;
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
  transition: transform 0.3s ease, border-color 0.3s ease;
}
.trust-badge:hover {
  transform: translateY(-2px);
  border-color: var(--primary);
}
.trust-badge svg { 
  width: 20px; 
  height: 20px; 
  color: var(--primary); 
}

/* ===================================================================
   RESPONSIVE ENHANCEMENTS & MOBILE REFINEMENTS
   =================================================================== */

/* Tablet & Mobile Navigation (<= 991px) */
@media (max-width: 991px) {
  .hamburger {
    display: flex !important;
  }
  .nav-links {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: var(--bg-base) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 5rem 1.5rem 3rem !important;
    gap: 1.25rem !important;
    z-index: 1000 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .nav-links.open {
    display: flex !important;
  }
  .nav-links a {
    font-size: 1.15rem !important;
  }
  .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 420px !important;
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
    background: var(--bg-surface) !important;
    padding: 0.75rem !important;
    margin-top: 0.5rem !important;
    grid-template-columns: 1fr !important;
    display: none;
    pointer-events: auto !important;
  }
  .dropdown-menu.open {
    display: grid !important;
  }
  .dropdown-item {
    padding: 0.6rem !important;
  }
  .dropdown-item[style*="grid-column"] {
    grid-column: span 1 !important;
  }
  .lang-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 280px !important;
    margin: 0.5rem auto 0 !important;
  }
}

/* Tablets & Small Laptops (<= 768px) */
@media (max-width: 768px) {
  .section { 
    padding: 4rem 0 !important; 
  }
  .container { 
    padding: 0 1.25rem !important; 
  }
  .grid-4 { 
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 1rem !important; 
  }
  .grid-3 { 
    grid-template-columns: 1fr !important; 
    gap: 1rem !important; 
  }
  .grid-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .stat-grid { 
    gap: 1rem !important; 
  }
  .stat-item { 
    padding: 1.25rem 1rem !important; 
  }
  .stat-number { 
    font-size: 2.2rem !important; 
  }
  .trust-signals { 
    gap: 0.75rem !important; 
    margin-top: 2rem !important; 
  }
  .trust-badge { 
    font-size: 0.85rem !important; 
    padding: 0.4rem 0.85rem !important; 
  }
  .footer { 
    padding: 3.5rem 0 2rem !important; 
  }
  .footer .grid-4 { 
    grid-template-columns: 1fr 1fr !important; 
    gap: 2rem 1.5rem !important; 
  }
  .compare-table-wrapper {
    -webkit-overflow-scrolling: touch;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    border-radius: 8px;
  }
}

/* Small Smartphones (<= 480px) */
@media (max-width: 480px) {
  h1 { 
    font-size: clamp(1.85rem, 7.5vw, 2.4rem) !important; 
  }
  h2 { 
    font-size: clamp(1.35rem, 5.5vw, 1.75rem) !important; 
  }
  .grid-2, .grid-3, .grid-4 { 
    grid-template-columns: 1fr !important; 
  }
  .footer .grid-4 { 
    grid-template-columns: 1fr !important; 
    gap: 2rem !important; 
    text-align: left !important;
  }
  .card, .card-glow { 
    padding: 1.5rem 1.25rem !important; 
  }
  .btn { 
    width: 100%; 
    padding: 0.85rem 1.5rem !important; 
  }
  .flex.justify-center.gap-md { 
    flex-direction: column !important; 
    width: 100% !important; 
  }
  .flex.justify-center.gap-md .btn { 
    width: 100% !important; 
  }
  .trust-badge { 
    width: 100% !important; 
    justify-content: center !important; 
  }
  .compare-table th, .compare-table td { 
    padding: 0.75rem 0.5rem !important; 
    font-size: 0.82rem !important; 
  }
  .whatsapp-float { 
    width: 50px !important; 
    height: 50px !important; 
    bottom: 15px !important; 
    right: 15px !important; 
  }
  .whatsapp-icon { 
    width: 28px !important; 
    height: 28px !important; 
  }
}

/* Light-mode separation for general cards. Keep geometry and dark mode intact.
   An inset edge also works on gradient-border cards without replacing the gradient. */
:root:not([data-theme="dark"]) {
  --light-card-edge: rgba(15, 23, 42, 0.14);
  --light-card-shadow: 0 2px 5px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
}

:root:not([data-theme="dark"]) :is(.stat-item, .card, .card-glow):where(:not(.faq-item)) {
  background: var(--card-bg);
  box-shadow: inset 0 0 0 1px var(--light-card-edge), var(--light-card-shadow) !important;
}

:root:not([data-theme="dark"]) :is(.stat-item, .card, .card-glow):where(:not(.faq-item)):hover {
  box-shadow: inset 0 0 0 1px var(--primary), var(--shadow-md) !important;
}

/* Light-mode separation for service and pricing cards only.
   The inset edge preserves gradient borders and does not change card sizing.
   !important is needed to override the existing .card shadow override. */
:root:not([data-theme="dark"]) :is(
  .service-card, .pricing-card,
  .pp-glass-card, .pp-mini-card, .pp-glass2-card, .pp-meter-card,
  .pp-ribbon-card, .pp-tile-card, .pp-wide-card, .pp-spot-card,
  .pp-spot-hero, .pp-aurora-card
) {
  --plan-edge: rgba(15, 23, 42, 0.14);
  box-shadow: inset 0 0 0 1px var(--plan-edge), var(--shadow-md) !important;
}

:root:not([data-theme="dark"]) :is(
  .pricing-card.popular, .pp-mini-card.featured, .pp-glass2-card.featured,
  .pp-meter-card.featured, .pp-ribbon-card.featured, .pp-tile-card.featured,
  .pp-wide-card.featured, .pp-spot-hero, .pp-aurora-card.featured
) {
  --plan-edge: var(--primary);
  box-shadow: inset 0 0 0 1px var(--plan-edge), var(--shadow-md), var(--shadow-glow) !important;
}

:root:not([data-theme="dark"]) :is(
  .service-card, .pricing-card,
  .pp-glass-card, .pp-mini-card, .pp-glass2-card, .pp-meter-card,
  .pp-ribbon-card, .pp-tile-card, .pp-wide-card, .pp-spot-card,
  .pp-spot-hero, .pp-aurora-card
):hover {
  --plan-edge: var(--primary);
  box-shadow: inset 0 0 0 1px var(--plan-edge), var(--shadow-lg), var(--shadow-glow) !important;
}
/* Accessible FAQ buttons retain the existing theme and layout. */
button.faq-question{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;border:0;border-radius:0;background:transparent;color:var(--text-main);text-align:left;font-family:inherit;font-size:1.05rem;font-weight:600;line-height:1.5;gap:1rem;cursor:pointer}
button.faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:-4px;border-radius:8px}
.faq-answer[hidden]{display:none}
[data-theme="light"] .faq-item{background:var(--bg-surface);border:1px solid var(--text-muted);box-shadow:var(--shadow-md)}
[data-theme="light"] .faq-item:hover,[data-theme="light"] .faq-item.active{border-color:var(--primary);box-shadow:var(--shadow-lg)}

/* Keep the footer transition clean without the centered accent stripe. */
.footer::before{display:none}

/* Use a continuous dark page canvas while retaining card and menu surfaces.
   Override inline section colors without changing their decorative gradients. */
[data-theme="dark"] :is(section.section, .showcase-header) {
  background-color: var(--bg-base) !important;
}

[data-theme="dark"] .about-testimonials-bg {
  display: none;
}

/* Solid purchase buttons invert their neutral colors with the theme. */
:is(.pricing-card, .pp-glass-card) .btn-outline {
  --purchase-bg: #171717;
  --purchase-text: #ffffff;
  background: var(--purchase-bg);
  color: var(--purchase-text) !important;
  border: 0;
  box-shadow: none;
}

[data-theme="dark"] :is(.pricing-card, .pp-glass-card) .btn-outline {
  --purchase-bg: #ffffff;
  --purchase-text: #171717;
}

:is(.pricing-card, .pp-glass-card) .btn-outline:hover {
  background: color-mix(in srgb, var(--purchase-bg) 90%, var(--purchase-text));
}

:is(.pricing-card, .pp-glass-card) .btn-outline:focus-visible {
  outline: 2px solid var(--purchase-bg);
  outline-offset: 3px;
}