:root{--color-primary-900:#0a0a1a;--color-primary-800:#12122a;--color-primary-700:#1a1a2e;--color-primary-600:#16213e;--color-primary-500:#1e2d4a;--color-primary-400:#2a3a5c;--color-primary-300:#3d4f6f;--color-primary-200:#5a6b8a;--color-primary-100:#8a97b0;--color-accent-600:#1d4ed8;--color-accent-500:#2563eb;--color-accent-400:#3b82f6;--color-accent-300:#60a5fa;--color-accent-200:#93c5fd;--color-accent-100:#dbeafe;--color-accent-glow:#2563eb59;--color-white:#fafafa;--color-gray-50:#f5f5f7;--color-gray-100:#e8e8ed;--color-gray-200:#d1d1d9;--color-gray-300:#a1a1aa;--color-gray-400:#71717a;--color-gray-500:#52525b;--color-gray-600:#3f3f46;--color-gray-700:#27272a;--color-gray-800:#18181b;--color-gray-900:#09090b;--color-whatsapp:#25d366;--color-whatsapp-dark:#128c7e;--color-surface:var(--color-white);--color-surface-elevated:#fff;--color-surface-dark:var(--color-primary-700);--color-surface-darker:var(--color-primary-800);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-500);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-white);--color-border:var(--color-gray-100);--color-border-subtle:var(--color-gray-50);--color-surface-hover:#ffffff0f;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-xs:clamp(.7rem, .65rem + .25vw, .8rem);--text-sm:clamp(.8rem, .75rem + .25vw, .9rem);--text-base:clamp(.9rem, .85rem + .25vw, 1rem);--text-md:clamp(1rem, .9rem + .5vw, 1.15rem);--text-lg:clamp(1.1rem, 1rem + .5vw, 1.3rem);--text-xl:clamp(1.3rem, 1.1rem + 1vw, 1.6rem);--text-2xl:clamp(1.6rem, 1.3rem + 1.5vw, 2.2rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl:clamp(2.5rem, 1.8rem + 3.5vw, 4rem);--text-5xl:clamp(3rem, 2rem + 5vw, 5.5rem);--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.8;--tracking-tight:-.03em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--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;--space-32:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--section-padding:clamp(4rem, 8vw, 8rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 60px #0000001f;--shadow-2xl:0 30px 80px #0000002e;--shadow-glow:0 0 40px var(--color-accent-glow);--shadow-card:0 2px 8px #0000000a, 0 8px 24px #0000000f;--shadow-card-hover:0 8px 24px #00000014, 0 20px 48px #0000001f;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--glass-bg:#ffffffb8;--glass-bg-dark:#0a0a1acc;--glass-border:#ffffff2e;--glass-blur:20px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-whatsapp:500;--z-nav:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-primary-900)}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface);opacity:0;min-height:100dvh;transition:opacity .25s ease-out;overflow-x:clip}body.page-ready{opacity:1}::selection{background:var(--color-accent-500);color:var(--color-white)}a{color:inherit;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}img,video,svg{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-md)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--container-lg)}.container--wide{max-width:var(--container-2xl)}.section{padding:var(--section-padding) 0;position:relative}.section--dark{background:var(--color-surface-dark);color:var(--color-text-inverse)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6{color:var(--color-text-inverse)}.section--dark p{color:var(--color-primary-100)}.section--darker{background:var(--color-surface-darker);color:var(--color-text-inverse)}.section--darker h1,.section--darker h2,.section--darker h3,.section--darker h4,.section--darker h5,.section--darker h6{color:var(--color-text-inverse)}.section--darker p{color:var(--color-primary-100)}.section--gray,.bg-light{background:var(--color-gray-50)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section-header h2{margin-bottom:var(--space-4)}.section-label{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent-500);margin-bottom:var(--space-4);font-weight:600;display:inline-block}.section--dark .section-label,.section--darker .section-label{color:var(--color-accent-300)}.grid{gap:var(--space-8);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}@media (width<=640px){.hide-mobile{display:none!important}.container{padding:0 var(--space-4)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;white-space:nowrap;letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--duration-fast) var(--ease-out);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn--primary{background:var(--color-accent-500);color:var(--color-white);box-shadow:0 4px 16px var(--color-accent-glow)}.btn--primary:hover{background:var(--color-accent-600);box-shadow:0 8px 30px var(--color-accent-glow);transform:translateY(-2px)}.btn--secondary{color:var(--color-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:1.5px solid #ffffff4d}.btn--secondary:hover{border-color:var(--color-accent-400);color:var(--color-accent-300);transform:translateY(-2px)}.btn--outline{color:var(--color-accent-500);border:1.5px solid var(--color-accent-500);background:0 0}.btn--outline:hover{background:var(--color-accent-500);color:var(--color-white);transform:translateY(-2px)}.btn--whatsapp{background:var(--color-whatsapp);color:var(--color-white);box-shadow:0 4px 16px #25d3664d}.btn--whatsapp:hover{background:var(--color-whatsapp-dark);transform:translateY(-2px);box-shadow:0 8px 30px #25d36666}.btn--lg{padding:var(--space-5) var(--space-10);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn--sm{padding:var(--space-2) var(--space-5);font-size:var(--text-xs)}.btn--icon{border-radius:var(--radius-full);width:48px;height:48px;padding:0}.btn svg{flex-shrink:0;width:18px;height:18px}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.card:hover{border-color:var(--color-accent-200);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card__icon{border-radius:var(--radius-lg);background:var(--color-accent-100);width:56px;height:56px;margin-bottom:var(--space-6);color:var(--color-accent-500);transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.card:hover .card__icon{background:var(--color-accent-500);color:var(--color-white);transform:scale(1.05)}.card__icon svg{width:26px;height:26px}.card .card__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:700}.card .card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card__arrow{align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-accent-500);transition:all var(--duration-fast) var(--ease-out);font-weight:600;display:flex}.card__arrow svg{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out)}.card:hover .card__arrow svg{transform:translate(4px)}.feature-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-300));transform-origin:0;height:4px;transition:transform var(--duration-slow) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--color-accent-200);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.feature-card__icon{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-accent-100), var(--color-accent-200));width:72px;height:72px;margin:0 auto var(--space-6);color:var(--color-accent-600);transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-card__icon{background:linear-gradient(135deg, var(--color-accent-500), var(--color-accent-400));color:var(--color-white);transform:scale(1.1)rotate(-3deg)}.feature-card__icon svg{width:32px;height:32px}.feature-card__title{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.feature-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:280px;margin:0 auto}.trust-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--duration-normal) var(--ease-out)}.trust-card:hover{border-color:var(--color-accent-200);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.trust-card__icon{border-radius:var(--radius-full);background:var(--color-accent-100);width:52px;height:52px;margin:0 auto var(--space-5);color:var(--color-accent-500);justify-content:center;align-items:center;display:flex}.trust-card__icon svg{width:24px;height:24px}.trust-card__title{font-family:var(--font-heading);font-size:var(--text-md);margin-bottom:var(--space-2);font-weight:700}.trust-card__description{font-size:var(--text-sm);color:var(--color-text-secondary)}.navbar{z-index:var(--z-nav);padding:var(--space-4) 0;transition:all var(--duration-normal) var(--ease-out);position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);padding:var(--space-3) 0;box-shadow:var(--shadow-md)}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.navbar__logo{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--color-white);transition:color var(--duration-normal) var(--ease-out);white-space:nowrap;font-weight:800}.navbar--scrolled .navbar__logo{color:var(--color-text-primary)}.navbar__logo span{color:var(--color-accent-400)}.navbar__links{align-items:center;gap:var(--space-8);display:flex}.navbar__link{font-size:var(--text-sm);color:#ffffffbf;transition:color var(--duration-fast) var(--ease-out);font-weight:500;position:relative}.navbar__link:after{content:"";background:var(--color-accent-400);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out);position:absolute;bottom:-4px;left:0}.navbar__link:hover,.navbar__link--active{color:var(--color-white)}.navbar__link:hover:after,.navbar__link--active:after{width:100%}.navbar--scrolled .navbar__link{color:var(--color-text-secondary)}.navbar--scrolled .navbar__link:hover,.navbar--scrolled .navbar__link--active{color:var(--color-accent-500)}.lang-switcher{position:relative}.lang-switcher__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:#ffffffbf;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #ffffff26;font-weight:500;display:flex}.navbar--scrolled .lang-switcher__btn{color:var(--color-text-secondary);border-color:var(--color-border)}.lang-switcher__btn:hover{border-color:var(--color-accent-400);color:var(--color-white)}.navbar--scrolled .lang-switcher__btn:hover{color:var(--color-accent-500);border-color:var(--color-accent-400)}@media (width<=768px){#lang-code{display:none}}.lang-switcher__dropdown{top:calc(100% + var(--space-2));background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-out);min-width:140px;z-index:var(--z-dropdown);position:absolute;right:0;transform:translateY(-8px)}.lang-switcher--open .lang-switcher__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-switcher__option{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%;display:flex}.lang-switcher__option:hover{background:var(--color-gray-50);color:var(--color-accent-500)}.lang-switcher__option--active{color:var(--color-accent-500);font-weight:600}.navbar__hamburger{cursor:pointer;width:44px;height:44px;padding:var(--space-2);z-index:calc(var(--z-nav) + 2);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none}.navbar__hamburger span{background:var(--color-white);width:22px;height:2px;transition:all var(--duration-normal) var(--ease-out);border-radius:2px;display:block}.navbar--scrolled .navbar__hamburger span{background:var(--color-text-primary)}.navbar__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar__mobile-menu{background:var(--color-surface-dark);width:80%;max-width:360px;height:100vh;padding:var(--space-20) var(--space-8) var(--space-8);gap:var(--space-4);transition:right var(--duration-slow) var(--ease-out);z-index:calc(var(--z-nav) + 1);flex-direction:column;display:flex;position:fixed;top:0;right:-100%;overflow-y:auto}.navbar__mobile-menu--open{right:0}.navbar__mobile-overlay{opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out);z-index:var(--z-nav);background:#00000080;position:fixed;inset:0}.navbar__mobile-overlay--visible{opacity:1;visibility:visible}.navbar__mobile-link{font-family:var(--font-heading);font-size:var(--text-xl);color:#ffffffb3;padding:var(--space-3) 0;transition:color var(--duration-fast) var(--ease-out);border-bottom:1px solid #ffffff0f;font-weight:600}.navbar__mobile-link:hover{color:var(--color-accent-400)}.footer{background:var(--color-primary-900);color:var(--color-text-inverse);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 1fr;display:grid}.footer__brand-desc{font-size:var(--text-sm);color:var(--color-primary-100);line-height:var(--leading-relaxed);margin-top:var(--space-4);max-width:320px}.footer__heading{font-family:var(--font-heading);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-300);margin-bottom:var(--space-5);font-weight:700}.footer__link{font-size:var(--text-sm);color:var(--color-primary-100);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-out);display:block}.footer__link:hover{color:var(--color-accent-400)}.footer__bottom{padding-top:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.footer__copyright{font-size:var(--text-xs);color:var(--color-primary-200)}@media (width<=768px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}@media (width<=768px){.footer{padding-bottom:calc(var(--space-8) + 80px)}}.whatsapp-float{bottom:var(--space-8);right:var(--space-8);z-index:var(--z-whatsapp);border-radius:var(--radius-full);background:var(--color-whatsapp);width:60px;height:60px;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 20px #25d36666}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 30px #25d36680}.whatsapp-float svg{fill:#fff;width:30px;height:30px}@supports (padding-bottom:env(safe-area-inset-bottom)){.whatsapp-float{bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}}@media (width<=768px){.whatsapp-float{width:50px;height:50px;bottom:var(--space-6);right:var(--space-6)}.whatsapp-float svg{width:26px;height:26px}@supports (padding-bottom:env(safe-area-inset-bottom)){.whatsapp-float{bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}}}.whatsapp-float__pulse{border-radius:var(--radius-full);border:2px solid var(--color-whatsapp);animation:2s infinite whatsappPulse;position:absolute;inset:-4px}@keyframes whatsappPulse{0%{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.form-input{width:100%;padding:var(--space-4);background:var(--color-gray-50);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-out)}.form-input:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 3px var(--color-accent-glow);background:var(--color-surface-elevated)}.form-input::placeholder{color:var(--color-text-tertiary)}textarea.form-input{resize:vertical;min-height:120px}.form-input--file{cursor:pointer}.process-step{align-items:center;gap:var(--space-12);padding:var(--space-16) 0;opacity:0;transition:all var(--duration-slower) var(--ease-out);display:flex;transform:translateY(40px)}.process-step--visible{opacity:1;transform:translateY(0)}.process-step--reverse{flex-direction:row-reverse}.process-step__visual{border-radius:var(--radius-2xl);flex:1;position:relative;overflow:hidden}.process-step__visual img{object-fit:cover;width:100%;height:400px;transition:transform var(--duration-slow) var(--ease-out)}.process-step:hover .process-step__visual img{transform:scale(1.03)}.process-step__content{flex:1}.process-step__number{font-family:var(--font-heading);font-size:var(--text-5xl);color:var(--color-accent-100);margin-bottom:var(--space-4);font-weight:800;line-height:1}.process-step__title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.process-step__desc{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (width<=1024px){.navbar__links,.nav-cta{display:none}.navbar__hamburger{display:flex}.navbar__inner{gap:var(--space-4)}}@media (width<=768px){.process-step,.process-step--reverse{gap:var(--space-8);flex-direction:column}.process-step__visual img{height:260px}}@media (width<=480px){.navbar__logo{font-size:var(--text-sm)}.navbar__logo img{height:1.6em!important}#lang-code{display:none}.lang-switcher__btn{padding:var(--space-2);gap:4px}}.product-item{border-radius:var(--radius-xl);cursor:pointer;aspect-ratio:4/3;position:relative;overflow:hidden}.product-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.product-item:hover img{transform:scale(1.08)}.product-item__label{padding:var(--space-6) var(--space-5);color:var(--color-white);font-family:var(--font-heading);font-size:var(--text-md);background:linear-gradient(#0000,#000000bf);font-weight:600;position:absolute;bottom:0;left:0;right:0}.benefit-pill{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);background:#ffffff0a;border:1px solid #ffffff14;display:flex}.benefit-pill:hover{border-color:var(--color-accent-400);background:#ffffff14;transform:translate(4px)}.benefit-pill__icon{border-radius:var(--radius-md);background:var(--color-accent-glow);width:40px;height:40px;color:var(--color-accent-300);flex-shrink:0;justify-content:center;align-items:center;display:flex}.benefit-pill__icon svg{width:20px;height:20px}.benefit-pill__text{font-size:var(--text-sm);color:var(--color-primary-100);font-weight:500}.hero{background:linear-gradient(165deg, var(--color-primary-900) 0%, var(--color-primary-700) 40%, var(--color-primary-600) 100%);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse 80% 60% at 70% 50%, var(--color-accent-glow), transparent), radial-gradient(ellipse 50% 80% at 20% 80%, #2563eb14, transparent);pointer-events:none;position:absolute;inset:0}.hero__grid{gap:var(--space-12);z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero__content{max-width:600px}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent-300);margin-bottom:var(--space-6);letter-spacing:var(--tracking-wide);background:#ffffff0f;border:1px solid #ffffff1a;font-weight:500;display:inline-flex}.hero__badge:before{content:"";border-radius:var(--radius-full);background:var(--color-accent-400);width:6px;height:6px;animation:2s infinite heroBadgePulse}@keyframes heroBadgePulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{font-size:var(--text-4xl);color:var(--color-white);margin-bottom:var(--space-6);line-height:var(--leading-snug)}.hero__title em{background:linear-gradient(135deg, var(--color-accent-400), var(--color-accent-200));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__subtitle{font-size:var(--text-lg);color:var(--color-primary-100);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);max-width:500px}.hero__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__animation{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero__canvas-container{aspect-ratio:4/3;width:95%;max-width:100%;margin:0 auto;position:relative}.hero__canvas-container canvas{border-radius:var(--radius-2xl);width:100%;height:100%}.hero__grain{pointer-events:none;z-index:2;background-image: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.04'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__canvas-container{z-index:3;position:relative}@media (width<=768px){.hero{padding-top:100px;padding-bottom:var(--space-12);min-height:auto}.hero__grid{text-align:center;gap:var(--space-8);grid-template-columns:1fr}.hero__content{max-width:100%}.hero__title{font-size:var(--text-3xl)}.hero__subtitle{max-width:100%}.hero__actions{justify-content:center}.hero__animation{order:-1}.hero__canvas-container{width:95%;max-width:100%;margin:0 auto}}.scroll-progress{background:linear-gradient(90deg, var(--color-accent-500), var(--color-accent-300));width:0%;height:3px;z-index:calc(var(--z-nav) + 1);transition:width 50ms linear;position:fixed;top:0;left:0}@media (width<=480px){.card [style*=display\:flex][style*=overflow-x]{flex-direction:column!important;overflow-x:visible!important}.card [style*=display\:flex][style*=overflow-x]>[style*=align-items\:center][style*="color:var(--color-border)"]{display:none!important}.card [style*="flex:1;min-width:120px"]{min-width:100%!important}}@media (width<=768px){.section .container--narrow .grid--2{grid-template-columns:1fr}}.reveal{opacity:0;transition:opacity var(--duration-slower) var(--ease-out), transform var(--duration-slower) var(--ease-out);transform:translateY(30px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translate(-40px)}.reveal--left.reveal--visible{transform:translate(0)}.reveal--right{transform:translate(40px)}.reveal--right.reveal--visible{transform:translate(0)}.reveal--scale{transform:scale(.95)}.reveal--scale.reveal--visible{transform:scale(1)}.reveal-stagger>*{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(20px)}.reveal-stagger--visible>:first-child{transition-delay:0s}.reveal-stagger--visible>:nth-child(2){transition-delay:.1s}.reveal-stagger--visible>:nth-child(3){transition-delay:.2s}.reveal-stagger--visible>:nth-child(4){transition-delay:.3s}.reveal-stagger--visible>:nth-child(5){transition-delay:.4s}.reveal-stagger--visible>:nth-child(6){transition-delay:.5s}.reveal-stagger--visible>:nth-child(7){transition-delay:.6s}.reveal-stagger--visible>:nth-child(8){transition-delay:.7s}.reveal-stagger--visible>*{opacity:1;transform:translateY(0)}.section-mold-overlay{z-index:10;pointer-events:none;flex-direction:row;display:flex;position:absolute;inset:0}.mold-half{flex-direction:row;flex:1;display:flex;position:relative}.mold-half--left{will-change:transform;z-index:2;transform:translate(0)}.mold-half--right{will-change:transform;z-index:1;transform:translate(0)}.mold-bg{background:var(--color-primary-900);flex:1}.mold-half--left .mold-bg{margin-right:98px}.mold-half--right .mold-bg{margin-left:98px}.mold-edge-vertical{pointer-events:none;width:200px;height:2400px;position:absolute;top:50%;transform:translateY(-50%)}.mold-half--left .mold-edge-vertical{right:-100px}.mold-half--right .mold-edge-vertical{left:-100px}@media (width<=768px){.section-mold-overlay{display:none}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__badge{animation:heroFadeUp .8s var(--ease-out) .2s both}.hero__title{animation:heroFadeUp .8s var(--ease-out) .4s both}.hero__subtitle{animation:heroFadeUp .8s var(--ease-out) .6s both}.hero__actions{animation:heroFadeUp .8s var(--ease-out) .8s both}.hero__animation{animation:heroFadeUp 1s var(--ease-out) .5s both}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%) 0 0/200% 100%;animation:3s infinite shimmer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}