.landing-page,.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box;margin:0;padding:0}.landing-page{--font-display:"Outfit", system-ui, sans-serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--navy:#12324a;--teal:#16a39a;--teal-dark:#13877f;--sand:#ede4d7;--accent-warm:#c2410c;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--bg:#f8fafc;--radius:12px}.text-gradient{background:linear-gradient(135deg, var(--teal), var(--navy));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;background:#fff;font-size:16px;line-height:1.6}.landing-page h1,.landing-page h2,.landing-page h3{font-family:var(--font-display)}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff5;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:68px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{align-items:center;text-decoration:none;display:flex}.nav-actions{align-items:center;gap:20px;display:flex}.nav-link{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--text)}.btn-nav{background:var(--teal);color:#fff;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s}.btn-nav:hover{background:var(--teal-dark);transform:translateY(-1px)}.nav-logo{width:auto;height:36px;display:block}.nav-brand-text{font-family:var(--font-display);color:var(--navy);letter-spacing:-.5px;margin-left:10px;font-size:20px;font-weight:800}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:56px 24px 72px;display:grid;position:relative;overflow:hidden}.hero-bg-blob{pointer-events:none;z-index:0;background:radial-gradient(circle,#16a39a17 0%,#0000 68%);width:700px;height:700px;position:absolute;top:-100px;right:-200px}.hero-grain{opacity:.04;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-inner{z-index:1;position:relative}.hero-badge{color:var(--teal-dark);background:#16a39a14;border:1px solid #16a39a38;border-radius:20px;align-items:center;gap:7px;margin-bottom:28px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-1.5px;margin-bottom:22px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.08}.hero-sub{color:var(--muted);max-width:520px;margin-bottom:38px;font-size:18px;line-height:1.75}.hero-sub strong{color:var(--text);font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.btn-hero{background:var(--teal);color:#fff;border-radius:10px;padding:15px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-block;box-shadow:0 4px 20px #16a39a66}.btn-hero:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 8px 28px #16a39a73}.btn-hero-ghost{color:var(--muted);padding:8px 4px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.btn-hero-ghost:hover{color:var(--teal)}.hero-trust{color:var(--muted);max-width:520px;margin:0;font-size:14px;line-height:1.55}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-inner .hero-badge,.hero-inner h1,.hero-inner .hero-sub,.hero-inner .hero-actions,.hero-inner .hero-trust{animation:.65s cubic-bezier(.22,1,.36,1) both landing-fade-up}.hero-inner .hero-badge{animation-delay:50ms}.hero-inner h1{animation-delay:.12s}.hero-inner .hero-sub{animation-delay:.2s}.hero-inner .hero-actions{animation-delay:.28s}.hero-inner .hero-trust{animation-delay:.36s}@media (prefers-reduced-motion:reduce){.hero-inner .hero-badge,.hero-inner h1,.hero-inner .hero-sub,.hero-inner .hero-actions,.hero-inner .hero-trust,.hero-visual{animation:none}}.hero-visual{z-index:1;justify-content:center;align-items:center;animation:.75s cubic-bezier(.22,1,.36,1) .18s both landing-fade-up;display:flex;position:relative}.mockup-container{position:relative}.mockup-float-badge{background:linear-gradient(135deg, var(--navy), #1a4a6e);color:#fff;letter-spacing:.04em;text-transform:uppercase;z-index:2;border:1px solid #ffffff1f;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:-16px;right:-16px;box-shadow:0 8px 24px #12324a40}.mockup{box-shadow:0 2px 4px #0000000a, 0 24px 64px #16a39a2e, 0 0 0 1px var(--border);background:#fff;border-radius:18px;width:360px;overflow:hidden}.mockup-bar{background:#f1f5f9;gap:6px;padding:10px 14px;display:flex}.mockup-bar span{border-radius:50%;width:10px;height:10px}.mockup-bar span:first-child{background:#fca5a5}.mockup-bar span:nth-child(2){background:#fcd34d}.mockup-bar span:nth-child(3){background:#86efac}.mockup-body{padding:24px}.mockup-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.mockup-row--header{padding-bottom:14px}.mockup-label{color:var(--text);font-size:13px;font-weight:700}.mockup-badge{color:#16a34a;background:#dcfce7;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.mockup-badge-outline{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.mockup-divider{background:var(--border);height:1px;margin:6px 0}.mockup-key{color:var(--muted);font-size:12px}.mockup-val{font-size:13px;font-weight:500}.mockup-val--strong{color:var(--teal);font-size:16px;font-weight:800}.mockup-time{color:var(--muted);font-size:11px}.mockup-row--footer{align-items:center;margin-top:10px}.mockup-chip{color:var(--navy);background:var(--sand);border:1px solid #12324a1f;border-radius:20px;padding:5px 11px;font-size:11px;font-weight:700}.proof-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);padding:28px 0}.proof-grid{justify-content:center;align-items:center;gap:0;display:flex}.proof-item{flex-direction:column;align-items:center;gap:2px;padding:0 48px;display:flex}.proof-item strong{color:var(--navy);letter-spacing:-.3px;font-size:17px;font-weight:800;font-family:var(--font-display)}.proof-item span{color:var(--muted);font-size:13px}.proof-sep{background:var(--border);flex-shrink:0;width:1px;height:40px}.section-inner{max-width:1100px;margin:0 auto;padding:0 24px}.section-title{letter-spacing:-1px;text-align:center;margin-bottom:12px;font-size:clamp(28px,4vw,40px);font-weight:800}.section-sub{text-align:center;color:var(--muted);margin-bottom:60px;font-size:17px}.how-it-works{background:var(--bg);padding:100px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{text-align:center;border-radius:var(--radius);border:1px solid var(--border);background:#fff;padding:36px 28px;position:relative}.step-num{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;width:52px;height:52px;font-size:22px;font-weight:800;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex;box-shadow:0 4px 14px #16a39a59}.step h3{margin-bottom:10px;font-size:17px;font-weight:700}.step p{color:var(--muted);font-size:14px;line-height:1.65}.features{padding:100px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius);border:1px solid var(--border);background:#fff;padding:28px;transition:box-shadow .2s,transform .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014}.feature-icon{width:46px;height:46px;color:var(--teal-dark);background:#16a39a1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-card h3{margin-bottom:8px;font-size:16px;font-weight:700}.feature-card p{color:var(--muted);font-size:14px;line-height:1.6}.features-grid--v2{grid-template-columns:repeat(4,1fr);gap:20px}.product-today{background:linear-gradient(180deg, #fff 0%, var(--sand) 45%, var(--sand) 100%);border-top:1px solid #12324a0f;padding:96px 0}.product-today-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product-pillar{border-radius:var(--radius);border:1px solid var(--border);background:#fff;padding:28px 26px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 16px #12324a0d}.product-pillar:hover{transform:translateY(-2px);box-shadow:0 12px 36px #12324a14}.product-pillar--accent{background:linear-gradient(145deg,#fff 0%,#16a39a0f 100%);border-color:#16a39a59}.product-pillar-title{letter-spacing:-.3px;color:var(--navy);margin-bottom:12px;font-size:18px;font-weight:800}.product-pillar-lead{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.para-quien{background:var(--bg);padding:96px 0}.para-quien-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.para-card{border-radius:var(--radius);border:1px solid var(--border);background:#fff;padding:32px 28px}.para-card--featured{border-width:2px;border-color:var(--navy);background:linear-gradient(#fff 0%,#f8fafc 100%)}.para-card-title{color:var(--navy);margin-bottom:12px;font-size:17px;font-weight:800}.para-card-body{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.roadmap-strip{background:var(--navy);color:#fff;padding:88px 0}.section-title--light{color:#fff}.section-sub--light{color:#ffffffb8;margin-bottom:48px}.roadmap-cols{text-align:left;grid-template-columns:1fr 1fr;gap:32px;max-width:920px;margin:0 auto;display:grid}.roadmap-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;margin-bottom:16px;font-size:14px;font-weight:700}.roadmap-col--next .roadmap-heading{color:#16a39af2}.roadmap-list{flex-direction:column;gap:12px;list-style:none;display:flex}.roadmap-list li{color:#ffffffe0;padding-left:18px;font-size:15px;line-height:1.55;position:relative}.roadmap-list li:before{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.pricing{padding:100px 0}.pricing-grid{gap:20px;max-width:1100px;margin:0 auto;display:grid}.pricing-grid--empresas{grid-template-columns:repeat(3,1fr);align-items:stretch;max-width:1040px}.pricing-grid--estudios{grid-template-columns:repeat(4,1fr);align-items:stretch;max-width:1200px}.pricing-card--tier-pack{background:linear-gradient(135deg,#fffbeb 0%,#fff 55%);border:1px solid #d9770659}.pricing-toggle-wrap{justify-content:center;margin-bottom:28px;display:flex}.pricing-toggle{border:1px solid var(--border);background:#f8fafc;border-radius:12px;display:inline-flex;overflow:hidden}.pricing-toggle-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:600}.pricing-toggle-btn.is-active{background:var(--navy);color:#fff}.pricing-panel[hidden]{display:none!important}.pricing-card{border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:32px 28px;display:flex;position:relative}.pricing-card--featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:scale(1.02);box-shadow:0 12px 40px #12324a4d}.pricing-card--featured .pricing-desc,.pricing-card--featured .pricing-period{color:#ffffffa6}.pricing-pill{background:var(--teal);color:#fff;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-name{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:12px;font-weight:700}.pricing-card--featured .pricing-name{color:#fff9}.pricing-price{letter-spacing:-2px;margin-bottom:4px;font-size:40px;font-weight:800;line-height:1}.pricing-period{color:var(--muted);margin-bottom:14px;font-size:14px;font-weight:400}.pricing-desc{color:var(--muted);min-height:36px;margin-bottom:20px;font-size:13px;line-height:1.5}.pricing-list{flex-direction:column;flex:1;gap:9px;margin-bottom:28px;list-style:none;display:flex}.pricing-list li{color:var(--text);font-size:13px}.pricing-list--no{opacity:.7;color:var(--muted)!important}.pricing-card--featured .pricing-list li{color:#ffffffe6}.btn-pricing-outline{text-align:center;border:1.5px solid var(--border);color:var(--text);border-radius:10px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:block}.btn-pricing-outline:hover{border-color:var(--teal);color:var(--teal)}.btn-pricing-cta-free{text-align:center;background:var(--teal);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:block;box-shadow:0 2px 12px #16a39a59}.btn-pricing-cta-free:hover{opacity:.92;color:#fff;transform:translateY(-1px)}.btn-pricing{text-align:center;color:var(--navy);background:#fff;border-radius:10px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:block}.btn-pricing:hover{opacity:.9;transform:translateY(-1px)}.trial-banner{background:linear-gradient(135deg,#16a39a14,#16a39a0a);border:1.5px solid #16a39a40;border-radius:14px;align-items:center;gap:16px;margin-bottom:40px;padding:18px 24px;display:flex}.trial-banner-icon{width:40px;height:40px;color:var(--teal);background:#16a39a1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trial-banner strong{color:var(--navy);margin-bottom:2px;font-size:15px;font-weight:700;display:block}.trial-banner span{color:var(--muted);font-size:13px}.pricing-tag-soon{color:#ffffff8c;white-space:nowrap;font-size:11px;font-weight:600}.pricing-card:not(.pricing-card--featured) .pricing-tag-soon{color:var(--muted)}.pricing-tag-note{color:var(--muted);font-size:11px;font-weight:600}.pricing-card--featured .pricing-tag-note{color:#ffffff8c}.pricing-list--soft{color:var(--muted);font-size:13px}.pricing-card--elite{border:2px solid var(--navy);background:linear-gradient(#f8fafc 0%,#fff 45%)}.pricing-card--elite .pricing-name{color:var(--navy)}.pricing-card--estudio{border:2px solid var(--navy);background:#fff}.pricing-card--estudio .pricing-name{color:var(--navy)}.pricing-price--custom{color:var(--navy);letter-spacing:-1px!important;font-size:30px!important}.btn-pricing-estudio{text-align:center;background:var(--navy);color:#fff;border-radius:10px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s;display:block}.btn-pricing-estudio:hover{opacity:.85}.cta{background:linear-gradient(135deg, var(--navy) 0%, #1e4a6e 50%, var(--teal) 100%);padding:100px 0}.cta-inner{text-align:center}.cta h2{letter-spacing:-1px;color:#fff;margin-bottom:14px;font-size:clamp(28px,4vw,44px);font-weight:800}.cta p{color:#fffc;margin-bottom:36px;font-size:17px}.cta .btn-hero{color:var(--navy);background:#fff;box-shadow:0 4px 24px #0003}.cta .btn-hero:hover{background:#f0fdf4;transform:translateY(-2px)}.cta-note{color:#ffffff8c;margin-top:18px;font-size:13px}.footer{border-top:1px solid var(--border);background:#fafafa;padding:36px 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;max-width:1100px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:8px;display:flex}.footer-logo{width:auto;height:28px;display:block}.footer-brand-text{font-family:var(--font-display);color:var(--navy);letter-spacing:-.5px;font-size:17px;font-weight:800}.footer-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--teal-dark)}.footer-copy{color:var(--muted);margin:0;font-size:13px}@media (max-width:1100px){.features-grid--v2{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.product-today-grid,.para-quien-grid,.roadmap-cols{grid-template-columns:1fr}.pricing-grid--empresas{grid-template-columns:1fr;max-width:420px}.pricing-grid--estudios{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.pricing-grid--empresas{max-width:none}.pricing-card--featured{transform:none}}@media (max-width:768px){.hero{grid-template-columns:1fr;gap:36px;padding:48px 24px 56px}.hero-visual{display:none}.steps-grid,.features-grid,.features-grid--v2,.pricing-grid--empresas,.pricing-grid--estudios{grid-template-columns:1fr}.proof-grid{flex-wrap:wrap;justify-content:center;gap:20px 32px}.proof-item{padding:0 20px}.proof-sep{display:none}.footer-inner{text-align:center;flex-direction:column;gap:12px}.footer-links{justify-content:center}.footer-copy{margin-top:8px}}.env-banner{z-index:100000;text-align:center;letter-spacing:.03em;color:#fff;padding:7px 14px;font-size:12px;font-weight:600;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #0000001f}.env-banner--staging{background:#c2410c}.env-banner--local{background:#6d28d9}.env-banner--other{background:#475569}.env-banner--beta{background:#0f766e}.env-banner--maintenance{letter-spacing:.02em;color:#fffbeb;text-shadow:0 1px 2px #0000002e;text-align:center;background:linear-gradient(110deg,#7c2d12 0%,#c2410c 38%,#ea580c 72%,#fb923c 100%) 0 0/200% 100%;border-bottom:1px solid #43140759;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:11px 18px;font-size:13px;font-weight:600;line-height:1.35;animation:10s ease-in-out infinite env-banner-maint-shift;display:flex;box-shadow:0 4px 18px #9a34126b,inset 0 1px #ffffff24}.env-banner--maintenance:before{content:"";background:#fff3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffbeb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E") 50%/15px 15px no-repeat;border-radius:50%;flex-shrink:0;width:28px;height:28px;box-shadow:inset 0 1px #ffffff38}@keyframes env-banner-maint-shift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.env-banner--maintenance{background-size:100% 100%;animation:none}}@media print{.nav,.env-banner,.hero-visual,.proof-bar,.cta .btn-hero{break-inside:avoid}.hero{grid-template-columns:1fr}.hero-bg-blob,.hero-grain{display:none!important}.landing-page{color:#000;background:#fff;font-size:12pt}.landing-page a{color:#000;text-decoration:underline}}
