.lp{--lp-navy: #081231;--lp-navy-2: #0c1a45;--lp-blue: #2f6bff;--lp-blue-dark: #1e4fd6;--lp-ink: #10214a;--lp-muted: #5b6b8c;--lp-line: #e4eaf5;--lp-soft: #f2f6fd;min-height:100dvh;display:flex;flex-direction:column;background:#fff;color:var(--lp-ink)}.lp-container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.lp-blue-text{color:var(--lp-blue)}.lp-wordmark{display:inline-flex;align-items:center;gap:1px;font-weight:700;letter-spacing:.16em;line-height:1}.lp-wordmark svg{margin:0 -1px 2px}.lp-appicon{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lp-blue),var(--lp-blue-dark));flex-shrink:0}.lp-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;flex-shrink:0}.lp-chip-lg{width:46px;height:46px;border-radius:13px}.lp-chip-green{background:#e3f6ec;color:#16a34a}.lp-chip-orange{background:#fef0e3;color:#ea7c1f}.lp-chip-purple{background:#efe9fd;color:#7c4dff}.lp-chip-yellow{background:#fdf6dd;color:#ca9a04}.lp-chip-violet{background:#ece7fb;color:#6d5bd0}.lp-chip-red{background:#fde9ec;color:#e5484d}.lp-chip-teal{background:#e0f5f4;color:#0d9488}.lp-chip-blue{background:#e6eeff;color:var(--lp-blue)}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:opacity .15s ease,background .15s ease}.lp-btn-sm{padding:9px 18px;font-size:14px}.lp-btn-blue{background:var(--lp-blue);color:#fff}.lp-btn-blue:hover{background:var(--lp-blue-dark)}.lp-btn-ghost{background:transparent;color:#fff;border-color:#ffffff59}.lp-btn-ghost:hover{background:#ffffff14}.lp-btn-white{background:#fff;color:var(--lp-navy)}.lp-btn-white:hover{opacity:.92}.lp-header{position:sticky;top:0;z-index:100;background:var(--lp-navy);border-bottom:1px solid rgba(255,255,255,.08)}.lp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.lp-brand{text-decoration:none;display:inline-flex}.lp-nav{display:none;gap:26px}.lp-nav a{font-size:14px;color:#ffffffbf;text-decoration:none}.lp-nav a:hover{color:#fff}.lp-header-actions{display:flex;align-items:center;gap:18px}.lp-header-login{font-size:14px;font-weight:500;color:#ffffffd9;text-decoration:none}.lp-header-login:hover{color:#fff}.lp-hero{background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(47,107,255,.18),transparent),radial-gradient(ellipse 50% 40% at 15% 90%,rgba(47,107,255,.12),transparent),var(--lp-navy);color:#fff;padding:56px 0 64px;overflow:hidden}.lp-hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}.lp-hero h1{font-size:clamp(30px,4.6vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin-bottom:18px}.lp-hero-sub{font-size:16px;color:#ffffffbf;max-width:460px;margin-bottom:28px}.lp-cta-row{display:flex;flex-wrap:wrap;gap:12px}.lp-hero-visual{display:flex;align-items:center;justify-content:center;gap:0}.lp-phone{width:236px;flex-shrink:0;background:#1a2547;border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:10px;box-shadow:0 24px 60px #00000073}.lp-phone-screen{background:#f7f9fd;border-radius:22px;overflow:hidden;color:var(--lp-ink);display:flex;flex-direction:column}.lp-phone-appheader{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-bottom:1px solid var(--lp-line)}.lp-phone-applogo{display:flex;align-items:center;gap:8px}.lp-phone-applogo-row{display:flex;align-items:center;gap:5px}.lp-phone-appname{font-size:11px;font-weight:700;letter-spacing:-.2px}.lp-phone-rolebadge{font-size:7px;font-weight:700;letter-spacing:.03em;color:#ca9a04;background:#fdf6dd;border-radius:20px;padding:1px 5px}.lp-phone-appsub{font-size:8px;color:var(--lp-muted)}.lp-phone-appactions{display:flex;align-items:center;gap:6px;color:var(--lp-muted)}.lp-phone-avatar{width:18px;height:18px;border-radius:50%;background:#e6eeff;color:var(--lp-blue);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center}.lp-phone-body{padding:10px 10px 12px;display:flex;flex-direction:column;gap:8px}.lp-phone-notifbar{display:flex;align-items:center;gap:6px;background:#fef7ec;border:1px solid #f5dfc0;border-radius:9px;padding:7px 8px;font-size:8px;color:var(--lp-ink);line-height:1.35}.lp-phone-balance{background:#fff;border:1px solid var(--lp-line);border-radius:12px;padding:10px 11px}.lp-phone-balance-label{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--lp-muted);margin-bottom:3px}.lp-phone-balance-amount{font-size:22px;font-weight:300;letter-spacing:-.5px;color:#16a34a}.lp-phone-balance-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.lp-phone-badge{font-size:7px;font-weight:700;color:#16a34a;background:#e3f6ec;border-radius:20px;padding:1px 6px}.lp-phone-paylink{font-size:8px;font-weight:600;color:var(--lp-blue)}.lp-phone-balance-stats{display:flex;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid var(--lp-line)}.lp-phone-balance-stats>div{flex:1}.lp-phone-stat-lbl{font-size:7px;color:var(--lp-muted);margin-bottom:1px}.lp-phone-stat-val{font-size:9px;font-weight:500;color:var(--lp-ink)}.lp-phone-section{font-size:9px;font-weight:700;color:var(--lp-ink);margin-top:2px}.lp-phone-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lp-phone-action{background:#fff;border:1px solid var(--lp-line);border-radius:10px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:7px;font-weight:500;color:var(--lp-muted);text-align:center}.lp-phone-action .lp-chip{width:24px;height:24px;border-radius:8px}.lp-phone-nav{display:flex;justify-content:space-around;border-top:1px solid var(--lp-line);background:#fff;padding:8px 0}.lp-phone-nav span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:7px;color:var(--lp-muted)}.lp-phone-nav .lp-phone-nav-active{color:var(--lp-blue);font-weight:600}.lp-floating{display:flex;flex-direction:column;gap:14px;margin-left:-10px;z-index:2}.lp-float-card{background:#fff;border-radius:14px;padding:12px 16px 12px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 34px #00000059;min-width:210px}.lp-float-card:nth-child(2n){transform:translate(16px)}.lp-float-title{font-size:13px;font-weight:700;color:var(--lp-ink)}.lp-float-sub{font-size:11px;color:var(--lp-muted);margin-top:1px}.lp-section{padding:56px 0}.lp-section-soft{background:var(--lp-soft)}.lp-section h2{font-size:clamp(24px,3.4vw,32px);font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:36px}.lp-section-sub{font-size:15px;color:var(--lp-muted);text-align:center;max-width:540px;margin:-22px auto 34px}.lp-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lp-feature{background:#fff;border:1px solid var(--lp-line);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.lp-feature h3{font-size:15px;font-weight:700}.lp-feature p{font-size:13px;color:var(--lp-muted)}.lp-roles{display:grid;grid-template-columns:1fr;gap:16px}.lp-role{background:#fff;border:1px solid var(--lp-line);border-radius:16px;padding:24px}.lp-role-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lp-role h3{font-size:17px;font-weight:700}.lp-role ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}.lp-role li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--lp-ink)}.lp-check{flex-shrink:0;margin-top:2px}.lp-check-blue{color:var(--lp-blue)}.lp-check-green{color:#16a34a}.lp-check-purple{color:#7c4dff}.lp-colombia{display:grid;grid-template-columns:1fr;gap:14px}.lp-colombia-item{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.lp-steps{display:grid;grid-template-columns:1fr;gap:28px}.lp-step{position:relative;background:#fff;border:1px solid var(--lp-line);border-radius:16px;padding:34px 22px 24px;text-align:center}.lp-step-num{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:32px;height:32px;border-radius:50%;background:var(--lp-blue);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2f6bff66}.lp-step-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:#e6eeff;color:var(--lp-blue);margin-bottom:14px}.lp-step h3{font-size:16px;font-weight:700;margin-bottom:6px}.lp-step p{font-size:13px;color:var(--lp-muted)}.lp-cta-banner{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--lp-navy-2),var(--lp-navy));color:#fff;border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.lp-cta-mark{position:absolute;left:-20px;bottom:-30px;pointer-events:none}.lp-cta-banner h2{font-size:clamp(21px,2.6vw,27px);font-weight:700;text-align:left;margin-bottom:8px}.lp-cta-banner p{font-size:14px;color:#ffffffbf;max-width:440px}.lp-footer{background:var(--lp-navy);color:#ffffffbf;padding:44px 0 24px;margin-top:auto}.lp-footer-grid{display:grid;grid-template-columns:1fr;gap:30px}.lp-footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lp-footer-brand p{font-size:13px;max-width:220px}.lp-footer-col{display:flex;flex-direction:column;gap:9px}.lp-footer-col h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:3px}.lp-footer-col a,.lp-footer-col span{font-size:13px;color:#ffffffa6;text-decoration:none}.lp-footer-col a:hover{color:#fff}.lp-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;text-align:center;font-size:12px;color:#ffffff80}@media (max-width: 519px){.lp-floating{display:none}}@media (min-width: 640px){.lp-colombia{grid-template-columns:repeat(2,1fr)}.lp-steps{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.lp-nav{display:flex}.lp-hero{padding:72px 0 80px}.lp-hero-grid{grid-template-columns:1.05fr .95fr}.lp-section{padding:68px 0}.lp-features{grid-template-columns:repeat(4,1fr)}.lp-roles{grid-template-columns:repeat(3,1fr)}.lp-colombia{grid-template-columns:repeat(4,1fr)}.lp-cta-banner{flex-direction:row;align-items:center;justify-content:space-between;padding:42px 44px}.lp-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}:root{--background: oklch(.98 .005 60);--card: oklch(1 0 0);--secondary: oklch(.95 .02 60);--muted: oklch(.94 .01 60);--foreground: oklch(.18 .02 45);--secondary-fg: oklch(.25 .02 45);--muted-foreground: oklch(.45 .02 45);--primary: oklch(.55 .15 35);--primary-fg: oklch(.99 0 0);--green: oklch(.65 .12 150);--green-light: oklch(.95 .04 150);--red: oklch(.577 .245 27.325);--red-light: oklch(.96 .025 27);--amber: oklch(.75 .12 80);--amber-light: oklch(.96 .03 80);--purple: oklch(.6 .1 290);--purple-light: oklch(.96 .02 290);--border: oklch(.9 .01 60);--border2: oklch(.87 .01 60);--radius: .75rem;--shadow: 0 2px 8px oklch(.18 .02 45 / .06);--shadow-sm: 0 1px 3px oklch(.18 .02 45 / .04);--bg: var(--background);--bg2: var(--card);--bg3: var(--secondary);--bg4: var(--muted);--text: var(--foreground);--text2: var(--secondary-fg);--text3: var(--muted-foreground);--accent: var(--primary);--r: calc(var(--radius) + 4px);--r2: var(--radius);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--background);color:var(--foreground);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app-shell{display:flex;flex-direction:column;height:100dvh;background:var(--background);max-width:430px;margin:0 auto}.app-sidebar{display:none}.app-body{flex:1;display:flex;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding-bottom:max(80px,calc(64px + env(safe-area-inset-bottom)));-webkit-overflow-scrolling:touch}.app-bottom-nav{display:flex;background:var(--card);border-top:1px solid var(--border);padding:8px 0 max(8px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:50}@media (min-width: 768px){.app-shell{flex-direction:column;max-width:none;margin:0;width:100%}.app-body{flex-direction:row}.app-sidebar{display:flex;flex-direction:column;width:220px;min-width:220px;border-right:1px solid var(--border);background:var(--card);padding:12px;gap:2px;overflow-y:auto}.app-bottom-nav{display:none}.app-content{padding-bottom:24px;max-width:860px}}button,input,select,textarea{font-family:var(--font);font-size:15px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--secondary) inset!important;-webkit-text-fill-color:var(--foreground)!important;caret-color:var(--foreground)}a{color:var(--primary);text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeSlideIn .2s ease;padding-top:16px}.action-btn:active{transform:scale(.95);background:var(--secondary)!important}.action-btn{transition:transform .1s ease,background .15s ease}