.support-hero { min-height: 660px; padding-block: 110px 85px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 74px; }
.support-hero h1 { margin: 18px 0 0; max-width: 850px; font-size: clamp(3.4rem, 6.5vw, 6.7rem); line-height: .94; letter-spacing: -.065em; }
.support-hero h1 span { color: transparent; background: linear-gradient(100deg, #a8fcf4, #43e5df 50%, #b884ff); background-clip: text; -webkit-background-clip: text; }
.lead { max-width: 730px; margin: 28px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.75; }
.eyebrow { margin: 0; display: flex; align-items: center; gap: .7rem; color: #90a8ba; font: 750 .68rem var(--mono); letter-spacing: .15em; text-transform: uppercase; }
.eyebrow span { width: 24px; height: 1px; background: linear-gradient(90deg, var(--cyan), transparent); box-shadow: 0 0 12px rgba(52,229,223,.55); }
.hero-actions { margin-top: 30px; display: flex; gap: 10px; flex-wrap: wrap; }
.support-promise { margin-top: 30px; display: flex; align-items: center; gap: 12px; color: #d9eef0; }
.support-promise .status-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px rgba(60,234,177,.8); }
.support-promise div { display: grid; gap: 2px; }
.support-promise strong { font-size: .82rem; }
.support-promise small { color: #738a9d; font-size: .7rem; }
.support-console { padding: 25px; border: 1px solid rgba(75,223,219,.26); border-radius: 22px; background: linear-gradient(150deg, rgba(12,28,42,.94), rgba(5,11,20,.9)); box-shadow: 0 40px 110px rgba(0,0,0,.42), 0 0 60px rgba(40,210,207,.07); }
.console-head { padding: 0 0 17px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); color: #7790a3; font: 750 .65rem var(--mono); letter-spacing: .13em; }
.console-head i { color: var(--green); font-style: normal; }
.support-console ol { margin: 0; padding: 0; list-style: none; }
.support-console li { padding: 24px 2px; display: flex; gap: 16px; border-bottom: 1px solid rgba(119,158,191,.13); }
.support-console li:last-child { border-bottom: 0; }
.support-console li > b { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(52,229,223,.3); border-radius: 10px; color: var(--cyan); font: 700 .72rem var(--mono); }
.support-console li div { display: grid; gap: 4px; }
.support-console strong { font-size: .9rem; }
.support-console span { color: var(--muted); font-size: .76rem; }
.support-strip { border-block: 1px solid var(--line); background: rgba(6,14,24,.72); }
.support-strip .shell { min-height: 70px; display: flex; align-items: center; justify-content: center; gap: 23px; color: #778ea2; font: 700 .65rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.support-strip i { width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); }
.support-section { padding-block: 112px; }
.section-heading { max-width: 760px; margin-bottom: 44px; }
.section-heading h2, .support-final h2 { margin: 16px 0 0; font-size: clamp(2.4rem, 4.4vw, 4.4rem); line-height: 1.04; letter-spacing: -.055em; }
.section-heading > p:last-child { max-width: 650px; margin: 18px 0 0; color: var(--muted); }
.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.contact-grid article { min-height: 255px; padding: 26px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(11,22,36,.84), rgba(5,11,19,.82)); }
.contact-grid .contact-featured { border-color: rgba(52,229,223,.36); background: radial-gradient(circle at 100% 0, rgba(52,229,223,.11), transparent 44%), linear-gradient(145deg, rgba(13,31,43,.95), rgba(6,14,23,.9)); }
.contact-grid article > span { color: var(--cyan); font: 750 .62rem var(--mono); letter-spacing: .13em; }
.contact-grid h3 { margin: 20px 0 0; font-size: 1.04rem; overflow-wrap: anywhere; }
.contact-grid p { margin: 13px 0 22px; color: var(--muted); font-size: .8rem; line-height: 1.68; }
.contact-grid a { margin-top: auto; color: var(--cyan-soft); font-size: .77rem; font-weight: 750; }
.contact-grid a:hover { color: #fff; }
.support-faq { padding-block: 110px; border-block: 1px solid var(--line); background: linear-gradient(110deg, rgba(10,30,41,.42), transparent 68%); }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 23px 44px 23px 0; list-style: none; cursor: pointer; font-weight: 740; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 6px; color: var(--cyan); font: 500 1.2rem var(--mono); }
.faq-list details[open] summary::after { transform: rotate(45deg); }
.faq-list p { margin: -5px 0 24px; padding-right: 34px; color: var(--muted); font-size: .84rem; line-height: 1.72; }
.support-final { margin-block: 95px; padding: 48px 52px; min-height: 245px; display: flex; align-items: center; justify-content: space-between; gap: 50px; border: 1px solid rgba(52,229,223,.27); border-radius: 24px; background: radial-gradient(circle at 5% 50%, rgba(52,229,223,.12), transparent 38%), rgba(8,18,29,.83); }
.support-final p:not(.eyebrow) { max-width: 660px; color: var(--muted); }
.site-footer { padding: 64px 0 20px; border-top: 1px solid var(--line); background: #02050b; }
.footer-inner { display: flex; justify-content: space-between; gap: 50px; }
.footer-brand img { width: auto; height: 27px; max-width: 175px; object-fit: contain; object-position: left center; }
.footer-brand p { color: #6f8598; font-size: .78rem; }
.footer-links { max-width: 650px; display: flex; justify-content: flex-end; align-items: flex-start; gap: 9px 18px; flex-wrap: wrap; }
.footer-links a { color: #7d92a5; font-size: .74rem; }
.footer-links a:hover { color: var(--cyan-soft); }
.legal-line { margin-top: 42px; padding-top: 18px; display: flex; justify-content: space-between; border-top: 1px solid rgba(119,158,191,.12); color: #53697c; font: .62rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
@media (max-width: 940px) { .support-hero { grid-template-columns: 1fr; gap: 42px; } .contact-grid { grid-template-columns: repeat(2,1fr); } .faq-layout { grid-template-columns: 1fr; gap: 20px; } }
@media (max-width: 760px) { .primary-nav { display: none; } .support-hero { padding-top: 80px; } .support-hero h1 { font-size: clamp(3rem,14vw,5rem); } .support-strip .shell { padding-block: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; text-align: center; } .support-strip i { display: none; } .contact-grid { grid-template-columns: 1fr; } .support-final { padding: 34px 28px; flex-direction: column; align-items: flex-start; } .footer-inner, .legal-line { flex-direction: column; } .footer-links { justify-content: flex-start; } }
@media (max-width: 520px) { .shell { width: min(calc(100% - 28px), var(--shell)); } .header-cta { padding-inline: .78rem; } .support-section { padding-block: 82px; } .hero-actions, .hero-actions .button, .support-final .button { width: 100%; } .support-console { padding: 19px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }