:root { --journey-navy:#062846; --journey-deep:#031a31; --journey-blue:#1288ff; --journey-text:#102f4c; --journey-muted:#61788e; --journey-line:#dce7f0; --journey-pale:#f2f8fd; }
.journey-page { overflow-x:hidden; color:var(--journey-text); background:#fff; }
.journey-header { min-height:68px; background:#052542; }
.journey-container { width:min(1240px,calc(100% - 48px)); margin:0 auto; }
.journey-section { padding:48px 0; }
.journey-kicker { display:inline-block; color:var(--journey-blue); font-size:11px; font-weight:800; letter-spacing:.16em; }
.journey-kicker.light { color:#74c1ff; }
.journey-heading { margin-bottom:24px; }
.journey-heading h2,.intro-grid h2,.client-grid h2,.beyond-grid h2 { margin:7px 0 10px; font-size:clamp(29px,3vw,39px); line-height:1.08; letter-spacing:-.035em; }

.journey-hero { position:relative; min-height:460px; overflow:hidden; color:#fff; background:#031a31; }
.journey-hero-photo { position:absolute; inset:0 0 0 49%; }
.journey-hero-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:56% center; }
.journey-hero-blend { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#031a31 0%,#062846 42%,rgba(6,40,70,.88) 50%,rgba(6,40,70,.24) 67%,transparent 78%); }
.journey-hero-grid { position:relative; z-index:2; min-height:460px; display:flex; align-items:center; }
.journey-hero-copy { padding:42px 0; }
.journey-hero h1 { max-width:690px; margin:13px 0 14px; font-size:clamp(42px,4vw,55px); line-height:1; letter-spacing:-.045em; }
.journey-hero h1 span { color:#2ba4ff; }
.journey-hero-copy > p { max-width:640px; margin:0; color:#c8d9e6; font-size:13px; line-height:1.62; }
.journey-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:22px; }
.journey-button { min-height:45px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 19px; border-radius:7px; font-size:11px; font-weight:800; text-decoration:none; }
.journey-button.primary { color:#fff; background:linear-gradient(135deg,#25a5ff,#0874f5); box-shadow:0 10px 24px rgba(0,112,255,.2); }
.journey-button.outline { color:#fff; border:1px solid rgba(255,255,255,.34); background:rgba(3,25,47,.4); }
.journey-button.whatsapp { color:#073518; background:#25d366; }
.intro-section { padding:42px 0; background:#fff; }
.intro-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:65px; align-items:center; }
.intro-grid > div > p,.client-grid > div > p,.beyond-grid > div > p { max-width:690px; margin:0; color:var(--journey-muted); font-size:12px; line-height:1.65; }
.intro-grid aside { display:flex; gap:15px; align-items:flex-start; padding:20px; border:1px solid #d5e8f7; border-radius:11px; background:#f0f8ff; }
.intro-grid aside > i { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:9px; color:var(--journey-blue); background:#dcefff; font-size:18px; }
.intro-grid strong,.intro-grid span { display:block; }
.intro-grid strong { font-size:14px; }
.intro-grid span { margin-top:8px; color:var(--journey-muted); font-size:10px; line-height:1.6; }

.stages-section { background:var(--journey-pale); }
.stage-track { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; }
.stage-track::before { content:""; position:absolute; top:47px; left:7%; right:7%; height:3px; background:linear-gradient(90deg,#87caf8,#168cf2,#87caf8); }
.stage-track article { position:relative; min-height:220px; box-sizing:border-box; padding:15px 13px 14px; border:1px solid var(--journey-line); border-radius:10px; background:#fff; box-shadow:0 8px 20px rgba(9,46,78,.045); }
.stage-track article:nth-child(even) { background:#f8fcff; }
.stage-number { position:absolute; top:11px; right:13px; color:#d9eaf7; font-size:25px; font-weight:800; }
.stage-icon { position:relative; z-index:1; width:40px; height:40px; display:grid; place-items:center; margin-bottom:10px; border:4px solid var(--journey-pale); border-radius:50%; color:#fff; background:var(--journey-blue); font-size:16px; }
.stage-track small { color:var(--journey-blue); font-size:8px; font-weight:800; letter-spacing:.12em; }
.stage-track h3 { min-height:35px; margin:5px 0; font-size:13px; line-height:1.32; }
.stage-track p { margin:0; color:var(--journey-muted); font-size:9px; line-height:1.55; }

.client-section { background:#eaf5fe; }
.client-grid { display:grid; grid-template-columns:.84fr 1.16fr; gap:50px; align-items:center; }
.client-items { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.client-items span { min-height:48px; box-sizing:border-box; display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid #cfe3f2; border-radius:8px; background:rgba(255,255,255,.82); font-size:10px; font-weight:700; }
.client-items i { color:var(--journey-blue); font-size:15px; }

.principles-section { background:#fff; }
.principle-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.principle-grid article { min-height:132px; box-sizing:border-box; padding:15px 15px 14px; border:1px solid var(--journey-line); border-radius:9px; background:#fff; }
.principle-grid i { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:var(--journey-blue); background:#eaf5ff; font-size:16px; }
.principle-grid h3 { margin:9px 0 6px; font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
.principle-grid p { margin:0; color:var(--journey-muted); font-size:9.5px; line-height:1.5; }

.beyond-section { background:var(--journey-pale); }
.beyond-grid { display:grid; grid-template-columns:1fr .8fr; gap:70px; align-items:center; }
.cycle { position:relative; width:300px; height:210px; margin:auto; }
.cycle > div { position:absolute; width:91px; height:58px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px solid #cfe2f1; border-radius:9px; color:var(--journey-text); background:#fff; box-shadow:0 7px 18px rgba(9,46,78,.06); }
.cycle > div:nth-child(1) { top:0; left:104px; }.cycle > div:nth-child(2) { top:76px; right:0; }.cycle > div:nth-child(3) { bottom:0; left:104px; }.cycle > div:nth-child(4) { top:76px; left:0; }
.cycle > div i { color:var(--journey-blue); font-size:16px; }.cycle > div span { font-size:8px; font-weight:800; letter-spacing:.08em; }
.cycle::before { content:""; position:absolute; inset:25px 71px; border:1px dashed #7fc1f2; border-radius:50%; }
.cycle-core { position:absolute; top:76px; left:104px; width:91px; height:58px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border-radius:50%; color:#fff; background:var(--journey-navy); font-size:10px; font-weight:800; }
.cycle-core i { color:#55b6ff; font-size:16px; }

.journey-cta { min-height:165px; display:grid; align-items:center; color:#fff; background:linear-gradient(115deg,#052743,#07528d); }
.journey-cta-inner { display:grid; grid-template-columns:.95fr 1.05fr; gap:38px; align-items:center; }
.journey-cta h2 { margin:6px 0; font-size:clamp(25px,2.3vw,32px); line-height:1.12; }
.journey-cta p { margin:0; color:#bed2e1; font-size:10px; line-height:1.5; }
.journey-cta .journey-actions { justify-content:flex-end; gap:13px; margin:0; padding-right:52px; }
.journey-footer { min-height:96px; display:grid; align-items:center; color:#fff; background:#031526; }
.journey-footer .footer-grid { display:grid; grid-template-columns:auto 1fr auto; gap:38px; align-items:center; }
.journey-footer nav { display:flex; justify-content:center; flex-wrap:wrap; gap:17px; }
.journey-footer nav a { color:#9fb3c4; font-size:9px; text-decoration:none; }
.journey-footer p { max-width:265px; margin:0; padding-right:52px; color:#8099ad; font-size:9px; line-height:1.4; text-align:right; }
.journey-page + .whatsapp-contact-button { right:20px; bottom:22px; width:44px; height:44px; justify-content:center; padding:0; }
.journey-page + .whatsapp-contact-button i { font-size:19px; }
.journey-page + .whatsapp-contact-button span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

@media(max-width:1100px){.stage-track{grid-template-columns:repeat(3,1fr)}.stage-track::before{top:47px;display:block;box-shadow:0 207px 0 #55aceb}.stage-track article{min-height:194px}.principle-grid{grid-template-columns:repeat(2,1fr)}.journey-hero h1{font-size:clamp(38px,4.5vw,49px)}}
@media(max-width:850px){.intro-grid,.client-grid,.beyond-grid,.journey-cta-inner{grid-template-columns:1fr}.journey-hero-photo{left:44%}.journey-hero-copy{width:62%}.intro-grid,.client-grid,.beyond-grid{gap:28px}.journey-cta{padding:32px 0}.journey-cta .journey-actions{justify-content:flex-start}.journey-footer .footer-grid{grid-template-columns:1fr;gap:18px;padding:25px 0}.journey-footer nav{justify-content:flex-start}.journey-footer p{max-width:none;text-align:left}.cycle{margin-top:5px}}
@media(max-width:600px){.journey-container{width:min(100% - 28px,1240px)}.journey-section{padding:40px 0}.intro-section{padding:36px 0}.journey-hero{display:flex;flex-direction:column;min-height:0}.journey-hero-photo{position:relative;inset:auto;order:2;width:100%;height:245px}.journey-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#031a31,transparent 28%)}.journey-hero-blend{display:none}.journey-hero-grid{order:1;width:min(100% - 28px,1240px);min-height:0;padding:42px 0 35px}.journey-hero-copy{width:100%;padding:0}.journey-hero h1{font-size:clamp(37px,11vw,47px)}.journey-actions{flex-direction:column;width:100%}.journey-button{width:100%;min-height:48px}.stage-track{grid-template-columns:1fr;padding-left:26px}.stage-track::before{display:block;top:18px;bottom:18px;left:8px;right:auto;width:3px;height:auto;box-shadow:none}.stage-track article{min-height:0}.stage-icon{position:absolute;left:-38px;top:18px;width:34px;height:34px;margin:0;border-width:3px}.stage-track article{padding:18px 16px 18px 28px}.stage-track h3{min-height:0}.client-items{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:0}.journey-cta .journey-actions{padding-right:48px}.journey-page + .whatsapp-contact-button{right:12px;bottom:18px;width:40px;height:40px}.cycle{transform:scale(.92);transform-origin:center}.journey-footer p{padding-right:55px}}
@media(max-width:410px){.client-items{grid-template-columns:1fr}.cycle{width:286px;transform:scale(.88);margin-left:-7px}}

/* Global marketing hero refinement */
.journey-hero { min-height:420px; background:#083b61; }
.journey-hero-photo { inset:0 0 0 44%; }
.journey-hero-photo img { object-position:56% center; }
.journey-hero-blend { background:linear-gradient(90deg,transparent 0%,transparent 40%,rgba(8,59,97,.72) 44%,rgba(8,59,97,.28) 49%,transparent 54%); }
.journey-hero-grid { min-height:420px; }
.journey-hero-copy { width:44%; padding:36px 0; }
@media(max-width:850px) and (min-width:601px){.journey-hero-photo{left:48%}.journey-hero-copy{width:52%}}
@media(max-width:600px){.journey-hero-photo::after{display:none}.journey-hero-photo img{object-position:56% center}.journey-hero-copy{width:100%;padding:0}}
