.stage{padding:24px 12px 18px;border-radius:120px 120px 30px 30px}.phone{width:min(310px,100%);height:652px;min-height:0;border:5px solid #c8ccd0;border-radius:49px;padding:5px;background:#111;box-shadow:0 0 0 1px #90979d,0 0 0 2px #e6e8eb,0 30px 55px #15213a30;overflow:visible;position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.phone:before,.phone:after{content:'';position:absolute;background:linear-gradient(90deg,#a4abb1,#e2e5e8,#92999f);width:3px;border-radius:3px;left:-8px;top:138px;height:44px}.phone:after{left:auto;right:-8px;top:165px;height:66px}.screen{height:100%;border-radius:39px;overflow:hidden;background:#f7f7f5;position:relative;display:flex;flex-direction:column}.status{height:55px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-weight:650;font-size:13px;position:relative;background:#fafaf9;color:#111;line-height:1}.island{position:absolute;left:50%;transform:translateX(-50%);top:13px;background:#080808;width:86px;height:25px;border-radius:22px}.island:after{content:'';position:absolute;right:9px;top:8px;width:9px;height:9px;background:radial-gradient(circle at 40% 35%,#233c5b,#080c15 75%);border-radius:50%}.status-icons{display:flex;gap:5px;align-items:center}.status-icons svg{width:15px;height:13px}.battery{width:22px;height:11px;background:#111;border:1px solid #111;border-radius:3px;box-shadow:inset 0 0 0 1.5px #fafaf9;position:relative}.battery:after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:4px;background:#777}.chat-head{height:65px;flex-shrink:0;padding:5px 9px;gap:7px;background:#fafaf9;border-color:#dcdedb}.back{color:#007aff;font-size:30px;line-height:1}.avatar{background:#dce5dc;color:#7b9683;width:33px;height:33px;flex-shrink:0;overflow:hidden}.avatar svg{width:30px;height:30px}.chat-info{min-width:0;flex:1}.chat-head strong{font-size:11.8px;letter-spacing:-.3px;white-space:nowrap;color:#111}.chat-head small{font-size:10px;color:#737773}.call-icons{display:flex;gap:10px;color:#007aff}.call-icons svg{width:18px;height:18px}.messages{flex:1;min-height:0;padding:13px 10px;overflow:hidden;background-color:#eae5dc;background-image:url("data:image/svg+xml,%3Csvg width='80' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23c7c2b8' stroke-width='.8' opacity='.46'%3E%3Cpath d='M12 12l9-5 8 6-2 10-10 2zM55 48c-11-13-18 6 0 13 18-7 11-26 0-13zM15 73l10-7 8 12-10 7zM50 12q10-8 17 1l-3 12-12-2zM9 42q10 9 20 0M47 87l18-7M57 76l3 15'/%3E%3C/g%3E%3C/svg%3E");transition:opacity .2s}.chat-day{width:max-content;margin:0 auto 15px;padding:3px 10px;border-radius:7px;background:#fff9;box-shadow:0 1px 2px #0001;font-size:10px;color:#586262}.encryption{background:#fff1c5;color:#6c6550;text-align:center;padding:8px;border-radius:7px;font-size:9px;line-height:1.4;margin:0 6px 19px}.bubble{position:relative;width:fit-content;max-width:91%;padding:8px 10px 5px;margin:0 0 8px 3px;background:white;color:#111;font-size:12px;line-height:1.4;border-radius:0 9px 9px;box-shadow:0 1px 1px #0002;animation:arrive .35s ease both}.bubble:nth-of-type(4){animation-delay:.12s}.bubble:nth-of-type(5){animation-delay:.25s}.bubble:before{content:'';position:absolute;left:-6px;top:0;border:4px solid transparent;border-top-color:white;border-right-color:white}.bubble b{display:none}.bubble time{color:#7a8585;font-size:8px;margin-top:3px}.bubble.reply{margin-left:auto;background:#d9fdd3;border-radius:9px 0 9px 9px}.bubble.reply:before{left:auto;right:-6px;border-color:transparent;border-top-color:#d9fdd3;border-left-color:#d9fdd3}.ticks{color:#53bdeb;margin-left:4px;font-size:11px}.composer{height:48px;display:flex;align-items:center;gap:10px;padding:7px 10px;color:#007aff;background:#f8f8f7;flex-shrink:0}.composer>span{font-size:27px;font-weight:300;line-height:1}.input-fake{border:1px solid #d6dad7;background:white;flex:1;height:29px;border-radius:18px}.composer svg{width:20px;height:20px}.home-area{height:23px;background:#f8f8f7;display:grid;place-items:center;flex-shrink:0}.home-indicator{height:4px;background:#111;border-radius:5px;width:103px}.chat-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}.stage .dot{margin:0;padding:6px;border:0;background:transparent;cursor:pointer}.dot:after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#b9c9e9}.dot[aria-pressed=true]:after{background:#0049f8;width:20px;border-radius:6px}.stage .pause{margin:0 0 0 8px;border:0;background:transparent;font-size:12px;cursor:pointer;color:#435878}.stage #toggle{margin-top:12px}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.bubble{animation:none}.messages{transition:none}}@media(max-width:360px){.phone{height:610px}.chat-head strong{font-size:10.5px}.call-icons{gap:5px}}

/* Banner compacto: el dispositivo conserva sus proporciones y se recorta por abajo. */
.hero{padding:36px 0 30px;gap:42px}.hero h1{font-size:clamp(38px,4.3vw,58px);margin:16px 0}.hero .lead{font-size:18px}.hero .actions{margin:20px 0 12px}.stage{padding:16px 12px 12px;border-radius:65px 65px 22px 22px}.stage-label{margin-bottom:12px;font-size:11px}.phone-crop{height:410px;overflow:hidden;padding:3px 9px 0;max-width:318px;margin:auto;position:relative}.phone-crop:after{content:'';position:absolute;bottom:0;left:0;right:0;height:18px;background:linear-gradient(transparent,var(--pale));pointer-events:none}.phone{width:294px;max-width:100%;height:620px;box-shadow:0 0 0 1px #90979d,0 0 0 2px #e6e8eb,0 12px 24px #15213a20}.status{height:49px}.chat-head{height:56px}.chat-head strong{font-size:11px}.call-icons{gap:7px}.call-icons svg{width:16px;height:16px}.messages{padding:9px 10px}.chat-day{margin-bottom:8px}.encryption{padding:5px;margin-bottom:10px;font-size:8px}.bubble{font-size:11.5px;padding:7px 9px 4px;margin-bottom:7px;line-height:1.35}.chat-controls{margin-top:6px}.stage #toggle{margin-top:6px;padding:10px 17px;font-size:12px}.illustrative{margin-top:7px}.hero .fine{margin-bottom:0}@media(max-width:800px){.hero{padding:28px 0;gap:24px}.stage{max-width:380px}.hero h1{font-size:42px}.phone-crop{height:400px}}@media(max-width:360px){.phone{height:620px}.phone-crop{height:420px}.chat-head strong{font-size:10.5px}}

.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.phone .encryption{display:none}.phone .chat-day{margin-bottom:8px}.phone .bubble{font-size:11px;line-height:1.3}

/* Ambientes según quién atiende el móvil. */
.stage{transition:background-color .35s ease}.stage.owner-mode{background:#bcc7d8;--scene-bg:#bcc7d8}.stage.with-libera{background:#f0f7ff;--scene-bg:#f0f7ff}.stage .phone-crop:after{background:linear-gradient(transparent,var(--scene-bg,var(--pale)))}.owner-mode .messages{background-color:#c4c7c9}.with-libera .messages{background-color:#f1f4e9}@media(prefers-reduced-motion:reduce){.stage{transition:none}}

.owner-mode .messages{background-color:#0b141a}

.stage #toggle[aria-pressed="false"]{background:white;color:var(--blue);gap:10px;padding:9px 18px;min-height:46px}.toggle-logo{display:inline-block;width:93px;height:30px;overflow:hidden;position:relative}.toggle-logo img{position:absolute;width:152px;height:76px;max-width:none;left:-10px;top:-23px}

.phone-modes{display:flex;gap:6px;justify-content:center;margin:8px auto 0;max-width:340px}.stage .phone-modes button{flex:1;margin:0;padding:10px 8px;border:1px solid #acbad2;border-radius:8px;background:#ffffffb8;color:#34415a;font-size:12px;cursor:pointer;transition:background-color .25s,color .25s}.stage .phone-modes button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:white}.messages{transition:background-color .35s ease}.phone-modes button:focus-visible{outline:3px solid #f6a623;outline-offset:2px}@media(prefers-reduced-motion:reduce){.messages,.stage .phone-modes button{transition:none}}

.stage .phone-modes button[data-mode="libera"]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mode-logo{position:relative;display:block;width:76px;height:25px;overflow:hidden;background:white;border-radius:3px}.mode-logo img{position:absolute;width:126px;height:63px;max-width:none;left:-8px;top:-19px}.stage .phone-modes button[data-mode="owner"]{display:flex;align-items:center;justify-content:center}

/* Logos vectoriales completos, sin recortes CSS ni reescalado raster. */
header .logo{width:190px;height:auto;overflow:visible;flex-shrink:0}header .logo img{display:block;position:static;width:100%;height:auto;max-width:100%}.phone-modes{max-width:380px;gap:10px;align-items:stretch}.stage .phone-modes button{min-height:78px;border-radius:12px}.stage .phone-modes button[data-mode="libera"]{flex:1.3;background:#fff;color:var(--ink);padding:12px 14px;gap:8px;border:2px solid #cbd7ec}.stage .phone-modes button[data-mode="libera"][aria-pressed="true"]{background:#fff;color:var(--blue);border-color:var(--blue);box-shadow:0 3px 12px #0049f81a}.mode-logo{position:static;display:flex;align-items:center;justify-content:center;background:white;width:100%;height:auto;min-height:35px;padding:3px 15px;overflow:visible;border-radius:0}.mode-logo img{position:static;display:block;width:112px;height:auto;max-width:100%;object-fit:contain}.stage .phone-modes button[data-mode="libera"]>span:first-child{font-size:12px;line-height:1.3;white-space:nowrap}@media(max-width:800px){header .logo{width:145px}}@media(max-width:360px){.phone-modes{gap:6px}.stage .phone-modes button[data-mode="libera"]{padding:10px 7px}.stage .phone-modes button[data-mode="libera"]>span:first-child{font-size:11px}}

.stage .phone-modes button[data-mode="libera"]>span:first-child{white-space:normal;text-align:center;line-height:1.35}.stage .mode-logo{min-height:24px;padding:2px 12px}.stage .mode-logo img{width:78px;max-width:100%;height:auto}