/* Carbonator Support Center. Scoped so it can share the existing site styles. */
.support-site { --support-navy:#14152f; --support-ink:#20213d; --support-mute:#71748a; --support-purple:#5146bf; --support-red:#ec444c; --support-border:#e5e5f0; --support-paper:#f7f7fc; color:var(--support-ink); background:var(--support-paper); font-family:'Manrope',Arial,sans-serif; font-size:15px; line-height:1.65; }
.support-site *, .support-site *::before, .support-site *::after { box-sizing:border-box; }
.support-site h1,.support-site h2,.support-site h3,.support-site h4 { font-family:'Gabarito',Arial,sans-serif; font-weight:700; color:var(--support-ink); line-height:1.1; margin:0; letter-spacing:-.035em; }
.support-site p { margin:0; line-height:1.76; }
.support-site button { font:inherit; cursor:pointer; }
.support-site a { text-decoration:none; }
.support-site a:focus-visible,.support-site button:focus-visible,.support-site input:focus-visible,.support-site summary:focus-visible { outline:3px solid #f56b70; outline-offset:4px; }
.support-site svg { display:inline-block; width:20px; height:20px; flex:none; }
.support-container { max-width:1192px; width:calc(100% - 64px); margin-inline:auto; position:relative; }
.support-sr-only { position:absolute; height:1px; width:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.support-site .support-kicker { display:inline-block; font-size:11px; font-weight:800; color:var(--support-purple); letter-spacing:.15em; line-height:1.4; }
.support-site .support-kicker--light { color:#b4b0ff; }
.support-btn { min-height:49px; border-radius:999px; padding:13px 18px 13px 23px; display:inline-flex; align-items:center; justify-content:space-between; gap:25px; font-size:13px; font-weight:800; transition:transform .22s, background .22s, box-shadow .22s; }
.support-btn:hover { transform:translateY(-2px); }
.support-btn-icon { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; }
.support-btn-icon svg { width:17px; height:17px; }
.support-btn--primary { background:var(--support-red); color:#fff!important; box-shadow:0 9px 25px #ed485038; }
.support-btn--primary .support-btn-icon { background:#ffffff35; }
.support-btn--light { background:#fff; color:#2e286f!important; }
.support-btn--light .support-btn-icon { background:#efedff; }
.support-text-link { display:inline-flex; gap:9px; align-items:center; font-size:13px; font-weight:800; white-space:nowrap; color:var(--support-purple)!important; }
.support-text-link svg { width:16px; height:16px; transition:transform .2s; }
.support-text-link:hover svg { transform:translateX(4px); }
.support-crumbs { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:11px; color:#aaa9cf; line-height:1.4; font-weight:600; padding:27px 0 20px; }
.support-crumbs a { color:#a6a8c9; }
.support-crumbs a:hover { color:white; }
.support-crumbs span:last-child { color:#dfdffa; }
.support-eyebrow { display:flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.15em; font-weight:800; color:#afaaff; }
.support-pulse { width:8px; height:8px; background:var(--support-red); border-radius:50%; display:inline-block; box-shadow:0 0 0 5px #ef485327; }
/* Dark hero, close to the main site's palette. */
.support-hero { background:#14152f; position:relative; overflow:hidden; isolation:isolate; color:white; }
.support-hero::before { content:""; position:absolute; width:960px; height:830px; top:-430px; right:-240px; border-radius:50%; background:radial-gradient(circle,#34357757 0,transparent 68%); pointer-events:none; }
.support-hero .support-container { z-index:2; }
.support-hero__grid { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:55px; padding:40px 0 104px; }
.support-hero__copy { position:relative; z-index:3; }
.support-site .support-hero h1 { color:#f7f6ff; font-size:clamp(48px,5.4vw,78px); max-width:680px; line-height:1.035; letter-spacing:-.048em; margin:22px 0 24px; }
.support-site .support-hero h1 em { color:#ff717b; font-style:normal; }
.support-hero__copy>p { max-width:550px; font-size:16px; color:#d3d3ec; line-height:1.85; margin-bottom:32px; }
.support-search-wrap { position:relative; max-width:560px; z-index:5; }
.support-suggestions { position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:10; background:#fff; color:#26243f; box-shadow:0 15px 45px #05051b69; border-radius:12px; overflow:hidden; padding:7px; }
.support-suggestions[hidden] { display:none!important; }
.support-suggestions a { display:flex!important; flex-direction:column; gap:2px; text-decoration:none; padding:11px 13px; border-radius:7px; color:#25233c; }
.support-suggestions a:hover { background:#f3f1fc; }
.support-suggestions a strong { font-size:12px; font-weight:800; }
.support-suggestions a span { font-size:11px; color:#8a88a0; }
.support-suggestions__more { display:block; width:100%; border:0; border-top:1px solid #eeeef5; padding:12px; color:#5049ad; background:#fff; text-align:left; font-size:11px!important; font-weight:800!important; }
.support-suggestions__more:hover { background:#f5f4fd; }
.support-search-box { position:relative; background:#fff; height:67px; border-radius:13px; display:flex; gap:15px; align-items:center; padding:0 19px; box-shadow:0 17px 46px #0003; max-width:560px; }
.support-search-box__icon { color:var(--support-purple); display:flex; }
.support-search-box__icon svg { width:22px; height:22px; }
.support-search-box input { border:none; outline:none!important; min-width:0; width:100%; height:100%; color:#24233d; background:transparent; font-size:14px; }
.support-search-box input::placeholder { color:#9293a5; }
.support-search-box__shortcut { font-size:9px; font-weight:800; white-space:nowrap; color:#8784a6; background:#f1effb; border-radius:5px; padding:7px 9px; }
.support-trending { font-size:10px; font-weight:800; letter-spacing:.12em; color:#a2a1bf; display:flex; gap:13px; flex-wrap:wrap; align-items:center; margin-top:18px; }
.support-trending a { font-size:11px; color:#d8d6f2; letter-spacing:0; font-weight:600; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#717292; }
.support-trending a:hover { color:#fff; }
.support-bubble { position:absolute; border-radius:50%; background:radial-gradient(circle at 30% 30%,#8c90d855,#46417833 45%,transparent 70%); pointer-events:none; z-index:1; }
.support-bubble--a { width:80px; height:80px; top:15%; left:43%; }
.support-bubble--b { width:22px; height:22px; top:53%; left:5%; }
.support-bubble--c { width:48px; height:48px; bottom:15%; right:6%; }
.support-hero__art { position:relative; min-height:365px; }
.support-visual { position:absolute; inset:0; }
.support-visual__glow { position:absolute; width:360px; height:340px; left:50%; top:49%; transform:translate(-50%,-50%); background:radial-gradient(circle,#5451d59c 0,#3a31853d 42%,transparent 72%); }
.support-visual__ring { position:absolute; left:50%; top:50%; border:1px solid #7374d038; border-radius:50%; transform:translate(-50%,-50%); }
.support-visual__ring--outer { width:405px; height:405px; }
.support-visual__ring--inner { width:318px; height:318px; border-style:dashed; }
.support-visual__main { width:100%; max-height:390px; object-fit:contain; z-index:2; position:relative; transform:translateY(7px); filter:drop-shadow(0 22px 20px #08091c75); }
.support-visual__label { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; background:#ffffff15; border:1px solid #ffffff2c; color:#f3f0ff; backdrop-filter:blur(12px); padding:12px 17px; border-radius:11px; font-size:10px; font-weight:800; letter-spacing:.09em; box-shadow:0 12px 25px #05051450; }
.support-visual__label svg { width:16px; height:16px; color:#fd7a8a; }
.support-visual__label--top { top:35px; right:-13px; transform:rotate(5deg); }
.support-visual__label--bottom { bottom:21px; left:3px; transform:rotate(-4deg); }
.support-live-dot { width:8px; height:8px; border-radius:50%; background:#6ae0bb; box-shadow:0 0 0 5px #6ae0bb25; }
.support-visual__bubbles i { display:block; position:absolute; border-radius:50%; background:#787ac04f; box-shadow:inset -5px -5px 10px #0b104e9c; }
.support-visual__bubbles i:nth-child(1){width:13px;height:13px;top:10%;left:8%}.support-visual__bubbles i:nth-child(2){width:25px;height:25px;top:60%;right:4%}.support-visual__bubbles i:nth-child(3){width:17px;height:17px;top:6%;right:27%}.support-visual__bubbles i:nth-child(4){width:10px;height:10px;bottom:8%;right:20%}.support-visual__bubbles i:nth-child(5){width:16px;height:16px;bottom:30%;left:3%}
.support-hero__curve { position:absolute; z-index:2; bottom:-36px; left:-5%; width:110%; height:73px; border-radius:50% 50% 0 0; background:var(--support-paper); transform:rotate(-1deg); }
/* Main body */
.support-body { background:var(--support-paper); padding-bottom:90px; }
.support-emergency { display:flex; align-items:center; gap:16px; background:#fff; padding:20px 23px; border-radius:13px; border:1px solid #ffd4d5; border-left:4px solid #ee4f58; box-shadow:0 7px 22px #20214c0b; color:#5c3e46; font-size:13px; margin:3px 0 77px; }
.support-emergency__icon { width:39px; height:39px; border-radius:50%; flex:none; display:grid; place-items:center; color:#ed4e59; background:#fff0ef; }
.support-emergency__icon svg { width:21px; height:21px; }
.support-emergency strong { color:#292238; font-weight:800; }
.support-emergency>div:nth-child(2) { flex:1; }
.support-emergency a { white-space:nowrap; font-weight:800; color:#d93644; font-size:12px; display:inline-flex; align-items:center; gap:5px; }
.support-emergency a svg { width:15px; height:15px; }
.support-section-title { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:27px; }
.support-site .support-section-title h2 { font-size:clamp(30px,3.1vw,42px); margin:7px 0 10px; }
.support-section-title p { font-size:14px; color:#73758a; max-width:620px; }
.support-section-title>.support-text-link { margin-bottom:9px; }
.support-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.support-topic { appearance:none; text-align:left; min-height:182px; display:flex; flex-direction:column; background:#fff; border-radius:14px; border:1px solid #ecebf5; padding:24px 26px 21px; position:relative; box-shadow:0 6px 22px #292a5810; transition:transform .2s,box-shadow .2s,border-color .2s; }
.support-topic:hover { transform:translateY(-4px); box-shadow:0 18px 35px #292a5820; border-color:#cac6f0; }
.support-topic__icon { display:grid; place-items:center; width:46px; height:46px; color:#5149ba; background:#eeeefe; border-radius:12px; margin-bottom:14px; }
.support-topic__icon svg { width:26px; height:26px; }
.support-topic__icon--soda { color:#e94b59;background:#fff0f1; }.support-topic__icon--barguns { color:#5350bb;background:#eeeeff; }.support-topic__icon--fountains { color:#328a9c;background:#eaf8fb; }.support-topic__icon--gas { color:#8f62ad;background:#f4ecfa; }.support-topic__icon--beer { color:#ab6e2b;background:#fff2df; }.support-topic__icon--care { color:#4d9283;background:#e8f7ef; }
.support-topic__name { color:#24253e; font-size:16px; font-family:'Gabarito',Arial,sans-serif; font-weight:700; letter-spacing:-.01em; margin-bottom:7px; }
.support-topic__desc { max-width:290px; color:#77788e; font-size:12px; line-height:1.7; padding-right:12px; }
.support-topic__arrow { position:absolute; right:21px; top:27px; color:#babbd1; }
.support-topic__arrow svg { width:17px; height:17px; transform:rotate(-45deg); }
/* Quick troubleshooting panel */
.support-quick { display:grid; grid-template-columns: .92fr 1.08fr; border-radius:18px; overflow:hidden; margin:87px 0 92px; background:linear-gradient(135deg,#4e49c5,#302c8b); box-shadow:0 21px 35px #34307b1c; }
.support-quick__intro { padding:51px 48px; position:relative; overflow:hidden; }
.support-quick__intro::after { content:""; position:absolute; right:-55px; bottom:-105px; width:240px; height:240px; border:1px solid #ffffff2c; border-radius:50%; box-shadow:0 0 0 47px #ffffff08,0 0 0 95px #ffffff07; }
.support-quick .support-kicker { color:#d4ceff; }
.support-site .support-quick h2 { color:#fff; font-size:41px; max-width:310px; margin:15px 0 17px; }
.support-quick__intro p { color:#e2dfff; font-size:14px; max-width:370px; }
.support-quick__choices { display:flex; flex-direction:column; justify-content:center; padding:26px 34px 26px 5px; position:relative; z-index:2; }
.support-quick__choices a { display:flex; align-items:center; gap:16px; color:#fff; padding:14px 17px; border-bottom:1px solid #ffffff26; font-size:14px; transition:background .2s,padding .2s; }
.support-quick__choices a:last-child { border-bottom:0; }
.support-quick__choices a:hover { background:#ffffff14; padding-left:24px; border-radius:7px; }
.support-quick__number { font-size:11px; color:#ada8ff; font-weight:800; }
.support-quick__choices a>span:nth-child(2) { flex:1; }
.support-quick__choices svg { width:17px; height:17px; }
/* Guide library */
.support-library { scroll-margin-top:30px; }
.support-section-title--guides { margin-bottom:26px; }
.support-guide-count { color:#85849b; font-size:12px; font-weight:700; white-space:nowrap; margin-bottom:12px; }
.support-filters { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:25px; }
.support-filter { border:1px solid #e2e1f0; background:#fff; border-radius:999px; color:#63677f; font-size:12px!important; font-weight:700!important; padding:9px 17px; transition:all .2s; }
.support-filter:hover { border-color:#b5b3df; color:#353088; }
.support-filter.is-active { color:white; background:#5147bf; border-color:#5147bf; }
.support-guides-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.support-guide-card { display:flex!important; flex-direction:column; min-height:224px; padding:24px 24px 20px; background:#fff; border:1px solid #e8e8f2; border-radius:14px; color:#27263e!important; box-shadow:0 5px 16px #2123410a; transition:transform .2s,box-shadow .2s,border-color .2s; }
.support-guide-card:hover { transform:translateY(-3px); border-color:#c9c6ec; box-shadow:0 17px 30px #24265516; }
.support-guide-card[hidden] { display:none!important; }
.support-guide-card__top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:23px; }
.support-guide-card__topic { display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:800; color:#6960b9; }
.support-guide-card__topic svg { width:17px; height:17px; }
.support-guide-card__popular { background:#fff1e8; color:#ca683e; font-size:9px; font-weight:800; letter-spacing:.05em; padding:5px 8px; border-radius:5px; }
.support-site .support-guide-card h3 { font-size:21px; letter-spacing:-.026em; line-height:1.2; margin-bottom:9px; }
.support-guide-card p { color:#848498; font-size:12px; line-height:1.65; margin-bottom:18px; }
.support-guide-card__bottom { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:14px; border-top:1px solid #efeff5; }
.support-guide-card__bottom>span:first-child { display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:700; color:#9293a7; }
.support-guide-card__bottom svg { width:15px; height:15px; }
.support-guide-card__arrow { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#5449be; background:#f0effc; }
.support-guide-card__arrow svg { width:16px; height:16px; }
.support-no-results { padding:50px 20px; text-align:center; border:1px dashed #ccc9ea; border-radius:15px; margin-top:18px; }
.support-no-results[hidden] { display:none!important; }
.support-site .support-no-results h3 { font-size:25px; margin-bottom:7px; }
.support-no-results p { color:#797990; }
.support-clear { margin-top:16px; display:inline-flex; align-items:center; gap:8px; color:#4840b5; font-weight:800; background:transparent; border:0; }
.support-clear svg { width:16px; height:16px; }
/* Feature */
.support-feature { margin-top:96px; background:linear-gradient(125deg,#232158,#4741af 85%); overflow:hidden; position:relative; }
.support-feature::before { content:""; position:absolute; width:680px; height:680px; right:-150px; top:-150px; border:1px solid #ffffff15; border-radius:50%; box-shadow:0 0 0 90px #ffffff09,0 0 0 180px #ffffff08; }
.support-feature__inner { display:grid; grid-template-columns:1fr 1fr; gap:74px; align-items:center; padding:70px 0; }
.support-feature__visual { background:#ffffff12; border:1px solid #ffffff23; border-radius:20px; display:grid; place-items:center; min-height:276px; padding:20px; }
.support-feature__visual img { width:100%; max-width:425px; max-height:280px; object-fit:contain; }
.support-site .support-feature h2 { color:white; font-size:clamp(35px,3.5vw,49px); margin:13px 0 20px; max-width:510px; }
.support-feature__copy p { color:#e1def9; font-size:14px; line-height:1.85; margin-bottom:27px; }
/* FAQs */
.support-faq { padding:95px 0 105px; }
.support-faq__heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:43px; }
.support-site .support-faq h2 { font-size:clamp(35px,3.8vw,49px); max-width:600px; margin:12px 0; }
.support-faq__heading p { font-size:14px; color:#85859a; max-width:510px; }
.support-faq__side { display:flex; align-items:center; gap:12px; color:#b9b3eb; font-size:11px; font-weight:800; letter-spacing:.12em; margin-bottom:12px; }
.support-faq__side svg { width:27px; height:27px; }
.support-faq__layout { display:grid; grid-template-columns:236px 1fr; gap:66px; }
.support-faq__topics { display:flex; flex-direction:column; align-items:stretch; gap:1px; padding-top:12px; }
.support-faq__topics-label { color:#a7a6b8; font-size:10px; letter-spacing:.15em; font-weight:800; padding:0 0 12px 5px; }
.support-faq__topics button { background:transparent; display:flex; align-items:center; justify-content:space-between; text-align:left; border:0; color:#73738a; padding:10px 6px; font-weight:700; font-size:12px; border-radius:6px; }
.support-faq__topics button:hover,.support-faq__topics button.is-active { color:#4f47b1; background:#eeedfa; }
.support-faq__topics button svg { width:14px; height:14px; }
.support-faq__all { margin-top:10px; }
.support-faq__questions { border-top:1px solid #e5e3ee; }
.support-faq-item { background:transparent; border-bottom:1px solid #e5e3ee; }
.support-faq-item[hidden] { display:none; }
.support-faq-item summary { display:flex; align-items:center; gap:18px; padding:22px 5px; list-style:none; cursor:pointer; font-size:15px; font-weight:800; color:#2b2c42; }
.support-faq-item summary::-webkit-details-marker { display:none; }
.support-faq-item summary>span:nth-child(2) { flex:1; }
.support-faq-item__num { font-size:10px; color:#a5a0cf; font-weight:800; align-self:flex-start; padding-top:5px; }
.support-faq-item__plus { font-family:'Manrope',Arial,sans-serif; display:grid; place-items:center; width:26px; height:26px; background:#eae9f7; border-radius:50%; font-size:21px; line-height:1; font-weight:400; color:#504ab2; }
.support-faq-item[open] .support-faq-item__plus { transform:rotate(45deg); }
.support-faq-item__answer { color:#6a6e84; padding:0 57px 24px 32px; font-size:13px; max-width:850px; line-height:1.9; }
/* Contact CTA */
.support-contact-cta { min-height:260px; position:relative; overflow:hidden; border-radius:20px; color:white; background:linear-gradient(115deg,#242251,#3e35a0); display:flex; align-items:center; padding:45px 54px; }
.support-contact-cta__copy { position:relative; z-index:1; }
.support-site .support-contact-cta h2 { color:#fff; font-size:43px; margin:10px 0; }
.support-contact-cta p { color:#dfdef8; font-size:13px; max-width:560px; margin-bottom:23px; }
.support-contact-cta__buttons { display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.support-phone-link { color:#fff!important; display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:14px; }
.support-phone-link svg { width:18px; height:18px; }
.support-contact-cta__decoration { position:absolute; right:75px; top:-100px; font-family:'Gabarito',sans-serif; color:#ffffff09; font-size:460px; line-height:1; font-weight:800; pointer-events:none; }
/* Individual guide */
.support-article-hero { background:linear-gradient(130deg,#14152f,#29265c); color:white; position:relative; overflow:hidden; padding-bottom:76px; }
.support-article-hero::before { content:""; position:absolute; width:560px; height:560px; background:radial-gradient(circle,#6661d844,transparent 65%); border-radius:50%; right:-60px; top:-180px; }
.support-article-hero__body { display:grid; grid-template-columns:1fr 240px; gap:50px; align-items:center; padding-top:34px; }
.support-site .support-article-hero h1 { font-size:clamp(43px,5.3vw,68px); line-height:1.045; color:#fff; margin:18px 0 19px; max-width:820px; }
.support-article-hero__body p { max-width:770px; font-size:16px; color:#dad9ef; line-height:1.8; }
.support-article-meta { display:flex; flex-wrap:wrap; gap:24px; padding-top:27px; color:#c0c0df; font-size:12px; font-weight:700; }
.support-article-meta span { display:inline-flex; align-items:center; gap:8px; }
.support-article-meta svg { width:16px; height:16px; color:#b8b1fa; }
.support-article-hero__tile { align-self:stretch; min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:25px; background:linear-gradient(155deg,#6259cb77,#ffffff09); border:1px solid #ffffff1c; border-radius:20px; position:relative; box-shadow:inset 0 0 50px #a3a4ff17; }
.support-article-hero__bigicon { width:116px; height:116px; display:grid; place-items:center; border-radius:30px; background:#ffffff12; color:#e0deff; transform:rotate(-10deg); }
.support-article-hero__bigicon svg { height:75px; width:75px; }
.support-article-hero__tile>span:last-child { font-size:9px; font-weight:800; color:#bdbafb; letter-spacing:.14em; }
.support-article-content { background:var(--support-paper); padding:35px 0 100px; }
.support-article-content .support-emergency { margin:0 0 44px; }
.support-article-emergency { display:flex; gap:18px; background:#fff4f3; border:1px solid #f1c4c8; border-left:5px solid #e2444e; color:#63343a; border-radius:12px; padding:23px; margin-bottom:42px; }
.support-article-emergency>svg { width:28px; height:28px; color:#d93e4c; }
.support-article-emergency strong { color:#8f252f; font-size:16px; }
.support-article-emergency p { font-size:13px; margin-top:4px; }
.support-article-columns { display:grid; grid-template-columns:minmax(0,1fr) 275px; gap:62px; align-items:start; }
.support-check-first { display:flex; gap:22px; border:1px solid #dcdaf0; background:#eeedfb; padding:26px 29px; border-radius:14px; scroll-margin-top:40px; }
.support-check-first__icon { flex:none; width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#fff; background:#6558ce; }
.support-site .support-check-first h2 { font-size:26px; margin:7px 0 7px; }
.support-check-first p { font-size:13px; color:#5d5c7e; }
.support-steps-title { padding:49px 0 15px; scroll-margin-top:35px; }
.support-site .support-steps-title h2 { font-size:34px; margin-top:8px; }
.support-step { display:grid; grid-template-columns:42px 1fr; gap:22px; padding:28px 0 27px; border-bottom:1px solid #e3e3ee; }
.support-step__num { font-weight:800; color:#685cc9; font-size:13px; padding-top:3px; }
.support-site .support-step h3 { font-size:21px; margin-bottom:9px; }
.support-step p { color:#6e7187; font-size:14px; line-height:1.85; }
.support-why { display:flex; gap:20px; padding:28px; border:1px solid #e3e0f3; background:white; border-radius:14px; margin-top:32px; }
.support-why__icon { color:#6d5eca; display:grid; place-items:center; height:39px; width:39px; flex:none; border-radius:10px; background:#f1effe; }
.support-site .support-why h3 { font-size:21px; margin-bottom:7px; }
.support-why p { font-size:13px; color:#77778a; }
.support-service-note { display:flex; gap:20px; margin-top:30px; background:#25225e; color:white; padding:31px; border-radius:15px; scroll-margin-top:35px; }
.support-service-note__icon { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:#ffffff1e; flex:none; }
.support-site .support-service-note h2 { color:#fff; font-size:26px; margin:7px 0; }
.support-service-note p { font-size:13px; color:#d6d2f0; }
.support-service-note a { display:inline-flex; align-items:center; gap:9px; font-weight:800; color:#ff8087; font-size:13px; margin-top:13px; }
.support-service-note a svg { height:16px; width:16px; }
.support-technical-link { margin:25px 0; display:flex; flex-wrap:wrap; column-gap:10px; row-gap:3px; color:#818094; font-size:12px; }
.support-technical-link>span { font-weight:800; color:#56546d; }
.support-technical-link a { color:#5047bd; font-weight:800; }
.support-technical-link small { flex:0 0 100%; color:#9998a9; font-size:11px; }
.support-article-aside { position:sticky; top:25px; }
.support-aside-panel { background:#fff; border:1px solid #e8e7f2; border-radius:14px; padding:26px; display:flex; flex-direction:column; gap:4px; }
.support-aside-panel>.support-kicker { margin-bottom:12px; }
.support-aside-panel>a { padding:10px 0; color:#6c6c85; font-weight:700; font-size:13px; border-bottom:1px solid #f0eff7; }
.support-aside-panel>a:hover { color:#5145b9; }
.support-aside-panel>a:last-child { border-bottom:0; }
.support-aside-help { margin-top:17px; padding:27px; background:#eae9f8; border-radius:14px; }
.support-aside-help__icon { width:37px; height:37px; background:#dad6f7; color:#5650b9; display:grid; place-items:center; border-radius:10px; margin-bottom:15px; }
.support-site .support-aside-help h3 { font-size:20px; line-height:1.2; margin-bottom:10px; }
.support-aside-help p { font-size:12px; color:#74728d; }
.support-aside-help>a { display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:800; color:#4b44a9; margin-top:17px; }
.support-aside-help>a svg { width:16px; height:16px; }
.support-related { margin-top:90px; }
.support-related__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.support-related__card { min-height:137px; border-radius:13px; border:1px solid #e4e2ef; background:#fff; padding:22px; display:flex!important; flex-direction:column; gap:8px; position:relative; }
.support-related__card span { color:#8375c6; font-size:10px; font-weight:800; }
.support-related__card strong { color:#2b2a45; font-size:17px; line-height:1.32; max-width:240px; }
.support-related__card svg { position:absolute; width:17px; height:17px; right:19px; bottom:17px; color:#6d66b3; }
.support-related__card:hover { border-color:#a6a0dc; }
/* Static preview chrome, only used in locally rendered mockup. */
.support-preview { margin:0; background:#14152f; font-family:'Manrope',Arial,sans-serif; color:white; }
.support-preview-header { height:65px; background:#14152f; border-bottom:1px solid #2d2e51; font-family:'Manrope',sans-serif; }
.support-preview-nav { width:calc(100% - 64px); max-width:1192px; margin:auto; height:100%; display:flex; align-items:center; gap:54px; }
.support-preview-logo { font-family:'Gabarito',sans-serif; font-size:26px; color:#e52037; letter-spacing:-.05em; font-weight:800; text-shadow:1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff; }
.support-preview-nav nav { display:flex; align-items:center; gap:30px; flex:1; }
.support-preview-nav nav a { color:#dad8e9; font-size:12px; text-decoration:none; }
.support-preview-nav nav a.selected { color:#fff; border-bottom:2px solid #ef4d5b; padding-bottom:5px; }
.support-preview-contact { padding:7px 20px; color:#e8e6f9; font-size:12px; border:1px solid #a7a0ff; border-radius:999px; white-space:nowrap; }
.support-preview-footer { max-width:1192px; width:calc(100% - 64px); margin:auto; display:flex; justify-content:space-between; padding:60px 0 75px; color:#b4b2d2; }
.support-preview-footer strong { font-family:'Gabarito',sans-serif; font-size:24px; color:#fff; }
.support-preview-footer p { font-size:12px; line-height:1.8; }
.support-preview-footer>div:last-child { display:flex; flex-direction:column; gap:8px; }
.support-preview-footer a { font-size:12px; color:#bab9dd; text-decoration:none; }
@media(max-width:1050px){.support-hero__grid{gap:15px}.support-visual__label--top{right:0}.support-hero__copy>p{font-size:15px}.support-topic-grid,.support-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-faq__layout{gap:30px;grid-template-columns:190px 1fr}.support-article-columns{gap:32px;grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:760px){.support-container{width:calc(100% - 34px)}.support-site .support-hero h1{font-size:clamp(47px,10vw,68px)}.support-hero__grid{display:flex;flex-direction:column;align-items:stretch;padding:20px 0 81px}.support-hero__art{min-height:290px;max-width:430px;width:100%;margin:auto}.support-visual__main{max-height:280px}.support-visual__ring--outer{width:290px;height:290px}.support-visual__ring--inner{width:230px;height:230px}.support-visual__label{font-size:8px}.support-visual__label--top{top:15px}.support-visual__label--bottom{bottom:5px}.support-search-box{height:58px}.support-search-box__shortcut{display:none}.support-bubble--a{top:40%;left:80%}.support-emergency{margin:0 0 54px;flex-wrap:wrap;padding:19px;gap:13px}.support-emergency>div:nth-child(2){flex-basis:calc(100% - 60px)}.support-emergency a{padding-left:53px}.support-section-title{align-items:start;flex-direction:column;gap:6px}.support-section-title>.support-text-link{margin:0}.support-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.support-topic{padding:19px;min-height:190px}.support-topic__desc{font-size:11px}.support-quick{grid-template-columns:1fr;margin:63px 0}.support-quick__intro{padding:34px 28px 9px}.support-site .support-quick h2{font-size:35px;max-width:initial}.support-quick__choices{padding:16px 22px 26px}.support-faq{padding:65px 0}.support-faq__side{display:none}.support-faq__layout{display:block}.support-faq__topics{flex-direction:row;overflow-x:auto;gap:8px;padding:0 0 16px}.support-faq__topics-label{display:none}.support-faq__topics button{white-space:nowrap;border:1px solid #e6e5ef;border-radius:999px;padding:8px 12px}.support-faq__topics button svg{display:none}.support-site .support-faq h2{font-size:38px}.support-feature{margin-top:65px}.support-feature__inner{grid-template-columns:1fr;gap:30px;padding:47px 0}.support-feature__visual{min-height:195px;order:2}.support-feature__visual img{max-height:240px}.support-contact-cta{padding:38px 28px}.support-contact-cta__decoration{right:5px;font-size:350px}.support-site .support-contact-cta h2{font-size:34px}.support-article-hero__body{grid-template-columns:1fr;gap:20px}.support-article-hero__tile{display:none}.support-article-columns{grid-template-columns:1fr}.support-article-aside{display:none}.support-related__grid{grid-template-columns:1fr}.support-article-hero{padding-bottom:52px}.support-article-hero__body{padding-top:20px}.support-related{margin-top:60px}.support-preview-nav{width:calc(100% - 32px);gap:20px}.support-preview-nav nav{gap:12px}.support-preview-nav nav a{font-size:10px}.support-preview-logo{font-size:22px}.support-preview-contact{display:none}}
@media(max-width:530px){.support-preview-nav nav a:not(.selected){display:none}.support-preview-nav{justify-content:space-between}.support-preview-nav nav{flex:none}.support-trending{gap:9px;font-size:9px}.support-hero__art{min-height:255px}.support-visual__main{max-height:258px}.support-topic-grid{grid-template-columns:1fr 1fr}.support-topic{min-height:172px;padding:17px 15px}.support-topic__icon{height:38px;width:38px;margin-bottom:10px}.support-topic__icon svg{width:23px;height:23px}.support-topic__name{font-size:14px}.support-topic__arrow{right:14px;top:19px}.support-guides-grid{grid-template-columns:1fr}.support-guide-card{min-height:192px}.support-quick__choices a{font-size:12px;padding:13px 6px}.support-faq-item summary{font-size:13px;gap:12px}.support-faq-item__answer{padding-left:30px;padding-right:0}.support-article-meta{gap:11px}.support-article-content{padding-top:20px}.support-article-content .support-emergency{margin-bottom:27px}.support-check-first{padding:20px;gap:13px}.support-check-first__icon{width:36px;height:36px}.support-step{grid-template-columns:29px 1fr;gap:12px}.support-step p{font-size:13px}.support-site .support-steps-title h2{font-size:30px}.support-site .support-step h3{font-size:19px}.support-why,.support-service-note{padding:21px;gap:11px}.support-contact-cta__buttons{align-items:flex-start;flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){.support-site *{transition-duration:0.01ms!important;scroll-behavior:auto!important}}

/* Content-first support articles, October 2026 refresh. */
.support-site.support-article--practical .support-article-hero { padding-bottom:38px; }
.support-site.support-article--practical .support-article-hero__body { display:block; padding-top:8px; }
.support-site.support-article--practical .support-article-hero h1 { font-size:clamp(34px,4.4vw,54px); margin:14px 0; max-width:950px; }
.support-site.support-article--practical .support-article-hero__body p { max-width:860px; font-size:15px; line-height:1.7; }
.support-site.support-article--practical .support-article-meta { padding-top:13px; }
.support-site.support-article--practical .support-article-content { padding:36px 0 80px; }
.support-site.support-article--practical .support-article-reading { max-width:1100px; }
.support-site.support-article--practical .support-article-main { max-width:970px; }
.support-site.support-article--practical .support-check-first p { font-size:15px; line-height:1.7; color:#373a54; }
.support-site.support-article--practical .support-step p { font-size:15px; line-height:1.75; color:#42465e; }
.support-site.support-article--practical .support-why p { font-size:14px; line-height:1.7; color:#484b64; }
.support-site.support-article--practical .support-service-note p { font-size:14px; line-height:1.7; color:#edebfa; }
.support-site.support-article--practical .support-steps-title { padding:36px 0 9px; }
.support-site.support-article--practical .support-step { padding:21px 0; grid-template-columns:32px 1fr; gap:18px; }
.support-site.support-article--practical .support-related { margin-top:60px; }
.support-diagnosis { margin-top:10px; }
.support-diagnosis__scroll { overflow-x:auto; background:#fff; border:1px solid #dad9ec; border-radius:12px; }
.support-diagnosis__table { width:100%; min-width:575px; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.6; }
.support-diagnosis__table th, .support-diagnosis__table td { padding:14px 16px; border-bottom:1px solid #e7e5ef; vertical-align:top; }
.support-diagnosis__table thead th { background:#e9e7f7; font-size:11px; text-transform:uppercase; letter-spacing:.07em; font-weight:800; color:#443d90; }
.support-diagnosis__table tbody th { color:#232341; font-weight:800; width:30%; }
.support-diagnosis__table tbody td { color:#47495f; }
.support-diagnosis__table tbody tr:last-child th,.support-diagnosis__table tbody tr:last-child td { border-bottom:0; }
@media (max-width:760px) {
 .support-site.support-article--practical .support-article-hero { padding-bottom:30px; }
 .support-site.support-article--practical .support-article-hero h1 { font-size:clamp(32px,8vw,42px); }
 .support-site.support-article--practical .support-article-content { padding-top:22px; }
 .support-site.support-article--practical .support-step p { font-size:14px; }
 .support-site.support-article--practical .support-check-first p { font-size:14px; }
 .support-site.support-article--practical .support-check-first { padding:18px; }
 .support-diagnosis__table { font-size:12px; }
}


/* A small, fixed guide library only needs one navigation path. */
.support-hero__grid { padding:15px 0 46px; }
.support-hero__art { min-height:280px; }
.support-visual__main { max-height:295px; }
.support-visual__ring--outer { width:310px; height:310px; }
.support-visual__ring--inner { width:245px; height:245px; }
.support-hero__copy>p { margin-bottom:0; }
.support-body > .support-container:first-child { padding-top:59px; }
.support-section-title--guides { margin-bottom:22px; }
.support-library { scroll-margin-top:80px; }
.support-contact-cta { margin-top:85px; }
@media(max-width:760px) {
 .support-hero__grid { padding:18px 0 64px; }
 .support-hero__art { min-height:248px; }
 .support-visual__main { max-height:245px; }
 .support-body > .support-container:first-child { padding-top:42px; }
 .support-contact-cta { margin-top:62px; }
}
@media(max-width:530px) {
 .support-hero__art { min-height:230px; }
 .support-visual__main { max-height:225px; }
 .support-visual__ring--outer { width:255px; height:255px; }
 .support-visual__ring--inner { width:204px; height:204px; }
}