/* Shared identity for product pages, account, guides and checkout. */
@font-face { font-family: Hyperion Inter; src: url('assets/hyperion-inter.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
body.site-refresh, body.brand-refresh { font-family: Hyperion Inter, Inter, system-ui, sans-serif !important; -webkit-font-smoothing: antialiased; }
body.site-refresh { --bg:#090d1b; --surface:#111726; --surface-strong:#111726; --surface-soft:#151c2c; --text:#f3f4fd; --text-soft:#b7bfd4; --text-dim:#a2adc6; --muted:#aeb8d0; --border:#30374b; --accent:#b49aff; --ui-accent:#b49aff; --ui-button:#7851d4; --ui-button-text:#fff; background:#090d1b !important; color:#f3f4fd; }
body.site-refresh[data-product="multisender"] { --ui-accent:#9bd6ff; --ui-button:#275d85; }
body.site-refresh.macros-page, body.site-refresh[data-product="macros"] { --ui-accent:#9ee7c1; --ui-button:#65e6af; --ui-button-text:#092419; }
body.site-refresh.macros-page { background:#0c1412 !important; }
.site-refresh img { max-width:100%; }
.site-refresh [hidden], .brand-refresh [hidden] { display:none !important; }
.site-refresh :focus-visible, .brand-refresh :focus-visible { outline:3px solid #c5b1ff; outline-offset:4px; }
.site-refresh a, .site-refresh button, .site-refresh summary { touch-action:manipulation; }
.site-refresh h1, .site-refresh h2, .site-refresh h3 { letter-spacing:-.035em; text-wrap:balance; }
.site-refresh p, .site-refresh li { text-wrap:pretty; }
.site-refresh .hero::before, .site-refresh .hero::after { opacity:.2; }
.site-refresh .hero { background:radial-gradient(ellipse at 80% 30%,#7851d412,transparent 60%),#090d1b !important; }
.site-refresh .section-alt { background:#0c1120 !important; }
.site-refresh .card, .site-refresh .hero-card, .site-refresh .auth-card, .site-refresh .dashboard-hero-panel, .site-refresh .account-product-card { background:#111726 !important; border-color:#30374b !important; box-shadow:0 12px 35px #0002 !important; border-radius:18px; }
.site-refresh .hero-tag, .site-refresh .dashboard-badge { color:var(--ui-accent); }
.site-refresh .muted, .site-refresh .hero-subtitle, .site-refresh .section-subtitle { color:#b5bfd5 !important; }
.site-refresh .btn, .site-refresh .primary-button { border-radius:9px !important; font-weight:600; font-family:inherit !important; min-height:44px; line-height:1.45; transition:background .18s, border-color .18s, transform .18s; }
.site-refresh .btn-primary, .site-refresh .primary-button { background:var(--ui-button) !important; border:1px solid color-mix(in srgb,var(--ui-button),white 25%) !important; color:var(--ui-button-text) !important; box-shadow:0 5px 15px #0002 !important; }
.site-refresh .btn-primary:hover, .site-refresh .primary-button:hover { filter:brightness(1.12); transform:translateY(-1px); }
.site-refresh .btn-outline { background:#ffffff03 !important; border-color:#424b65 !important; color:#e4e8f5 !important; }
.site-refresh .btn-outline:hover { border-color:var(--ui-accent) !important; background:#ffffff08 !important; }
.site-refresh .btn-ghost { color:#c6cee1 !important; }
.site-refresh .btn-macros { color:#092419 !important; background:#65e6af !important; border-color:#65e6af !important; }
.site-refresh .site-header { background:#090d1bf5 !important; border-bottom:1px solid #ffffff0c !important; backdrop-filter:blur(16px); box-shadow:none !important; }
body.site-refresh .site-header .container.header-inner { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:26px !important; min-height:80px; padding-block:14px !important; }
.site-refresh .site-header .brand { flex-shrink:0; margin:0 !important; justify-content:flex-start !important; }
.site-refresh .site-header .brand-logo { width:165px !important; height:34px !important; max-height:none !important; object-fit:contain; }
.site-refresh .site-header .header-shell { display:flex !important; flex:1; align-items:center; justify-content:flex-end; gap:30px; min-width:0; }
.site-refresh .site-header .main-nav { display:flex !important; align-items:center; flex-wrap:wrap; gap:22px !important; margin-inline:auto; }
.site-refresh .main-nav a { color:#b8c2d8; font-size:12px !important; font-weight:550; padding-block:10px; }
.site-refresh .main-nav a:hover { color:#fff; }
body.site-refresh .site-header .header-actions { display:flex !important; width:auto !important; align-items:center; gap:8px !important; margin:0 !important; }
.site-refresh .header-actions .btn { min-height:40px; padding:10px 15px !important; font-size:12px !important; white-space:nowrap; }
.site-refresh .mobile-nav-toggle { display:none !important; }
.site-refresh .public-auth-slot { display:flex; align-items:center; gap:8px; }
.site-refresh .session-chip { max-width:185px; }
.site-refresh .product-identity { display:flex; align-items:center; gap:15px; margin-bottom:25px; }
.site-refresh .product-identity-icon { width:64px !important; height:64px !important; max-width:64px !important; flex-shrink:0; filter:none !important; }
.site-refresh .product-identity > span { color:#a9b6ce; font-size:9px; letter-spacing:.17em; }
.site-refresh .product-identity b { display:block; color:var(--ui-accent); font-size:19px; letter-spacing:-.025em; margin-top:5px; font-weight:600; }
.site-refresh .hero-logo { width:190px !important; height:auto !important; margin-bottom:24px; filter:none; }
.site-refresh.product-page .hero h1 { font-size:clamp(34px,4vw,54px) !important; line-height:1.14 !important; font-weight:680 !important; }
.site-refresh .suite-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.site-refresh .suite-product-card { min-width:0; }
.site-refresh .suite-product-card .btn { margin-top:auto; }
.site-refresh .app-brand-icon { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; }
.site-refresh .app-brand-icon img { width:100% !important; height:100% !important; object-fit:contain; }
.site-refresh .ms-card .badge-accent { color:#b0dfff; background:#173b5b66; border-color:#3796cf66; }
.site-refresh .badge-workspace { color:#e2c8ff; background:#38215266; border-color:#9863d066; }
.site-refresh .badge-macros { color:#9ee7c1; background:#174c3c66; border:1px solid #2fa67c66; }
.site-refresh .macros-card { border-color:#2b5545 !important; }
.site-refresh .site-footer { background:#080b16 !important; border-top:1px solid #292f43; }
.site-refresh .footer-right { gap:12px 20px; }
.site-refresh .footer-right a { display:inline-flex; align-items:center; gap:7px; font-size:12px; min-height:32px; color:#afb9d0; }
.site-refresh .footer-right img { width:21px; height:21px; flex-shrink:0; }
.site-refresh .footer-right a:hover { color:#fff; }
.site-refresh .footer-logo { width:170px; height:auto; }
.site-refresh .app-family-list { display:flex; flex-wrap:wrap; gap:13px 20px; margin:25px 0; }
.site-refresh .app-family-list > span { display:flex; align-items:center; gap:8px; color:#d0d8e9; font-size:12px; }
.site-refresh .app-family-list img { width:32px; height:32px; }
.site-refresh .auth-intro { background:radial-gradient(ellipse at top left,#7851d415,transparent 70%),#101625 !important; border-color:#30374b; }
.site-refresh .auth-intro h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; }
.site-refresh .dashboard-hero { background:linear-gradient(120deg,#19192c,#111726) !important; }
.site-refresh .dashboard-meta-card, .site-refresh .dashboard-kpi { background:#151d2f !important; border-color:#333d54 !important; }
.site-refresh .account-product-heading h3 { display:flex; align-items:center; gap:10px; font-size:22px; }
.site-refresh .account-product-icon { width:36px; height:36px; flex-shrink:0; }
.site-refresh .button-app-icon { width:24px; height:24px; object-fit:contain; }
.site-refresh .account-product-actions .btn { font-size:13px; }
.site-refresh .checkout-header { background:transparent; border-color:#30374b; }
.site-refresh .payment-panel, .site-refresh .order-panel, .site-refresh .purchase-plan, .site-refresh .guide-step, .site-refresh .guide-preview, .site-refresh .recovery-card { background:#111726 !important; border-color:#30374b !important; box-shadow:0 12px 35px #0002 !important; }
.site-refresh .product-switch { gap:12px; }
.site-refresh .product-switch a { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; border-color:#3a435b; font-weight:550; text-decoration:none; }
.site-refresh .product-switch img { width:30px; height:30px; flex-shrink:0; }
.site-refresh .product-switch a[aria-current="page"] { background:#ffffff0a; border-color:var(--ui-accent); color:var(--ui-accent); box-shadow:none; }
.site-refresh .current-product-icon { display:block; width:56px; height:56px; margin:0 auto 20px; }
.site-refresh .order-panel > .current-product-icon { margin:0 0 18px; width:48px; height:48px; }
.site-refresh .purchase-heading h1 { font-size:clamp(29px,4vw,43px); font-weight:650; }
.site-refresh .purchase-price { font-weight:650; }
.site-refresh .purchase-plan.is-featured { border-color:#8c6fc8 !important; }
.site-refresh .guide-preview > img[hidden] { display:none !important; }
.site-refresh .guide-step p, .site-refresh .guide-step li { color:#bec9dd; }
.site-refresh .guide-step input { accent-color:var(--ui-button); }
.site-refresh .guide-macros-preview { padding:22px; border:1px solid #345a45; border-radius:13px; background:#14261c; }
.site-refresh .guide-macros-head { display:flex; align-items:center; gap:11px; font-size:17px; }
.site-refresh .guide-macros-head img { width:42px; height:42px; }
.site-refresh .guide-macros-preview > small { display:block; color:#a7c1b0; margin:20px 0 12px; font-size:10px; letter-spacing:.08em; }
.site-refresh .guide-macros-response { padding:16px; border:1px solid #3d6550; border-radius:10px; background:#254934; color:#e2f2e8; font-size:14px; line-height:1.7; }
.site-refresh .guide-macros-key { display:flex; align-items:center; gap:10px; margin-top:18px; color:#a8c8b3; font-size:12px; }
.site-refresh .guide-macros-key kbd { display:inline-block; padding:5px 9px; border:1px solid #6e9a79; border-radius:5px; color:#def1e3; }
.site-refresh .experience-product-title { display:flex; align-items:center; gap:10px; }
.site-refresh .experience-suite { display:grid; grid-template-columns:1fr; gap:10px; margin:26px 0; max-width:460px; }
.site-refresh .experience-suite a { display:flex; align-items:center; gap:11px; color:#d3dbec; font-size:13px; padding:11px 13px; border:1px solid #30394e; border-radius:10px; background:#111726; }
.site-refresh .experience-suite a > span:first-of-type { flex:1; }
.site-refresh .experience-suite b, .site-refresh .experience-suite small { display:block; }
.site-refresh .experience-suite small { color:#a5b4cc; font-size:11px; margin-top:4px; }
.site-refresh .experience-suite img { width:36px; height:36px; }
.site-refresh .mouse-glow, .site-refresh .noise { display:none; }
.site-refresh .hx-help-launcher { background:#31244e; border-color:#796396; box-shadow:0 6px 25px #0004; font-size:12px; animation:none; }
.site-refresh .hx-help-launcher > span:first-child { animation:none; }
.site-refresh:has(.cookie-banner:not([hidden])) .hx-help-launcher { visibility:hidden; }
@media (max-width:1180px) {
 body.site-refresh .site-header .container.header-inner { flex-wrap:wrap !important; gap:10px !important; }
 .site-refresh .site-header .brand { margin-right:auto !important; }
 .site-refresh .site-header .header-shell { display:none !important; flex:0 0 100%; padding:15px 0 4px; }
 .site-refresh .site-header .header-shell.is-open { display:grid !important; gap:15px; }
 .site-refresh .site-header .mobile-nav-toggle { display:inline-flex !important; width:auto !important; margin:0 0 0 auto !important; padding:10px !important; gap:8px; }
 .site-refresh .site-header .main-nav { margin:0 !important; gap:16px !important; }
 body.site-refresh .site-header .header-actions { justify-content:flex-start !important; flex-wrap:wrap; padding-top:13px; border-top:1px solid #30374b; }
 .site-refresh .site-header .header-actions > .btn, .site-refresh .site-header .header-actions > a, .site-refresh .site-header .header-actions > button { width:auto !important; }
 .site-refresh .site-header .public-auth-slot { flex-wrap:wrap; }
 .site-refresh .suite-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
 body.site-refresh .site-header .container.header-inner { display:flex !important; grid-template-columns:none !important; min-height:72px; gap:9px !important; padding-block:12px !important; }
 .site-refresh .site-header .brand-logo { width:145px !important; height:29px !important; }
 .site-refresh .site-header .header-shell.is-open { display:grid !important; grid-column:1/-1; }
 .site-refresh .site-header .main-nav { display:grid !important; grid-template-columns:1fr 1fr; gap:8px 22px !important; width:100%; }
 .site-refresh .site-header .main-nav a { font-size:13px !important; padding:8px 0; }
 .site-refresh .product-identity { margin-bottom:20px; }
 .site-refresh .product-identity-icon { width:54px !important; height:54px !important; }
 .site-refresh .product-identity b { font-size:17px; }
 .site-refresh.product-page .hero h1 { font-size:36px !important; }
 .site-refresh .hero-logo { width:155px !important; }
 .site-refresh .suite-product-grid { grid-template-columns:minmax(0,1fr) !important; }
 .site-refresh .footer-right { gap:10px 17px; }
 .site-refresh .footer-right a { min-height:38px; font-size:12px; }
 .site-refresh .account-product-heading h3 { font-size:19px; }
 .site-refresh .account-product-icon { width:32px; height:32px; }
 .site-refresh .product-switch { display:flex; flex-wrap:wrap; gap:8px; }
 .site-refresh .product-switch a { flex:1 1 130px; padding:11px; font-size:12px; }
 .site-refresh .product-switch img { width:26px; height:26px; }
 .site-refresh .current-product-icon { width:49px; height:49px; }
 .site-refresh .app-family-list { gap:12px; }
 .site-refresh .app-family-list > span { font-size:11px; }
 .site-refresh .guide-step h2 { font-size:18px; line-height:1.35; }
 .site-refresh .session-chip { max-width:100%; }
 .site-refresh .experience-product-title { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) { .site-refresh *, .site-refresh *::before, .site-refresh *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Keep inherited legacy decorations from clipping labels or changing the layout. */
body.site-refresh .container { width:min(1240px,calc(100% - 96px)) !important; max-width:none !important; padding-inline:0 !important; margin-inline:auto; }
.site-refresh .site-header .main-nav { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; }
.site-refresh .hero-card { padding:22px !important; }
.site-refresh .hero-card .hero-tag { position:static !important; display:inline-flex; inset:auto !important; width:auto !important; margin:0 0 16px !important; padding:6px 10px !important; font-size:10px !important; color:var(--ui-accent) !important; background:#ffffff05 !important; border-color:#344259 !important; animation:none; }
.site-refresh .hero-card .hero-card-body { padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
.site-refresh .suite-access-head > div > span { color:var(--ui-accent) !important; }
.site-refresh .suite-access-grid article, .site-refresh .suite-access-note { background:#151d2e !important; border-color:#303b51; box-shadow:none; }
.site-refresh .suite-access-note { color:#b7c3d9; }
.site-refresh .suite-access-note strong { color:#e2e8f6; }
.site-refresh .experience-plans { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:36px; border:1px solid #3e3b59; border-radius:18px; background:#111726; }
.site-refresh .experience-plans h2 { font-size:clamp(26px,3vw,37px); line-height:1.2; max-width:650px; margin:12px 0; }
.site-refresh .experience-plans p { color:#b0bdd5; max-width:650px; line-height:1.8; }
@media (max-width:1180px) { body.site-refresh .container { width:calc(100% - 64px) !important; } }
@media (max-width:760px) { body.site-refresh .container { width:calc(100% - 40px) !important; } .site-refresh .experience-plans { flex-direction:column; align-items:stretch; padding:24px; } .site-refresh .hero-card { padding:20px !important; } }

.site-refresh.experience-page .hero { overflow:hidden; }
.site-refresh.experience-page .floating { animation:none; }
.site-refresh.experience-page .command-head { flex-wrap:wrap; gap:14px; }
@media (max-width:1100px) {
 .site-refresh.experience-page .hero-visual { min-height:0 !important; width:100%; max-width:650px; margin-inline:auto; }
 .site-refresh.experience-page .command-card-main { position:relative !important; inset:auto !important; transform:none !important; width:100% !important; margin:0; }
 .site-refresh.experience-page .hero-grid, .site-refresh.experience-page .hero-visual .floating-card { display:none !important; }
}
@media (max-width:560px) {
 .site-refresh.experience-page .metrics-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
 .site-refresh.experience-page .metric-card { padding:10px; min-width:0; }
 .site-refresh.experience-page .metric-card strong { font-size:25px; }
 .site-refresh.experience-page .metric-card small, .site-refresh.experience-page .metric-card span { font-size:9px; }
}

@media (max-width:760px) { .site-refresh .account-product-heading { flex-wrap:wrap; } }