:root{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#172334;background:#fff;font-synthesis:none;font-weight:400;font-size:15px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0;font-weight:400}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.037em}p{line-height:1.65;color:#647184}.shell{width:min(1140px,calc(100% - 76px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(18px);border-bottom:1px solid #e8edf2}.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}.wordmark{font-size:20px;letter-spacing:-.06em;font-weight:500;white-space:nowrap}.wordmark span{color:#3477ba}.navlinks{display:flex;gap:34px;font-size:12px;color:#49596c}.navlinks a:hover,.text-link:hover{color:#276cae}.navcta{font-size:12px;background:#3173af;color:white;padding:12px 18px;border-radius:4px}.navcta span{margin-left:14px}.menu{display:none;background:transparent;border:0;font-size:22px;color:#20364f;cursor:pointer}.hero{background:linear-gradient(110deg,#fff 4%,#f8fbfd 100%)}.hero-inner{display:grid;grid-template-columns:47% 53%;min-height:470px}.hero-copy{padding:80px 35px 64px 0;align-self:center;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.19em;color:#3872aa;font-weight:500}.hero h1{font-size:clamp(48px,5.3vw,78px);line-height:1.05;margin:18px 0 16px}.hero-copy>p{font-size:16px;max-width:410px;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:10px 19px;border-radius:4px;font-size:12px;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-1px)}.button-primary{background:#3275b2;color:#fff}.button-outline{border:1px solid #c5d4e3;color:#356793;background:#fff}.hero-photo{background-image:linear-gradient(90deg,#f8fbfd 0%,#f8fbfd00 15%),url('/hero-workspace.jpg');background-position:center;background-size:cover;min-height:390px}.microstrip{padding:19px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#6b7b8f;border-bottom:1px solid #e9edf1}.microstrip span:before{content:'○';color:#4d93d2;margin-right:8px}.section{padding-top:75px;scroll-margin-top:90px}.section-heading h2,.approach h2,.about h2,.contact h2{font-size:clamp(29px,3vw,42px);line-height:1.2}.section-heading p{font-size:13px;margin-top:13px}.centered{text-align:center;max-width:740px;margin:auto auto 31px}.centered h2{margin-top:12px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service{border:1px solid #dfe6ed;border-radius:5px;min-height:368px;padding:30px;display:flex;gap:20px;background:#fff}.service-top{display:flex;gap:16px;align-items:flex-start}.service-num{font-size:12px;color:#8a9aaa}.service-icon,.work-icon{display:grid;place-items:center;color:#2f77b6;background:#eaf3fd;border-radius:6px;width:48px;height:48px;font-size:26px;flex:none}.service-body{flex:1;display:flex;flex-direction:column}.service h3{font-size:25px;line-height:1.24}.service-subtitle{font-size:13px;margin-top:5px;color:#48657d}.service-desc{font-size:12px;margin-top:12px}.service ul{border-top:1px solid #e8edf2;list-style:none;padding:15px 0 0;margin:18px 0 18px;font-size:12px;line-height:1.85;color:#56677a}.service li:before{content:'✓';color:#3178b8;margin-right:10px}.text-link{margin-top:auto;font-size:12px;color:#286fad}.text-link span{margin-left:8px}.work-heading{margin-bottom:22px}.work-heading h2{margin-top:11px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{min-height:210px;border:1px solid #e0e7ef;border-radius:5px;padding:25px;display:flex;flex-direction:column;align-items:flex-start}.work-icon{width:39px;height:39px;font-size:23px;margin-bottom:19px}.work-label{font-size:10px;letter-spacing:.12em;color:#3a7caf}.work-card h3{font-size:22px;margin:7px 0 8px}.work-card p{font-size:12px}.approach{display:grid;grid-template-columns:38% 62%;gap:20px;padding-bottom:65px}.approach h2{margin-top:10px;max-width:320px}.steps{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.step{display:flex;gap:11px;padding:0 14px;border-left:1px solid #e6edf3}.step>span{font-size:11px;color:#3379b6;background:#eaf3fb;border-radius:40px;padding:9px;height:33px}.step h3{font-size:19px}.step p{font-size:11px;line-height:1.5;margin-top:6px}.about{border-top:1px solid #e6edf3;padding-top:42px;padding-bottom:52px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.about h2{margin-top:12px}.about p{font-size:13px}.contact{background:#1b3045;color:white;scroll-margin-top:80px}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:40px;padding-bottom:42px}.contact h2{margin:7px 0}.contact p{color:#c4d4e5;font-size:13px}.contact .eyebrow{color:#9bc9ec}.button-light{background:#fff;color:#244965}.footer{padding:25px 0;display:flex;align-items:center;justify-content:space-between;color:#718195;font-size:11px}.footer .wordmark{font-size:17px;color:#172334}@media(max-width:800px){.shell{width:min(100% - 38px,640px)}.nav{height:66px}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid #e3eaf2;flex-direction:column;gap:22px}.navlinks.open{display:flex}.navcta{display:none}.menu{display:block}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:58px 0 34px}.hero h1{font-size:clamp(52px,10vw,70px)}.hero-photo{min-height:260px;background-position:center 55%}.microstrip{flex-wrap:wrap;justify-content:flex-start;gap:10px 24px}.section{padding-top:59px}.service-grid{grid-template-columns:1fr}.service{min-height:unset;padding:24px}.work-grid{grid-template-columns:1fr}.work-card{min-height:160px}.approach{grid-template-columns:1fr}.steps{gap:12px}.about{grid-template-columns:1fr;gap:22px}.contact-inner{align-items:flex-start;flex-direction:column}.footer{gap:12px;flex-wrap:wrap}}@media(max-width:430px){.shell{width:calc(100% - 34px)}.hero-copy{padding-top:45px}.hero h1{font-size:54px}.hero-copy>p{font-size:14px}.actions{flex-direction:column;align-items:stretch}.service{display:block}.service-top{margin-bottom:18px}.service h3{font-size:25px}.steps{grid-template-columns:1fr}.step{padding:8px 0 8px 15px}.section-heading h2,.approach h2,.about h2,.contact h2{font-size:31px}.microstrip{font-size:10px}.footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* v1.0.2 — Responsive refinement, editorial and light-weight. */
:root{--ink:#1b2735;--muted:#58697a;--line:#e5ebf0;--accent:#306da3;--soft:#f7fafd;scroll-padding-top:82px}
body{color:var(--ink);overflow-x:clip;text-rendering:optimizeLegibility}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
img{max-width:100%;height:auto}
.header{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.nav{height:72px}.wordmark{font-weight:400;letter-spacing:-.045em}.navlinks a{position:relative;transition:color .18s ease}
.navlinks a::after{content:'';position:absolute;left:0;right:100%;height:1px;bottom:-7px;background:var(--accent);transition:right .2s ease}.navlinks a:hover::after{right:0}
.navcta,.button-primary{background:#326e9f}.navcta{border-radius:5px;transition:background .2s ease}.navcta:hover,.button-primary:hover{background:#255c8d}
.hero{overflow:hidden;background:linear-gradient(115deg,#fff,#f7fafd)}.hero-inner{min-height:480px;grid-template-columns:46% 54%}
.hero-copy{padding:72px 28px 72px 0}.hero h1{font-size:clamp(55px,5.7vw,77px);line-height:1.075;letter-spacing:-.052em;margin:20px 0}.hero-copy>p{font-size:15px;line-height:1.72;color:#526274}
.hero-photo{min-height:450px;background-position:55% center;background-image:linear-gradient(90deg,#f7fafd 0%,rgba(247,250,253,.64) 7%,transparent 29%),url('/hero-workspace.jpg')}
.button{border-radius:5px;min-height:46px;padding:12px 20px;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(38,75,115,.09)}
.microstrip{color:#63758a;padding:22px 0}.section{padding-top:84px}.section-heading h2,.approach h2,.about h2,.contact h2{letter-spacing:-.045em;line-height:1.22;font-weight:400}
.centered{max-width:700px;margin-bottom:38px}.centered h2{margin-top:12px}.section-heading p{font-size:14px;line-height:1.7}
.service-grid{gap:22px;align-items:stretch}.service{padding:30px;gap:18px;min-height:385px;border-color:var(--line);border-radius:9px;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.service:hover{border-color:#cdddeb;box-shadow:0 14px 30px rgba(32,69,99,.055);transform:translateY(-2px)}.service h3{font-size:24px;line-height:1.3;letter-spacing:-.035em}.service-desc{line-height:1.7;font-size:13px}.service-subtitle{line-height:1.65}.service ul{line-height:1.8;font-size:12.5px}.service li{padding-left:19px;position:relative}.service li:before{position:absolute;left:0}.service-icon,.work-icon{border-radius:7px;background:#edf4fa;color:#3777ac}.text-link{display:inline-flex;gap:7px;align-items:center;line-height:1.5;min-height:28px}
.work-section{padding-top:83px}.work-grid{gap:20px}.work-card{border-radius:9px;min-height:220px;padding:27px;transition:transform .22s ease,border-color .22s ease}.work-card:hover{transform:translateY(-2px);border-color:#cdddeb}.work-card h3{line-height:1.3;letter-spacing:-.032em}.work-card p{font-size:13px;line-height:1.65}
.approach{padding-bottom:78px;gap:40px}.steps{gap:5px}.step{gap:13px}.step h3{line-height:1.3}.step p{font-size:12px}.about{padding-top:49px;padding-bottom:65px}.about p{font-size:14px;line-height:1.8}.contact{background:#193247}.contact-inner{padding-top:49px;padding-bottom:51px}.contact p{line-height:1.7}.footer{padding:29px 0}
@media(min-width:1280px){.shell{width:min(1180px,calc(100% - 100px))}}
@media(max-width:1020px) and (min-width:701px){.shell{width:calc(100% - 56px)}.hero-inner{grid-template-columns:51% 49%}.hero h1{font-size:clamp(50px,6vw,67px)}.service{padding:22px;gap:14px}.service h3{font-size:22px}.approach{grid-template-columns:1fr;gap:25px}.steps{min-height:100px}.work-card{padding:21px}}
@media(max-width:800px){.nav{height:66px}.navlinks{top:65px;padding:14px max(19px,calc((100vw - 640px)/2));gap:0;box-shadow:0 18px 26px rgba(23,45,68,.06);max-height:calc(100dvh - 66px);overflow:auto}.navlinks a{display:block;padding:15px 0;font-size:14px;border-bottom:1px solid var(--line)}.navlinks a:last-child{border-bottom:0}.navlinks a::after{display:none}.menu{min-height:44px;min-width:44px;border-radius:5px;font-size:23px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:64px 0 28px}.hero h1{font-size:clamp(52px,9.3vw,74px)}.hero-photo{min-height:320px;background-position:center 50%;background-image:linear-gradient(180deg,#f7fafd 0%,transparent 18%),url('/hero-workspace.jpg')}.microstrip{gap:12px 22px}.section{padding-top:67px}.service{min-height:0;padding:28px}.work-section{padding-top:70px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach{grid-template-columns:1fr;gap:26px;padding-bottom:64px}.about{grid-template-columns:1fr;gap:18px}.contact-inner{padding-top:41px;padding-bottom:43px}}
@media(max-width:600px){.shell{width:calc(100% - 38px)}.nav{height:62px}.navlinks{top:61px}.wordmark{font-size:19px}.hero-copy{padding:44px 0 24px}.hero h1{font-size:clamp(48px,11vw,68px);margin:17px 0;line-height:1.09}.hero-copy>p{font-size:15px;max-width:460px}.hero-photo{min-height:245px;background-position:58% center}.actions{flex-direction:row;align-items:stretch;gap:10px}.button{min-height:46px}.microstrip{display:grid;grid-template-columns:1fr;gap:11px;padding:20px 0}.microstrip span{line-height:1.35}.section{padding-top:60px}.section-heading h2,.approach h2,.about h2,.contact h2{font-size:clamp(29px,7vw,37px)}.centered{text-align:left;margin-bottom:26px}.centered h2{margin-top:11px}.centered p{font-size:13px}.service-grid{gap:14px}.service{display:flex;flex-direction:column;gap:14px;padding:22px;min-height:unset}.service-top{margin:0;gap:14px;align-items:center}.service-icon{width:41px;height:41px;font-size:22px}.service h3{font-size:25px}.service-desc{font-size:13px;margin-top:9px}.service ul{margin:16px 0 12px;padding-top:12px;font-size:12.5px}.service li{padding-bottom:3px}.text-link{min-height:44px}.work-section{padding-top:62px}.work-grid{grid-template-columns:1fr;gap:13px}.work-card{min-height:0;padding:22px}.work-icon{margin-bottom:13px}.work-card h3{font-size:22px}.approach{padding-bottom:55px}.steps{grid-template-columns:1fr;gap:10px}.step{padding:10px 0 10px 13px}.step h3{font-size:21px}.step p{font-size:12px}.about{padding-top:35px;padding-bottom:43px}.about p{font-size:13px}.contact-inner{gap:20px}.contact-inner>.button{width:100%}.footer{padding:25px 0;row-gap:12px}}
@media(max-width:390px){.shell{width:calc(100% - 32px)}.eyebrow{font-size:9px;letter-spacing:.16em}.hero h1{font-size:clamp(45px,11.6vw,51px)}.hero-photo{min-height:215px}.actions{flex-direction:column}.actions .button{width:100%}.service{padding:18px}.service h3{font-size:23px}.microstrip{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.button:hover,.service:hover,.work-card:hover{transform:none}}


/* v1.0.3 — Thin-weight typography and compact rhythm; preserves layout and two services. */
:root{font-weight:400;--section-space:48px;--ink:#223145}
body{font-weight:400}
/* All authored typography uses regular weight; no synthetic bold styles. */
:where(h1,h2,h3,h4,h5,h6,strong,b,.wordmark,.eyebrow,.service-num,.navcta,.button,.work-label,.text-link,.step>span){font-weight:400!important}
:where(a,button){font-weight:400}
.shell{width:min(1120px,calc(100% - 64px))}
.nav{height:62px}
.navlinks{gap:26px}
.navcta{padding:9px 14px}
.hero-inner{min-height:390px;grid-template-columns:47% 53%}
.hero-copy{padding:44px 26px 42px 0}
.hero h1{font-size:clamp(46px,5.0vw,68px);line-height:1.08;margin:12px 0}
.hero-copy>p{font-size:14px;line-height:1.6}
.hero-photo{min-height:370px}
.actions{margin-top:19px;gap:9px}
.button{min-height:40px;padding:9px 15px;gap:10px}
.microstrip{padding:12px 0;gap:12px}
.section{padding-top:var(--section-space);scroll-margin-top:76px}
.section-heading h2,.approach h2,.about h2,.contact h2{font-size:clamp(27px,2.8vw,37px);line-height:1.2}
.section-heading p{margin-top:8px;line-height:1.55}
.centered{margin-bottom:22px}
.centered h2{margin-top:8px}
.service-grid{gap:14px}
.service{min-height:0;padding:22px;gap:13px;border-radius:6px}
.service-top{gap:11px}
.service-icon{width:40px;height:40px;font-size:22px}
.service h3{font-size:22px;line-height:1.3}
.service-subtitle{margin-top:3px}
.service-desc{margin-top:7px;line-height:1.55}
.service ul{margin:10px 0 12px;padding-top:10px;line-height:1.65}
.work-heading{margin-bottom:15px}
.work-heading h2{margin-top:7px}
.work-grid{gap:14px}
.work-card{padding:19px;min-height:172px}
.work-icon{width:34px;height:34px;font-size:20px;margin-bottom:10px}
.work-card h3{font-size:20px;margin:6px 0}
.approach{grid-template-columns:35% 65%;gap:15px;padding-bottom:44px}
.approach h2{margin-top:6px}
.step{gap:9px;padding:0 10px}
.step h3{font-size:18px}
.step p{margin-top:4px}
.about{padding-top:28px;padding-bottom:35px;gap:24px}
.about h2{margin-top:7px}
.contact-inner{padding-top:27px;padding-bottom:29px;gap:22px}
.footer{padding:16px 0}
@media(max-width:1020px) and (min-width:701px){
 .shell{width:calc(100% - 48px)}
 .service{padding:19px}
 .hero-copy{padding:38px 16px 38px 0}
 .hero h1{font-size:clamp(43px,5.5vw,60px)}
 .service h3{font-size:20px}
}
@media(max-width:800px){
 .shell{width:min(100% - 36px,640px)}
 .nav{height:58px}
 .navlinks{top:57px;gap:0;padding:10px 18px}
 .navlinks a{padding:13px 0}
 .hero-inner{grid-template-columns:1fr;min-height:0}
 .hero-copy{padding:34px 0 21px}
 .hero h1{font-size:clamp(45px,8.5vw,61px);margin:12px 0}
 .hero-photo{min-height:235px}
 .microstrip{padding:13px 0;gap:6px 16px}
 .section{padding-top:43px}
 .service-grid{grid-template-columns:1fr;gap:12px}
 .service{padding:19px;gap:11px}
 .service h3{font-size:22px}
 .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .work-card{padding:17px;min-height:0}
 .approach{grid-template-columns:1fr;gap:15px;padding-bottom:36px}
 .steps{gap:9px}
 .about{grid-template-columns:1fr;gap:12px;padding-top:25px;padding-bottom:30px}
 .contact-inner{gap:15px;padding-top:24px;padding-bottom:25px}
}
@media(max-width:600px){
 .shell{width:calc(100% - 34px)}
 .hero-copy{padding:30px 0 17px}
 .hero h1{font-size:clamp(41px,10.4vw,54px);line-height:1.08;margin:10px 0}
 .hero-copy>p{font-size:13.5px;line-height:1.52}
 .hero-photo{min-height:205px;background-position:58% center}
 .actions{margin-top:16px;gap:8px}
 .button{min-height:42px;padding:10px 14px}
 .microstrip{grid-template-columns:1fr 1fr;gap:7px 9px;padding:12px 0;font-size:10px}
 .microstrip span:last-child{grid-column:1/-1}
 .section{padding-top:36px}
 .section-heading h2,.approach h2,.about h2,.contact h2{font-size:clamp(27px,7vw,32px)}
 .centered{margin-bottom:17px}
 .service{padding:17px;gap:10px}
 .service h3{font-size:21px}
 .service-desc{font-size:12px}
 .service ul{padding-top:9px;margin:9px 0 10px;line-height:1.55;font-size:12px}
 .service li{padding-bottom:2px}
 .work-section{padding-top:36px}
 .work-grid{grid-template-columns:1fr;gap:10px}
 .work-card{padding:16px}
 .work-icon{margin-bottom:8px}
 .work-card h3{font-size:19px}
 .step{padding:8px 0 8px 11px}
 .step h3{font-size:18px}
 .approach{padding-bottom:29px}
 .about{padding-top:23px;padding-bottom:25px}
 .contact-inner{padding-top:22px;padding-bottom:23px}
 .footer{padding:16px 0;gap:9px}
}
@media(max-width:390px){
 .shell{width:calc(100% - 30px)}
 .hero h1{font-size:clamp(39px,10.7vw,45px)}
 .hero-photo{min-height:190px}
 .actions{flex-direction:column}
 .actions .button{width:100%}
 .service{padding:15px}
 .service h3{font-size:20px}
}


/* v1.0.4 refinements */
.service-icon svg,.work-icon svg{width:23px;height:23px;display:block}
.service-icon,.work-icon{display:inline-flex;align-items:center;justify-content:center}
.navlinks{gap:clamp(12px,2vw,30px)}
.section{scroll-margin-top:74px}
@media(max-width:800px){.navlinks a{min-height:44px;display:flex;align-items:center}.service-icon svg,.work-icon svg{width:21px;height:21px}}