.ec{--ec-gutter:clamp(16px, 5vw, 56px);--ec-yellow:#ffde00;--ec-cocoa:#5a3d2e;--ec-caramel:#c8a48a}.ec,.ec .sf-hero-copy p,.ec .ec-chips button{font-family:var(--brand-font-body)}.ec-bar{letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ec-cocoa);background:var(--ec-yellow);padding:9px 16px;font-size:11px;font-weight:500}.ec .sf-head{background:var(--brand-surface);border-bottom:1px solid var(--brand-border);padding-block:16px}.ec .sf-brand img{max-height:30px}.ec .sf-nav{font-family:var(--brand-font-heading);letter-spacing:.04em;color:var(--brand-muted);font-size:13px;font-weight:400}.ec .sf-hero{background:var(--brand-surface-alt);min-height:min(34vh,280px)}.ec .sf-hero-copy{max-width:24ch}.ec .sf-hero-copy h1{font-family:var(--brand-font-heading);letter-spacing:0;text-transform:uppercase;color:var(--brand-muted);font-size:clamp(34px,5.4vw,64px);font-weight:500;line-height:1}.ec .sf-hero-copy p{color:var(--ec-cocoa);font-size:clamp(14px,1.4vw,16px)}@media (max-width:640px){.ec .sf-hero{min-height:0;padding-block:40px}}.ec-start{padding:clamp(32px, 4vw, 56px) var(--ec-gutter);gap:clamp(26px,3.2vw,40px);display:grid}.ec-start__intro{margin-bottom:16px}.ec-section-number{letter-spacing:.14em;text-transform:uppercase;color:var(--brand-accent);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.ec h2{font-family:var(--brand-font-heading);letter-spacing:.01em;text-transform:uppercase;color:var(--brand-muted);margin:0 0 6px;font-size:clamp(22px,2.3vw,28px);font-weight:500}.ec-start__intro p{max-width:68ch;color:var(--ec-cocoa);margin:0;font-size:14px;line-height:1.55}.ec-click-hint{font-weight:600;color:var(--brand-accent)!important;margin-top:10px!important;font-size:12.5px!important}.ec-chips{flex-wrap:wrap;gap:10px;display:flex}.ec-chips button{font:inherit;color:var(--brand-muted);background:var(--brand-surface);border:1.5px solid var(--brand-muted);border-radius:var(--brand-radius,2px);cursor:pointer;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.ec-chips button:hover:not(:disabled),.ec-chips button[data-active=true]{color:var(--brand-accent-ink);background:var(--brand-accent);border-color:var(--brand-accent);transform:translateY(-1px)}.ec-chips button:disabled{cursor:progress;opacity:.55}.ec-chips button:focus-visible,.ec-line button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.ec-ask-cue{opacity:0;font-size:12px;transition:opacity .2s}.ec-chips button:hover .ec-ask-cue,.ec-chips button[data-active=true] .ec-ask-cue{opacity:1}.ec-chips--wide button{text-align:start;background:var(--brand-tint);border-color:#0000;padding:13px 22px}.ec-chips--wide button:hover:not(:disabled),.ec-chips--wide button[data-active=true]{border-color:var(--brand-accent)}@media (max-width:560px){.ec-chips--wide{flex-direction:column;align-items:stretch}}.ec-prompt-status{color:var(--brand-muted);margin:0;font-size:12.5px}.ec-shades{padding:clamp(32px, 4vw, 52px) var(--ec-gutter);border-top:1px solid var(--brand-border);background:var(--brand-tint-soft)}.ec-lines{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(20px,3vw,40px);display:grid}.ec-line h3{font-family:var(--brand-font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);margin:0;font-size:20px;font-weight:500}.ec-line__what{color:var(--brand-muted);margin:2px 0 12px;font-size:12.5px}.ec-line ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ec-line button{width:100%;font:inherit;text-align:start;color:var(--brand-ink);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius,2px);cursor:pointer;grid-template-columns:3.2em 1fr auto;align-items:baseline;gap:10px;padding:9px 14px;font-size:13.5px;transition:border-color .2s,background .2s;display:grid}.ec-line button:hover:not(:disabled),.ec-line button[data-active=true]{border-color:var(--brand-accent);background:var(--brand-tint)}.ec-line button:disabled{cursor:progress;opacity:.6}.ec-shade__code{font-family:var(--brand-font-heading);color:var(--brand-accent);font-weight:500}.ec-shade__name{font-family:var(--brand-font-heading);letter-spacing:.04em;text-transform:uppercase}.ec-shade__colour{color:var(--brand-muted);font-size:12.5px}.ec-foot{border-top:1px solid var(--brand-border)}