:root{--mx-white: #ffffff;--mx-off-white: #f6f9fd;--mx-surface: #eaf1f9;--mx-ink: #14264a;--mx-muted: #69768f;--mx-subtle: #9aa6bb;--mx-teal: #2070cf;--mx-teal-dark: #18579f;--mx-teal-light: #e7f1fc;--mx-teal-border: #c5dcf5;--mx-warning: #d97706;--mx-success: #059669;--mx-success-light: #ecfdf5;--mx-success-border: #a7f3d0;--mx-danger: #dc2626;--mx-border: #d5dfec;--mx-border-light: #e4ebf4;--mx-radius: .5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,YuGothic,Segoe UI,sans-serif;background:var(--mx-white);color:var(--mx-ink);-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:inherit}.mx-chip{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;border-radius:9999px}.mx-chip-waiting{background:#fef3c7;color:#92400e}.mx-chip-active{background:#d1fae5;color:#065f46}.td-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;background:#edf2f9;color:var(--mx-ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,YuGothic,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.td-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% -10%,#e7f4ef,#edf2f9 46%,#e3e9e3)}.td-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.td-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.td-world.td-world-glide{transition:transform 1.5s cubic-bezier(.25,1,.3,1)}@media(prefers-reduced-motion:reduce){.td-world.td-world-glide{transition:none}}.td-topbar{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.1rem;background:linear-gradient(180deg,#ffffffeb,#ffffffbf 70%,#fff0);pointer-events:none}.td-topbar>*{pointer-events:auto}.td-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.td-logo-img{height:24px;width:auto;display:block}.td-logo-tag{border:1px solid var(--mx-border);border-radius:999px;background:#ffffffd9;color:var(--mx-teal-dark);font-size:.625rem;font-weight:700;letter-spacing:.08em;padding:.22rem .55rem;white-space:nowrap}.td-dots{display:flex;align-items:center;gap:.45rem}.td-dot{width:.42rem;height:.42rem;border-radius:999px;border:none;padding:0;background:#c7cfc9;cursor:pointer;transition:transform .2s,background .2s}.td-dot:hover{transform:scale(1.5)}.td-dot.done{background:#8fbcb2}.td-dot.active{background:var(--mx-teal);transform:scale(1.45);box-shadow:0 0 0 4px #2070cf24}.td-menu-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--mx-border);background:#ffffffe6;color:var(--mx-ink);border-radius:999px;font-size:.72rem;font-weight:600;padding:.4rem .8rem;cursor:pointer;transition:background .15s}.td-menu-btn:hover{background:#fff}.td-menu{position:absolute;top:3.3rem;right:1.1rem;z-index:45;width:min(19rem,calc(100vw - 2rem));background:#fffffff7;border:1px solid var(--mx-border);border-radius:.9rem;box-shadow:0 1.4rem 3rem #14264a2e;padding:.5rem;animation:td-pop .22s cubic-bezier(.2,1.2,.4,1)}.td-menu button{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;border:none;background:transparent;border-radius:.55rem;padding:.5rem .6rem;font-size:.78rem;color:var(--mx-ink);cursor:pointer}.td-menu button:hover{background:var(--mx-teal-light)}.td-menu button.current{background:var(--mx-teal-light);color:var(--mx-teal-dark);font-weight:700}.td-menu .td-menu-step{flex:0 0 auto;font-size:.6rem;font-weight:700;color:var(--mx-subtle);width:3.4rem}.td-card{position:absolute;left:1.1rem;bottom:1.1rem;z-index:40;width:min(21.5rem,calc(100vw - 2.2rem));background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(223,221,212,.9);border-radius:1rem;box-shadow:0 1.2rem 2.6rem #14264a29;padding:1rem 1.1rem 1.05rem;opacity:0;transform:translateY(.8rem);pointer-events:none;transition:opacity .4s ease,transform .4s cubic-bezier(.2,1,.35,1)}.td-card.visible{opacity:1;transform:translateY(0);pointer-events:auto}.td-card-step{display:inline-flex;align-items:center;background:var(--mx-teal-light);border:1px solid var(--mx-teal-border);color:var(--mx-teal-dark);font-size:.6rem;font-weight:800;letter-spacing:.14em;border-radius:999px;padding:.22rem .6rem}.td-card h2{margin:.55rem 0 0;font-size:1.14rem;font-weight:800;letter-spacing:.01em;color:var(--mx-ink)}.td-card p{margin:.4rem 0 0;font-size:.8rem;line-height:1.65;color:var(--mx-muted)}.td-card-note{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;font-size:.68rem;font-weight:600;color:var(--mx-teal-dark)}.td-card-actions{display:flex;align-items:center;gap:.6rem;margin-top:.85rem}.td-next-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:none;border-radius:999px;background:var(--mx-ink);color:#fff;font-size:.82rem;font-weight:700;padding:.62rem 1.1rem;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;box-shadow:0 .5rem 1.2rem #14264a38}.td-next-btn:hover{background:#000;transform:translateY(-1px)}.td-next-btn .arrow{transition:transform .2s}.td-next-btn:hover .arrow{transform:translate(3px)}.td-back-btn{border:1px solid var(--mx-border);background:#fff;color:var(--mx-muted);border-radius:999px;font-size:.72rem;font-weight:600;padding:.55rem .85rem;cursor:pointer}.td-back-btn:hover{background:var(--mx-off-white)}.td-hud{position:absolute;left:1.1rem;top:3.4rem;z-index:35;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.td-hud-chip{display:inline-flex;align-items:center;gap:.45rem;background:#ffffffeb;border:1px solid var(--mx-border-light);border-radius:999px;box-shadow:0 1px 2px #0000000a;font-size:.68rem;font-weight:600;color:var(--mx-muted);padding:.32rem .7rem;animation:td-pop .3s cubic-bezier(.2,1.2,.4,1)}.td-hud-chip strong{color:var(--mx-ink);font-variant-numeric:tabular-nums;font-weight:800}.td-ai-toast{display:inline-flex;align-items:center;gap:.5rem;background:#18579ff0;color:#eaf4ff;border-radius:999px;font-size:.7rem;font-weight:700;padding:.4rem .85rem;box-shadow:0 .6rem 1.6rem #18579f59;animation:td-pop .3s cubic-bezier(.2,1.2,.4,1)}.td-ai-toast .spark{animation:td-spin 3s linear infinite}.td-marker{cursor:pointer}.td-marker .ring{animation:td-marker-ring 1.8s ease-out infinite;transform-origin:center;transform-box:fill-box}.td-marker .core-circle{transition:transform .2s;transform-origin:center;transform-box:fill-box}.td-marker:hover .core-circle{transform:scale(1.12)}.td-avatar-bob{animation:td-bob .5s ease-in-out infinite}.td-dataflow{stroke-dasharray:5 9;animation:td-flow 1.1s linear infinite}@keyframes td-flow{to{stroke-dashoffset:-14}}.td-core-pulse{animation:td-core 2.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.td-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:4.2rem 1rem 8.5rem;pointer-events:none}@media(min-width:900px){.td-overlay-layer{padding:4.5rem 3rem 3rem;justify-content:flex-end}.td-overlay-layer.center{justify-content:center}.td-overlay-layer.left{justify-content:flex-start}}@keyframes td-scanline{0%{transform:translateY(0)}to{transform:translateY(83px)}}.td-device{pointer-events:auto;animation:td-device-in .65s cubic-bezier(.2,1,.3,1);filter:drop-shadow(0 2.2rem 3.4rem rgba(20,38,74,.3))}@keyframes td-device-in{0%{opacity:0;transform:translateY(2.2rem) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.td-phone{width:min(20rem,86vw);background:#101615;border-radius:2.4rem;padding:.55rem}.td-phone-screen{position:relative;background:#f7faf8;border-radius:1.9rem;overflow:hidden;height:min(37rem,66vh);display:flex;flex-direction:column}.td-phone-status{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;font-weight:700;color:var(--mx-ink);padding:.55rem 1.1rem .3rem}.td-phone-notch{position:absolute;top:.45rem;left:50%;transform:translate(-50%);width:6.2rem;height:1.15rem;background:#101615;border-radius:999px}.td-phone-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:.4rem .9rem .9rem}.td-kiosk{width:min(24rem,88vw);background:#172038;border-radius:1.3rem;padding:.7rem}.td-kiosk-screen{background:#f7faf7;border-radius:.8rem;overflow:hidden;min-height:21rem;display:flex;flex-direction:column}.td-board{width:min(34rem,92vw);background:#172038;border-radius:1.1rem;padding:.65rem}.td-board-screen{background:#f7faf7;border-radius:.6rem;overflow:hidden}.td-monitor{width:min(40rem,94vw);background:#172038;border-radius:1rem;padding:.6rem .6rem 1rem}.td-monitor-screen{background:#fbfaf7;border-radius:.5rem;overflow:hidden}.td-monitor-foot{margin:.55rem auto 0;width:7rem;height:.35rem;border-radius:999px;background:#2b3750}.td-screen-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .95rem;background:var(--mx-teal);color:#fff}.td-screen-header .title{font-size:.8rem;font-weight:800;letter-spacing:.02em}.td-screen-header .sub{font-size:.6rem;font-weight:600;opacity:.85}.td-caret{display:inline-block;width:2px;height:1em;background:var(--mx-teal);vertical-align:text-bottom;margin-left:1px;animation:td-caret .9s steps(2) infinite}@keyframes td-caret{50%{opacity:0}}.td-wave{display:inline-flex;align-items:flex-end;gap:2px;height:.85rem}.td-wave i{width:3px;border-radius:2px;background:currentColor;animation:td-wave 1s ease-in-out infinite}.td-wave i:nth-child(1){height:40%;animation-delay:0s}.td-wave i:nth-child(2){height:90%;animation-delay:.15s}.td-wave i:nth-child(3){height:60%;animation-delay:.3s}.td-wave i:nth-child(4){height:100%;animation-delay:.45s}.td-wave i:nth-child(5){height:50%;animation-delay:.6s}@keyframes td-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.td-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:32;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:4.5rem 1.2rem 2rem;overflow-y:auto;background:linear-gradient(180deg,#f0f4f0d1,#eef2eef2 60%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.td-intro-head{text-align:center;animation:td-rise .7s cubic-bezier(.2,1,.3,1)}.td-intro-head h1{margin:.6rem 0 0;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:900;letter-spacing:.01em;color:var(--mx-ink)}.td-intro-head p{margin:.55rem 0 0;font-size:.85rem;color:var(--mx-muted);line-height:1.7}.td-personas{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,13.5rem));justify-content:center;gap:.9rem;width:100%;max-width:72rem;animation:td-rise .7s .12s cubic-bezier(.2,1,.3,1) backwards}.td-persona{position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:#fffffff0;border:2px solid var(--mx-border-light);border-radius:1.1rem;padding:1.1rem 1rem 1.05rem;cursor:pointer;transition:transform .2s cubic-bezier(.2,1.2,.4,1),border-color .2s,box-shadow .2s;text-align:center}.td-persona:hover{transform:translateY(-4px);box-shadow:0 1.2rem 2.4rem #14264a24}.td-persona.selected{border-color:var(--mx-teal);box-shadow:0 0 0 4px #2070cf24,0 1.2rem 2.4rem #14264a24}.td-persona .avatar{width:4.6rem;height:4.6rem}.td-persona .name{margin-top:.55rem;font-size:.95rem;font-weight:800;color:var(--mx-ink)}.td-persona .meta{font-size:.68rem;font-weight:600;color:var(--mx-subtle)}.td-persona .complaint{margin-top:.5rem;display:inline-block;background:var(--mx-teal-light);border:1px solid var(--mx-teal-border);color:var(--mx-teal-dark);border-radius:999px;font-size:.66rem;font-weight:700;padding:.24rem .65rem}.td-persona .tagline{margin-top:.45rem;font-size:.62rem;font-weight:700;color:var(--mx-muted);line-height:1.45}.td-persona .check{position:absolute;top:.6rem;right:.6rem;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--mx-teal);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:900;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s cubic-bezier(.2,1.6,.4,1)}.td-persona.selected .check{opacity:1;transform:scale(1)}.td-intro-start{animation:td-rise .7s .22s cubic-bezier(.2,1,.3,1) backwards;display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:999px;background:var(--mx-ink);color:#fff;font-size:.95rem;font-weight:800;padding:.85rem 2.4rem;cursor:pointer;box-shadow:0 .9rem 2rem #14264a3d;transition:transform .15s,background .15s,opacity .2s}.td-intro-start:hover:not(:disabled){background:#000;transform:translateY(-2px)}.td-intro-start:disabled{opacity:.35;cursor:not-allowed}.td-finale{position:absolute;top:0;right:0;bottom:0;left:0;z-index:31;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:4.5rem 1.2rem 2rem;overflow-y:auto;background:linear-gradient(180deg,#eef2ee59,#eef2eeeb 55%)}.td-finale-head{text-align:center;animation:td-rise .8s cubic-bezier(.2,1,.3,1)}.td-finale-head .eyebrow{display:inline-block;background:var(--mx-teal-light);border:1px solid var(--mx-teal-border);color:var(--mx-teal-dark);border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.14em;padding:.28rem .75rem}.td-finale-head h1{margin:.7rem 0 0;font-size:clamp(1.4rem,3.2vw,2.1rem);font-weight:900;color:var(--mx-ink)}.td-finale-head p{margin:.5rem 0 0;font-size:.84rem;line-height:1.75;color:var(--mx-muted)}.td-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,12.5rem));justify-content:center;gap:.8rem;width:100%;max-width:56rem}.td-kpi{background:#fffffff2;border:1px solid var(--mx-border-light);border-radius:1rem;padding:.95rem 1.05rem;box-shadow:0 .8rem 1.8rem #14264a14;animation:td-rise .7s cubic-bezier(.2,1,.3,1) backwards}.td-kpi .label{font-size:.64rem;font-weight:700;color:var(--mx-muted)}.td-kpi .value{margin-top:.3rem;font-size:1.65rem;font-weight:900;color:var(--mx-ink);font-variant-numeric:tabular-nums;line-height:1.1}.td-kpi .value .unit{font-size:.85rem;font-weight:700;color:var(--mx-muted);margin-left:.15rem}.td-kpi .delta{margin-top:.3rem;display:inline-block;font-size:.62rem;font-weight:800;color:var(--mx-success);background:var(--mx-success-light);border:1px solid var(--mx-success-border);border-radius:999px;padding:.16rem .5rem}.td-finale-ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem;animation:td-rise .8s .25s cubic-bezier(.2,1,.3,1) backwards}.td-cta-primary{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:999px;background:var(--mx-teal);color:#fff;font-size:.88rem;font-weight:800;padding:.78rem 1.9rem;cursor:pointer;text-decoration:none;box-shadow:0 .9rem 2rem #2070cf4d;transition:transform .15s,background .15s}.td-cta-primary:hover{background:var(--mx-teal-dark);transform:translateY(-2px)}.td-cta-ghost{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--mx-border);border-radius:999px;background:#ffffffe6;color:var(--mx-ink);font-size:.8rem;font-weight:700;padding:.72rem 1.4rem;cursor:pointer;text-decoration:none;transition:background .15s}.td-cta-ghost:hover{background:#fff}.td-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.td-chip-ai{display:inline-flex;align-items:center;gap:.3rem;background:var(--mx-teal-light);border:1px solid var(--mx-teal-border);color:var(--mx-teal-dark);border-radius:999px;font-size:.58rem;font-weight:800;padding:.14rem .5rem;white-space:nowrap}.td-check-anim{stroke-dasharray:60;stroke-dashoffset:60;animation:td-draw .6s .2s ease forwards}@keyframes td-draw{to{stroke-dashoffset:0}}@keyframes td-pop{0%{opacity:0;transform:translateY(.4rem) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes td-rise{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes td-spin{to{transform:rotate(360deg)}}@keyframes td-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes td-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.6px)}}@keyframes td-marker-ring{0%{transform:scale(.55);opacity:.85}to{transform:scale(1.7);opacity:0}}@keyframes td-core{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}@media(max-width:640px){.td-card{left:.7rem;right:.7rem;bottom:.7rem;width:auto}.td-hud{top:3.1rem;left:.7rem}}.td-root.night .td-backdrop{background:linear-gradient(180deg,#0d1832,#16294e 55%,#1d3358)}.td-root.night .td-viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#101e3e24;mix-blend-mode:multiply;pointer-events:none;z-index:5}