:root{--ink:#16163a;--ink-2:#4a4d63;--ink-3:#5b5e73;--night:#1c1a4a;--night-2:#26236a;--night-3:#2a2770;--indigo:#3730c8;--indigo-dark:#26208f;--indigo-ink:#2a2780;--lilac:#e3e1fa;--mist:#f3f2fa;--mist-2:#fafafe;--line:#ecebf5;--line-2:#cfcdeb;--marigold:#f5a524;--marigold-soft:#fff4de;--marigold-line:#f3d9a6;--marigold-ink:#4a3200;--green:#11643f;--green-soft:#ddf4e8;--green-ink:#0b4a2e;--whatsapp:#1f8a5b;--lavender:#c9c6f2;--lavender-2:#dcdaf7;--radius-pill:999px}*{box-sizing:border-box}html,body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#e9e8f3;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font-family:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{justify-content:center;align-items:flex-start;gap:40px;min-height:100dvh;padding:32px 24px;display:flex}.phone{background:#fff;border-radius:40px;flex-direction:column;flex-shrink:0;width:390px;height:min(844px,100dvh - 64px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 10px #16163a,0 30px 80px #16163a59}.notes{flex-direction:column;gap:16px;width:360px;max-height:calc(100dvh - 64px);font-size:14px;line-height:1.5;display:flex;overflow:auto}.notes-card{background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:18px;display:flex}.notes-card h2{text-transform:uppercase;letter-spacing:.8px;color:var(--indigo);margin:0;font-size:13px}.notes-card h3{margin:0;font-size:18px;font-weight:800}.notes-card p{color:var(--ink-2);margin:0}.metric{background:var(--mist);border-radius:12px;padding:10px 12px;font-size:13px}.events{flex-direction:column;gap:4px;max-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex;overflow:auto}.events div{background:var(--mist-2);border-radius:6px;justify-content:space-between;gap:8px;padding:4px 8px;display:flex}.events .hot{background:var(--marigold-soft)}.demo-tag{color:var(--ink-3);font-size:12px}@media (max-width:860px){.notes{display:none}}@media (max-width:480px){html,body{background:#fff}.stage{padding:0}.phone{width:100%;height:100dvh;box-shadow:none;border-radius:0}}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll{flex:1;min-height:0;overflow-y:auto}.btn{border-radius:var(--radius-pill);border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:15px 18px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{background:var(--indigo-dark)}.btn-marigold{background:var(--marigold);color:var(--night)}.btn-ghost-dark{color:#fff;background:0 0;border:1.5px solid #6b68c4}.btn-outline{color:var(--indigo-ink);border:1.5px solid var(--line-2);background:#fff;padding:12px;font-size:14px;font-weight:700}.btn-whatsapp{background:var(--whatsapp);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.link-btn{color:var(--indigo);background:0 0;border:0;min-height:44px;padding:10px;font-size:14px;font-weight:700}.icon-btn{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chip{color:var(--indigo-ink);border:1.5px solid var(--line-2);border-radius:var(--radius-pill);background:#fff;min-height:44px;padding:10px 15px;font-size:14px;font-weight:600}.chip:hover{border-color:var(--indigo)}.chip.sel{background:var(--indigo);border-color:var(--indigo);color:#fff}.pill{border-radius:var(--radius-pill);white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:700}.pill-green{background:var(--green-soft);color:var(--green)}.pill-amber{background:var(--marigold-soft);color:#6a3c00}.pill-lilac{background:var(--lilac);color:var(--indigo-ink)}.logo{background:var(--indigo);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:flex}.logo.marigold{background:var(--marigold);color:var(--night)}.welcome{background:var(--night);color:#fff;gap:24px;padding:24px 24px 28px;overflow:hidden}.welcome .blob{background:var(--night-3);border-radius:50%;width:320px;height:320px;position:absolute;top:-100px;right:-120px}.welcome h1{letter-spacing:-1px;margin:0;font-size:34px;font-weight:800;line-height:1.1}.welcome p{color:var(--lavender-2);margin:0;font-size:16px;line-height:1.5}.value-row{background:var(--night-2);border-radius:16px;align-items:center;gap:14px;padding:13px 16px;display:flex}.value-row strong{font-size:15px;display:block}.value-row span{color:var(--lavender);font-size:13px}.lang-toggle{border-radius:var(--radius-pill);border:1px solid #4b48a0;padding:3px;display:flex}.lang-toggle button{color:var(--lavender-2);border-radius:var(--radius-pill);background:0 0;border:0;min-height:36px;padding:8px 12px;font-size:13px;font-weight:700}.lang-toggle button[aria-pressed=true]{color:var(--night);background:#fff}.chat-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.chat-header .who{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header .who strong{font-size:16px}.chat-header .who span{color:var(--ink-3);font-size:12px}.progress{flex-direction:column;gap:6px;padding:10px 16px 0;display:flex}.progress .labels{color:var(--ink-3);justify-content:space-between;font-size:12px;display:flex}.progress .track{background:var(--line);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress .fill{background:var(--indigo);border-radius:var(--radius-pill);height:6px;transition:width .4s}.messages{flex-direction:column;gap:10px;padding:16px;display:flex}.bubble{white-space:pre-line;max-width:300px;padding:11px 14px;font-size:15px;line-height:1.45;animation:.25s ease-out pop}.bubble.bot{background:var(--mist);border-radius:4px 18px 18px;align-self:flex-start}.bubble.me{background:var(--indigo);color:#fff;border-radius:18px 4px 18px 18px;align-self:flex-end}.bubble.insight{background:var(--marigold-soft);border:1px solid var(--marigold-line);color:var(--marigold-ink);font-size:14px}.bubble.good{background:var(--green-soft);color:var(--green-ink);border:1px solid #b6e3cb;font-size:14px}.bubble .src{color:var(--ink-3);margin-top:8px;font-size:12px;display:block}.chips{flex-wrap:wrap;gap:8px;animation:.25s ease-out pop;display:flex}.typing{background:var(--mist);border-radius:4px 18px 18px;align-self:flex-start;gap:5px;padding:14px 16px;display:flex}.typing i{background:#8e8bb8;border-radius:50%;width:7px;height:7px;animation:1s infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.inline-form{border:1.5px solid var(--line-2);border-radius:18px;flex-direction:column;gap:12px;padding:14px;animation:.25s ease-out pop;display:flex}.field{border:1.5px solid var(--line-2);color:var(--ink);border-radius:12px;width:100%;min-width:0;padding:12px 14px;font-size:16px;font-weight:600}.field:focus{border-color:var(--indigo);outline:none}.err{color:#b42318;font-size:13px}.lock-card{border:1.5px solid var(--line-2);border-radius:18px;flex-direction:column;gap:12px;padding:14px;animation:.25s ease-out pop;display:flex}.lock-card .blur{filter:blur(5px);flex-direction:column;gap:9px;display:flex}.bar-row{align-items:center;gap:10px;font-size:13px;display:flex}.bar-row .bar{border-radius:var(--radius-pill);background:var(--line);flex:1;height:8px}.bar-row .bar b{border-radius:var(--radius-pill);background:var(--indigo);height:8px;display:block}.composer{border-top:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:10px 14px 16px;display:flex}.composer input{border-radius:var(--radius-pill);background:var(--mist-2);min-width:0;color:var(--ink);border:1px solid #dcdbea;flex:1;padding:13px 16px;font-size:15px}.send{background:var(--indigo);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.send:disabled{opacity:.4}.suggest{scrollbar-width:none;gap:8px;padding:0 16px 10px;display:flex;overflow-x:auto}.suggest .chip{flex-shrink:0;font-size:13px}.building{background:var(--night);color:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:18px;animation:.25s ease-out pop;display:flex}.building strong{font-size:16px}.building .row{align-items:center;gap:10px;font-size:14px;transition:opacity .3s;display:flex}.spin{animation:.9s linear infinite spin}.snap-head{background:var(--night);color:#fff;flex-direction:column;gap:4px;padding:14px 20px 52px;display:flex}.eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--marigold);font-size:12px;font-weight:800}.snap-head h1{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.snap-head .sub{color:var(--lavender);font-size:14px}.snap-card{background:#fff;border-radius:22px;flex-direction:column;gap:9px;margin:-38px 14px 0;padding:14px;display:flex;position:relative;box-shadow:0 10px 30px #1c1a4a1a}.uni{background:var(--mist-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.uni .tier{text-align:center;border-radius:6px;flex-shrink:0;width:74px;padding:4px 6px;font-size:10px;font-weight:800}.tier-Ambitious{color:#6a3c00;background:#ffe7b8}.tier-Target{color:var(--indigo-ink);background:var(--lilac)}.tier-Safe{color:var(--green);background:var(--green-soft)}.uni .meta{flex-direction:column;flex:1;min-width:0;display:flex}.uni .meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.uni .meta span{color:var(--ink-3);font-size:12px}.locked-more{background:0 0;border:0;border-radius:14px;width:100%;padding:0;position:relative;overflow:hidden}.locked-more .ghost{filter:blur(4px);flex-direction:column;gap:6px;display:flex}.locked-more .ghost div{background:var(--line);border-radius:12px;height:38px}.locked-more .label{color:var(--indigo-ink);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex;position:absolute;inset:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 14px 0;display:grid}.stat{background:var(--mist);border-radius:16px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat span{color:var(--ink-3);font-size:12px}.stat strong{font-size:18px}.insight-card{background:var(--marigold-soft);border:1px solid var(--marigold-line);color:var(--marigold-ink);border-radius:16px;margin:12px 14px 0;padding:14px;font-size:14px;line-height:1.5}.react{color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;margin:12px 14px 16px;font-size:13px;display:flex}.react div{gap:6px;display:flex}.react .chip{min-height:36px;padding:6px 12px;font-size:13px}.dock{border-top:1px solid var(--line);background:#fff;flex-direction:column;gap:10px;padding:12px 14px 16px;display:flex}.dock .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.overlay{z-index:20;background:#16163a8c;flex-direction:column;justify-content:flex-end;animation:.2s ease-out fade;display:flex;position:absolute;inset:0}.sheet{background:#fff;border-radius:28px 28px 0 0;flex-direction:column;gap:14px;padding:12px 22px 24px;animation:.25s ease-out up;display:flex}.grabber{border-radius:var(--radius-pill);background:#dcdbea;align-self:center;width:44px;height:5px}.sheet h2{margin:0;font-size:22px;font-weight:800}.sheet p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.check-row{background:var(--mist);cursor:pointer;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--indigo);margin:2px 0 0}.small{color:var(--ink-3);text-align:center;font-size:13px}.pw-head{background:var(--night);color:#fff;flex-direction:column;gap:10px;padding:8px 20px 18px;display:flex}.pw-head h1{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800;line-height:1.15}.pro-badge{color:var(--night);background:var(--marigold);border-radius:var(--radius-pill);padding:5px 10px;font-size:12px;font-weight:800}.pw-peek{flex-direction:column;gap:6px;display:flex}.pw-peek .first{background:var(--night-2);border-radius:12px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;font-weight:700;display:flex}.pw-peek .ghost{filter:blur(4px);background:#3a3790;border-radius:12px;height:34px}.benefits{flex-direction:column;gap:9px;margin:0;padding:16px 20px 0;font-size:14px;list-style:none;display:flex}.benefits li{align-items:center;gap:10px;display:flex}.plans{flex-direction:column;gap:10px;padding:16px 20px 0;display:flex}.plan{cursor:pointer;border:1.5px solid #dcdbea;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.plan.on{border:2px solid var(--indigo);background:#f6f5ff}.plan input{width:20px;height:20px;accent-color:var(--indigo);margin:0}.plan .txt{flex-direction:column;flex:1;display:flex}.plan .txt strong{font-size:15px}.plan .txt span{color:var(--ink-2);font-size:13px}.plan .price{font-size:19px;font-weight:800}.plan .flag{color:var(--night);background:var(--marigold);border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:-10px;right:14px}.co{background:#f7f7fb}.co-top{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:6px;padding:10px 14px;font-size:17px;font-weight:800;display:flex}.card{background:#fff;border-radius:18px;flex-direction:column;gap:10px;margin:14px 16px 0;padding:16px;display:flex}.line{justify-content:space-between;font-size:14px;display:flex}.line.total{font-size:16px;font-weight:800}.note{color:var(--ink-2);background:var(--mist);border-radius:10px;padding:8px 10px;font-size:12px}.section-label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.8px;margin:16px 16px 0;font-size:13px;font-weight:800}.pay-list{background:#fff;border-radius:18px;margin:10px 16px 0;overflow:hidden}.pay-opt{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.pay-opt:last-child{border-bottom:0}.pay-opt .badge{background:var(--lilac);width:36px;height:36px;color:var(--indigo-ink);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.pay-opt span.name{flex:1}.pay-opt input{width:20px;height:20px;accent-color:var(--indigo);margin:0}.paying{z-index:20;text-align:center;background:#fffffff5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:absolute;inset:0}.ok-head{background:var(--night);color:#fff;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 24px 26px;display:flex}.ok-icon{background:#7fe0ae;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.4s ease-out pop;display:flex}.steps{border:1.5px solid var(--line-2);border-radius:18px;flex-direction:column;gap:12px;margin:0 16px;padding:16px;display:flex}.step{align-items:flex-start;gap:12px;font-size:14px;line-height:1.4;display:flex}.step .n{background:var(--lilac);width:26px;height:26px;color:var(--indigo-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.step .n.on{background:var(--indigo);color:#fff}.wa-preview{background:#ede9e2;border-radius:20px;margin:8px 20px 0;padding:14px}.wa-bubble{background:#d9f7c9;border-radius:14px 4px 14px 14px;flex-direction:column;gap:10px;max-width:300px;margin-left:auto;padding:12px;font-size:14px;line-height:1.45;display:flex}.wa-card{background:#fff;border-radius:12px;overflow:hidden}.wa-card .top{background:var(--night);color:#fff;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.wa-card .top b{color:var(--marigold);font-size:11px}.wa-card .bottom{color:var(--ink-2);flex-direction:column;gap:4px;padding:10px 12px;font-size:12px;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
