/* Add content to the approved cinematic v7; its original layout and scripts own the page. */
.io-benefits{background:#f1eee7;color:#16243a;border-bottom:1px solid #c9ced6}
.io-benefits .io-section-heading>p{color:#4c5b70}
.io-benefits .io-kicker{color:#355c9b}
.io-benefits .io-title em{color:#526c93}
.io-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #bac4d2;margin-top:35px}
.io-benefit-grid article{min-width:0;padding:26px 20px 0 0}
.io-benefit-grid article+article{border-left:1px solid #c1cad6;padding-left:22px}
.io-benefit-grid h3{font-size:23px;line-height:1.18;letter-spacing:-.035em;margin:24px 0 15px;color:#172740}
.io-benefit-grid p{font-size:14px;line-height:1.75;color:#4c5b70}
.w-crm-channels{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.w-crm-channels b{padding:8px 10px;border:1px solid #597297;border-radius:4px;font-size:12px;font-weight:500;color:#e1eaff;background:#16283e}
.w-importer{margin-top:22px;border-top:1px solid #577298;padding-top:15px;font-size:12px;color:#c5d7f6}
.w-importer summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}
.w-importer figure{margin:10px 0 0}
.w-importer img{width:100%;height:auto;display:block;border-radius:7px;border:1px solid #6c86ab}
.w-importer figcaption{font-size:11px;line-height:1.7;margin-top:10px;color:#b3c8e6}
.w-agent-context-link{position:relative;display:block;margin-top:27px;padding:30px 75px 30px 30px;background:linear-gradient(120deg,#18345d,#102038);border:1px solid #607fae;border-radius:8px;box-shadow:inset 0 1px 0 #c3d7fa22;color:#eff3fb;transition:border-color .25s,background .25s}
.w-agent-context-link>span{display:block;font-size:11px;letter-spacing:.13em;color:#afc9f3;margin-bottom:14px}
.w-agent-context-link>strong{display:block;font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:600;color:#f5f4ee}
.w-agent-context-link>p{color:#bed0ec;font-size:13px;line-height:1.8;margin:16px 0 0}
.w-agent-context-link>b{position:absolute;right:30px;top:50%;font-size:27px;color:#adc8ff;font-weight:400;transform:translateY(-50%)}
.w-agent-context-link:hover{border-color:#b1c9ef;background:#1d3b65}
@media(max-width:640px){.w-agent-context-link{padding:25px 50px 25px 23px}.w-agent-context-link>strong{font-size:24px}.w-agent-context-link>b{right:20px}.w-agent-context-link>p{font-size:12px}}
.io-final-cta .io-contact-intro{font-size:15px;line-height:1.75;max-width:600px;color:#e1eaff;margin-top:23px}
.io-final-cta .io-contact-status{font-size:12px;line-height:1.7;color:#c7d8f6;margin-top:12px}
/* The explorer is isolated; no component style targets the cinematic hero. */
#explorador{background:radial-gradient(ellipse at 5% 10%,#1a3a7150,transparent 60%),#0c1626;color:#f4f1e9;border-bottom:1px solid #3a4d68}
#explorador [hidden]{display:none!important}
#explorador .io-kicker{color:#abc5fb}
#explorador h2{color:#f4f1e9}
#explorador h2 span{color:#a3b8dc}
#explorador .io-section-heading>p{color:#bccce4}
#explorador .io-explorer-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
#explorador .io-explorer-intro{padding-block:15px}
#explorador .io-ai-mark{display:inline-flex;color:#a4beff;font-size:19px;letter-spacing:-.13em;font-weight:700;border:1px solid #5978b4;padding:6px 10px;border-radius:4px;margin-bottom:25px;background:#1b3156;box-shadow:0 0 30px #2d5ddd22}
#explorador .io-explorer-intro h3{font-size:29px;letter-spacing:-.04em;line-height:1.15;margin:0 0 19px;color:#f4f1e9}
#explorador .io-explorer-intro>p{font-size:14px;color:#bccde7;line-height:1.8;max-width:360px}
#explorador .io-explorer-points{margin-block:25px;display:flex;flex-direction:column;gap:13px;font-size:12px;color:#d8e4f8}
#explorador .io-explorer-points span:before{content:"↳";display:inline-block;width:28px;color:#8dafff}
#explorador .io-explorer-workspace{background:#15243b;border:1px solid #5a759f;border-radius:8px;padding:30px;box-shadow:inset 0 1px 0 #d7e4ff22,0 25px 60px #02061033;min-width:0}
#explorador .io-explorer-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;letter-spacing:.1em;color:#d9e5fa;margin-bottom:27px}
#explorador .io-ai-state{letter-spacing:0;font-size:11px;color:#b8cdec;padding-left:10px;border-left:1px solid #6480a6}
#explorador .io-explorer-start,#explorador .io-explorer-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;background:#3155d2;color:#fff;border:1px solid #85a2ff;border-radius:5px;padding:15px 17px;min-height:52px;font-size:14px;font-weight:600;cursor:pointer}
#explorador .io-explorer-start:hover,#explorador .io-explorer-submit:hover{background:#3a65e6}
#explorador .io-ai-status{font-size:14px;line-height:1.75;color:#d4e1f6;margin-bottom:20px}
#explorador #explorer-form label,#explorador #ai-questions label{display:block;font-size:14px;line-height:1.6;margin-bottom:10px;color:#e7eefb}
#explorador textarea{width:100%;resize:vertical;min-height:115px;max-height:350px;background:#0d1a2e;color:#f4f1e9;border:1px solid #7b92b6;border-radius:5px;padding:13px;font-size:16px;line-height:1.6;font-family:inherit}
#explorador .io-small-note{font-size:12px;color:#bdcce4;line-height:1.7;margin:12px 0 18px}
#explorador #explorer-form .io-ai-consent{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.7;margin-block:20px}
#explorador .io-ai-consent input{width:19px;height:19px;flex-shrink:0;accent-color:#557fff;margin-top:2px}
#explorador .io-ai-consent a{text-decoration:underline;text-underline-offset:3px;color:#e7eefb}
#explorador #ai-result{border-top:1px solid #5a759f;padding-top:21px;margin-top:20px}
#explorador #ai-result p{font-size:14px;line-height:1.8;color:#d2dff3}
#explorador .io-ai-pillars{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}
#explorador .io-ai-pillars span{font-size:11px;border:1px solid #7695c7;border-radius:4px;padding:4px 8px;color:#d7e5ff}
#explorador .io-ai-opportunity{border-top:1px solid #536d95;padding-block:18px}
#explorador .io-ai-opportunity h4{font-size:18px;line-height:1.3;margin:0 0 10px;color:#fff}
#explorador .io-ai-opportunity p+p{margin-top:11px}
#explorador #ai-questions{display:grid;gap:18px;margin-block:22px}
#explorador #ai-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
#explorador #ai-actions button,#explorador #ai-actions a{border:1px solid #7491bd;color:#dfebff;background:#213857;border-radius:4px;padding:10px 12px;min-height:44px;font-size:12px;display:inline-flex;align-items:center;cursor:pointer}
#explorador button:disabled{cursor:wait;opacity:.7}
#explorador :is(a,button,textarea,input):focus-visible{outline:3px solid #9fbcff;outline-offset:4px}
@media(max-width:900px){.io-benefit-grid{grid-template-columns:1fr 1fr;gap:25px 0}.io-benefit-grid article:nth-child(3){border-left:0;padding-left:0}#explorador .io-explorer-layout{gap:30px;grid-template-columns:1fr 1.1fr}#explorador .io-explorer-workspace{padding:24px}}
@media(max-width:640px){.io-benefit-grid{grid-template-columns:1fr;gap:0}.io-benefit-grid article,.io-benefit-grid article+article{border-left:0;border-bottom:1px solid #c1cad6;padding:25px 0}.io-benefit-grid h3{margin-top:15px}#explorador .io-explorer-layout{grid-template-columns:1fr;gap:28px}#explorador .io-explorer-intro{padding-top:0}#explorador .io-explorer-intro h3 br{display:none}#explorador .io-explorer-points{display:none}#explorador .io-explorer-workspace{padding:22px}#explorador .io-explorer-topline{font-size:11px;letter-spacing:.07em}#explorador textarea{min-height:140px}.io-final-cta .io-contact-intro{font-size:14px}}
@media(max-width:360px){#explorador .io-explorer-workspace{padding:19px}#explorador .io-explorer-topline{flex-wrap:wrap}#explorador .io-explorer-start{font-size:13px}}