:root{--navy:#26365D;--pale:#DCE5EB;--teal:#189BA0;--cream:#FAE9B4;--gray:#9aa0ab}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#fff;color:var(--navy);font-family:'Poppins',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px}
a{color:inherit;text-decoration:none}

header{display:flex;justify-content:space-between;align-items:center;padding:18px 60px;background:#fff}
header .logo img{height:40px;display:block}
nav{display:flex;align-items:center;gap:26px}
nav .links{display:flex;gap:26px;font-size:13px;align-items:center}
nav .links a{color:var(--gray)}
nav .links a.active{color:var(--navy);font-weight:600}
nav .more{position:relative}
nav .more .drop{display:none;position:absolute;right:0;top:100%;background:#fff;border:1px solid #e5e5e5;min-width:140px;padding:8px 0;z-index:10}
nav .more:hover .drop{display:block}
nav .more .drop a{display:block;padding:8px 18px;font-size:13px;color:var(--navy)}
nav .social{display:flex;gap:12px;align-items:center}
nav .social svg{width:22px;height:22px}

.hero{display:grid;grid-template-columns:1fr 1fr;min-height:88vh}
.hero .copy{background:var(--pale);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px}
.hero h1{font-size:clamp(30px,3.4vw,46px);font-weight:700;line-height:1.25;margin-bottom:26px}
.hero p{font-size:16px;line-height:1.7;margin-bottom:36px;max-width:460px}
.hero .photo{background:url('assets/hero.jpg') center/cover no-repeat;min-height:420px}
.btn-teal{display:inline-block;background:var(--teal);color:#fff;border:none;border-radius:999px;padding:16px 34px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}
.btn-teal:hover{filter:brightness(1.08)}

section{padding:80px 60px;text-align:center}
section h2{font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.35;max-width:820px;margin:0 auto 24px}
section p.lead{font-size:16px;line-height:1.75;max-width:760px;margin:0 auto 18px}
section.alt{background:var(--pale)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin:50px auto 40px;text-align:left}
.steps .num{font-size:15px;font-weight:700;border:1.5px solid var(--navy);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.steps p{font-size:14.5px;line-height:1.7}

.about{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;max-width:1000px;margin:0 auto;text-align:left;align-items:center}
.about img{width:100%;display:block}
.about h2{text-align:left;margin:0 0 20px}
.about p{font-size:14.5px;line-height:1.8;margin-bottom:16px}
.about .btn-teal{margin-top:10px}

.logos{display:flex;flex-wrap:wrap;gap:44px;align-items:center;justify-content:center;margin-top:30px}
.logos img{max-height:44px;max-width:160px;object-fit:contain}
.quote{font-size:clamp(20px,2.4vw,30px);font-weight:300;line-height:1.5;max-width:820px;margin:0 auto;font-style:italic}

.cards{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:960px;margin:40px auto 0;text-align:left}
.card{border:1.5px solid var(--navy);padding:40px}
.card h3{font-size:22px;font-weight:700;margin-bottom:6px}
.card h4{font-size:15px;font-weight:400;margin-bottom:18px}
.card p{font-size:14px;line-height:1.75;margin-bottom:24px}
.card .tag{display:inline-block;background:var(--cream);padding:6px 14px;font-size:13px;font-weight:600;margin-bottom:18px}

.footgrid{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;text-align:left}
.footgrid .left{padding:70px 60px}
.footgrid .left h3{font-size:24px;font-weight:400;line-height:1.5;text-align:center;margin-bottom:30px}
.footgrid .left h3 b{font-weight:700}
.footgrid .left p{text-align:center;font-size:15px;line-height:1.7;margin-bottom:34px}
.essform{max-width:340px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.essform input{background:#fff;border:1px solid #ccc;padding:13px;font-size:13px;font-family:inherit;text-align:center}
.essform button{background:#111;color:#fff;border:none;padding:13px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
.footgrid .mail{margin-top:26px;text-align:center;font-size:13px}
.footgrid .socials{margin-top:20px;display:flex;gap:12px;justify-content:center}
.footgrid .socials svg{width:24px;height:24px}
.footgrid .right{background:#fff;border:2px solid #111;padding:44px;margin:60px 60px 60px 0;align-self:center}
.footgrid .right h3{font-size:20px;font-weight:400;margin-bottom:22px}
.qform{display:flex;flex-direction:column;gap:14px}
.qform label{font-size:12.5px;font-weight:700;text-align:left}
.qform input,.qform textarea{background:var(--cream);border:none;border-radius:6px;padding:13px;font-size:13px;font-family:inherit;resize:vertical}
.qform button{align-self:center;background:#111;color:#fff;border:none;border-radius:999px;padding:13px 34px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
.cream{background:var(--cream)}
.legal{text-align:center;font-size:12px;color:#666;padding:22px;background:#fff;font-weight:300}

.empty{padding:120px 60px 200px;text-align:center}
.empty h2{font-size:26px;font-weight:700;color:#111;margin-bottom:14px}
.empty p{font-size:15px;color:#333;margin-bottom:34px;font-weight:300}
.empty .btn-teal{border-radius:0;padding:14px 30px;font-weight:400}

@media(max-width:900px){
  header{padding:14px 20px}
  nav .links{gap:14px}
  .hero{grid-template-columns:1fr}
  .hero .photo{order:-1;min-height:52vw}
  section{padding:56px 22px}
  .steps,.about,.cards,.footgrid{grid-template-columns:1fr}
  .footgrid .right{margin:0 22px 40px}
  .footgrid .left{padding:50px 22px}
}

@media(max-width:760px){
  header{flex-direction:column;align-items:flex-start;gap:12px}
  nav{width:100%;justify-content:space-between}
  nav .links{gap:14px;font-size:12px}
}