:root{color-scheme:light;--night:#101a20;--deep:#0b1419;--chalk:#f4f3ed;--paper:#eff0ea;--ink:#18262a;--muted:#5f6b6c;--teal:#8bbec0;--bronze:#d7b28a;--line:#d7dcd6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit}
img{max-width:100%}
[hidden]{display:none!important}
.shell{width:min(100% - 80px,1320px);margin-inline:auto}
.skip{position:absolute;z-index:200;left:20px;top:-60px;padding:12px 16px;background:#fff;color:#172522}
.skip:focus{top:16px}
:focus-visible{outline:2px solid #dbad70;outline-offset:4px}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 26px;color:#365760;font-size:11px;line-height:1.4;font-weight:770;letter-spacing:.18em;text-transform:uppercase}
.eyebrow--light{color:#c8b396}
.eyebrow__line{display:block;width:29px;height:1px;background:currentColor}
.section-intro h2,.brain h2,.scope h2,.faq h2,.closing h2{margin:0;font-size:clamp(40px,4.65vw,72px);font-weight:620;letter-spacing:-.065em;line-height:1.08;text-wrap:balance}
.section-intro h2 span,.scope h2 span,.faq h2 span{color:#62777b}
.section-intro>p:last-child,.scope__intro>p:last-child,.faq__intro>p:last-child{max-width:740px;margin:25px 0 0;color:#536165;font-size:clamp(16px,1.3vw,19px);line-height:1.63}

.hero{position:relative;overflow:hidden;min-height:840px;padding:170px 0 38px;background:radial-gradient(circle at 76% 35%,#23404a 0%,#162832 24%,transparent 54%),linear-gradient(125deg,#10191d 0%,#111b22 60%,#0b151a 100%);color:#f6f4ed}
.hero::before{content:"";position:absolute;inset:0;opacity:.4;background:radial-gradient(circle at 80% 29%,#e0b28520 0 1px,transparent 2px),radial-gradient(circle at 71% 55%,#80bdc42c 0 1px,transparent 2px);background-size:150px 170px,200px 190px;pointer-events:none}
.hero__grid{position:absolute;inset:100px 0 0;opacity:.17;background:linear-gradient(#95b7b818 1px,transparent 1px),linear-gradient(90deg,#95b7b818 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 10%,#000 58%,transparent 100%);pointer-events:none}
.hero__layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(530px,1fr);align-items:center;gap:clamp(45px,5vw,85px)}
.hero__copy{padding-bottom:35px}
.hero h1{max-width:760px;margin:0;font-size:clamp(67px,6.9vw,109px);font-weight:620;letter-spacing:-.078em;line-height:.99;text-wrap:balance}
.hero h1 em{display:block;color:#c6ddd9;font-style:normal}
.hero__lead{max-width:624px;margin:29px 0 0;color:#d4dddc;font-size:clamp(16px,1.23vw,19px);line-height:1.69}
.hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:15px 19px;border-radius:7px;font-size:14px;line-height:1.3;font-weight:750;text-decoration:none;transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.button span{font-size:20px;font-weight:500}
.button--light{background:#e9e6dc;color:#142228}
.button--light:hover{background:#fff}
.button--dark{width:100%;background:#182b32;color:#f8f5ec}
.button--dark:hover{background:#29434a}
.hero__explore{display:inline-flex;align-items:center;gap:13px;min-height:50px;color:#c9d5d3;font-size:13px;font-weight:650;text-decoration:none}
.hero__explore:hover{color:#fff}
.hero__explore span{font-size:22px;font-weight:400}
.hero__diagnosis{max-width:600px;display:flex;align-items:flex-start;gap:14px;margin:41px 0 0;padding:18px 0 0;border-top:1px solid #bdc7c52a;color:#aebfbe;font-size:13px;line-height:1.6}
.hero__diagnosis span{color:#d9b38b;font-size:21px;line-height:1}
.hero__footer{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:16px;margin-top:57px;padding-top:25px;border-top:1px solid #c3d5d12d;color:#a9c0be;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero__footer span:nth-child(even){color:#c5a47f;font-size:19px;line-height:1}

.hero-model{position:relative;overflow:hidden;border:1px solid #80abb65c;border-radius:21px;background:linear-gradient(150deg,#1a3039ed,#101b22f7 62%,#0e191df9);box-shadow:0 42px 90px #02090d7d,inset 0 1px #ffffff19}
.hero-model::before{content:"";position:absolute;inset:45px 0 73px;background:radial-gradient(circle at 50% 48%,#4ba3a22b 0%,transparent 48%);pointer-events:none}
.hero-model__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 21px;border-bottom:1px solid #b7d6d027;color:#bbd0ce;font-size:10px;line-height:1.4;font-weight:710;letter-spacing:.12em}
.hero-model__top>span:first-child{display:flex;align-items:center;gap:10px}
.hero-model__top>span:last-child{color:#d3b792;font-size:10px;letter-spacing:.03em;text-transform:none}
.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#91d3c2;box-shadow:0 0 12px #91d3c2b0}
.hero-model__field{position:relative;height:410px;padding:20px;background:radial-gradient(circle at center,#29485126 0 2px,transparent 2px);background-size:24px 24px}
.hero-model__paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-model__paths path{fill:none;stroke:#85aeb2;stroke-width:1.3;stroke-dasharray:3 6;opacity:.45}
.hero-model__paths circle{fill:#d9b18a;opacity:.8}
.brain-core{position:absolute;z-index:1;left:50%;top:50%;width:215px;height:215px;transform:translate(-50%,-50%);border:1px solid #bdd7d262;border-radius:50%;background:#142933b8;box-shadow:0 0 0 20px #b2d3ce08,0 0 0 42px #b2d3ce05,0 0 70px #5cb4ba2b}
.brain-core__orbit{position:absolute;inset:13px;border:1px solid #d8b9956b;border-radius:50%;display:grid;place-items:center}
.brain-core__orbit::before,.brain-core__orbit::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#dfc0a0;box-shadow:0 0 13px #d9b38a}
.brain-core__orbit::before{top:-3px;left:50%}.brain-core__orbit::after{bottom:21px;right:2px;background:#92c8ca;box-shadow:0 0 13px #92c8ca}
.brain-core__inner{text-align:center}.brain-core__mark{display:block;color:#d8bb99;font-size:23px;line-height:1}.brain-core strong{display:block;margin-top:8px;font-size:31px;line-height:1.01;font-weight:640;letter-spacing:-.055em}.brain-core small{display:block;margin-top:9px;color:#b4c8c7;font-size:10px;letter-spacing:.045em}
.domain{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:139px;max-width:159px;min-height:57px;padding:11px 13px;border:1px solid #a5c5bf4a;border-radius:9px;background:#182a30e9;color:#f1f3ee;text-align:left;box-shadow:0 8px 25px #050d1180;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.domain:hover,.domain.is-active{border-color:#d9b996;background:#26383d;transform:translateY(-2px)}
.domain small{color:#a4bdbe;font-size:8px;letter-spacing:.12em;font-weight:750}.domain strong{font-size:12px;line-height:1.25;font-weight:700}
.domain--strategy{top:32px;left:26px}.domain--marketing{top:32px;right:26px}.domain--sales{top:171px;left:8px}.domain--operations{top:171px;right:8px}.domain--finance{bottom:26px;left:28px}.domain--service{bottom:26px;right:28px}
.hero-model__detail{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:5px 15px;min-height:99px;padding:16px 22px 18px;border-top:1px solid #adcacb35;background:#101d23}
.hero-model__detail>span:first-child{grid-column:1;color:#d8b992;font-size:9px;line-height:1.4;font-weight:760;letter-spacing:.16em}
.hero-model__detail p{grid-column:1;margin:0;color:#e3eae7;font-size:13px;line-height:1.4}
.hero-model__detail-arrow{grid-column:2;grid-row:1/3;align-self:center;color:#89c2c4;font-size:22px}

.pain{padding:115px 0 102px;background:#f1f0ea}
.pain__intro{max-width:950px}.pain__intro h2{max-width:930px}
.pain__layout{display:grid;grid-template-columns:minmax(300px,.67fr) minmax(0,1.33fr);gap:25px;margin-top:57px}
.pain__tabs{display:flex;flex-direction:column;gap:10px}
.pain-tab{width:100%;min-height:109px;display:grid;grid-template-columns:31px minmax(0,1fr) 20px;align-items:center;gap:18px;padding:20px 21px;border:1px solid #d0d7d2;border-radius:10px;background:#f8f8f4;color:#27383a;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.pain-tab:hover,.pain-tab.is-active{border-color:#35596a;background:#1a2d35;color:#f9f7ef;box-shadow:0 15px 28px #09242c1b}
.pain-tab>span{align-self:start;margin-top:5px;color:#8b795e;font-size:10px;font-weight:780;letter-spacing:.1em}.pain-tab.is-active>span{color:#ddb991}.pain-tab strong{font-size:18px;line-height:1.34;font-weight:650;letter-spacing:-.025em}.pain-tab i{font-size:19px;font-style:normal;font-weight:400;opacity:.7}
.pain-display{overflow:hidden;min-height:348px;border:1px solid #354e57;border-radius:12px;background:#14252d;color:#f6f5ed;box-shadow:0 24px 55px #12252d25}
.pain-display__top{display:flex;justify-content:space-between;gap:15px;padding:20px 27px;border-bottom:1px solid #bdd4d52c;color:#b3cad0;font-size:10px;font-weight:720;letter-spacing:.13em}.pain-display__top span:last-child{color:#d2b48d;letter-spacing:.02em;text-transform:none}
.pain-panel{padding:27px}.pain-panel h3{max-width:650px;margin:0;font-size:clamp(25px,2.5vw,38px);line-height:1.16;font-weight:620;letter-spacing:-.045em}
.fragment-scene{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:29px}.fragment-scene span{display:flex;min-height:82px;flex-direction:column;gap:13px;padding:13px;border:1px solid #8eb7bb36;border-radius:8px;color:#d4b997;background:#20353d;font-size:9px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.fragment-scene strong{color:#eef1ed;font-size:11px;line-height:1.35;font-weight:620;letter-spacing:0;text-transform:none}
.pain-panel>p{max-width:730px;margin:23px 0 0;color:#c8d4d3;font-size:15px;line-height:1.6}
.pain__statement{max-width:1000px;margin:74px auto 0;text-align:center;font-size:clamp(26px,3vw,43px);line-height:1.25;font-weight:620;letter-spacing:-.045em;text-wrap:balance}

.brain{position:relative;overflow:hidden;padding:118px 0;background:radial-gradient(circle at 68% 48%,#25434b 0%,#152931 32%,transparent 68%),#111e24;color:#f6f4ed}
.brain::before{content:"";position:absolute;inset:0;opacity:.25;background:linear-gradient(90deg,transparent 49.9%,#90afb638 50%,transparent 50.1%);background-size:100px 100px;pointer-events:none}
.brain__layout{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(50px,8vw,130px);align-items:center}
.brain h2{max-width:650px}.brain h2 span{color:#b9d6d1}.brain__copy>p:not(.eyebrow){max-width:615px;color:#c4d0cf;font-size:17px;line-height:1.68}.brain__copy>p:nth-of-type(2){margin-top:29px}.brain__copy>p:nth-of-type(3){margin-top:20px}
.inline-link{display:inline-flex;align-items:center;gap:18px;margin-top:20px;padding:10px 0;border-bottom:1px solid #d7b38c;color:#e6c19d;font-size:14px;font-weight:700;text-decoration:none}.inline-link:hover{color:#fff}
.brain-map{overflow:hidden;border:1px solid #abc7c34d;border-radius:13px;background:#15262d;box-shadow:0 35px 70px #07131973}
.brain-map__header,.brain-map__footer{display:flex;justify-content:space-between;gap:20px;padding:17px 24px;color:#afc7c6;font-size:10px;line-height:1.45;font-weight:730;letter-spacing:.11em}.brain-map__header{border-bottom:1px solid #b5cec034}.brain-map__footer{border-top:1px solid #b5cec034;color:#a8bdba;font-size:11px;font-weight:500;letter-spacing:0}
.brain-map__stage{display:grid;grid-template-columns:51px 1fr;gap:17px;align-items:start;margin:0 18px;padding:22px 18px;border:1px solid transparent;border-radius:8px}.brain-map__stage--active{border-color:#d3b58b9e;background:#d2ad8031;box-shadow:0 0 40px #d9b88318}.brain-map__index{display:grid;place-items:center;width:44px;height:44px;border:1px solid #97babb4f;border-radius:50%;color:#d8c0a2;font-size:12px;font-weight:730}.brain-map__stage small{color:#d4b58f;font-size:10px;font-weight:750;letter-spacing:.13em}.brain-map__stage strong{display:block;margin-top:7px;font-size:20px;line-height:1.27;font-weight:630;letter-spacing:-.03em}.brain-map__stage p{margin:8px 0 0;color:#bdcecc;font-size:12px;line-height:1.45}.brain-map__join{height:18px;text-align:center;color:#9ebcbf;font-size:17px;line-height:1}

.agents{padding:116px 0 108px;background:#e9ecea}
.agents__intro{max-width:1000px}.agents__grid{display:grid;grid-template-columns:minmax(300px,.77fr) minmax(0,1.23fr);gap:22px;margin-top:54px}
.agents__choices{display:flex;flex-direction:column;gap:9px}.agent-choice{width:100%;min-height:93px;display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:15px;padding:15px 19px;border:1px solid #ccd4d2;border-radius:9px;background:#f6f7f3;color:#22353b;text-align:left;transition:background .18s,border-color .18s,transform .18s}.agent-choice:hover,.agent-choice.is-active{border-color:#2a4c58;background:#1a3039;color:#f5f5ee;transform:translateX(3px)}.agent-choice__glyph{display:grid;place-items:center;width:37px;height:37px;border:1px solid #6b8e9366;border-radius:7px;color:#6e8889;font-size:11px;font-weight:780}.agent-choice.is-active .agent-choice__glyph{border-color:#d7b58c;color:#e7c19a}.agent-choice strong{display:block;font-size:16px;line-height:1.3;font-weight:680}.agent-choice small{display:block;margin-top:4px;color:#657878;font-size:12px;line-height:1.3}.agent-choice.is-active small{color:#acc5c3}.agent-choice i{font-size:19px;font-style:normal;font-weight:400}
.agent-output{min-height:401px;overflow:hidden;padding:0 32px 31px;border:1px solid #24434f;border-radius:11px;background:linear-gradient(145deg,#142b35,#0e1f27);color:#f7f6ef;box-shadow:0 28px 60px #1429322b}
.agent-output__top{display:flex;justify-content:space-between;gap:15px;margin:0 -32px;padding:18px 31px;border-bottom:1px solid #adc9c437;color:#b0c8cb;font-size:10px;font-weight:720;letter-spacing:.11em}.agent-output__top span:last-child{color:#d4b48f;letter-spacing:0;font-weight:600;text-transform:none}.agent-output__role{margin:30px 0 10px;color:#d0b38e;font-size:11px;font-weight:760;letter-spacing:.13em;text-transform:uppercase}.agent-output h3{max-width:600px;min-height:90px;margin:0;font-size:clamp(26px,2.4vw,36px);font-weight:610;line-height:1.18;letter-spacing:-.045em}.agent-output__divider{height:1px;margin:23px 0 21px;background:#adc9c437}.agent-output__row{display:grid;grid-template-columns:88px 1fr;gap:17px;margin-top:17px;font-size:13px;line-height:1.5}.agent-output__row>span{color:#9fb8bc;font-weight:700}.agent-output__row strong{color:#e3eae8;font-weight:550}.agent-output__approval{display:flex;align-items:center;gap:11px;margin-top:26px;color:#d5ddd8;font-size:12px;line-height:1.4}.agent-output__approval-icon{display:grid;place-items:center;flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:#adc9c03c;color:#d7eddb;font-size:12px}
.agents__note{margin:21px 0 0;color:#657477;font-size:12px;line-height:1.5}

.example{padding:105px 0 112px;background:#17272e;color:#f5f3ed}.example__intro{max-width:900px}.example__intro h2 span{color:#bdd8d4}.example__intro>p:last-child{color:#c9d4d2}.example__ribbon{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:55px;padding:22px 27px;border:1px solid #d4b99076;border-radius:10px;background:#d5b68e16}.example__ribbon span{color:#d6b892;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.example__ribbon strong{font-size:21px;line-height:1.3;letter-spacing:-.03em}.example__ribbon small{margin-left:auto;color:#bdccca;font-size:11px}.example__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.example__steps article{min-height:251px;padding:25px 20px 22px;border:1px solid #a2bec04c;border-radius:9px;background:#20333a}.example__steps article>span{color:#cfb48f;font-size:10px;font-weight:750;letter-spacing:.12em}.example__steps h3{margin:31px 0 9px;font-size:23px;line-height:1.15;font-weight:630;letter-spacing:-.035em}.example__steps p{margin:0;color:#c4d3d0;font-size:13px;line-height:1.58}

.scope{padding:108px 0;background:#f1f0ea}.scope__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}.scope__intro h2 span{display:block}.scope__cards{display:grid;gap:14px}.scope-card{padding:29px;border:1px solid #c5d0cb;border-radius:11px;background:#e8ede8}.scope-card--now{border-color:#284850;background:#1b333a;color:#f5f4ef;box-shadow:0 20px 35px #14292d24}.scope-card__label{color:#6c7462;font-size:10px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.scope-card--now .scope-card__label{color:#ddbd97}.scope-card h3{margin:11px 0;font-size:26px;line-height:1.2;font-weight:640;letter-spacing:-.04em}.scope-card p{margin:0;color:#566668;font-size:14px;line-height:1.6}.scope-card--now p{color:#d0dddb}

.faq{padding:110px 0 115px;border-top:1px solid #d3dad3;background:#f7f7f3}.faq__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(50px,8vw,135px)}.faq__intro h2{font-size:clamp(38px,4.1vw,62px)}.faq__items{border-top:1px solid #bfcbc5}.faq__items details{border-bottom:1px solid #bfcbc5}.faq__items summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:17px 0;list-style:none;cursor:pointer;color:#23373a;font-size:17px;line-height:1.35;font-weight:670;letter-spacing:-.02em}.faq__items summary::-webkit-details-marker{display:none}.faq__items summary span{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border:1px solid #869a9b;border-radius:50%;font-size:20px;font-weight:400;transition:transform .2s ease}.faq__items details[open] summary span{transform:rotate(45deg)}.faq__items details p{max-width:690px;margin:0;padding:0 44px 25px 0;color:#5c6c70;font-size:14px;line-height:1.65}

.closing{padding:105px 0;background:linear-gradient(125deg,#14252c,#0c181e);color:#f6f5ee}.closing__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.75fr);gap:clamp(50px,7vw,125px);align-items:center}.closing h2{max-width:820px}.closing h2 span{display:block;color:#c3d9d4}.closing__layout>div:first-child>p:not(.eyebrow){max-width:650px;margin:25px 0 0;color:#c5d4d2;font-size:17px;line-height:1.6}.closing__contact{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:33px;padding-top:22px;border-top:1px solid #b7cbc83e}.closing__contact a{color:#e3cbac;font-size:13px;line-height:1.5;text-decoration:none}.closing__contact a:hover{text-decoration:underline;text-underline-offset:5px}.closing__card{padding:31px;border:1px solid #e5e2d4;border-radius:12px;background:#eaece6;color:#14262c;box-shadow:0 35px 68px #07101687}.closing__card>span{color:#7a6854;font-size:10px;font-weight:790;letter-spacing:.15em}.closing__card strong{display:block;margin:19px 0 12px;font-size:31px;font-weight:630;line-height:1.13;letter-spacing:-.05em}.closing__card p{margin:0;color:#536468;font-size:14px;line-height:1.6}.closing__card .button{margin-top:29px}

.footer{padding:60px 0 0;background:#0b141a;color:#e8eae5}.footer__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.8fr));gap:60px;padding-bottom:52px}.footer__brand img{width:135px;height:auto}.footer__brand p{max-width:320px;margin:23px 0 0;color:#adbdba;font-size:15px;line-height:1.55}.footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer nav strong{margin-bottom:5px;color:#f1f2ec;font-size:13px}.footer nav a{color:#adbdba;font-size:13px;line-height:1.4;text-decoration:none}.footer nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:17px;padding:23px 0 28px;border-top:1px solid #a3b8b931;color:#93a9ab;font-size:11px}.footer__bottom nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.footer__bottom nav a{font-size:11px}
.whatsapp{position:fixed;z-index:18;right:22px;bottom:22px;display:grid;place-items:center;width:58px;height:58px;border:2px solid #e5ebe8;border-radius:50%;background:#176b4a;color:#fff;box-shadow:0 12px 26px #07130f55}.whatsapp svg{width:29px;height:29px}.whatsapp:hover{background:#228861}

@media(max-width:1200px){.hero__layout{grid-template-columns:minmax(0,.95fr) minmax(485px,1.05fr);gap:28px}.hero h1{font-size:clamp(63px,6.5vw,91px)}.hero__lead{font-size:16px}.hero-model__field{height:390px}.domain{min-width:128px;max-width:145px}.brain-core{width:185px;height:185px}.brain-core strong{font-size:27px}.brain__layout{gap:55px}}
@media(max-width:1000px){.shell{width:min(100% - 50px,1320px)}.hero{padding-top:135px}.hero__layout{grid-template-columns:1fr;gap:34px}.hero__copy{max-width:800px;padding-bottom:0}.hero h1{max-width:800px;font-size:clamp(63px,8vw,89px)}.hero__lead{max-width:760px}.hero-model{width:min(100%,680px);margin-left:auto}.hero__footer{margin-top:43px}.pain__layout{grid-template-columns:.85fr 1.15fr}.brain__layout,.scope__layout,.faq__layout{grid-template-columns:1fr;gap:48px}.brain__copy{max-width:780px}.brain-map{width:min(100%,690px);margin-left:auto}.example__steps{grid-template-columns:repeat(2,1fr)}.example__steps article{min-height:205px}.scope__cards{grid-template-columns:repeat(2,1fr)}.closing__layout{grid-template-columns:1fr;gap:40px}.closing__card{max-width:530px}}
@media(max-width:700px){.shell{width:min(100% - 34px,1320px)}.hero{padding-top:122px}.hero h1{font-size:clamp(56px,13vw,79px)}.hero__lead{font-size:16px}.hero__diagnosis{font-size:12px}.hero__footer{gap:9px;font-size:9px}.hero-model__field{height:auto;min-height:410px;padding:28px 17px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:end}.hero-model__paths{display:none}.brain-core{left:50%;top:92px;width:160px;height:160px;transform:translateX(-50%)}.brain-core strong{font-size:23px}.brain-core small{font-size:8px}.domain{position:static;min-width:0;max-width:none;min-height:54px;width:100%;transform:none!important}.domain--strategy{grid-column:1}.domain--marketing{grid-column:2}.domain--sales{grid-column:1}.domain--operations{grid-column:2}.domain--finance{grid-column:1}.domain--service{grid-column:2}.hero-model__field{padding-top:273px}.pain,.brain,.agents,.example,.scope,.faq,.closing{padding-block:77px}.section-intro h2,.brain h2,.scope h2,.faq h2,.closing h2{font-size:clamp(39px,8vw,58px)}.pain__layout,.agents__grid{grid-template-columns:1fr}.pain__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pain-tab{min-height:118px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.pain-tab strong{font-size:13px}.pain-tab i{display:none}.pain-display{min-height:350px}.pain__statement{margin-top:56px}.agent-choice{min-height:72px}.agent-output{min-height:390px}.scope__cards{grid-template-columns:1fr}.footer__top{grid-template-columns:1fr 1fr;gap:32px}.footer__brand{grid-column:1/-1}}
@media(max-width:480px){.hero h1{font-size:57px}.eyebrow{font-size:9px;letter-spacing:.14em}.hero__actions{align-items:stretch;flex-direction:column;gap:12px}.hero__actions .button{width:100%}.hero__explore{min-height:35px}.hero-model__top,.hero-model__detail{padding-inline:14px}.hero-model__top{font-size:8px}.hero-model__top>span:last-child{font-size:8px}.domain{padding:9px}.domain strong{font-size:11px}.domain small{font-size:7px}.pain__tabs{gap:6px}.pain-tab{min-height:115px;padding:11px}.pain-tab strong{font-size:11px}.pain-display__top,.pain-panel{padding-inline:17px}.pain-panel h3{font-size:26px}.fragment-scene{gap:5px}.fragment-scene span{min-height:90px;padding:9px;font-size:8px}.fragment-scene strong{font-size:9px}.pain-panel>p{font-size:13px}.brain-map__stage{margin-inline:10px;padding:16px 8px;grid-template-columns:38px 1fr}.brain-map__index{width:32px;height:32px;font-size:10px}.brain-map__stage strong{font-size:17px}.agent-output{padding-inline:21px}.agent-output__top{margin-inline:-21px;padding-inline:21px}.agent-output h3{font-size:27px}.example__steps{grid-template-columns:1fr}.example__steps article{min-height:0}.example__ribbon small{margin-left:0}.closing__card{padding:24px}.footer__top{grid-template-columns:1fr}.footer__brand{grid-column:auto}.whatsapp{width:52px;height:52px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.domain,.pain-tab,.agent-choice,.faq__items summary span{transition:none}.button:hover,.domain:hover,.domain.is-active,.agent-choice:hover,.agent-choice.is-active{transform:none}}

/* V2: real product windows, module-by-module explanation. */
.product-shot{min-width:0;margin:0;overflow:hidden;border:1px solid #5b7478;border-radius:13px;background:#0b1218;color:#e8eeeb;box-shadow:0 30px 68px #0711166b}
.product-shot__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:12px 18px;border-bottom:1px solid #c6d8d42a;background:#10191d;color:#c1d1d1;font-size:10px;line-height:1.4;font-weight:760;letter-spacing:.1em}
.product-shot__bar>span:first-child{display:flex;align-items:center;gap:10px}
.product-shot__bar>span:last-child{color:#d5b792;letter-spacing:.02em;text-align:right;font-weight:630}
.product-shot img{display:block;width:100%;height:auto}
.product-shot figcaption{padding:12px 18px 15px;border-top:1px solid #c6d8d42a;color:#aebfc0;font-size:11px;line-height:1.45}
.product-shot--hero{align-self:center;transform:perspective(1600px) rotateY(-5deg);transform-origin:center right;box-shadow:0 45px 95px #02080c9c}
.product-shot--hero img{aspect-ratio:16/9;object-fit:cover}
.hero__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,4.8vw,78px)}
.hero__lead{max-width:605px}
.hero__footer{margin-top:73px}

.product-chapter{position:relative;overflow:hidden;padding:116px 0 125px}
.product-chapter--brain{background:radial-gradient(circle at 12% 45%,#21404b 0,transparent 45%),#0e1b22;color:#f5f5ef}
.product-chapter--marketing{background:#edece6;color:#172930}
.product-chapter--inbox{background:radial-gradient(circle at 87% 43%,#26414a 0,transparent 50%),#13242b;color:#f5f5ef}
.chapter-heading{max-width:1320px}
.chapter-heading h2{max-width:1010px;margin:0;font-size:clamp(43px,4.8vw,74px);font-weight:620;letter-spacing:-.065em;line-height:1.06;text-wrap:balance}
.chapter-heading h2 span{color:#b7d7d4}
.product-chapter--marketing .chapter-heading h2 span{color:#486c76}
.chapter-heading>p:last-child{max-width:830px;margin:24px 0 0;color:#c8d3d1;font-size:clamp(16px,1.25vw,19px);line-height:1.64}
.product-chapter--marketing .chapter-heading>p:last-child{color:#516367}
.chapter-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(35px,4.5vw,80px);margin-top:60px}
.chapter-layout--reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.chapter-copy h3{margin:0 0 25px;font-size:clamp(28px,2.8vw,44px);line-height:1.12;letter-spacing:-.052em;font-weight:625}
.chapter-capabilities{border-top:1px solid #d5e2df4a}
.chapter-capabilities>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:17px 0;border-bottom:1px solid #d5e2df39}
.chapter-capabilities span{color:#ddb892;font-size:10px;line-height:1.5;font-weight:780;letter-spacing:.11em}
.chapter-capabilities p{margin:0;color:#c9d6d3;font-size:14px;line-height:1.53}
.agent-brief{margin-top:27px;padding:19px 21px;border-left:2px solid #d7b48e;background:#d5bd9c10}
.agent-brief>span{color:#ddb892;font-size:10px;font-weight:790;letter-spacing:.13em}
.agent-brief p{margin:9px 0 0;color:#dbe3df;font-size:14px;line-height:1.57}
.product-shot--wide img{aspect-ratio:16/9;object-fit:cover}
.evidence-panel{min-width:0;overflow:hidden;border:1px solid #648086;border-radius:13px;background:linear-gradient(150deg,#192c34,#0e1a21);box-shadow:0 30px 68px #0711166b}
.evidence-panel__head{display:flex;justify-content:space-between;gap:10px;padding:17px 21px;border-bottom:1px solid #91aeb034;color:#b9d0cf;font-size:10px;font-weight:750;letter-spacing:.12em}
.evidence-panel__head span:last-child{color:#d6b993;text-align:right}
.evidence-panel__prompt{padding:28px 26px 24px;color:#f2f3ec;font-size:clamp(25px,2.5vw,37px);line-height:1.18;font-weight:630;letter-spacing:-.045em}
.evidence-panel__steps{display:grid;gap:8px;padding:0 20px 21px}
.evidence-panel__steps>div{padding:16px 18px;border:1px solid #86a4a64a;border-radius:7px;background:#223640}
.evidence-panel__steps>div:nth-child(2){border-color:#d1ab7966;background:#423626}
.evidence-panel__steps span{display:block;margin-bottom:7px;color:#d7bc98;font-size:9px;font-weight:780;letter-spacing:.12em}
.evidence-panel__steps strong{display:block;color:#f4f5ef;font-size:17px;line-height:1.25}
.evidence-panel__steps p{margin:6px 0 0;color:#c1d1d0;font-size:12px;line-height:1.4}
.evidence-panel__foot{margin:0;padding:16px 21px;border-top:1px solid #91aeb034;color:#c9d4d0;font-size:12px;line-height:1.5}
.product-shot--marketing{align-self:stretch}
.product-shot__crop{height:650px;overflow:hidden}
.product-shot__crop img{height:100%;object-fit:cover;object-position:top}
.product-chapter--marketing .chapter-copy h3{max-width:530px}
.marketing-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.marketing-parts article{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;min-height:113px;padding:15px;border:1px solid #cbd3ce;border-radius:7px;background:#f7f7f2}
.marketing-parts article>span{color:#9a7653;font-size:11px;font-weight:800}
.marketing-parts h4{margin:0 0 5px;font-size:16px;line-height:1.2;font-weight:730}
.marketing-parts h4 small{display:inline-block;margin-left:5px;color:#7c6349;font-size:9px;line-height:1.2;font-weight:740;text-transform:uppercase;letter-spacing:.05em}
.marketing-parts p{margin:0;color:#546468;font-size:12px;line-height:1.44}
.agent-brief--light{background:#d7e0d950;border-left-color:#aa8060}
.agent-brief--light>span{color:#755a40}
.agent-brief--light p{color:#40545a}

.inbox-composition{display:grid;grid-template-columns:42px minmax(135px,.8fr) minmax(200px,1.25fr) minmax(125px,.75fr);min-height:400px;color:#e8efed;background:#101b20}
.inbox-composition>div{min-width:0;border-right:1px solid #9fb6b42f}
.inbox-composition small{color:#9db5b5;font-size:9px;font-weight:750;letter-spacing:.11em}
.inbox-composition__rail{display:flex;align-items:center;flex-direction:column;gap:22px;padding:18px 6px;background:#0b151a}
.inbox-composition__rail>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #b8d8d1;border-radius:6px;color:#dce5e1;font-size:12px;font-weight:800}
.inbox-composition__rail i{display:block;width:13px;height:13px;border:1px solid #738a8a;border-radius:3px}
.inbox-composition__list,.inbox-composition__dialog,.inbox-composition__context{padding:20px 14px}
.inbox-composition__list>strong,.inbox-composition__context>strong{display:block;margin:9px 0 20px;font-size:15px;line-height:1.2}
.inbox-composition__list>div{display:flex;align-items:flex-start;gap:7px;margin:8px -8px;padding:12px 7px;border:1px solid #5674795c;border-radius:5px;background:#1b3037}
.inbox-composition__list b{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#cfab83}
.inbox-composition__list div span{font-size:11px;line-height:1.2}
.inbox-composition__list div small{display:block;margin-top:6px;font-size:8px;letter-spacing:0}
.inbox-composition__dialog{display:flex;flex-direction:column;gap:18px}
.inbox-composition__dialog>small{margin-bottom:34px}
.bubble{max-width:85%;padding:12px;border:1px solid #78969a66;border-radius:8px;background:#223942;font-size:11px;line-height:1.35}
.bubble--right{align-self:flex-end;border-color:#bfa48091;background:#66543a6e}
.inbox-composition__next{margin-top:auto;padding:12px;border-top:1px solid #78969a66;color:#bed0cd;font-size:10px}
.inbox-composition__context p{color:#b2c6c5;font-size:11px;line-height:2.3}

.system-span{padding:106px 0;background:#dbe2df;color:#172a2f}
.system-span__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(50px,8vw,130px);align-items:center}
.system-span h2{max-width:690px;margin:0;font-size:clamp(43px,4.6vw,67px);line-height:1.08;font-weight:630;letter-spacing:-.06em}
.system-span__layout>div:first-child>p:last-child{max-width:700px;margin:24px 0 0;color:#4c6165;font-size:17px;line-height:1.62}
.system-span__areas{border-top:1px solid #9eaeaa}
.system-span__areas>div{display:grid;gap:9px;padding:21px 0;border-bottom:1px solid #9eaeaa}
.system-span__areas strong{font-size:15px}
.system-span__areas span{color:#4e6266;font-size:14px;line-height:1.5}
.system-span__areas>p{margin:18px 0 0;color:#617073;font-size:12px;line-height:1.5}

@media(max-width:1050px){.hero__layout{grid-template-columns:1fr}.product-shot--hero{width:min(100%,820px);margin-left:auto;transform:none}.chapter-layout,.chapter-layout--reverse{grid-template-columns:1fr}.chapter-copy{max-width:800px}.product-shot--wide,.product-shot--marketing,.product-shot--placeholder{width:min(100%,900px)}.chapter-layout--reverse .product-shot{grid-row:1}.system-span__layout{grid-template-columns:1fr}}
@media(max-width:700px){.product-chapter,.system-span{padding-block:76px}.chapter-heading h2,.system-span h2{font-size:clamp(39px,8vw,56px)}.chapter-layout{margin-top:36px}.chapter-capabilities>div{grid-template-columns:88px 1fr}.product-shot__crop{height:430px}.inbox-composition{grid-template-columns:33px minmax(100px,.8fr) minmax(145px,1.2fr)}.inbox-composition__context{display:none}.inbox-composition__list,.inbox-composition__dialog{padding:15px 9px}.inbox-composition__dialog>small{margin-bottom:22px}}
@media(max-width:480px){.marketing-parts{grid-template-columns:1fr}.marketing-parts article{min-height:0}.product-shot__bar{font-size:8px;padding-inline:11px}.product-shot figcaption{font-size:10px;padding-inline:11px}.inbox-composition{min-height:340px;grid-template-columns:28px 105px minmax(0,1fr)}.inbox-composition__rail{padding-inline:3px}.inbox-composition__list,.inbox-composition__dialog{padding:11px 5px}.inbox-composition__list>strong{font-size:12px}.inbox-composition__list>div{padding:8px 4px}.inbox-composition__list div span,.bubble{font-size:9px}.inbox-composition__dialog>small{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.product-shot--hero{transform:none}}


/* Recorrido local de producto. Las imágenes se reemplazan por capturas aprobadas del demo. */
.os-tour {
  --tour-bg: #e8ebe8;
  --tour-ink: #142026;
  --tour-muted: #4c6065;
  --tour-accent: #277986;
  position: relative;
  isolation: isolate;
  overflow: clip;
  color: var(--tour-ink);
  background: var(--tour-bg);
  transition: background-color .65s ease, color .65s ease;
}
.os-tour[data-current="bandeja"] { --tour-bg: #dce4e3; --tour-accent: #287183; }
.os-tour[data-current="marketing"] { --tour-bg: #eaece7; --tour-accent: #8c635b; }
.os-tour[data-current="direccion"] { --tour-bg: #d9e0df; --tour-accent: #376d72; }
.os-tour__intro { padding-top: clamp(88px, 9vw, 145px); padding-bottom: 20px; }
.os-tour__eyebrow {
  margin: 0 0 24px;
  color: #34737c;
  font-size: 11px;
  font-weight: 790;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.os-tour__intro h2 {
  max-width: 950px;
  margin: 0;
  font-size: clamp(54px, 6.4vw, 100px);
  font-weight: 630;
  letter-spacing: -.076em;
  line-height: 1.035;
  text-wrap: balance;
}
.os-tour__intro h2 em { color: #507a80; font-style: normal; }
.os-tour__intro > p:last-child {
  max-width: 660px;
  margin: 27px 0 0;
  color: #53666a;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.58;
}
.os-tour__track { display: grid; grid-template-columns: minmax(310px, .68fr) minmax(0, 1.45fr); gap: clamp(30px, 4vw, 75px); width: min(100% - 80px, 1550px); margin: 0 auto; }
.os-tour__steps { min-width: 0; }
.os-tour__step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: max(760px, 94svh);
  padding: 95px 0 95px max(0px, calc((100vw - 1400px) / 2));
  scroll-margin-top: 105px;
  opacity: .46;
  transition: opacity .35s ease;
}
.os-tour__step.is-active { opacity: 1; }
.os-tour:not(.is-enhanced) .os-tour__step { opacity: 1; }
.os-tour__number { display: flex; align-items: center; gap: 13px; margin-bottom: 35px; color: var(--tour-accent); font-size: 12px; font-weight: 790; letter-spacing: .17em; text-transform: uppercase; }
.os-tour__number::before { width: 34px; height: 1px; content: ""; background: currentColor; }
.os-tour__step h3 { max-width: 550px; margin: 0; font-size: clamp(41px, 4vw, 63px); font-weight: 635; letter-spacing: -.065em; line-height: 1.075; text-wrap: balance; }
.os-tour__step > p:not(.os-tour__number) { max-width: 500px; margin: 27px 0 0; color: var(--tour-muted); font-size: clamp(16px, 1.35vw, 19px); line-height: 1.61; }
.os-tour__manager { display: flex; align-items: baseline; gap: 12px; max-width: 500px; margin-top: 35px; padding-top: 21px; border-top: 1px solid #70858967; color: #173a41; font-size: 14px; font-weight: 650; line-height: 1.5; }
.os-tour__manager::before { flex: 0 0 7px; width: 7px; height: 7px; content: ""; border-radius: 50%; background: var(--tour-accent); }
.os-tour__mobile-visual { display: none; }
.os-tour__stage { position: sticky; top: 78px; align-self: start; display: grid; align-content: center; height: calc(100svh - 78px); min-height: 650px; }
.os-tour__stage-inner { width: 100%; margin: 0 auto; }
.os-tour__stage-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 2.5% 15px; color: #486269; font-size: 11px; font-weight: 740; letter-spacing: .14em; text-transform: uppercase; }
.os-tour__stage-head strong { color: #172d34; font-weight: 760; }
.os-tour__stage-head span:last-child { color: #668185; letter-spacing: .04em; text-transform: none; }
.os-tour__laptop { position: relative; width: 100%; max-width: 1110px; padding-bottom: 22px; filter: drop-shadow(0 40px 42px #10212430); }
.os-tour__bezel { position: relative; overflow: hidden; padding: 10px 10px 0; border: 1px solid #879a9e; border-radius: 19px 19px 4px 4px; background: linear-gradient(145deg, #627a80, #0d1b21 1.7%, #0a141a 96%, #82999b); }
.os-tour__camera { position: absolute; z-index: 5; top: 4px; left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: #36555c; }
.os-tour__display { position: relative; overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid #253c43; border-bottom: 0; border-radius: 8px 8px 0 0; background: #071014; }
.os-tour__screen { position: absolute; inset: 0; margin: 0; opacity: 0; transform: scale(1.025); transition: opacity .55s ease, transform 1s ease; pointer-events: none; }
.os-tour__screen.is-active { z-index: 1; opacity: 1; transform: scale(1); }
.os-tour__screen img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.os-tour__screen[data-screen="marketing"] img { object-position: top center; }
.os-tour__screen-placeholder { display: grid; place-content: center; gap: 13px; height: 100%; padding: 30px; color: #a9c5c7; background: radial-gradient(circle at 52% 46%, #1b424c, #0d1b22 62%); text-align: center; }
.os-tour__screen-placeholder span { font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.os-tour__screen-placeholder strong { font-size: clamp(21px, 2.2vw, 34px); font-weight: 620; letter-spacing: -.04em; }
.os-tour__mobile-visual .os-tour__screen-placeholder { min-height: 260px; aspect-ratio: 16 / 10; }
.os-tour__chin { height: 12px; color: #9ab4b8; font-size: 7px; font-weight: 800; letter-spacing: .26em; line-height: 11px; text-align: center; }
.os-tour__base { position: absolute; bottom: 0; left: -4.5%; width: 109%; height: 22px; border-radius: 0 0 50% 50% / 0 0 90% 90%; background: linear-gradient(#b9c7c6 0%, #7c9295 16%, #263a41 38%, #9cabad 70%, #31444a 100%); box-shadow: 0 5px 10px #16282b40; }
.os-tour__base::before { position: absolute; top: 0; left: 42%; width: 16%; height: 5px; content: ""; border-radius: 0 0 8px 8px; background: #62767b; }
.os-tour__stage-foot { display: flex; justify-content: space-between; gap: 20px; margin: 24px 2.5% 0; color: #65777a; font-size: 11px; line-height: 1.4; }
.os-tour__progress { display: flex; align-items: center; gap: 9px; }
.os-tour__progress span { width: 28px; height: 3px; border-radius: 4px; background: #a9b7b6; transition: width .3s ease, background-color .3s ease; }
.os-tour__progress span.is-active { width: 48px; background: #286f7a; }
.os-tour__outro { padding: 35px 0 clamp(95px, 9vw, 145px); border-top: 1px solid #b6c4c0; }
.os-tour__outro p { max-width: 960px; margin: 0; font-size: clamp(28px, 3vw, 44px); font-weight: 580; letter-spacing: -.052em; line-height: 1.2; text-wrap: balance; }
.os-tour__outro strong { color: #276a74; font-weight: 640; }
.os-tour:not(.is-enhanced) .os-tour__track { grid-template-columns: 1fr; max-width: 900px; }
.os-tour:not(.is-enhanced) .os-tour__stage { display: none; }
.os-tour:not(.is-enhanced) .os-tour__step { min-height: 0; padding: 75px 0; }
.os-tour:not(.is-enhanced) .os-tour__mobile-visual { display: block; margin-top: 40px; overflow: hidden; border: 8px solid #0d1a20; border-radius: 18px; background: #0d1a20; }
.os-tour:not(.is-enhanced) .os-tour__mobile-visual img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.os-tour:not(.is-enhanced) .os-tour__mobile-visual figcaption { padding: 13px 15px; color: #aac0c3; font-size: 11px; line-height: 1.4; }
@media (max-height: 760px) and (min-width: 1051px) {
  .os-tour__stage { min-height: 0; }
  .os-tour__stage-inner { width: min(100%, calc((100svh - 170px) * 1.65)); }
}
@media (max-width: 1050px) {
  .os-tour__track { width: min(100% - 48px, 900px); grid-template-columns: 1fr; gap: 0; }
  .os-tour__intro { padding-bottom: 0; }
  .os-tour__stage { display: none; }
  .os-tour__step { min-height: 0; padding: 75px 0; opacity: 1; }
  .os-tour__step h3, .os-tour__step > p:not(.os-tour__number), .os-tour__manager { max-width: 780px; }
  .os-tour__mobile-visual { display: block; width: 100%; margin: 45px 0 0; overflow: hidden; border: 8px solid #0d1a20; border-radius: 18px; background: #0d1a20; box-shadow: 0 25px 45px #14252c27; }
  .os-tour__mobile-visual img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
  .os-tour__mobile-visual figcaption { padding: 13px 15px; color: #aac0c3; font-size: 11px; line-height: 1.4; }
}
@media (max-width: 700px) {
  .os-tour__intro { padding-top: 83px; }
  .os-tour__intro h2 { font-size: clamp(46px, 11vw, 70px); }
  .os-tour__track { width: min(100% - 34px, 900px); }
  .os-tour__step { padding: 62px 0; }
  .os-tour__step h3 { font-size: clamp(38px, 8vw, 53px); }
  .os-tour__step > p:not(.os-tour__number) { font-size: 16px; }
  .os-tour__number { margin-bottom: 22px; }
  .os-tour__mobile-visual { margin-top: 30px; border-width: 5px; border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .os-tour, .os-tour__step, .os-tour__screen, .os-tour__progress span { transition: none; }
  .os-tour__screen { transform: none; }
}


/* Mantiene completa la vista horizontal de Cerebro dentro del portátil. */
.os-tour__screen[data-screen="cerebro"] img,
.os-tour__mobile-visual--cerebro img {
  object-fit: contain;
  object-position: center;
  background: #071014;
}


/* Tres capítulos en un lienzo continuo. El organigrama y el texto vienen intactos de v14. */
.why-treo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: #f4f7f5;
  background: #060c10;
}
.why-treo__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(270px, .7fr);
  align-items: end;
  gap: 48px;
  padding-block: clamp(110px, 12vw, 190px) clamp(75px, 9vw, 140px);
}
.why-treo__eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 28px;
  color: #9eb6b7;
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.why-treo__eyebrow span { width: 27px; height: 1px; background: #d5b591; }
.why-treo h2 {
  margin: 0;
  font-size: clamp(72px, 9vw, 144px);
  font-weight: 620;
  letter-spacing: -.083em;
  line-height: .94;
}
.why-treo h2 em { color: #b6dbd5; font-style: normal; }
.why-treo__heading > p {
  max-width: 430px;
  margin: 0 0 8px;
  color: #b6c5c5;
  font-size: clamp(17px, 1.55vw, 21px);
  line-height: 1.6;
}
.why-treo__grid { display: block; }
.why-card {
  position: relative;
  display: grid;
  min-width: 0;
  isolation: isolate;
  column-gap: clamp(35px, 6vw, 105px);
  padding-block: clamp(100px, 10vw, 170px);
}
.why-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 50%;
  z-index: 0;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
}
.why-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #8cb8bb3a 25%, #8cb8bb3a 75%, transparent);
  pointer-events: none;
}
.why-card > * { position: relative; z-index: 1; }
.why-card__top {
  grid-area: top;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: clamp(42px, 6vw, 80px);
  color: #a4bcbf;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .2em;
}
.why-card__top span:last-child { color: #c8aa86; font-size: 23px; font-weight: 400; line-height: 1; }
.why-card h3 {
  grid-area: title;
  max-width: 710px;
  margin: 0;
  font-size: clamp(60px, 6.4vw, 102px);
  font-weight: 610;
  letter-spacing: -.075em;
  line-height: .99;
  text-wrap: balance;
}
.why-card h3 em { color: #b6dbd5; font-style: normal; }
.why-card > p:not(.why-card__scope) {
  grid-area: body;
  align-self: end;
  max-width: 470px;
  margin: 0;
  color: #c4d1d0;
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.62;
}
.why-card__scope {
  grid-area: scope;
  margin: 0;
  color: #9daeb0;
  font-size: 11px;
  line-height: 1.5;
}

/* 01: el mismo organigrama, ahora a escala de producto y sin tarjeta contenedora. */
.why-card--company {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .64fr);
  grid-template-areas: "top top" "title body" "network network" "scope scope";
  min-height: 850px;
}
.why-card--company::before {
  background:
    radial-gradient(ellipse at 50% 69%, #1744499e 0%, #1030395c 22%, transparent 56%),
    linear-gradient(180deg, #08151a, #071014 80%);
}
.why-card--company .why-card__scope { text-align: center; }
.why-network {
  grid-area: network;
  width: 100%;
  margin: clamp(68px, 8vw, 125px) auto 35px;
  text-align: center;
}
.why-network__strategy { display: flex; justify-content: center; gap: 18px; }
.why-network__strategy span {
  min-width: 185px;
  padding: 10px 21px;
  border: 1px solid #8dbebd75;
  border-radius: 100px;
  color: #dcebe8;
  background: #17333a96;
  font-size: 10px;
  font-weight: 770;
  letter-spacing: .15em;
}
.why-network__stem {
  width: 1px;
  height: 45px;
  margin: 0 auto;
  background: #91d4d0;
  box-shadow: 0 0 16px #70dcd0;
}
.why-network__core {
  position: relative;
  width: min(100%, 430px);
  margin: 0 auto;
  padding: 25px 30px 28px;
  border: 1px solid #9cddd5c2;
  border-radius: 13px;
  background: linear-gradient(135deg, #173d45, #102b35 65%, #16383c);
  box-shadow: 0 0 0 9px #8ad5cd0b, 0 0 75px #43b9b64d, inset 0 1px #d6f6ef30;
}
.why-network__core small {
  display: block;
  color: #afdcd7;
  font-size: 10px;
  font-weight: 790;
  letter-spacing: .22em;
}
.why-network__core strong {
  display: block;
  margin-top: 8px;
  color: #f8fffa;
  font-size: clamp(29px, 3vw, 43px);
  font-weight: 680;
  letter-spacing: -.05em;
}
.why-network__branches {
  position: relative;
  width: 87.5%;
  height: 53px;
  margin: 0 auto;
  border-bottom: 1px solid #8bd0cc9b;
  box-shadow: 0 1px #4ba5a52b;
}
.why-network__branches::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  border-left: 1px solid #8bd0cc9b;
  box-shadow: 0 0 15px #55bdb9a0;
}
.why-network__areas {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 11px;
  margin-top: 15px;
}
.why-network__areas span {
  position: relative;
  min-width: 0;
  padding: 19px 4px 16px;
  border-top: 1px solid #a2d1cb91;
  color: #e4eeea;
  background: linear-gradient(180deg, #a7ded514, transparent 80%);
  font-size: clamp(10px, 1vw, 14px);
  font-weight: 580;
  line-height: 1.25;
}
.why-network__areas span::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 1px;
  height: 15px;
  background: #8bd0cc9b;
}

/* 02: la cifra ocupa el espacio como una especificación protagonista. */
.why-card--intelligence {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  grid-template-areas: "top top" "title metric" "body metric" "scope metric";
  align-content: center;
  min-height: 770px;
}
.why-card--intelligence::before {
  background: radial-gradient(ellipse at 77% 52%, #1a5e627a, transparent 45%), #09171b;
}
.why-card--intelligence h3 em { color: #94ded8; }
.why-card--intelligence .why-card__metric {
  grid-area: metric;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: clamp(0px, 4vw, 70px);
}
.why-card__metric strong {
  display: block;
  margin-left: -.055em;
  color: #b9e6e1;
  background: linear-gradient(155deg, #effffa 8%, #a4d8d5 53%, #376a71 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(210px, 24vw, 390px);
  font-weight: 570;
  letter-spacing: -.12em;
  line-height: .8;
}
.why-card__metric span {
  max-width: 360px;
  margin-top: 36px;
  padding-top: 18px;
  border-top: 1px solid #a8d3d07b;
  color: #e0efeb;
  font-size: clamp(17px, 1.6vw, 22px);
  font-weight: 620;
  line-height: 1.3;
}
.why-card--intelligence > p:not(.why-card__scope) { align-self: start; margin-top: 38px; }
.why-card--intelligence .why-card__scope { max-width: 470px; margin-top: 26px; }

/* 03: una señal de dirección, con avance visible y sin tres cajas internas. */
.why-card--direction {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  grid-template-areas: "top top" "title decision" "body decision";
  align-content: center;
  min-height: 750px;
}
.why-card--direction::before {
  background: radial-gradient(ellipse at 80% 58%, #6e4d316e, transparent 42%), #14181a;
}
.why-card--direction h3 em { color: #e7c6a0; }
.why-card--direction > p:not(.why-card__scope) { align-self: start; margin-top: 36px; }
.why-card__decision {
  grid-area: decision;
  display: grid;
  align-content: center;
  gap: 0;
  padding-left: clamp(15px, 5vw, 85px);
}
.why-card__decision small {
  margin-bottom: 28px;
  color: #e0c09a;
  font-size: 10px;
  font-weight: 790;
  letter-spacing: .2em;
}
.why-card__decision > span,
.why-card__decision > strong {
  display: flex;
  align-items: center;
  gap: 23px;
  min-height: 82px;
  border-bottom: 1px solid #d0b89b6e;
  color: #e5e9e4;
  font-size: clamp(16px, 1.55vw, 21px);
  font-weight: 560;
  line-height: 1.3;
}
.why-card__decision b {
  color: #d0b394;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .16em;
}
.why-card__decision > strong {
  color: #ffe2bd;
  border-bottom-color: #e4ba83;
  font-weight: 660;
}
.why-card__decision > strong i {
  margin-left: auto;
  color: #e7bd91;
  font-size: 29px;
  font-style: normal;
}
.why-treo__statement {
  max-width: 1080px;
  margin: 0 auto;
  padding-block: clamp(110px, 11vw, 170px);
  color: #afc0bf;
  font-size: clamp(35px, 4.1vw, 65px);
  font-weight: 580;
  letter-spacing: -.065em;
  line-height: 1.1;
  text-align: center;
  text-wrap: balance;
}
.why-treo__statement strong { color: #f2f8f4; font-weight: 640; }

@media (max-width: 900px) {
  .why-treo__heading { grid-template-columns: 1fr; gap: 30px; }
  .why-card--company,
  .why-card--intelligence,
  .why-card--direction {
    grid-template-columns: 1fr;
    min-height: 0;
    padding-block: 95px;
  }
  .why-card--company { grid-template-areas: "top" "title" "body" "network" "scope"; }
  .why-card--intelligence { grid-template-areas: "top" "title" "body" "metric" "scope"; }
  .why-card--direction { grid-template-areas: "top" "title" "body" "decision"; }
  .why-card > p:not(.why-card__scope) { max-width: 690px; margin-top: 28px; }
  .why-network { margin-top: 85px; }
  .why-network__areas { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .why-network__branches { width: 75%; }
  .why-card--intelligence .why-card__metric { padding: 65px 0 30px; }
  .why-card__metric strong { font-size: clamp(190px, 33vw, 340px); }
  .why-card__decision { padding: 70px 0 0; }
}
@media (max-width: 600px) {
  .why-treo__heading { padding-block: 85px 40px; }
  .why-treo h2 { font-size: clamp(66px, 16vw, 92px); }
  .why-card { padding-block: 80px; }
  .why-card__top { margin-bottom: 38px; font-size: 9px; letter-spacing: .13em; }
  .why-card h3 { font-size: clamp(49px, 11vw, 72px); }
  .why-card > p:not(.why-card__scope) { font-size: 16px; }
  .why-network { margin-top: 65px; }
  .why-network__strategy { gap: 8px; }
  .why-network__strategy span { min-width: 0; padding: 9px; font-size: 8px; }
  .why-network__core { width: min(100%, 300px); padding: 19px 15px; }
  .why-network__core strong { font-size: 28px; }
  .why-network__stem { height: 33px; }
  .why-network__branches { width: 50%; height: 35px; }
  .why-network__areas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .why-network__areas span { min-height: 48px; padding: 13px 4px; font-size: 12px; }
  .why-card__metric strong { font-size: clamp(170px, 48vw, 260px); }
  .why-card__metric span { margin-top: 22px; }
  .why-card__decision > span, .why-card__decision > strong { gap: 12px; min-height: 72px; font-size: 15px; }
  .why-treo__statement { font-size: clamp(34px, 9vw, 48px); }
}


/* V17: a quiet neural field behind the approved hero and a product-specific finish. */
.hero__neural {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .72;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 84% 82% at 52% 48%, #000 18%, transparent 100%);
  mask-image: radial-gradient(ellipse 84% 82% at 52% 48%, #000 18%, transparent 100%);
}
.hero__layout,
.hero__footer { z-index: 1; }

.closing--os {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(105px, 11vw, 180px) 57px;
  background:
    radial-gradient(ellipse 60% 75% at 95% 13%, #27545763, transparent 75%),
    linear-gradient(135deg, #111e24, #091318 72%);
}
.closing--os::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .45;
  background:
    radial-gradient(circle at 88% 29%, #d3ab805e 0 1px, transparent 2px),
    radial-gradient(circle at 77% 64%, #8bc2c15c 0 1px, transparent 2px);
  background-size: 190px 173px, 257px 221px;
  -webkit-mask-image: linear-gradient(90deg, transparent 33%, #000);
  mask-image: linear-gradient(90deg, transparent 33%, #000);
  pointer-events: none;
}
.closing__stage { position: relative; z-index: 1; }
.closing--os h2 {
  max-width: 1190px;
  margin: 0;
  font-size: clamp(60px, 7.8vw, 126px);
  font-weight: 620;
  letter-spacing: -.078em;
  line-height: .99;
  text-wrap: balance;
}
.closing--os h2 span { display: block; color: #c4dbd6; }
.closing--os .closing__lead {
  max-width: 770px;
  margin: 39px 0 0;
  color: #c5d3d0;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.58;
}
.closing__lead strong { color: #f8f8f3; font-weight: 680; }
.closing__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 27px;
  margin-top: 42px;
}
.closing__button {
  min-width: 345px;
  background: #d8ba97;
  color: #17262a;
  box-shadow: 0 12px 32px #020b0e55;
}
.closing__button:hover { background: #eed0aa; }
.closing__actions p {
  max-width: 265px;
  margin: 0;
  color: #afc2bf;
  font-size: 13px;
  line-height: 1.5;
}
.closing--os .closing__contact {
  width: 100%;
  margin-top: clamp(80px, 9vw, 145px);
  padding-top: 22px;
}

@media (max-width: 700px) {
  .hero__neural { opacity: .52; }
  .closing--os { padding-block: 87px 48px; }
  .closing--os h2 { font-size: clamp(48px, 11vw, 76px); }
  .closing--os .closing__lead { margin-top: 31px; }
  .closing__actions { align-items: stretch; flex-direction: column; margin-top: 34px; }
  .closing__button { width: 100%; min-width: 0; }
  .closing--os .closing__contact { margin-top: 78px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__neural { opacity: .4; }
}