:root{--navy:#082d63;--navy-2:#061c3d;--orange:#f6a400;--charcoal:#272b30;--ink:#142033;--muted:#647083;--line:#dce3eb;--soft:#f4f7fa;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit}
.site-header{height:92px;padding:14px clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{width:min(440px,42vw)}
.brand img{width:100%;height:62px;object-fit:contain;object-position:left center}
nav{display:flex;align-items:center;gap:30px}
nav a{text-decoration:none;font-weight:600;font-size:.92rem}
.nav-cta{background:var(--navy);color:white;padding:11px 19px;border-radius:3px}
.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--navy);margin:6px}
.hero{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6vw;padding:90px clamp(24px,7vw,112px);overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 58%,#eef3f8 58%,#f7f9fb 100%);position:relative}
.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(8,45,99,.1);border-radius:50%;right:-180px;top:-170px;box-shadow:0 0 0 52px rgba(8,45,99,.025),0 0 0 104px rgba(8,45,99,.02)}
.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;margin:0 0 16px}
h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif;margin-top:0;line-height:1.02}
h1{font-size:clamp(3.7rem,7vw,7.2rem);max-width:850px;letter-spacing:-.025em;margin-bottom:28px;color:var(--navy-2)}
h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.02em;margin-bottom:24px;color:var(--navy-2)}
h3{font-size:1.65rem;color:var(--navy-2);margin-bottom:14px}
.hero-lede{font-size:1.18rem;max-width:680px;color:var(--muted);margin:0 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;text-decoration:none;padding:14px 22px;border-radius:3px;font-weight:700}
.button-primary{background:var(--orange);color:var(--navy-2)}.button-secondary{border:1px solid var(--navy);color:var(--navy)}
.hero-visual{text-align:center;position:relative}.mark-frame{width:min(430px,75vw);aspect-ratio:1;margin:auto;display:grid;place-items:center;background:white;border-radius:50%;box-shadow:0 24px 80px rgba(7,27,57,.13)}
.mark-frame img{width:78%}.hero-visual>p{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:800;color:var(--navy);margin-top:28px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy-2);color:white;padding:20px clamp(24px,7vw,112px);gap:20px}
.trust-strip span{font-family:"Barlow Condensed";font-size:1.15rem;text-transform:uppercase;letter-spacing:.08em;border-left:3px solid var(--orange);padding-left:14px}
.section{padding:110px clamp(24px,7vw,112px)}
.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:7vw;margin-bottom:54px}.section-heading .eyebrow{grid-column:1/-1}.section-heading p:last-child{color:var(--muted);font-size:1.08rem;max-width:620px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-grid article{padding:34px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s ease}
.service-grid article:hover{background:var(--soft);transform:translateY(-3px)}
.service-grid article>span{display:block;color:var(--orange);font-family:"Barlow Condensed";font-size:1.2rem;font-weight:700;margin-bottom:36px}
.service-grid p,.commerce p,.about-copy{color:var(--muted)}
.work{background:var(--soft)}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:18px}
.work-card{grid-column:span 4;margin:0;position:relative;overflow:hidden;background:var(--navy-2);min-height:260px}
.work-card-wide{grid-column:span 8}.work-card-full{grid-column:span 12}.work-card-tall{grid-row:span 2}
.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .45s ease}
.work-card:after{content:"";position:absolute;inset:34% 0 0;background:linear-gradient(transparent,rgba(3,19,42,.94));pointer-events:none}
.work-card:hover img{transform:scale(1.035);opacity:.92}
.work-card figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:24px;display:flex;gap:16px;align-items:flex-start;color:white}
.work-card figcaption>span{color:var(--orange);font-family:"Barlow Condensed";font-size:1.1rem;font-weight:700;line-height:1.2}
.work-card figcaption div{display:grid;gap:4px}.work-card strong{font-family:"Barlow Condensed";font-size:1.55rem;line-height:1}.work-card small{color:rgba(255,255,255,.76);font-size:.82rem}
.commerce{background:var(--navy-2);color:white;padding:90px clamp(24px,7vw,112px);display:grid;grid-template-columns:140px 1fr .65fr;gap:5vw;align-items:center}
.commerce h2{color:white}.commerce .eyebrow{color:var(--orange)}
.commerce-mark{width:126px;height:126px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);font-family:"Barlow Condensed";font-size:4rem;font-weight:700}.commerce-mark span{color:var(--orange)}
.status-card{border-left:3px solid var(--orange);padding:8px 0 8px 24px}.status-card strong{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--orange)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-copy{font-size:1.08rem}.values{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.values span{border:1px solid var(--line);padding:8px 13px;color:var(--navy);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.contact{text-align:center;padding:110px 24px;background:var(--soft)}.contact h2{max-width:800px;margin:0 auto 20px}.contact>p:not(.eyebrow){color:var(--muted)}
.contact-links{display:flex;justify-content:center;gap:18px;margin-top:38px;flex-wrap:wrap}.contact-links a{background:white;border:1px solid var(--line);padding:20px 26px;min-width:300px;text-decoration:none;text-align:left}.contact-links small{display:block;color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-weight:700}.contact-links strong{color:var(--navy);overflow-wrap:anywhere}
footer{min-height:120px;padding:28px clamp(24px,7vw,112px);display:flex;align-items:center;gap:24px;background:#fff;color:var(--muted);font-size:.83rem;border-top:1px solid var(--line)}footer img{width:52px}footer p:last-child{margin-left:auto}
@media(max-width:900px){.site-header{height:78px}.brand{width:260px;max-width:70vw}.brand img{height:50px}.menu-toggle{display:block}nav{position:absolute;top:78px;left:0;right:0;background:white;padding:24px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{display:none}.trust-strip{grid-template-columns:1fr 1fr}.section-heading,.about{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr 1fr;grid-auto-rows:280px}.work-card,.work-card-wide,.work-card-full{grid-column:span 1}.work-card-tall{grid-row:span 2}.commerce{grid-template-columns:100px 1fr}.commerce-mark{width:96px;height:96px}.status-card{grid-column:1/-1}}
@media(max-width:600px){h1{font-size:3.5rem}.hero{min-height:600px;background:linear-gradient(160deg,#fff 0%,#fff 72%,#eef3f8 72%)}.trust-strip,.service-grid,.work-grid{grid-template-columns:1fr}.work-grid{grid-auto-rows:270px}.work-card,.work-card-wide,.work-card-full,.work-card-tall{grid-column:1;grid-row:span 1}.section{padding-top:80px;padding-bottom:80px}.commerce{grid-template-columns:1fr}.commerce-mark{width:82px;height:82px;font-size:2.7rem}.contact-links a{min-width:100%}footer{flex-wrap:wrap}footer p:last-child{margin-left:0;width:100%}}