:root{
  --ink:#2b2b2b;
  --bg:#ffffff;
  --hero-bg:#deddd8;
  --photo-bg:#ece9dc;
  --btn:#2b2b2b;
  --font:'Poppins','Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-weight:300}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* header */
.site-header{background:#fff;padding:28px 0;text-align:center}
.site-header img{height:14px;margin:0 auto}

/* hero */
.hero{position:relative;background:var(--hero-bg);overflow:hidden}
.hero-inner{display:flex;align-items:center;gap:40px;min-height:590px}
.hero-photo{position:absolute;inset:0;z-index:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:22% 60%}
.hero-copy{position:relative;z-index:1;margin-left:50%;max-width:473px;padding:64px 0}
.hero h1{font-size:clamp(20px,2.2vw,26px);line-height:1.5;font-weight:300;text-transform:uppercase;margin:0 0 40px;letter-spacing:.02em}
.hero h1 strong{font-weight:500}
.hero .sub{font-size:clamp(15px,1.5vw,18px);line-height:1.5;margin:0 0 34px}

/* form */
.lead-form{max-width:473px}
.lead-form input[type=email]{width:100%;height:46px;border:1px solid #b9b8b4;border-radius:2px;background:#fff;padding:0 22px;font:300 16px var(--font);letter-spacing:.08em;color:var(--ink)}
.lead-form input[type=email]::placeholder{color:#8a8a86;text-transform:uppercase;font-size:13px;letter-spacing:.12em}
.lead-form button{width:100%;height:46px;margin-top:14px;border:0;border-radius:2px;background:var(--btn);color:#fff;font:400 13px var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.lead-form button:hover{background:#000}
.lead-form .consent{display:flex;gap:10px;margin-top:14px;font-size:10.5px;line-height:1.55;color:var(--ink);align-items:flex-start}
.lead-form .consent input{width:12px;height:12px;margin:3px 0 0;flex:none;accent-color:var(--ink)}
.lead-form .hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.lead-form .form-msg{margin-top:10px;font-size:13px;display:none}
.lead-form .form-msg.err{display:block;color:#a03318}

/* benefits */
.benefits{padding:64px 0}
.benefits-inner{display:flex;gap:56px;align-items:center}
.benefits-copy{flex:1 1 50%}
.benefits h2{font-size:clamp(20px,2.2vw,26px);font-weight:500;text-transform:uppercase;letter-spacing:.02em;margin:0 0 56px}
.benefit{display:flex;gap:34px;margin-bottom:44px;align-items:flex-start}
.benefit .ico{font-size:40px;line-height:1.2;flex:none;width:56px}
.benefit h3{font-size:18px;font-weight:500;margin:0 0 2px}
.benefit p{font-size:18px;line-height:1.5;margin:0;max-width:468px}
.benefits-photo{flex:0 0 32%;background:var(--photo-bg)}
.benefits-photo img{width:100%;height:auto}

/* green band */
.band{position:relative;color:#fff;overflow:hidden}
.band-bg{position:absolute;inset:0}
.band-bg img{width:100%;height:100%;object-fit:cover}
.band-inner{position:relative;z-index:1;max-width:473px;margin:0 auto;padding:82px 24px 96px;text-align:center}
.band h2{font-size:clamp(20px,2vw,24px);font-weight:400;text-transform:uppercase;letter-spacing:.04em;margin:0 0 36px}
.band .lead-form{text-align:left}
.band .lead-form .consent{color:#fff}
.band .lead-form .consent input{accent-color:#fff}
.band .lead-form .form-msg.err{color:#ffd9cd}

/* outro */
.outro{padding:72px 0 60px;text-align:center}
.outro p{font-size:16px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 60px}
.btn-outline{display:inline-block;border:1px solid var(--ink);border-radius:2px;padding:12px 30px;font:400 13px var(--font);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.btn-outline:hover{background:var(--ink);color:#fff}

/* footer */
.site-footer{border-top:1px solid #d9d8d4;padding:34px 0 44px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-inner img{height:14px}
.footer-links{display:flex;gap:48px}
.footer-links a{font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}

/* thank you page */
.typ .hero-copy{max-width:519px;padding:120px 0}
.typ .hero-copy p{font-size:clamp(16px,1.8vw,22px);line-height:1.55;margin:0 0 26px}
.typ .hero-copy p strong{font-weight:500}

@media (max-width:900px){
  .hero{background:var(--hero-bg);display:flex;flex-direction:column}
  .hero-inner{display:block;min-height:0}
  .hero-photo{position:static;order:2;margin-top:34px}
  .hero-photo img{height:300px;object-position:50% 62%}
  .hero-copy{margin:0;max-width:none;padding:30px 0 0}
  .hero h1{margin-bottom:18px}
  .hero .sub{margin-bottom:20px}
  .lead-form{max-width:none}
  .benefits{padding:48px 0}
  .benefits-inner{flex-direction:column;align-items:stretch;gap:40px}
  .benefits h2{margin-bottom:36px}
  .benefit{gap:20px;margin-bottom:32px}
  .benefit .ico{font-size:32px;width:44px}
  .benefit p,.benefit h3{font-size:16px}
  .band-inner{padding:56px 24px 64px}
  .outro{padding:56px 0 48px}
  .outro p{margin-bottom:36px}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .footer-links{gap:32px}
  .typ .hero-copy{padding:40px 0 0}
}