@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--brand-900:#0b1120;--brand-800:#111827;--brand-700:#1f2937;--brand-600:#374151;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--amber-400:#fbbf24;--amber-500:#f59e0b;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--neutral-950:#030712;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-mesh:#f0f4f8;--gradient-hero:linear-gradient(160deg, #0b1120 0%, #111827 40%, #1f2937 100%);--gradient-cyan:linear-gradient(135deg, #06b6d4, #22d3ee);--gradient-teal:linear-gradient(135deg, #0d9488, #2dd4bf);--gradient-dark:linear-gradient(135deg, #0b1120 0%, #111827 100%);--gradient-accent-warm:linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-mesh-bg:radial-gradient(at 20% 80%, #06b6d40f 0%, transparent 50%), radial-gradient(at 80% 20%, #f59e0b0a 0%, transparent 50%), radial-gradient(at 50% 50%, #14b8a60a 0%, transparent 50%);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-cyan:0 0 30px #06b6d426;--shadow-teal:0 0 30px #14b8a626;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--neutral-800);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24) 0}.section-dark{background:var(--gradient-hero);color:#fff}.section-light{background:var(--bg-secondary)}.section-mesh{background:var(--bg-mesh);background-image:var(--gradient-mesh-bg)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header .badge{align-items:center;gap:var(--space-2);background:var(--cyan-50);color:var(--cyan-600);border-radius:var(--radius-full);margin-bottom:var(--space-5);border:1px solid var(--cyan-100);padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.section-header .badge-dark{color:var(--cyan-400);background:#06b6d41a;border-color:#06b6d433}.section-header h2{margin-bottom:var(--space-4);color:var(--neutral-900);letter-spacing:-.025em;font-size:2.5rem;font-weight:800;line-height:1.15}.section-dark .section-header h2{color:#fff}.section-header p{color:var(--neutral-500);max-width:600px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.section-dark .section-header p{color:var(--neutral-400)}.text-gradient{background:var(--gradient-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-teal{color:var(--teal-500)}.text-cyan{color:var(--cyan-500)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-xl);transition:all var(--transition-base);white-space:nowrap;padding:10px 24px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand-900);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{background:var(--brand-800);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-cyan{background:var(--gradient-cyan);color:#fff;box-shadow:var(--shadow-lg), var(--shadow-cyan)}.btn-cyan:hover{box-shadow:var(--shadow-xl), 0 0 40px #06b6d440;transform:translateY(-2px)}.btn-teal{background:var(--gradient-teal);color:#fff;box-shadow:var(--shadow-lg), var(--shadow-teal)}.btn-teal:hover{box-shadow:var(--shadow-xl), 0 0 40px #14b8a640;transform:translateY(-2px)}.btn-outline{color:#fff;background:0 0;border:1.5px solid #ffffff40}.btn-outline:hover{background:#ffffff14;border-color:#fff6;transform:translateY(-2px)}.btn-outline-dark{color:var(--neutral-800);border:1.5px solid var(--neutral-200);background:#fff}.btn-outline-dark:hover{border-color:var(--cyan-400);color:var(--cyan-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-lg{border-radius:var(--radius-xl);padding:14px 32px;font-size:1rem}.btn-sm{padding:8px 18px;font-size:.8125rem}.navbar{height:var(--nav-height);z-index:1000;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);background:#fffffff2}.navbar .container{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{align-items:center;gap:var(--space-3);color:var(--neutral-900);letter-spacing:-.02em;font-size:1.125rem;font-weight:800;display:flex}.navbar-logo .logo-icon{background:var(--brand-900);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.0625rem;font-weight:900;display:flex}.navbar-links{align-items:center;gap:2px;display:flex}.navbar-links a{color:var(--neutral-600);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:8px 16px;font-size:.875rem;font-weight:500}.navbar-links a:hover,.navbar-links a.active{color:var(--neutral-900);background:var(--neutral-100)}.navbar-cta{align-items:center;gap:var(--space-3);display:flex}.navbar-toggle{padding:var(--space-2);background:0 0;flex-direction:column;gap:5px;display:none}.navbar-toggle span{background:var(--neutral-700);border-radius:var(--radius-full);width:22px;height:2px;transition:all var(--transition-base)}.navbar-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-dropdown{position:relative}.nav-dropdown-menu{border-radius:var(--radius-xl);padding:var(--space-2);min-width:280px;box-shadow:var(--shadow-xl);border:1px solid var(--neutral-200);opacity:0;visibility:hidden;transition:all var(--transition-fast);background:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(4px)}.nav-dropdown-menu a{align-items:center;gap:var(--space-3);display:flex;border-radius:var(--radius-lg)!important;padding:10px 14px!important}.nav-dropdown-menu a .dropdown-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.nav-dropdown-menu a .dropdown-icon.teal{background:var(--teal-50);color:var(--teal-600)}.nav-dropdown-menu a .dropdown-icon.cyan{background:var(--cyan-50);color:var(--cyan-600)}.nav-dropdown-menu a .dropdown-text{flex-direction:column;display:flex}.nav-dropdown-menu a .dropdown-text strong{color:var(--neutral-800);font-size:.875rem;font-weight:600}.nav-dropdown-menu a .dropdown-text span{color:var(--neutral-500);font-size:.75rem}.hero{background:var(--gradient-hero);min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(800px 600px at 20% 80%,#06b6d414 0%,#0000 70%),radial-gradient(600px 500px at 80% 20%,#14b8a60f 0%,#0000 70%),radial-gradient(500px 400px,#f59e0b0a 0%,#0000 70%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero .container{z-index:1;position:relative}.hero-content{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-text .badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:var(--cyan-400);margin-bottom:var(--space-6);background:#06b6d41a;border:1px solid #06b6d433;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-text h1{color:#fff;margin-bottom:var(--space-6);letter-spacing:-.03em;font-size:3.25rem;font-weight:900;line-height:1.08}.hero-text h1 .highlight{background:var(--gradient-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--neutral-400);margin-bottom:var(--space-8);max-width:480px;font-size:1.0625rem;line-height:1.7}.hero-buttons{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-10);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid #ffffff14;display:flex}.hero-stat .number{color:#fff;font-size:1.75rem;font-weight:800}.hero-stat .label{color:var(--neutral-500);margin-top:2px;font-size:.8125rem}.hero-visual{position:relative}.hero-cards{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.hero-product-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-base);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14}.hero-product-card:hover{border-color:var(--cyan-400);background:#ffffff0f;transform:translateY(-6px);box-shadow:0 0 30px #06b6d41f}.hero-product-card .card-icon{border-radius:var(--radius-xl);width:48px;height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.375rem;display:flex}.hero-product-card .card-icon.teal{color:var(--teal-400);background:#14b8a626}.hero-product-card .card-icon.cyan{color:var(--cyan-400);background:#06b6d426}.hero-product-card h3{color:#fff;margin-bottom:4px;font-size:1.0625rem;font-weight:700}.hero-product-card p{color:var(--neutral-500);margin-bottom:var(--space-4);font-size:.75rem;line-height:1.5}.hero-product-card .card-features{flex-direction:column;gap:6px;display:flex}.hero-product-card .card-features span{color:var(--neutral-400);align-items:center;gap:var(--space-2);font-size:.75rem;display:flex}.hero-product-card .card-features span svg{color:var(--teal-400);flex-shrink:0}.hero-floating-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);align-items:center;gap:var(--space-3);background:#ffffff0f;border:1px solid #ffffff1a;padding:10px 18px;animation:5s ease-in-out infinite float;display:flex;position:absolute}.hero-floating-badge.top-right{top:-16px;right:-16px}.hero-floating-badge.bottom-left{animation-delay:2.5s;bottom:-16px;left:-16px}.hero-floating-badge .badge-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--success);background:#10b98126;justify-content:center;align-items:center;font-size:.875rem;display:flex}.hero-floating-badge .badge-text{color:#fff;font-size:.8125rem;font-weight:600}.hero-floating-badge .badge-sub{color:var(--neutral-500);font-size:.6875rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.products-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.product-card{border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-2xl);border-color:var(--cyan-300);transform:translateY(-6px)}.product-card-header{padding:var(--space-8);position:relative;overflow:hidden}.product-card-header.teal{background:linear-gradient(135deg,#0f766e,#14b8a6)}.product-card-header.dark{background:var(--gradient-hero)}.product-card-header:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-30%}.product-card-header .card-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:#fff;margin-bottom:var(--space-4);background:#ffffff26;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.product-card-header h3{color:#fff;letter-spacing:-.02em;margin-bottom:6px;font-size:1.5rem;font-weight:800}.product-card-header p{color:#ffffffb3;font-size:.875rem}.product-card-body{padding:var(--space-8)}.product-card-features{margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;gap:10px;display:grid}.product-card-features .feature-item{align-items:center;gap:var(--space-2);color:var(--neutral-600);font-size:.8125rem;display:flex}.product-card-features .feature-item svg{color:var(--teal-500);flex-shrink:0}.product-card-pricing{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);display:flex}.product-card-pricing .price{color:var(--neutral-900);font-size:1.75rem;font-weight:800}.product-card-pricing .period{color:var(--neutral-500);font-size:.875rem}.product-card-pricing .price-label{color:var(--neutral-400);margin-left:auto;font-size:.75rem}.product-card-footer{gap:var(--space-3);display:flex}.product-card-footer .btn{flex:1}.why-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.why-card{text-align:center;padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);transition:all var(--transition-base);background:#fff}.why-card:hover{box-shadow:var(--shadow-lg);border-color:var(--cyan-300);transform:translateY(-4px)}.section-dark .why-card{background:#ffffff0a;border-color:#ffffff14}.section-dark .why-card:hover{border-color:var(--cyan-400);box-shadow:0 0 25px #06b6d41a}.why-card .icon-wrapper{border-radius:var(--radius-xl);width:64px;height:64px;margin:0 auto var(--space-5);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.375rem;display:flex}.why-card:hover .icon-wrapper{transform:scale(1.08)}.why-card .icon-wrapper.cyan{background:var(--cyan-50);color:var(--cyan-600)}.why-card .icon-wrapper.teal{background:var(--teal-50);color:var(--teal-600)}.why-card .icon-wrapper.emerald{color:#059669;background:#d1fae5}.why-card .icon-wrapper.amber{color:#d97706;background:#fef3c7}.why-card .icon-wrapper.rose{color:#e11d48;background:#ffe4e6}.why-card .icon-wrapper.violet{color:#7c3aed;background:#ede9fe}.section-dark .why-card .icon-wrapper.cyan{color:var(--cyan-400);background:#06b6d41f}.section-dark .why-card .icon-wrapper.teal{color:var(--teal-400);background:#14b8a61f}.section-dark .why-card .icon-wrapper.emerald{color:#34d399;background:#10b9811f}.section-dark .why-card .icon-wrapper.amber{color:var(--amber-400);background:#f59e0b1f}.section-dark .why-card .icon-wrapper.rose{color:#fb7185;background:#e11d481f}.section-dark .why-card .icon-wrapper.violet{color:#a78bfa;background:#7c3aed1f}.why-card h4{margin-bottom:var(--space-2);color:var(--neutral-800);font-size:1.0625rem;font-weight:700}.section-dark .why-card h4{color:#fff}.why-card p{color:var(--neutral-500);font-size:.875rem;line-height:1.65}.section-dark .why-card p{color:var(--neutral-400)}.stats-section{background:var(--brand-900);padding:var(--space-16) 0;position:relative;overflow:hidden}.stats-section:before{content:"";pointer-events:none;background:radial-gradient(600px 400px at 0%,#06b6d414 0%,#0000 70%),radial-gradient(600px 400px at 100%,#14b8a60f 0%,#0000 70%);position:absolute;inset:0}.stats-grid{gap:var(--space-8);z-index:1;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.stat-item{text-align:center}.stat-item .stat-number{color:#fff;letter-spacing:-.02em;margin-bottom:4px;font-size:2.75rem;font-weight:900}.stat-item .stat-label{color:var(--neutral-400);font-size:.875rem;font-weight:500}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);transition:all var(--transition-base);background:#fff}.testimonial-card:hover{box-shadow:var(--shadow-xl);border-color:var(--cyan-200);transform:translateY(-4px)}.testimonial-card .stars{color:var(--amber-500);margin-bottom:var(--space-4);gap:2px;font-size:1rem;display:flex}.testimonial-card .quote{color:var(--neutral-600);margin-bottom:var(--space-6);font-size:.9375rem;line-height:1.7}.testimonial-card .author{align-items:center;gap:var(--space-3);display:flex}.testimonial-card .author-avatar{border-radius:var(--radius-full);background:var(--gradient-dark);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.testimonial-card .author-info strong{color:var(--neutral-800);font-size:.875rem;display:block}.testimonial-card .author-info span{color:var(--neutral-500);font-size:.75rem}.cta-section{background:var(--gradient-hero);padding:var(--space-20) 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(500px 400px at 30% 70%,#06b6d414 0%,#0000 70%),radial-gradient(500px 400px at 70% 30%,#14b8a60f 0%,#0000 70%);position:absolute;inset:0}.cta-content{z-index:1;position:relative}.cta-content h2{color:#fff;margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.cta-content p{color:var(--neutral-400);margin-bottom:var(--space-8);max-width:550px;margin-left:auto;margin-right:auto;font-size:1.0625rem;line-height:1.7}.cta-buttons{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.cta-whatsapp{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--neutral-500);font-size:.875rem;display:flex}.cta-whatsapp a{color:var(--success);align-items:center;gap:4px;font-weight:600;display:inline-flex}.footer{background:var(--neutral-950);color:var(--neutral-400);padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1.5fr;display:grid}.footer-brand h3{color:#fff;margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-size:1.125rem;font-weight:800;display:flex}.footer-brand h3 .footer-logo-icon{background:var(--brand-800);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9375rem;font-weight:900;display:flex}.footer-brand p{margin-bottom:var(--space-5);font-size:.875rem;line-height:1.7}.footer-brand .footer-tagline{gap:var(--space-4);font-size:.75rem;display:inline-flex}.footer-brand .footer-tagline span{color:var(--cyan-400);align-items:center;gap:4px;display:flex}.footer-column h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-5);font-size:.8125rem;font-weight:700}.footer-column a{color:var(--neutral-400);transition:color var(--transition-fast);padding:6px 0;font-size:.875rem;display:block}.footer-column a:hover{color:var(--cyan-400)}.footer-contact{gap:var(--space-3);flex-direction:column;display:flex}.footer-contact-item{align-items:flex-start;gap:var(--space-3);font-size:.875rem;display:flex}.footer-contact-item .contact-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--cyan-400);background:#06b6d41a;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.footer-bottom{padding-top:var(--space-6);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.footer-bottom-links{gap:var(--space-6);display:flex}.footer-bottom-links a:hover{color:var(--cyan-400)}.product-hero{min-height:70vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.product-hero.teal-theme{background:linear-gradient(160deg,#0b1120 0%,#0f4c46 40%,#0d9488 100%)}.product-hero.dark-theme{background:linear-gradient(160deg,#0b1120 0%,#111827 40%,#1f2937 100%)}.product-hero:before{content:"";pointer-events:none;background:radial-gradient(600px 500px at 70% 40%,#06b6d414 0%,#0000 70%),radial-gradient(500px 400px at 30% 60%,#f59e0b0a 0%,#0000 70%);position:absolute;inset:0}.product-hero .container{z-index:1;position:relative}.product-hero-content{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.product-hero-text .product-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:#fffc;margin-bottom:var(--space-6);background:#ffffff14;border:1px solid #ffffff26;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.product-hero-text h1{color:#fff;margin-bottom:var(--space-4);letter-spacing:-.03em;font-size:3rem;font-weight:900;line-height:1.1}.product-hero-text .subtitle{color:#ffffffa6;margin-bottom:var(--space-8);font-size:1.0625rem;line-height:1.7}.product-price-hero{align-items:center;gap:var(--space-6);padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);margin-bottom:var(--space-8);background:#ffffff0f;border:1px solid #ffffff1a;display:flex}.product-price-hero .price-info .price-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.product-price-hero .price-info .price-value{color:#fff;letter-spacing:-.02em;font-size:2.25rem;font-weight:900}.product-price-hero .price-info .price-value span{color:#ffffff80;font-size:1rem;font-weight:400}.product-price-hero .price-tag{background:var(--gradient-cyan);border-radius:var(--radius-full);color:#fff;text-transform:uppercase;letter-spacing:.02em;padding:6px 14px;font-size:.75rem;font-weight:700}.product-hero-visual{justify-content:center;display:flex}.features-section{padding:var(--space-24) 0}.features-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);transition:all var(--transition-base);background:#fff}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--cyan-300);transform:translateY(-3px)}.feature-card .feature-icon{border-radius:var(--radius-xl);width:48px;height:48px;margin-bottom:var(--space-4);background:var(--teal-50);color:var(--teal-600);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.feature-card.cyan .feature-icon{background:var(--cyan-50);color:var(--cyan-600)}.feature-card h4{color:var(--neutral-800);margin-bottom:6px;font-size:.9375rem;font-weight:700}.feature-card p{color:var(--neutral-500);font-size:.8125rem;line-height:1.65}.target-section{padding:var(--space-16) 0;background:var(--bg-secondary)}.target-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.target-item{text-align:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);transition:all var(--transition-base);background:#fff}.target-item:hover{box-shadow:var(--shadow-md);border-color:var(--cyan-300);transform:translateY(-3px)}.target-item .target-icon{margin-bottom:var(--space-3);font-size:1.75rem}.target-item h5{color:var(--neutral-700);font-size:.8125rem;font-weight:600}.about-hero{background:var(--gradient-hero);min-height:45vh;padding-top:var(--nav-height);text-align:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(500px 400px,#06b6d40f 0%,#0000 70%);position:absolute;inset:0}.about-hero .container{z-index:1;position:relative}.about-hero h1{color:#fff;margin-bottom:var(--space-4);letter-spacing:-.03em;font-size:3rem;font-weight:900}.about-hero p{color:var(--neutral-400);max-width:550px;margin:0 auto;font-size:1.125rem}.about-section{padding:var(--space-24) 0}.about-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text h2{margin-bottom:var(--space-6);color:var(--neutral-900);letter-spacing:-.02em;font-size:2rem;font-weight:800}.about-text p{color:var(--neutral-600);margin-bottom:var(--space-4);font-size:.9375rem;line-height:1.8}.about-image-wrapper{position:relative}.about-image-placeholder{aspect-ratio:4/3;background:var(--gradient-dark);border-radius:var(--radius-2xl);width:100%;color:var(--cyan-400);box-shadow:var(--shadow-2xl);justify-content:center;align-items:center;font-size:4rem;display:flex}.about-image-wrapper:after{content:"";background:var(--cyan-50);border-radius:var(--radius-2xl);z-index:-1;position:absolute;inset:16px -16px -16px 16px}.vm-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.vm-card{padding:var(--space-10);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.vm-card.vision{background:var(--gradient-dark);color:#fff}.vm-card.mission{border:1.5px solid var(--neutral-200);background:#fff}.vm-card .vm-icon{border-radius:var(--radius-xl);width:56px;height:56px;margin-bottom:var(--space-6);justify-content:center;align-items:center;font-size:1.375rem;display:flex}.vm-card.vision .vm-icon{color:var(--cyan-400);background:#06b6d426}.vm-card.mission .vm-icon{background:var(--cyan-50);color:var(--cyan-600)}.vm-card h3{margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.vm-card.mission h3{color:var(--neutral-900)}.vm-card p,.vm-card li{font-size:.9375rem;line-height:1.8}.vm-card.vision p{color:#ffffffbf}.vm-card.mission p,.vm-card.mission li{color:var(--neutral-600)}.vm-card ul{gap:var(--space-3);flex-direction:column;display:flex}.vm-card ul li{align-items:flex-start;gap:var(--space-3);display:flex}.vm-card ul li svg{flex-shrink:0;margin-top:4px}.vm-card.mission ul li svg{color:var(--teal-500)}.values-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.value-card{text-align:center;padding:var(--space-8)}.value-card .value-icon{border-radius:var(--radius-2xl);width:72px;height:72px;margin:0 auto var(--space-5);color:var(--cyan-400);transition:all var(--transition-base);background:#06b6d414;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.value-card:hover .value-icon{transform:scale(1.08);box-shadow:0 0 30px #06b6d41f}.value-card h4{color:#fff;margin-bottom:6px;font-size:1.0625rem;font-weight:700}.value-card p{color:var(--neutral-400);font-size:.8125rem}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--neutral-200);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{margin-bottom:var(--space-8);align-items:center;display:flex;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{width:45%;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff}.timeline-content:hover{box-shadow:var(--shadow-md);border-color:var(--cyan-300);transform:translateY(-2px)}.timeline-content h4{color:var(--neutral-900);margin-bottom:6px;font-size:1rem;font-weight:700}.timeline-content p{color:var(--neutral-600);font-size:.8125rem;line-height:1.65}.timeline-dot{border-radius:var(--radius-full);background:var(--gradient-cyan);width:14px;height:14px;box-shadow:var(--shadow-md);z-index:1;border:3px solid #fff;position:absolute;left:50%;transform:translate(-50%)}.timeline-year{color:var(--cyan-600);background:var(--cyan-50);border-radius:var(--radius-full);padding:3px 10px;font-size:.6875rem;font-weight:700;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.contact-hero{background:var(--gradient-hero);min-height:38vh;padding-top:var(--nav-height);text-align:center;align-items:center;display:flex;position:relative;overflow:hidden}.contact-hero:before{content:"";pointer-events:none;background:radial-gradient(500px 400px,#06b6d40f 0%,#0000 70%);position:absolute;inset:0}.contact-hero .container{z-index:1;position:relative}.contact-hero h1{color:#fff;margin-bottom:var(--space-4);letter-spacing:-.03em;font-size:3rem;font-weight:900}.contact-hero p{color:var(--neutral-400);font-size:1.125rem}.contact-section{padding:var(--space-24) 0}.contact-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.contact-form{padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200);background:#fff}.contact-form h3{color:var(--neutral-900);letter-spacing:-.02em;margin-bottom:6px;font-size:1.5rem;font-weight:800}.contact-form .form-subtitle{color:var(--neutral-500);margin-bottom:var(--space-8);font-size:.875rem}.form-group{margin-bottom:var(--space-5)}.form-group label{color:var(--neutral-700);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);width:100%;color:var(--neutral-800);transition:all var(--transition-fast);background:#fff;padding:10px 14px;font-size:.9375rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cyan-500);box-shadow:0 0 0 3px #06b6d414}.form-group textarea{resize:vertical;min-height:120px}.form-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.contact-info{gap:var(--space-5);flex-direction:column;display:flex}.contact-info-card{padding:var(--space-5);background:var(--neutral-50);border-radius:var(--radius-xl);border:1px solid var(--neutral-100);align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base);display:flex}.contact-info-card:hover{box-shadow:var(--shadow-md);border-color:var(--cyan-200);transform:translateY(-2px)}.contact-info-card .info-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;display:flex}.contact-info-card .info-icon.cyan{background:var(--cyan-50);color:var(--cyan-600)}.contact-info-card .info-icon.green{color:#059669;background:#d1fae5}.contact-info-card .info-icon.violet{color:#7c3aed;background:#ede9fe}.contact-info-card .info-icon.amber{color:#d97706;background:#fef3c7}.contact-info-card .info-text h4{color:var(--neutral-800);margin-bottom:2px;font-size:.9375rem;font-weight:700}.contact-info-card .info-text p{color:var(--neutral-500);font-size:.8125rem}.contact-info-card .info-text a{color:var(--cyan-600);font-weight:600}.contact-demo-card{padding:var(--space-8);background:var(--gradient-dark);border-radius:var(--radius-2xl);color:#fff;text-align:center;position:relative;overflow:hidden}.contact-demo-card:before{content:"";background:radial-gradient(300px 200px,#06b6d414 0%,#0000 70%);position:absolute;inset:0}.contact-demo-card>*{z-index:1;position:relative}.contact-demo-card h3{margin-bottom:8px;font-size:1.375rem;font-weight:800}.contact-demo-card p{color:var(--neutral-400);margin-bottom:var(--space-5);font-size:.875rem}.contact-demo-card .demo-products{gap:var(--space-3);justify-content:center;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.animate-in{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(24px)}.animate-in.visible{opacity:1;transform:translateY(0)}.animate-in-left{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translate(-24px)}.animate-in-left.visible{opacity:1;transform:translate(0)}.animate-in-right{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translate(24px)}.animate-in-right.visible{opacity:1;transform:translate(0)}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.delay-6{transition-delay:.48s}.form-success{padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.form-success .success-icon{margin-bottom:var(--space-3);font-size:2.5rem}.form-success h4{margin-bottom:6px;font-size:1.125rem;font-weight:700}.form-success p{font-size:.875rem}.form-error{padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;color:#991b1b;margin-bottom:var(--space-4);background:#fee2e2;border:1px solid #fca5a5;font-size:.875rem;font-weight:500}@media (width<=1024px){.hero-content,.product-hero-content,.about-grid{text-align:center;grid-template-columns:1fr}.hero-text p{margin:0 auto var(--space-8)}.hero-buttons,.hero-stats{justify-content:center}.hero-cards{max-width:480px;margin:var(--space-8) auto 0}.products-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.why-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.product-price-hero{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.vm-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media (width<=768px){:root{--nav-height:64px}.hero-text h1,.product-hero-text h1,.about-hero h1,.contact-hero h1{font-size:2.25rem}.section-header h2{font-size:1.875rem}.cta-content h2{font-size:1.75rem}.section{padding:var(--space-16) 0}.navbar-links{top:var(--nav-height);padding:var(--space-4);box-shadow:var(--shadow-lg);border-bottom:1px solid var(--neutral-200);background:#fff;flex-direction:column;display:none;position:absolute;left:0;right:0}.navbar-links.open,.navbar-toggle{display:flex}.navbar-cta .btn{display:none}.nav-dropdown-menu{box-shadow:none;padding:0 0 0 var(--space-4);opacity:1;visibility:visible;border:none;position:static;transform:none}.hero-cards{grid-template-columns:1fr}.hero-stats{gap:var(--space-6);flex-wrap:wrap}.why-grid,.product-card-features{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.target-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}.form-row{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.timeline:before{left:20px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row;padding-left:50px}.timeline-content{width:100%}.timeline-dot,.timeline-year{left:20px}}@media (width<=480px){.container{padding:0 var(--space-4)}.target-grid{grid-template-columns:repeat(2,1fr)}.hero-stats,.cta-buttons{flex-direction:column;align-items:center}.contact-demo-card .demo-products{flex-direction:column}}.hero-mockup-link{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.hero-mockup-link:hover{transform:translateY(-8px)scale(1.02);z-index:10!important;box-shadow:0 30px 60px #06b6d440!important}.hero-mockup-link.absensiku-mockup:hover{box-shadow:0 30px 60px #14b8a640!important}