.lda{
  --lda-paper:#F8F8F7;
  --lda-white:#FFFFFF;
  --lda-ink:#111111;
  --lda-slate:#6E6E6B;
  --lda-line:#E4E4E1;
  --lda-display:"Jost",-apple-system,"Segoe UI",sans-serif;
  --lda-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--lda-paper);
  color:var(--lda-ink);
  font-family:var(--lda-body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.lda *,.lda *::before,.lda *::after{box-sizing:border-box}
.lda-wrap{max-width:680px;margin:0 auto;padding:36px 24px 100px}

.lda h1,.lda h2,.lda h3,.lda .lda-qtext,.lda .lda-band,.lda .lda-fig,.lda .lda-logo,.lda .lda-val{
  font-family:var(--lda-display);font-weight:400;letter-spacing:-.015em;color:var(--lda-ink);text-transform:none}
.lda h1{font-size:clamp(34px,5.6vw,50px);line-height:1.08;margin:16px 0 20px;padding:0}
.lda h2{font-size:clamp(26px,4vw,36px);line-height:1.12;margin:0 0 16px;padding:0}
.lda p{margin:0 0 18px;max-width:58ch;color:var(--lda-ink);font-size:16px;line-height:1.65}
.lda .lda-lede{color:var(--lda-slate)}

.lda .lda-eyebrow{font-family:var(--lda-body);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--lda-slate);display:block}
.lda-masthead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:56px}
.lda .lda-logo{font-size:19px;font-weight:500;letter-spacing:-.01em}

.lda-bar{height:1px;background:var(--lda-line);margin-bottom:14px;position:relative}
.lda-bar span{position:absolute;left:0;top:0;height:1px;background:var(--lda-ink);transition:width .35s ease}
.lda .lda-qmeta{font-family:var(--lda-body);font-size:12px;color:var(--lda-slate);margin-bottom:38px}
.lda .lda-qtext{font-size:clamp(25px,3.8vw,34px);line-height:1.16;margin:0 0 30px;max-width:21ch}

.lda-opts{display:flex;flex-direction:column;gap:6px;max-width:460px}
.lda .lda-opt{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--lda-line);border-radius:0;padding:15px 18px;font-family:var(--lda-body);font-size:15px;font-weight:400;line-height:1.5;color:var(--lda-ink);cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;transition:border-color .15s,background .15s}
.lda .lda-opt{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.lda .lda-opt:focus-visible{outline:1px solid var(--lda-ink);outline-offset:2px}
.lda .lda-opt.is-on{border-color:var(--lda-ink);background:var(--lda-white)}

.lda .lda-city{width:100%;max-width:460px;height:auto;background-color:var(--lda-white);border:1px solid var(--lda-line);padding:16px 18px;font-family:var(--lda-body);font-size:15px;color:var(--lda-ink);border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;
background-image:linear-gradient(45deg,transparent 50%,var(--lda-ink) 50%),linear-gradient(135deg,var(--lda-ink) 50%,transparent 50%);
background-position:calc(100% - 21px) 24px,calc(100% - 16px) 24px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.lda .lda-city{-webkit-tap-highlight-color:transparent}
.lda .lda-city:focus{outline:1px solid var(--lda-ink);outline-offset:2px}

.lda .lda-btn{display:inline-block;width:auto;background:var(--lda-ink);color:var(--lda-white);border:1px solid var(--lda-ink);border-radius:0;padding:14px 28px;font-family:var(--lda-body);font-size:15px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;box-shadow:none;transition:opacity .15s}
.lda .lda-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.lda .lda-btn:focus-visible{outline:1px solid var(--lda-ink);outline-offset:3px}
.lda .lda-btn.is-ghost{background:transparent;color:var(--lda-ink)}

.lda .lda-link{background:none;border:0;padding:0;font-family:var(--lda-body);font-size:13px;color:var(--lda-slate);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lda .lda-link{-webkit-tap-highlight-color:transparent}
.lda .lda-back{margin-top:34px}
.lda .lda-hint{font-size:13px;color:var(--lda-slate);margin-top:18px;max-width:44ch}

.lda .lda-label{display:block;font-family:var(--lda-body);font-size:14px;font-weight:500;color:var(--lda-ink);margin:0 0 8px}
.lda .lda-field{display:block;width:100%;max-width:460px;height:auto;background:var(--lda-white);border:1px solid var(--lda-ink);border-radius:0;color:var(--lda-ink);font-family:var(--lda-body);font-size:17px;line-height:1.4;padding:16px 18px;margin:0 0 14px;box-shadow:none;-webkit-appearance:none;appearance:none;transition:box-shadow .15s}
.lda .lda-field::placeholder{color:#9C9C99}
.lda .lda-field:focus{outline:0;border-color:var(--lda-ink);box-shadow:inset 0 0 0 1px var(--lda-ink)}
.lda .lda-field.has-error{border-color:#B3261E}
.lda .lda-fieldnote{font-size:13px;color:var(--lda-slate);margin:0 0 20px;max-width:46ch}
.lda .lda-err{font-size:13px;color:var(--lda-ink);margin:0 0 14px;display:none}
.lda .lda-err.is-on{display:block}
.lda-gate-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.lda .lda-smallprint{font-size:12px;color:var(--lda-slate);margin-top:28px;max-width:56ch;line-height:1.7}

.lda .lda-band{font-size:clamp(40px,7vw,58px);line-height:1;margin:10px 0 20px}
.lda .lda-fig{font-size:clamp(58px,14vw,116px);font-weight:300;line-height:1;letter-spacing:-.035em;margin:0 0 10px}
.lda-figblock{margin:56px 0 0}
.lda .lda-figsub{font-size:15px;color:var(--lda-slate);max-width:34ch;margin:0}
.lda .lda-method{font-size:12px;color:var(--lda-slate);margin:26px 0 0;max-width:56ch;line-height:1.7}

.lda-stats{display:flex;gap:56px;flex-wrap:wrap;margin:44px 0 0;padding-top:26px;border-top:1px solid var(--lda-line)}
.lda .lda-lab{display:block;font-family:var(--lda-body);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--lda-slate);margin-bottom:8px}
.lda .lda-val{display:block;font-size:30px;line-height:1}
.lda .lda-val small{font-size:15px;color:var(--lda-slate);letter-spacing:0}

.lda-tipswrap{margin-top:56px}
.lda-tips{margin-top:22px}
.lda-tip{padding:22px 0;border-bottom:1px solid var(--lda-line)}
.lda-tip:first-child{border-top:1px solid var(--lda-line)}
.lda .lda-tip h3{font-size:19px;margin:0 0 6px;padding:0}
.lda .lda-tip p{margin:0;font-size:15px;color:var(--lda-slate);max-width:56ch}

.lda-footcta{margin-top:52px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.lda .is-hidden{display:none}
.lda .lda-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:520px){.lda-stats{gap:34px}}

@media (hover:hover) and (pointer:fine){
  .lda .lda-opt:hover{border-color:var(--lda-ink);background:var(--lda-white);color:var(--lda-ink)}
  .lda .lda-city:hover{border-color:var(--lda-ink)}
  .lda .lda-btn:hover{opacity:.85;background:var(--lda-ink);color:var(--lda-white)}
  .lda .lda-btn.is-ghost:hover{background:transparent;color:var(--lda-ink);opacity:.7}
  .lda .lda-link:hover{color:var(--lda-ink);background:none}
  .lda .lda-field:hover{box-shadow:inset 0 0 0 1px var(--lda-line)}
}
