:root{--ember: #D85A30;--ember-soft: #FBEAE3;--iron-deep: #FBFAF8;--iron: #FFFFFF;--iron-up: #F3F1EC;--ash: #1A1A1A;--slate: #5C574F;--slate-dim: #8A8479;--border: rgba(20,18,14,.09);--ease: cubic-bezier(.23, 1, .32, 1);--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--iron-deep);color:var(--ash);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.proto-flag{position:fixed;top:12px;left:12px;z-index:100;font-family:var(--font-display);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-dim);border:1px solid var(--border);padding:5px 10px;border-radius:100px;background:#fbfaf8bf;backdrop-filter:blur(6px)}.acts{width:min(34%,480px);margin-left:5vw;position:relative;z-index:2}.stage-wrap{position:fixed;top:0;right:0;width:62vw;height:100vh;display:grid;place-items:center;z-index:1;pointer-events:none}.act{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;padding:4rem 0}.act-n{font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;color:var(--ember)}h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,1rem + 3vw,3.4rem);line-height:1.05;letter-spacing:-.03em;text-wrap:balance}h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,1rem + 2vw,2.6rem);line-height:1.1;letter-spacing:-.03em}.kicker{font-family:var(--font-display);font-size:.85rem;color:var(--slate);letter-spacing:.04em}.lead{font-size:1.15rem;color:var(--slate);max-width:42ch;line-height:1.6}.act p{color:var(--slate);font-size:1.05rem;line-height:1.6;max-width:40ch}.scroll-hint{margin-top:1rem;font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);animation:bob 2s var(--ease) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.act--cta .cta{align-self:flex-start;margin-top:.5rem;background:var(--ember);color:#fff;text-decoration:none;font-family:var(--font-display);font-weight:500;padding:.9rem 1.6rem;border-radius:8px;font-size:1.05rem;transition:transform .12s var(--ease),background .15s var(--ease)}.act--cta .cta:hover{background:#b8471f}.act--cta .cta:active{transform:scale(.97)}.note{font-size:.75rem;color:var(--slate)}.stage{position:relative;width:min(720px,94%);aspect-ratio:4 / 3.7}.canvas{position:absolute;inset:0;border-radius:12px;background:var(--iron);border:1px solid var(--border);box-shadow:0 30px 80px #14120e24}.bp{position:absolute;inset:-8%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:28px 28px;border:1px dashed rgba(216,90,48,.35);border-radius:14px;opacity:0;transition:opacity .6s var(--ease)}.stage.p1 .bp,.stage.p2 .bp,.stage.p3 .bp{opacity:1}.stage.p4 .bp,.stage.p5 .bp,.stage.p6 .bp{opacity:.12}.browser{position:absolute;inset:0;background:var(--iron);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #14120e29;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .6s var(--ease),transform .6s var(--ease)}.stage.p1 .browser,.stage.p2 .browser,.stage.p3 .browser,.stage.p4 .browser,.stage.p5 .browser,.stage.p6 .browser{opacity:1;transform:none}.bar{display:flex;align-items:center;gap:6px;padding:0 14px;min-height:40px;border-bottom:1px solid var(--border)}.bar i{width:7px;height:7px;border-radius:50%;background:var(--slate-dim)}.url{margin-left:10px;font-size:.68rem;color:var(--slate);display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .5s var(--ease)}.stage.p5 .url,.stage.p6 .url{opacity:1}.lock{color:var(--slate-dim);font-size:.5rem;transition:color .5s var(--ease)}.stage.p5 .lock,.stage.p6 .lock{color:#57c97a}.live{margin-left:auto;font-family:var(--font-display);font-size:.55rem;letter-spacing:.12em;color:#57c97a;border:1px solid rgba(87,201,122,.4);border-radius:100px;padding:2px 8px;opacity:0;transform:scale(.9);transition:opacity .5s var(--ease),transform .5s var(--ease)}.stage.p5 .live,.stage.p6 .live{opacity:1;transform:none}.site{padding:22px 24px 26px;display:flex;flex-direction:column;gap:18px;height:100%}.row{display:flex;gap:12px}.row--nav{justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:10px}.row--hero{flex-direction:column;align-items:flex-start;gap:11px;padding:14px 0 6px}.row--cards{gap:12px}.blk{background:var(--iron-up);border-radius:7px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease),background .6s var(--ease),border-color .6s var(--ease),height .5s var(--ease)}.logo{width:104px;height:24px}.navlink{width:64px;height:16px}.navcta{width:80px;height:30px}.eyebrow{width:140px;height:13px}.h1{width:94%;height:70px}.sub{width:80%;height:34px}.btn{width:152px;height:38px}.card{flex:1;min-height:110px;display:flex;flex-direction:column;gap:10px;padding:14px}.ico{width:30px;height:30px;border-radius:8px;background:var(--iron);transition:background .6s var(--ease)}.stage.p2 .blk,.stage.p3 .blk,.stage.p4 .blk,.stage.p5 .blk,.stage.p6 .blk{opacity:1;transform:none}.logo{transition-delay:40ms}.nav-right .blk:nth-child(1){transition-delay:.11s}.nav-right .blk:nth-child(2){transition-delay:.17s}.nav-right .blk:nth-child(3){transition-delay:.23s}.eyebrow{transition-delay:.3s}.h1{transition-delay:.38s}.sub{transition-delay:.46s}.btn{transition-delay:.54s}.row--cards .card:nth-child(1){transition-delay:.62s}.row--cards .card:nth-child(2){transition-delay:.69s}.row--cards .card:nth-child(3){transition-delay:.76s}.real{display:inline-block;line-height:1.4;font-size:.68rem;color:transparent;transition:color .5s var(--ease)}.logo .real{font-family:var(--font-display);font-weight:600;font-size:.92rem;padding:2px 4px}.navlink .real{font-size:.66rem;padding:1px 4px;white-space:nowrap}.navcta .real,.btn .real{padding:7px 12px;white-space:nowrap}.eyebrow .real{font-size:.55rem;letter-spacing:.16em;padding:2px}.h1 .real{font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.12;letter-spacing:-.02em;padding:6px 8px}.sub .real{font-size:.74rem;line-height:1.45;padding:4px 8px}.card .real{font-family:var(--font-display);font-weight:500;font-size:.72rem;padding:0 2px}.stage.p3 .real,.stage.p4 .real,.stage.p5 .real,.stage.p6 .real{color:var(--ash)}.stage.p3 .sub .real,.stage.p4 .sub .real,.stage.p5 .sub .real,.stage.p6 .sub .real,.stage.p3 .eyebrow .real,.stage.p4 .eyebrow .real,.stage.p5 .eyebrow .real,.stage.p6 .eyebrow .real{color:var(--slate)}.stage.p3 .h1,.stage.p4 .h1,.stage.p5 .h1,.stage.p6 .h1,.stage.p3 .sub,.stage.p4 .sub,.stage.p5 .sub,.stage.p6 .sub,.stage.p3 .eyebrow,.stage.p4 .eyebrow,.stage.p5 .eyebrow,.stage.p6 .eyebrow{background:transparent;height:auto}.stage.p4 .btn,.stage.p5 .btn,.stage.p6 .btn,.stage.p4 .navcta,.stage.p5 .navcta,.stage.p6 .navcta{background:var(--ember)}.stage.p4 .btn .real,.stage.p5 .btn .real,.stage.p6 .btn .real,.stage.p4 .navcta .real,.stage.p5 .navcta .real,.stage.p6 .navcta .real{color:#fff}.stage.p4 .ico,.stage.p5 .ico,.stage.p6 .ico{background:#d85a3033}.stage.p4 .card,.stage.p5 .card,.stage.p6 .card{background:var(--iron);border:1px solid var(--border)}.stage.p4 .site,.stage.p5 .site,.stage.p6 .site{background:radial-gradient(120% 70% at 82% 0%,rgba(216,90,48,.1),transparent 60%)}.toasts{position:absolute;right:-18px;bottom:8px;display:flex;flex-direction:column-reverse;gap:8px;width:230px}.toast{display:flex;align-items:center;gap:10px;background:#ffffffeb;border:1px solid var(--border);border-radius:10px;padding:9px 11px;box-shadow:0 12px 30px #14120e24;backdrop-filter:blur(8px);transform:translate(30px);opacity:0;animation:toast-in .5s var(--ease) forwards}.toast .ic{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;font-size:.8rem}.toast .ic--wa{background:#25d36629}.toast .ic--turno{background:#d85a3029}.toast .ic--pago{background:#57c97a29}.toast .ic--venta{background:#78a0ff29}.toast b{font-family:var(--font-display);font-size:.72rem;font-weight:500;display:block}.toast small{font-size:.62rem;color:var(--slate-dim)}@keyframes toast-in{to{transform:none;opacity:1}}@media (max-width: 880px){.acts{width:auto;margin:0 6vw}.stage-wrap{position:sticky;top:0;width:100%;height:56vh;background:linear-gradient(180deg,transparent,var(--iron-deep) 92%)}.stage{width:min(360px,78%)}.toasts{right:0;width:200px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.scroll-hint{animation:none}.toast{animation:none;transform:none;opacity:1}}