@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#112a47;--blue:#214e88;--yellow:#ffe264;--cream:#f3f0e9;--ink:#162b43}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
figure{margin:0}
.wrap{width:min(1370px,calc(100% - 84px));margin-inline:auto}
.preview{background:#0c2036;color:#d9e9f4;padding:10px 42px;min-height:40px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.preview a{text-decoration:underline;text-underline-offset:4px}
.nav{height:100px;padding:0 42px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}
.mark{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mark-shape{display:block;width:34px;height:34px;border:6px solid var(--yellow);border-radius:50% 50% 0 50%;transform:rotate(-45deg)}
.nav nav{display:flex;gap:32px;font-size:12px;font-weight:700}
.nav-action{border:1px solid #b6d0e4;border-radius:40px;padding:15px 22px;font-size:12px;font-weight:800;white-space:nowrap}
.nav-action:hover{background:#fff;color:var(--navy)}
.hero{min-height:760px;position:relative;background:var(--blue);color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('assets/mural.jpg') center 45%/cover no-repeat;filter:saturate(1.35) contrast(1.08)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#102c50eb 0%,#102c50bf 45%,#102c5055 100%),linear-gradient(0deg,#102c50cc,transparent 45%)}
.hero-inner{position:relative;width:min(1370px,calc(100% - 84px));min-height:760px;margin:auto;display:flex;flex-direction:column;justify-content:space-between;padding:58px 0 72px}
.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:start;gap:30px}
.hero-top{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font-size:clamp(74px,9.3vw,151px);line-height:.98;letter-spacing:-.095em;font-weight:800;max-width:1320px;margin:50px 0 45px}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero h1 .dot{color:var(--yellow)}
.hero-bottom p{max-width:480px;font-size:18px;line-height:1.6;margin:0}
.round-cta{display:flex;align-items:center;gap:35px;background:var(--yellow);color:var(--navy);border-radius:100px;padding:10px 10px 10px 28px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s}
.round-cta:hover{transform:translateY(-4px)}
.round-cta b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--navy);color:#fff;font-size:19px;font-weight:400}
.choice{padding-top:120px;padding-bottom:140px}
.section-head{display:grid;grid-template-columns:20% 1fr 25%;gap:25px;align-items:end;margin-bottom:45px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h2{font-size:clamp(44px,5.6vw,82px);font-weight:800;line-height:1.07;letter-spacing:-.075em;margin:0}
h2 em{font-style:normal;color:#5375a0}
.section-head p{font-size:14px;line-height:1.7;margin:0;color:#586b7c}
.choice .section-head{grid-template-columns:25% 1fr}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.choice-grid a{min-height:335px;padding:28px;display:flex;flex-direction:column;align-items:start;background:#dfe9eb;transition:transform .2s,background .2s}
.choice-grid a:nth-child(2){background:#dce0d2}
.choice-grid a:nth-child(3){background:#e4d9c8}
.choice-grid a:hover{transform:translateY(-7px);background:var(--yellow)}
.choice-num{font-size:10px;font-weight:800;letter-spacing:.17em}
.choice-grid strong{font-size:clamp(23px,2.4vw,37px);line-height:1.15;letter-spacing:-.06em;margin:auto 0 20px}
.choice-arrow{display:grid;place-items:center;border:1px solid currentColor;width:42px;height:42px;border-radius:50%;font-size:21px}
.services{background:#112b49;color:#fff;padding:135px 0 150px}
.services .section-head p{color:#b5c6d5}
.services h2 em,.work h2 em{color:var(--yellow)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#506783;border:2px solid #506783}
.service-card{background:#163556;min-height:420px;padding:30px;display:flex;flex-direction:column;align-items:start;transition:background .2s}
.service-card:hover{background:#244c76}
.service-card.lead{background:#dbe5e7;color:var(--navy)}
.service-top{width:100%;display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;letter-spacing:.16em}
.service-top span:last-child{font-size:20px;font-weight:400}
.service-card h3{font-size:clamp(28px,3vw,47px);font-weight:800;line-height:1.08;letter-spacing:-.065em;margin:auto 0 15px}
.service-card p{font-size:13px;line-height:1.7;max-width:300px;margin:0 0 22px;color:#c8d7e4}
.service-card.lead p{color:#4c6575}
.service-card a{font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:6px}
.work{background:#234c7a;color:#fff;padding:135px 0 150px}
.work .section-head p{color:#c7d6e2}
.work-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}
.work-grid figure{min-width:0;overflow:hidden}
.work-grid img{width:100%;height:520px;object-fit:cover;transition:transform .3s}
.work-grid figure:hover img{transform:scale(1.04)}
.work-grid figcaption{display:flex;flex-direction:column;gap:5px;padding-top:16px}
.work-grid strong{font-size:16px;font-weight:800}
.work-grid figcaption span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ccdae5}
.steps{padding-top:135px;padding-bottom:145px}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step-grid div{border-top:2px solid var(--navy);padding-top:20px}
.step-grid span{font-size:44px;font-weight:800;letter-spacing:-.08em;color:#6c8db0}
.step-grid h3{font-size:20px;line-height:1.2;letter-spacing:-.05em;margin:52px 0 10px}
.step-grid p{font-size:13px;line-height:1.7;color:#617181;margin:0}
.contact{background:var(--yellow);color:var(--navy);padding:125px 0 45px}
.contact h2{font-size:clamp(66px,8.8vw,135px);margin:25px 0}
.contact h2 em{color:#58739b}
.contact p{max-width:540px;font-size:17px;line-height:1.7;margin:0 0 30px}
.contact-visual{display:inline-block;background:var(--navy);color:#fff;border-radius:100px;padding:19px 29px;font-size:12px;font-weight:800}
.contact-foot{margin-top:130px;padding-top:20px;border-top:1px solid #839063;display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
footer{display:flex;justify-content:space-between;padding-top:28px;padding-bottom:40px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1050px){.wrap,.hero-inner{width:min(100% - 48px,1370px)}.nav{padding:0 24px}.nav nav{display:none}.hero h1{font-size:clamp(64px,10vw,105px)}.section-head{grid-template-columns:1fr 2fr}.section-head p{grid-column:2}.service-grid{grid-template-columns:repeat(2,1fr)}.choice-grid a{min-height:290px}.work-grid img{height:400px}.step-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap,.hero-inner{width:min(100% - 36px,1370px)}.preview{padding:10px 18px;font-size:8px}.nav{height:74px;padding:0 18px}.mark{font-size:9px}.mark-shape{width:26px;height:26px;border-width:5px}.nav-action{padding:12px 13px;font-size:10px}.hero,.hero-inner{min-height:680px}.hero-bg{background-position:53% center}.hero-overlay{background:linear-gradient(90deg,#102c50ee,#102c5099),linear-gradient(0deg,#102c50bb,transparent)}.hero-inner{padding:37px 0 45px}.hero-top{display:block;font-size:9px}.hero-top span:last-child{display:block;margin-top:8px}.hero h1{font-size:clamp(48px,12vw,82px);margin:55px 0}.hero-bottom{display:block}.hero-bottom p{font-size:14px;margin-bottom:25px}.round-cta{display:inline-flex}.choice,.steps{padding:85px 0}.section-head,.choice .section-head{display:block}.section-head h2{font-size:44px;margin:17px 0}.section-head p{max-width:520px}.choice-grid,.service-grid,.work-grid,.step-grid{grid-template-columns:1fr}.choice-grid a{min-height:220px}.services,.work{padding:85px 0}.service-card{min-height:310px}.service-card h3{font-size:36px}.work-grid{gap:30px}.work-grid img{height:360px}.step-grid h3{margin:15px 0 8px}.contact{padding:85px 0 35px}.contact h2{font-size:55px}.contact p{font-size:14px}.contact-foot{margin-top:80px;display:block}.contact-foot span{display:block;margin-top:8px}footer{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.round-cta,.choice-grid a,.service-card,.work-grid img{transition:none}}