:root {
  --blue: #0866f5;
  --blue-deep: #043da7;
  --red: #ff2b20;
  --orange: #ff8a00;
  --navy: #031f4c;
  --ink: #111318;
  --muted: #5f6877;
  --line: #e7ebf1;
  --surface: #f7f9fc;
  --white: #fff;
  --shadow: 0 12px 30px rgba(25, 48, 89, .10);
}

* { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; overflow-x: clip; color: var(--ink); background: var(--white); font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline: 3px solid #ff9a00; outline-offset: 3px; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.screen-reader-text, .skip-link { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; }
.skip-link:focus { clip: auto; width: auto; height: auto; top: 10px; left: 10px; z-index: 100; padding: 10px 14px; color: #fff; background: var(--navy); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 0 24px; border-radius: 999px; color: #fff; font-size: 13px; font-weight: 700; box-shadow: 0 8px 20px rgba(8, 102, 245, .20); transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(8, 102, 245, .28); }
.button--blue { background: linear-gradient(135deg, #0874ff, #0655e8); }
.button--red { background: linear-gradient(135deg, #ff3827, #ff180d); box-shadow: 0 8px 20px rgba(255, 43, 32, .2); }
.button--small { min-height: 40px; padding: 0 18px; font-size: 12px; }

.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .96); backdrop-filter: blur(12px); }
.site-header__inner { display: grid; grid-template-columns: 210px 1fr auto; gap: 25px; align-items: center; min-height: 68px; }
.brand { display: inline-flex; align-items: baseline; font-size: 25px; font-weight: 800; letter-spacing: -.045em; }
.brand__blue { color: var(--blue); }
.brand__red { color: var(--red); }
.brand__suffix { margin-left: 2px; color: var(--blue); font-size: 12px; letter-spacing: -.02em; }
.custom-logo { width: auto; max-height: 42px; }
.site-nav__list { display: flex; justify-content: center; gap: 34px; margin: 0; padding: 0; list-style: none; }
.site-nav a { font-size: 14px; font-weight: 500; }
.site-nav a:hover { color: var(--blue); }
.site-header__cta { min-height: 42px; padding-inline: 23px; font-size: 12px; }
.nav-toggle { display: none; border: 0; background: transparent; }

.hero { position: relative; overflow: hidden; min-height: 620px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 50% 0%, #fff 0, #fff 34%, #f7faff 100%); }
.hero::before { content: ''; position: absolute; inset: 55% 0 0; opacity: .34; background-image: linear-gradient(rgba(8, 102, 245, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 102, 245, .08) 1px, transparent 1px); background-size: 34px 34px; transform: perspective(500px) rotateX(60deg) scale(1.3); transform-origin: bottom; }
.hero__grid { position: relative; display: grid; grid-template-columns: 1fr 1.04fr 1fr; min-height: 620px; }
.hero-side { position: relative; padding: 34px 0 0; }
.hero-side__copy { position: relative; z-index: 3; max-width: 250px; }
.hero-side__copy--right { margin-left: auto; text-align: left; }
.hero-side__copy .eyebrow { margin: 0; color: var(--ink); font-size: 25px; font-weight: 800; line-height: 1.08; }
.hero-side__copy h2 { margin: 0 0 12px; font-size: 25px; line-height: 1.08; }
.hero-side__copy h2 span { color: var(--blue); }
.hero-side--growth h2 span { color: var(--red); }
.hero-side__copy > p:not(.eyebrow) { margin: 0 0 18px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.hero-center { position: relative; z-index: 5; padding-top: 62px; text-align: center; }
.hero-center__kicker { margin: 0 0 14px; color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hero-center__kicker span { color: var(--blue); }
.hero-center__kicker b { color: var(--red); }
.hero-center h1 { margin: 0; font-size: clamp(38px, 4.1vw, 55px); font-weight: 800; letter-spacing: -.055em; line-height: .96; }
.hero-center h1 em { color: var(--red); font-style: normal; }
.hero-center > p:not(.hero-center__kicker) { max-width: 400px; margin: 20px auto; color: var(--muted); font-size: 14px; }
.experience { position: absolute; top: 468px; left: 50%; display: flex; align-items: center; justify-content: center; width: 148px; transform: translateX(-50%); text-align: center; }
.experience > div { min-width: 72px; }
.experience strong { display: block; color: var(--blue); font-size: 24px; line-height: 1; }
.experience div > span { display: block; max-width: 70px; margin: 5px auto 0; font-size: 10px; font-weight: 700; line-height: 1.15; }
.experience small { display: block; margin-top: 7px; color: #6b7280; font-size: 7px; letter-spacing: 2px; }
.experience__laurel { max-width: none; margin: 0; color: #cfd4dc; font-family: Georgia, serif; font-size: 42px; font-weight: 400; line-height: 1; transform: scaleX(.55); }

.feature-list { position: absolute; z-index: 4; top: 325px; margin: 0; padding: 0; list-style: none; }
.feature-list--left { left: -14px; }
.feature-list--right { right: -10px; }
.feature-list li { display: grid; grid-template-columns: 26px 118px; gap: 9px; align-items: center; margin: 13px 0; font-size: 11px; font-weight: 600; line-height: 1.25; }
.feature-list--right li { grid-template-columns: 26px 112px; }
.feature-list li > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 4px; color: #fff; background: var(--blue); font-size: 14px; line-height: 26px; }
.feature-list--right li > span { background: var(--red); }

.creation-visual, .growth-visual { position: absolute; inset: 170px 0 15px; }
.creation-visual img, .growth-visual img { position: absolute; bottom: 0; width: 118%; max-width: none; height: auto; filter: drop-shadow(0 20px 22px rgba(15, 50, 104, .16)); }
.creation-visual img { left: -11%; }
.growth-visual img { right: -12%; width: 122%; }
.creation-visual__grid { position: absolute; left: 22px; bottom: 20px; width: 330px; height: 210px; border: 2px solid #58b8ff; border-radius: 48% 48% 12% 12%; background: repeating-linear-gradient(0deg, rgba(0, 150, 255, .25) 0 1px, transparent 1px 18px), repeating-linear-gradient(90deg, rgba(0, 150, 255, .24) 0 1px, transparent 1px 18px), linear-gradient(135deg, #075cff, #001c75); box-shadow: 0 22px 35px rgba(0, 60, 170, .28), inset 0 0 35px rgba(39, 208, 255, .55); transform: perspective(600px) rotateX(55deg) rotateZ(-7deg); }
.creation-visual__platform { position: absolute; left: 45px; bottom: 48px; width: 300px; height: 62px; border: 6px solid #0d7df5; border-radius: 50%; box-shadow: 0 10px 28px rgba(0, 81, 255, .5), inset 0 0 18px #0ff; }
.creation-visual__cube { position: absolute; left: 157px; bottom: 126px; width: 94px; height: 92px; padding: 25px 6px; color: #fff; background: linear-gradient(135deg, #0887ff, #002579); box-shadow: -18px 23px 32px rgba(0, 48, 156, .3); transform: rotate(-5deg) skewY(2deg); text-align: center; }
.creation-visual__cube span { font-size: 15px; font-weight: 800; }
.creation-visual__cube b { display: block; font-size: 20px; }
.creation-visual__arm { position: absolute; left: 45px; bottom: 165px; width: 150px; height: 190px; transform: rotate(18deg); }
.creation-visual__arm i { position: absolute; width: 35px; height: 95px; border: 8px solid #94a9bd; border-radius: 20px; background: linear-gradient(90deg, #edf4fa, #9fb0c0); box-shadow: inset 0 0 0 3px #60758b; }
.creation-visual__arm i:nth-child(1) { bottom: 0; left: 10px; transform: rotate(-30deg); }
.creation-visual__arm i:nth-child(2) { bottom: 68px; left: 66px; transform: rotate(52deg); }
.creation-visual__arm i:nth-child(3) { width: 28px; height: 60px; bottom: 119px; left: 118px; transform: rotate(12deg); }

.growth-visual__tablet { position: absolute; left: 6px; right: 6px; bottom: 28px; height: 265px; overflow: hidden; border: 11px solid #223759; border-radius: 38px; background: linear-gradient(155deg, #163a79, #061c46 65%); box-shadow: 0 28px 35px rgba(1, 22, 62, .3); transform: perspective(650px) rotateX(53deg) rotateZ(-8deg); }
.growth-visual__tablet::after { content: ''; position: absolute; inset: 20px; background-image: linear-gradient(rgba(39, 165, 255, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(39, 165, 255, .18) 1px, transparent 1px); background-size: 32px 32px; }
.growth-visual__tablet > span { position: absolute; z-index: 2; top: 25px; left: 25px; color: #fff; font-size: 25px; font-weight: 800; }
.growth-visual__bars { position: absolute; z-index: 3; right: 45px; bottom: 80px; display: flex; align-items: end; gap: 7px; height: 180px; transform: skewY(-8deg); }
.growth-visual__bars i { width: 25px; background: linear-gradient(90deg, #ff9b00, #ff5d00); box-shadow: 5px 6px 0 #cc3b00; }
.growth-visual__bars i:nth-child(1) { height: 45px; }.growth-visual__bars i:nth-child(2) { height: 73px; }.growth-visual__bars i:nth-child(3) { height: 102px; }.growth-visual__bars i:nth-child(4) { height: 135px; }.growth-visual__bars i:nth-child(5) { height: 170px; }
.growth-visual__rocket { position: absolute; z-index: 5; right: 125px; bottom: 150px; width: 62px; height: 150px; border-radius: 70% 70% 34% 34%; background: linear-gradient(90deg, #f7f9fc, #b7c5d8); transform: rotate(38deg); box-shadow: 10px 12px 15px rgba(4, 31, 76, .25); }
.growth-visual__rocket::before { content: ''; position: absolute; left: 17px; top: 34px; width: 27px; height: 27px; border: 6px solid #153459; border-radius: 50%; background: #16a4ff; }
.growth-visual__rocket b, .growth-visual__rocket span { position: absolute; bottom: -28px; left: 18px; width: 25px; height: 46px; border-radius: 50%; background: linear-gradient(#ffd20c, #ff2700); }
.growth-visual__rocket span { bottom: -52px; left: 24px; width: 14px; height: 45px; }
.growth-visual__target { position: absolute; z-index: 2; top: 42px; right: 0; width: 104px; height: 104px; border: 12px solid var(--red); border-radius: 50%; background: radial-gradient(circle, #fff 0 14%, var(--red) 15% 28%, #fff 29% 45%, var(--red) 46% 62%, #fff 63%); }

.trust-strip { border-bottom: 1px solid var(--line); background: #fff; }
.trust-strip__inner { display: grid; grid-template-columns: 260px 1fr; align-items: center; min-height: 72px; }
.trust-strip p { margin: 0; font-size: 13px; }
.trust-strip strong { color: var(--blue); }
.logo-row { display: flex; justify-content: space-around; align-items: center; padding-left: 25px; border-left: 1px solid var(--line); color: #536070; font-weight: 700; }
.client-logo { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.client-logo i { color: #41516a; font-size: 16px; font-style: normal; font-weight: 800; line-height: 1; }
.client-logo--techify { font-size: 15px; letter-spacing: -.04em; }.client-logo--techify i { font-family: Georgia, serif; }
.client-logo--hexalab { font-size: 11px; letter-spacing: .06em; }.client-logo--hexalab i { font-size: 20px; }
.client-logo--elevate { font-size: 12px; }.client-logo--elevate i { color: var(--blue); }
.client-logo--netspire { font-size: 12px; }.client-logo--netspire i { font-size: 19px; font-weight: 900; }
.client-logo--visionary { font-size: 12px; }.client-logo--visionary i { font-size: 13px; }

.services { padding: 38px 0 44px; background: #fff; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin: 0 4px 25px; }
.section-heading h2 { position: relative; margin: 0; padding-bottom: 10px; font-size: 27px; letter-spacing: -.04em; }
.section-heading h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 66px; height: 2px; background: linear-gradient(90deg, var(--blue) 55%, var(--red) 55%); }
.section-heading h2 span { color: var(--red); }
.section-heading p { max-width: 360px; margin: 0; color: var(--muted); font-size: 13px; }
.service-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; }
.service-card { min-height: 195px; padding: 22px 17px 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: var(--shadow); }
.service-card__icon { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 18px; border-radius: 7px; color: #fff; font-size: 15px; font-weight: 800; }
.service-card__icon .dashicons { width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
.service-card__icon--blue { background: var(--blue); }.service-card__icon--red { background: var(--red); }.service-card__icon--orange { background: var(--orange); }
.service-card h3 { margin: 0 0 9px; font-size: 14px; }
.service-card p { min-height: 74px; margin: 0 0 14px; color: var(--muted); font-size: 12px; }
.service-card a { display: flex; justify-content: space-between; color: var(--blue); font-size: 12px; font-weight: 600; }

.closing-cta { color: #fff; background: linear-gradient(110deg, #061d43, #032d66); }
.closing-cta__inner { display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: center; min-height: 96px; }
.closing-cta__message { display: flex; gap: 24px; align-items: center; }
.closing-cta h2 { margin: 0 0 2px; font-size: 20px; }.closing-cta h2 span { color: var(--red); }.closing-cta p { margin: 0; font-size: 13px; }
.paper-plane { flex: 0 0 92px; width: 92px; height: 58px; }
.paper-plane svg { display: block; width: 100%; height: 100%; overflow: visible; }
.paper-plane__trail { fill: none; stroke: #2b87ed; stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 4 5; opacity: .8; }
.paper-plane__trail--short { opacity: .45; }
.paper-plane circle { fill: #55a9ff; }
.paper-plane__body { fill: #f8fbff; stroke: #78baff; stroke-width: 1.2; filter: drop-shadow(0 6px 6px rgba(0, 91, 210, .28)); }
.paper-plane__wing { fill: #53a9ff; }
.paper-plane__fold { fill: none; stroke: #197eea; stroke-width: 1.5; stroke-linejoin: round; }
.site-footer { color: #bfcee2; background: #02142f; }.site-footer__cta { border-bottom: 1px solid rgba(255,255,255,.12); background: linear-gradient(105deg,#073d87,#061b3d 62%,#28205a); }.site-footer__cta>.shell { display:flex;justify-content:space-between;gap:45px;align-items:center;min-height:190px;padding-block:42px }.site-footer__cta p{margin:0 0 8px;color:#73baff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.site-footer__cta h2{max-width:850px;margin:0;color:#fff;font-size:clamp(32px,3.5vw,52px);letter-spacing:-.055em;line-height:1.03}.site-footer__main{display:grid;grid-template-columns:minmax(330px,1.5fr) repeat(3,minmax(150px,.5fr));gap:clamp(35px,6vw,95px);padding-top:78px;padding-bottom:65px}.footer-brand{display:inline-flex;align-items:baseline;margin-bottom:24px;font-size:29px;font-weight:800;letter-spacing:-.055em}.footer-brand span{color:#68aaff}.footer-brand b{color:#ff5547}.footer-brand small{margin-left:2px;color:#7db7ff;font-size:12px}.site-footer__brand>p{max-width:520px;margin:0 0 26px;color:#aebfd5;font-size:14px;line-height:1.72}.site-footer__contact{display:inline-flex;gap:12px;color:#fff;font-size:13px;font-weight:800}.site-footer__column h3{margin:5px 0 22px;color:#fff;font-size:13px}.site-footer__column ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.site-footer__column a{color:#aebfd5;font-size:12px;transition:color .2s ease}.site-footer__column a:hover{color:#fff}.site-footer__bottom{display:flex;justify-content:space-between;gap:30px;padding-top:23px;padding-bottom:23px;border-top:1px solid rgba(255,255,255,.11);font-size:11px}.site-footer__bottom p{margin:0}
.content-page { min-height: 60vh; padding-block: 70px; }

/* Digital Branding inner page */
.branding-page { overflow: hidden; }
.branding-kicker { margin: 0 0 14px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.branding-hero { position: relative; min-height: 650px; background: radial-gradient(circle at 76% 35%, rgba(8, 102, 245, .12), transparent 28%), linear-gradient(135deg, #fff 0%, #f7faff 58%, #fff7f3 100%); }
.branding-hero::after { content: ''; position: absolute; right: -7%; bottom: -45%; width: 58%; height: 70%; border-radius: 50%; background: radial-gradient(ellipse, rgba(255, 43, 32, .12), transparent 67%); }
.branding-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); align-items: center; min-height: 650px; }
.branding-hero__copy { max-width: 650px; padding: 70px 0; }
.branding-hero h1 { margin: 0; font-size: clamp(54px, 5.2vw, 84px); letter-spacing: -.065em; line-height: .94; }
.branding-hero h1 span { color: transparent; background: linear-gradient(100deg, var(--blue) 5%, var(--red) 58%, var(--orange)); background-clip: text; -webkit-background-clip: text; }
.branding-hero__lead { max-width: 640px; margin: 30px 0; color: #465165; font-size: clamp(18px, 1.45vw, 23px); line-height: 1.55; }
.branding-hero__actions { display: flex; align-items: center; gap: 30px; }
.branding-text-link { display: inline-flex; gap: 10px; color: var(--blue-deep); font-size: 13px; font-weight: 700; }
.branding-hero__visual { position: relative; min-height: 540px; }
.branding-hero__visual::before { content: ''; position: absolute; inset: 9% 2% 4% 5%; border: 1px solid rgba(8, 102, 245, .15); border-radius: 46% 54% 44% 56%; background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(228,240,255,.55)); box-shadow: 0 35px 80px rgba(0, 55, 140, .14); transform: rotate(-5deg); }
.branding-hero__visual--image { display: grid; place-items: center; padding: 24px 0; }
.branding-hero__visual--image::before { display: none; }
.branding-hero__image { position: relative; z-index: 2; display: block; width: min(100%, 720px); height: auto; filter: drop-shadow(0 20px 28px rgba(7,48,112,.13)); }
.brand-orbit { position: absolute; z-index: 1; border: 1px solid rgba(8, 102, 245, .18); border-radius: 50%; transform: rotate(-18deg); }
.brand-orbit--one { inset: 17% 2% 12% 8%; }
.brand-orbit--two { inset: 26% 12% 22% 16%; border-color: rgba(255, 43, 32, .2); transform: rotate(20deg); }
.brand-device { position: absolute; z-index: 3; display: flex; flex-direction: column; justify-content: center; color: #fff; box-shadow: 0 28px 55px rgba(2, 33, 89, .24); }
.brand-device .dashicons { position: absolute; top: 18px; left: 20px; width: 28px; height: 28px; font-size: 28px; }
.brand-device b { font-size: 26px; letter-spacing: -.05em; }
.brand-device i { opacity: .8; font-size: 12px; font-style: normal; text-transform: uppercase; letter-spacing: .1em; }
.brand-device--desktop { left: 8%; bottom: 14%; width: 66%; height: 47%; padding: 55px 35px 25px; border: 9px solid #0a2555; border-radius: 25px; background: linear-gradient(145deg, #087cff, #05285e); transform: perspective(800px) rotateY(7deg) rotateX(4deg) rotateZ(-4deg); }
.brand-device--desktop::after { content: ''; position: absolute; left: 12%; right: 12%; bottom: -26px; height: 20px; border-radius: 0 0 50% 50%; background: #102f60; }
.brand-device--mobile { right: 4%; bottom: 11%; width: 27%; height: 47%; padding: 58px 18px 24px; border: 8px solid #fff; border-radius: 28px; background: linear-gradient(155deg, #ff8a00, #ff2b20 58%, #b80a59); transform: rotate(7deg); }
.brand-device--mobile b { font-size: 19px; }
.brand-signal { position: absolute; z-index: 4; display: grid; place-items: center; width: 58px; height: 58px; border: 5px solid #fff; border-radius: 18px; color: #fff; box-shadow: 0 14px 30px rgba(18, 44, 94, .2); }
.brand-signal .dashicons { width: 26px; height: 26px; font-size: 26px; line-height: 26px; }
.brand-signal--heart { top: 15%; left: 20%; background: linear-gradient(145deg, #ff3b2e, #ff7a00); transform: rotate(-10deg); }
.brand-signal--search { top: 21%; right: 11%; background: linear-gradient(145deg, #0b83ff, #0344c4); transform: rotate(8deg); }
.brand-signal--growth { top: 6%; right: 35%; background: linear-gradient(145deg, #ff9c00, #ff4020); transform: rotate(4deg); }
.brand-target { position: absolute; z-index: 2; top: 27%; right: 25%; display: grid; place-items: center; width: 128px; height: 128px; border: 13px solid var(--red); border-radius: 50%; background: radial-gradient(circle, #fff 0 14%, var(--red) 15% 28%, #fff 29% 44%, var(--red) 45% 59%, #fff 60%); box-shadow: 0 18px 35px rgba(255, 43, 32, .18); }
.brand-target i { position: absolute; width: 100px; height: 10px; background: linear-gradient(90deg, #ff8a00, #ff2b20); transform: rotate(-40deg) translateX(40px); }
.brand-target i::after { content: ''; position: absolute; right: -7px; top: -8px; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 20px solid #ff2b20; }

.brand-outcomes { position: relative; z-index: 3; border-top: 1px solid rgba(8,102,245,.1); border-bottom: 1px solid rgba(8,102,245,.12); background: #fff; }
.brand-outcomes__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.brand-outcomes__grid > div { min-height: 126px; padding: 29px 38px; border-right: 1px solid var(--line); }
.brand-outcomes__grid > div:first-child { border-left: 1px solid var(--line); }
.brand-outcomes strong { display: block; margin-bottom: 7px; color: var(--navy); font-size: 19px; }
.brand-outcomes span { display: block; max-width: 290px; color: var(--muted); font-size: 13px; line-height: 1.5; }

.brand-pillars { padding: 100px 0; color: #fff; background: linear-gradient(125deg, #02193c, #053b83); }
.brand-pillars__intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 25px 70px; align-items: end; }
.brand-pillars__intro .branding-kicker { grid-column: 1 / -1; margin-bottom: -5px; color: #71baff; }
.brand-pillars h2 { margin: 0; font-size: clamp(36px, 4vw, 60px); letter-spacing: -.055em; line-height: 1; }
.brand-pillars__intro > p:last-child { margin: 0; color: #c8d7ec; font-size: 17px; }
.brand-pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 60px; }
.brand-pillar-grid article { padding: 32px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.06); backdrop-filter: blur(8px); }
.brand-pillar-grid .dashicons { width: 40px; height: 40px; color: #66b7ff; font-size: 40px; line-height: 40px; }
.brand-pillar-grid article:nth-child(2) .dashicons { color: #ff695f; }
.brand-pillar-grid article:nth-child(3) .dashicons { color: #ffa528; }
.brand-pillar-grid h3 { margin: 25px 0 10px; font-size: 21px; }
.brand-pillar-grid p { margin: 0; color: #c8d7ec; font-size: 14px; }

.brand-deliverables { padding: 100px 0; background: #f5f8fc; }
.brand-deliverables__intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 70px; align-items: end; margin-bottom: 55px; }
.brand-deliverables h2 { max-width: 760px; margin: 0; font-size: clamp(38px, 4vw, 60px); letter-spacing: -.055em; line-height: 1.03; }
.brand-deliverables__intro > p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.brand-deliverables__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.brand-deliverables__grid article { display: grid; grid-template-columns: 58px 1fr; gap: 20px; min-height: 174px; padding: 29px; border: 1px solid #dfe7f2; border-radius: 17px; background: #fff; box-shadow: 0 15px 35px rgba(24,53,100,.055); }
.brand-deliverables__grid article > span { color: var(--blue); font-size: 14px; font-weight: 800; letter-spacing: .08em; }
.brand-deliverables__grid article:nth-child(3n+2) > span { color: var(--red); }
.brand-deliverables__grid article:nth-child(3n+3) > span { color: var(--orange); }
.brand-deliverables h3 { margin: 0 0 9px; font-size: 20px; }
.brand-deliverables__grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.brand-touchpoints { padding: 100px 0; background: #fff; }
.brand-touchpoints__heading { align-items: center; margin-bottom: 45px; }
.brand-touchpoints__heading h2 { font-size: clamp(34px, 3.8vw, 56px); }
.brand-touchpoints__heading p { max-width: 500px; font-size: 15px; }
.touchpoint-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.touchpoint-card { position: relative; min-height: 230px; padding: 34px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, #fff, #f8faff); box-shadow: 0 18px 40px rgba(24, 53, 100, .08); }
.touchpoint-card::after { content: ''; position: absolute; right: -55px; bottom: -55px; width: 130px; height: 130px; border-radius: 50%; background: linear-gradient(135deg, rgba(8,102,245,.09), rgba(255,43,32,.08)); }
.touchpoint-card > .dashicons { width: 38px; height: 38px; color: var(--blue); font-size: 38px; line-height: 38px; }
.touchpoint-card:nth-child(3n+2) > .dashicons { color: var(--red); }
.touchpoint-card:nth-child(3n+3) > .dashicons { color: var(--orange); }
.touchpoint-card h3 { margin: 23px 0 10px; font-size: 20px; }
.touchpoint-card p { margin: 0; color: var(--muted); font-size: 14px; }

.brand-process { padding: 100px 0; background: #f6f9fd; }
.brand-process__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(480px, 1.15fr); gap: 90px; align-items: center; }
.brand-process h2 { margin: 0 0 25px; font-size: clamp(36px, 4vw, 58px); letter-spacing: -.055em; line-height: 1.04; }
.brand-process__grid > div > p:last-child { color: var(--muted); font-size: 16px; }
.brand-process ol { margin: 0; padding: 0; list-style: none; }
.brand-process li { display: grid; grid-template-columns: 74px 1fr; gap: 24px; padding: 27px 0; border-bottom: 1px solid #dbe3ef; }
.brand-process li > span { color: var(--red); font-size: 28px; font-weight: 800; }
.brand-process li:nth-child(2) > span { color: var(--orange); }
.brand-process li:nth-child(3) > span { color: var(--blue); }
.brand-process strong { font-size: 19px; }
.brand-process li p { margin: 6px 0 0; color: var(--muted); font-size: 14px; }

.brand-editorial { padding: 80px 0; background: #fff; }
.brand-editorial__content { max-width: 920px; }
.brand-editorial__content > :first-child { margin-top: 0; }
.brand-editorial__content > :last-child { margin-bottom: 0; }

.brand-faq { padding: 100px 0; background: #fff; }
.brand-faq__grid { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(520px, 1.28fr); gap: 90px; align-items: start; }
.brand-faq__intro { position: sticky; top: 105px; }
.brand-faq h2 { margin: 0 0 22px; font-size: clamp(36px, 3.8vw, 56px); letter-spacing: -.055em; line-height: 1.04; }
.brand-faq__intro > p:last-child { max-width: 440px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.brand-faq details { border-bottom: 1px solid #dbe3ef; }
.brand-faq summary { display: flex; justify-content: space-between; gap: 25px; align-items: center; padding: 25px 0; cursor: pointer; color: var(--navy); font-size: 18px; font-weight: 700; list-style: none; }
.brand-faq summary::-webkit-details-marker { display: none; }
.brand-faq summary span { display: grid; flex: 0 0 34px; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--blue); background: #edf5ff; font-size: 22px; transition: transform .2s ease; }
.brand-faq details[open] summary span { color: #fff; background: var(--red); transform: rotate(45deg); }
.brand-faq details p { max-width: 720px; margin: -6px 54px 25px 0; color: var(--muted); font-size: 14px; line-height: 1.65; }

.brand-related { padding: 34px 0; border-top: 1px solid var(--line); background: #f6f9fd; }
.brand-related__inner { display: flex; justify-content: space-between; gap: 35px; align-items: center; }
.brand-related p { margin: 0; color: var(--navy); font-size: 14px; font-weight: 700; }
.brand-related nav { display: flex; flex-wrap: wrap; gap: 12px; }
.brand-related a { display: inline-flex; gap: 20px; align-items: center; padding: 12px 16px; border: 1px solid #dce6f3; border-radius: 999px; color: var(--blue-deep); background: #fff; font-size: 13px; font-weight: 700; }
.brand-related a:hover { border-color: #a7c9f6; color: var(--blue); }

.branding-cta { padding: 55px 0; color: #fff; background: linear-gradient(105deg, #061d43, #063a7d 58%, #1a1f52); }
.branding-cta__inner { display: flex; justify-content: space-between; gap: 40px; align-items: center; }
.branding-cta .branding-kicker { margin-bottom: 8px; color: #79bcff; }
.branding-cta h2 { margin: 0; font-size: clamp(30px, 3.2vw, 46px); letter-spacing: -.04em; }

/* Services overview and reusable service detail system */
.services-page, .service-detail { overflow: hidden; }
.services-kicker, .service-detail__kicker { margin: 0 0 14px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.services-tone--blue, .service-tone--blue { --service-accent: var(--blue); --service-soft: #eaf3ff; --service-deep: #0645a8; }
.services-tone--red, .service-tone--red { --service-accent: var(--red); --service-soft: #fff0ee; --service-deep: #bd1d15; }
.services-tone--orange, .service-tone--orange { --service-accent: var(--orange); --service-soft: #fff5e7; --service-deep: #b65d00; }

.services-hero { position: relative; min-height: 650px; background: radial-gradient(circle at 76% 25%, rgba(8,102,245,.16), transparent 27%), radial-gradient(circle at 93% 85%, rgba(255,43,32,.1), transparent 25%), linear-gradient(140deg, #fff, #f4f8ff); }
.services-hero__grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(530px, 1.08fr); gap: 65px; align-items: center; min-height: 650px; }
.services-hero__copy { max-width: 690px; padding: 70px 0; }
.services-hero h1 { margin: 0; font-size: clamp(54px, 5.5vw, 86px); letter-spacing: -.07em; line-height: .93; }
.services-hero h1 span { color: transparent; background: linear-gradient(100deg, var(--blue), var(--red) 58%, var(--orange)); background-clip: text; -webkit-background-clip: text; }
.services-hero__copy > p:not(.services-kicker) { max-width: 650px; margin: 28px 0; color: #4b5668; font-size: clamp(18px, 1.4vw, 22px); line-height: 1.55; }
.services-hero__actions { display: flex; gap: 28px; align-items: center; }
.services-text-link { display: inline-flex; gap: 12px; color: var(--blue-deep); font-size: 13px; font-weight: 700; }
.services-map { position: relative; min-height: 560px; }
.services-map::before, .services-map::after { content: ''; position: absolute; border: 1px solid rgba(8,102,245,.18); border-radius: 50%; }
.services-map::before { inset: 7% 5%; }
.services-map::after { inset: 21% 19%; border-color: rgba(255,43,32,.2); }
.services-map__core { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; flex-direction: column; justify-content: center; width: 220px; height: 220px; padding: 30px; border: 12px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #0878ff, #052b70); box-shadow: 0 30px 65px rgba(4,53,130,.25); transform: translate(-50%, -50%); text-align: center; }
.services-map__core span { opacity: .78; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.services-map__core strong { margin-top: 8px; font-size: 25px; line-height: 1.05; }
.services-map__node { position: absolute; z-index: 3; display: flex; gap: 11px; align-items: center; width: 184px; min-height: 66px; padding: 13px 15px; border: 5px solid #fff; border-radius: 17px; color: var(--navy); background: #fff; box-shadow: 0 18px 38px rgba(19,52,105,.15); }
.services-map__node .dashicons { display: grid; flex: 0 0 35px; place-items: center; width: 35px; height: 35px; border-radius: 10px; color: #fff; background: var(--service-accent); font-size: 19px; line-height: 35px; }
.services-map__node b { font-size: 12px; line-height: 1.2; }
.services-map__node--1 { top: 7%; left: 33%; }.services-map__node--2 { top: 27%; right: 0; }.services-map__node--3 { right: 4%; bottom: 18%; }.services-map__node--4 { bottom: 4%; left: 31%; }.services-map__node--5 { bottom: 20%; left: 0; }.services-map__node--6 { top: 24%; left: -3%; }

.services-catalog { padding: 105px 0; background: #fff; }
.services-section-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); gap: 70px; align-items: end; margin-bottom: 52px; }
.services-section-heading h2 { max-width: 800px; margin: 0; font-size: clamp(38px, 4vw, 60px); letter-spacing: -.055em; line-height: 1.02; }
.services-section-heading h2 span { color: var(--red); }
.services-section-heading > p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.services-catalog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.services-catalog__card { display: flex; flex-direction: column; min-height: 440px; padding: 30px; border: 1px solid #dfe7f1; border-radius: 20px; background: linear-gradient(145deg, #fff, #f8faff); box-shadow: 0 18px 42px rgba(24,53,100,.07); transition: transform .2s ease, box-shadow .2s ease; }
.services-catalog__card:hover { box-shadow: 0 24px 50px rgba(24,53,100,.13); transform: translateY(-5px); }
.services-catalog__top { display: flex; justify-content: space-between; align-items: center; }
.services-catalog__number { color: #a2adbd; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.services-catalog__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: var(--service-accent); }
.services-catalog__icon .dashicons { width: 24px; height: 24px; font-size: 24px; line-height: 24px; }
.services-catalog__card h3 { margin: 34px 0 13px; font-size: 25px; letter-spacing: -.035em; }
.services-catalog__card > p { min-height: 86px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.services-catalog__card ul { margin: 23px 0 30px; padding: 0; list-style: none; }
.services-catalog__card li { position: relative; margin: 8px 0; padding-left: 18px; color: #3c4657; font-size: 13px; }
.services-catalog__card li::before { content: ''; position: absolute; top: .55em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--service-accent); }
.services-catalog__card > a { display: flex; justify-content: space-between; margin-top: auto; padding-top: 17px; border-top: 1px solid var(--line); color: var(--service-deep); font-size: 13px; font-weight: 800; }

.services-method { padding: 105px 0; color: #fff; background: linear-gradient(125deg, #02193c, #063b82); }
.services-method__grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(520px, 1.25fr); gap: 90px; align-items: start; }
.services-method .services-kicker { color: #70b9ff; }
.services-method h2 { margin: 0 0 24px; font-size: clamp(38px, 4vw, 60px); letter-spacing: -.055em; line-height: 1.02; }
.services-method__intro > p:last-child { max-width: 580px; margin: 0; color: #c8d7ec; font-size: 16px; line-height: 1.65; }
.services-method__steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.services-method__steps li { min-height: 210px; padding: 27px; border: 1px solid rgba(255,255,255,.14); border-radius: 17px; background: rgba(255,255,255,.06); }
.services-method__steps li > span { color: #67b6ff; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.services-method__steps li:nth-child(2) > span, .services-method__steps li:nth-child(4) > span { color: #ff756a; }
.services-method__steps strong { display: block; margin-top: 25px; font-size: 21px; }
.services-method__steps p { margin: 9px 0 0; color: #c8d7ec; font-size: 14px; line-height: 1.6; }

.services-principles { padding: 100px 0; background: #f6f9fd; }
.services-principles__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.services-principles article { padding: 34px; border: 1px solid #dfe7f1; border-radius: 18px; background: #fff; }
.services-principles .dashicons { width: 38px; height: 38px; color: var(--blue); font-size: 38px; line-height: 38px; }
.services-principles article:nth-child(2) .dashicons { color: var(--red); }.services-principles article:nth-child(3) .dashicons { color: var(--orange); }
.services-principles h3 { margin: 24px 0 10px; font-size: 21px; }
.services-principles article p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.services-cta, .service-detail__cta { padding: 62px 0; color: #fff; background: linear-gradient(105deg, #061d43, #063a7d 58%, #1a1f52); }
.services-cta__inner, .service-detail__cta-inner { display: flex; justify-content: space-between; gap: 45px; align-items: center; }
.services-cta .services-kicker, .service-detail__cta .service-detail__kicker { margin-bottom: 8px; color: #79bcff; }
.services-cta h2, .service-detail__cta h2 { max-width: 840px; margin: 0; font-size: clamp(31px, 3.3vw, 48px); letter-spacing: -.045em; line-height: 1.06; }

.service-detail__hero { position: relative; min-height: 650px; background: radial-gradient(circle at 76% 32%, color-mix(in srgb, var(--service-accent) 15%, transparent), transparent 28%), linear-gradient(138deg, #fff, #f5f8fd); }
.service-detail__hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(500px, 1.05fr); gap: 75px; align-items: center; min-height: 650px; }
.service-detail__hero-copy { max-width: 700px; padding: 65px 0; }
.service-detail__back { display: inline-flex; gap: 9px; margin-bottom: 55px; color: var(--muted); font-size: 12px; font-weight: 700; }
.service-detail__kicker { color: var(--service-accent); }
.service-detail__hero h1 { margin: 0; font-size: clamp(57px, 6vw, 92px); letter-spacing: -.07em; line-height: .92; }
.service-detail__lead { max-width: 690px; margin: 29px 0; color: #4b5668; font-size: clamp(18px, 1.4vw, 22px); line-height: 1.58; }
.service-detail__actions { display: flex; gap: 28px; align-items: center; }
.service-detail__actions > a:not(.button) { display: inline-flex; gap: 10px; color: var(--service-deep); font-size: 13px; font-weight: 800; }
.service-detail__visual { position: relative; min-height: 530px; }
.service-detail__orbit { position: absolute; border: 1px solid color-mix(in srgb, var(--service-accent) 27%, transparent); border-radius: 50%; }
.service-detail__orbit--outer { inset: 4% 1%; }.service-detail__orbit--inner { inset: 18% 15%; transform: rotate(18deg); }
.service-detail__visual-card { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; flex-direction: column; justify-content: flex-end; width: 64%; height: 62%; padding: 38px; border: 11px solid #fff; border-radius: 30px; color: #fff; background: linear-gradient(145deg, var(--service-accent), #062c6c 78%); box-shadow: 0 35px 70px rgba(8,47,112,.25); transform: translate(-50%, -50%) rotate(-5deg); }
.service-detail__visual-card .dashicons { position: absolute; top: 30px; left: 32px; width: 42px; height: 42px; font-size: 42px; line-height: 42px; }
.service-detail__visual-card small { opacity: .72; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.service-detail__visual-card strong { margin: 9px 0 5px; font-size: 32px; letter-spacing: -.045em; line-height: 1; }
.service-detail__visual-card i { opacity: .82; font-size: 12px; font-style: normal; }
.service-detail__signal { position: absolute; z-index: 3; display: grid; place-items: center; width: 62px; height: 62px; border: 6px solid #fff; border-radius: 18px; color: #fff; background: var(--service-accent); box-shadow: 0 17px 35px rgba(14,43,94,.18); }
.service-detail__signal .dashicons { width: 27px; height: 27px; font-size: 27px; line-height: 27px; }
.service-detail__signal--one { top: 13%; left: 13%; transform: rotate(-10deg); }.service-detail__signal--two { top: 18%; right: 9%; transform: rotate(8deg); }.service-detail__signal--three { right: 16%; bottom: 11%; transform: rotate(-5deg); }

.service-scene { position: relative; min-height: 530px; }
.service-scene::before, .service-scene::after { content: ''; position: absolute; border: 1px solid color-mix(in srgb, var(--service-accent) 24%, transparent); border-radius: 50%; }
.service-scene::before { inset: 5% 1%; }.service-scene::after { inset: 19% 15%; transform: rotate(18deg); }
.service-scene > div { position: absolute; z-index: 2; }
.service-scene--image { display: grid; place-items: center; padding: 24px 0; }
.service-scene--image::before, .service-scene--image::after { display: none; }
.service-scene__image { position: relative; z-index: 2; display: block; width: min(100%, 720px); height: auto; filter: drop-shadow(0 20px 28px rgba(7,48,112,.13)); }
.scene-chip { display: grid; place-items: center; width: 62px; height: 62px; border: 6px solid #fff; border-radius: 18px; color: #fff; background: var(--service-accent); box-shadow: 0 17px 35px rgba(14,43,94,.2); }
.scene-chip .dashicons { width: 28px; height: 28px; font-size: 28px; line-height: 28px; }

.scene-browser { top: 14%; left: 3%; width: 79%; height: 66%; overflow: hidden; border: 10px solid #09295b; border-radius: 24px; background: #fff; box-shadow: 0 32px 65px rgba(7,48,112,.24); transform: rotate(-4deg); }
.scene-browser__bar { display: flex; gap: 6px; align-items: center; height: 38px; padding: 0 13px; color: #6a7587; background: #edf3fb; }
.scene-browser__bar i { width: 7px; height: 7px; border-radius: 50%; background: var(--red); }.scene-browser__bar i:nth-child(2) { background: var(--orange); }.scene-browser__bar i:nth-child(3) { background: #25b984; }
.scene-browser__bar span { margin-left: 10px; font-size: 9px; font-style: normal; }
.scene-code { position: absolute; top: 38px; bottom: 0; left: 0; width: 48%; padding: 25px 20px; color: #8cc8ff; background: linear-gradient(145deg, #031b3f, #063b82); }
.scene-code b, .scene-code em { display: block; color: #ff8b36; font-size: 12px; font-style: normal; }.scene-code i { display: block; width: 84%; height: 6px; margin: 14px 0; border-radius: 9px; background: #1685ef; }.scene-code i:nth-of-type(2) { width: 62%; background: #ff5147; }.scene-code i:nth-of-type(3) { width: 73%; background: #6ac2ff; }
.scene-browser__preview { position: absolute; top: 38px; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; width: 52%; padding: 25px; background: linear-gradient(145deg, #f8fbff, #e4efff); }
.scene-browser__preview span { width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(145deg, var(--blue), #51a7ff); }.scene-browser__preview strong { margin: 17px 0 5px; font-size: 28px; }.scene-browser__preview small { color: var(--muted); font-size: 9px; }
.scene-device { right: 2%; bottom: 7%; display: flex; flex-direction: column; width: 29%; height: 50%; padding: 28px 18px; border: 8px solid #fff; border-radius: 27px; color: #fff; background: linear-gradient(160deg, #087dff, #04306f); box-shadow: 0 27px 52px rgba(8,47,112,.23); transform: rotate(7deg); }
.scene-device .dashicons { width: 28px; height: 28px; font-size: 28px; line-height: 28px; }.scene-device b { margin: auto 0 15px; font-size: 17px; }.scene-device i { width: 100%; height: 6px; margin-top: 8px; border-radius: 8px; background: rgba(255,255,255,.35); }.scene-device i:nth-of-type(2) { width: 73%; }
.scene-chip--code { top: 8%; right: 7%; transform: rotate(8deg); }.scene-chip--speed { bottom: 8%; left: 13%; transform: rotate(-9deg); }

.scene-canvas { top: 11%; left: 2%; width: 80%; height: 68%; overflow: hidden; border: 10px solid #fff; border-radius: 24px; background: #f8faff; box-shadow: 0 32px 65px rgba(7,48,112,.22); transform: rotate(-3deg); }
.scene-canvas__tools { position: absolute; inset: 0 auto 0 0; display: flex; flex-direction: column; gap: 15px; align-items: center; width: 54px; padding-top: 24px; background: #082d68; }.scene-canvas__tools span { width: 20px; height: 20px; border: 2px solid #7cbcff; border-radius: 5px; }.scene-canvas__tools span:nth-child(2) { border-radius: 50%; border-color: #ff6b61; }.scene-canvas__tools span:nth-child(3) { height: 5px; border: 0; background: #ffa52c; }
.scene-wireframe { position: absolute; inset: 20px 20px 20px 74px; }.scene-wireframe header { height: 18px; border-radius: 6px; background: #dbe6f4; }.scene-wireframe__hero { height: 48%; margin-top: 18px; padding: 25px; border-radius: 12px; background: linear-gradient(135deg, #dcecff, #f6e8ff); }.scene-wireframe__hero b { display: block; width: 45%; height: 18px; border-radius: 5px; background: var(--blue); }.scene-wireframe__hero i { display: block; width: 80%; height: 7px; margin-top: 13px; border-radius: 5px; background: #a9b8ca; }.scene-wireframe__hero i:last-child { width: 57%; }.scene-wireframe__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; height: 29%; margin-top: 13px; }.scene-wireframe__cards span { border: 1px solid #cad7e8; border-radius: 9px; background: #fff; }
.scene-prototype { right: 1%; bottom: 5%; display: flex; flex-direction: column; width: 29%; height: 57%; padding: 27px 17px; border: 8px solid #fff; border-radius: 28px; color: var(--navy); background: linear-gradient(160deg, #fff, #edf4ff); box-shadow: 0 27px 52px rgba(8,47,112,.2); transform: rotate(8deg); }.scene-prototype .dashicons { color: var(--blue); font-size: 27px; }.scene-prototype b { margin: auto 0 14px; font-size: 16px; }.scene-prototype i { height: 6px; margin-bottom: 8px; border-radius: 8px; background: #ccd8e7; }.scene-prototype__action { margin-top: 8px; padding: 8px; border-radius: 8px; color: #fff; background: var(--red); font-size: 9px; text-align: center; }
.scene-swatches { bottom: 4%; left: 14%; display: flex; gap: 7px; padding: 10px; border: 5px solid #fff; border-radius: 18px; background: #fff; box-shadow: 0 14px 30px rgba(14,43,94,.16); }.scene-swatches i { width: 23px; height: 23px; border-radius: 7px; background: var(--blue); }.scene-swatches i:nth-child(2) { background: var(--red); }.scene-swatches i:nth-child(3) { background: var(--orange); }.scene-swatches i:nth-child(4) { background: #071f48; }.scene-chip--cursor { top: 6%; right: 7%; transform: rotate(8deg); }

.scene-search { top: 13%; left: 2%; width: 84%; height: 67%; padding: 28px; border: 10px solid #fff; border-radius: 25px; background: #fff; box-shadow: 0 32px 65px rgba(7,48,112,.21); transform: rotate(-3deg); }
.scene-search__bar { display: flex; gap: 13px; align-items: center; padding: 14px 17px; border: 2px solid #d6e1ef; border-radius: 999px; color: #657184; }.scene-search__bar .dashicons { color: var(--service-accent); }.scene-search__bar b { overflow: hidden; font-size: 11px; white-space: nowrap; }
.scene-results { margin-top: 20px; }.scene-results article { display: grid; grid-template-columns: 31px 1fr; gap: 13px; padding: 13px 0; border-bottom: 1px solid #e1e8f1; }.scene-results article > i { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: #fff; background: var(--service-accent); font-size: 9px; font-style: normal; }.scene-results strong { display: block; color: var(--navy); font-size: 12px; }.scene-results div span { display: block; width: 90%; height: 5px; margin-top: 7px; border-radius: 6px; background: #d6e0ec; }.scene-results div span:last-child { width: 62%; }
.scene-rank { right: 1%; bottom: 5%; width: 36%; height: 43%; padding: 24px 18px; border: 8px solid #fff; border-radius: 25px; color: #fff; background: linear-gradient(155deg, #ff9c00, #ff4d20); box-shadow: 0 27px 52px rgba(117,61,0,.2); transform: rotate(7deg); }.scene-rank small { opacity: .8; font-size: 10px; text-transform: uppercase; }.scene-rank strong { display: block; margin: 9px 0 20px; font-size: 34px; }.scene-rank div { display: flex; gap: 6px; align-items: end; height: 70px; }.scene-rank i { flex: 1; height: 20%; border-radius: 4px 4px 0 0; background: rgba(255,255,255,.7); }.scene-rank i:nth-child(2) { height: 42%; }.scene-rank i:nth-child(3) { height: 55%; }.scene-rank i:nth-child(4) { height: 76%; }.scene-rank i:nth-child(5) { height: 100%; }.scene-chip--search { top: 5%; right: 7%; transform: rotate(9deg); }

.scene-social-phone { top: 3%; left: 24%; width: 49%; height: 90%; overflow: hidden; border: 11px solid #fff; border-radius: 34px; background: #fff; box-shadow: 0 34px 70px rgba(7,48,112,.22); transform: rotate(-3deg); }.scene-social-phone header { display: flex; gap: 10px; align-items: center; height: 52px; padding: 0 16px; border-bottom: 1px solid #e5eaf1; }.scene-social-phone header span { width: 25px; height: 25px; border-radius: 50%; background: linear-gradient(145deg, var(--red), var(--orange)); }.scene-social-phone header b { font-size: 11px; }.scene-social-phone header i { width: 4px; height: 4px; margin-left: auto; border-radius: 50%; background: #7c8797; box-shadow: 0 7px #7c8797, 0 -7px #7c8797; }
.scene-social-post { padding: 15px; }.scene-social-image { display: grid; place-items: center; height: 205px; border-radius: 17px; color: #fff; background: linear-gradient(145deg, #087cff, #6426d8 58%, #ff3a28); }.scene-social-image .dashicons { width: 58px; height: 58px; font-size: 58px; line-height: 58px; }.scene-social-actions { padding: 13px 2px; color: var(--red); font-size: 17px; }.scene-social-post > i { display: block; width: 90%; height: 6px; margin: 8px 0; border-radius: 6px; background: #dbe3ee; }.scene-social-post > i:last-child { width: 63%; }
.scene-community { right: 1%; bottom: 10%; display: flex; flex-wrap: wrap; align-items: center; width: 34%; padding: 18px; border: 7px solid #fff; border-radius: 23px; background: #fff; box-shadow: 0 23px 45px rgba(7,48,112,.18); transform: rotate(7deg); }.scene-avatar { display: grid; place-items: center; width: 36px; height: 36px; margin-right: -8px; border: 3px solid #fff; border-radius: 50%; color: #fff; background: var(--blue); font-size: 11px; font-weight: 800; }.scene-avatar:nth-child(2) { background: var(--red); }.scene-avatar:nth-child(3) { background: var(--orange); }.scene-community strong { width: 100%; margin-top: 13px; font-size: 13px; }
.scene-reaction { display: grid; place-items: center; width: 58px; height: 58px; border: 6px solid #fff; border-radius: 20px; color: #fff; box-shadow: 0 17px 35px rgba(14,43,94,.2); font-size: 21px; font-weight: 800; }.scene-reaction--heart { top: 11%; left: 5%; background: var(--red); transform: rotate(-10deg); }.scene-reaction--like { top: 19%; right: 6%; background: var(--blue); transform: rotate(9deg); }.scene-reaction--chat { bottom: 11%; left: 4%; background: var(--orange); transform: rotate(8deg); }

.scene-roadmap { top: 17%; left: 2%; width: 86%; height: 57%; padding: 29px; border: 10px solid #fff; border-radius: 26px; color: #fff; background: linear-gradient(145deg, #06285f, #0872e8); box-shadow: 0 32px 65px rgba(7,48,112,.24); transform: rotate(-3deg); }.scene-roadmap header small { display: block; opacity: .72; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }.scene-roadmap header strong { display: block; margin-top: 6px; font-size: 24px; }.scene-roadmap__path { position: relative; display: flex; justify-content: space-between; margin-top: 70px; }.scene-roadmap__path::before { content: ''; position: absolute; top: 10px; left: 8%; right: 8%; height: 3px; background: linear-gradient(90deg, #62b6ff, #ff9c00, #ff4435); }.scene-roadmap__path i { position: relative; z-index: 2; width: 22px; height: 22px; border: 5px solid #fff; border-radius: 50%; background: var(--orange); }.scene-roadmap__path i:nth-child(2) { background: #55b0ff; }.scene-roadmap__path i:nth-child(3) { background: var(--red); }.scene-roadmap__labels { display: flex; justify-content: space-between; margin-top: 13px; }.scene-roadmap__labels span { width: 25%; opacity: .8; font-size: 9px; text-align: center; }
.scene-dashboard { right: 2%; bottom: 5%; width: 38%; height: 42%; padding: 22px; border: 8px solid #fff; border-radius: 24px; color: var(--navy); background: #fff; box-shadow: 0 27px 52px rgba(8,47,112,.2); transform: rotate(7deg); }.scene-dashboard small { color: var(--muted); font-size: 9px; text-transform: uppercase; }.scene-dashboard > div { display: flex; gap: 7px; align-items: end; height: 75px; margin: 18px 0; }.scene-dashboard i { flex: 1; height: 35%; border-radius: 5px 5px 0 0; background: var(--blue); }.scene-dashboard i:nth-child(2) { height: 68%; background: var(--orange); }.scene-dashboard i:nth-child(3) { height: 49%; background: var(--red); }.scene-dashboard i:nth-child(4) { height: 92%; background: #13a779; }.scene-dashboard strong { font-size: 14px; }.scene-chip--strategy { top: 7%; right: 7%; transform: rotate(8deg); }.scene-chip--idea { bottom: 7%; left: 10%; color: #fff; background: var(--orange); transform: rotate(-9deg); }

.service-outcomes { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.service-outcomes__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.service-outcomes article { min-height: 138px; padding: 31px 38px; border-right: 1px solid var(--line); }
.service-outcomes article:first-child { border-left: 1px solid var(--line); }
.service-outcomes strong { display: block; color: var(--service-deep); font-size: 19px; }
.service-outcomes p { max-width: 320px; margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.service-capabilities { padding: 105px 0; background: #fff; }
.service-detail__heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: 70px; align-items: end; margin-bottom: 52px; }
.service-detail__heading h2 { max-width: 800px; margin: 0; font-size: clamp(38px, 4vw, 60px); letter-spacing: -.055em; line-height: 1.03; }
.service-detail__heading > p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.service-capabilities__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.service-capabilities__grid article { display: grid; grid-template-columns: 55px 1fr; gap: 20px; min-height: 170px; padding: 29px; border: 1px solid #dfe7f1; border-radius: 17px; background: #fff; box-shadow: 0 15px 35px rgba(24,53,100,.055); }
.service-capabilities__grid article > span { color: var(--service-accent); font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.service-capabilities h3 { margin: 0 0 9px; font-size: 20px; }.service-capabilities article p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.service-approach { padding: 105px 0; color: #fff; background: linear-gradient(125deg, #02193c, #063b82); }
.service-approach__grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(500px, 1.18fr); gap: 90px; align-items: center; }
.service-approach .service-detail__kicker { color: #79bcff; }.service-approach h2 { margin: 0 0 24px; font-size: clamp(38px, 4vw, 58px); letter-spacing: -.055em; line-height: 1.03; }
.service-approach__grid > div > p:last-child { margin: 0; color: #c8d7ec; font-size: 16px; line-height: 1.65; }
.service-approach ol { margin: 0; padding: 0; list-style: none; }
.service-approach li { display: grid; grid-template-columns: 70px 1fr; gap: 22px; padding: 27px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.service-approach li > span { color: #70b9ff; font-size: 26px; font-weight: 800; }.service-approach strong { font-size: 20px; }.service-approach li p { margin: 7px 0 0; color: #c8d7ec; font-size: 14px; }
.service-editorial { padding: 80px 0; background: #fff; }.service-editorial__content { max-width: 920px; }
.service-faq { padding: 100px 0; background: #f6f9fd; }
.service-faq__grid { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(520px, 1.25fr); gap: 90px; align-items: start; }
.service-faq h2 { margin: 0 0 20px; font-size: clamp(36px, 3.8vw, 55px); letter-spacing: -.055em; line-height: 1.04; }.service-faq__grid > div:first-child > p:last-child { color: var(--muted); font-size: 15px; }
.service-faq details { border-bottom: 1px solid #d5dfec; }.service-faq summary { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 25px 0; cursor: pointer; font-size: 18px; font-weight: 700; list-style: none; }.service-faq summary::-webkit-details-marker { display: none; }
.service-faq summary span { display: grid; flex: 0 0 34px; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--service-deep); background: #fff; font-size: 22px; }.service-faq details[open] summary span { color: #fff; background: var(--service-accent); transform: rotate(45deg); }.service-faq details p { margin: -5px 55px 25px 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.service-related { padding: 95px 0; background: #fff; }.service-related .service-detail__heading > a { display: flex; gap: 13px; justify-self: end; color: var(--blue-deep); font-size: 13px; font-weight: 800; }
.service-related__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.service-related__card { display: grid; grid-template-columns: 48px 1fr auto; gap: 18px; align-items: center; min-height: 110px; padding: 25px; border: 1px solid #dfe7f1; border-radius: 17px; color: var(--navy); background: #fff; box-shadow: 0 14px 32px rgba(24,53,100,.06); }.service-related__card > .dashicons { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: var(--service-accent); font-size: 22px; line-height: 48px; }.service-related__card strong { font-size: 17px; }.service-related__card i { color: var(--service-deep); font-size: 20px; font-style: normal; }

/* Contact and secure project enquiry */
.contact-page { overflow: hidden; background: #fff; }
.contact-kicker { margin: 0 0 16px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.contact-hero { position: relative; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 83% 32%, rgba(255,55,39,.09), transparent 25%), radial-gradient(circle at 66% 60%, rgba(7,114,255,.12), transparent 29%), linear-gradient(138deg, #fff 10%, #f5f9ff); }
.contact-hero::after { content: ''; position: absolute; inset: auto 0 0; height: 180px; opacity: .42; background-image: linear-gradient(rgba(6,102,245,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(6,102,245,.08) 1px, transparent 1px); background-size: 42px 42px; -webkit-mask-image: linear-gradient(to top, #000, transparent); mask-image: linear-gradient(to top, #000, transparent); pointer-events: none; }
.contact-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .93fr) minmax(480px, 1.07fr); gap: clamp(55px, 7vw, 120px); align-items: center; min-height: 650px; }
.contact-hero__copy { max-width: 720px; padding: 86px 0; }
.contact-hero h1 { margin: 0; max-width: 720px; font-size: clamp(52px, 5.4vw, 84px); letter-spacing: -.065em; line-height: .96; }
.contact-hero h1 span { display: block; color: transparent; background: linear-gradient(95deg, var(--blue) 2%, var(--red) 55%, var(--orange)); -webkit-background-clip: text; background-clip: text; }
.contact-hero__copy > p:not(.contact-kicker) { max-width: 650px; margin: 28px 0; color: #536075; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.62; }
.contact-hero__signals { display: flex; flex-wrap: wrap; gap: 13px 25px; align-items: center; }
.contact-hero__signals span { display: inline-flex; gap: 8px; align-items: center; color: #33445f; font-size: 13px; font-weight: 700; }
.contact-hero__signals i { width: 19px; height: 19px; color: var(--blue); font-size: 19px; line-height: 19px; }
.contact-scene { position: relative; min-height: 520px; }
.contact-scene::before, .contact-scene::after { content: ''; position: absolute; border: 1px solid rgba(6,102,245,.14); border-radius: 50%; }
.contact-scene::before { inset: 5% -2% 1% 0; transform: rotate(-7deg); }.contact-scene::after { inset: 17% 11% 13% 12%; transform: rotate(12deg); }
.contact-scene__brief { position: absolute; z-index: 2; top: 15%; left: 3%; width: 72%; overflow: hidden; border: 10px solid #fff; border-radius: 27px; background: #fff; box-shadow: 0 35px 75px rgba(7,48,112,.22); transform: rotate(-5deg); }
.contact-scene__brief header { display: flex; gap: 7px; align-items: center; height: 46px; padding: 0 18px; color: #58657a; background: #ecf3fb; }
.contact-scene__brief header span { width: 8px; height: 8px; border-radius: 50%; background: var(--red); }.contact-scene__brief header span:nth-child(2) { background: var(--orange); }.contact-scene__brief header span:nth-child(3) { background: #27bd80; }
.contact-scene__brief header b { margin-left: 8px; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.contact-scene__brief > div { padding: 39px 36px 35px; background: linear-gradient(145deg, #f8fbff, #e9f3ff); }
.contact-scene__brief small { display: block; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.contact-scene__brief strong { display: block; margin: 12px 0 28px; color: var(--navy); font-size: clamp(25px, 2.2vw, 38px); letter-spacing: -.045em; }
.contact-scene__brief i { display: block; width: 100%; height: 7px; margin: 13px 0; border-radius: 12px; background: #d7e4f4; }.contact-scene__brief i:nth-of-type(2) { width: 76%; }.contact-scene__brief i:nth-of-type(3) { width: 88%; }
.contact-scene__button { display: inline-flex; align-items: center; min-height: 43px; margin-top: 20px; padding: 0 20px; border-radius: 99px; color: #fff; background: linear-gradient(135deg, var(--red), #ff6b25); font-size: 11px; font-weight: 800; }
.contact-scene__message { position: absolute; z-index: 4; right: 0; bottom: 10%; display: flex; flex-direction: column; width: 38%; min-width: 170px; padding: 25px; border: 8px solid #fff; border-radius: 24px; color: #fff; background: linear-gradient(145deg, #096fff, #063a8b); box-shadow: 0 26px 55px rgba(7,48,112,.24); transform: rotate(7deg); }
.contact-scene__message .dashicons { width: 30px; height: 30px; margin-bottom: 34px; font-size: 30px; line-height: 30px; }.contact-scene__message strong { font-size: 22px; }.contact-scene__message small { margin-top: 5px; color: #bcdcff; }
.contact-scene__plane { position: absolute; z-index: 5; top: 5%; right: 10%; display: grid; place-items: center; width: 70px; height: 70px; border: 7px solid #fff; border-radius: 21px; color: #fff; background: linear-gradient(145deg, var(--orange), var(--red)); box-shadow: 0 22px 42px rgba(255,52,35,.25); transform: rotate(10deg); }
.contact-scene__plane .dashicons { width: 32px; height: 32px; font-size: 32px; line-height: 32px; transform: rotate(-35deg); }

.contact-main { padding: 105px 0 115px; background: #f6f9fd; }
.contact-main__grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .75fr); gap: clamp(40px, 6vw, 90px); align-items: start; }
.contact-form-panel { padding: clamp(30px, 4vw, 58px); border: 1px solid #dfe7f1; border-radius: 24px; background: #fff; box-shadow: 0 22px 55px rgba(24,53,100,.08); }
.contact-form-panel__heading { max-width: 730px; margin-bottom: 35px; }.contact-form-panel__heading h2 { margin: 0 0 14px; font-size: clamp(31px, 3.4vw, 49px); letter-spacing: -.05em; line-height: 1.05; }.contact-form-panel__heading > p:last-child { margin: 0; color: var(--muted); font-size: 13px; }
.contact-notice { display: flex; gap: 12px; align-items: center; margin-bottom: 28px; padding: 16px 18px; border: 1px solid; border-radius: 12px; font-size: 14px; font-weight: 650; }.contact-notice .dashicons { flex: 0 0 22px; }.contact-notice--success { color: #126644; border-color: #9ed8be; background: #ecfbf4; }.contact-notice--error { color: #972d26; border-color: #f0b7b3; background: #fff2f1; }
.contact-form { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
.contact-form label { display: flex; flex-direction: column; gap: 9px; color: #25344d; font-size: 13px; font-weight: 750; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; min-height: 52px; padding: 13px 15px; border: 1px solid #cfd9e7; border-radius: 10px; outline: 0; color: var(--navy); background: #fbfdff; font: inherit; font-weight: 500; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.contact-form textarea { min-height: 175px; resize: vertical; line-height: 1.55; }.contact-form input:hover, .contact-form select:hover, .contact-form textarea:hover { border-color: #9eb3cf; background: #fff; }.contact-form input:focus-visible, .contact-form select:focus-visible, .contact-form textarea:focus-visible { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 4px rgba(6,102,245,.13); }
.contact-form__full { grid-column: 1 / -1; }.contact-form__consent { flex-direction: row !important; gap: 11px !important; align-items: flex-start; color: #526075 !important; font-weight: 500 !important; line-height: 1.5; }.contact-form__consent input { flex: 0 0 18px; width: 18px; min-height: 18px; margin-top: 2px; padding: 0; accent-color: var(--blue); }.contact-form__consent a { color: var(--blue-deep); font-weight: 750; text-decoration: underline; }
.contact-form__submit { display: flex; gap: 24px; align-items: center; padding-top: 5px; }.contact-form__submit .button { min-height: 54px; border: 0; padding-inline: 28px; cursor: pointer; }.contact-form__submit small { display: flex; gap: 7px; align-items: center; max-width: 260px; color: #718096; font-size: 11px; line-height: 1.4; }.contact-form__submit small .dashicons { flex: 0 0 17px; width: 17px; height: 17px; color: var(--blue); font-size: 17px; line-height: 17px; }
.contact-turnstile { display: flex; gap: 16px; align-items: center; min-height: 48px; }.contact-turnstile .cf-turnstile { width: min(100%, 300px); }.contact-turnstile > small { max-width: 260px; color: #718096; font-size: 11px; line-height: 1.45; }
.contact-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.contact-sidebar { display: grid; gap: 20px; }.contact-sidebar__card { padding: 35px 31px; border-radius: 22px; color: #fff; background: linear-gradient(150deg, #061b3d, #063a7d 72%, #0c4da0); box-shadow: 0 22px 50px rgba(6,33,76,.18); }.contact-sidebar__card .contact-kicker { color: #78bcff; }.contact-sidebar__card ol { display: grid; gap: 29px; margin: 29px 0 0; padding: 0; list-style: none; }.contact-sidebar__card li { display: grid; grid-template-columns: 39px 1fr; gap: 15px; }.contact-sidebar__card li > span { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: #70b8ff; font-size: 11px; font-weight: 800; }.contact-sidebar__card li:nth-child(2) > span { color: #ff9a62; }.contact-sidebar__card li:nth-child(3) > span { color: #ff7468; }.contact-sidebar__card strong { display: block; font-size: 15px; }.contact-sidebar__card li p { margin: 6px 0 0; color: #bfcee2; font-size: 12px; line-height: 1.55; }

/* About and agency credibility */
.about-page { overflow: hidden; background: #fff; }.about-kicker { margin: 0 0 16px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.about-hero { position: relative; min-height: 680px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 25%, rgba(255,55,39,.09), transparent 24%), radial-gradient(circle at 67% 64%, rgba(7,114,255,.13), transparent 31%), linear-gradient(138deg, #fff, #f4f9ff); }.about-hero::after { content: ''; position: absolute; inset: auto 0 0; height: 200px; opacity: .4; background-image: linear-gradient(rgba(6,102,245,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(6,102,245,.08) 1px, transparent 1px); background-size: 42px 42px; -webkit-mask-image: linear-gradient(to top, #000, transparent); mask-image: linear-gradient(to top, #000, transparent); pointer-events: none; }
.about-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(500px, .98fr); gap: clamp(55px, 7vw, 115px); align-items: center; min-height: 680px; }.about-hero__copy { max-width: 790px; padding: 84px 0; }.about-hero h1 { margin: 0; font-size: clamp(54px, 5.6vw, 88px); letter-spacing: -.068em; line-height: .94; }.about-hero h1 span { display: block; color: transparent; background: linear-gradient(95deg, var(--blue), var(--red) 62%, var(--orange)); -webkit-background-clip: text; background-clip: text; }.about-hero__lead { max-width: 720px; margin: 30px 0; color: #526076; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.62; }.about-hero__actions { display: flex; gap: 28px; align-items: center; }.about-hero__actions > a:not(.button) { display: inline-flex; gap: 9px; color: var(--blue-deep); font-size: 13px; font-weight: 800; }
.about-system { position: relative; min-height: 540px; }.about-system__orbit { position: absolute; border: 1px solid rgba(6,102,245,.18); border-radius: 50%; }.about-system__orbit--one { inset: 4% 2%; transform: rotate(-10deg); }.about-system__orbit--two { inset: 19% 16%; border-color: rgba(255,55,39,.2); transform: rotate(16deg); }.about-system__core { position: absolute; z-index: 3; top: 50%; left: 50%; display: flex; flex-direction: column; justify-content: flex-end; width: 52%; aspect-ratio: 1; padding: 38px; border: 11px solid #fff; border-radius: 35px; color: #fff; background: linear-gradient(145deg, #0875ff, #063276 68%, #071b3d); box-shadow: 0 35px 70px rgba(8,47,112,.24); transform: translate(-50%, -50%) rotate(-5deg); }.about-system__core::before { content: ''; position: absolute; top: 30px; left: 32px; width: 48px; height: 48px; border: 2px solid rgba(255,255,255,.55); border-radius: 15px; box-shadow: 18px 18px 0 -5px #ff4939; }.about-system__core span { color: #9bd0ff; font-size: 13px; font-weight: 700; }.about-system__core strong { margin: 4px 0; font-size: clamp(34px, 3vw, 48px); letter-spacing: -.055em; }.about-system__core small { color: #bcd5f4; font-size: 11px; }.about-system__node { position: absolute; z-index: 4; display: flex; gap: 10px; align-items: center; min-width: 138px; padding: 13px 17px; border: 7px solid #fff; border-radius: 17px; color: #fff; background: var(--blue); box-shadow: 0 19px 40px rgba(14,43,94,.18); }.about-system__node .dashicons { width: 22px; height: 22px; font-size: 22px; line-height: 22px; }.about-system__node b { font-size: 11px; }.about-system__node--strategy { top: 8%; left: 7%; transform: rotate(-7deg); }.about-system__node--identity { top: 14%; right: 2%; background: var(--red); transform: rotate(7deg); }.about-system__node--experience { bottom: 8%; left: 3%; background: #ff8700; transform: rotate(5deg); }.about-system__node--growth { right: 3%; bottom: 10%; background: #075ecb; transform: rotate(-7deg); }
.about-definition { padding: 105px 0; color: #fff; background: linear-gradient(135deg, #061a3c, #063b7f 64%, #102458); }.about-definition__grid { display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(50px, 8vw, 145px); }.about-definition .about-kicker { color: #70baff; }.about-definition h2 { max-width: 1050px; margin: 0; font-size: clamp(37px, 4vw, 61px); letter-spacing: -.055em; line-height: 1.05; }.about-definition__grid > div p { max-width: 760px; margin: 28px 0 0; color: #c4d4e8; font-size: 17px; line-height: 1.7; }
.about-principles, .about-capabilities { padding: 105px 0; }.about-section-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: 60px; align-items: end; margin-bottom: 50px; }.about-section-heading h2 { margin: 0; font-size: clamp(38px, 4vw, 58px); letter-spacing: -.055em; line-height: 1.02; }.about-section-heading > p { max-width: 440px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }.about-principles__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }.about-principles article { min-height: 285px; padding: 31px 28px; border: 1px solid #dfe7f1; border-radius: 19px; background: #fff; box-shadow: 0 16px 36px rgba(24,53,100,.06); }.about-principles article > .dashicons { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: var(--blue); font-size: 22px; line-height: 48px; }.about-principles article:nth-child(2) > .dashicons { background: var(--red); }.about-principles article:nth-child(3) > .dashicons { background: var(--orange); }.about-principles article:nth-child(4) > .dashicons { background: #075fc9; }.about-principles h3 { margin: 38px 0 12px; font-size: 20px; letter-spacing: -.025em; }.about-principles article p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.68; }
.about-process { padding: 110px 0; background: #f5f8fc; }.about-process__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(60px, 9vw, 150px); align-items: start; }.about-process__intro { position: sticky; top: 100px; }.about-process__intro h2 { margin: 0; font-size: clamp(40px, 4.2vw, 62px); letter-spacing: -.058em; line-height: 1.02; }.about-process__intro > p:last-child { max-width: 560px; margin: 28px 0 0; color: var(--muted); font-size: 16px; line-height: 1.7; }.about-process__steps { margin: 0; padding: 0; list-style: none; }.about-process__steps li { display: grid; grid-template-columns: 65px 1fr; gap: 25px; padding: 31px 0; border-bottom: 1px solid #d8e2ee; }.about-process__steps li:first-child { padding-top: 0; }.about-process__steps > li > span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #fff; background: var(--blue); font-size: 12px; font-weight: 800; }.about-process__steps li:nth-child(2) > span { background: #ff7d00; }.about-process__steps li:nth-child(3) > span { background: var(--red); }.about-process__steps li:nth-child(4) > span { background: #073f91; }.about-process__steps h3 { margin: 1px 0 8px; font-size: 23px; }.about-process__steps p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.about-capabilities { background: #fff; }.about-capabilities__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.about-capabilities__grid a { display: grid; grid-template-columns: 50px 1fr auto; gap: 18px; align-items: center; min-height: 128px; padding: 25px; border: 1px solid #dde6f1; border-radius: 18px; color: var(--navy); background: #fff; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }.about-capabilities__grid a:hover { border-color: #9fc5f8; box-shadow: 0 18px 38px rgba(24,53,100,.09); transform: translateY(-3px); }.about-capabilities__grid > a > .dashicons { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 14px; color: #fff; background: var(--blue); font-size: 23px; line-height: 50px; }.about-capabilities__grid a:nth-child(3n+2) > .dashicons { background: var(--red); }.about-capabilities__grid a:nth-child(3n) > .dashicons { background: var(--orange); }.about-capabilities__grid strong { display: block; margin-bottom: 7px; font-size: 16px; }.about-capabilities__grid small { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; }.about-capabilities__grid i { color: var(--blue-deep); font-size: 20px; font-style: normal; }
.about-commitment { padding: 100px 0; color: #fff; background: #071b3d; }.about-commitment__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(55px, 8vw, 130px); align-items: center; }.about-commitment .about-kicker { color: #6bb6ff; }.about-commitment h2 { max-width: 780px; margin: 0; font-size: clamp(38px, 4vw, 59px); letter-spacing: -.055em; line-height: 1.04; }.about-commitment ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }.about-commitment li { display: flex; gap: 13px; align-items: center; padding: 18px 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; color: #d5e1f0; background: rgba(255,255,255,.06); font-size: 14px; }.about-commitment li .dashicons { flex: 0 0 21px; color: #58aeff; }.about-cta { padding: 65px 0; color: #fff; background: linear-gradient(105deg, #063a7d, #071b3d 62%, #27205a); }.about-cta__inner { display: flex; justify-content: space-between; gap: 50px; align-items: center; }.about-cta .about-kicker { margin-bottom: 9px; color: #75baff; }.about-cta h2 { max-width: 900px; margin: 0; font-size: clamp(31px, 3.4vw, 49px); letter-spacing: -.045em; line-height: 1.05; }

/* Case studies and portfolio */
.case-archive, .case-single { overflow: hidden; color: var(--navy); background: #fff; }
.case-kicker { margin: 0 0 15px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.case-hero { position: relative; padding: clamp(90px, 9vw, 145px) 0; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 20%, rgba(255,64,40,.09), transparent 25%), radial-gradient(circle at 16% 75%, rgba(6,102,245,.11), transparent 28%), linear-gradient(135deg, #fff, #f5f9ff); }
.case-hero::after { content: ''; position: absolute; inset: auto 0 0; height: 180px; opacity: .43; background-image: linear-gradient(rgba(6,102,245,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(6,102,245,.08) 1px, transparent 1px); background-size: 42px 42px; -webkit-mask-image: linear-gradient(to top, #000, transparent); mask-image: linear-gradient(to top, #000, transparent); pointer-events: none; }
.case-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr); gap: clamp(55px, 9vw, 150px); align-items: end; }
.case-hero h1 { max-width: 900px; margin: 0; font-size: clamp(53px, 6.1vw, 96px); letter-spacing: -.07em; line-height: .92; }.case-hero h1 span { display: block; color: transparent; background: linear-gradient(95deg, var(--blue), var(--red) 60%, var(--orange)); -webkit-background-clip: text; background-clip: text; }
.case-hero__intro > p { max-width: 620px; margin: 0 0 28px; color: #526075; font-size: clamp(16px, 1.35vw, 20px); line-height: 1.65; }.case-hero__intro > div { display: flex; flex-wrap: wrap; gap: 12px 22px; }.case-hero__intro span { display: inline-flex; gap: 8px; align-items: center; color: #34455f; font-size: 12px; font-weight: 750; }.case-hero__intro i { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(6,102,245,.11); }.case-hero__intro span:nth-child(2) i { background: var(--orange); box-shadow: 0 0 0 4px rgba(255,132,0,.12); }.case-hero__intro span:nth-child(3) i { background: var(--red); box-shadow: 0 0 0 4px rgba(255,49,38,.11); }
.case-library { padding: clamp(80px, 8vw, 125px) 0; background: #fff; }.case-library__header { display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: end; margin-bottom: 50px; }.case-library__header h2 { max-width: 850px; margin: 0; font-size: clamp(38px, 4.3vw, 62px); letter-spacing: -.058em; line-height: 1.02; }
.case-filters { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; max-width: 720px; }.case-filters a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px; border: 1px solid #d8e2ef; border-radius: 99px; color: #526075; background: #fff; font-size: 12px; font-weight: 750; transition: .2s ease; }.case-filters a:hover, .case-filters a.is-active { color: #fff; border-color: var(--blue); background: var(--blue); box-shadow: 0 9px 22px rgba(6,102,245,.17); }
.case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(22px, 2.5vw, 42px); }.case-card { overflow: hidden; border: 1px solid #dde6f1; border-radius: 24px; background: #fff; box-shadow: 0 18px 45px rgba(24,53,100,.075); transition: transform .25s ease, box-shadow .25s ease; }.case-card:hover { box-shadow: 0 28px 60px rgba(24,53,100,.13); transform: translateY(-5px); }
.case-card__visual { position: relative; display: grid; place-items: center; min-height: 390px; overflow: hidden; color: #fff; background: radial-gradient(circle at 20% 15%, rgba(55,158,255,.85), transparent 24%), radial-gradient(circle at 82% 78%, rgba(255,73,42,.75), transparent 25%), linear-gradient(145deg, #073d8e, #061b3d 75%); }.case-card__visual::after { content: ''; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px); background-size: 42px 42px; transform: perspective(500px) rotateX(52deg) scale(1.5); transform-origin: bottom; }.case-card__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }.case-card:hover .case-card__visual img { transform: scale(1.035); }
.case-card__mark { position: relative; z-index: 1; display: grid; place-items: center; width: 145px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.28); border-radius: 34px; background: rgba(255,255,255,.1); box-shadow: 24px 24px 0 -5px rgba(255,49,38,.9), -30px -25px 0 -14px rgba(255,139,0,.9); transform: rotate(-6deg); backdrop-filter: blur(6px); }.case-card__mark b { font-size: 48px; letter-spacing: -.08em; }.case-card__mark i { position: absolute; width: 22px; height: 22px; border: 3px solid rgba(255,255,255,.6); border-radius: 7px; }.case-card__mark i:nth-child(1) { top: 22px; left: 22px; }.case-card__mark i:nth-child(2) { top: 22px; right: 22px; border-radius: 50%; }.case-card__mark i:nth-child(3) { right: 22px; bottom: 22px; transform: rotate(45deg); }
.case-card__result { position: absolute; z-index: 3; right: 22px; bottom: 22px; display: flex; flex-direction: column; min-width: 138px; padding: 17px 20px; border: 5px solid rgba(255,255,255,.92); border-radius: 17px; color: var(--navy); background: #fff; box-shadow: 0 17px 35px rgba(2,25,61,.25); }.case-card__result strong { font-size: 27px; letter-spacing: -.04em; }.case-card__result small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.case-card__body { padding: 31px 32px 34px; }.case-card__terms { margin: 0 0 12px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.case-card h3 { margin: 0 0 13px; font-size: clamp(26px, 2.3vw, 36px); letter-spacing: -.045em; line-height: 1.08; }.case-card h3 a { color: var(--navy); }.case-card__body > p:not(.case-card__terms) { margin: 0 0 23px; color: var(--muted); font-size: 14px; line-height: 1.65; }.case-card__link { display: inline-flex; gap: 13px; align-items: center; color: var(--blue-deep); font-size: 13px; font-weight: 800; }.case-card__link span { font-size: 18px; transition: transform .2s ease; }.case-card__link:hover span { transform: translateX(4px); }
.case-empty { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); gap: clamp(45px, 8vw, 130px); align-items: center; min-height: 520px; padding: clamp(42px, 6vw, 90px); border: 1px solid #dce6f2; border-radius: 28px; background: linear-gradient(140deg, #f7fbff, #fff); box-shadow: 0 20px 55px rgba(24,53,100,.07); }.case-empty__visual { position: relative; display: grid; place-items: center; min-height: 330px; overflow: hidden; border-radius: 26px; color: #fff; background: linear-gradient(145deg, #0875ff, #063276 68%, #071b3d); }.case-empty__visual::before { content: ''; position: absolute; width: 190px; height: 190px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.05), 0 0 0 90px rgba(255,255,255,.035); }.case-empty__visual .dashicons { position: relative; z-index: 2; width: 64px; height: 64px; font-size: 64px; line-height: 64px; }.case-empty__visual i { position: absolute; z-index: 2; width: 35px; height: 35px; border-radius: 11px; background: var(--red); box-shadow: 0 12px 25px rgba(0,0,0,.18); }.case-empty__visual i:nth-of-type(1) { top: 19%; right: 18%; transform: rotate(11deg); }.case-empty__visual i:nth-of-type(2) { bottom: 16%; left: 15%; background: var(--orange); transform: rotate(-9deg); }.case-empty__visual i:nth-of-type(3) { right: 13%; bottom: 16%; background: #fff; transform: rotate(6deg); }.case-empty h2 { max-width: 760px; margin: 0; font-size: clamp(36px, 4.1vw, 61px); letter-spacing: -.06em; line-height: 1.02; }.case-empty > div:last-child > p:not(.case-kicker) { max-width: 660px; margin: 24px 0 30px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.case-pagination { margin-top: 48px; }.case-pagination .nav-links { display: flex; gap: 8px; justify-content: center; }.case-pagination .page-numbers { display: grid; place-items: center; min-width: 42px; height: 42px; border: 1px solid #d8e2ef; border-radius: 12px; color: var(--navy); font-weight: 750; }.case-pagination .current { color: #fff; border-color: var(--blue); background: var(--blue); }
.case-framework { padding: clamp(85px, 8vw, 120px) 0; color: #fff; background: linear-gradient(125deg, #061a3c, #063b80 66%, #102458); }.case-framework__heading { display: grid; grid-template-columns: .65fr 1.35fr; gap: 55px; align-items: start; margin-bottom: 52px; }.case-framework .case-kicker { color: #72baff; }.case-framework__heading h2 { max-width: 900px; margin: 0; font-size: clamp(39px, 4.3vw, 64px); letter-spacing: -.058em; line-height: 1.02; }.case-framework__grid { display: grid; grid-template-columns: repeat(3, 1fr); }.case-framework article { min-height: 245px; padding: 37px 36px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.045); }.case-framework article + article { border-left: 0; }.case-framework article > span { color: #6bb7ff; font-size: 12px; font-weight: 800; letter-spacing: .12em; }.case-framework article:nth-child(2) > span { color: #ffa041; }.case-framework article:nth-child(3) > span { color: #ff6f62; }.case-framework h3 { margin: 62px 0 11px; font-size: 22px; }.case-framework article p { margin: 0; color: #c6d5e8; font-size: 14px; line-height: 1.65; }
.case-cta { padding: 68px 0; color: #fff; background: linear-gradient(105deg, #063a7d, #071b3d 64%, #27205a); }.case-cta__inner { display: flex; justify-content: space-between; gap: 50px; align-items: center; }.case-cta .case-kicker { margin-bottom: 9px; color: #79bdff; }.case-cta h2 { max-width: 960px; margin: 0; font-size: clamp(31px, 3.5vw, 50px); letter-spacing: -.05em; line-height: 1.05; }

.case-single__hero { position: relative; padding: clamp(75px, 7vw, 115px) 0; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 83% 20%, rgba(255,64,40,.09), transparent 25%), linear-gradient(140deg, #fff, #f4f9ff); }.case-single__hero-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr); gap: clamp(55px, 8vw, 135px); align-items: center; }.case-single__copy { max-width: 800px; }.case-single__back { display: inline-flex; margin-bottom: 45px; color: #526075; font-size: 12px; font-weight: 750; }.case-single__hero h1 { margin: 0; font-size: clamp(52px, 5.7vw, 87px); letter-spacing: -.068em; line-height: .95; }.case-single__lead { max-width: 720px; margin: 28px 0 0; color: #526075; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.65; }
.case-single__visual { position: relative; min-height: 535px; overflow: hidden; border: 11px solid #fff; border-radius: 31px; background: #08275a; box-shadow: 0 34px 75px rgba(7,48,112,.2); transform: rotate(1.8deg); }.case-single__visual > img { width: 100%; height: 100%; min-height: 535px; object-fit: cover; }.case-single__canvas { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: radial-gradient(circle at 20% 18%, rgba(24,135,255,.9), transparent 25%), radial-gradient(circle at 82% 80%, rgba(255,73,42,.8), transparent 26%), linear-gradient(145deg, #063a84, #061a3c); }.case-single__canvas::before { content: ''; position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.32) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.32) 1px, transparent 1px); background-size: 46px 46px; }.case-single__canvas .dashicons { position: relative; z-index: 2; width: 90px; height: 90px; font-size: 90px; line-height: 90px; }.case-single__canvas i { position: absolute; z-index: 2; width: 42px; height: 42px; border-radius: 13px; background: var(--red); }.case-single__canvas i:nth-of-type(1) { top: 16%; right: 16%; transform: rotate(11deg); }.case-single__canvas i:nth-of-type(2) { bottom: 20%; left: 14%; background: var(--orange); transform: rotate(-10deg); }.case-single__canvas i:nth-of-type(3) { right: 13%; bottom: 18%; background: var(--blue); transform: rotate(7deg); }.case-single__canvas strong { position: absolute; z-index: 2; bottom: 42px; left: 42px; right: 42px; font-size: 13px; letter-spacing: .06em; text-align: center; text-transform: uppercase; }.case-single__result { position: absolute; z-index: 4; right: 25px; bottom: 25px; display: flex; flex-direction: column; min-width: 170px; padding: 20px 24px; border-radius: 18px; color: var(--navy); background: #fff; box-shadow: 0 20px 45px rgba(2,25,61,.26); transform: rotate(-1.8deg); }.case-single__result strong { font-size: 33px; letter-spacing: -.045em; }.case-single__result small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.case-facts { border-bottom: 1px solid var(--line); background: #fff; }.case-facts__grid { display: grid; grid-template-columns: repeat(4, 1fr); }.case-facts__grid > div { min-height: 138px; padding: 34px 38px; border-right: 1px solid var(--line); }.case-facts__grid > div:first-child { border-left: 1px solid var(--line); }.case-facts small { display: block; margin-bottom: 9px; color: #7a8798; font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }.case-facts strong { font-size: 18px; line-height: 1.35; }
.case-story { padding: clamp(85px, 9vw, 140px) 0; background: #fff; }.case-story__inner { max-width: 1280px; }.case-story__section { display: grid; grid-template-columns: minmax(180px, .38fr) minmax(0, 1.62fr); gap: clamp(40px, 8vw, 130px); padding: 55px 0; border-bottom: 1px solid #dce5f0; }.case-story__section:first-child { padding-top: 0; }.case-story__section .case-kicker { margin: 7px 0 0; }.case-story__section > div { max-width: 880px; color: #45546a; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.78; }.case-story__section > div p { margin: 0 0 1.25em; }.case-story__editorial { max-width: 900px; margin: 70px auto 0; }.case-story__editorial .entry-content { color: #45546a; font-size: 17px; line-height: 1.75; }.case-story__editorial h2, .case-story__editorial h3 { color: var(--navy); letter-spacing: -.035em; }.case-story__editorial img { height: auto; border-radius: 20px; }
.case-next { display: grid; grid-template-columns: 1fr auto 1fr; gap: 28px; align-items: center; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid var(--line); }.case-next > div:last-child { text-align: right; }.case-next > div a { display: inline-grid; grid-template-columns: auto 1fr auto; gap: 10px; color: var(--navy); }.case-next small { grid-column: 2; color: var(--muted); font-size: 10px; text-transform: uppercase; }.case-next strong { grid-column: 2; font-size: 14px; }.case-next > div:first-child span { grid-row: 1 / 3; align-self: center; }.case-next > div:last-child span { grid-column: 3; grid-row: 1 / 3; align-self: center; }.case-next__all { min-height: 40px; padding: 0 17px; border: 1px solid #d7e2ef; border-radius: 99px; color: var(--blue-deep); font-size: 11px; font-weight: 800; line-height: 38px; }

/* Legal pages and 404 */
.legal-page{overflow:hidden;background:#fff}.legal-kicker{margin:0 0 15px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.legal-hero{position:relative;padding:clamp(85px,8vw,130px) 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 18%,rgba(255,61,38,.08),transparent 25%),linear-gradient(140deg,#fff,#f4f9ff)}.legal-hero__inner{max-width:1100px}.legal-hero h1{margin:0;font-size:clamp(54px,6.3vw,96px);letter-spacing:-.07em;line-height:.94}.legal-hero__inner>p:not(.legal-kicker){max-width:790px;margin:28px 0 22px;color:#526075;font-size:clamp(17px,1.45vw,21px);line-height:1.65}.legal-hero small{color:#7b8798;font-size:11px;font-weight:700;text-transform:uppercase}.legal-content{padding:clamp(80px,8vw,125px) 0}.legal-content__grid{display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1.52fr);gap:clamp(55px,9vw,145px);align-items:start}.legal-content aside{position:sticky;top:100px;padding:28px;border:1px solid #dce6f1;border-radius:18px;background:#f7faff}.legal-content aside>strong{font-size:13px}.legal-content aside nav{display:grid;gap:11px;margin:20px 0 30px}.legal-content aside nav a{color:#5d6a7d;font-size:11px;line-height:1.35}.legal-content aside nav a:hover{color:var(--blue)}.legal-content aside>p{margin:0 0 8px;color:#6f7b8e;font-size:11px}.legal-content aside>a{color:var(--blue-deep);font-size:12px;font-weight:800}.legal-content article{display:grid;grid-template-columns:55px 1fr;gap:28px;padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid #dce5f0;scroll-margin-top:100px}.legal-content article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:#fff;background:var(--blue);font-size:11px;font-weight:800}.legal-content article:nth-child(3n+2)>span{background:var(--orange)}.legal-content article:nth-child(3n)>span{background:var(--red)}.legal-content h2{margin:0 0 16px;font-size:clamp(27px,3vw,42px);letter-spacing:-.045em;line-height:1.08}.legal-content article p,.legal-content article li{color:#4b596d;font-size:15px;line-height:1.75}.legal-content article ul{padding-left:22px}.legal-note{padding:28px 31px;border-left:4px solid var(--orange);border-radius:0 15px 15px 0;background:#fff6ea}.legal-note strong{color:#9a4200}.legal-note p{margin:8px 0 0;color:#744822;font-size:13px;line-height:1.65}.error-page{display:grid;align-items:center;min-height:70vh;padding:90px 0;background:radial-gradient(circle at 18% 20%,rgba(6,102,245,.12),transparent 27%),linear-gradient(140deg,#fff,#f5f9ff)}.error-page__grid{display:grid;grid-template-columns:minmax(340px,.85fr) 1.15fr;gap:clamp(55px,9vw,140px);align-items:center}.error-page__visual{position:relative;display:grid;place-items:center;min-height:420px;overflow:hidden;border-radius:30px;color:#fff;background:linear-gradient(145deg,#0875ff,#063276 65%,#071b3d);box-shadow:0 30px 70px rgba(7,48,112,.2)}.error-page__visual strong{position:relative;z-index:2;font-size:clamp(90px,12vw,180px);letter-spacing:-.09em}.error-page__visual i{position:absolute;width:48px;height:48px;border-radius:14px;background:var(--red)}.error-page__visual i:nth-of-type(1){top:14%;right:13%;transform:rotate(10deg)}.error-page__visual i:nth-of-type(2){bottom:14%;left:12%;background:var(--orange);transform:rotate(-9deg)}.error-page__visual i:nth-of-type(3){right:11%;bottom:15%;background:#fff;transform:rotate(8deg)}.error-page h1{max-width:800px;margin:0;font-size:clamp(45px,5.2vw,78px);letter-spacing:-.065em;line-height:.98}.error-page__grid>div:last-child>p:not(.case-kicker){max-width:650px;margin:27px 0;color:#526075;font-size:17px;line-height:1.7}.error-page__actions{display:flex;gap:25px;align-items:center}.error-page__actions>a:not(.button){display:inline-flex;gap:10px;color:var(--blue-deep);font-size:13px;font-weight:800}

/* Blog and editorial publishing */
.insights-page,.article-page{overflow:hidden;color:var(--navy);background:#fff}.insights-kicker{margin:0 0 15px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.insights-hero{position:relative;padding:clamp(90px,9vw,145px) 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 22%,rgba(255,61,38,.09),transparent 25%),radial-gradient(circle at 14% 78%,rgba(6,102,245,.11),transparent 28%),linear-gradient(135deg,#fff,#f5f9ff)}.insights-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(55px,9vw,145px);align-items:end}.insights-hero h1{max-width:960px;margin:0;font-size:clamp(54px,6.1vw,96px);letter-spacing:-.07em;line-height:.92}.insights-hero h1 span{display:block;color:transparent;background:linear-gradient(95deg,var(--blue),var(--red) 61%,var(--orange));-webkit-background-clip:text;background-clip:text}.insights-hero__intro>p{margin:0 0 27px;color:#526075;font-size:clamp(16px,1.35vw,20px);line-height:1.65}.insights-hero__intro>div{display:flex;flex-wrap:wrap;gap:8px}.insights-hero__intro span{padding:8px 13px;border:1px solid #d8e3f0;border-radius:99px;color:#40516b;background:#fff;font-size:11px;font-weight:750}.insights-library{padding:clamp(80px,8vw,125px) 0}.insights-library__header{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;margin-bottom:50px}.insights-library__header h2{margin:0;font-size:clamp(38px,4.3vw,62px);letter-spacing:-.058em;line-height:1.02}.insights-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.insights-filters a{padding:11px 16px;border:1px solid #d8e2ef;border-radius:99px;color:#526075;font-size:12px;font-weight:750}.insights-filters a:hover,.insights-filters a.is-active{color:#fff;border-color:var(--blue);background:var(--blue)}
.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.4vw,40px)}.insight-card{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;overflow:hidden;min-height:350px;border:1px solid #dce6f1;border-radius:23px;background:#fff;box-shadow:0 17px 42px rgba(24,53,100,.07);transition:.25s ease}.insight-card:hover{box-shadow:0 26px 58px rgba(24,53,100,.12);transform:translateY(-4px)}.insight-card--featured{grid-column:1/-1;grid-template-columns:1.08fr .92fr;min-height:480px}.insight-card__visual{display:grid;place-items:center;min-height:100%;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 18%,#178fff,transparent 25%),radial-gradient(circle at 82% 80%,#ff4527,transparent 27%),linear-gradient(145deg,#073f91,#061b3d)}.insight-card__visual img{width:100%;height:100%;object-fit:cover}.insight-card__fallback{position:relative;display:grid;place-items:center;width:135px;height:170px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(255,255,255,.1);box-shadow:23px 23px 0 -5px var(--red);transform:rotate(-6deg)}.insight-card__fallback b{font-size:45px}.insight-card__fallback i{position:absolute;left:23px;right:23px;height:5px;border-radius:5px;background:rgba(255,255,255,.48)}.insight-card__fallback i:nth-child(1){top:28px}.insight-card__fallback i:nth-child(2){top:43px;width:55%}.insight-card__fallback i:nth-child(3){bottom:28px;background:var(--orange)}.insight-card__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(27px,3vw,48px)}.insight-card__meta{display:flex;gap:22px;margin-bottom:18px;color:#758297;font-size:10px;font-weight:750;text-transform:uppercase}.insight-card h3{margin:0 0 15px;font-size:clamp(25px,2.2vw,36px);letter-spacing:-.045em;line-height:1.09}.insight-card--featured h3{font-size:clamp(34px,3.4vw,53px)}.insight-card h3 a{color:var(--navy)}.insight-card__body>p{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.65}.insight-card__link{display:inline-flex;gap:13px;color:var(--blue-deep);font-size:13px;font-weight:800}
.insights-empty{display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:clamp(45px,8vw,125px);align-items:center;padding:clamp(40px,6vw,85px);border:1px solid #dce6f2;border-radius:28px;background:linear-gradient(140deg,#f7fbff,#fff)}.insights-empty__visual{position:relative;display:grid;place-items:center;min-height:330px;border-radius:25px;color:#fff;background:linear-gradient(145deg,#0875ff,#063276 68%,#071b3d)}.insights-empty__visual .dashicons{width:64px;height:64px;font-size:64px;line-height:64px}.insights-empty__visual i{position:absolute;width:38px;height:38px;border-radius:11px;background:var(--red)}.insights-empty__visual i:first-of-type{top:18%;right:15%}.insights-empty__visual i:last-of-type{bottom:16%;left:14%;background:var(--orange)}.insights-empty h2{margin:0;font-size:clamp(36px,4.1vw,61px);letter-spacing:-.06em;line-height:1.02}.insights-empty>div:last-child>p:not(.insights-kicker){margin:24px 0 30px;color:var(--muted);font-size:16px;line-height:1.7}.insights-principles{padding:clamp(85px,8vw,120px) 0;color:#fff;background:linear-gradient(125deg,#061a3c,#063b80 66%,#102458)}.insights-principles__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(55px,8vw,130px)}.insights-principles h2{margin:0;font-size:clamp(38px,4.2vw,62px);letter-spacing:-.058em;line-height:1.03}.insights-principles__grid>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.insights-principles article{padding:30px;border:1px solid rgba(255,255,255,.14)}.insights-principles article+article{border-left:0}.insights-principles h3{margin:58px 0 10px}.insights-principles article p{color:#c5d5e8;font-size:13px;line-height:1.65}
.article-hero{padding:clamp(80px,8vw,130px) 0 70px;background:radial-gradient(circle at 83% 15%,rgba(255,63,38,.09),transparent 26%),linear-gradient(140deg,#fff,#f4f9ff)}.article-hero__inner{max-width:1150px}.article-back{display:inline-flex;margin-bottom:50px;color:#526075;font-size:12px;font-weight:750}.article-hero h1{margin:0;font-size:clamp(50px,6.1vw,94px);letter-spacing:-.07em;line-height:.96}.article-lead{margin:30px 0 0;color:#526075;font-size:clamp(17px,1.45vw,22px);line-height:1.65}.article-meta{display:flex;gap:25px;margin-top:30px;color:#758297;font-size:11px;font-weight:750;text-transform:uppercase}.article-visual{position:relative;z-index:2;max-width:1450px}.article-visual>img,.article-visual__fallback{width:100%;max-height:740px;min-height:480px;object-fit:cover;border-radius:28px;box-shadow:0 30px 70px rgba(7,48,112,.17)}.article-visual__fallback{position:relative;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0875ff,#063276 65%,#ff3a28)}.article-visual__fallback .dashicons{width:90px;height:90px;font-size:90px;line-height:90px}.article-visual__fallback i{position:absolute;width:50px;height:50px;border-radius:14px;background:var(--red)}.article-visual__fallback i:first-of-type{top:15%;right:14%}.article-visual__fallback i:last-of-type{bottom:14%;left:12%;background:var(--orange)}.article-visual__fallback strong{position:absolute;bottom:42px;font-size:13px;letter-spacing:.11em;text-transform:uppercase}.article-body{padding:clamp(80px,9vw,135px) 0}.article-body__grid{display:grid;grid-template-columns:220px minmax(0,820px);gap:clamp(55px,9vw,145px);justify-content:center}.article-body aside{position:sticky;top:100px;align-self:start}.article-body aside>span{display:block;color:#7a8798;font-size:10px;font-weight:800;text-transform:uppercase}.article-body aside>strong{font-size:14px}.article-body aside nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.article-body aside nav a{padding:7px 10px;border-radius:99px;color:var(--blue-deep);background:#edf5ff;font-size:10px;font-weight:750}.article-body .entry-content{color:#3f4e63;font-size:clamp(17px,1.35vw,20px);line-height:1.82}.article-body .entry-content h2{margin:2em 0 .65em;color:var(--navy);font-size:clamp(31px,3.3vw,47px);letter-spacing:-.05em}.article-body .entry-content img{height:auto;border-radius:18px}.article-body .entry-content blockquote{margin:2em 0;padding:25px 30px;border-left:4px solid var(--red);background:#f6f9fd}.article-related{padding:90px 0;background:#f5f8fc}.article-related__heading h2{margin:0 0 38px;font-size:clamp(36px,4vw,57px)}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-related__grid a{display:grid;grid-template-columns:1fr auto;min-height:170px;padding:28px;border:1px solid #dce5f0;border-radius:18px;color:var(--navy);background:#fff}.article-related__grid small{grid-column:1/-1;color:#758297;font-size:10px}.article-related__grid strong,.article-related__grid span{align-self:end}

@media (min-width: 1201px) {
  .branding-hero__grid, .brand-outcomes__grid, .brand-pillars .shell, .brand-deliverables .shell, .brand-touchpoints .shell, .brand-process__grid, .brand-editorial__content, .brand-faq__grid, .brand-related__inner, .branding-cta__inner, .services-hero__grid, .services-catalog .shell, .services-method__grid, .services-principles .shell, .services-cta__inner, .service-detail__hero-grid, .service-outcomes__grid, .service-capabilities .shell, .service-approach__grid, .service-editorial__content, .service-faq__grid, .service-related .shell, .service-detail__cta-inner, .contact-hero__grid, .contact-main__grid, .about-hero__grid, .about-definition__grid, .about-principles .shell, .about-process__grid, .about-capabilities .shell, .about-commitment__grid, .about-cta__inner, .case-hero__grid, .case-library .shell, .case-framework .shell, .case-cta__inner, .case-single__hero-grid, .case-facts__grid, .case-story__inner, .case-next { width: 100%; max-width: none; padding-inline: clamp(48px, 5vw, 128px); }
}

@media (max-width: 900px) {
  .branding-hero__grid { grid-template-columns: 1fr; padding-top: 40px; }
  .branding-hero__copy { max-width: 720px; padding-bottom: 10px; }
  .branding-hero__visual { min-height: 480px; }
  .brand-outcomes__grid { grid-template-columns: 1fr; }
  .brand-outcomes__grid > div, .brand-outcomes__grid > div:first-child { min-height: auto; padding: 22px 0; border-right: 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .brand-pillars__intro { grid-template-columns: 1fr; }
  .brand-deliverables__intro { grid-template-columns: 1fr; gap: 25px; }
  .brand-pillar-grid, .touchpoint-grid { grid-template-columns: repeat(2, 1fr); }
  .brand-process__grid { grid-template-columns: 1fr; gap: 45px; }
  .brand-faq__grid { grid-template-columns: 1fr; gap: 42px; }
  .brand-faq__intro { position: static; }
  .brand-related__inner { align-items: flex-start; flex-direction: column; }
  .services-hero__grid, .service-detail__hero-grid { grid-template-columns: 1fr; padding-top: 45px; }
  .services-hero__copy, .service-detail__hero-copy { max-width: 760px; padding-bottom: 0; }
  .services-map, .service-scene { min-height: 500px; }
  .services-section-heading, .service-detail__heading { grid-template-columns: 1fr; gap: 24px; }
  .services-catalog__grid { grid-template-columns: repeat(2, 1fr); }
  .services-method__grid, .service-approach__grid, .service-faq__grid { grid-template-columns: 1fr; gap: 48px; }
  .service-outcomes__grid { grid-template-columns: 1fr; }
  .service-outcomes article, .service-outcomes article:first-child { min-height: auto; padding: 24px 0; border-right: 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .services-principles__grid, .service-related__grid { grid-template-columns: 1fr; }
  .contact-hero__grid { grid-template-columns: 1fr; gap: 0; padding-top: 40px; }
  .contact-hero__copy { max-width: 760px; padding-bottom: 15px; }
  .contact-scene { min-height: 500px; }
  .contact-main__grid { grid-template-columns: 1fr; }
  .contact-sidebar { grid-template-columns: 1fr; }
  .about-hero__grid { grid-template-columns: 1fr; gap: 0; padding-top: 45px; }.about-hero__copy { max-width: 820px; padding-bottom: 10px; }.about-system { min-height: 520px; }.about-definition__grid, .about-process__grid, .about-commitment__grid { grid-template-columns: 1fr; }.about-definition__grid { gap: 35px; }.about-principles__grid { grid-template-columns: repeat(2, 1fr); }.about-process__intro { position: static; }.about-capabilities__grid { grid-template-columns: repeat(2, 1fr); }
  .case-hero__grid, .case-single__hero-grid { grid-template-columns: 1fr; gap: 48px; }.case-library__header, .case-framework__heading { grid-template-columns: 1fr; gap: 28px; }.case-filters { justify-content: flex-start; }.case-empty { grid-template-columns: minmax(270px, .72fr) 1.28fr; }.case-single__copy { max-width: 850px; }.case-single__visual { min-height: 480px; transform: none; }.case-facts__grid { grid-template-columns: repeat(2, 1fr); }.case-facts__grid > div:nth-child(odd) { border-left: 1px solid var(--line); }.case-story__section { grid-template-columns: .38fr 1.62fr; gap: 45px; }
}

@media (max-width: 600px) {
  .branding-hero h1 { font-size: 54px; }
  .branding-hero__lead { font-size: 17px; }
  .branding-hero__actions { align-items: flex-start; flex-direction: column; gap: 20px; }
  .branding-hero__visual { min-height: 390px; transform: scale(.86); transform-origin: center top; }
  .brand-pillars, .brand-deliverables, .brand-touchpoints, .brand-process, .brand-faq { padding: 70px 0; }
  .brand-pillar-grid, .brand-deliverables__grid, .touchpoint-grid { grid-template-columns: 1fr; }
  .brand-deliverables__grid article { grid-template-columns: 42px 1fr; padding: 24px 20px; }
  .brand-faq summary { font-size: 16px; }
  .brand-related nav { flex-direction: column; width: 100%; }
  .brand-related a { justify-content: space-between; }
  .branding-cta__inner { align-items: flex-start; flex-direction: column; }
  .services-hero h1, .service-detail__hero h1 { font-size: 50px; }
  .services-hero__actions, .service-detail__actions { align-items: flex-start; flex-direction: column; gap: 20px; }
  .services-map { min-height: 430px; transform: scale(.82); transform-origin: center top; }
  .services-map__node { width: 150px; min-height: 58px; padding: 10px; }.services-map__node b { font-size: 10px; }
  .services-catalog, .services-method, .services-principles, .service-capabilities, .service-approach, .service-faq, .service-related { padding: 70px 0; }
  .services-catalog__grid, .services-method__steps, .service-capabilities__grid { grid-template-columns: 1fr; }
  .services-catalog__card { min-height: auto; }
  .services-catalog__card > p { min-height: auto; }
  .services-principles__grid { grid-template-columns: 1fr; }
  .services-cta__inner, .service-detail__cta-inner { align-items: flex-start; flex-direction: column; }
  .service-scene { min-height: 390px; transform: scale(.85); transform-origin: center top; }
  .service-capabilities__grid article { grid-template-columns: 42px 1fr; padding: 24px 20px; }
  .service-related .service-detail__heading > a { justify-self: start; }
  .contact-hero h1 { font-size: 51px; }
  .contact-hero__copy > p:not(.contact-kicker) { font-size: 17px; }
  .contact-scene { min-height: 410px; transform: scale(.88); transform-origin: center top; }
  .contact-main { padding: 72px 0; }
  .contact-form-panel { padding: 28px 20px; border-radius: 18px; }
  .contact-form { grid-template-columns: 1fr; }
  .contact-form__full { grid-column: auto; }
  .contact-form__submit { align-items: flex-start; flex-direction: column; }
  .contact-turnstile { align-items: flex-start; flex-direction: column; }
  .contact-sidebar { grid-template-columns: 1fr; }
  .about-hero h1 { font-size: 52px; }.about-hero__actions { align-items: flex-start; flex-direction: column; gap: 21px; }.about-system { min-height: 410px; transform: scale(.84); transform-origin: center top; }.about-definition, .about-principles, .about-process, .about-capabilities, .about-commitment { padding: 72px 0; }.about-section-heading { grid-template-columns: 1fr; gap: 22px; }.about-principles__grid, .about-capabilities__grid { grid-template-columns: 1fr; }.about-principles article { min-height: auto; }.about-process__steps li { grid-template-columns: 52px 1fr; gap: 17px; }.about-process__steps > li > span { width: 44px; height: 44px; }.about-cta__inner { align-items: flex-start; flex-direction: column; }
  .case-hero { padding: 75px 0; }.case-hero h1, .case-single__hero h1 { font-size: 50px; }.case-grid { grid-template-columns: 1fr; }.case-card__visual { min-height: 300px; }.case-card__body { padding: 26px 23px 29px; }.case-empty { grid-template-columns: 1fr; padding: 22px; }.case-empty__visual { min-height: 270px; }.case-framework__grid { grid-template-columns: 1fr; }.case-framework article + article { border-top: 0; border-left: 1px solid rgba(255,255,255,.14); }.case-framework article { min-height: auto; }.case-framework h3 { margin-top: 35px; }.case-cta__inner { align-items: flex-start; flex-direction: column; }.case-single__hero { padding: 70px 0; }.case-single__back { margin-bottom: 30px; }.case-single__visual, .case-single__visual > img { min-height: 340px; }.case-single__canvas strong { right: 20px; bottom: 25px; left: 20px; font-size: 10px; }.case-facts__grid { grid-template-columns: 1fr; }.case-facts__grid > div, .case-facts__grid > div:first-child, .case-facts__grid > div:nth-child(odd) { min-height: auto; padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--line); border-left: 0; }.case-story__section { grid-template-columns: 1fr; gap: 20px; padding: 40px 0; }.case-story__section .case-kicker { margin: 0; }.case-next { grid-template-columns: 1fr; }.case-next__all { grid-row: 1; justify-self: center; }.case-next > div { text-align: center !important; }.case-next > div:empty { display: none; }
}

@media (min-width: 901px) {
  .site-header__inner { min-height: 58px; }
  .hero, .hero__grid { min-height: 548px; }
  .hero-side { padding-top: 30px; }
  .hero-center { padding-top: 130px; }
  .hero-center h1 { font-size: 44px; white-space: nowrap; }
  .hero-center > p:not(.hero-center__kicker) { max-width: 350px; margin: 16px auto; }
  .creation-visual, .growth-visual { inset: 170px 0 15px; }
  .creation-visual img { left: 16%; width: 116%; transform: translateY(6px); }
  .growth-visual img { right: 18%; width: 118%; transform: translateY(-12px); }
  .feature-list { top: 282px; }
  .feature-list--left { left: 0; }
  .feature-list--right { right: -76px; }
  .experience { top: 448px; }
  .trust-strip__inner { width: min(880px, calc(100% - 80px)); min-height: 61px; }
  .services { padding: 28px 0 24px; }
  .services .shell, .closing-cta__inner { width: min(860px, calc(100% - 80px)); }
  .section-heading { margin-bottom: 17px; }
  .section-heading h2 { font-size: 24px; }
  .service-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
  .service-card { min-height: 205px; padding: 19px 15px 14px; }
  .service-card__icon { margin-bottom: 14px; }
  .service-card p { min-height: 74px; margin-bottom: 12px; }
  .closing-cta__inner { min-height: 84px; }
}

@media (max-width: 900px) {
  .site-header__inner { grid-template-columns: 185px 1fr auto; }
  .site-nav__list { gap: 18px; }
  .hero__grid { grid-template-columns: 1fr 1.1fr 1fr; }
  .creation-visual { transform: scale(.85); transform-origin: left bottom; }
  .growth-visual { transform: scale(.85); transform-origin: right bottom; }
  .feature-list { display: none; }
  .service-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 780px) {
  .shell { width: min(100% - 28px, 680px); }
  .site-header__inner { grid-template-columns: 1fr auto; min-height: 62px; }
  body.nav-open { overflow: hidden; }
  .nav-toggle { display: grid; gap: 4px; width: 44px; min-height: 44px; padding: 10px; cursor: pointer; }
  .nav-toggle span:not(.screen-reader-text) { height: 2px; background: var(--navy); }
  .site-header__cta { display: none; }
  .site-nav { position: absolute; top: 62px; left: 0; right: 0; display: none; padding: 20px; border-bottom: 1px solid var(--line); background: #fff; }
  .site-nav.is-open { display: block; }
  .site-nav__list { flex-direction: column; gap: 2px; }
  .site-nav a { display: flex; align-items: center; min-height: 44px; padding: 8px 4px; font-size: 16px; }
  .hero { min-height: auto; }
  .hero__grid { display: flex; flex-direction: column; }
  .hero-center { order: -1; padding: 190px 0 22px; }
  .hero-center h1 { font-size: 44px; }
  .experience { position: static; width: auto; margin-top: 25px; transform: none; }
  .hero-side { min-height: 480px; padding-top: 25px; }
  .hero-side__copy--right { margin-left: 0; }
  .creation-visual, .growth-visual { inset: 120px 0 5px; transform: scale(.92); transform-origin: center bottom; }
  .trust-strip__inner { grid-template-columns: 1fr; padding-block: 20px; text-align: center; }
  .logo-row { flex-wrap: wrap; gap: 18px 30px; margin-top: 15px; padding: 15px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .section-heading { display: block; }.section-heading p { margin-top: 15px; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .closing-cta__inner { grid-template-columns: 1fr; gap: 18px; padding-block: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media (max-width: 480px) {
  .hero-center h1 { font-size: 37px; }
  .hero-side { min-height: 420px; }
  .creation-visual, .growth-visual { transform: scale(.76); transform-origin: left bottom; }
  .growth-visual { transform-origin: right bottom; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: auto; }.service-card p { min-height: auto; }
  .closing-cta__message { align-items: flex-start; }.paper-plane { display: none; }
}

@media (min-width: 1201px) {
  .shell { width: 100%; max-width: none; padding-inline: clamp(48px, 5vw, 128px); }
  .site-header__inner { grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr); }
  .site-header__cta { justify-self: end; }
  .site-nav__list { gap: clamp(26px, 2.2vw, 52px); }
  .hero, .hero__grid { min-height: clamp(560px, 30vw, 720px); }
  .hero__grid { grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr) minmax(0, 1fr); }
  .hero-side { padding-top: clamp(38px, 3vw, 70px); }
  .hero-center { padding-top: clamp(140px, 10vw, 175px); }
  .hero-center h1 { font-size: clamp(48px, 3vw, 68px); }
  .hero-center > p:not(.hero-center__kicker) { max-width: 430px; font-size: 14px; }
  .creation-visual, .growth-visual { inset: clamp(175px, 14vw, 220px) 0 15px; }
  .creation-visual img { left: 12%; width: min(106%, 490px); transform: translateY(-4px); }
  .growth-visual img { right: 14%; width: min(108%, 500px); transform: translateY(-12px); }
  .feature-list { top: 50%; }
  .trust-strip__inner, .services .shell, .closing-cta__inner { width: 100%; max-width: none; padding-inline: clamp(48px, 5vw, 128px); }
  .trust-strip__inner { grid-template-columns: minmax(280px, .8fr) 2.5fr; }
  .services { padding: clamp(36px, 3vw, 62px) 0; }
  .section-heading { margin-inline: 0; }
  .section-heading p { max-width: 390px; font-size: 12px; }
  .service-grid { gap: clamp(16px, 1.3vw, 28px); }
  .service-card { min-height: 190px; padding: 22px 18px 16px; }
  .closing-cta__inner { min-height: 96px; }
}

@media (max-width: 900px) {
  .insights-hero__grid,.insights-library__header,.insights-principles__grid{grid-template-columns:1fr;gap:35px}.insights-filters{justify-content:flex-start}.insight-card,.insight-card--featured{grid-template-columns:1fr}.insight-card__visual{min-height:340px}.insights-empty{grid-template-columns:minmax(270px,.72fr) 1.28fr}.insights-principles__grid>div:last-child{grid-template-columns:1fr}.insights-principles article+article{border-top:0;border-left:1px solid rgba(255,255,255,.14)}.article-body__grid{grid-template-columns:170px 1fr;gap:50px}.article-related__grid{grid-template-columns:1fr}
}

@media (max-width: 600px) {
  .insights-hero{padding:75px 0}.insights-hero h1,.article-hero h1{font-size:50px}.insights-grid{grid-template-columns:1fr}.insight-card,.insight-card--featured{grid-column:auto}.insights-empty{grid-template-columns:1fr;padding:22px}.insights-empty__visual{min-height:270px}.article-visual>img,.article-visual__fallback{min-height:330px;border-radius:18px}.article-body__grid{grid-template-columns:1fr}.article-body aside{position:static}.article-related{padding:70px 0}
}

@media (max-width: 900px) {
  .site-footer__main{grid-template-columns:1.3fr repeat(2,1fr)}.site-footer__brand{grid-column:1/-1}.legal-content__grid{grid-template-columns:1fr}.legal-content aside{position:static}.error-page__grid{grid-template-columns:1fr}.error-page__visual{min-height:350px}
}

@media (max-width: 600px) {
  .site-footer__cta>.shell{align-items:flex-start;flex-direction:column}.site-footer__main{grid-template-columns:1fr 1fr;padding-top:58px}.site-footer__brand{grid-column:1/-1}.site-footer__column:first-of-type{grid-column:1/-1}.site-footer__bottom{align-items:flex-start;flex-direction:column}.legal-hero{padding:72px 0}.legal-hero h1{font-size:52px}.legal-content{padding:70px 0}.legal-content aside{padding:22px}.legal-content article{grid-template-columns:42px 1fr;gap:17px}.legal-content article>span{width:38px;height:38px}.error-page{padding:70px 0}.error-page__visual{min-height:280px}.error-page__actions{align-items:flex-start;flex-direction:column}
}

/* Homepage/footer separation and interactive process page */
.site-footer{border-top:14px solid #fff}

/* Milestone 10: insight imagery, editorial trust and connected service journeys */
.article-body__grid>aside>p{margin:14px 0 0;color:#657287;font-size:12px;line-height:1.65}.article-body__grid>aside>small{display:block;margin-top:13px;color:#7a8798;font-size:10px;font-weight:700}.article-service-cta{position:static!important;display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-top:55px;padding:32px;border:1px solid #d8e5f3;border-radius:22px;background:linear-gradient(135deg,#f2f8ff,#fff 58%,#fff3ef);box-shadow:0 16px 38px rgba(20,59,110,.08)}.article-service-cta>div>span{color:var(--blue-deep)!important}.article-service-cta h2{margin:7px 0 10px!important;font-size:clamp(26px,3vw,38px)!important}.article-service-cta p{max-width:510px;margin:0;color:#5d6a7d;font-size:14px;line-height:1.65}.article-service-cta>a{display:inline-flex;flex:0 0 auto;align-items:center;gap:18px;padding:15px 21px;border-radius:999px;color:#fff;background:var(--blue);font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(0,106,255,.18)}
.service-insight{padding:clamp(75px,8vw,120px) 0;background:#f3f7fc}.service-insight__card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(45px,7vw,105px);padding:clamp(24px,3vw,45px);border:1px solid #dce6f1;border-radius:28px;background:#fff;box-shadow:0 24px 60px rgba(19,54,102,.09)}.service-insight__visual{display:block;overflow:hidden;border-radius:20px;background:#eef5ff}.service-insight__visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.service-insight__card h2{margin:10px 0 18px;font-size:clamp(34px,3.5vw,56px);letter-spacing:-.05em;line-height:1.02}.service-insight__card p:not(.service-detail__kicker){margin:0 0 24px;color:#5f6c7e;font-size:15px;line-height:1.7}.service-insight__card>div>a{display:inline-flex;align-items:center;gap:14px;color:var(--blue-deep);font-size:13px;font-weight:800}
@media(max-width:900px){.service-insight__card{grid-template-columns:1fr}.article-service-cta{align-items:flex-start;flex-direction:column}}
.process-page{overflow:hidden;color:var(--navy);background:#fff}.process-kicker{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.process-hero{padding:clamp(85px,8vw,135px) 0;background:radial-gradient(circle at 82% 20%,rgba(255,48,32,.1),transparent 28%),linear-gradient(140deg,#fff,#f4f9ff)}.process-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(55px,8vw,130px);align-items:center}.process-hero h1{max-width:900px;margin:0;font-size:clamp(53px,6vw,92px);letter-spacing:-.07em;line-height:.94}.process-hero h1 span{display:block;color:transparent;background:linear-gradient(95deg,var(--blue),var(--red) 64%,var(--orange));background-clip:text;-webkit-background-clip:text}.process-hero__grid>div:first-child>p:last-child{max-width:730px;margin:30px 0 0;color:#526075;font-size:clamp(17px,1.4vw,21px);line-height:1.65}.process-hero__map{position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;min-height:330px;padding:45px;border:1px solid #dce6f2;border-radius:28px;background:#fff;box-shadow:0 28px 65px rgba(9,54,125,.12)}.process-hero__map::before{content:"";position:absolute;right:11%;left:11%;top:50%;height:3px;background:linear-gradient(90deg,var(--blue),var(--red),var(--orange))}.process-hero__map i{position:relative;z-index:2;justify-self:center;width:24px;height:24px;border:6px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px var(--blue)}.process-hero__map i:nth-child(4),.process-hero__map i:nth-child(5){background:var(--red);box-shadow:0 0 0 2px var(--red)}.process-hero__map span{align-self:start;justify-self:center;color:#57657a;font-size:10px;font-weight:800;text-transform:uppercase}.process-tool{padding:clamp(85px,8vw,125px) 0}.process-tool__heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:38px}.process-tool__heading h2{margin:0;font-size:clamp(40px,4.7vw,67px);letter-spacing:-.06em;line-height:1}.process-tool__heading>p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.process-goals{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.process-goals button{min-height:46px;padding:0 19px;border:1px solid #d5e1ef;border-radius:99px;color:#40516b;background:#fff;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.process-goals button:hover,.process-goals button.is-active{color:#fff;border-color:var(--blue);background:var(--blue)}.process-workbench{display:grid;grid-template-columns:minmax(300px,.68fr) 1.32fr;overflow:hidden;border:1px solid #dbe5f1;border-radius:25px;background:#f5f9ff;box-shadow:0 24px 58px rgba(15,50,104,.1)}.process-steps{margin:0;padding:0;list-style:none;background:#071e43}.process-steps button{display:grid;grid-template-columns:50px 1fr;gap:17px;align-items:center;width:100%;min-height:82px;padding:16px 25px;border:0;border-bottom:1px solid rgba(255,255,255,.1);color:#bdcde2;background:transparent;text-align:left;cursor:pointer}.process-steps button span{font-size:10px;font-weight:800;letter-spacing:.1em}.process-steps button strong{font-size:17px}.process-steps button:hover,.process-steps button.is-active{color:#fff;background:linear-gradient(90deg,#0866f5,#07499e)}.process-panel{padding:clamp(38px,5vw,75px)}.process-panel>p:first-child{margin:0 0 16px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.process-panel h3{margin:0;font-size:clamp(42px,5vw,70px);letter-spacing:-.065em;line-height:.95}.process-panel>strong{display:block;margin:19px 0 11px;font-size:19px}.process-panel>p:not(:first-child){max-width:780px;margin:0;color:#516075;font-size:16px;line-height:1.72}.process-panel>div{margin-top:32px;padding:22px 25px;border-left:4px solid var(--orange);background:#fff}.process-panel>div span{color:#7d4b00;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.process-panel>div p{margin:7px 0 0;color:#3f4e63;font-size:14px}.process-recommendation{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:24px;padding:24px 26px;border:1px solid #dbe5f1;border-radius:18px;background:#fff}.process-recommendation>.dashicons{width:34px;height:34px;color:var(--orange);font-size:34px;line-height:34px}.process-recommendation strong{font-size:13px}.process-recommendation p{margin:5px 0 0;color:var(--muted);font-size:13px}.process-principles{padding:clamp(85px,8vw,125px) 0;color:#fff;background:linear-gradient(125deg,#061a3c,#063b80 68%,#241d5c)}.process-principles__heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:42px}.process-principles__heading h2{margin:0;font-size:clamp(40px,4.7vw,67px);letter-spacing:-.06em}.process-principles__grid{display:grid;grid-template-columns:repeat(3,1fr)}.process-principles article{min-height:250px;padding:34px;border:1px solid rgba(255,255,255,.15)}.process-principles article+article{border-left:0}.process-principles article>span{color:#69b8ff;font-size:11px;font-weight:800}.process-principles h3{margin:70px 0 10px;font-size:20px}.process-principles article p{margin:0;color:#c4d4e8;font-size:14px;line-height:1.65}
@media(max-width:900px){.process-hero__grid,.process-tool__heading{grid-template-columns:1fr}.process-hero__map{min-height:260px}.process-workbench{grid-template-columns:1fr}.process-steps{display:grid;grid-template-columns:repeat(5,1fr)}.process-steps button{grid-template-columns:1fr;gap:5px;padding:13px;text-align:center}.process-recommendation{grid-template-columns:auto 1fr}.process-recommendation .button{grid-column:1/-1;justify-self:start}.process-principles__grid{grid-template-columns:1fr}.process-principles article+article{border-top:0;border-left:1px solid rgba(255,255,255,.15)}.process-principles article{min-height:auto}.process-principles h3{margin-top:35px}}
@media(max-width:600px){.site-footer{border-top-width:10px}.process-hero{padding:72px 0}.process-hero h1{font-size:50px}.process-hero__map{grid-template-columns:1fr;gap:12px;min-height:auto;padding:28px}.process-hero__map::before{top:12%;bottom:12%;left:50%;width:3px;height:auto}.process-hero__map i{grid-column:1}.process-hero__map span{display:none}.process-goals{display:grid}.process-goals button{width:100%}.process-steps{grid-template-columns:1fr}.process-steps button{grid-template-columns:44px 1fr;min-height:60px;text-align:left}.process-panel{padding:35px 24px}.process-recommendation{grid-template-columns:1fr}.process-recommendation>.dashicons{display:none}.process-principles__heading{display:block}.process-principles__heading h2{font-size:42px}}