:root{--u:min(1.1483253589px,.0598086124vw,.1062699256dvh);--s:var(--u);--services-inset:calc((100vw - 1672 * var(--u))/2);--corner-scale:min(1px,.0520833333vw,.0925925926dvh)}
.services-page{width:100%;max-width:none;min-height:100dvh;background:radial-gradient(ellipse calc(720 * var(--u)) calc(400 * var(--u)) at 100% 90%,#c8e8ffbd,transparent 85%),radial-gradient(ellipse calc(420 * var(--u)) calc(360 * var(--u)) at 0 92%,#e3eafe,transparent 85%),radial-gradient(ellipse at 95% 0,#e6f3ff,transparent 55%),#fcfeff}
.services-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./assets/reference-left-grid.webp') left calc(65 * var(--u))/calc(230 * var(--u)) calc(500 * var(--u)) no-repeat}
.services-grid::after{content:"";position:absolute;inset:0 0 auto;height:calc(280 * var(--u));background-image:linear-gradient(#b5d9f640 1px,transparent 1px),linear-gradient(90deg,#b5d9f640 1px,transparent 1px);background-size:calc(24 * var(--u)) calc(24 * var(--u));mask-image:radial-gradient(ellipse 30% 100% at 67% 0,#000,transparent)}
.services-page .services-petal{width:calc(670 * var(--u));height:calc(403 * var(--u));right:calc(-45 * var(--u));bottom:calc(-105 * var(--u));top:auto;opacity:.85}
.services-header{position:relative;display:flex;align-items:center;height:calc(76 * var(--u));margin-left:calc(var(--services-inset) + 160 * var(--u));margin-right:calc(var(--services-inset) + 108 * var(--u));z-index:2}
.services-brand img{width:calc(108 * var(--u));height:auto}.services-brand{display:flex;align-items:center}
.services-header nav{position:absolute;left:calc(464 * var(--u));top:0;height:100%;display:flex;align-items:center;gap:calc(36 * var(--u));white-space:nowrap}.services-header nav a{position:relative;color:var(--muted);font-size:calc(14 * var(--u));letter-spacing:-.035em;min-height:calc(40 * var(--u));display:flex;align-items:center}
.services-header nav a::after{content:"";height:1px;position:absolute;left:0;right:0;bottom:calc(11 * var(--u));background:#6b75b2;transform:scaleX(0);transform-origin:left}.services-header nav a[aria-current],.services-header nav a:hover{color:#090c17}.services-header nav a[aria-current]::after,.services-header nav a:hover::after,.services-header nav a:focus-visible::after{transform:scaleX(1)}
.services-header-right{margin-left:auto;display:flex;align-items:center;gap:calc(30 * var(--u))}.services-header .brand-path{width:calc(258 * var(--u));padding-right:calc(25 * var(--u));font-size:calc(9 * var(--u));line-height:calc(32 * var(--u));letter-spacing:.15em}.services-header .brand-path span{font-size:calc(12 * var(--u));padding:0 calc(6 * var(--u))}
.services-header .project-button{width:calc(157 * var(--u));height:calc(40 * var(--u));min-height:0;padding:0;font-size:calc(13 * var(--u));gap:calc(16 * var(--u));border-radius:calc(7 * var(--u))}
.services-intro{height:calc(218 * var(--u));position:relative;margin-left:calc(var(--services-inset) + 160 * var(--u));margin-right:var(--services-inset)}
.services-heading{padding-top:calc(23 * var(--u))}.services-heading .eyebrow{font-size:calc(10 * var(--u));letter-spacing:.2em;line-height:1.5}.services-heading .eyebrow span{padding:0 calc(6 * var(--u));font-size:calc(15 * var(--u))}
.services-heading h1{font-size:calc(68 * var(--u));font-weight:600;line-height:.91;letter-spacing:-.06em;margin-top:calc(14 * var(--u));white-space:nowrap}.services-accent{background-image:linear-gradient(100deg,#007b9e 0%,#086bc9 40%,#4736dc 75%,#7600ce 100%)}
.services-summary{position:absolute;left:calc(687 * var(--u));top:calc(86 * var(--u));font-size:calc(18 * var(--u));line-height:1.45;letter-spacing:-.045em;color:var(--muted);white-space:nowrap}
.services-kicker{position:absolute;left:calc(1190 * var(--u));top:calc(63 * var(--u));min-height:calc(110 * var(--u));padding:calc(35 * var(--u)) 0 0 calc(47 * var(--u));border-left:1px solid #cfdbf9;font-size:calc(11 * var(--u));font-weight:600;line-height:1.85;letter-spacing:.19em;text-transform:uppercase;color:#7184c3}
.capabilities{display:grid;grid-template-columns:repeat(4,calc(350 * var(--u)));gap:calc(12 * var(--u));margin-left:calc(var(--services-inset) + 119 * var(--u));width:calc(1436 * var(--u))}
.capability-card{height:calc(404 * var(--u));position:relative;border:1px solid #d1e2ff;border-radius:calc(14 * var(--u));padding:calc(20 * var(--u)) calc(32 * var(--u)) calc(24 * var(--u));background:linear-gradient(132deg,#ffffffd4,#f8fbffe8);box-shadow:inset 0 1px 0 #ffffffc9,0 12px 24px #738ac408}
.capability-icon{height:calc(60 * var(--u));display:flex;align-items:center;color:#8800ff}.capability-icon img{object-fit:contain;max-height:calc(55 * var(--u));width:calc(55 * var(--u));height:auto}.capability-card:first-child .capability-icon img{width:calc(53 * var(--u));height:calc(42 * var(--u))}.capability-card:nth-child(3) .capability-icon img{width:calc(44 * var(--u));height:calc(58 * var(--u))}.capability-icon svg{width:calc(55 * var(--u));height:calc(56 * var(--u))}
.capability-number{position:absolute;right:calc(24 * var(--u));top:calc(21 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));display:grid;place-items:center;border:1px solid #e8effc;border-radius:50%;font-size:calc(17 * var(--u));font-weight:500;letter-spacing:-.05em;color:#9aa8d3}
.capability-card h2{font-size:calc(20 * var(--u));font-weight:600;line-height:1.35;letter-spacing:-.055em;margin-top:calc(7 * var(--u))}.capability-description{font-size:calc(16 * var(--u));line-height:1.35;letter-spacing:-.035em;color:var(--muted);margin-top:calc(7 * var(--u));height:calc(65 * var(--u))}
.capability-card ul{list-style:none;padding:calc(13 * var(--u)) 0 0;margin:calc(16 * var(--u)) 0 0;border-top:1px solid #e0e8fa}.capability-card li{position:relative;padding-left:calc(31 * var(--u));font-size:calc(14 * var(--u));line-height:calc(26 * var(--u));letter-spacing:-.045em;white-space:nowrap;color:var(--muted)}.capability-card li::before{content:"";position:absolute;left:calc(4 * var(--u));top:calc(9 * var(--u));width:calc(9 * var(--u));height:calc(5 * var(--u));border-left:calc(2 * var(--u)) solid #1740ff;border-bottom:calc(2 * var(--u)) solid #1740ff;transform:rotate(-45deg)}
.learn-more{position:absolute;left:calc(34 * var(--u));bottom:calc(22 * var(--u));border:0;padding:calc(4 * var(--u)) 0;background:transparent;color:#0730ff;font-size:calc(15 * var(--u));letter-spacing:-.04em;display:flex;align-items:center;gap:calc(14 * var(--u));line-height:1.5}.learn-more span{display:inline-block;font-size:calc(20 * var(--u))}
.services-closing{position:relative;margin-top:calc(40 * var(--u));height:calc(203 * var(--u));border-top:0;background:transparent}
.services-closing h2{position:absolute;left:calc(var(--services-inset) + 159 * var(--u));top:calc(42 * var(--u));font-family:InterDisplay,Inter,sans-serif;font-size:calc(48 * var(--u));font-weight:700;letter-spacing:-.055em;line-height:.95}.services-closing h2::after{content:"";position:absolute;top:calc(9 * var(--u));left:calc(305 * var(--u));height:calc(84 * var(--u));width:1px;background:#c6d3f4}
.services-closing-copy{position:absolute;left:calc(var(--services-inset) + 519 * var(--u));top:calc(39 * var(--u))}.services-closing-copy>p{font-size:calc(16 * var(--u));line-height:1.35;letter-spacing:-.04em;color:var(--muted)}
.services-actions{display:flex;align-items:center;gap:calc(30 * var(--u));margin-top:calc(21 * var(--u))}.services-actions .project-button{width:calc(174 * var(--u));height:calc(47 * var(--u));min-height:0;padding:0;font-size:calc(14 * var(--u));gap:calc(17 * var(--u));border-radius:calc(9 * var(--u))}.contact-button{width:calc(139 * var(--u));height:calc(47 * var(--u));display:flex;align-items:center;justify-content:center;border:1px solid #edf2fb;border-radius:calc(10 * var(--u));background:#ffffffd9;font-size:calc(14 * var(--u));letter-spacing:-.04em;box-shadow:0 6px 12px #4766a508}
.closing-kicker{position:absolute;left:calc(var(--services-inset) + 1237 * var(--u));top:calc(49 * var(--u));text-transform:uppercase;font-size:calc(10 * var(--u));line-height:1.8;letter-spacing:.19em;color:#7083c3}.closing-kicker span{display:block;margin-top:calc(13 * var(--u));width:calc(36 * var(--u));height:1px;background:#8ca1db}
.footer-brand{position:absolute;left:calc(var(--services-inset) + 160 * var(--u));bottom:calc(13 * var(--u))}.footer-brand img{width:calc(70 * var(--u));height:auto}
#service-dialog{max-width:600px}#service-dialog .eyebrow{font-size:11px;margin-bottom:14px}#service-detail-list{color:var(--muted);font-size:15px;line-height:1.8;padding-left:20px;margin:20px 0 28px}#service-dialog .project-button{font-size:14px;gap:20px;padding:0 22px;border-radius:9px}
.services-title-first{display:inline-block;transform:scaleX(1.05);transform-origin:left center}
.capability-icon img{transform:translate(calc(8 * var(--u)),calc(-5 * var(--u)))}.capability-card:first-child .capability-icon img{transform:translate(calc(4 * var(--u)),calc(-5 * var(--u)))}.capability-icon svg{transform:translateY(calc(-5 * var(--u)))}
@media(min-width:1101px){.services-brand,.services-header nav{transform:translateY(calc(-6 * var(--u)))}.services-heading .eyebrow{transform:translateY(calc(-5 * var(--u)))}.services-heading h1{transform:translateY(calc(-7 * var(--u)))}.services-summary{font-size:calc(19 * var(--u))}.capability-card:not(:first-child){left:calc(1 * var(--u))}.capability-description{font-size:calc(16.4 * var(--u))}.capability-description>span{display:block;white-space:nowrap}.capability-card li{font-size:calc(15 * var(--u))}.services-closing h2{font-size:calc(50 * var(--u))}.services-page .services-petal{width:calc(572 * var(--u));height:calc(777 * var(--u));right:0;bottom:0;opacity:1}}
@media(max-width:1100px){
 :root{--u:1px;--s:1px;--services-inset:0px}.services-page{min-height:100dvh}.services-header{height:88px;margin:0 32px}.services-brand img{width:108px}.services-header nav{position:static;margin-left:auto;gap:24px}.services-header nav a{font-size:14px;min-height:44px}.services-header-right{margin-left:28px}.services-header .brand-path{display:none}.services-header .project-button{width:auto;padding:0 18px;height:44px}.services-intro{height:auto;margin:0 32px;padding-bottom:32px}.services-heading{padding-top:24px}.services-heading h1{font-size:clamp(44px,6vw,66px)}.services-summary{position:static;font-size:18px;white-space:normal;margin-top:24px;max-width:650px}.services-kicker{display:none}.services-desktop-break{display:none}.capabilities{grid-template-columns:repeat(2,minmax(0,1fr));width:auto;margin:0 32px;gap:18px}.capability-card{height:404px}.capability-description{max-width:340px}.services-closing{height:245px;margin-top:36px}.services-closing h2{left:32px;top:38px;font-size:42px}.services-closing h2::after{left:260px}.services-closing-copy{left:330px;top:38px;right:32px}.services-closing-copy>p{font-size:15px}.closing-kicker{display:none}.footer-brand{left:32px;bottom:18px}.services-page .services-petal{width:560px;height:337px;right:-80px;bottom:-70px}.services-grid{background-position:left top}
}
@media(max-width:700px){
 .services-header{height:auto;min-height:120px;margin:0 24px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px 0 12px}.services-brand img{width:101px}.services-header-right{grid-column:2;grid-row:1;margin-left:0}.services-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;margin:0;gap:16px;width:100%}.services-header .project-button{font-size:12px;padding:0 15px;gap:12px}.services-intro{margin:0 24px;padding-bottom:28px}.services-heading{padding-top:20px}.services-heading .eyebrow{font-size:9px}.services-heading h1{font-size:clamp(30px,7.5vw,52px);line-height:1;letter-spacing:-.06em;margin-top:18px}.services-summary{font-size:16px;line-height:1.5;margin-top:22px}.capabilities{grid-template-columns:1fr;margin:0 24px;gap:18px}.capability-card{height:404px;padding-left:26px;padding-right:26px}.capability-card h2{font-size:20px}.capability-description{font-size:16px}.capability-card li{font-size:13px;letter-spacing:-.05em;padding-left:25px}.learn-more{left:28px}.services-closing{height:auto;min-height:360px;padding:32px 24px 65px;margin-top:28px}.services-closing h2{position:static;font-size:42px}.services-closing h2::after{display:none}.services-closing-copy{position:static;margin-top:24px}.services-actions{gap:14px;margin-top:20px}.services-actions .project-button{width:160px}.contact-button{width:125px}.footer-brand{left:24px;bottom:20px}.services-page .services-petal{width:520px;height:313px;right:-240px;bottom:-70px;opacity:.6}
}
@media(max-width:700px){
 .capabilities{grid-template-columns:minmax(0,1fr)}
 .capability-card{min-width:0;height:auto;min-height:404px;display:flex;flex-direction:column}
 .capability-description{height:auto;min-height:65px}
 .capability-card li{white-space:normal}
 .learn-more{position:static;margin-top:24px;align-self:flex-start}
}
/* Use the landing page's brand mark and its exact viewport-relative geometry. */
@media(min-width:1101px){.services-page .services-petal{width:calc(622 * var(--corner-scale));height:calc(374 * var(--corner-scale));right:0;bottom:0;top:auto;opacity:1}}
@media(min-width:701px) and (max-width:1100px){.services-page .services-petal{width:600px;height:auto;right:-190px;bottom:-15px;opacity:.6}}
@media(max-width:700px){.services-page .services-petal{width:550px;height:auto;right:-285px;bottom:-10px;opacity:.45}}

@media(min-width:1101px){.services-page>main{padding-top:calc(76 * var(--u) - 80 * var(--corner-scale))}}
/* A quiet closing statement; the project action remains in the header. */
@media(min-width:1101px){.services-closing-copy{top:calc(67 * var(--u))}}
@media(min-width:701px) and (max-width:1100px){.services-closing{height:185px}.services-closing-copy{top:57px}}
@media(max-width:700px){.services-closing{min-height:0;padding-bottom:40px}}

.learn-more{min-height:44px}.capability-number{color:#53638f}

.services-kicker,.closing-kicker{color:#53638f}