#pn-starter, #pn-starter * { box-sizing:border-box; }
#pn-starter { width:100vw; margin-left:calc(50% - 50vw); padding:56px 0 0; background:var(--color-bg); color:var(--color-text); font-family:var(--font-body); }
#pn-starter .pn-starter__panel { width:var(--pn-page); margin:auto; padding:34px 38px; border-radius:var(--radius-lg); background:var(--color-surface); box-shadow:var(--shadow-md); }
#pn-starter .pn-starter__head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; margin-bottom:26px; }
#pn-starter .pn-starter__head h2 { margin:0; font-family:var(--font-heading); font-weight:var(--font-heading-weight); font-size:30px; line-height:1.1; }
#pn-starter .pn-starter__head p { margin:0; color:color-mix(in srgb, var(--color-text) 62%, transparent); font-size:14px; }
#pn-starter .pn-starter__row { display:flex; flex-wrap:wrap; align-items:end; gap:26px 36px; }
#pn-starter .pn-starter__chips { display:flex; flex-wrap:wrap; gap:8px; }
#pn-starter .pn-starter__estimate { margin-left:auto; text-align:right; }
#pn-starter .pn-starter__estimateRow { display:flex; align-items:center; gap:18px; }
#pn-starter .pn-starter__sum { font-family:var(--font-heading); font-weight:var(--font-heading-weight); font-size:34px; line-height:1; white-space:nowrap; }
#pn-starter .pn-starter__cta { padding:14px 26px; font-size:15px; white-space:nowrap; }
#pn-starter .pn-starter__rate { margin:20px 0 0; color:color-mix(in srgb, var(--color-text) 55%, transparent); font-size:13px; }
@media (max-width:980px) {
  #pn-starter .pn-starter__panel { padding:28px 26px; }
  #pn-starter .pn-starter__estimate { margin-left:0; text-align:left; width:100%; padding-top:22px; border-top:1px solid var(--color-divider); }
  #pn-starter .pn-starter__estimateRow { justify-content:space-between; }
}
@media (max-width:780px) {
  #pn-starter { padding-top:26px; }
  #pn-starter .pn-starter__panel { width:calc(100% - 32px); padding:20px; }
  #pn-starter .pn-starter__head { margin-bottom:16px; }
  #pn-starter .pn-starter__head h2 { font-size:21px; }
  #pn-starter .pn-starter__head p { display:none; }
  #pn-starter .pn-starter__row { display:block; }
  #pn-starter .pn-starter__group + .pn-starter__group { margin-top:16px; }
  #pn-starter .pn-starter__chips { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
  #pn-starter .pn-chip { min-height:48px; padding:0 6px; font-size:13px; }
  #pn-starter .pn-stepper { height:48px; width:100%; justify-content:space-between; }
  #pn-starter .pn-stepper .pn-stepper__value { font-size:18px; }
  #pn-starter .pn-starter__estimate { margin-top:16px; padding-top:16px; }
  #pn-starter .pn-starter__estimateRow { align-items:center; gap:12px; }
  #pn-starter .pn-starter__sum { font-size:30px; }
  #pn-starter .pn-starter__cta { min-height:48px; padding:0 20px; font-size:14px; }
  #pn-starter .pn-starter__rate { margin-top:14px; font-size:12px; }
}