/*
  Thank-you page only (loaded after site.css). Luna waves; next steps match the chosen service.
  The steps list reuses the .est-next look from the estimate page (defined here too, so this page stands alone).
*/
.ty{position:relative;overflow:hidden;padding-block:clamp(36px,6vw,88px);background:radial-gradient(circle at 85% 20%,var(--tint) 0,rgba(234,246,254,0) 45%),linear-gradient(180deg,var(--cool),var(--paper))}
.ty .wrap{position:relative;z-index:1}
.ty-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:center;background:var(--paper);border:1px solid var(--hair);border-radius:28px;box-shadow:var(--shadow);padding:clamp(24px,4vw,56px);animation:rise .7s ease-out backwards}
.ty-luna{justify-self:center;width:min(340px,100%)}
.ty-copy{display:grid;gap:18px;min-width:0}
.ty h1{font-size:clamp(2.1rem,4.2vw,3.2rem)}
.est-next{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:12px}
.est-next li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--cool);border:1px solid var(--hair);animation:rise .5s ease-out backwards}
.est-next li:nth-child(2){animation-delay:.12s}.est-next li:nth-child(3){animation-delay:.24s}
.est-next svg{flex:none;width:26px;height:26px;color:#000;margin-top:2px}
.est-next b{display:block;font-weight:600;color:var(--navy)}
.est-next span{color:var(--muted);font-size:.95rem;line-height:1.5}
.ty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:4px}
.ty-actions .call svg{width:20px;height:20px;color:#000}
.ty-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ty-links a{position:relative;display:grid;gap:4px;padding:22px 24px;border:1px solid var(--hair);border-radius:18px;text-decoration:none;color:var(--navy);transition:border-color .2s,box-shadow .25s,transform .25s}
.ty-links a:hover{border-color:transparent;box-shadow:var(--shadow);transform:translateY(-2px)}
.ty-links b{font-weight:600}
.ty-links span{color:var(--muted);font-size:.95rem}
.ty-links i{position:absolute;right:22px;top:22px;font-style:normal;color:var(--deep)}
@media (max-width:860px){
  .ty{padding-top:84px!important}
  .ty-panel{grid-template-columns:1fr}
  .ty-luna{width:min(240px,70%)}
  .ty-links{grid-template-columns:1fr}
}