:root{--navy:#081523;--ink:#102535;--muted:#587280;--mint:#a3f2d3;--light:#f1f8f5;--green:#0d7660;--border:#dce9e4;--shadow:0 16px 50px #103a2c13}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--light);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #23bb8b;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Sora,Inter,sans-serif;letter-spacing:-.045em}a{text-decoration:none;color:inherit}.wrap{max-width:1220px;margin:auto;padding-left:24px;padding-right:24px}.nav{background:var(--navy);color:white;border-bottom:1px solid #ffffff14}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;height:76px}.logo{font-family:Sora,sans-serif;font-weight:800;font-size:23px;letter-spacing:-.06em}.logo i{font-style:normal;color:var(--mint)}.nav-cta{font-size:13px;color:#062d25;background:var(--mint);border-radius:10px;padding:11px 16px;font-weight:800}.hero{background:radial-gradient(ellipse at 76% 24%,#18534e68,transparent 48%),var(--navy);color:white;padding:62px 0 82px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:30px;padding:9px 13px;background:#ffffff0b;border:1px solid #a3f2d342;color:var(--mint);font-weight:700;font-size:12px;margin-bottom:22px}.eyebrow:before{content:'';height:7px;width:7px;background:#60e6ac;border-radius:50%;box-shadow:0 0 0 4px #6cf2ba20}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.1;margin-bottom:20px;max-width:670px}.hero h1 em{font-style:normal;color:var(--mint)}.hero-lead{color:#c3d6e1;line-height:1.75;font-size:16.5px;max-width:595px;min-height:92px}.hero-control{margin-top:22px}.pick-label{font-size:13px;color:#b6cddb;font-weight:700;margin-bottom:10px}.pick{display:inline-flex;gap:5px;padding:5px;background:#ffffff10;border:1px solid #ffffff1f;border-radius:14px;max-width:100%}.mode-btn{border:0;background:transparent;color:#c6d9e1;border-radius:10px;font-weight:700;padding:11px 14px;font-size:13.5px}.mode-btn.active{background:var(--mint);color:#0b3a33;box-shadow:0 6px 25px #a3f2d327}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;font-weight:800;padding:13px 19px;font-size:14px;border:1px solid transparent}.btn-main{background:var(--mint);color:#062d25}.btn-line{color:white;border-color:#ffffff42;background:#ffffff0a}.trust{color:#97b0bd;font-size:11.5px;margin-top:14px}.hero-art{position:relative;max-width:455px;margin:0 auto;width:100%}.art-label{letter-spacing:.04em;text-transform:uppercase;font-size:11px;color:#a3f2d3;font-weight:800;margin-bottom:13px}.owner-shell{background:#e7f0ec;border-radius:26px;border:7px solid #2e4e52;box-shadow:0 38px 110px #0009;overflow:hidden;max-width:405px;margin:0 auto}.w-head{background:#075e55;color:#fff;display:flex;align-items:center;gap:10px;padding:13px 15px}.avatar{background:#c5fbe7;color:#055044;display:grid;place-items:center;border-radius:50%;width:35px;height:35px;flex:none;font-weight:900}.w-name{font-weight:800;font-size:13px}.w-sub{font-size:10px;color:#d1efe5;margin-top:3px}.w-menu{margin-left:auto;font-size:21px;color:#d4f1e6}.w-body{background:#e6ece6;padding:22px 17px 26px;min-height:240px;background-image:radial-gradient(#155b5320 .7px,transparent .7px);background-size:18px 18px}.w-date{display:block;width:max-content;margin:0 auto 17px;background:#f0f7f3;color:#819692;padding:4px 11px;font-size:10px;border-radius:7px}.notice{background:#fff;box-shadow:0 2px 8px #00000013;border-radius:10px 10px 10px 3px;padding:15px 15px;font-size:12px;line-height:1.7;color:#27443c}.notice b{color:#08715a}.notice strong{color:#086c55;display:block;border-bottom:1px solid #e4ece8;padding-bottom:8px;margin-bottom:8px;font-size:14px}.notice .detail{display:block}.notice .task{background:#e3f8ec;padding:10px 12px;border-radius:9px;margin-top:10px;font-size:12px;font-weight:800;color:#14594c}.w-meta{text-align:right;font-size:10px;color:#92a4a0;margin-top:6px}.pin{position:absolute;left:-14px;bottom:19px;background:#092e37;color:#dcfff4;padding:12px 14px;border:1px solid #70ddbb55;border-radius:15px;box-shadow:0 16px 35px #0004;max-width:215px;font-size:12px;font-weight:700}.pin span{display:block;color:#b8dacb;font-size:10px;font-weight:500;margin-top:5px}.simulation{font-size:11px;color:#a3b9c6;margin-top:15px;line-height:1.4}
.journey{padding:92px 0 94px;background:linear-gradient(#f0f8f4,#f8faf9)}.label{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#147d65;font-size:11px;margin-bottom:12px}.j-head{max-width:810px;margin:0 auto 28px;text-align:center}.j-head h2{font-size:clamp(28px,3.6vw,43px);line-height:1.2;margin-bottom:12px}.j-head p{color:#567180;font-size:16px;line-height:1.6}.j-control{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:21px 0 26px}.j-control .pick-label{color:#466d68;margin:0}.j-control .pick{background:white;border:1px solid var(--border)}.j-control .mode-btn{color:#466d68}.j-control .mode-btn.active{color:#093c33;background:#a6f3d8}.storyboard{border-radius:28px;background:#fff;box-shadow:0 20px 55px #17382f16;border:1px solid #e1ede7;padding:26px}.story-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:0 3px}.story-top strong{font-family:Sora,sans-serif;font-size:17px}.story-top small{font-size:12px;color:#607980}.play-controls{display:flex;align-items:center;gap:7px}.play{border-radius:10px;border:1px solid #d4e3dc;padding:9px 13px;background:#f5faf8;color:#205847;font-size:12px;font-weight:800}.play.active{background:#0a705a;color:#fff;border-color:#0a705a}.story-grid{display:grid;grid-template-columns:218px minmax(290px,1fr) minmax(250px,.86fr);gap:18px;align-items:stretch}.steps{display:flex;flex-direction:column;gap:9px}.step{border:1px solid #dfebe5;border-radius:15px;background:#f7faf8;display:flex;align-items:center;text-align:left;gap:11px;padding:14px 10px;min-height:65px;color:#2a4c49}.step .num{height:28px;width:28px;flex-shrink:0;border-radius:9px;background:#e4efeb;display:grid;place-items:center;font-size:12px;font-weight:900;color:#3a7065}.step .stepname{font-size:13px;font-weight:800;line-height:1.25}.step small{display:block;font-size:11px;color:#6a8580;font-weight:500;margin-top:3px}.step.current{background:#e0faec;border-color:#67dbaa;box-shadow:0 0 0 2px #61d4a525}.step.current .num{background:#065f4d;color:white}.step.past .num{background:#a5eed2;color:#175740}.stage-phone{max-width:340px;height:463px;width:100%;margin:0 auto;background:#102d35;border:6px solid #253e46;border-radius:34px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 13px 28px #0e302e1a}.stage-phone .w-head{padding:13px}.chat-area{background:#e7ede5;flex:1;overflow-y:auto;scroll-behavior:smooth;padding:15px 12px 20px;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(#155b5313 .7px,transparent .7px);background-size:16px 16px}.bubble{max-width:86%;background:#fff;padding:9px 11px 7px;font-size:12px;line-height:1.6;color:#26443b;border-radius:12px 12px 12px 3px;box-shadow:0 1px 4px #00000012;align-self:flex-start;animation:rise .35s ease both}.bubble.ai{background:#d5f9df;align-self:flex-end;border-radius:12px 12px 3px 12px}.bubble time{display:block;text-align:right;color:#7c9b8d;font-size:9px;margin-top:4px}.phone-footer{padding:10px 13px;background:#f9fcfa;color:#7b938c;font-size:11px}.stage-right{display:flex;flex-direction:column;gap:12px;align-self:stretch}.stage-right .r-top{font-size:12px;font-weight:800;color:#37675b}.r-card{background:#f3faf6;border:1px solid #d9ede4;border-radius:19px;padding:18px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.r-card h3{font-size:22px;line-height:1.3;margin:0 0 10px}.r-card p{font-size:13px;line-height:1.65;color:#607c72;margin:0}.r-ic{height:42px;width:42px;border-radius:14px;background:#d6f6e5;color:#075b4e;display:grid;place-items:center;font-size:22px;margin-bottom:16px}.r-card .r-bottom{background:#e5f5ee;border-radius:12px;padding:11px;color:#236b53;font-size:12px;font-weight:700;margin-top:25px}.r-card.done{background:#0d2632;border-color:#0d2632;color:white}.r-card.done .r-ic{background:#a0f1d0}.r-card.done h3{color:#a0f1d0}.r-card.done p{color:#b9d5d5}.r-card.done .r-bottom{background:#1b5848;color:#d4fae9}.r-card.done .notice{font-size:11px;background:#fff;color:#243e39;padding:13px;margin-top:15px}.footnote{color:#728785;font-size:11.5px;margin-top:18px;line-height:1.6;text-align:center}.benefits{padding:85px 0;background:white}.benefits h2{text-align:center;font-size:clamp(27px,3vw,38px);margin-bottom:12px}.benefits .sub{text-align:center;color:#5f7a7f;margin:0 auto 32px;max-width:600px;line-height:1.6}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit{border:1px solid #e2eee8;background:#f9fcfa;padding:25px;border-radius:20px}.benefit .ic{height:44px;width:44px;background:#e3f8ec;display:grid;place-items:center;border-radius:13px;font-size:22px;margin-bottom:16px}.benefit h3{font-size:17px;margin-bottom:10px}.benefit p{font-size:14px;line-height:1.65;color:#637a77;margin-bottom:0}.foot-cta{padding:70px 0 90px;background:#0a1c2a;text-align:center;color:#fff}.foot-cta h2{font-size:clamp(26px,3.8vw,42px);line-height:1.25;max-width:650px;margin:0 auto 15px}.foot-cta p{color:#bdd4da;max-width:620px;margin:0 auto 27px;line-height:1.7}.concept-note{max-width:690px;margin:25px auto 0;color:#a4b7bf;font-size:12px;line-height:1.6}footer{background:#06121c;color:#93a9b7;font-size:12px;padding:22px 0}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} @keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1090px){.story-grid{grid-template-columns:175px minmax(240px,1fr) minmax(220px,.85fr)}.storyboard{padding:18px}.step{padding:9px;min-height:62px}.step .stepname{font-size:11.5px}.step small{font-size:10px}.hero-grid{gap:28px}}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-art{max-width:400px;margin-top:26px}.hero{padding:35px 0 65px}.hero-lead{min-height:0}.story-grid{grid-template-columns:1fr 1fr}.steps{grid-column:1/-1;flex-direction:row;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.step{min-width:155px;scroll-snap-align:start;flex:0 0 155px}.story-top{align-items:flex-start}.story-top small{display:block;margin-top:4px}.j-head{text-align:left}}
@media(max-width:600px){.wrap{padding-left:17px;padding-right:17px}.nav-inner{height:66px}.nav-cta{font-size:11px;padding:10px}.hero h1{font-size:clamp(35px,9.8vw,48px)}.hero-lead{font-size:15px}.hero-actions .btn{flex:1;font-size:12px;padding:10px}.pick{width:100%;display:flex}.mode-btn{flex:1;padding:11px 8px;font-size:12px}.hero-art .pin{left:-5px;bottom:-15px}.journey{padding:57px 0}.storyboard{padding:14px;border-radius:19px}.story-top{flex-direction:column}.story-grid{grid-template-columns:1fr}.steps{margin:0 -3px}.stage-phone{width:100%;max-width:400px;height:385px}.stage-right{gap:8px}.stage-right .r-top{text-align:center}.r-card{min-height:unset;padding:15px;display:block}.r-card .r-ic{float:left;margin:0 13px 4px 0;height:32px;width:32px;font-size:16px}.r-card h3{font-size:16px}.r-card .r-bottom{margin-top:13px}.r-card .notice{clear:both}.benefit-grid{grid-template-columns:1fr}.benefits{padding:64px 0}.j-control{align-items:stretch;flex-direction:column;gap:8px}.j-control .pick-label{text-align:center}.j-head p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V09 · Phone UI vector icons and stable responsive anatomy */
.stage-phone .phone-status-icons{display:flex;align-items:center;flex:none;height:17px;width:65px;color:#fff}
.stage-phone .phone-status-icons svg{width:65px;height:18px;display:block}
.stage-phone .phone-back{width:21px;height:25px;display:grid;place-items:center;margin:0;flex:none}
.stage-phone .phone-back svg{width:20px;height:20px;display:block}
.stage-phone .call-icons{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:none;color:#f5fffb;letter-spacing:normal}
.stage-phone .call-icons span{width:17px;height:19px;display:grid;place-items:center;flex:none}
.stage-phone .call-icons svg{display:block;width:17px;height:18px}
.stage-phone .chat-contact .w-sub{font-size:9.1px;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.stage-phone .w-head{gap:7px;padding:9px 11px 10px}
.stage-phone .composer-plus{height:25px;width:25px;display:grid;place-items:center;flex:none}
.stage-phone .composer-plus svg{height:22px;width:22px;display:block}
.stage-phone .fake-input{flex:1;min-width:0;min-height:36px;gap:6px;padding:7px 12px;white-space:nowrap}
.stage-phone .composer-camera{width:19px;height:19px;display:grid;place-items:center;flex:none}
.stage-phone .composer-camera svg{height:18px;width:18px;display:block}
.stage-phone .composer-send{width:35px;height:35px;flex:none;background:#087e68;color:#fff;display:grid;place-items:center;border-radius:100%}
.stage-phone .composer-send svg{height:19px;width:19px;display:block;margin-left:2px}
.stage-phone .chat-area{overscroll-behavior:contain}
.stage-phone .chat-area .bubble{white-space:pre-line;word-break:normal;overflow-wrap:anywhere}
.stage-phone .chat-area .bubble time{font-variant-numeric:tabular-nums}
.stage-phone .phone-clock{padding-right:18px}
/* We do not present internal testing or development language to potential clients. */
#launch-state{display:none!important}
@media(max-width:365px){.stage-phone .call-icons{gap:6px}.stage-phone .call-icons span,.stage-phone .call-icons svg{width:15px}.stage-phone .w-name{font-size:12px}.stage-phone .chat-contact .w-sub{font-size:8.2px}}

/* V10 refinements */
.demo-phone-wrap{display:flex;flex-direction:column;align-items:center;min-width:0}
.stage-phone{position:relative;max-width:304px;height:446px;border-width:7px;border-radius:36px;background:#102d35;overflow:hidden}
.phone-floating-caption{max-width:230px}
.chat-contact{min-width:0;flex:1}
.w-name,.w-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-sub{font-size:10px;color:#d8f4ea}
.call-icons{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.call-icons span{display:grid;place-items:center;width:18px;height:18px}
.call-icons svg{width:17px;height:17px;display:block}
.chat-area{padding:12px 10px 14px;gap:8px;min-width:0}
.bubble{max-width:79%;word-break:break-word;overflow-wrap:anywhere}
.bubble.ai{max-width:83%}
.phone-footer{display:flex;align-items:center;gap:8px;padding:8px 10px 12px;background:#f8fbf9}
.composer-plus,.composer-camera{display:grid;place-items:center;width:20px;height:20px;flex:none}
.fake-input{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:0 10px;border-radius:18px;background:#fff;border:1px solid #d6e4dd;overflow:hidden;color:#7b938c}
.composer-send{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#06a278;color:#fff;flex:none;box-shadow:0 4px 10px #06a27833}
.composer-send svg{width:16px;height:16px;display:block;transform:translateX(1px)}
.phone-footnote{max-width:304px;text-align:center}


/* V12 · Mensajes agrupados y animación editorial discreta */
.phone-screen .summary-bubble{max-width:88%;padding:11px 12px 9px;background:linear-gradient(145deg,#d9fce5,#c9f4dc);border:1px solid #91e3b9;box-shadow:0 4px 14px #0b65411a}
.phone-screen .summary-content{display:flex;flex-direction:column;gap:4px;line-height:1.43}
.phone-screen .summary-line{display:block;white-space:normal;overflow-wrap:break-word}
.phone-screen .summary-line:first-child{font-weight:620;margin-bottom:3px}
.phone-screen .summary-amount{font-weight:850;color:#06664b;padding-top:5px;border-top:1px solid #92dcb9;margin-top:4px;font-size:1.08em}
.phone-screen .summary-question{font-weight:760;color:#064f3c;margin-top:4px}
@media (prefers-reduced-motion:no-preference){
 .summary-line-enter{animation:summaryReveal .31s ease both;animation-delay:calc(.24s + var(--line-order)*.19s)}
 .summary-bubble.bubble-enter{animation:chatArrive .35s ease both}
}
@keyframes summaryReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.summary-line-enter,.summary-bubble.bubble-enter{animation:none!important;opacity:1!important;transform:none!important}}


/* V14 - puente de marca hacia Negocios Fundadores. No afecta los componentes de la demo. */
.bridging{background:radial-gradient(ellipse at 16% 50%,#15534888,transparent 60%),#082535}
.bridging .bridge-copy{flex:1;min-width:0}
.bridging h2{max-width:760px;line-height:1.22;letter-spacing:-.04em}
.bridging .bridge-highlight{color:#a0efd5}
.bridging p{font-size:14px;line-height:1.7;color:#c0dad6;max-width:630px;margin:13px 0 0}
.bridging .btn{flex-shrink:0}
@media(max-width:720px){.bridging{padding:39px 0 43px}.bridging-inner{align-items:flex-start}.bridging .btn{width:100%}.bridging h2{font-size:clamp(26px,7vw,34px)}.bridging p{font-size:14px}}

/* V15 · Cabecera de recorrido sin redundancias */
.story-top .story-heading{min-width:0;display:flex;flex-direction:column;gap:3px}
.story-top .story-kicker{display:block;margin:0;font-size:10px;font-weight:800;letter-spacing:.11em;line-height:1.45;color:#147d65}
.story-top .story-heading strong{display:block;margin:2px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.24}
.story-top{margin-bottom:17px}
@media(max-width:600px){.story-top{margin-bottom:14px}.story-top .story-heading strong{font-size:18px}}