*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Nunito,Arial,sans-serif;color:#30231d}body{background:#fff}.shell{width:min(100%,614px);margin:0 auto;background:#fff;min-height:100vh;overflow:hidden}.topbar{height:42px;background:#0876d1;border-radius:0 0 30px 30px;display:flex;align-items:center;justify-content:center}.stars{color:#fff;letter-spacing:8px;font-size:14px;white-space:nowrap}.hero{padding:54px 26px 34px;text-align:center;background:#fff}.brand{color:#126fce;font-size:58px;line-height:.82;font-weight:900;letter-spacing:-5px}.brand span{font-size:42px;letter-spacing:-2px;margin-left:7px}.brand-sub{color:#126fce;font-size:13px;font-weight:800;letter-spacing:2px;margin-top:14px}.eyebrow{color:#9a672e;font-size:17px;font-weight:700;margin:35px 0 5px}.amount{color:#111;font-size:105px;line-height:.9;font-weight:900;letter-spacing:-7px;margin:0}h1{font-size:27px;margin:18px 0 10px;font-weight:900}.sub{color:#876c55;font-size:15px;margin:0 auto 26px}.cta-wrap{max-width:390px;margin:auto}.cta{display:block;background:#126fce;color:#fff;text-decoration:none;padding:17px 18px;border-radius:14px;font-size:20px;font-weight:900;box-shadow:0 4px 0 #07539c}.cta:active{transform:translateY(3px);box-shadow:0 1px 0 #07539c}.works,.faq{background:#fafafa;border-radius:42px 42px 0 0;padding:38px 27px 34px}.faq{border-radius:0;padding-top:5px}.works h2,.faq h2{font-size:30px;margin:0 0 24px;font-weight:900}.step{display:flex;align-items:center;gap:16px;background:#fff;border-radius:18px;padding:18px 17px;margin:10px 0;border:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.03)}.num{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#126fce;color:#fff;display:grid;place-items:center;font-weight:900;font-size:19px}.step strong,.step small{display:block}.step strong{font-size:17px}.step small{font-size:13px;color:#856b57;margin-top:3px}.faq details{background:#fff;border:1px solid #eee;border-radius:15px;padding:15px 16px;margin:10px 0}.faq summary{cursor:pointer;font-weight:800;font-size:16px}.faq p{font-size:13px;line-height:1.5;color:#756657;margin:10px 0 0}.faq code{background:#eef4fa;padding:2px 5px;border-radius:5px}footer{text-align:center;font-size:11px;color:#777;padding:18px 20px 26px}@media(max-width:420px){.hero{padding-top:42px}.brand{font-size:48px}.brand span{font-size:35px}.amount{font-size:86px}.works,.faq{padding-left:20px;padding-right:20px}}

.post-steps-cta{display:flex;justify-content:center;margin:24px 0 30px}.post-steps-cta button{width:100%;max-width:360px}

/* Screenshot-style numbered steps */
.simple-steps{margin:0;padding-left:28px;display:grid;gap:16px;font-size:16px;line-height:1.45}
.simple-steps li{padding-left:2px;color:#18233b}
.simple-steps li:first-child{font-weight:800}
.simple-steps li:first-child::marker{font-weight:900}
.post-steps-cta{display:flex;justify-content:center;margin:24px 0 30px;padding:0 22px}
.post-steps-cta .cta{width:100%;max-width:420px;text-align:center}

/* FAQ layout matched to the supplied reference screenshot */
.faq{
  background:#fff;
  border-radius:0;
  padding:28px 22px 42px;
}
.faq-divider{
  height:1px;
  background:#e1e1e1;
  margin:0 0 46px;
}
.faq h2{
  text-align:center;
  font-size:29px;
  line-height:1.2;
  font-style:italic;
  font-weight:900;
  color:#222;
  margin:0 0 38px;
}
.faq details{
  position:relative;
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:12px;
  padding:0;
  margin:0 0 16px;
  overflow:hidden;
  box-shadow:none;
}
.faq summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:18px 54px 18px 21px;
  min-height:64px;
  display:flex;
  align-items:center;
  font-size:20px;
  line-height:1.3;
  font-weight:800;
  color:#252525;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";
  position:absolute;
  right:25px;
  top:50%;
  width:9px;
  height:9px;
  border-right:2px solid #777;
  border-bottom:2px solid #777;
  transform:translateY(-65%) rotate(45deg);
  transition:transform .18s ease;
}
.faq details[open] summary::after{
  transform:translateY(-35%) rotate(225deg);
}
.faq details p{
  margin:0;
  padding:0 21px 19px;
  font-size:14px;
  line-height:1.55;
  color:#666;
}
.faq + footer{
  border-top:1px solid #e1e1e1;
  padding:34px 20px 42px;
  font-size:17px;
  line-height:1.4;
  color:#777;
}
@media(max-width:420px){
  .faq{padding-left:20px;padding-right:20px}
  .faq-divider{margin-bottom:42px}
  .faq h2{font-size:27px;margin-bottom:36px}
  .faq summary{font-size:18px;padding-left:20px;padding-right:50px}
}

/* Reference-style numbered steps */
.reference-steps{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0 4px 4px;
}
.reference-step-list{
  margin:0;
  padding-left:25px;
  list-style-position:outside;
}
.reference-step-list li{
  padding:0 0 14px 3px;
  font-size:16px;
  line-height:1.45;
  color:#182b49;
}
.reference-step-list li::marker{
  font-weight:400;
  color:#182b49;
}
.reference-step-list li:first-child,
.reference-step-list li:first-child::marker{
  color:#ef3f35;
  font-weight:700;
}
.reference-step-list + *{
  margin-top:0;
}

/* Exact simple numbered-step presentation requested */
.reference-style-steps{
  margin:0;
  padding-left:28px;
  list-style-position:outside;
}
.reference-style-steps li{
  margin:0 0 14px;
  padding-left:2px;
  font-size:16px;
  line-height:1.45;
  color:#182b49;
}
.reference-style-steps li::marker{
  color:#182b49;
  font-weight:400;
}
.reference-style-steps li:first-child,
.reference-style-steps li:first-child::marker{
  color:#ef3f35;
  font-weight:800;
}
.reference-style-steps li:last-child{
  margin-bottom:0;
}
