/* Smart conversion components shared by Tree public forms */
.success-panel{
  margin:36px 52px 0;
  padding:28px;
  border:1px solid rgba(240,108,55,.28);
  border-radius:30px;
  background:
    radial-gradient(420px 260px at 0 0, rgba(240,108,55,.16), transparent 70%),
    linear-gradient(180deg, rgba(15,18,24,.94), rgba(8,10,14,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}
.success-panel__tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 13px;
  border:1px solid rgba(31,138,60,.65);
  border-radius:999px;
  background:rgba(31,138,60,.12);
  color:#b8f3ce;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.success-panel h2{
  margin:16px 0 10px;
  max-width:760px;
  color:var(--text, #f6f7f9);
  font-size:clamp(1.9rem, 3.6vw, 3rem);
  line-height:1;
  letter-spacing:-.055em;
}
.success-panel p{
  margin:0;
  max-width:760px;
  color:var(--muted, #9ea3ad);
  font-size:.98rem;
}
.success-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.success-actions .btn{
  min-width:190px;
  text-decoration:none;
}
.success-actions .btn--ghost{
  border:1px solid rgba(255,255,255,.14);
  background:#11141a;
  color:var(--text, #f6f7f9);
}
.success-panel__note{
  margin-top:18px!important;
  color:#ffd2c0!important;
  font-size:.82rem!important;
}

.smart-choice{
  margin:36px 52px 0;
  padding:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  background:rgba(8,10,14,.88);
}
.smart-choice h2{margin:0 0 10px; font-size:2rem; line-height:1; letter-spacing:-.045em}
.smart-choice p{margin:0; color:var(--muted, #9ea3ad)}
.smart-choice__grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px}
.smart-choice__card{
  min-height:130px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(15,18,24,.92), rgba(8,10,14,.88));
  transition:.18s ease;
}
.smart-choice__card:hover{border-color:rgba(240,108,55,.42); transform:translateY(-2px); box-shadow:0 18px 34px rgba(0,0,0,.25)}
.smart-choice__card strong{display:block; margin-bottom:8px; font-size:1.12rem}
.smart-choice__card span{display:block; color:var(--muted, #9ea3ad); font-size:.9rem}

.brand-worked-field,
.brand-list-field{
  transition:opacity .18s ease, transform .18s ease;
}
.brand-list-field.is-hidden{
  display:none!important;
}
.brand-list-field:not(.is-hidden){
  animation:treeFieldReveal .22s ease both;
}
@keyframes treeFieldReveal{
  from{opacity:0; transform:translateY(-6px)}
  to{opacity:1; transform:translateY(0)}
}

@media (max-width:820px){
  .success-panel,.smart-choice{margin-left:16px; margin-right:16px; padding:22px; border-radius:26px}
  .success-actions{flex-direction:column}
  .success-actions .btn{width:100%; min-width:0}
  .smart-choice__grid{grid-template-columns:1fr}
}