.support-page{max-width:1200px;margin:0 auto;padding:64px 32px 80px;color:var(--ec-text-primary);font-family:var(--ec-font-body)}
.support-intro{padding:40px 0 48px;max-width:900px}
.support-intro .ec-label{margin:0 0 16px;color:var(--ec-text-secondary)}
.support-page h1{font-family:var(--ec-font-display);font-size:clamp(40px,6vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:0}
.support-intro>p:last-of-type{font-size:20px;line-height:1.5;color:var(--ec-text-secondary);margin:16px 0 0}
.support-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}
.support-button{display:inline-flex;gap:24px;align-items:center;background:var(--ec-action-primary);color:var(--ec-text-primary);padding:18px 24px;border-radius:5px;font:400 14px/20px var(--ec-font-mono);text-decoration:none}
.support-button:hover{background:var(--ec-action-primary-hover)}
.support-email{color:var(--ec-text-primary);text-underline-offset:5px;overflow-wrap:anywhere}
.support-page h2{font:500 clamp(28px,3vw,36px)/1.15 var(--ec-font-display);letter-spacing:-.035em;margin:0 0 24px}
.support-questions{display:grid;gap:12px}
.support-questions details{background:var(--ec-surface-strong);color:var(--ec-text-inverse);border-radius:10px;padding:20px;box-shadow:inset 0 0 0 1px var(--ec-border-inverse)}
.support-questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font:500 20px/28px var(--ec-font-display);letter-spacing:-.4px}
.support-questions summary::-webkit-details-marker{display:none}
.support-toggle{flex:none;transform:rotate(45deg)}
.support-questions details[open] .support-toggle{transform:rotate(0)}
.support-questions details p{font:300 16px/24px var(--ec-font-body);max-width:78ch;color:var(--ec-text-inverse-muted);margin:16px 0 0}
.support-page a:focus-visible,.support-questions summary:focus-visible{outline:2px solid var(--ec-focus-ring);outline-offset:6px;border-radius:5px}
.support-contact{display:flex;align-items:start;justify-content:space-between;gap:32px;margin-top:48px;padding:32px;background:var(--ec-surface-muted);border-radius:10px}
.support-contact h2{margin-bottom:12px}
.support-contact p{max-width:65ch;font-size:16px;line-height:1.5;color:var(--ec-text-secondary);margin:0}
.support-contact>a{flex:none;margin-top:8px}
.support-related{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:24px;font-size:14px}
.support-related a{color:var(--ec-text-secondary);text-underline-offset:4px}
@media(max-width:640px){.support-page{padding:32px 20px 48px}.support-intro{padding:24px 0 40px}.support-intro>p:last-of-type{font-size:18px}.support-contact{flex-direction:column;padding:24px;gap:16px}.support-actions{gap:20px}.support-questions summary{font-size:18px;line-height:24px}}
@font-face{font-family:"Encoded Inter";src:url('/ds/fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Encoded Geist Mono";src:url('/ds/fonts/GeistMono-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.secondary-marketing-page{--ec-font-body:"Encoded Inter",Arial,sans-serif;--ec-font-mono:"Encoded Geist Mono",monospace}
/* Task-first support layout, using the shared Encoded typography and surfaces. */
.support-page{max-width:1440px;padding:48px 64px 80px}
.support-intro{max-width:none;padding:0 0 80px}
.support-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin:48px 0}
.support-page h1{font-size:clamp(48px,6.5vw,86px);line-height:1;letter-spacing:-.04em}
.support-dek{font:400 24px/1.4 var(--ec-font-display);color:var(--ec-text-secondary);margin:0 0 24px}
.support-address{font:400 12px/1.5 var(--ec-font-mono);color:var(--ec-text-secondary);margin:12px 0 0}
.support-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.support-shortcuts>a{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--ec-surface-muted);border-radius:10px;color:var(--ec-text-primary);text-decoration:none;box-shadow:var(--ec-ring-subtle)}
.support-shortcuts strong{font:500 22px/1.2 var(--ec-font-display);letter-spacing:-.03em}
.support-shortcuts span{font-size:14px;line-height:1.5;color:var(--ec-text-secondary)}
.support-shortcuts>a:hover{background:var(--ec-surface-subtle)}
.support-faq{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}
.support-section-intro p{font-size:16px;line-height:1.6;max-width:25ch;color:var(--ec-text-secondary)}
.support-section-intro>a{display:inline-block;margin-top:16px;color:var(--ec-text-primary);text-underline-offset:4px}
.support-answer a{color:var(--ec-text-inverse);text-decoration:underline;text-underline-offset:4px}
.support-answer a:hover{color:var(--ec-action-primary)}
.support-questions details p{font-weight:400;line-height:1.65}
.support-toggle{transition:transform 180ms ease}
.support-privacy{margin-top:80px;scroll-margin-top:100px}
.support-privacy>h2{margin-top:40px}
.support-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.support-contact-grid article{padding:24px 0;box-shadow:inset 0 1px 0 var(--ec-border-default)}
.support-contact-grid h3{font:500 26px/1.2 var(--ec-font-display);letter-spacing:-.03em;margin:0 0 16px}
.support-contact-grid p{max-width:48ch;color:var(--ec-text-secondary);font-size:16px;line-height:1.6;margin:0 0 24px}
.support-contact-grid a{display:block;width:fit-content;color:var(--ec-text-primary);text-underline-offset:4px;padding:8px 0}
.support-contact-grid .support-policy{font-size:14px;color:var(--ec-text-secondary)}
.support-page a:hover{color:var(--ec-action-primary)}
@media(max-width:800px){.support-page{padding:32px 24px 48px}.support-intro{padding-bottom:48px}.support-intro-grid{grid-template-columns:1fr;gap:28px;margin:32px 0}.support-dek{font-size:20px}.support-shortcuts{grid-template-columns:1fr;gap:8px}.support-shortcuts>a{padding:20px}.support-faq{grid-template-columns:1fr;gap:24px}.support-section-intro h2 br{display:none}.support-contact-grid{grid-template-columns:1fr;gap:16px}.support-privacy{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.support-toggle{transition:none}}
