/* Use available system fonts; rendering does not depend on Google Fonts. */
.faq-centre .help-article-list{background:#fff;border:1px solid #e2e8f0;border-radius:17px;box-shadow:0 2px 3px #0f172b0c;overflow:hidden}
.faq-centre .help-article-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:17px;padding:18px 24px;border-bottom:1px solid #f1f5f9;transition:background .18s}
.faq-centre .help-article-card:last-child{border-bottom:0}
.faq-centre .help-article-card:hover,.faq-centre .help-article-card:focus-visible{background:#f8f9ff;outline:2px solid #c7d2fe;outline-offset:-2px}
.help-row-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f1f5f9;color:#90a1b9}
.help-row-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.help-row-copy{min-width:0;display:block}
.faq-centre .help-article-card .content-kind{display:none}
.faq-centre .help-article-card h3{font-size:.9375rem;font-weight:600;margin:0 0 5px;line-height:1.55}
.faq-centre .help-article-card p{font-size:.8125rem;margin:0;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.faq-centre .help-article-card small{font-size:.75rem;white-space:nowrap;color:#90a1b9}
.faq-centre .help-article-card small span{font-size:0}
.faq-centre .help-article-card small span:after{content:'›';font-size:1.25rem;margin-left:14px}
.faq-centre .faq-modular>.help-directory{position:sticky;top:100px;max-height:calc(100dvh - 120px);overflow:auto}
@media(max-width:800px){.faq-centre .faq-modular>.help-directory{position:static;max-height:none;overflow:visible}.faq-centre .help-article-list .help-article-card{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:15px}.help-row-icon{width:32px;height:36px;border-radius:9px}.help-row-icon svg{width:18px;height:18px}.faq-centre .help-article-card small{grid-column:2;font-size:.6875rem}.faq-centre .help-article-card small span{float:right}}
/* Reference-shop typography: Inter first, then platform CJK fallbacks. */
body{font-family:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}

@media(min-width:1001px) and (max-width:1399px){.site-nav .nav-links{margin-right:71px}}

/* The mobile reading order follows the published module order, not the
   desktop left/right column order. */
/* r94：/faq 的桌面栅格统一在 store-help-detail.css 里（模块壳 .faq-module + 目录
   grid-row:1/-1），这里只留「没有目录时单列」和手机端改 flex 两条。 */
.faq-centre .faq-modular.without-directory{grid-template-columns:minmax(0,1fr)}
@media(max-width:800px){.faq-centre .faq-modular{display:flex;flex-direction:column}.faq-centre .faq-modular>*{width:100%;min-width:0}.faq-centre .faq-modular>.help-directory,.faq-centre .faq-modular>.faq-module{grid-area:auto}}

/* FAQ help-centre presentation. The page is data-driven, while this hierarchy
   follows the reference: gradient search hero, document index on the left,
   high-frequency answers on the right, grouped articles and support CTA. */
.faq-centre{padding-top:48px}
.faq-hero{position:relative;overflow:hidden;isolation:isolate;margin:0 0 34px;padding:58px 64px 42px;border:0;border-radius:24px;background:linear-gradient(118deg,#162456 0%,#3346b7 47%,#7042c7 100%);color:#fff;box-shadow:0 22px 60px rgba(30,41,92,.18)}
.faq-hero:before{content:'';position:absolute;z-index:-1;width:450px;height:450px;right:-120px;top:-260px;border-radius:50%;background:rgba(255,255,255,.14)}
.faq-hero:after{content:'';position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(115deg,#000 0%,transparent 73%)}
.faq-hero .eyebrow{display:inline-flex;color:#c7d2fe;font-size:0.6875rem;letter-spacing:.14em}
.faq-hero h1{position:relative;margin:13px 0 10px;font-size:clamp(2.125rem,calc(4vw * var(--store-font-scale, 1)),3.1875rem);letter-spacing:-.065em;line-height:1.12;color:#fff}
.faq-hero>p{position:relative;max-width:680px;margin:0;color:#dbeafe;line-height:1.8;font-size:0.875rem}
.faq-hero form{position:relative;max-width:820px;margin:28px 0 15px}
.faq-search-field{display:flex;align-items:center;gap:12px;padding:7px 8px 7px 18px;border-radius:15px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.16)}
.faq-search-field>span{color:#62748e;font-size:1.5rem;line-height:1}.faq-search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#0f172b;font:inherit;font-size:0.875rem}.faq-search-field input::placeholder{color:#90a1b9}.faq-search-field .button{min-width:85px;border-radius:10px;padding:12px 18px}
.faq-hot-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#dbeafe;font-size:0.75rem}.faq-hot-tags>b{font-weight:700;color:#fff}.faq-hot-tags button{max-width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.10);color:#eff6ff;font:inherit;font-size:0.6875rem;cursor:pointer;transition:.18s}.faq-hot-tags button:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
.faq-main-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:40px;align-items:start}.help-directory{padding:0;border:0}.help-directory-heading{margin-bottom:17px}.help-directory-heading h2{margin:9px 0 7px;font-size:1.5625rem;letter-spacing:-.045em}.help-directory-heading p{margin:0;color:var(--muted);font-size:0.75rem;line-height:1.7}.help-directory-groups{display:grid;gap:8px}.faq-directory-group{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;transition:.18s}.faq-directory-group:hover{border-color:#bedbff;box-shadow:0 7px 20px rgba(37,99,235,.06)}
.help-category{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px 14px;border:0;border-radius:0;background:#fff;color:#314158;font:inherit;text-align:left;cursor:pointer}.help-category b{font-size:0.8125rem}.help-category span{color:#62748e;font-size:0.6875rem;white-space:nowrap}.help-category span i{display:inline-block;margin-left:5px;color:#90a1b9;font-style:normal;transition:transform .18s}.faq-directory-group.is-collapsed .help-category span i{transform:rotate(-90deg)}.faq-directory-articles{display:grid;gap:0;margin:0;padding:0 14px 8px;list-style:none;border-top:1px solid #f1f5f9}.faq-directory-group.is-collapsed .faq-directory-articles{display:none}.faq-directory-article{border-bottom:1px solid #f1f5f9}.faq-directory-article:last-child{border-bottom:0}.faq-directory-article a{display:grid;gap:4px;padding:10px 0;color:#314158;font-size:0.6875rem;line-height:1.45}.faq-directory-article a:hover{color:var(--blue)}.faq-directory-article small{display:block;color:#90a1b9;font-size:0.625rem;line-height:1.45}.faq-directory-article em{font-style:normal;color:#90a1b9;font-size:0.625rem}.help-directory-cta{display:grid;gap:8px;padding:20px 2px 0;color:#62748e;font-size:0.75rem}.help-directory-cta strong{color:#314158;font-size:0.875rem}.help-directory-cta a{color:var(--blue);font-weight:700}
.faq-featured{display:grid;grid-template-columns:minmax(155px,.52fr) minmax(0,1.48fr);gap:34px;margin:0 0 44px;padding:0;align-items:start}.faq-featured-heading h2{margin:9px 0 7px;font-size:1.8125rem;letter-spacing:-.05em}.faq-featured-heading p{margin:0;color:var(--muted);line-height:1.7;font-size:0.8125rem}.faq-featured-grid{display:grid;gap:0;border-top:1px solid var(--line)}.faq-featured-grid details{border-bottom:1px solid var(--line);padding:14px 0}.faq-featured-grid summary{font-size:0.8125rem;color:#314158}.faq-groups{display:grid;gap:35px;margin:0}.faq-groups-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px}.faq-groups-heading h2{margin:9px 0 0;font-size:1.5625rem;letter-spacing:-.045em}.faq-groups-heading p{margin:0;color:var(--muted);font-size:0.75rem}.faq-group{scroll-margin-top:92px}.faq-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.faq-group-title h3{margin:0;font-size:1.0625rem;letter-spacing:-.02em}.faq-group-title small{color:#90a1b9;font-size:0.6875rem}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{padding:16px 0;font-size:0.8125rem}.faq-list .prose{padding:0 0 17px;font-size:0.75rem;line-height:1.75}.faq-list .faq-detail-link{margin-top:8px;font-size:0.6875rem}
.contact-support{margin:52px 0 20px;padding:30px 32px;background:linear-gradient(120deg,#f8fbff,#f4f0ff);border:1px solid #dbeafe}.contact-support h2{margin:8px 0;font-size:1.4375rem}.contact-support p{max-width:620px;font-size:0.75rem}.contact-support-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.contact-support-actions .button{white-space:nowrap}.faq-centre .empty-state{padding:20px}
@media(max-width:900px){.faq-main-layout{grid-template-columns:1fr;gap:42px}.help-directory-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.help-directory-cta{padding-top:14px}.faq-featured{grid-template-columns:1fr;gap:20px}.faq-featured-heading{max-width:540px}}
@media(max-width:560px){.faq-centre{padding-top:34px}.faq-hero{margin:0 -1px 24px;padding:35px 21px 27px;border-radius:18px}.faq-hero h1{font-size:2.125rem}.faq-hero>p{font-size:0.8125rem}.faq-search-field{gap:7px;padding-left:12px}.faq-search-field input{font-size:0.75rem}.faq-search-field .button{min-width:62px;padding:10px 11px;font-size:0.75rem}.faq-hot-tags{display:block;white-space:nowrap;overflow:auto;padding-bottom:2px}.faq-hot-tags>b{display:inline-block;margin-right:5px}.faq-hot-tags button{max-width:210px;margin-right:5px}.help-directory-groups{grid-template-columns:1fr;gap:7px}.faq-groups{gap:25px}.faq-groups-heading{display:block}.faq-groups-heading p{margin-top:7px}.contact-support{display:block;margin-top:38px;padding:24px 21px}.contact-support-actions{display:grid;grid-template-columns:1fr;margin-top:18px}.contact-support-actions .button{width:100%;text-align:center}.faq-directory-article a{padding:9px 0}}

/* Home page parity: the reference landing page is a compact marketing flow
   (hero → trust benefits → FAQ → articles → service feedback).  These rules
   are intentionally scoped to the home classes so catalogue and checkout
   geometry remain independent. */
.home-reference-hero{padding:150px 0 76px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);text-align:center;border-bottom:1px solid #eef2f7}
.home-reference-hero .container{display:flex;align-items:center;flex-direction:column}
.home-metric{color:#62748e;font-size:0.8125rem;line-height:1.7}
.home-reference-hero h1{font-size:clamp(3rem,calc(6vw * var(--store-font-scale, 1)),4.875rem);line-height:1.04;letter-spacing:-.075em;margin:18px 0 16px}
.home-reference-hero h1 span{background:linear-gradient(90deg,#155dfc,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-reference-hero p{max-width:680px;color:var(--muted);font-size:1.0625rem;line-height:1.85;margin:0}
.home-reference-hero .home-actions{justify-content:center;margin:29px 0 19px}
.home-badges{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.home-badges span{padding:7px 11px;border-radius:999px;background:#f0fdf4;color:#15803d;border:1px solid #dcfce7;font-size:0.6875rem;font-weight:700}
.home-payment-note{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:27px;color:#90a1b9;font-size:0.6875rem}
.home-payment-note b{padding:6px 9px;border-radius:7px;background:#fff;border:1px solid var(--line);color:#62748e;font-size:0.625rem}
.home-payment-note i{font-style:normal;color:#16a34a;font-weight:700}
.home-live-chat small:empty{display:none}
.home-why .benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-why .benefits article{min-height:220px;padding:22px}
.home-why .benefits h3{font-size:1.0625rem;line-height:1.45}
.home-why .benefits p{font-size:0.75rem;line-height:1.75}
.home-faq{background:#f1f5f9}
.home-faq .faq-list{background:transparent}
.home-faq .button-dark{color:#fff;background:#0f172b}
.home-insights{background:#fff}
.home-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-reviews{padding-top:75px;background:#f8fafc;border-top:1px solid #eef2f7}
.home-review-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.home-review-heading h2{font-size:2.125rem;letter-spacing:-.06em;margin:11px 0 9px}
.home-review-heading p{color:var(--muted);margin:0;line-height:1.7}
.home-rating{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.home-rating strong{font-size:1.875rem;letter-spacing:-.06em;color:#155dfc}
.home-rating span{font-size:0.6875rem;color:#90a1b9}
.home-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-review-grid article{padding:22px;min-height:180px;border:1px solid var(--line);border-radius:18px;background:#fff}
.review-stars{color:#f59e0b;letter-spacing:2px;font-size:0.8125rem}
.home-review-grid p{color:#45556c;font-size:0.8125rem;line-height:1.8;margin:15px 0 16px}
.home-review-grid b{display:block;font-size:0.8125rem}
.home-review-grid small{display:block;color:#90a1b9;font-size:0.6875rem;margin-top:5px}
@media(max-width:1100px){.home-why .benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.home-article-grid,.home-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-reference-hero{padding:120px 0 60px}.home-reference-hero h1{font-size:3rem}.home-why .benefits,.home-article-grid,.home-review-grid{grid-template-columns:1fr}.home-review-heading{display:block}.home-rating{align-items:flex-start;margin-top:18px}.home-payment-note{line-height:1.8}}
.about-sections,.redeem-notes{display:grid;gap:18px;margin:18px 0 28px}.about-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.about-sections article,.redeem-notes article{padding:26px}.about-sections article:last-child{grid-column:1/-1}.about-sections h2,.redeem-notes h2{margin:10px 0 8px;font-size:1.4375rem}.about-sections p,.redeem-notes p{margin:0;color:var(--muted);line-height:1.8}.about-actions{display:flex;gap:12px;padding:20px;margin-bottom:50px}.redeem-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:30px;margin:8px 0 20px}.redeem-hero h2{margin:8px 0 14px}.redeem-steps{display:grid;gap:12px;list-style:none;padding:0;margin:0}.redeem-steps li{display:flex;gap:12px;align-items:center;color:var(--muted)}.redeem-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eff6ff;color:var(--blue);font-size:0.75rem}.redeem-cta{padding:8px 4px}.redeem-cta p{color:var(--muted);line-height:1.8}.redeem-cta .text-link{display:block;margin-top:14px}.redeem-notes{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:50px}
@media(max-width:700px){.about-sections,.redeem-notes,.redeem-hero{grid-template-columns:1fr}.about-sections article:last-child{grid-column:auto}.about-actions{display:grid}.redeem-hero{gap:12px}}
:root{--blue:#155dfc;--blue-dark:#1447e6;--ink:#0f172b;--muted:#62748e;--line:#e2e8f0;--soft:#f8fafc;--paper:#fff;--green:#0f9f6e;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:var(--ink);font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-nav{position:fixed;z-index:30;top:0;left:0;right:0;border-bottom:1px solid rgba(226,232,240,.75);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);transition:box-shadow .25s}.site-nav.scrolled{box-shadow:0 8px 30px rgba(15,23,42,.08)}.nav-inner{width:min(1240px,calc(100% - 40px));height:78px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark,.about-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#155dfc,#7c3aed);color:#fff;font-weight:800;font-size:1.375rem;box-shadow:0 8px 18px rgba(37,99,235,.23)}.brand-name{font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.verified{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#155dfc;color:white;font-size:0.6875rem;font-weight:800}.nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-links a{padding:10px 14px;border-radius:999px;color:#45556c;font-size:0.875rem;font-weight:600;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--blue);background:#eff6ff}.nav-action{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:999px;background:var(--ink);color:#fff;font-size:0.875rem;font-weight:700;transition:.2s}.nav-action:hover{background:#1d293d;transform:translateY(-1px)}.nav-toggle{display:none;border:0;background:transparent;font-size:1.5rem;color:var(--ink)}.hero{position:relative;overflow:hidden;padding:164px 0 108px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{width:600px;height:600px;right:-180px;top:-260px;background:radial-gradient(circle,rgba(147,197,253,.42),rgba(255,255,255,0) 68%)}.hero-glow-two{width:420px;height:420px;left:-170px;bottom:-250px;background:radial-gradient(circle,rgba(196,181,253,.25),rgba(255,255,255,0) 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .93fr;align-items:center;gap:60px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;font-size:0.6875rem;letter-spacing:.16em}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px #dcfce7}.hero h1{font-size:clamp(3rem,calc(6vw * var(--store-font-scale, 1)),4.875rem);line-height:1.04;letter-spacing:-.075em;margin:22px 0 20px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#155dfc,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:520px;color:var(--muted);font-size:1.125rem;line-height:1.8;margin:0}.hero-actions{display:flex;gap:12px;margin:31px 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:12px;padding:14px 20px;cursor:pointer;font:inherit;font-weight:700;transition:.2s}.button-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.22)}.button-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.button-ghost{color:#314158;background:transparent;border:1px solid var(--line)}.button-ghost:hover{background:#fff;border-color:#cad5e2}.button-dark{color:#fff;background:var(--ink);margin-top:22px}.button-dark:hover{background:#1d293d}.hero-proof{display:flex;align-items:center;gap:10px;color:#62748e;font-size:0.75rem}.hero-proof b{color:#cad5e2}.proof-avatars{display:flex}.proof-avatars i{display:grid;place-items:center;width:25px;height:25px;margin-left:-4px;border:2px solid white;border-radius:50%;font-style:normal;font-size:0.6875rem;color:#fff;background:#155dfc}.proof-avatars i:nth-child(2){background:#7c3aed}.proof-avatars i:nth-child(3){background:#0f9f6e}.hero-art{position:relative;height:390px;min-width:400px}.art-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(96,165,250,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-one{width:420px;height:245px}.orbit-two{width:300px;height:420px;transform:translate(-50%,-50%) rotate(55deg);border-color:rgba(167,139,250,.25)}.art-card{position:absolute;border:1px solid rgba(226,232,240,.8);border-radius:21px;background:rgba(255,255,255,.86);box-shadow:0 28px 70px rgba(30,64,175,.17);backdrop-filter:blur(10px)}.art-card-back{right:18px;top:32px;width:250px;height:205px;padding:25px;transform:rotate(9deg);background:linear-gradient(145deg,#dbeafe,#ede9fe);color:#314158}.art-card-back .art-label{display:block;color:#615fff;font-weight:800;letter-spacing:.18em;font-size:0.6875rem}.art-card-back strong{display:block;font-size:1.5625rem;margin-top:46px}.art-card-back small{display:block;margin-top:6px;color:#62748e}.art-card-main{left:30px;top:82px;width:330px;height:245px;padding:22px;transform:rotate(-6deg);background:rgba(255,255,255,.94)}.art-card-top,.art-card-bottom{display:flex;align-items:center;gap:9px;font-size:0.8125rem;font-weight:700}.art-menu{margin-left:auto;color:#90a1b9;letter-spacing:3px}.art-brand-dot{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#155dfc,#7c3aed);font-weight:800}.art-chart{height:110px;margin:23px 4px 16px;display:flex;align-items:end;gap:9px}.art-chart span{display:block;flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#51a2ff,#155dfc)}.art-chart span:nth-child(2n){background:linear-gradient(180deg,#c4b5fd,#7c3aed)}.art-card-bottom{color:#62748e;font-size:0.6875rem}.art-card-bottom b{margin-left:auto;color:#16a34a}.art-badge{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.12);font-size:0.75rem;font-weight:700;color:#314158}.badge-top{right:0;top:15px;color:#155dfc}.badge-bottom{left:5px;bottom:21px;color:#0f9f6e}.trust-strip{border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:22px}.trust-grid>div{display:flex;flex-direction:column;gap:6px;border-right:1px solid #eef2f7;padding-left:20px}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border-right:0}.trust-grid b{font-size:0.8125rem}.trust-grid span{font-size:0.75rem;color:#90a1b9}.section{padding:104px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-heading h2,.faq-section h2,.order-panel h2,.about-section h2{font-size:2.25rem;letter-spacing:-.06em;margin:11px 0 10px}.section-heading p,.muted{color:var(--muted);margin:0;line-height:1.7}.centered{text-align:center;display:block}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.category-tab{border:1px solid var(--line);background:#fff;color:#62748e;padding:9px 15px;border-radius:999px;font:inherit;font-size:0.8125rem;font-weight:700;cursor:pointer}.category-tab:hover,.category-tab.active{border-color:#bedbff;background:#eff6ff;color:var(--blue)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product-card{position:relative;display:flex;flex-direction:column;min-height:352px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px;transition:.22s;overflow:hidden}.product-card:hover{transform:translateY(-5px);border-color:#bedbff;box-shadow:0 20px 45px rgba(15,23,42,.09)}.product-card.featured:before{content:'精选';position:absolute;right:18px;top:18px;border-radius:999px;background:#eff6ff;color:var(--blue);padding:5px 9px;font-size:0.6875rem;font-weight:800}.product-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:linear-gradient(145deg,#dbeafe,#ede9fe);color:#155dfc;font-size:1.375rem;font-weight:800;margin-bottom:20px}.product-card h3{font-size:1.25rem;letter-spacing:-.035em;margin:0 0 8px}.product-subtitle{color:#62748e;font-size:0.8125rem;margin:0 0 17px}.product-desc{color:#62748e;font-size:0.8125rem;line-height:1.7;margin:0;min-height:47px}.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.meta-chip{padding:5px 9px;border-radius:7px;background:#f8fafc;color:#62748e;font-size:0.6875rem}.product-price{display:flex;align-items:baseline;gap:5px;margin-top:auto;padding-top:22px}.product-price strong{font-size:1.75rem;letter-spacing:-.06em}.product-price small{font-size:0.75rem;color:#90a1b9}.product-actions{display:flex;gap:9px;margin-top:17px}.product-actions button{flex:1;padding:11px 12px;font-size:0.8125rem}.product-actions .details{border:1px solid var(--line);background:#fff;color:#314158}.product-actions .buy{border:0;background:var(--blue);color:#fff}.product-actions button:hover{filter:brightness(.96)}.loading-card,.empty-card{grid-column:1/-1;text-align:center;padding:55px;border:1px dashed #cad5e2;border-radius:var(--radius);background:#fff;color:#62748e}.process-section{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-grid article{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;overflow:hidden}.step-number{position:absolute;right:22px;top:17px;color:#dbeafe;font-size:2.625rem;font-weight:800;letter-spacing:-.08em}.step-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:19px;border-radius:14px;background:#eff6ff;color:var(--blue);font-size:1.4375rem}.process-grid h3{margin:0 0 9px;font-size:1.125rem}.process-grid p{margin:0;color:var(--muted);font-size:0.8125rem;line-height:1.7}.text-link{color:var(--blue);font-size:0.8125rem;font-weight:700}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.content-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:25px;transition:.2s}.content-card:hover{box-shadow:0 15px 34px rgba(15,23,42,.07);transform:translateY(-3px)}.content-type{color:var(--blue);font-size:0.625rem;font-weight:800;letter-spacing:.13em}.content-card h3{margin:14px 0 9px;font-size:1.1875rem}.content-card p{margin:0;color:var(--muted);font-size:0.8125rem;line-height:1.7}.faq-section{background:#f1f5f9}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.faq-list details{border-bottom:1px solid #cad5e2;padding:18px 0}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:0.9375rem;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#90a1b9;font-size:1.375rem;font-weight:400}.faq-list details p{color:var(--muted);font-size:0.8125rem;line-height:1.8;margin:13px 24px 2px 0}.order-panel{padding:62px 0;background:linear-gradient(120deg,#0f172b,#172554);color:#fff}.order-panel-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}.order-panel .section-kicker{color:#8ec5ff}.order-panel h2{margin-bottom:11px}.order-panel p{color:#cad5e2;line-height:1.7;margin:0}.order-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.order-form input{flex:1;min-width:180px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.1);padding:13px 14px;color:#fff;font:inherit;outline:none}.order-form input::placeholder{color:#90a1b9}.order-form input:focus{border-color:#51a2ff}.order-form .button{white-space:nowrap}.order-result{grid-column:2;color:#bedbff;font-size:0.8125rem;min-height:20px}.about-section{padding:92px 0;background:#fff}.about-inner{display:flex;align-items:center;gap:28px;max-width:800px}.about-mark{width:70px;height:70px;border-radius:21px;font-size:2.375rem;flex:none}.about-section p{max-width:680px;color:var(--muted);line-height:1.9;margin:0}.site-footer{padding:60px 0 24px;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:35px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-brand{margin-bottom:6px}.footer-grid p,.footer-grid a{color:#62748e;font-size:0.8125rem;line-height:1.6;margin:0}.footer-grid b{font-size:0.8125rem;margin-bottom:4px}.footer-grid a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;color:#90a1b9;font-size:0.6875rem;border-top:1px solid #eef2f7;padding-top:21px;margin-top:45px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.5);backdrop-filter:blur(6px)}.modal-backdrop[hidden]{display:none}.modal-card{position:relative;width:min(480px,100%);padding:31px;border-radius:21px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.25)}.modal-close{position:absolute;right:19px;top:14px;border:0;background:transparent;color:#90a1b9;font-size:1.75rem;cursor:pointer}.modal-card h2{font-size:1.75rem;letter-spacing:-.05em;margin:10px 0 7px}.modal-product{margin:0 0 22px;color:#62748e;font-size:0.8125rem}.modal-card form{display:grid;gap:15px}.modal-card label{display:grid;gap:7px;color:#314158;font-size:0.75rem;font-weight:700}.modal-card input,.modal-card select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--ink);background:#fff;font:inherit;font-weight:400;outline:none}.modal-card input:focus,.modal-card select:focus{border-color:#8ec5ff;box-shadow:0 0 0 3px #eff6ff}.full{width:100%;margin-top:5px}.modal-result{margin-top:17px;font-size:0.8125rem;line-height:1.7;color:#155dfc}.modal-result.error{color:#dc2626}.order-success{padding:15px;border-radius:10px;background:#f0fdf4;color:#166534}.order-failed{padding:15px;border-radius:10px;background:#fef2f2;color:#991b1b}@media(max-width:960px){.nav-links{gap:0}.nav-links a{padding:9px 8px;font-size:0.75rem}.nav-action{display:none}.hero-grid{gap:20px}.hero-art{transform:scale(.9);transform-origin:center right}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid>div:nth-child(2){border-right:0}.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container,.nav-inner{width:min(100% - 28px,1180px)}.nav-inner{height:67px}.nav-toggle{display:block;margin-left:auto}.nav-links{position:absolute;display:none;top:66px;left:14px;right:14px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 45px rgba(15,23,42,.12);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{border-radius:9px}.hero{padding:120px 0 65px}.hero-grid{display:block}.hero-copy{text-align:center}.hero-copy>p{margin:auto;font-size:0.9375rem}.hero-actions{justify-content:center}.hero-proof{justify-content:center;flex-wrap:wrap}.hero-art{height:330px;min-width:0;transform:scale(.77);transform-origin:center top;margin-top:30px}.trust-grid{grid-template-columns:1fr 1fr;gap:0}.trust-grid>div{padding:15px 10px;border-right:0;border-bottom:1px solid #eef2f7}.trust-grid>div:nth-child(odd){border-right:1px solid #eef2f7}.section{padding:70px 0}.section-heading{display:block}.category-tabs{justify-content:flex-start;margin-top:22px}.products-grid,.process-grid,.content-grid{grid-template-columns:1fr}.faq-layout,.order-panel-inner{grid-template-columns:1fr;gap:32px}.order-form{justify-content:stretch}.order-result{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.section-heading h2,.faq-section h2,.order-panel h2,.about-section h2{font-size:1.875rem}}
.product-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.product-badges span{border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#155dfc;padding:6px 10px;font-size:0.6875rem;font-weight:700}.footer-rating{color:#155dfc;font-size:0.75rem;font-weight:700;margin-top:5px}.service-hours{font-size:0.75rem!important;color:#90a1b9!important}.process-grid{grid-template-columns:repeat(4,1fr)}
.process-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.process-grid{grid-template-columns:1fr}}

/* Page-based storefront layer. It mirrors the reference information
   architecture while keeping DuDuPay's own copy and data source. */
.skip-link{position:fixed;left:12px;top:-100px;z-index:100;padding:10px 14px;border-radius:8px;background:#fff;color:#1447e6;box-shadow:0 5px 20px #0f172b22}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav{backdrop-filter:blur(14px)}.brand small{font-weight:700}.nav-links a[aria-current="page"]{color:#155dfc}.panel{box-shadow:0 1px 3px #0f172b12}.catalog-intro{margin-top:32px}.catalog-intro h1 small{display:block;color:#62748e;font-size:1.125rem;letter-spacing:0;margin-top:8px}.catalog-controls{margin-top:20px}.category-tab{min-width:160px}.category-tab small{display:block}.search-box{position:relative;display:block;margin-top:14px}.search-box input{width:100%;padding:13px 16px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;color:#0f172b;outline:none}.search-box input:focus{border-color:#8ec5ff;box-shadow:0 0 0 3px #eff6ff}.results-count{padding:0 4px;color:#62748e;font-size:0.8125rem}.products-grid{align-items:stretch}.product-card{min-height:0}.product-head{display:flex;align-items:center;gap:14px}.product-head h2{margin:0}.product-head small{display:block;margin-top:5px}.product-icon{flex:none;display:grid;place-items:center;overflow:hidden}.product-icon img{width:100%;height:100%;object-fit:contain}.product-price{align-items:center}.stock{margin-left:auto}.features{min-height:74px}.product-card>.button{width:100%}.button.primary{background:#155dfc;color:#fff;border-color:#155dfc}.button.primary:hover{background:#1447e6}.button.secondary{background:#fff;color:#314158;border-color:#e2e8f0}.button.secondary:hover{background:#f8fafc;color:#1447e6}.button.full{width:100%}.home-hero{background:radial-gradient(ellipse at 50% 20%,#e8efff 0,transparent 70%)}.home-hero h1 span{color:#155dfc}.benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.benefits article{min-height:190px}.benefits i{font-style:normal}.content-grid{align-items:stretch}.content-card{padding:0}.content-card .copy{padding:22px}.content-cover{min-height:125px}.faq-list details{padding:0}.faq-list summary{padding:19px 22px}.faq-list .prose{padding:0 22px 20px}.page-title{padding:48px 0 22px}.page-title h1{margin:12px 0 8px}.page-title p{max-width:760px}.breadcrumb{display:inline-flex;margin-top:28px;margin-bottom:14px;color:#155dfc;font-weight:700}.product-layout{align-items:start}.product-overview>.product-icon{width:76px;height:76px;font-size:2rem}.product-overview h1{margin:18px 0 8px}.product-overview .description{white-space:pre-wrap;line-height:1.9}.checkout{top:108px}.checkout .selected-product{font-weight:800;color:#314158}.purchase-notes{border-top:1px solid #e2e8f0;padding-top:22px}.quantity-control{display:grid;grid-template-columns:42px 1fr 42px;gap:6px}.quantity-control input{text-align:center}.checkout-result .button{margin-top:10px}.article-body h1{margin-top:12px}.article-body .prose{white-space:pre-wrap}.lookup-layout{max-width:900px}.lookup-form{grid-template-columns:1fr 1fr}.lookup-form .field:nth-child(3){grid-column:1/-1}.order-result{margin-top:20px}.order-result .panel{margin-top:20px}.order-items{list-style:none;padding:0}.order-items li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e2e8f0}.delivery pre{white-space:pre-wrap;overflow-wrap:anywhere}.site-footer{margin-top:24px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr) 1.2fr}.footer-grid h2,.footer-grid h3{font-size:0.875rem;margin:0 0 11px}.footer-grid a{display:block}.footer-grid .brand b{font-size:1.3125rem}.footer-bottom{gap:18px}
@media(max-width:1100px){.benefits{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-intro{grid-column:1/-1}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.catalog-intro{grid-template-columns:1fr}.nav-links{z-index:30}.benefits{grid-template-columns:repeat(2,1fr)}.product-layout,.article-layout,.faq-layout{grid-template-columns:1fr}.checkout{position:static}.lookup-form{grid-template-columns:1fr}.lookup-form .field:nth-child(3){grid-column:auto}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.products-grid,.content-grid,.benefits{grid-template-columns:1fr}.catalog-intro{margin-top:16px}.catalog-intro h1{font-size:1.875rem}.category-tabs{overflow-x:auto;flex-wrap:nowrap}.category-tab{min-width:145px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child,.footer-intro{grid-column:1/-1}.home-hero h1{font-size:2.625rem}}

/* Published design tokens and optional homepage blocks.  Values are validated
   by the admin design API before reaching this stylesheet. */
body{background:var(--soft);font-size:1rem}.home-reference-hero{background:linear-gradient(180deg,var(--paper) 0%,var(--soft) 100%)}.home-hero-image{display:block;max-width:min(720px,100%);max-height:190px;object-fit:cover;border-radius:var(--radius);margin:24px auto 0;box-shadow:0 18px 45px rgba(15,23,42,.12)}.home-products{background:var(--soft)}.home-why .home-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.home-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-product-grid .product-card{height:100%}.home-product-grid .product-card .product-actions{margin-top:16px}.home-reference-hero[hidden],.home-products[hidden]{display:none!important}@media(max-width:1100px){.home-why .home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.home-article-grid,.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.home-why .home-benefits,.home-article-grid,.home-product-grid{grid-template-columns:1fr}}

/* Store catalogue parity layer.  The reference shop uses a two-column
   introduction card, a separate category/search rail and three equal product
   columns. Keep these rules after the legacy marketing styles so the live
   page cannot fall back to the older card geometry. */
/* Keep the reference typography authoritative after the legacy rule above. */
body{font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
.catalog-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.58fr);gap:20px;align-items:stretch;margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 1px 3px #0f172b12}
.catalog-intro>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.catalog-intro .eyebrow{font-size:0.75rem}
.catalog-intro h1{font-size:1.875rem;letter-spacing:-.025em;line-height:2.25rem;font-weight:900;margin:0}
.catalog-intro h1 small{font-size:1rem;font-weight:800;line-height:1.375rem;margin-top:6px}
.catalog-intro p{max-width:768px;color:var(--muted);font-size:0.9375rem;line-height:1.75rem;margin:16px 0 0}
.catalog-intro .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.catalog-intro .badges span{border:1px solid #dcfce7;border-radius:999px;background:#f0fdf4;color:#15803d;padding:6px 11px;font-size:0.6875rem;font-weight:700}
.catalog-stat{display:flex;flex-direction:column;justify-content:center;padding:25px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fbfdff,#f8fafc)}
.catalog-stat small{color:var(--muted);font-size:0.75rem;font-weight:700}
.catalog-stat strong{font-size:2.8125rem;letter-spacing:-.08em;line-height:1.1;margin:13px 0 8px}
.catalog-stat p{color:var(--muted);font-size:0.8125rem;line-height:1.75;margin:0}
.catalog-stat b{display:block;color:#15803d;font-size:0.75rem;margin-top:15px}
.catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.45fr);align-items:center;gap:20px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 1px 3px #0f172b12}
.catalog-controls .search-box{margin-top:0}
.category-tabs{justify-content:flex-start;flex-wrap:wrap}
.category-tab{min-width:142px;padding:12px 16px;border-radius:16px;text-align:left;line-height:1.3;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.category-tab[aria-pressed="true"]{border-color:#bedbff;background:#eff6ff;color:var(--blue);box-shadow:0 7px 15px rgba(37,99,235,.08)}
.category-tab b{font-size:0.875rem;font-weight:800}
.category-tab small{margin-top:4px;color:inherit;font-size:0.75rem;font-weight:600}
.search-box input{height:44px;border-radius:16px;font-size:0.875rem}
.results-count{padding:20px 4px 10px;font-weight:700}
.catalog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:30px 4px 4px}.catalog-section-heading h2{margin:8px 0 0;font-size:1.75rem;letter-spacing:-.045em}.catalog-section-heading .results-count{padding:0 0 5px;color:var(--muted);font-size:0.8125rem}
.nav-menu{position:relative}.nav-menu summary{display:flex;align-items:center;list-style:none;padding:10px 14px;border-radius:999px;color:#45556c;font-size:0.875rem;font-weight:600;cursor:pointer;white-space:nowrap}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary .nav-inline-icon,.nav-menu summary .nav-chevron{flex:0 0 auto}.nav-menu[open] summary,.nav-menu summary:hover{color:var(--blue);background:#eff6ff}.nav-menu-panel{position:absolute;top:calc(100% + 9px);right:0;display:grid;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.12)}.nav-menu-panel a{border-radius:9px;padding:10px 12px!important;white-space:nowrap}.nav-menu-panel a:hover{background:#f8fafc;color:var(--blue)}
.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-card{min-height:405px;padding:22px;border-radius:21px}
.product-card .product-head{min-height:58px}
.product-card .product-head h2{font-size:1.125rem;letter-spacing:-.025em;line-height:1.25;font-weight:900}
.product-description{min-height:72px;color:var(--muted);font-size:0.875rem;line-height:1.5rem;margin:17px 0 0}
.product-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.product-meta .meta-chip{padding:5px 9px;border-radius:999px;background:#f8fafc;color:#62748e;font-size:0.6875rem}.product-card.featured .product-meta .meta-chip:first-child{background:#eff6ff;color:#155dfc}
.features{display:grid;gap:8px;list-style:none;margin:17px 0 0;padding:0;min-height:76px;color:#45556c;font-size:0.875rem;line-height:1.25rem}
.features li{position:relative;padding-left:17px}
.features li::before{content:'';position:absolute;left:3px;top:5px;width:5px;height:9px;border-right:2px solid #16a34a;border-bottom:2px solid #16a34a;transform:rotate(45deg)}
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.product-actions .button{width:100%;padding:11px 10px;font-size:0.8125rem}.product-actions .details{border:1px solid var(--line);background:#fff;color:#314158}.product-actions .buy{background:var(--blue);color:#fff}.product-actions .buy:hover{background:var(--blue-dark)}
.decision-page .page-title{padding-bottom:34px}.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.decision-grid .panel{padding:26px;border:1px solid var(--line);border-radius:21px;background:#fff}.decision-grid h2{margin:10px 0 9px;font-size:1.375rem;letter-spacing:-.04em}.decision-grid p{color:var(--muted);font-size:0.8125rem;line-height:1.8;margin:0 0 18px}.decision-table{padding:8px 20px;border:1px solid var(--line);border-radius:21px;background:#fff}.table-scroll{overflow:auto}.decision-table table{width:100%;border-collapse:collapse;min-width:680px}.decision-table th,.decision-table td{text-align:left;padding:16px 14px;border-bottom:1px solid #eef2f7;font-size:0.8125rem;vertical-align:top}.decision-table th{color:#62748e;font-size:0.6875rem;letter-spacing:.08em}.decision-table tr:last-child td{border-bottom:0}.decision-note{padding:27px;margin-top:24px;border:1px solid var(--line);border-radius:21px;background:#fff}.decision-note h2{margin:0 0 10px;font-size:1.375rem}.decision-note p{color:var(--muted);line-height:1.8;font-size:0.8125rem}.decision-note.prose{white-space:normal}
.product-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:24px;align-items:start}.product-main{display:grid;gap:18px;min-width:0}.product-main>.panel{padding:28px;border:1px solid var(--line);border-radius:21px;background:var(--paper)}
.product-overview,.checkout,.lookup-layout>section,.article-layout>.panel{padding:28px;border:1px solid var(--line);border-radius:21px;background:var(--paper)}
.checkout{position:sticky;top:100px}
.checkout h2{margin:7px 0 9px}
.checkout-total{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}
.checkout-total strong{font-size:1.5rem;letter-spacing:-.05em}
.field{display:grid;gap:7px;margin-top:15px;color:#314158;font-size:0.75rem;font-weight:700}
.field input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--ink);background:#fff;font:inherit;font-weight:400;outline:none}
.field input:focus{border-color:#8ec5ff;box-shadow:0 0 0 3px #eff6ff}
.field small{color:var(--muted);font-weight:400;line-height:1.5}
.check-label{display:flex;align-items:flex-start;gap:8px;margin-top:16px;color:var(--muted);font-size:0.75rem;line-height:1.5}
.check-label input{margin-top:2px;accent-color:var(--blue)}
.check-label a{color:var(--blue);font-weight:700}
.lookup-layout{max-width:900px}
.lookup-layout>section{margin-bottom:30px}
.lookup-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.lookup-form .field:nth-child(3){grid-column:1/-1}
.lookup-form .button{align-self:end}
.order-support-divider{height:1px;margin:27px 0 24px;background:var(--line)}
.ticket-lookup-divider{height:1px;margin:24px 0 20px;background:var(--line)}
.support-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}
.support-form .field.full{grid-column:1/-1}
.support-form textarea{width:100%;box-sizing:border-box;resize:vertical;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:400;line-height:1.7}
.support-form textarea:focus{outline:none;border-color:#8ec5ff;box-shadow:0 0 0 3px #eff6ff}
.support-form .button{justify-self:start}
.support-ticket-result{margin-top:14px}
.support-ticket-result code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.support-ticket-result{min-width:0;overflow-wrap:anywhere}
.ticket-receipt{display:block;width:100%;box-sizing:border-box;resize:vertical;border:1px solid #cad5e2;border-radius:10px;padding:12px;background:#fff;color:#314158;font:0.8125rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.support-ticket-result .button{margin-top:12px;white-space:normal}
.ticket-save-hint{font-size:0.75rem;line-height:1.7}
.ticket-thread{display:grid;gap:10px;margin:18px 0;color:#314158}
.ticket-thread h3{font-size:0.875rem;margin:0}
.ticket-message{padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font-size:0.875rem;line-height:1.8}
.ticket-reply{background:#f8fbff;border-color:#dbeafe}
.article-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:24px}
.article-layout>.panel{min-width:0}
.related-list{list-style:none;margin:0;padding:0}
.related-list li{padding:12px 0;border-bottom:1px solid var(--line);line-height:1.55}
.related-list a{color:var(--blue);font-weight:700;font-size:0.8125rem}
@media(max-width:800px){.catalog-intro,.catalog-controls,.product-layout,.article-layout{grid-template-columns:1fr}.catalog-intro{margin-top:16px}.catalog-controls{gap:14px}.checkout{position:static}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lookup-form,.support-form{grid-template-columns:1fr}.lookup-form .field:nth-child(3),.support-form .field.full{grid-column:auto}.support-form .button{width:100%}}
@media(max-width:800px){.decision-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nav-menu{display:block}.nav-menu summary{padding:9px;border-radius:9px}.nav-menu-panel{position:static;box-shadow:none;border:0;background:#f8fafc;margin:3px 0}.nav-menu-panel a{padding-left:20px!important}}
@media(max-width:560px){.decision-grid{grid-template-columns:1fr}.decision-table{padding:5px 12px}}
@media(max-width:560px){.products-grid{grid-template-columns:1fr}.catalog-intro{padding:20px}.catalog-intro h1{font-size:1.875rem}.catalog-stat strong{font-size:2.375rem}.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.category-tab{min-width:136px}.product-card{min-height:0}}
@media(max-width:560px){.catalog-section-heading{display:block}.catalog-section-heading .results-count{padding-top:8px}.product-actions{grid-template-columns:1fr}}

/* Reference badge: blue verification SVG, not a text glyph or circular chip. */
.brand .verified{display:inline-block;width:18px;height:18px;margin-left:3px;vertical-align:-4px;border-radius:0;background:transparent;color:#2563eb;fill:currentColor;font-size:initial;line-height:1;flex:none}

/* Reference storefront visual parity refinement. Keep this layer at the end so the
   reference geometry wins over older storefront rules while all business
   and checkout markup stays unchanged. */
.site-nav{background:rgba(255,255,255,.96);border-bottom-color:#edf1f7}
.nav-links a[aria-current="page"],.nav-links a[aria-current="true"],.nav-menu[open] summary{color:#155dfc;background:#edf4ff;border-color:#dbeafe}
.nav-menu summary{border:1px solid transparent;transition:.2s}
.nav-menu:has(a[aria-current="page"])>summary{color:#155dfc;background:#edf4ff;border-color:#dbeafe}
.nav-links a:hover,.nav-menu summary:hover{color:#155dfc;background:#f1f6ff}
.home-reference-hero{position:relative;isolation:isolate;background:#fff;padding-top:156px;padding-bottom:82px;overflow:hidden}
.home-grid-bg{position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(128,128,128,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(128,128,128,.04) 1px,transparent 1px);background-size:24px 24px}
.home-metric-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border:1px solid #e3e9f2;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 2px 8px rgba(15,23,42,.05);color:#62748e;font-size:0.8125rem}
.home-metric-pill span{color:#f5b900;font-size:0.9375rem}.home-metric-pill b{color:#90a1b9;font-size:1.0625rem;font-weight:500}
.home-reference-hero h1{position:relative;z-index:1;color:#0f172b;font-weight:900;letter-spacing:-.075em;margin-top:29px;margin-bottom:20px}
.home-reference-hero h1 span{color:inherit;background:none;-webkit-text-fill-color:currentColor}
.home-reference-hero p{position:relative;z-index:1;color:#62748e;font-size:1.125rem}
.home-reference-hero .home-badges{margin-top:27px}.home-reference-hero .home-badges span{border:0;background:transparent;color:#16a36a;padding:0;font-size:0.875rem;font-weight:600}
.home-reference-hero .home-actions{margin:30px 0 36px;gap:14px}
.home-reference-hero .home-actions .button{min-width:225px;min-height:62px;border-radius:17px;padding:15px 21px;font-size:1rem;box-shadow:none}
.home-reference-hero .home-actions .button.primary{background:#0f172b;color:#fff;border:1px solid #0f172b;box-shadow:0 15px 28px rgba(15,23,42,.18)}
.home-reference-hero .home-actions .button.primary:hover{background:#1d293d;transform:translateY(-2px)}
.home-reference-hero .home-actions .button.secondary{background:rgba(255,255,255,.92);color:#314158;border:1px solid #dbe3ee}
.home-reference-hero .home-actions .button.secondary:hover{background:#fff;border-color:#b9c8dd;transform:translateY(-2px)}
.home-service-note{color:#62748e;font-size:0.8125rem}.home-payment-note{margin-top:42px;color:#90a1b9}.home-payment-note b{padding:6px 10px;border:0;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(15,23,42,.04)}
.home-live-chat{position:fixed;z-index:40;right:15px;bottom:100px;display:inline-flex;align-items:center;min-width:143.5px;border-radius:999px;color:#fff;font:inherit;font-weight:800;cursor:pointer}.home-live-chat>span{display:flex;flex-direction:column;align-items:flex-start;font-size:.875rem;line-height:1.25;font-weight:700}.home-live-chat small{color:rgba(191,219,254,.7);font-size:0.625rem;letter-spacing:.08em;margin-bottom:2px}.home-live-chat:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(59,130,246,.5);border-color:rgba(59,130,246,.3)}
.home-why .benefits article,.home-review-grid article{border-color:#e4eaf2;box-shadow:0 2px 9px rgba(15,23,42,.035);background:#fff}.home-why .benefits article{border-radius:3px;min-height:220px}
.catalog-container .product-card{border-color:#e1e7f0;box-shadow:0 2px 8px rgba(15,23,42,.045)}
.catalog-container .product-card:hover,.catalog-container .product-card:focus-within{border-color:#a9c8ff;box-shadow:0 16px 36px rgba(37,99,235,.12)}
.catalog-container .product-card .product-price strong{color:#1d5df2;font-weight:900}.catalog-container .product-card .stock{padding:5px 9px;border:1px solid #a7f3d0;border-radius:999px;background:#f0fdf4;color:#009966;font-size:0.6875rem;font-weight:700}
.catalog-container .product-actions .details{display:flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:13px;background:#0f172b;color:#fff;font-weight:800}.catalog-container .product-actions .details:hover{background:#1d293d}

@media(max-width:1000px){
  .nav-toggle{display:block;margin-left:auto}
  .nav-links{position:absolute;display:none;top:70px;left:16px;right:16px;padding:9px;background:#fff;border:1px solid #e1e7f0;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,.14);flex-direction:column;align-items:stretch;gap:3px}
  .nav-links.open{display:flex}.nav-links a,.nav-menu summary{border-radius:10px}.nav-menu-panel{position:static;box-shadow:none;border:0;background:#f8fafc;margin:3px 0}
}
@media(max-width:700px){.home-reference-hero{padding-top:118px;padding-bottom:64px}.home-reference-hero h1{font-size:3rem}.home-reference-hero .home-actions{flex-direction:column;width:min(100%,330px)}.home-reference-hero .home-actions .button{width:100%}.home-live-chat{right:12px;bottom:16px}.home-metric-pill{font-size:0.75rem}}

/* Keep the storefront on the same typography baseline as the reference shop.
   The legacy stylesheet used DM Sans in a later selector, which silently
   overrode the Inter import and made the page visibly different. */
body,button,input,select,textarea{font-family:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}

/* The live reference shop reserves the fixed navigation height before its
   first catalogue panel and uses a 1200px content rail.  The original
   storefront relied on margin-collapsing, which put the hero underneath the
   navbar and narrowed the product cards. */
.catalog-container{width:min(1280px,calc(100% - 64px));padding-top:64px}
.catalog-container .product-card{min-height:410px;padding:20px;border-radius:24px}
.catalog-container .product-card.featured:before{display:none}
.catalog-container .product-meta{display:none}
.catalog-container .product-description{margin-top:25px;min-height:69px}
.catalog-container .product-actions{grid-template-columns:1fr;margin-top:15px}
.catalog-container .product-actions .details{min-height:44px;border-radius:16px;font-size:0.875rem;font-weight:900}
.catalog-container .category-tab[aria-pressed="true"]{border-color:#155dfc;background:#155dfc;color:#fff;box-shadow:0 7px 15px rgba(37,99,235,.20)}
.catalog-container .category-tab[aria-pressed="true"] b,.catalog-container .category-tab[aria-pressed="true"] small{color:inherit}
@media(max-width:800px){.catalog-container{width:min(100% - 32px,1280px);padding-top:48px}}

/* Reference-style content centre: category cards, article sidebar, FAQ
   directory and compact pagination.  These styles are data-driven and do
   not alter checkout or recharge screens. */
.content-centre{padding-top:64px}
.blog-buckets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 30px}
.blog-bucket{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:88px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:.2s}
.blog-bucket:hover,.blog-bucket[aria-pressed="true"]{border-color:#8ec5ff;background:#eff6ff;color:#1447e6;box-shadow:0 8px 22px rgba(37,99,235,.08)}
.blog-bucket-title{margin:0;font-size:0.875rem}.blog-bucket small{color:var(--muted);font-size:0.6875rem;line-height:1.45}.blog-bucket[aria-pressed="true"] small{color:#155dfc}
.content-centre-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.blog-list{grid-template-columns:1fr;gap:16px}
.blog-list .content-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;min-height:174px;overflow:hidden;padding:0}
.blog-list .content-cover{height:100%;min-height:174px;border-radius:0;background:#eef4ff}
.blog-list .content-cover img,.blog-list .article-cover-art{height:100%;min-height:174px}
.blog-list .copy{display:flex;flex-direction:column;justify-content:center;padding:22px 24px}
.blog-list .copy h3{margin:8px 0 8px;font-size:1.1875rem;line-height:1.4}
.blog-list .copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:13px}
.content-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.content-card-meta time{color:#90a1b9;font-size:0.75rem}
.content-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:18px}.content-toolbar .search-box{flex:1;margin:0}.content-sidebar{display:grid;gap:17px}.sidebar-card{padding:20px}.sidebar-card :is(h2,h3){font-size:1.0625rem;margin:0 0 14px}.sidebar-card p{font-size:0.8125rem;line-height:1.75;color:var(--muted);margin:0 0 14px}.sidebar-card form{display:flex;gap:7px}.sidebar-card input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:10px 11px;font:inherit;outline:none}.sidebar-card input:focus{border-color:#8ec5ff;box-shadow:0 0 0 3px #eff6ff}.sidebar-card .button{padding:10px 13px;font-size:0.75rem;white-space:nowrap}.recent-content{display:grid;gap:11px;margin:0;padding:0;list-style:none}.recent-content li a{display:flex;gap:8px;color:#314158;font-size:0.75rem;line-height:1.55}.recent-content li a:hover{color:var(--blue)}.recent-content b{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#eff6ff;color:var(--blue);font-size:0.625rem}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag-list button{border:0;border-radius:999px;background:#f1f5f9;color:#62748e;padding:6px 9px;font:inherit;font-size:0.6875rem;cursor:pointer}.tag-list button:hover{background:#eff6ff;color:var(--blue)}
.content-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:27px 0 7px;color:var(--muted);font-size:0.8125rem}.content-pagination button{border:1px solid var(--line);border-radius:8px;background:#fff;color:#314158;padding:8px 13px;font:inherit;cursor:pointer}.content-pagination button:hover:not(:disabled){border-color:#8ec5ff;color:var(--blue)}.content-pagination button:disabled{opacity:.45;cursor:not-allowed}
.faq-search{padding:15px;margin:22px 0 30px}.faq-search form{display:flex;gap:10px}.faq-search input{flex:1;border:1px solid var(--line);border-radius:10px;padding:13px 15px;font:inherit;outline:none}.faq-search input:focus{border-color:#8ec5ff;box-shadow:0 0 0 3px #eff6ff}.faq-search .button{white-space:nowrap}
.faq-featured{display:grid;grid-template-columns:.7fr 1.3fr;gap:32px;margin:10px 0 55px;align-items:start}.faq-featured h2,.help-directory h2{margin:11px 0 8px;font-size:1.875rem;letter-spacing:-.05em}.faq-featured p{color:var(--muted);line-height:1.7;margin:0}.faq-featured-grid{display:grid;gap:0;border-top:1px solid var(--line)}.faq-featured-grid details{border-bottom:1px solid var(--line);padding:16px 0}.faq-featured-grid summary{font-size:0.875rem}
.faq-top{padding:24px;margin:12px 0 0}.faq-top h2{font-size:1.875rem;margin:10px 0 8px}.faq-top p{color:var(--muted);margin:0;line-height:1.7}

.help-directory{padding:45px 0 20px;border-top:1px solid #eef2f7}.help-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help-category{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#314158;font:inherit;text-align:left;cursor:pointer}.help-category:hover{border-color:#8ec5ff;background:#eff6ff;color:var(--blue)}.help-category span{color:#90a1b9;font-size:0.75rem}.faq-groups{display:grid;gap:32px;margin-top:32px}.faq-group h2{font-size:1.3125rem;margin:0 0 9px}.faq-group h2 small{color:#90a1b9;font-size:0.75rem;font-weight:500}.contact-support{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:48px 0 22px;padding:27px}.contact-support h2{font-size:1.5rem;margin:8px 0}.contact-support p{color:var(--muted);margin:0;line-height:1.7}
@media(max-width:900px){.blog-buckets{grid-template-columns:repeat(2,1fr)}.content-centre-layout{grid-template-columns:1fr}.content-sidebar{grid-template-columns:repeat(2,1fr)}.faq-featured{grid-template-columns:1fr;gap:20px}}
@media(max-width:560px){.content-centre{padding-top:44px}.blog-buckets{display:flex;overflow-x:auto;padding-bottom:3px}.blog-bucket{min-width:175px}.content-toolbar{display:block}.content-toolbar .results-count{display:block;margin-top:9px}.content-sidebar{grid-template-columns:1fr}.faq-search form{display:block}.faq-search .button{width:100%;margin-top:9px}.help-category-grid{grid-template-columns:1fr}.contact-support{display:block}.contact-support .button{width:100%;margin-top:18px}}
@media(max-width:700px){.blog-list .content-card{grid-template-columns:1fr}.blog-list .content-cover,.blog-list .content-cover img,.blog-list .article-cover-art{height:145px;min-height:145px}.blog-list .copy{padding:18px}.blog-list .copy h3{font-size:1.0625rem}}
.storefront-page{font-family:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
.faq-detail-link{display:block;margin-top:12px;color:var(--blue);font-weight:700;font-size:0.75rem}
.faq-top{background:linear-gradient(135deg,#172554 0%,#4338ca 52%,#7c3aed 100%);border:0;color:#fff;padding:38px 28px;overflow:hidden;position:relative}.faq-top:after{content:'';position:absolute;width:280px;height:280px;right:-70px;top:-130px;border-radius:50%;background:rgba(255,255,255,.12)}.faq-top h2{position:relative;z-index:1}.faq-top p{position:relative;z-index:1;color:#dbeafe}.faq-top .eyebrow{position:relative;z-index:1;color:#bedbff}
.content-cover{overflow:hidden;border-radius:14px;background:#eef4ff}.content-cover img{display:block;width:100%;height:170px;object-fit:cover}.article-cover-art{min-height:170px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 52%,#f0fdf4 100%);color:#172554;position:relative;overflow:hidden}.article-cover-art:after{content:'✦';position:absolute;right:24px;top:18px;color:rgba(37,99,235,.25);font-size:3rem}.article-cover-art span{font-size:0.6875rem;font-weight:800;letter-spacing:.12em;color:#155dfc}.article-cover-art b{font-size:1.25rem;line-height:1.35;max-width:80%}.article-cover-art i{font-style:normal;font-size:0.6875rem;color:#45556c}

/* Fixed navigation occupies the first 78px; detail-page breadcrumbs must not
   sit underneath it. */
.breadcrumb{margin-top:96px}
@media(max-width:800px){.breadcrumb{margin-top:84px}}
.decision-page,.redeem-page,.lookup-layout{padding-top:78px}
@media(max-width:700px){.decision-page,.redeem-page,.lookup-layout{padding-top:66px}}
body{font-family:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}

/* Final FAQ cascade: this block intentionally comes after the legacy content
   centre rules above so the new help-centre layout wins without changing the
   shared product/checkout styles. */
.faq-centre{padding-top:48px}.faq-hero{padding:58px 64px 42px;margin:0 0 34px;border-radius:24px;background:linear-gradient(118deg,#162456 0%,#3346b7 47%,#7042c7 100%);color:#fff;box-shadow:0 22px 60px rgba(30,41,92,.18)}.faq-hero h1{margin:13px 0 6px;font-size:clamp(2.125rem,calc(4vw * var(--store-font-scale, 1)),3.1875rem);line-height:1.12;color:#fff}.faq-assist-title{margin:0 0 10px;color:#bedbff;font-size:1.0625rem;font-weight:600}.faq-hero>p{max-width:680px;color:#dbeafe;font-size:0.875rem}.faq-hero .eyebrow{color:#c7d2fe}.faq-main-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:40px;align-items:start}.help-directory{padding:0;border:0}.help-directory-heading h2{margin:9px 0 7px;font-size:1.5625rem}.help-directory-heading p{margin:0;color:var(--muted);font-size:0.75rem}.help-category{width:100%;padding:13px 14px;border:0;border-radius:0;background:#fff}.faq-featured{display:grid;grid-template-columns:minmax(155px,.52fr) minmax(0,1.48fr);gap:34px;margin:0 0 44px;padding:0}.faq-featured-heading h2{margin:9px 0 7px;font-size:1.8125rem}.faq-featured-heading p{margin:0;color:var(--muted);font-size:0.8125rem}.faq-groups{display:grid;gap:35px;margin:0}.faq-groups-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.faq-groups-heading h2{margin:9px 0 0;font-size:1.5625rem}.faq-groups-heading p{margin:0;color:var(--muted);font-size:0.75rem}.faq-group-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.faq-group-title h3{margin:0;font-size:1.0625rem}.faq-list details{padding:0}.faq-list summary{padding:16px 0;font-size:0.8125rem}.faq-list .prose{padding:0 0 17px;font-size:0.75rem;line-height:1.75}.faq-list .prose p{margin:0 0 7px}.faq-list .faq-excerpt{color:#62748e}.faq-list .faq-answer{color:#314158}.faq-item-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#90a1b9;font-size:0.625rem}.faq-list .faq-detail-link{margin-top:0;font-size:0.6875rem}.contact-support{margin:52px 0 20px;padding:30px 32px;background:linear-gradient(120deg,#f8fbff,#f4f0ff);border:1px solid #dbeafe}.contact-support h2{margin:8px 0;font-size:1.4375rem}.contact-support p{max-width:620px;font-size:0.75rem}
@media(max-width:900px){.faq-main-layout{grid-template-columns:1fr;gap:42px}.help-directory-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-featured{grid-template-columns:1fr;gap:20px}}
@media(max-width:560px){.faq-centre{padding-top:34px}.faq-hero{margin:0 -1px 24px;padding:35px 21px 27px;border-radius:18px}.faq-hero h1{font-size:2.125rem}.faq-hero>p{font-size:0.8125rem}.faq-search-field{gap:7px;padding-left:12px}.faq-search-field input{font-size:0.75rem}.faq-search-field .button{min-width:62px;padding:10px 11px;font-size:0.75rem}.faq-hot-tags{display:block;white-space:nowrap;overflow:auto}.help-directory-groups{grid-template-columns:1fr;gap:7px}.faq-groups{gap:25px}.faq-groups-heading{display:block}.faq-groups-heading p{margin-top:7px}.contact-support{display:block;margin-top:38px;padding:24px 21px}.contact-support-actions{display:grid;grid-template-columns:1fr;margin-top:18px}.contact-support-actions .button{width:100%;text-align:center}}

/* Final viewport calibration after comparing the same 1440×900 and 390×844
   captures.  The fixed header keeps an 80px click/reading target on both
   breakpoints; the public hubs then reserve their own content top spacing. */
.nav-inner{height:80px}
.home-reference-hero{padding-top:135px}
.content-centre{padding-top:32px}
.faq-centre{padding-top:80px}
@media(max-width:700px){
  .nav-inner{height:80px}
  .nav-links{top:79px}
  .home-reference-hero{padding-top:155px}
  .home-reference-hero h1{width:100%}
  .content-centre{padding-top:14px}
  .faq-centre{padding-top:80px}
}

/* The reference help centre uses a full-bleed gradient hero while its copy
   remains on the same 1180px reading rail as the directory below. */
.faq-centre > .faq-hero{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:428px;
  border-radius:0;
  padding:73px max(64px,calc((100vw - 1180px)/2)) 50px;
  text-align:center;
}
.faq-centre > .faq-hero h1{max-width:768px;margin-left:auto;margin-right:auto;text-align:center;font-size:clamp(1.875rem,calc(3.5vw * var(--store-font-scale, 1)),2.8125rem)}
.faq-centre > .faq-hero > p{margin-left:auto;margin-right:auto}
.faq-centre > .faq-hero form{max-width:760px;margin-left:auto;margin-right:auto}
.faq-centre > .faq-hero .faq-hot-tags{justify-content:center}
.blog-centre > .page-title{text-align:center}
.blog-centre > .page-title h1{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;font-size:clamp(2.375rem,calc(4.5vw * var(--store-font-scale, 1)),3rem);line-height:1.15}
.blog-centre > .page-title p{margin-left:auto;margin-right:auto}
@media(max-width:700px){
  .faq-centre > .faq-hero{
    min-height:455px;
    padding:51px 21px 67px;
  }
  .faq-centre > .faq-hero h1{font-size:1.6875rem;line-height:1.3}
  .blog-centre > .page-title h1{font-size:2.5rem;line-height:1.2}
}

/* Original line icons for the four homepage benefit cards.  They are SVG
   shapes rather than text glyphs so their weight is stable across platforms. */
.home-why-heading{text-align:center;max-width:940px;margin:0 auto 44px}
.home-why-heading h2{margin:14px 0 16px;font-size:clamp(1.75rem,calc(3.4vw * var(--store-font-scale, 1)),2.875rem);line-height:1.3;letter-spacing:-.04em;overflow-wrap:anywhere}
.home-why-heading p{max-width:720px;margin:0 auto;color:var(--muted);font-size:1rem;line-height:1.8}
.home-why .home-benefits{gap:22px;grid-auto-rows:1fr}
.home-why .home-benefits article{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:252px;padding:30px 24px 26px;border-radius:20px}
.benefit-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#eff6ff;color:#155dfc;margin:0 0 20px}
.benefit-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-icon-2{background:#f5f3ff;color:#7c3aed}.benefit-icon-3{background:#ecfdf5;color:#009966}.benefit-icon-4{background:#fff7ed;color:#ea580c}
.home-why .home-benefits article h3{margin:0 0 10px;font-size:1.25rem;line-height:1.45}.home-why .home-benefits article p{margin:0;color:#62748e;font-size:0.875rem;line-height:1.8}
.home-article-grid .content-card{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}
.home-article-grid .content-cover{flex:none;border-radius:0;aspect-ratio:16/9}
.home-article-grid .content-cover img{height:100%;width:100%;object-fit:cover}
.home-article-grid .copy{display:flex;flex-direction:column;flex:1;padding:24px;min-width:0}
.home-article-grid h3{overflow-wrap:anywhere;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-article-grid .copy>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}
.home-article-grid .content-card-meta{margin-top:auto;padding-top:20px}
@media(max-width:700px){.home-why-heading{margin-bottom:28px}.home-why-heading p{font-size:0.875rem}.home-why .home-benefits{gap:16px}.home-article-grid .copy{padding:20px}}
.home-metric-icon,.home-badge-icon,.button-icon,.home-service-icon,.ssl-icon,.live-chat-icon{display:inline-grid;place-items:center;flex:none}
.home-metric-icon svg,.home-badge-icon svg,.button-icon svg,.home-service-icon svg,.ssl-icon svg,.live-chat-icon svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-metric-icon{color:#f59e0b}.home-metric-icon svg{width:16px;height:16px}
.home-badge-icon{margin-right:5px;color:currentColor;vertical-align:-3px}.home-badge-icon svg{width:15px;height:15px}
.button-icon{margin-right:2px}.button-icon svg{width:18px;height:18px}
.home-service-note{display:flex;align-items:center;justify-content:center;gap:7px}.home-service-icon{color:#16a36a}.home-service-icon svg{width:16px;height:16px}
.home-payment-note i{display:inline-flex;align-items:center;gap:5px}.ssl-icon{color:#16a36a}.ssl-icon svg{width:14px;height:14px}
.live-chat-icon{width:25px;height:25px;border-radius:50%;background:#27436b;color:#a7f3d0}.live-chat-icon svg{width:15px;height:15px}.live-chat-more{margin-left:2px;color:#90a1b9;line-height:1}
.faq-empty-state{margin:18px 0;padding:18px 20px;border:1px dashed #bedbff;border-radius:14px;background:#f8fbff;color:#62748e;font-size:0.8125rem}
.article-detail-cover{width:min(100%,960px);margin:0 0 24px;border-radius:18px;overflow:hidden;background:#eef4ff;aspect-ratio:16/9}.article-detail-cover img{display:block;width:100%;height:100%;object-fit:cover}
/* 该提示被 prepend 到 #main 的最前面，而站点导航是 position:fixed。
   页面各自的顶距（首页 hero 128px、帮助 80px…）本来是为普通内容留的，
   提示自己不加顶距就会整条躲在导航下面，"重新连接" 按钮也点不到。
   这里按导航高度（桌面 78px / 手机 67px）让提示落在导航正下方。 */
.storefront-degraded{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:1120px;margin:96px auto 0;padding:12px 16px;border:1px solid #fedf89;border-radius:12px;background:#fffaeb;color:#93370d;font-size:0.8125rem;line-height:1.65;box-shadow:0 10px 30px #0f172a12}
.storefront-degraded button{margin-left:auto;border:0;border-radius:7px;padding:5px 10px;background:#fff7ed;color:#b54708;font:inherit;font-weight:700;cursor:pointer}
[data-design-preview] .storefront-degraded{margin-top:126px}
@media(max-width:700px){.storefront-degraded{margin:84px 14px 0;padding:11px 12px}.storefront-degraded button{margin-left:0}}
.catalog-eyebrow-icon,.catalog-stat-icon{display:inline-grid;place-items:center;vertical-align:-4px;color:var(--blue)}.catalog-eyebrow-icon svg{width:15px;height:15px}.catalog-stat b{display:inline-flex;align-items:center;gap:5px}.catalog-stat-icon{color:#f59e0b}.catalog-stat-icon svg{width:15px;height:15px}.support-points span{display:inline-flex;align-items:center;gap:6px}.support-points svg{width:15px;height:15px;fill:none;stroke:#16a34a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Content portal: distinct document, question-library and service templates. */
.knowledge-page,.topic-page{padding-top:104px;padding-bottom:56px}
.knowledge-page .page-title,.topic-page .page-title{padding:34px 0;text-align:left}
.knowledge-page h1,.topic-page h1{font-size:clamp(2rem,calc(4vw * var(--store-font-scale, 1)),3rem);line-height:1.2;letter-spacing:-.04em}
.portal-conclusion{background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;padding:28px 32px;margin:12px 0 38px}
.portal-conclusion h2{font-size:1.375rem;margin:0 0 12px}
.knowledge-layout,.topic-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start}
.knowledge-directory{position:sticky;top:105px;border:1px solid #e2e8f0;border-radius:16px;padding:22px;background:#fff}
.knowledge-directory h2{font-size:1.0625rem;margin:0 0 16px}
.knowledge-directory nav{display:grid;gap:6px}
.knowledge-directory a{display:grid;gap:5px;padding:13px 10px;border-radius:10px;color:#314158;font-size:0.875rem;line-height:1.6}
.knowledge-directory a:hover,.knowledge-directory a:focus-visible{background:#eff6ff;color:#155dfc}
.knowledge-directory span,.knowledge-directory small{color:#62748e;font-size:0.75rem}
.knowledge-group{margin-bottom:38px;scroll-margin-top:110px}
.knowledge-group>header h2{font-size:1.625rem;margin:0 0 8px}.knowledge-group>header p{color:#62748e;margin:0 0 24px;line-height:1.7}
.knowledge-answer,.portal-section{padding:28px;margin-bottom:20px;scroll-margin-top:110px}
.knowledge-answer h3{font-size:1.25rem;line-height:1.55;margin:0 0 15px}.portal-section>h2{font-size:1.5625rem;margin:0 0 10px}
.cms-prose,.article-body .cms-prose{white-space:normal;font-size:1rem;line-height:1.9;overflow-wrap:anywhere}
.cms-prose p{margin:0 0 18px}.cms-prose p:last-child{margin-bottom:0}
.cms-prose h2,.cms-prose h3,.cms-prose h4{scroll-margin-top:105px;line-height:1.5;margin:28px 0 12px;color:#0f172b}
.cms-prose h2{font-size:1.5rem}.cms-prose h3{font-size:1.25rem}.cms-prose h4{font-size:1.125rem}
.cms-prose ul,.cms-prose ol{padding-left:24px;margin:12px 0 22px}.cms-prose li{margin:7px 0}
.cms-prose a{color:#155dfc;text-decoration:underline;text-underline-offset:3px}.cms-prose pre{overflow:auto;border-radius:10px;background:#f1f5f9;padding:16px;white-space:pre-wrap}
.portal-links,.portal-services{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px}.portal-services{padding:28px 0;border-top:1px solid #e2e8f0}.portal-services h2{flex-basis:100%}
.portal-current-prices{margin-top:48px}.portal-current-prices>p{color:#62748e;margin-bottom:24px}
.document-toc{display:grid;gap:12px;border-bottom:1px solid #e2e8f0;padding-bottom:22px;margin-bottom:24px}.document-toc h2{font-size:1.125rem}.document-toc a{font-size:0.875rem;color:#45556c}
.faq-main-layout{grid-template-columns:260px minmax(0,1fr);gap:40px}.help-directory>h2{font-size:1.375rem;margin:0 0 10px}
.faq-centre .faq-featured{display:block;margin-bottom:40px}.faq-featured-heading{margin-bottom:18px}.faq-centre .faq-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}
.faq-feature-card{display:block;background:#f8faff;border:1px solid #dbeafe;border-radius:14px;padding:20px;color:#0f172b;transition:background .15s,border-color .15s}
.faq-feature-card:hover{background:#eff6ff;border-color:#8ec5ff}.faq-feature-card h3{font-size:1.0625rem;line-height:1.5;margin:10px 0}.faq-feature-card p{font-size:0.875rem;color:#62748e;line-height:1.7;margin:0 0 15px}
.faq-feature-card small,.help-article-card small{display:flex;justify-content:space-between;gap:10px;font-size:0.75rem;color:#62748e}.faq-feature-card small span,.help-article-card small span{color:#155dfc}
.help-article-card{display:block;padding:20px 0;border-bottom:1px solid #e2e8f0;color:#0f172b}.help-article-card:hover h3{color:#155dfc}.help-article-card h3{font-size:1.125rem;line-height:1.5;margin:7px 0}.help-article-card p{font-size:0.875rem;line-height:1.7;color:#62748e;margin:0 0 12px}
.faq-group{scroll-margin-top:105px}.faq-group-title h2{font-size:1.5rem}.faq-directory-article a{font-size:0.8125rem!important;line-height:1.7}.help-directory-cta{display:grid;gap:12px}

.consultation-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100vh - 50px);overflow:auto;box-sizing:border-box;border:1px solid #dbeafe;border-radius:24px;padding:34px;color:#0f172b;box-shadow:0 24px 80px #0f172b40}
.consultation-dialog::backdrop{background:#0f172b66}.consultation-dialog h2{font-size:1.625rem}.consultation-dialog p,.consultation-dialog li{line-height:1.8;font-size:0.9375rem}.consultation-dialog ol{padding-left:20px}.dialog-close{float:right;border:0;background:#f1f5f9;border-radius:50%;width:32px;height:32px;font-size:1.375rem;cursor:pointer}.consultation-trigger small{display:block;margin-top:3px}.consultation-trigger{z-index:45}
[hidden]{display:none!important}
@media(max-width:800px){.knowledge-layout,.topic-layout,.faq-main-layout{grid-template-columns:1fr;gap:24px}.knowledge-directory{position:static}.knowledge-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-main-layout .help-directory{position:static}.portal-conclusion{padding:24px}.knowledge-answer,.portal-section{padding:22px}.knowledge-page,.topic-page{padding-top:85px}.topic-layout>div{min-width:0}}
@media(max-width:480px){.knowledge-directory nav{grid-template-columns:1fr}.faq-centre .faq-featured-grid{grid-template-columns:1fr}.cms-prose,.article-body .cms-prose{font-size:0.9375rem}.portal-section>h2{font-size:1.4375rem}.consultation-dialog{padding:24px}.enterprise-inquiry{padding:20px}.knowledge-page .page-title,.topic-page .page-title{padding-top:26px}.portal-links .button{width:100%}}
.knowledge-layout.portal-wide { grid-template-columns: minmax(0, 1fr); }
.knowledge-layout.portal-directory-after { grid-template-columns: minmax(0,1fr) 260px; }
.portal-directory-standalone { margin-bottom:24px; }
.portal-directory-standalone .knowledge-directory { position:static; }
.portal-wide .knowledge-groups { min-width: 0; }


.cms-prose pre { overflow-x: auto; max-width: 100%; }
.portal-comparison{padding:24px;margin-top:32px;min-width:0;max-width:100%;box-sizing:border-box}
.portal-table-scroll{max-width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:12px}
.portal-table-scroll table{border-collapse:collapse;width:100%;min-width:640px;font-size:0.875rem;line-height:1.7}
.portal-table-scroll th,.portal-table-scroll td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0}
.portal-table-scroll th{background:#f8fafc}.portal-table-scroll a{color:#155dfc}.portal-table-scroll tbody th{min-width:130px}
.about-product-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.about-product-links a{display:flex;align-items:center;gap:10px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:0.875rem;color:#314158}.about-product-links a>span{width:28px;height:28px}.about-product-links svg{width:100%;height:100%}
/* Review round 2: match the reference knowledge-page density and grouping. */
main:has(.knowledge-page),main:has(.topic-page){background:#f8fafc}
.knowledge-page,.topic-page{max-width:960px;padding-top:90px;padding-bottom:48px}
.knowledge-page .page-title,.topic-page .page-title{padding:0 0 22px}
.knowledge-page h1,.topic-page h1{font-size:2.25rem;letter-spacing:-.035em;margin:8px 0 14px}
.knowledge-page .page-title p,.topic-page .page-title p{font-size:0.9375rem;margin-bottom:0;line-height:1.8}
.portal-conclusion{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172b12;border-radius:16px;padding:20px;margin:0 0 24px}
.portal-conclusion .cms-prose>:first-child{margin-top:0}
.portal-conclusion .cms-prose h2,.portal-conclusion .cms-prose h3{font-size:1.25rem;margin-bottom:10px}
.knowledge-layout,.topic-layout{grid-template-columns:260px minmax(0,1fr);gap:20px}
.knowledge-directory{padding:18px 20px;box-shadow:0 1px 3px #0f172b12}
.knowledge-directory h2{font-size:0.8125rem;color:#62748e}
.knowledge-directory a{padding:12px 4px}
.knowledge-group{border:1px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0f172b12;margin-bottom:24px}
.knowledge-group>header{padding:20px;border-bottom:1px solid #f1f5f9}
.knowledge-group>header h2{font-size:1.375rem}.knowledge-group>header p{font-size:0.8125rem;margin-bottom:0}
.knowledge-answer.panel{border:0;border-radius:0;box-shadow:none;margin:0;padding:22px;border-bottom:1px solid #f1f5f9}
.knowledge-answer h3{font-size:1.125rem;margin-bottom:14px}.knowledge-answer .cms-prose{font-size:0.875rem;line-height:1.8}
.knowledge-answer .cms-prose>p,.knowledge-answer .cms-prose>ol,.knowledge-answer .cms-prose>ul{padding:12px;background:#f8fafc;border-radius:12px;margin:0 0 10px}
.knowledge-answer .cms-prose>ol,.knowledge-answer .cms-prose>ul{padding-left:32px}
.knowledge-answer .cms-prose>:first-child{background:#eff6ff;font-weight:500}
.knowledge-answer .portal-links{margin-top:12px}
.knowledge-answer .portal-links a{padding:6px 12px;border-radius:20px;background:#0f172b;color:#fff;font-size:0.75rem}
.portal-section{padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
@media(max-width:800px){.knowledge-layout,.topic-layout,.knowledge-layout.portal-directory-after{grid-template-columns:minmax(0,1fr)}.knowledge-page,.topic-page{padding-top:94px}.knowledge-page h1,.topic-page h1{font-size:1.875rem}.knowledge-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.knowledge-directory nav{grid-template-columns:1fr}.knowledge-page .page-title,.topic-page .page-title{padding-top:0}.knowledge-answer.panel{padding:18px}.portal-conclusion{padding:18px}}
/* The FAQ hero belongs to a full-width parent, not 100vw inside a narrow
   container. 100vw included the vertical scrollbar and caused 8px overflow. */
.faq-centre.container{width:100%;max-width:none;margin:0;padding:80px 0 0;background:#f7f8fc}
.faq-centre .faq-hero{width:100%;left:auto;transform:none;margin:0 0 54px;padding:56px 24px;min-height:428px;border-radius:0;background:linear-gradient(115deg,#5961f3,#6358e9 52%,#8051b5);box-shadow:none}
.faq-centre .faq-hero::before,.faq-centre .faq-hero::after{display:none}
.faq-centre .faq-hero>.eyebrow{display:inline-flex;padding:8px 15px;background:#ffffff15;border:1px solid #ffffff20;border-radius:30px;margin-bottom:8px}
.faq-centre .faq-search-field{max-width:760px;min-height:64px}.faq-centre .faq-hot-tags{max-width:760px;margin-inline:auto}
.faq-centre .faq-main-layout{width:calc(100% - 64px);max-width:1380px;margin:0 auto;grid-template-columns:minmax(250px,380px) minmax(0,1fr);gap:40px}
.faq-centre .help-directory{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 1px 3px #0f172b12}
.faq-centre .help-directory>h2{font-size:1.125rem}.faq-centre .help-category{border:0;background:transparent;padding:14px 0;border-radius:0}
.faq-centre .faq-feature-card{background:#fff;border-color:#e2e8f0;padding:24px;box-shadow:0 1px 3px #0f172b12}
.faq-centre .faq-feature-card .content-kind{font-size:0.75rem;background:#f0efff;color:#6152c2;padding:4px 10px;border-radius:20px}
.faq-centre .contact-support{max-width:1380px;width:calc(100% - 64px);margin:32px auto}
@media(max-width:800px){.faq-centre .faq-main-layout{grid-template-columns:1fr;width:calc(100% - 32px);gap:24px}.faq-centre .contact-support{width:calc(100% - 32px)}.faq-centre .faq-hero{padding:42px 16px;min-height:0;margin-bottom:28px}}
@media(max-width:600px){
 .faq-centre .faq-main-layout{grid-template-columns:minmax(0,1fr)}
 .faq-centre .faq-featured,.faq-centre .faq-featured-grid,.faq-centre .faq-feature-card,.faq-centre .faq-groups,.faq-centre .faq-group,.faq-centre .help-article-list,.faq-centre .help-article-card{min-width:0;max-width:100%;box-sizing:border-box}
 .faq-centre .faq-featured-grid{grid-template-columns:minmax(0,1fr)}
 .faq-centre .faq-hot-tags{flex-wrap:wrap;overflow:visible;white-space:normal;justify-content:center;gap:8px}
 .faq-centre .faq-hot-tags button{max-width:100%;white-space:normal;line-height:1.5}
 .faq-centre .help-directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .faq-centre .faq-directory-group:has([aria-expanded=true]){grid-column:1/-1}
 .faq-centre .help-category{font-size:0.8125rem;gap:4px;min-height:40px;padding:6px}
 .faq-centre .help-category span{font-size:0.625rem}.faq-centre .help-directory-cta{display:none}
 .faq-centre .help-directory{padding:16px}.faq-centre .help-directory>p{font-size:0.75rem}
 .faq-centre .faq-featured-grid{gap:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}
 .faq-centre .faq-feature-card{border:0;border-bottom:1px solid #edf1f5;box-shadow:none;border-radius:0;padding:16px}
 .faq-centre .faq-feature-card h3{font-size:0.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}
 .faq-centre .faq-feature-card p{font-size:0.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
 .faq-centre .faq-feature-card .content-kind,.faq-centre .faq-feature-card small,.faq-centre .help-article-card .content-kind{display:none}
 .faq-centre .help-article-card{padding:12px 0}.faq-centre .help-article-card h3{font-size:0.9375rem;margin:0 0 5px}
 .faq-centre .help-article-card p{font-size:0.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}
 .faq-centre .help-article-card small{font-size:0.6875rem}.faq-centre .faq-group-title h2{font-size:1.25rem}
}

.local-tools-page{padding-top:110px;padding-bottom:50px}.local-tools-page>section+section{margin-top:28px}.local-tools-panel .field{display:grid;gap:10px;margin:18px 0}.local-tools-panel textarea{width:100%;min-width:0;resize:vertical;font:inherit;line-height:1.7;border:1px solid var(--line);border-radius:12px;padding:14px}.local-tools-actions{display:flex;gap:12px;flex-wrap:wrap}.content-live-products{margin:28px 0;padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:16px}.content-live-products article{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.content-live-products article span{color:var(--muted);font-size:.875rem}.content-live-products article a{font-weight:700}
