:root{--blue:#082b73;--red:#d71920;--yellow:#f5c400}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:var(--blue)}
.container{max-width:1200px;margin:auto;padding:0 24px}
.header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}
nav{display:flex;gap:20px}
nav a{cursor:pointer}
.btn{background:var(--blue);color:#fff;padding:12px 18px;border-radius:10px}
.logo img{height:70px}
.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;padding:60px 24px}
.eyebrow{font-weight:700}.hero h1{font-size:clamp(48px,8vw,96px);line-height:.95;color:var(--red);margin:0}
.lead{font-size:1.3rem}.stats{display:flex;gap:15px}.stats div{border:2px solid var(--blue);padding:14px;border-radius:12px}
.photo-card img{width:100%;border-radius:16px}
.exam{margin-top:10px;background:var(--yellow);padding:14px;font-weight:700;border-radius:10px}
.qr-section{display:grid;grid-template-columns:320px 1fr;gap:30px;padding:30px 24px}
.qr-box{background:var(--blue);color:#fff;height:320px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:60px 24px;text-align:center}
.features div{padding:24px;border:1px solid #eee;border-radius:16px}
.cta{background:#f7f7f7;padding:50px 0;text-align:center}
footer{background:var(--blue);color:#fff;padding:30px 0}
@media(max-width:900px){.hero,.qr-section,.features{grid-template-columns:1fr}nav{display:none}}