/* V07 · Capa de conversión sobre V06. Sin alterar el layout maestro. */
.hero h1{max-width:740px;letter-spacing:-.046em}
.benefit{padding:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.benefit:has(.benefit-switch.is-active){border-color:#79cdb0;box-shadow:0 12px 34px #174b3617}
.benefit-switch{font:inherit;background:transparent;display:block;cursor:pointer;text-align:left;border:0;width:100%;min-height:215px;padding:24px;color:inherit}
.benefit-switch .ic{margin-bottom:13px}.benefit-switch h3{font-family:Sora,sans-serif;line-height:1.32;font-size:17px}
.benefit-switch p{font-size:13px;line-height:1.6}.benefit-switch:focus-visible{outline:3px solid #0d9470;outline-offset:-4px;border-radius:21px}
.benefit-switch:hover{background:#f0fcf6}
.feature-detail{border:1px solid #d6ece2;background:linear-gradient(135deg,#f3fcf8,#e8f8f1);border-radius:25px;padding:27px;margin:17px 0 29px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.feature-copy{padding:5px 4px}.feature-kicker{font-size:10.5px;text-transform:uppercase;letter-spacing:.11em;color:#0b8163;font-weight:850;margin-bottom:13px}
.feature-copy h3{font-family:Sora,sans-serif;font-size:clamp(21px,2.6vw,30px);line-height:1.23;margin:0 0 13px;color:#102e34}
.feature-copy p{font-size:14px;color:#4d6c69;line-height:1.65;max-width:520px}
.feature-chips{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.feature-chips span{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#315d52;font-weight:650}
.feature-chips span:before{content:'✓';color:#067e5b;font-weight:900}
.feature-visual{background:#fff;border:1px solid #d8ebe3;border-radius:21px;padding:19px;min-height:215px;box-shadow:0 15px 30px #174b3612}
.fv-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#426960;gap:8px;padding-bottom:12px;border-bottom:1px solid #ebf3ef}.fv-title b{font-size:13px;color:#103d34}.fv-status{border-radius:99px;background:#e0f9ea;padding:6px 10px;color:#097654;font-size:10px;font-weight:800}
.fv-rows{display:flex;flex-direction:column;gap:12px;margin-top:16px}.fv-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.35;color:#476a64}.fv-row strong{color:#183d37;text-align:right}.fv-foot{margin-top:15px;padding:11px 12px;font-size:12px;color:#06563f;font-weight:750;background:#e8f8ef;border-radius:11px}
.optional{font-size:11px;font-weight:500;color:#7b9b95}
.signup-side h2{max-width:590px}
@media(max-width:860px){.feature-detail{grid-template-columns:1fr;gap:14px}.benefit-grid{gap:9px}.benefit-switch{min-height:0;padding:19px}}
@media(max-width:600px){.hero h1{letter-spacing:-.035em}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-switch{display:grid;grid-template-columns:43px 1fr;column-gap:13px;min-height:0;padding:15px 17px}.benefit-switch .ic{grid-row:1/3;margin:0}.benefit-switch h3{font-size:14px;margin:0 0 4px}.benefit-switch p{font-size:12px;grid-column:2;margin:0}.feature-detail{padding:18px;border-radius:20px}.feature-copy h3{font-size:23px}.feature-visual{padding:15px;min-height:190px}}

@media(max-width:430px){
.dashboard-showcase{padding:20px 15px;gap:18px;min-width:0;overflow:hidden}
.dashboard-showcase>*{min-width:0;max-width:100%}
.dashboard-ui{width:100%;min-width:0;transform:none;padding:12px;border-radius:17px}
.dashboard-copy h3{font-size:25px}
.dash-top{gap:5px}.dash-brand{font-size:11px}.dash-brand small{display:none}
.dash-period{font-size:9px;padding:6px}.dash-box{padding:13px;min-height:110px;gap:7px}
.dash-box b{font-size:24px}.dash-spark{min-width:72px;gap:4px}
.dash-mini-grid{gap:6px}.dash-mini-grid>div{padding:10px}.dash-mini-grid strong{font-size:21px}
.story-focus,.story-focus>*{min-width:0}.demo-phone-wrap{width:100%;max-width:100%}
}

/* 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}