/* Separate content-first proposal. */
:root{--max:1440px}
.header .nav{gap:28px;margin-right:0}
.header .nav a{font-size:13px}
.data-mode .hero{min-height:850px;min-height:100svh;display:flex;align-items:center;padding-top:110px}
.data-mode .hero-top{padding-block:70px 100px}
.hero-eyebrow{display:flex;margin-bottom:26px;text-transform:none;letter-spacing:.02em;font-size:12px;color:#a4b7ac}
.data-mode .hero h1{font-size:clamp(40px,4.9vw,76px);line-height:1.07;letter-spacing:-.055em;max-width:17ch}
.clarity-hero-description{font-size:18px;line-height:1.7;max-width:47ch;color:#acb8b0;margin-top:30px}
.hero .hero-intro{gap:28px;margin-top:32px;align-items:center}
.hero-intro .button-light,.contact .contact-bottom .button-light{min-width:154px;min-height:50px;padding:0 26px;font-size:14px}
.quiet-link{font-size:13px;color:#bac7bf;border-bottom:1px solid #bac7bf55;padding-block:8px}
.hero-reassurance{font-size:11px;color:#82948a;margin-top:24px}
.thesis .benefit-grid h2{font-size:clamp(34px,3.6vw,55px)}
.benefit-description{max-width:45ch}
.thesis .pillar h3{font-size:clamp(20px,2.3vw,30px)}
.thesis .pillar p{font-size:14px;line-height:1.7;max-width:25ch}
.applications{background:#eeede5;color:#243b31;padding-block:105px 110px;border-top:1px solid #243b3122}
.section-kicker{font:11px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#627966;margin-bottom:26px}
.applications h2,.measurement h2{font-size:clamp(38px,4.3vw,66px);line-height:1.08;font-weight:450;letter-spacing:-.055em}
.applications h2 em,.measurement h2 em{color:#527c68}
.section-lead{font-size:17px;line-height:1.7;max-width:58ch;color:#657568;margin-top:26px}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:60px}
.application-grid article{border-top:1px solid #527c6855;padding-top:24px;min-width:0}
.case-number{font:11px 'IBM Plex Mono',monospace;color:#6d8975}
.application-grid h3{font-size:27px;font-weight:450;letter-spacing:-.04em;line-height:1.2;margin-top:20px;max-width:15ch}
.application-grid p{font-size:15px;line-height:1.75;color:#657568;margin-top:20px;max-width:32ch}
.case-outcome{margin-top:30px;padding-top:18px;border-top:1px solid #527c6822}
.case-outcome span{display:block;font-size:11px;color:#748275}.case-outcome strong{font-size:14px;font-weight:500;display:block;margin-top:7px}
.inline-cta{display:inline-flex;gap:30px;align-items:center;font-size:15px;margin-top:48px;border-bottom:1px solid #527c6866;padding-bottom:9px}.inline-cta span{font-size:23px;color:#527c68}
.journey-copy h2{font-size:clamp(38px,4.3vw,65px)}
.measurement{background:#eeede5;color:#243b31;padding-block:100px;border-top:1px solid #243b3122}
.measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.measurement .section-lead{margin-top:0}
.measurement ul{padding-left:20px;margin-top:26px;color:#3f5d4a;font-size:16px;line-height:2}
.measurement-note{font-size:12px;line-height:1.7;color:#748275;margin-top:24px;max-width:48ch}
.contact-invitation{font-size:17px;line-height:1.7;color:#627966;max-width:44ch;margin:28px auto 0}
.contact .contact-bottom .button-light{background:#243b31;border-color:#243b31;color:#eeede5;box-shadow:none;border-radius:10px}
.contact .contact-bottom .button-light:hover,.contact .contact-bottom .button-light:focus-visible{background:#365b47;box-shadow:none;border-color:#365b47}
.contact h2{font-size:clamp(42px,5.5vw,80px)}
@media(max-width:760px){
 .data-mode .hero{min-height:900px;min-height:max(900px,105svh);padding-top:125px;align-items:flex-start}
 .data-mode .hero-top{padding-top:35px;padding-bottom:370px}
 .hero-eyebrow{font-size:10px;line-height:1.6;max-width:28ch;margin-bottom:20px}
 .data-mode .hero h1{font-size:clamp(34px,8.6vw,45px);max-width:100%}
 .clarity-hero-description{font-size:16px;line-height:1.65;margin-top:24px}
 .hero .hero-intro{flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px 24px;margin-top:26px}
 .hero-reassurance{font-size:10px;max-width:30ch;line-height:1.7}
 .quiet-link{font-size:12px}.thesis .benefit-grid h2{font-size:clamp(32px,8vw,43px)}
 .applications,.measurement{padding-block:65px}
 .applications h2,.measurement h2{font-size:clamp(35px,9.2vw,46px)}
 .section-lead{font-size:16px}.section-kicker{font-size:10px;margin-bottom:20px}
 .application-grid{grid-template-columns:1fr;gap:34px;margin-top:38px}
 .application-grid h3{font-size:28px;max-width:none;margin-top:15px}.application-grid p{max-width:none;margin-top:16px}
 .case-outcome{margin-top:22px}.inline-cta{margin-top:36px}
 .measurement-grid{grid-template-columns:1fr;gap:28px}.measurement ul{font-size:15px}
 .journey-copy h2{font-size:clamp(35px,9.3vw,49px)}
 .contact-invitation{font-size:16px;padding-inline:4px}
 .contact h2{font-size:clamp(36px,9.6vw,48px)}
}
@media(max-width:760px){.data-mode .hero h1{font-size:clamp(26px,7.4vw,34px);letter-spacing:-.055em}.hero h1 .title-line{white-space:normal}.hero .hero-intro{align-items:flex-start}}
@media(max-width:350px){.data-mode .hero h1{font-size:24px}}

/* Alternating editorial rhythm: dark / paper throughout the proposal. */
.applications{background:#0c1011;color:#e8ece5;border-top-color:#ffffff12}
.applications .section-kicker{color:#9aefd8}
.applications h2 em{color:#9aefd8}
.applications .section-lead,.applications .application-grid p{color:#a4b4aa}
.applications .application-grid article{border-top-color:#9aefd84a}
.applications .case-number{color:#9aefd8}
.applications .case-outcome{border-top-color:#ffffff17}
.applications .case-outcome span{color:#8fa397}
.applications .inline-cta{border-bottom-color:#9aefd866}
.applications .inline-cta span{color:#9aefd8}
.journey,.data-mode .journey{background:#eeede5;color:#243b31;border-bottom-color:#243b3122}
.journey .method-eyebrow{color:#627966}
.journey .journey-copy h2{color:#243b31}
.journey .journey-copy h2 em{color:#527c68}
.journey .method-intro{color:#657568}
.journey .journey-step{color:#718276;border-top-color:#527c6833}
.journey .journey-step.is-active{color:#243b31}
.journey .journey-step.is-active .step-description{color:#586f5e}
.measurement{background:#0c1011;color:#e8ece5;border-top-color:#ffffff12}
.measurement .section-kicker,.measurement h2 em{color:#9aefd8}
.measurement .section-lead{color:#a4b4aa}
.measurement ul{color:#c8d6cd}
.measurement .measurement-note{color:#8fa397}
/* Keep the letter sculpture visible on the light method section. */
.data-mode .journey-visual{visibility:visible}
.journey-visual .mobile-torus{display:block;position:absolute;inset:0;width:100%;height:100%}

/* A quieter hero: one promise, one explanation, clear actions. */
.clarity-hero-description{max-width:43ch;position:relative;isolation:isolate}
.clarity-hero-description::before{content:"";position:absolute;inset:-25px -35px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 50%,#080b0cee 0%,#080b0ca8 62%,#080b0c00 100%)}
.data-mode .hero-top{padding-top:85px;padding-bottom:110px}
@media(max-width:760px){.data-mode .hero-top{padding-top:35px;padding-bottom:370px}.clarity-hero-description{max-width:none}.clarity-hero-description::before{inset:-15px -20px}}

/* Only the final word changes; the headline keeps its width and baseline. */
.hero h1 .result-rotate{display:inline-grid;vertical-align:bottom;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}
.hero h1 .result-rotate .rotate-word{grid-area:1/1;white-space:nowrap}
.hero h1 .result-line{white-space:nowrap}

/* A restrained strike marks the reduction of manual work. */
.manual-strike{position:relative;display:inline-block;white-space:nowrap}
.manual-strike::after{content:"";position:absolute;left:-.025em;right:-.025em;top:54%;height:2px;background:#65aa8d;transform:scaleX(0) rotate(-2deg);transform-origin:left center;transition:transform .85s cubic-bezier(.22,1,.36,1) .3s;pointer-events:none}
.is-visible .manual-strike::after{transform:scaleX(1) rotate(-2deg)}
@media(prefers-reduced-motion:reduce){.manual-strike::after{transition:none;transform:scaleX(1) rotate(-2deg)}}

.manual-strike::after{display:none}
.manual-stroke{position:absolute;left:-3%;top:38%;width:106%;height:37%;overflow:visible;pointer-events:none}
.manual-stroke path{fill:none;stroke:#65aa8d;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1) .35s}
.is-visible .manual-stroke path{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.manual-stroke path{transition:none;stroke-dashoffset:0}}

.applications .applications-cta{margin-top:44px;min-width:154px;min-height:50px;padding-inline:26px;justify-content:center;background:#e8ece5;color:#17271f;border:1px solid transparent;border-radius:14px;box-shadow:none;font-size:14px}
.applications .applications-cta:hover,.applications .applications-cta:focus-visible{background:#cee5d9;transform:none;box-shadow:none}
.applications .applications-cta::before{display:none}

/* Botones "Hablemos" homologados (hero + aplicaciones): hover/focus/active de contraste
   constante (fondo oscuro + texto menta), sin el relevo tipografico que dejaba texto menta
   sobre fondo claro. El boton de contacto se deja con su estilo propio. */
.hero-intro .button-light>span,.applications-cta>span{text-shadow:none!important;transform:none!important}
.hero-intro .button-light,.applications-cta{transition:background .25s ease,border-color .25s ease,color .25s ease,transform .15s ease}
.hero-intro .button-light:hover,.hero-intro .button-light:focus-visible,.hero-intro .button-light:active,.applications-cta:hover,.applications-cta:focus-visible,.applications-cta:active{background:#101b18!important;border-color:#9aefd8!important;color:#9aefd8!important;transform:translateY(-1px)}