:root { --support-bg:#f6f7fb; --support-card:#fff; --support-text:#13151a; --support-muted:#5f6472; --support-line:#dfe3e8; --support-accent:#0a6cff; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; color:var(--support-text); background:var(--support-bg); font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif; }
a { color:inherit; }
.support-shell { width:min(1080px,calc(100% - 32px)); margin:0 auto; padding:28px 0 64px; }
.support-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:34px; }
.support-brand { display:inline-flex; align-items:center; gap:11px; font-weight:700; letter-spacing:-.02em; text-decoration:none; }
.support-brand img { width:34px; height:34px; object-fit:contain; }
.language-select { min-height:36px; padding:0 10px; border:1px solid var(--support-line); border-radius:8px; color:var(--support-text); background:#fff; font:inherit; }
.support-hero { max-width:820px; padding:0 0 42px; border-bottom:1px solid var(--support-line); }
.support-eyebrow { margin:0 0 14px; color:var(--support-accent); font-size:.75rem; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
.support-hero h1 { margin:0; font-size:clamp(2.6rem,7vw,5.7rem); letter-spacing:-.07em; line-height:.91; }
.support-hero p:last-child { max-width:650px; margin:23px 0 0; color:var(--support-muted); font-size:1.05rem; line-height:1.65; }
.support-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:34px; }
.support-card { display:flex; flex-direction:column; min-height:205px; padding:23px; border:1px solid var(--support-line); border-radius:14px; background:var(--support-card); }
a.support-card { text-decoration:none; transition:border-color .18s ease,background-color .18s ease; }
a.support-card:hover { border-color:#aeb6c1; background:#fafbfc; }
.support-card h2 { margin:0; font-size:1.25rem; letter-spacing:-.04em; }
.support-card p { margin:14px 0 20px; color:var(--support-muted); font-size:.94rem; line-height:1.6; }
.support-card a, .support-card span { margin-top:auto; color:var(--support-accent); font-size:.89rem; font-weight:700; text-decoration:none; }
.support-card a:hover { text-decoration:underline; text-underline-offset:3px; }
.support-note { margin-top:40px; padding:23px; border-left:3px solid var(--support-accent); background:#edf4ff; }
.support-note h2 { margin:0; font-size:1.25rem; letter-spacing:-.04em; }
.support-note p { max-width:760px; margin:10px 0 0; color:var(--support-muted); line-height:1.64; }
.support-note a { color:var(--support-accent); font-weight:700; }
@media (max-width:760px) { .support-shell { width:min(100% - 24px,1080px); } .support-topbar { margin-bottom:28px; } .support-grid { grid-template-columns:1fr; } .support-card { min-height:0; } }