:root{--navy:#081f3d;--blue:#55bff3;--cloud:#f5f8fc;--ink:#101828;--slate:#667085;--mist:#d6e0ec;--white:#fff;--green:#20b866;--max:1200px;--pad:clamp(22px,5vw,72px);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);font:400 16px/1.6 "DM Sans",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.045em;line-height:1.03}h1{font-size:clamp(3.15rem,6.4vw,6.6rem);max-width:900px;margin-bottom:26px}h2{font-size:clamp(2.35rem,4.6vw,4.8rem);margin-bottom:24px}h3{font-size:clamp(1.4rem,2vw,2rem)}em{font-style:normal;color:var(--blue)}.skip-link{position:fixed;left:-999px;top:8px;z-index:100;background:#fff;padding:12px 16px}.skip-link:focus{left:8px}.site-header{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 var(--pad);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,31,61,.09)}.brand{display:flex;align-items:center;gap:10px;font:700 19px/1 "Space Grotesk",sans-serif;letter-spacing:-.07em}.brand>span:last-child>span{color:var(--blue);font-weight:500}.brand-mark{width:28px;height:30px;display:flex;align-items:end;gap:3px;transform:rotate(12deg)}.brand-mark i{display:block;width:5px;border-radius:8px;background:var(--blue)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:29px}.nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:32px}.nav a{font-size:14px;font-weight:600;color:#44546a}.nav a:hover{color:#0879af}.header-cta{padding:10px 14px;border-bottom:2px solid var(--navy);font-size:13px;font-weight:700}.header-cta span{color:#188fc8;margin-left:8px}.menu-button{display:none;background:transparent;border:0;padding:9px;margin-left:auto}.menu-button span{display:block;width:24px;border-top:2px solid var(--navy);margin:6px}.hero{min-height:720px;padding:clamp(70px,9vw,125px) var(--pad) 80px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr);align-items:center;gap:clamp(45px,7vw,110px);background:var(--cloud);overflow:hidden}.hero-copy{max-width:820px}.kicker{display:flex;align-items:center;gap:9px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.15em;font:700 11px/1.3 "DM Sans",sans-serif;color:#426078}.kicker:before{content:"";width:25px;height:2px;background:var(--blue)}.kicker.light{color:#b9c8d8}.hero-lead{max-width:720px;font-size:clamp(1.05rem,1.5vw,1.25rem);color:#4f6075}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 20px;border:1px solid var(--blue);border-radius:10px;background:var(--blue);color:var(--navy);font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(8,31,61,.13);background:#79cdf6}.button-secondary{background:transparent;border-color:#aab9c9}.button-secondary:hover{background:#fff}.button-light{background:#fff;border-color:#fff}.hero-notes{display:flex;gap:14px;flex-wrap:wrap;margin-top:43px}.hero-notes span{padding:7px 11px;border:1px solid var(--mist);border-radius:99px;color:#4d6077;font-size:12px;font-weight:600}.hero-system{position:relative;min-height:430px;border-radius:28px;background:var(--navy);color:#fff;padding:27px;box-shadow:0 30px 70px rgba(8,31,61,.18);overflow:hidden}.system-top{display:flex;justify-content:space-between;position:relative;z-index:2}.system-top span,.system-top b{font-size:10px;letter-spacing:.14em}.system-top span{color:#8da5be}.system-top b{color:var(--blue);font-weight:600}.system-flow{min-height:280px;display:grid;grid-template-columns:1fr 40px 100px 40px 1fr;align-items:center;position:relative;z-index:2}.flow-source small,.flow-source strong{display:block}.flow-source small{font-size:9px;color:#89a1b9;letter-spacing:.12em}.flow-source strong{font:600 13px "Space Grotesk"}.flow-core{width:100px;height:100px;border-radius:50%;background:var(--blue);color:var(--navy);display:grid;place-items:center;align-content:center;box-shadow:0 0 0 12px rgba(85,191,243,.09),0 0 0 30px rgba(85,191,243,.04)}.flow-core span{font:700 39px/1 "Space Grotesk"}.flow-core small{font-size:8px;letter-spacing:.13em;font-weight:700}.flow-line{height:1px;background:rgba(255,255,255,.22);position:relative}.flow-line i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--blue);top:-2px;animation:travel 2.2s infinite}.flow-line:nth-of-type(2) i{animation-delay:1.1s}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.11);position:relative;z-index:2}.signal-grid div{padding:18px 9px}.signal-grid div+div{border-left:1px solid rgba(255,255,255,.11)}.signal-grid span,.signal-grid b{display:block}.signal-grid span{font-size:9px;color:var(--blue)}.signal-grid b{font:500 11px "DM Sans";margin-top:4px}.pulse{position:absolute;width:270px;height:270px;border:1px solid rgba(85,191,243,.16);border-radius:50%;right:-100px;top:-100px;box-shadow:0 0 0 50px rgba(85,191,243,.03)}@keyframes travel{from{left:0}to{left:calc(100% - 6px)}}.platforms{max-width:calc(var(--max) + (var(--pad) * 2));margin:auto;padding:78px var(--pad);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.platforms h2{font-size:clamp(2.1rem,3.4vw,3.4rem);margin-bottom:14px}.platforms>div>p:last-child{color:var(--slate);max-width:480px}.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--mist);border-radius:18px;overflow:hidden}.logo-grid span{min-height:66px;padding:16px;display:grid;place-items:center;color:#2d4057;font:600 14px "Space Grotesk";filter:grayscale(1);border-bottom:1px solid var(--mist)}.logo-grid span:nth-child(odd){border-right:1px solid var(--mist)}.logo-grid span:nth-last-child(-n+2){border-bottom:0}.section{padding:110px var(--pad)}.section-heading{max-width:var(--max);margin:0 auto 60px;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--slate);margin-bottom:7px}.services{background:#fff}.service-list{max-width:var(--max);margin:auto;border-top:1px solid var(--mist)}.service-list article{display:grid;grid-template-columns:60px 1fr auto;gap:30px;align-items:center;padding:29px 0;border-bottom:1px solid var(--mist);transition:padding .2s,background .2s}.service-list article:hover{padding-left:15px;padding-right:15px;background:var(--cloud)}.service-no{font:600 11px "Space Grotesk";color:#188fc8}.service-list h3{margin:0 0 5px;font-size:clamp(1.35rem,2.1vw,2rem)}.service-list p{margin:0;color:var(--slate)}.service-list a,.text-link{font-size:13px;font-weight:700;color:var(--navy);white-space:nowrap}.service-list a span{color:#188fc8;margin-left:8px}.section-cta{max-width:var(--max);margin:38px auto 0;padding:22px 26px;background:var(--cloud);display:flex;justify-content:space-between;gap:30px;align-items:center;border-radius:13px}.section-cta p{margin:0;color:#485970}.measurement{background:var(--navy);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.measurement-copy{max-width:520px;margin-left:auto}.measurement-copy p:not(.kicker){color:#b8c8d9}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden}.metric-grid div{min-height:150px;padding:25px;border-bottom:1px solid rgba(255,255,255,.14)}.metric-grid div:nth-child(odd){border-right:1px solid rgba(255,255,255,.14)}.metric-grid div:nth-last-child(-n+2){border-bottom:0}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{color:var(--blue);font-size:10px}.metric-grid strong{font:600 20px "Space Grotesk";margin:20px 0 6px}.metric-grid small{color:#9fb2c6}.process{background:var(--cloud)}.steps{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{min-height:315px;padding:29px;border:1px solid var(--mist);border-radius:var(--radius);background:#fff;display:flex;flex-direction:column;justify-content:space-between}.steps>article>span{font:600 clamp(3.6rem,5vw,5rem)/1 "Space Grotesk";color:#d9f2fd}.steps small{font-size:10px;letter-spacing:.13em;color:#248ebd;font-weight:700}.steps h3{margin:14px 0 12px}.steps p{color:var(--slate);margin:0}.work{max-width:calc(var(--max) + (var(--pad) * 2));margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.work-intro>p:not(.kicker){color:var(--slate);max-width:430px}.case-card{background:var(--navy);color:#fff;border-radius:28px;padding:clamp(28px,4vw,48px)}.case-top,.case-title{display:flex;justify-content:space-between;gap:20px}.case-top{color:#88a3bd;font-size:10px;letter-spacing:.12em}.case-title{align-items:end;padding:60px 0 45px}.case-title h3{font-size:clamp(2.4rem,4vw,4.3rem);margin:0}.case-title a{color:var(--blue);font-size:13px;font-weight:700}.case-card dl{margin:0;border-top:1px solid rgba(255,255,255,.16)}.case-card dl div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.16)}.case-card dt{color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.case-card dd{margin:0;color:#c5d2df}.work>.section-cta{grid-column:1/-1;width:100%;margin-top:0}.contact{background:var(--blue);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.contact-copy{padding-top:20px}.contact-copy .kicker.light{color:#214d68}.contact-copy .kicker:before{background:var(--navy)}.contact-copy h2 em{color:var(--navy)}.contact-copy>p{color:#244d67;font-size:18px}.contact-links{display:grid;margin:34px 0 27px;border-top:1px solid rgba(8,31,61,.25)}.contact-links a{padding:13px 0;border-bottom:1px solid rgba(8,31,61,.25);font-weight:700}.contact-copy small{color:#315c77}.lead-form{padding:clamp(25px,4vw,43px);border-radius:var(--radius);background:#fff;box-shadow:0 24px 60px rgba(8,31,61,.17)}.form-head{border-bottom:1px solid var(--mist);padding-bottom:22px;margin-bottom:24px}.form-head span{font-size:10px;letter-spacing:.13em;color:#1988bb;font-weight:700}.form-head h3{font-size:27px;margin:8px 0}.form-head p{color:var(--slate);font-size:14px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:6px;color:#34455b;font-size:12px;font-weight:700}.form-grid .full{grid-column:1/-1}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cad6e2;border-radius:8px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(85,191,243,.35);border-color:#329fd2}.consent{display:flex;gap:9px;margin:20px 0;color:var(--slate);font-size:12px}.consent input{width:17px;min-height:17px;margin-top:2px}.consent a{text-decoration:underline}.submit-button{width:100%}.form-error{margin:10px 0 0;color:#b42318;font-size:13px}.honeypot{position:absolute!important;left:-9999px!important}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:25;display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:99px;background:var(--green);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.22);font-size:13px;font-weight:700}.whatsapp-float b{font-size:11px;border:1px solid rgba(255,255,255,.55);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}footer{padding:55px var(--pad) 28px;background:#05172e;color:#d7e2ed;display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:start}footer p{max-width:330px;color:#9fb1c3;font-size:14px}footer nav{display:flex;flex-wrap:wrap;justify-content:end;gap:18px;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#8499ae}.footer-brand{color:#fff}@media(max-width:940px){.nav{gap:16px}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-system{max-width:650px;width:100%}.platforms,.measurement,.work,.contact{grid-template-columns:1fr}.measurement-copy{max-width:680px;margin:0}.section-heading{grid-template-columns:1fr;gap:16px}.work-intro{max-width:650px}.contact-copy{max-width:720px}.service-list article{grid-template-columns:45px 1fr}.service-list article>a{grid-column:2}.steps{grid-template-columns:1fr 1fr}.work>.section-cta{grid-column:auto}footer{grid-template-columns:1fr 1fr}footer nav{justify-content:start}}@media(max-width:680px){body{padding-bottom:58px}html{scroll-padding-top:67px}.site-header{height:65px;padding:0 20px}.brand{font-size:17px}.nav{display:none;position:absolute;left:0;right:0;top:65px;background:#fff;padding:18px 20px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--mist);box-shadow:0 15px 25px rgba(8,31,61,.08)}.nav.open{display:flex}.menu-button{display:block}.hero{padding:54px 20px 46px}.hero h1{font-size:clamp(3rem,15vw,4.3rem)}.hero-lead{font-size:1rem}.actions{display:grid}.button{width:100%;min-height:54px}.hero-notes{margin-top:31px}.hero-notes span{font-size:11px}.hero-system{min-height:355px;padding:21px}.system-flow{min-height:225px;grid-template-columns:1fr 20px 78px 20px 1fr}.flow-core{width:78px;height:78px}.flow-source strong{font-size:11px}.signal-grid b{font-size:9px}.platforms,.section{padding:72px 20px}.platforms{gap:30px}.logo-grid span{min-height:58px;font-size:12px}.service-list article{gap:12px;padding:23px 0}.service-list article:hover{padding-left:0;padding-right:0}.section-cta{align-items:flex-start;flex-direction:column;padding:20px}.metric-grid{grid-template-columns:1fr}.metric-grid div:nth-child(odd){border-right:0}.metric-grid div:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.14)}.steps{grid-template-columns:1fr}.steps article{min-height:275px}.case-title{align-items:flex-start;flex-direction:column}.case-card dl div{grid-template-columns:1fr;gap:6px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.whatsapp-float{left:0;right:0;bottom:0;border-radius:0;height:58px;justify-content:center}.whatsapp-float span{display:inline}footer{grid-template-columns:1fr;padding-bottom:35px}footer nav{gap:15px}footer small{grid-column:auto}}
/* Refined hero scale and hierarchy */
.hero{min-height:660px;padding-top:clamp(64px,8vw,104px);padding-bottom:72px;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:clamp(45px,7vw,100px)}
.hero-copy{max-width:740px}
.hero h1{max-width:720px;margin-bottom:24px;font-size:clamp(2.8rem,5vw,5.15rem);line-height:1.02}
.hero-lead{max-width:650px;font-size:clamp(1.02rem,1.25vw,1.17rem);line-height:1.65}
@media(max-width:680px){.hero{padding-top:50px;padding-bottom:44px}.hero h1{font-size:clamp(2.55rem,12vw,3.65rem)}}