@import url("https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@800,900,700,500&f[]=manrope@400,500,600,700&f[]=ibm-plex-mono@400,500,600&display=swap");

.btb-root{
  --btb-bg:#f4f4f0;
  --btb-bg-2:#eaeaea;
  --btb-ink:#0a0a0a;
  --btb-ink-2:#5c5c5c;
  --btb-accent:#ff3b1d;
  --btb-accent-hover:#d92d14;
  --btb-success:#00a86b;
  --btb-warning:#ffb300;
  max-width:820px;
  margin:20px auto;
  color:var(--btb-ink);
  font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.btb-root *{box-sizing:border-box}
.btb-box{
  background:#fff;
  border:1px solid var(--btb-ink);
  border-radius:0;
  box-shadow:4px 4px 0 0 var(--btb-ink);
  overflow:hidden;
}
.btb-head{
  background:var(--btb-bg-2);
  color:var(--btb-ink);
  padding:0;
  border-bottom:1px solid var(--btb-ink);
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:0;
}
.btb-head strong{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.25em;
  text-transform:uppercase;
  padding:13px 14px;
  display:block;
  font-weight:700;
}
.btb-head span{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--btb-ink-2);
  border-left:1px solid var(--btb-ink);
  padding:13px 14px;
  opacity:1;
  white-space:nowrap;
}
.btb-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:22px;
}
.btb-grid label{
  display:block;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--btb-ink);
}
.btb-grid input,.btb-grid select,.btb-grid textarea,.btb-success input{
  width:100%;
  margin-top:7px;
  padding:13px 12px;
  border:1px solid var(--btb-ink);
  border-radius:0;
  background:transparent;
  color:var(--btb-ink);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  outline:none;
  box-shadow:none;
}
.btb-grid input:focus,.btb-grid select:focus,.btb-grid textarea:focus,.btb-success input:focus{
  outline:2px solid var(--btb-accent);
  outline-offset:0;
}
.btb-grid textarea{min-height:90px;resize:vertical}.wide{grid-column:1/-1}
.btb-check{display:flex!important;gap:10px;align-items:center;margin-top:22px;color:var(--btb-ink)!important}
.btb-check input{width:auto!important;margin:0!important;appearance:auto!important}
.btb-quote{
  margin:0 22px 18px;
  padding:16px;
  border:1px solid var(--btb-ink);
  border-radius:0;
  background:var(--btb-bg);
  box-shadow:4px 4px 0 0 var(--btb-ink);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.btb-quote strong{
  display:block;
  font-family:"Cabinet Grotesk","Manrope",sans-serif;
  font-size:38px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
  margin-bottom:8px;
}
.btb-quote span{color:var(--btb-ink-2)}
.btb-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;padding:0 22px 22px}
.btb-btn{
  border:1px solid var(--btb-ink);
  border-radius:0;
  background:var(--btb-accent);
  color:#fff;
  padding:12px 18px;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
  text-decoration:none!important;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  box-shadow:4px 4px 0 0 var(--btb-ink);
  transition:transform .08s linear,box-shadow .08s linear,background .08s linear;
}
.btb-btn:hover{background:var(--btb-accent-hover);transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--btb-ink);color:#fff}
.btb-btn.secondary{background:transparent;color:var(--btb-ink)}
.btb-btn.secondary:hover{background:var(--btb-ink);color:var(--btb-bg)}
.btb-link{border:0;background:transparent;text-decoration:underline;cursor:pointer;font-family:"IBM Plex Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--btb-ink)}
.btb-error{margin:0 22px 14px;padding:12px;border:1px solid var(--btb-accent);background:#fff;color:var(--btb-accent);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.btb-success,.btb-driver{padding:26px;background:#fff}
.btb-success h3,.btb-driver h3{font-family:"Cabinet Grotesk","Manrope",sans-serif;font-size:34px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 12px;color:var(--btb-ink)}
.btb-success p,.btb-driver p{color:var(--btb-ink-2);line-height:1.5}
.btb-ride{border:1px solid var(--btb-ink);border-radius:0;padding:16px;margin:16px 0;background:#fff;box-shadow:4px 4px 0 0 var(--btb-ink)}
.btb-ride strong{font-family:"Cabinet Grotesk","Manrope",sans-serif;font-weight:900;text-transform:uppercase;font-size:18px}
.btb-ride .btb-actions{justify-content:flex-start;padding:8px 0 0}
.pac-container{z-index:999999;font-family:"Manrope",system-ui,sans-serif;border:1px solid #0a0a0a;border-radius:0;box-shadow:4px 4px 0 0 #0a0a0a}.pac-item{padding:8px;border-top:1px solid #eaeaea}.pac-item-query{font-weight:700;color:#0a0a0a}
@media(max-width:680px){.btb-root{margin:12px auto}.btb-grid{grid-template-columns:1fr;padding:18px}.btb-actions{flex-direction:column;padding:0 18px 18px}.btb-btn{width:100%;text-align:center}.btb-head{display:block}.btb-head span{display:block;border-left:0;border-top:1px solid var(--btb-ink)}.btb-quote{margin:0 18px 18px}.btb-quote strong{font-size:32px}}

.btb-root{font-weight:600}.btb-hero-root{max-width:720px;margin:0}.btb-hero-widget .btb-grid{padding-bottom:12px}.btb-hero-widget .btb-actions{justify-content:flex-start}.btb-hero-widget .btb-btn{min-width:240px}
