.support-page {
    overflow:hidden;
    padding-bottom:clamp(90px,10vw,150px);
}
.support-hero {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);
    gap:clamp(48px,8vw,112px);
    min-height:680px;
    align-items:center;
    padding-top:clamp(70px,9vh,118px);
    padding-bottom:clamp(70px,10vh,120px);
}
.support-hero::before {
    position:absolute;
    z-index:-1;
    inset:28px -6vw 35px;
    border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
    border-radius:46px;
    background:
        linear-gradient(145deg,color-mix(in srgb,var(--surface) 52%,transparent),transparent 61%),
        linear-gradient(90deg,color-mix(in srgb,var(--line) 20%,transparent) 1px,transparent 1px),
        linear-gradient(color-mix(in srgb,var(--line) 20%,transparent) 1px,transparent 1px);
    background-size:auto,56px 56px,56px 56px;
    -webkit-mask-image:linear-gradient(to bottom,#000 0 88%,transparent);
    mask-image:linear-gradient(to bottom,#000 0 88%,transparent);
    content:"";
}
.support-hero-copy h1 {
    max-width:720px;
    margin:0 0 28px;
    font-size:clamp(4rem,7.3vw,7.6rem);
    line-height:.92;
    letter-spacing:normal;
}
.support-hero-copy h1 em {
    color:transparent;
    background:linear-gradient(100deg,var(--blue),var(--cyan));
    background-clip:text;
    -webkit-background-clip:text;
    font-style:normal;
}
.support-hero-copy>p:not(.eyebrow,.support-hero-note) {
    max-width:620px;
    margin-bottom:31px;
    color:var(--muted);
    font-size:clamp(17px,1.5vw,20px);
}
.support-hero-actions { display:flex;flex-wrap:wrap;gap:12px;align-items:center; }
.support-primary,.support-secondary {
    display:inline-flex;
    min-height:56px;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 20px;
    border:1px solid var(--line);
    border-radius:15px;
    color:var(--text);
    background:var(--surface);
    font-size:14px;
    font-weight:850;
    text-decoration:none;
    cursor:pointer;
    transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;
}
.support-primary { border-color:transparent;color:#fff;background:linear-gradient(135deg,#6071ff,#2859ea);box-shadow:0 17px 38px rgba(47,66,229,.24); }
.support-primary:hover,.support-primary:focus-visible,.support-secondary:hover,.support-secondary:focus-visible { transform:translateY(-2px); }
.support-secondary:hover,.support-secondary:focus-visible { border-color:color-mix(in srgb,var(--blue) 46%,var(--line));background:color-mix(in srgb,var(--blue) 6%,var(--surface)); }
.support-primary svg,.support-secondary svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.support-hero-note { display:flex;gap:9px;align-items:flex-start;margin:22px 0 0;color:var(--muted);font-size:12px; }
.support-hero-note::before { width:8px;height:8px;flex:none;margin-top:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent);content:""; }

.support-console {
    position:relative;
    overflow:hidden;
    padding:27px;
    border:1px solid rgba(216,226,255,.16);
    border-radius:30px;
    color:#f7f8fb;
    background:radial-gradient(circle at 92% 0,rgba(101,208,255,.18),transparent 35%),#0c1019;
    box-shadow:0 35px 90px rgba(0,0,0,.28);
}
.support-console::after { position:absolute;right:-60px;bottom:-85px;width:230px;height:230px;border:1px solid rgba(101,208,255,.16);border-radius:50%;box-shadow:0 0 0 38px rgba(96,113,255,.035),0 0 0 76px rgba(101,208,255,.02);content:""; }
.support-console-head { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(216,226,255,.13); }
.support-console-label { color:#8fdcff;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase; }
.support-console-state { display:inline-flex;align-items:center;gap:8px;color:#aebad0;font-size:11px;font-weight:750; }
.support-console-state::before { width:7px;height:7px;border-radius:50%;background:#58e0ad;box-shadow:0 0 12px #58e0ad;content:""; }
.support-route { position:relative;z-index:1;display:grid;margin:0;padding:16px 0 4px;list-style:none;counter-reset:support-route; }
.support-route li { position:relative;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;counter-increment:support-route; }
.support-route li:not(:last-child)::after { position:absolute;top:53px;bottom:-5px;left:20px;width:1px;background:linear-gradient(#566cff,rgba(101,208,255,.14));content:""; }
.support-route li::before { display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(132,144,255,.35);border-radius:12px;color:#8fdcff;background:rgba(132,144,255,.09);font-size:10px;font-weight:900;content:"0" counter(support-route); }
.support-route div { display:grid;gap:3px;align-content:center; }
.support-route strong { font-size:15px; }
.support-route small { max-width:315px;color:#9da9bf;font-size:12px;line-height:1.45; }
.support-console-foot { position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:9px;padding:15px;border:1px solid rgba(101,208,255,.16);border-radius:15px;background:rgba(101,208,255,.055);color:#c6d0e4;font-size:11px; }
.support-console-foot svg { width:21px;height:21px;flex:none;fill:none;stroke:#8fdcff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }

.support-index { padding-top:clamp(95px,11vw,155px);padding-bottom:clamp(95px,11vw,145px); }
.support-index-head { display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,420px);gap:60px;align-items:end;margin-bottom:55px; }
.support-index-head h2,.support-topics-intro h2 { max-width:720px;margin-bottom:0;font-size:clamp(3.2rem,6vw,6.2rem); }
.support-index-head>p { margin:0;color:var(--muted);font-size:16px; }
.support-index-list { border-top:1px solid var(--line); }
.support-index-item {
    display:grid;
    grid-template-columns:58px 62px minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    padding:25px 4px;
    border-bottom:1px solid var(--line);
    color:var(--text);
    text-decoration:none;
    transition:padding .25s,background .25s;
}
.support-index-item:hover,.support-index-item:focus-visible { padding-inline:16px;background:color-mix(in srgb,var(--blue) 5%,transparent); }
.support-index-number { color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.13em; }
.support-index-icon { display:grid;width:52px;height:52px;place-items:center;color:var(--blue); }
.support-index-icon svg { width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.support-index-copy { display:grid;gap:3px; }
.support-index-copy strong { font-family:"Talder Display",sans-serif;font-size:clamp(22px,2.5vw,30px); }
.support-index-copy small { color:var(--muted);font-size:13px; }
.support-index-arrow { display:grid;width:36px;height:36px;place-items:center;color:var(--blue); }
.support-index-arrow svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s; }
.support-index-item:hover .support-index-arrow svg { transform:translate(2px,2px); }

.support-topics { display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(60px,10vw,150px);align-items:start;padding-top:35px;padding-bottom:clamp(105px,12vw,170px); }
.support-topics-intro { position:sticky;top:115px; }
.support-topics-intro>p:not(.eyebrow) { max-width:440px;margin:24px 0 0;color:var(--muted);font-size:16px; }
.support-topic-list { border-top:1px solid var(--line); }
.support-topic { border-bottom:1px solid var(--line); }
.support-topic:target { border-bottom-color:color-mix(in srgb,var(--blue) 58%,var(--line)); }
.support-topic summary { display:grid;grid-template-columns:46px minmax(0,1fr) 38px;gap:15px;align-items:center;min-height:106px;padding:19px 4px;list-style:none;cursor:pointer; }
.support-topic summary::-webkit-details-marker { display:none; }
.support-topic summary::after { content:none; }
.support-topic summary:hover .support-topic-title,.support-topic summary:focus-visible .support-topic-title { color:var(--blue); }
.support-topic-code { color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em; }
.support-topic-title { font-family:"Talder Display",sans-serif;font-size:clamp(21px,2.4vw,29px);font-weight:720;line-height:1.1; }
.support-topic-toggle { position:relative;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue);transition:color .25s ease,background .25s ease,border-color .25s ease,transform .35s cubic-bezier(.16,1,.3,1); }
.support-topic-toggle::before,.support-topic-toggle::after { position:absolute;width:14px;height:1.7px;border-radius:99px;background:currentColor;content:"";transition:opacity .24s ease,transform .35s cubic-bezier(.16,1,.3,1); }
.support-topic-toggle::after { transform:rotate(90deg); }
.support-topic summary:hover .support-topic-toggle,.support-topic summary:focus-visible .support-topic-toggle { color:#fff;border-color:var(--blue);background:var(--blue);transform:scale(1.07); }
.support-topic[open]:not(.is-closing) .support-topic-toggle { color:#fff;border-color:var(--blue);background:var(--blue);transform:rotate(180deg); }
.support-topic[open]:not(.is-closing) .support-topic-toggle::after { opacity:0;transform:rotate(90deg) scaleX(.2); }
.support-topic-answer { padding:0 58px 29px 61px; }
.support-topic-answer p { margin:0 0 14px;color:var(--muted);font-size:14px; }
.support-checks { display:grid;gap:9px;margin:0;padding:0;list-style:none; }
.support-checks li { position:relative;padding-left:23px;color:var(--muted);font-size:13px; }
.support-checks li::before { position:absolute;left:0;color:var(--blue);font-weight:900;content:"✓"; }
.support-topic-answer a { color:var(--blue);font-weight:800; }

.support-report {
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(350px,1.1fr);
    gap:clamp(55px,9vw,125px);
    align-items:center;
    margin-bottom:25px;
    padding:clamp(50px,7vw,88px);
    border:1px solid rgba(216,226,255,.13);
    border-radius:36px;
    color:#f7f8fb;
    background:radial-gradient(circle at 0 100%,rgba(101,208,255,.13),transparent 38%),radial-gradient(circle at 100% 0,rgba(132,144,255,.17),transparent 35%),#0c1019;
    box-shadow:0 32px 85px rgba(0,0,0,.22);
}
.support-report-copy .eyebrow { color:#8fdcff; }
.support-report-copy h2 { max-width:590px;margin-bottom:22px;font-size:clamp(3rem,5.6vw,5.6rem);line-height:.94; }
.support-report-copy>p:not(.eyebrow) { max-width:510px;color:#aeb9ce;font-size:15px; }
.support-report-actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:28px; }
.support-report .support-secondary { border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.06); }
.support-report-kit { border-top:1px solid rgba(216,226,255,.14); }
.support-report-kit li { display:grid;grid-template-columns:40px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid rgba(216,226,255,.14);list-style:none; }
.support-report-kit { margin:0;padding:0;counter-reset:report-kit; }
.support-report-kit li { counter-increment:report-kit; }
.support-report-kit li::before { display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(132,144,255,.3);border-radius:10px;color:#8fdcff;background:rgba(132,144,255,.07);font-size:9px;font-weight:900;content:"0" counter(report-kit); }
.support-report-kit div { display:grid;gap:2px;align-content:center; }
.support-report-kit strong { font-size:14px; }
.support-report-kit small { color:#9ca8c0;font-size:11px;line-height:1.45; }
.support-emergency { display:grid;grid-column:1/-1;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin:8px 0 0;padding-top:25px;border-top:1px solid rgba(216,226,255,.14);color:#aeb9ce;font-size:12px; }
.support-emergency svg { width:23px;height:23px;fill:none;stroke:#8fdcff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.support-emergency strong { display:block;margin-bottom:2px;color:#fff;font-size:13px; }

@media (max-height:720px) and (min-width:1001px) {
    .support-hero { padding-top:48px;padding-bottom:55px; }
}

@media (max-width:950px) {
    .support-hero { grid-template-columns:1fr;min-height:auto; }
    .support-console { width:min(100%,620px); }
    .support-index-head,.support-topics,.support-report { grid-template-columns:1fr; }
    .support-topics-intro { position:static; }
}
@media (max-width:700px) {
    .support-hero { width:min(100% - 28px,560px);gap:42px;padding-top:66px;padding-bottom:55px; }
    .support-hero::before { inset:15px -2px 25px;border-radius:31px;background-size:auto,35px 35px,35px 35px; }
    .support-hero-copy h1 { font-size:clamp(3.25rem,15vw,5rem);line-height:.96; }
    .support-hero-copy>p:not(.eyebrow,.support-hero-note) { font-size:16px; }
    .support-hero-actions { display:grid; }
    .support-primary,.support-secondary { width:100%; }
    .support-console { padding:21px;border-radius:24px; }
    .support-index { width:min(100% - 28px,560px); }
    .support-index-head { gap:23px;margin-bottom:38px; }
    .support-index-head h2,.support-topics-intro h2 { font-size:clamp(3rem,13vw,4.6rem); }
    .support-index-item { grid-template-columns:36px 44px minmax(0,1fr) 28px;gap:11px;padding-block:21px; }
    .support-index-icon { width:42px;height:42px; }
    .support-index-icon svg { width:25px;height:25px; }
    .support-index-copy strong { font-size:21px; }
    .support-index-copy small { font-size:11px; }
    .support-topics { width:min(100% - 28px,560px);gap:42px; }
    .support-topic summary { grid-template-columns:36px minmax(0,1fr) 34px;gap:10px;min-height:91px; }
    .support-topic-title { font-size:20px; }
    .support-topic-answer { padding:0 8px 25px 46px; }
    .support-report { width:calc(100% - 20px);gap:40px;padding:48px 23px;border-radius:30px; }
    .support-report-copy h2 { font-size:clamp(2.8rem,13vw,4.6rem); }
    .support-report-actions { display:grid; }
}
