:root{--navy:#102f4d;--deep:#09253e;--blue:#175477;--gold:#f0ab51;--ink:#19344a;--muted:#5f7585;--border:#dde7ed;--pale:#f5f8fb;--shadow:0 15px 45px rgba(16,47,77,.09)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;max-width:100vw;overflow-x:clip;background:#fff;color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%;height:auto}a{color:inherit}button,input,select{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.site-header{position:relative;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid #e4edf2}
.header-inner{max-width:1230px;min-height:86px;margin:auto;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.identity{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;font-size:15px;font-weight:900;line-height:1.2;letter-spacing:.025em;color:var(--navy)}
.identity img{width:59px;height:59px;flex:0 0 59px;object-fit:contain;border-radius:50%}
.identity small{font-weight:750;letter-spacing:.25em;font-size:11px;display:block;margin-top:5px}
.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(11px,1.5vw,21px);flex-wrap:wrap}
.site-header nav a{text-decoration:none;font-weight:730;font-size:13px;line-height:1.4;white-space:nowrap;padding:8px 0;transition:color .2s}
.site-header nav a:hover{color:#ba6b1f}
.site-header nav .nav-login{background:var(--navy);color:#fff!important;border-radius:8px;padding:10px 17px}
.site-header nav .nav-login:hover{background:var(--blue)}
.site-header nav a[hidden]{display:none!important}
.mobile-menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(107deg,rgba(7,28,50,.95) 0%,rgba(13,47,77,.92) 56%,rgba(16,57,80,.71) 100%),url("https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=1600&q=80") center center / cover}
.hero:after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:auto -10% -170px 45%;height:380px;background:radial-gradient(ellipse,rgba(240,171,81,.15),transparent 65%);transform:rotate(-12deg)}
.hero-inner{max-width:1230px;margin:auto;padding:clamp(75px,8.5vw,117px) 28px clamp(80px,8vw,111px)}
.eyebrow{display:inline-block;color:#ffc779;letter-spacing:.145em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.7}
.eyebrow.dark{color:#ae742a}
.hero h1{font-size:clamp(38px,5.2vw,70px);letter-spacing:-.043em;font-weight:850;line-height:1.12;max-width:850px;overflow-wrap:break-word;margin:17px 0 23px}
.hero p{font-size:clamp(15px,1.33vw,17px);line-height:1.88;color:#e2ebf1;max-width:690px;overflow-wrap:break-word;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;max-width:100%;border-radius:8px;padding:12px 22px;background:var(--gold);color:#15324c;font-size:13px;font-weight:850;text-align:center;text-decoration:none;white-space:normal;line-height:1.45;box-shadow:0 5px 12px rgba(7,24,45,.06);transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#ffc46d}
.button.outline{background:rgba(255,255,255,.07);color:white;border:1px solid rgba(255,255,255,.54);box-shadow:none}
.button.outline:hover{background:rgba(255,255,255,.16)}
.section{padding:clamp(53px,7vw,88px) 0}
.container{max-width:1230px;min-width:0;padding:0 28px;margin:0 auto}
.section h2,.cta h2{margin:12px 0 19px;color:var(--navy);font-size:clamp(28px,3.5vw,44px);letter-spacing:-.027em;line-height:1.23}
.intro{max-width:770px;font-size:16px;line-height:1.9}
.section p{color:var(--muted);overflow-wrap:break-word}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.card{min-width:0;border:1px solid var(--border);padding:28px 26px;border-radius:14px;background:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 19px 48px rgba(16,47,77,.13)}
.icon-box{display:grid;place-items:center;width:48px;height:48px;background:#e5f1f7;color:#125479;border-radius:11px;font-size:13px;font-weight:850}
.card h3{font-size:19px;line-height:1.35;color:var(--navy);margin:19px 0 11px}
.card p{font-size:14px;line-height:1.75;margin:0}
.cta{background:linear-gradient(145deg,#f4f8fb,#eaf2f8);padding:clamp(56px,7vw,85px) 0}
.cta p{color:var(--muted)}
footer{padding:33px 26px 37px;text-align:center;background:var(--deep);color:#eef6fb;font-size:13px}
footer p{color:#b6c9d8;margin:7px 0}footer small{color:#9eb6c8}
@media(max-width:1050px) and (min-width:831px){.header-inner{padding:13px 22px;gap:12px}.identity{font-size:13px}.identity img{width:48px;height:48px;flex-basis:48px}.site-header nav{gap:10px}.site-header nav a{font-size:12px}.site-header nav .nav-login{padding:8px 12px}}
@media(max-width:830px){
.header-inner{padding:12px 21px;min-height:76px;position:relative}
.identity{font-size:14px}.identity img{height:53px;width:53px;flex-basis:53px}
.mobile-menu-toggle{display:flex;align-items:center;gap:8px;border:1px solid #dbe7ef;border-radius:10px;padding:11px 13px;background:#f6f9fb;color:var(--navy);cursor:pointer;font-size:12px;font-weight:850;margin-left:auto}
.mobile-menu-toggle svg{width:20px;height:20px}
.site-header nav{display:none;position:absolute;top:100%;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:2px;padding:12px;border:1px solid #e3ebf1;border-radius:0 0 14px 14px;box-shadow:0 18px 29px rgba(14,39,60,.13);background:white;z-index:150}
.site-header nav.nav-open{display:flex}
.site-header nav a{font-size:14px;padding:12px 14px;white-space:normal;border-radius:7px}
.site-header nav a:hover{background:#f0f6f9}
.site-header nav .nav-login{text-align:center}
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-inner{padding:81px 24px 85px}.container{padding:0 24px}
}
@media(max-width:575px){
body{font-size:15px}.header-inner{padding:11px 15px;gap:8px}.identity{font-size:12px;gap:8px}.identity img{width:45px;height:45px;flex-basis:45px}.identity small{letter-spacing:.17em;font-size:9px}
.mobile-menu-toggle{padding:9px 10px;font-size:12px}
.hero-inner{padding:65px 20px 73px}
.hero h1{font-size:clamp(33px,8.8vw,47px);line-height:1.16;margin:17px 0 17px}
.hero p{font-size:15px;line-height:1.76}
.eyebrow{font-size:10px;letter-spacing:.1em}
.actions{align-items:stretch;gap:10px;margin-top:24px}
.hero .actions .button{width:100%;padding:12px 14px}
.section{padding:50px 0}.container{padding:0 20px}
.cards{grid-template-columns:1fr;gap:14px;margin-top:25px}
.card{padding:22px}.card h3{font-size:18px}
.section h2,.cta h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}