:root{--blue:#103a78;--gold:#c8a23a;--text:#1f2937;--max:1200px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;color:var(--text)}
.container{width:min(92%,var(--max));margin-left:max(20px,4vw);margin-right:auto}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb}
.header .container{height:84px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
.brand img{width:64px;height:64px}
.brand strong{display:block;font-size:2rem;color:var(--blue);letter-spacing:1px}
.brand span{display:block;font-size:.82rem;color:#64748b}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none;color:var(--text)}
.cta{background:var(--gold);padding:12px 18px;border-radius:8px;color:#fff}
.hero{padding:60px 0}
.hero-grid{display:grid;grid-template-columns:52% 48%;gap:80px;align-items:center;min-height:72vh}
.pill{display:inline-block;padding:8px 14px;border-radius:999px;background:#eef4ff;color:var(--blue);font-weight:600;margin-bottom:20px}
h1{font-size:clamp(3.2rem,4.8vw,4.4rem);line-height:1.12;letter-spacing:-.03em;max-width:12ch;color:var(--blue);margin-bottom:28px}
.hero p{font-size:1.2rem;line-height:1.8;max-width:580px;color:#4b5563;margin-bottom:36px}
.actions{display:flex;gap:16px;margin-bottom:32px}
.btn{text-decoration:none;padding:16px 26px;border-radius:8px;font-weight:700}
.primary{background:var(--blue);color:#fff}
.secondary{border:2px solid var(--blue);color:var(--blue)}
ul{display:grid;gap:12px;padding-left:20px}
.hero-card{aspect-ratio:1;background:linear-gradient(135deg,#163f80,#29539b);border-radius:24px;display:flex;align-items:center;justify-content:center}
.hero-card img{max-width:100%;height:auto}
@media(max-width:900px){.header .container{height:auto;padding:16px 0;flex-direction:column;gap:16px}.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}h1{font-size:3rem;max-width:none}.hero p{margin:0 auto 36px}.actions{justify-content:center;flex-wrap:wrap}}

.header .container{height:96px}
.brand img{width:72px;height:72px}
.brand strong{font-size:2.25rem}
.brand span{font-size:1rem}

.hero-name{
font-size:2rem;
font-weight:800;
letter-spacing:.08em;
color:var(--blue);
margin-top:18px;
}

.hero-sub{
font-size:1rem;
color:#64748b;
margin:4px 0 20px;
}

h1{
font-size:clamp(2.8rem,4vw,3.6rem);
line-height:1.15;
max-width:14ch;
font-weight:700;
}


.header .container{height:108px}
.brand img{width:86px;height:86px}
.brand strong{font-size:2.8rem}
.brand span{font-size:1.15rem}

.hero-grid{grid-template-columns:50% 50%;gap:90px}

.hero-card{
display:flex;
align-items:center;
justify-content:center;
height:100%;
background:transparent;
}

.hero-card img{
width:108%;
max-width:none;
height:auto;
display:block;
filter:drop-shadow(0 30px 60px rgba(16,58,120,.22));
}

.hero-services{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
max-width:520px;
}

.service-card{
padding:16px 18px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
font-weight:600;
box-shadow:0 8px 24px rgba(0,0,0,.05);
}

.section-anchor{
padding:80px 0;
border-top:1px solid #e5e7eb;
}

.section-anchor h2{
font-size:2rem;
font-weight:700;
color:var(--blue);
margin-bottom:16px;
}

.section-anchor p{
font-size:1.1rem;
color:#4b5563;
max-width:640px;
line-height:1.7;
}