.bot-page{
  --ink:#4c2619;
  --cream:#fbf7f3;
  --line:rgba(76,38,25,.16);
  width:100%;
  color:var(--ink);
  background:#fff;
}
.bot-page *, .bot-page *::before, .bot-page *::after{box-sizing:border-box}
.bot-shell{width:min(1120px,calc(100% - 64px));margin:0 auto}
.bot-hero{padding:76px 0 68px;background:var(--cream);text-align:center}
.bot-kicker{margin:0 0 18px;font:700 13px/1.4 "Rethink Sans",Arial,sans-serif;text-transform:lowercase}
.bot-hero h1{
  margin:0;
  font-family:"GTEestiProDisplay-UltraLight","Helvetica Neue",Arial,sans-serif;
  font-size:66px;
  font-weight:200;
  line-height:1;
  letter-spacing:-.04em;
}
.bot-hero>div>p:last-child{max-width:620px;margin:20px auto 0;font:400 14px/1.8 "Rethink Sans",Arial,sans-serif}
.bot-main{padding:68px 0 88px}
.bot-form-card{
  max-width:760px;
  margin:0 auto;
  padding:38px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 45px rgba(76,38,25,.06);
}
.bot-field{margin-bottom:24px}
.bot-field label{display:block;margin-bottom:9px;font:700 13px/1.4 "Rethink Sans",Arial,sans-serif}
.bot-field input{
  width:100%;
  height:54px;
  padding:0 17px;
  border:1px solid rgba(76,38,25,.28);
  border-radius:10px;
  outline:none;
  color:var(--ink);
  background:#fff;
  font:400 14px/1.4 "Rethink Sans",Arial,sans-serif;
}
.bot-field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(76,38,25,.08)}
.bot-field small{display:block;margin-top:7px;font:400 11px/1.55 "Rethink Sans",Arial,sans-serif;opacity:.72}
.bot-form-card button,.bot-track-link,.bot-help a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 28px;
  border:0;
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font:700 13px/1 "Rethink Sans",Arial,sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.bot-form-card button{width:100%}
.bot-error,.bot-alert{
  max-width:760px;
  margin:22px auto 0;
  padding:18px 22px;
  border-radius:12px;
  background:#fff1ef;
  color:#7b2018;
  font:600 13px/1.6 "Rethink Sans",Arial,sans-serif;
}
.bot-result{
  max-width:900px;
  margin:42px auto 0;
  padding:38px;
  border:1px solid var(--line);
  border-radius:20px;
}
.bot-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.bot-result h2{
  margin:0 0 10px;
  font-family:"GTEestiProDisplay-UltraLight","Helvetica Neue",Arial,sans-serif;
  font-size:42px;
  font-weight:200;
  line-height:1.05;
}
.bot-result-head p:last-child{margin:0;font:400 13px/1.7 "Rethink Sans",Arial,sans-serif}
.bot-status{
  flex:0 0 auto;
  padding:10px 16px;
  border-radius:999px;
  background:var(--cream);
  font:700 12px/1 "Rethink Sans",Arial,sans-serif;
}
.bot-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:42px 0}
.bot-step{position:relative;text-align:center;opacity:.42}
.bot-step::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:1px;background:var(--line)}
.bot-step:first-child::before{display:none}
.bot-step>span{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin:0 auto 12px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  font:700 12px/1 Arial,sans-serif;
}
.bot-step.is-active{opacity:1}
.bot-step.is-active>span{background:var(--ink);color:#fff}
.bot-step strong{display:block;font:700 12px/1.35 "Rethink Sans",Arial,sans-serif}
.bot-step small{display:block;margin-top:5px;font:400 10px/1.45 "Rethink Sans",Arial,sans-serif}
.bot-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bot-details>div{padding:20px;border-radius:12px;background:var(--cream)}
.bot-details small{display:block;margin-bottom:7px;font:400 11px/1.4 "Rethink Sans",Arial,sans-serif;opacity:.7}
.bot-details strong{font:700 13px/1.5 "Rethink Sans",Arial,sans-serif}
.bot-track-link{margin-top:24px}
.bot-note{margin:22px 0 0;font:400 12px/1.7 "Rethink Sans",Arial,sans-serif}
.bot-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.bot-help p{margin:0;font:700 13px/1.4 "Rethink Sans",Arial,sans-serif}
.bot-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:52px auto 0}
.bot-info>div{padding:28px;border-radius:16px;background:var(--cream)}
.bot-info h2{
  margin:0 0 10px;
  font-family:"GTEestiProDisplay-UltraLight","Helvetica Neue",Arial,sans-serif;
  font-size:28px;
  font-weight:200;
}
.bot-info p{margin:0;font:400 12px/1.75 "Rethink Sans",Arial,sans-serif}
.bot-info a{color:inherit}

@media(max-width:767px){
  .bot-shell{width:calc(100% - 40px)}
  .bot-hero{padding:48px 0 50px}
  .bot-hero h1{font-size:44px}
  .bot-main{padding:44px 0 60px}
  .bot-form-card,.bot-result{padding:24px}
  .bot-result-head{display:block}
  .bot-status{display:inline-block;margin-top:18px}
  .bot-result h2{font-size:36px}
  .bot-timeline{display:block;margin:34px 0}
  .bot-step{display:flex;align-items:flex-start;gap:14px;text-align:left;margin-bottom:18px}
  .bot-step::before{top:-18px;left:16px;width:1px;height:20px}
  .bot-step:first-child::before{display:none}
  .bot-step>span{flex:0 0 34px;margin:0}
  .bot-details{grid-template-columns:1fr}
  .bot-help{align-items:flex-start;flex-direction:column}
  .bot-help a,.bot-track-link{width:100%;text-align:center}
  .bot-info{grid-template-columns:1fr}
}