@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("/fonts/Inter-Regular.woff") format("woff")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("/fonts/Inter-SemiBold.woff") format("woff")}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;font-display:swap;src:url("/fonts/Inter-Bold.woff") format("woff")}

:root{
  --blue:#1B68E9;
  --blue-hover:#1b86f1;
  --green:#279f27;
  --green-hover:#1f8a1f;
  --ink:#182433;
  --text:#000000;
  --muted:#706c6c;
  --line:#000000;
  --field:#b3b3b3;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--text);background:#fff;line-height:1.5}
a{color:inherit}
img{max-width:100%;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero (home) */
.hero{position:relative;min-height:860px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#182433 url("/img/hero-1500.webp") center/cover no-repeat;padding:80px 20px}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}
.hero .inner{position:relative;max-width:1020px;margin:0 auto}
.hero h1{font-size:60px;font-weight:700;line-height:1.1;margin:0 0 20px}
.hero p{font-size:20px;font-weight:600;line-height:1.5;margin:0 0 42px}
@media (max-width:767px){
  .hero{min-height:620px;background-image:url("/img/hero-1000.webp")}
  .hero h1{font-size:40px}
  .hero p{font-size:17px}
}

/* Buttons */
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;padding:16px 42px;transition:background .3s linear}
.btn:hover{background:var(--blue-hover)}

/* Footer */
.footer{padding:90px 20px 110px;text-align:center;font-size:16px;line-height:1.6}
.footer .disclaimer{display:block;max-width:526px;margin:0 auto 60px;padding:24px 20px;border:1px solid var(--line)}
.footer p{margin:0 0 17px}
.footer a{color:#000;text-decoration:none}
.footer a:hover{text-decoration:underline}

/* Sign-up page */
.signup{position:relative;min-height:1005px;display:flex;align-items:flex-start;justify-content:center;padding:90px 20px;background:#eef0f3 url("/img/signup-2500.jpg") center/cover no-repeat}
.signup .card{position:relative;background:#fff;width:100%;max-width:450px;padding:40px 35px 40px}
.signup h1{font-size:34px;font-weight:700;letter-spacing:-0.5px;text-align:center;margin:0 0 42px}
.field{display:block;margin:0 0 22px}
.field input{width:100%;height:46px;border:1px solid var(--line);border-radius:0;background:#fff;font:inherit;font-size:16px;padding:0 14px;color:var(--text)}
.field input:focus{outline:2px solid var(--blue);outline-offset:1px}
.phone{display:flex}
.phone .cc{display:flex;align-items:center;gap:8px;height:46px;border:1px solid var(--line);border-right:0;padding:0 10px;font-size:12px;color:var(--muted);background:#fff;white-space:nowrap}
.phone input{flex:1}
.consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 22px;font-size:16px;line-height:1.55}
.consent input{margin:6px 0 0;flex:none;width:16px;height:16px}
.consent a{color:var(--blue);text-decoration:none}
.consent a:hover{text-decoration:underline}
.submit{width:100%;border:0;border-radius:5px;background:var(--green);color:#fff;font:inherit;font-weight:700;font-size:20px;letter-spacing:1px;text-transform:uppercase;padding:14px 51px;cursor:pointer;transition:background .3s linear}
.submit:hover{background:var(--green-hover)}
.hp{position:absolute;left:-9999px;top:-9999px}
@media (max-width:767px){
  .signup{min-height:0;padding:40px 14px;background-image:url("/img/signup-1500.jpg")}
  .signup h1{font-size:28px}
  .signup .card{padding:30px 22px}
}

/* Text pages (privacy, thanks) */
.page{max-width:900px;margin:0 auto;padding:70px 20px 20px;font-size:16px;line-height:1.6}
.page h1{font-size:40px;font-weight:700;margin:0 0 30px}
.page p{margin:0 0 17px}
.page a{color:var(--blue)}
.thanks{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px}
.thanks h1{font-size:34px;margin:0 0 12px}
.thanks p{font-size:18px;margin:0 0 30px}
