:root{--navy:#092d43;--blue:#0a6288;--cyan:#00a3c7;--ice:#e9f4f6;--paper:#f7f8f5;--ink:#112f3e;--line:#cbd9dc;--white:#fff;--lime:#b8d43c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.topbar{height:34px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;background:var(--navy);color:#cce1e8;font-size:.7rem;letter-spacing:.04em}.topbar span{margin-right:auto;text-transform:uppercase}.topbar a{color:inherit;text-decoration:none}.header{height:88px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:rgba(247,248,245,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.logo img{display:block;width:185px}.header nav{display:flex;gap:2.3rem}.header nav a,.text-link{color:inherit;text-decoration:none;font-size:.9rem;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.2rem;background:var(--cyan);color:#fff;padding:1rem 1.3rem;text-decoration:none;font-weight:700}.button:hover{background:var(--blue)}.button.small{font-size:.82rem;padding:.8rem 1rem}.hero{min-height:calc(100vh - 122px);padding:clamp(3rem,7vw,7rem) clamp(1rem,6vw,6rem) 2rem;display:grid;grid-template-columns:1.04fr .96fr;grid-template-rows:1fr auto;gap:2rem clamp(2rem,6vw,7rem);align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,var(--paper) 0 68%,var(--ice) 68%)}.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #92c3cf80;border-radius:50%;right:-170px;top:-170px}.kicker{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:var(--blue)}h1,h2,h3{font-family:"Space Grotesk",sans-serif}.hero h1{font-size:clamp(3.3rem,6.2vw,6.7rem);line-height:.93;letter-spacing:-.055em;margin:1rem 0 1.5rem;max-width:980px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{font-size:1.15rem;line-height:1.7;max-width:680px}.actions{display:flex;align-items:center;gap:2rem;margin-top:2rem}.hero-visual{position:relative;height:min(610px,64vh)}.hero-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.stat-card{position:absolute;bottom:0;left:-3rem;background:var(--white);padding:1.3rem 1.6rem;box-shadow:0 15px 40px #08344c24;display:flex;flex-direction:column}.stat-card strong{font:700 1.6rem "Space Grotesk"}.stat-card span{font-size:.72rem;color:#55717d}.orbit{position:absolute;right:-28px;top:22%;width:86px;height:86px;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:var(--navy);font:700 2.3rem "Space Grotesk"}.hero-proof{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem;display:flex;gap:4rem;font-weight:600}.hero-proof b{color:var(--cyan);margin-right:.6rem}.intro{padding:clamp(4rem,8vw,8rem) clamp(1rem,6vw,6rem) 2rem;display:grid;grid-template-columns:1.4fr .6fr;gap:5rem;align-items:end}.intro h2,.process h2,.about h2,.contact h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.98;letter-spacing:-.045em;margin:.8rem 0}.intro p{line-height:1.8;color:#4e6873}.services{padding:2rem clamp(1rem,6vw,6rem) clamp(5rem,9vw,9rem);display:grid;grid-template-columns:repeat(4,1fr)}.service{border:1px solid var(--line);border-right:0;padding:2rem;min-height:500px;display:flex;flex-direction:column;background:#fff;transition:.25s}.service:last-child{border-right:1px solid var(--line)}.service:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0e435413;z-index:2}.service.featured{background:var(--ice)}.service.dark{background:var(--navy);color:#fff}.service-number{font-size:.7rem;color:#66818c}.service-icon{font:500 3rem "Space Grotesk";color:var(--cyan);margin:2.2rem 0 1rem}.service h3{font-size:1.65rem;line-height:1.05;margin:.6rem 0}.service p{font-size:.88rem;line-height:1.7;color:#55717d}.service.dark p{color:#bdd2da}.service ul{list-style:none;padding:1rem 0;margin:0;border-top:1px solid var(--line);font-size:.78rem;line-height:2}.service li:before{content:"+";color:var(--cyan);margin-right:.5rem}.service a{margin-top:auto;color:inherit;font-size:.8rem;font-weight:800;text-decoration:none}.audiences{display:grid;grid-template-columns:1fr 1fr;background:#fff}.audience-image{min-height:650px}.audience-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.audience-copy{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.audience-copy h2{font-size:clamp(2.5rem,4vw,4.4rem);line-height:1;margin:.8rem 0 2rem}.audience-list{border-top:1px solid var(--line)}.audience-list button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:1.2rem 0;display:flex;justify-content:space-between;text-align:left;font:600 1.2rem Manrope;color:#71848b;cursor:pointer}.audience-list button.active{color:var(--cyan)}#audience-text{line-height:1.7;color:#55717d;min-height:5rem}.process{padding:clamp(5rem,9vw,9rem) clamp(1rem,6vw,6rem);background:var(--navy);color:#fff}.process-head{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem}.process-head .kicker{grid-column:1/-1;color:#72d3e8}.process-head h2{margin:0}.process-head p{color:#bdd2da;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-top:1px solid #ffffff32}.steps article{padding:2rem 2rem 0 0;border-right:1px solid #ffffff32;min-height:230px}.steps article+article{padding-left:2rem}.steps span{color:#72d3e8;font-size:.72rem}.steps h3{font-size:1.5rem}.steps p{font-size:.82rem;line-height:1.7;color:#abc4ce}.about{padding:clamp(5rem,9vw,9rem) clamp(1rem,6vw,6rem);display:grid;grid-template-columns:1.2fr .8fr;gap:8rem}.about-copy{padding-top:2rem}.about-copy>p{font-size:1.05rem;line-height:1.85;color:#4c6873}.values{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:2.5rem}.values span{padding:1rem 0;border-bottom:1px solid var(--line);font-weight:700}.contact{background:var(--cyan);color:#fff;padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem);display:grid;grid-template-columns:1.1fr .9fr;gap:8rem}.contact .kicker{color:#d8f5fa}.contact-actions{display:flex;flex-direction:column;justify-content:center}.contact-actions a{color:#fff;text-decoration:none;border-bottom:1px solid #ffffff70;padding:1.2rem 0;display:grid;grid-template-columns:1fr auto;gap:.3rem}.contact-actions small{grid-column:1/-1}.contact-actions strong{font-size:1.4rem}.contact-actions>p{line-height:1.6}footer{padding:3rem clamp(1rem,6vw,6rem);background:#061e2b;color:#b4c8d0;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;font-size:.75rem}.footer-logo img{width:80px;filter:none}.footer-logo{grid-row:span 2}footer div{display:flex;gap:1.3rem}footer a{color:inherit;text-decoration:none}@media(max-width:1000px){.header nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{height:500px}.intro,.audiences,.about,.contact{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.service:nth-child(2){border-right:1px solid var(--line)}.process-head{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.about{gap:1rem}}@media(max-width:650px){.topbar span,.topbar a:last-child{display:none}.header{height:72px}.logo img{width:140px}.button.small{font-size:0;gap:0}.button.small span{font-size:1rem}.hero{padding-top:3rem;background:linear-gradient(150deg,var(--paper) 0 67%,var(--ice) 67%)}.hero h1{font-size:3.45rem}.hero-visual{height:390px}.stat-card{left:0}.hero-proof{gap:1rem;justify-content:space-between;font-size:.68rem}.hero-proof b{display:block;margin:0}.actions{align-items:flex-start;flex-direction:column;gap:1rem}.services,.steps{grid-template-columns:1fr}.service,.service:nth-child(2){border-right:1px solid var(--line);min-height:430px}.intro{gap:1rem}.audience-image{min-height:420px}.process-head{display:block}.steps article,.steps article+article{padding:1.5rem 0;min-height:0;border-right:0;border-bottom:1px solid #ffffff32}.about{gap:1rem}.values{grid-template-columns:1fr}.contact{gap:2rem}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}.footer-logo{grid-row:auto}}
