.relay-workspace{border:1px solid var(--ml-color-rule-on-dark);max-width:var(--ml-container-wide);grid-template-columns:13rem minmax(0,1fr);min-height:42rem;margin:0 auto;display:grid}.relay-progress{border-right:1px solid var(--ml-color-rule-on-dark);padding:0;list-style:none}.relay-progress li{border-bottom:1px solid var(--ml-color-rule-on-dark);color:var(--ml-color-neutral-400);font-size:var(--ml-type-utility);text-transform:uppercase;gap:.5rem;min-height:6rem;padding:1rem;display:grid}.relay-progress li span{color:var(--ml-color-coral)}.relay-progress li.is-active{color:var(--ml-color-ivory)}.relay-progress li[aria-current=step]{background:var(--ml-color-cobalt)}.relay-panel{min-width:0;padding:clamp(1.5rem,5vw,4rem)}.relay-stage,.relay-stage fieldset{border:0;margin:0;padding:0}.relay-stage>legend,.relay-stage fieldset>legend{font-family:var(--ml-font-display);letter-spacing:-.04em;max-width:50rem;padding:0;font-size:clamp(2.5rem,5vw,5rem);font-weight:650;line-height:.94}.relay-stage>p{color:var(--ml-color-text-muted-on-dark);margin-top:1.5rem;line-height:1.6}.relay-choice-grid,.relay-choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.5rem;display:grid}.relay-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-choice-grid label,.relay-choice-row label{background:color-mix(in srgb, var(--ml-color-navy) 78%, black);border:1px solid var(--ml-color-rule-on-dark);cursor:pointer;gap:.8rem;min-height:9rem;padding:1.25rem;display:grid;position:relative}.relay-choice-grid label.is-selected,.relay-choice-row label.is-selected{background:var(--ml-color-cobalt);border-color:var(--ml-color-cobalt)}.relay-choice-grid input,.relay-choice-row input{accent-color:var(--ml-color-coral);width:1.25rem;height:1.25rem}.relay-choice-grid b,.relay-choice-row b{font-family:var(--ml-font-display);font-size:1.2rem}.relay-choice-grid span,.relay-choice-row span{color:var(--ml-color-text-muted-on-dark);line-height:1.5}.relay-stage-actions{justify-content:space-between;align-items:center;margin-top:2.5rem;display:flex}.relay-stage-actions button,.relay-next,.relay-reset{border:1px solid var(--ml-color-rule-on-dark);color:var(--ml-color-ivory);cursor:pointer;background:0 0;min-height:3.5rem;padding:0 1.25rem}.relay-stage-actions .relay-next,.relay-next,.relay-reset{background:var(--ml-color-coral);border-color:var(--ml-color-coral);color:var(--ml-color-navy);font-weight:800}.relay-next{margin-top:2.5rem;margin-left:auto;display:block}.relay-fields{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.relay-fields label{gap:.6rem;display:grid}.relay-fields label>span{color:var(--ml-color-text-muted-on-dark);font-size:var(--ml-type-utility);text-transform:uppercase;font-weight:800}.relay-fields :where(input,select,textarea){border:1px solid var(--ml-color-rule-on-dark);color:var(--ml-color-ivory);background:0 0;width:100%;min-height:3.5rem;padding:.8rem}.relay-fields textarea{resize:vertical;min-height:7rem}.relay-wide{grid-column:1/-1}.relay-result-head{border-bottom:1px solid var(--ml-color-rule-on-dark);grid-template-columns:minmax(10rem,.4fr) 1fr;align-items:end;gap:2rem;padding-bottom:2rem;display:grid}.relay-result-head>div:first-child{display:grid}.relay-result-head small,.relay-result-head span,.relay-result h4{color:var(--ml-color-text-muted-on-dark);font-size:var(--ml-type-utility);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.relay-result-head>div:first-child strong{color:var(--ml-color-coral);font-family:var(--ml-font-display);letter-spacing:-.06em;font-size:clamp(5rem,11vw,10rem);line-height:.8}.relay-result-head p{color:var(--ml-color-coral);font-size:var(--ml-type-utility);font-weight:850}.relay-result-head h3{letter-spacing:-.04em;margin:1rem 0;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.92}.relay-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:2rem 0;display:grid}.relay-result-grid article{border-top:1px solid var(--ml-color-rule-on-dark);padding-top:1rem}.relay-result-grid :where(p,blockquote,li){color:var(--ml-color-text-muted-on-dark);line-height:1.6}.relay-result-grid :where(p,blockquote,ul){margin-top:1rem}.relay-result-grid ul{padding-left:1.25rem}@media (width<=1024px){.relay-workspace{grid-template-columns:1fr}.relay-progress{border-bottom:1px solid var(--ml-color-rule-on-dark);border-right:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.relay-progress li{border-bottom:0;border-right:1px solid var(--ml-color-rule-on-dark)}}@media (width<=768px){.relay-choice-grid,.relay-choice-row,.relay-needs,.relay-fields,.relay-result-head,.relay-result-grid{grid-template-columns:1fr}.relay-panel{padding:2rem 20px}.relay-wide{grid-column:1}}@media (width<=430px){.relay-progress{grid-template-columns:1fr 1fr}.relay-stage-actions{flex-direction:column-reverse;align-items:stretch;gap:.75rem}.relay-stage-actions button,.relay-next,.relay-reset{width:100%}}@media (width<=360px){.relay-panel{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.relay-demo *{transition-duration:.01ms!important}}
