
:root{--blue:#0a68e8;--blue2:#0759c8;--navy:#102b59;--text:#314e78;--muted:#687e9f;--line:#dce7f4;--soft:#f3f8fd;--soft2:#eaf3ff;--white:#fff;--shadow:0 18px 48px rgba(16,43,89,.10);--max:1540px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f8fc;color:var(--navy)}
a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 34px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,250,253,.95);backdrop-filter:blur(14px);padding:10px 0}
.nav-shell{background:#fff;border:1px solid #e4ebf4;border-radius:14px;min-height:78px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;padding:0 22px;box-shadow:0 10px 26px rgba(28,56,94,.08)}
.logo{font-size:26px;font-weight:900;letter-spacing:-.045em}.logo span{color:var(--blue)}
.main-nav{display:flex;justify-content:center;gap:46px;font-weight:650;font-size:15px}.nav-item{padding:28px 0;position:relative}
.header-actions{display:flex;align-items:center;gap:18px}.contact-mini{font-size:12px;color:var(--muted);line-height:1.3}.contact-mini b{display:block;color:var(--navy);font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:14px 22px;font-weight:700}.btn-primary{background:linear-gradient(180deg,#0c72ef,#075acb);color:#fff;box-shadow:0 8px 18px rgba(10,104,232,.22)}
.breadcrumbs{padding-top:24px;font-size:13px;color:#7890af}.breadcrumbs span{margin:0 8px;color:#a2b1c5}
.hero{padding:28px 0 34px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px 44px;box-shadow:var(--shadow)}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#5579a9;margin-bottom:12px}.hero h1{font-size:52px;line-height:1.04;letter-spacing:-.03em;margin:0 0 14px}.hero p{font-size:18px;color:var(--text);line-height:1.5;max-width:920px;margin:0}
.section{padding:34px 0 74px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-head h2{font-size:38px;margin:0}.section-head p{margin:8px 0 0;color:var(--muted);max-width:820px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(25,61,105,.05);transition:.18s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(25,61,105,.12);border-color:#bfd7f2}
.card-media{height:250px;background:#eef4fa;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.28s}.card:hover img{transform:scale(1.025)}
.card-body{padding:22px}.card-body h3{font-size:21px;line-height:1.2;margin:0 0 9px}.card-body p{font-size:14px;line-height:1.48;color:var(--muted);margin:0;min-height:62px}.go{display:inline-block;margin-top:16px;color:var(--blue);font-weight:800;font-size:13px}
.child-hero{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.child-copy,.child-media{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.child-copy{padding:42px}.child-copy h1{font-size:46px;line-height:1.06;margin:0 0 16px}.child-copy p{color:var(--muted);font-size:16px;line-height:1.55}.child-media{min-height:430px}.child-media img{width:100%;height:100%;object-fit:cover}
.notice{margin-top:18px;border:1px solid #cfe0f3;background:#f6faff;border-radius:14px;padding:15px 17px;color:#55708f;font-size:13px;line-height:1.5}
footer{background:#091d34;color:#c8d6e7;padding:34px 0;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.footer-grid h4{color:#fff;margin:0 0 12px}.footer-grid a{display:block;font-size:13px;margin:8px 0;color:#c8d6e7}.foot-brand{font-size:24px;font-weight:900;color:#fff}.foot-brand span{color:#4ba2ff}.footer-grid p{font-size:13px;line-height:1.5;color:#9fb1c7}
@media(max-width:1200px){.nav-shell{grid-template-columns:210px 1fr}.header-actions{display:none}.cards.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.main-nav{display:none}.cards,.cards.two{grid-template-columns:1fr 1fr}.child-hero{grid-template-columns:1fr}}
@media(max-width:620px){.container{padding:0 16px}.hero h1,.child-copy h1{font-size:36px}.hero-card,.child-copy{padding:28px 24px}.cards,.cards.two,.cards.four{grid-template-columns:1fr}.card-media{height:230px}.footer-grid{grid-template-columns:1fr}}
