/* clients.evergreenicon.com shared styles */
@font-face{font-family:"Reckless";src:url(/assets/fonts/reckless-light.woff2) format("woff2");font-weight:300 500;font-display:swap}
@font-face{font-family:"Helvetica Neue Light";src:url(/assets/fonts/helvetica-neue-light.woff2) format("woff2");font-weight:300 400;font-display:swap}
@font-face{font-family:"Cardo";src:url(/assets/fonts/cardo-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"Optima LT Pro";src:url(/assets/fonts/optima.woff2) format("woff2");font-display:swap}

:root{
  --charcoal:#1f1611;
  --cream:#f1e2c7;
  --page-bg:#fbf6f0;
  --card:#ffffff;
  --ink:#1f1611;
  --tan:#997662;
  --rule:#e6dccb;
  --red:#7d200e;
  --brown:#5e3321;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--page-bg);color:var(--ink);font-family:"Montserrat",system-ui,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;text-wrap:pretty}
img{max-width:100%;height:auto;display:block}
a{color:inherit}

/* Header */
.site-header{background:var(--charcoal);display:flex;justify-content:center;align-items:center;padding:16px 16px 18px}
.site-header img{width:120px}

/* Main card */
.page{padding:46px 16px}
.card{background:var(--card);max-width:1275px;margin:0 auto;padding:36px 24px 44px}
.inner{max-width:780px;margin:0 auto}

.headline{font-family:"Reckless",Georgia,serif;font-weight:300;font-size:clamp(34px,5.4vw,58px);line-height:1.2;text-align:center;margin:0 0 30px;text-wrap:balance}
.intro p{text-align:center;margin:0 0 26px;font-size:18px}
.intro p:last-child{margin-bottom:24px}
.rule{border:0;border-top:1px solid var(--rule);margin:0 0 30px}

.step-badge{width:176px;margin:0 0 8px 30px}
.step-title{font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:clamp(24px,3.4vw,32px);line-height:1.25;text-align:center;margin:0 0 34px;text-wrap:balance}

.form-wrap{border-radius:12px;overflow:hidden;min-height:500px;width:min(1040px,calc(100vw - 80px));margin-left:calc(50% - min(520px,calc(50vw - 40px)))}

.note{font-style:italic;text-align:center;font-size:18px;line-height:1.4;margin:60px 0 0}

/* Footer */
.site-footer{background:var(--charcoal);color:#f8f8f8;text-align:center;padding:40px 16px 120px}
.footer-logo{width:140px;margin:0 auto 34px}
.site-footer .disclaimer{font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12.5px;line-height:1.3;max-width:1275px;margin:0 auto 34px}
.site-footer .legal{font-family:"Cardo",Georgia,serif;font-style:italic;font-size:14px;margin:0 auto;max-width:1275px}
.site-footer .legal a{text-decoration:none;white-space:nowrap}
.site-footer .legal a:hover{text-decoration:underline}


/* Step pages */
.step-badge--top{width:202px;margin:0 0 10px 30px}
.step-title--tight{font-size:clamp(22px,2.6vw,28px);margin:0 0 18px}
.subnote{font-style:italic;text-align:center;font-size:15.5px;line-height:1.4;margin:0 0 20px}
.video{position:relative;width:100%;max-width:675px;margin:0 auto;aspect-ratio:16/9;background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cta-row{text-align:center;margin:36px 0 0}
.btn{display:inline-flex;align-items:center;gap:10px;background:#4f6f9b;color:#fff;text-decoration:none;font-family:"Optima LT Pro",Optima,"Candara",sans-serif;font-weight:600;font-size:23.5px;letter-spacing:.02em;text-transform:uppercase;padding:10px 25px;transition:background .2s}
.btn:hover,.btn:focus-visible{background:#3f5b82}

/* Confetti */
.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}

@media (max-width:770px){
  body{font-size:16px}
  .page{padding:24px 12px}
  .card{padding:28px 16px 36px}
  .intro p,.note{font-size:16px}
  .step-badge{width:140px;margin-left:0}
  .note{margin-top:40px}
  .form-wrap{width:100%;margin-left:0}
  .step-badge--top{width:150px;margin-left:0}
  .btn{font-size:19px;padding:10px 20px}
}
