* { box-sizing: border-box; }
:root { color-scheme: dark; --ink:#f7f3ff; --muted:#b7b0c9; --line:#ffffff16; --mint:#81e8cb; --purple:#c1a3ff; }
body { margin:0; padding:76px 0 60px; color:var(--ink); background:radial-gradient(ellipse at 50% 0,#47356a66,transparent 48%),radial-gradient(ellipse at 100% 65%,#184b4744,transparent 45%),#12101c; font-family:Inter,'Segoe UI',Arial,sans-serif; }
button,input,select { font:inherit; }
button,a,input,select,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:default; opacity:.4; }
a { color:var(--mint); }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid var(--mint); outline-offset:4px; }
.widget-page { width:min(1220px,calc(100% - 48px)); margin:auto; }
.widget-hero { text-align:center; padding:46px 0 34px; }
.eyebrow { color:var(--mint); margin:0 0 12px; font-size:11px; font-weight:800; letter-spacing:.18em; }
.widget-hero h1 { max-width:1000px; margin:0 auto 18px; font-size:clamp(36px,5.4vw,68px); line-height:1.07; font-weight:800; letter-spacing:-.055em; }
.widget-hero h1 span { color:var(--purple); }
.widget-hero > .widget-description { margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.preview-panel { border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; }
.edition-switcher { display:flex; width:min(650px,100%); margin:0 auto 26px; padding:0; border:0; border-radius:0; background:transparent; gap:12px; }
.edition-switcher button { flex:1; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--muted); padding:13px 8px; transition:background .18s,color .18s; }
.edition-switcher button[aria-pressed=true] { color:white; background:transparent; border-bottom-color:var(--mint); box-shadow:none; }
.edition-switcher span { display:block; font-size:15px; font-weight:800; }
.edition-switcher small { display:block; margin-top:5px; font-size:11px; opacity:.75; }
.preview-heading { text-align:center; }
.preview-heading h2 { font-size:27px; margin:0; letter-spacing:-.035em; }
.preview-controls { display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; margin-top:20px; }
.instrument-switcher { position:relative; }
#instrument-switcher-toggle { display:flex; align-items:center; gap:10px; min-height:44px; padding:5px 12px; background:transparent; border:1px solid #ffffff30; border-radius:8px; color:var(--ink); font-size:12px; }
#instrument-switcher-toggle img { width:52px; height:34px; object-fit:contain; }
.instrument-options { position:absolute; bottom:calc(100% + 7px); left:0; width:245px; max-height:var(--instrument-menu-space,200px); overflow:auto; z-index:20; border:1px solid #ffffff30; border-radius:10px; background:#211d30; box-shadow:0 12px 24px #0004; padding:5px; }
.instrument-options button { display:flex; align-items:center; gap:12px; min-height:52px; padding:5px 10px; width:100%; border:0; border-radius:6px; background:transparent; color:var(--ink); text-align:left; font-size:12px; }
.instrument-options img { width:72px; height:44px; object-fit:contain; }
.instrument-options button:hover,.instrument-options button[aria-selected=true] { background:#81e8cb12; color:var(--mint); }
.octave-control { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
select,input[type=number] { background:#171420; color:var(--ink); border:1px solid #ffffff30; border-radius:8px; padding:9px 11px; }
.instrument-stage { margin-top:24px; padding:0; border-radius:0; border:0; background:transparent; overflow:visible; }
.stage-caption { display:flex; justify-content:flex-end; gap:10px; align-items:center; color:var(--muted); font-size:12px; margin-bottom:16px; }
.text-button { border:0; background:transparent; color:var(--mint); font-size:12px; padding:6px; }
.bars-viewport { overflow:visible; padding:0; scrollbar-color:#796391 #ffffff08; scrollbar-width:thin; }
.app-instrument { display:block; width:100%; }
.widget-watermark { display:flex; width:max-content; max-width:100%; margin:16px auto 0; gap:9px; align-items:center; text-decoration:none; color:#c8bed9; font-size:12px; font-weight:700; }
.widget-watermark img { object-fit:contain; }.widget-watermark:hover span { text-decoration:underline; }
.play-hints { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; font-size:11px; color:var(--muted); margin-top:17px; }
.play-hints label { display:flex; align-items:center; gap:10px; }.play-hints input { width:110px; }
input[type=range] { accent-color:var(--mint); max-width:100%; }
.widget-status { font-size:11px; color:var(--muted); min-height:17px; margin:12px 0 0; }.widget-status[data-error=true] { color:#ffb2a5; }
.button-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.button-row button,.comparison-table button { padding:9px 12px; color:var(--ink); border:1px solid #ffffff22; border-radius:8px; background:#ffffff07; font-size:11px; font-weight:700; }
.button-row button[aria-pressed=true] { background:#81e8cb20; color:var(--mint); border-color:#81e8cb66; }
.button-row button:hover:not(:disabled),.comparison-table button:hover { border-color:var(--mint); }
.button-row label { color:var(--muted); font-size:11px; display:flex; gap:8px; align-items:center; }.button-row input { width:75px; }.button-row select { padding:7px 10px; }
.edition-comparison { padding:52px 0 32px; }.comparison-heading { text-align:center; }.comparison-heading h2 { margin:0; font-size:clamp(25px,3vw,37px); letter-spacing:-.04em; }.comparison-heading > p:last-child { font-size:13px; color:var(--muted); line-height:1.65; margin:13px 0 25px; }
.table-viewport { overflow-x:auto; border:1px solid #d9c4ff26; border-radius:18px; background:#1d1927; }
.comparison-table { width:100%; min-width:650px; border-collapse:collapse; font-size:12px; text-align:left; }.comparison-table th,.comparison-table td { width:25%; padding:17px 22px; border-bottom:1px solid var(--line); line-height:1.5; }.comparison-table tbody th { font-weight:500; color:var(--muted); }.comparison-table td { color:#ded7ec; }.comparison-table thead th { padding-block:25px; background:#ffffff04; }.comparison-table thead strong { font-size:18px; }.comparison-table span { display:block; font-size:11px; font-weight:400; color:var(--muted); margin-top:5px; }.comparison-table .price-row strong { font-size:19px; color:white; }.comparison-table .included { color:var(--mint); }.comparison-table td:last-child,.comparison-table th:last-child { background:#9d79da09; }.comparison-table tfoot th,.comparison-table tfoot td { border:0; }.comparison-note { font-size:11px; color:var(--muted); line-height:1.75; margin:16px 4px; }.plans-link { display:flex; justify-content:center; width:max-content; max-width:100%; gap:13px; margin:22px auto 0; font-size:13px; font-weight:700; text-decoration:none; border-bottom:1px solid #81e8cb44; padding-bottom:7px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:760px) { .widget-page { width:calc(100% - 24px); }.widget-hero { padding:32px 8px 26px; }.widget-hero > .widget-description { font-size:13px; }.preview-panel { padding:0; border-radius:0; }.preview-heading { padding:0; }.preview-heading h2 { font-size:23px; }.edition-switcher { margin-bottom:23px; }.edition-switcher span { font-size:12px; }.preview-controls { gap:12px; }.octave-control { flex-direction:row; align-items:center; margin-top:3px; }.instrument-stage { padding:0; }.stage-caption { font-size:10px; }.text-button { font-size:10px; }.play-hints { gap:13px; padding:0; }.play-hints > span { width:100%; }.comparison-table th,.comparison-table td { padding:14px 15px; }.edition-comparison { padding-top:38px; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; transition:none !important; } }

.controls-open { min-height:44px; padding:9px 16px; background:transparent; color:var(--ink); border:1px solid #ffffff30; border-radius:8px; font-size:12px; }
.controls-popup { position:fixed; z-index:100010; width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:18px; border:1px solid #ffffff30; border-radius:10px; background:#211d30; color:var(--ink); box-shadow:0 12px 32px #0006; }
.popup-audio { justify-content:space-between; gap:14px; }.popup-audio input { width:120px; }
#ultra-playing-controls,#controls-popup #metronome-control,.keyboard-controls { margin-top:22px; }
.rumble-speed-label { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px; font-size:11px; color:var(--muted); }.rumble-speed-label input { flex:1; min-width:80px; }.rumble-speed-label output { width:64px; }
.free-branding { display:flex; justify-content:center; align-items:center; gap:16px; flex-wrap:wrap; margin-top:16px; }.free-branding .widget-watermark { margin:0; }

.controls-popup .tool-toggle { display:inline-flex; align-items:center; gap:9px; padding:11px 13px; border-radius:7px; border:1px solid #887f9d; background:#393245; color:#fff; font-size:12px; box-shadow:0 2px 0 #0003; }
.controls-popup .tool-toggle::after { content:'Off'; color:#cbc3d8; font-size:10px; }
.controls-popup .tool-toggle[aria-pressed=true] { background:#286457; border-color:#81e8cb; color:#fff; }
.controls-popup .tool-toggle[aria-pressed=true]::after { content:'On'; color:#b7ffe8; }

.active-tools { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin-top:14px; }.active-tools button { border:1px solid #81e8cb66; background:#286457; color:#d9fff3; border-radius:20px; padding:6px 11px; font-size:11px; }
.enhancement-row { margin-top:12px; }
.free-embed-code { width:min(800px,100%); margin:24px auto 0; }.embed-code-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:10px; font-size:12px; }.embed-code-heading button { padding:8px 12px; border:1px solid #ffffff30; border-radius:7px; background:transparent; color:var(--mint); font-size:12px; }.free-embed-code textarea { display:block; width:100%; resize:vertical; border:1px solid #ffffff25; border-radius:7px; padding:12px; background:#ffffff04; color:var(--muted); font:12px/1.6 monospace; }.free-embed-code [role=status] { display:block; margin-top:7px; font-size:11px; color:var(--mint); min-height:14px; }
html[data-widget-embed] { color-scheme:normal; background:transparent; }
html[data-widget-embed] body { margin:0; padding:0; background:transparent; }
html[data-widget-embed] .widget-page { width:100%; margin:0; }
html[data-widget-embed] .widget-hero,html[data-widget-embed] .edition-switcher,html[data-widget-embed] .preview-heading,html[data-widget-embed] .edition-comparison,html[data-widget-embed] .free-embed-code,html[data-widget-embed] tms-site-shell { display:none !important; }
html[data-widget-embed] .instrument-stage { margin-top:8px; }
html[data-widget-embed] #instrument-switcher-toggle,html[data-widget-embed] .controls-open { background:#211d30; color:#f7f3ff; border-color:#726980; }
html[data-widget-embed] .octave-control { color:#fff; text-shadow:0 1px 3px #000,0 1px 6px #000; }
.preview-panel[data-button-theme] #instrument-switcher-toggle,.preview-panel[data-button-theme] #controls-open { background:var(--widget-button-color); color:var(--widget-button-text); border-color:var(--widget-button-outline); }
#midi-connect::after { display:none; }

.embed-code-label { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }.embed-code-label #embed-help-open { border:0; padding:4px 0; text-decoration:underline; text-underline-offset:3px; }
.embed-help-popup { width:min(850px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:24px; border:1px solid #ffffff30; border-radius:14px; background:#211d30; color:var(--ink); box-shadow:0 24px 70px #0008; }.embed-help-popup::backdrop { background:#080611aa; }.embed-help-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }.embed-help-heading h3 { margin:0; font-size:22px; }.embed-help-heading button { border:0; background:transparent; color:var(--ink); font-size:27px; }
.embed-help-steps { padding-left:23px; margin:24px 0; }.embed-help-steps li { padding-left:8px; margin-top:26px; }.embed-help-steps h4 { font-size:15px; margin:0 0 9px; }.embed-help-steps p,.embed-help-note { font-size:13px; color:var(--muted); line-height:1.65; }.embed-help-steps img { display:block; width:100%; height:auto; margin-top:14px; border:1px solid #ffffff20; border-radius:8px; }.embed-help-steps code { color:var(--mint); font-size:12px; }.embed-help-note { margin-bottom:0; }

.widget-watermark { color:#fff; font-size:13px; font-weight:800; text-shadow:0 1px 2px #000,0 2px 5px #000a,0 0 10px #ffffff25; }
.widget-watermark img { width:32px; height:32px; border-radius:50%; border:1px solid #ffffff90; filter:drop-shadow(0 2px 3px #0008) drop-shadow(0 0 5px #81e8cb66); }
.free-branding #free-demo-play { padding:8px 13px; border-radius:20px; border:1px solid #b8ffeeaa; background:linear-gradient(135deg,#337f6d,#205948); color:#fff; font-size:12px; font-weight:800; text-shadow:0 1px 2px #0008; box-shadow:0 3px 8px #0005,inset 0 1px 0 #ffffff35; }
.free-branding #free-demo-play:hover { background:linear-gradient(135deg,#429f88,#2a735d); }
html[data-widget-embed] .free-branding { margin-top:12px; gap:16px; }

.widget-purchase-options { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }.widget-purchase-options button { min-height:40px; font-size:12px; }.widget-purchase-options [data-widget-subscribe] { background:#286457; border-color:#81e8cb88; }.widget-purchase-options [data-widget-buy] { background:#44305d; border-color:#c1a3ff88; }.widget-purchase-options small { color:var(--mint); font-size:11px; }.comparison-table .checkout-row th,.comparison-table .checkout-row td { border-bottom:1px solid var(--line); }
.free-embed-code.code-highlight { outline:3px solid var(--mint); outline-offset:8px; border-radius:8px; }.widget-purchases { margin:28px auto; max-width:900px; }.widget-purchases h3 { font-size:22px; }.widget-purchases p,#widget-payment-status { color:var(--mint); font-size:13px; line-height:1.6; }.widget-purchase-code { margin-top:20px; }.widget-purchase-code textarea { width:100%; min-height:94px; padding:12px; border:1px solid #ffffff30; border-radius:7px; background:#ffffff04; color:var(--ink); font:12px/1.6 monospace; }.widget-purchase-code button { margin:8px 0; padding:9px 13px; color:var(--mint); background:transparent; border:1px solid #ffffff30; border-radius:7px; }
html[data-widget-embed=pro] .preview-controls,html[data-widget-embed=ultra] .preview-controls { margin-top:12px; }

.table-top-actions { margin-top:16px; }.widget-purchase-options small:empty { display:none; }

.widget-purchase-options { display:grid; grid-template-columns:max-content max-content; align-items:center; gap:8px; }.widget-purchase-options button { padding:9px 10px; font-size:11px; white-space:nowrap; }.widget-purchase-options small { grid-column:1 / -1; }.comparison-table { min-width:1000px; }

#purchased-marimba { margin-top:18px; min-height:44px; padding:11px 20px; border:1px solid #81e8cb99; border-radius:8px; background:#286457; color:#fff; font-size:13px; font-weight:700; box-shadow:0 3px 8px #0003; }
#purchased-marimba:hover:not(:disabled) { background:#337f6d; }.widget-hero .purchased-marimba-status { margin:12px 0 0; color:var(--mint); font-size:12px; line-height:1.6; }
#widget-preview { scroll-margin-top:84px; }

.ultra-customizer { margin:32px auto 0; max-width:1060px; border-top:1px solid var(--line); padding-top:24px; }.customizer-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; }.customizer-heading h3 { margin:0 0 9px; font-size:23px; }.customizer-heading p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }.ultra-customizer button { border:1px solid #81e8cb66; border-radius:7px; padding:9px 12px; background:#286457; color:#fff; font-size:12px; white-space:nowrap; }.ultra-customizer fieldset { border:0; padding:0; margin:24px 0; }.ultra-customizer legend { font-size:14px; font-weight:700; margin-bottom:14px; }.customizer-models { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.custom-model { display:flex; flex-direction:column; gap:12px; }.custom-model label,.customizer-display label,.customizer-control-options label,.customizer-defaults label { display:flex; gap:8px; align-items:center; font-size:12px; color:var(--ink); }.custom-model > label:first-child { font-weight:700; font-size:14px; }.custom-model input,.customizer-display input,.customizer-control-options input { accent-color:var(--mint); width:16px; height:16px; flex-shrink:0; }.custom-model select { width:100%; font-size:12px; }.custom-model-ranges { display:flex; flex-wrap:wrap; gap:10px 15px; }.custom-model-ranges label { font-size:11px; color:var(--muted); }.customizer-display,.customizer-defaults { display:flex; flex-wrap:wrap; gap:16px 24px; margin:20px 0; }.customizer-display select { font-size:12px; }.customizer-control-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px 24px; }.customizer-defaults input[type=number] { width:72px; }.customizer-defaults input[type=range] { width:125px; }.ultra-customizer textarea { width:100%; resize:vertical; padding:12px; border:1px solid #ffffff30; border-radius:7px; background:#ffffff04; color:var(--muted); font:12px/1.6 monospace; }#customizer-status { color:var(--mint); min-height:16px; font-size:12px; }#midi-control { margin-top:22px; }#midi-status { flex-basis:100%; margin:4px 0 0; color:var(--mint); font-size:11px; }
html[data-widget-embed] .ultra-customizer { display:none !important; }
@media(max-width:760px) { .customizer-models { grid-template-columns:1fr; gap:22px; }.customizer-control-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.customizer-heading { align-items:flex-start; flex-direction:column; }.customizer-defaults { gap:16px; } }

.manage-marimba-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; margin-top:18px; }#purchased-marimba { margin-top:0; }#view-widget-plans { min-height:44px; padding:11px 20px; border:1px solid #c1a3ff88; border-radius:8px; background:#44305d; color:#fff; font-size:13px; font-weight:700; }.edition-comparison { scroll-margin-top:76px; }.widget-purchase-options [data-widget-subscribe]:disabled { opacity:1; background:#244c43; color:#b7ffe8; border-color:#81e8cb44; }

.manage-marimba-window { width:min(1240px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid #ffffff35; border-radius:14px; background:#211d30; color:var(--ink); box-shadow:0 24px 70px #0009; }.manage-marimba-window::backdrop { background:#080611bd; }.manage-marimba-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }.manage-marimba-heading h2 { margin:0; font-size:24px; }.manage-marimba-heading button { background:transparent; border:0; color:#fff; font-size:28px; }.manage-marimba-window .edition-switcher { display:none; }.ultra-customizer { display:none; }.manage-marimba-window .ultra-customizer:not([hidden]) { display:block; }.manage-marimba-window #widget-preview { scroll-margin-top:0; }
@media(max-width:760px) { .manage-marimba-window { padding:18px 14px; }.manage-marimba-heading h2 { font-size:21px; } }

.manage-marimba-window .ultra-customizer { border:0; padding-top:0; margin-top:0; }

.manage-window-actions { display:flex; gap:16px; align-items:center; }.manage-marimba-heading #manage-configuration-tab { padding:9px 16px; font-size:13px; background:#286457; border:1px solid #81e8cb88; border-radius:7px; }.managed-embed-code { max-width:1060px; margin:24px auto 0; }.managed-embed-code button { border:1px solid #81e8cb66; border-radius:7px; padding:9px 12px; background:#286457; color:#fff; font-size:12px; }.managed-embed-code textarea { width:100%; resize:vertical; padding:12px; border:1px solid #ffffff30; border-radius:7px; background:#ffffff04; color:var(--muted); font:12px/1.6 monospace; }.managed-embed-code [role=status] { color:var(--mint); min-height:16px; font-size:12px; }

.managed-watermark-option { display:none; align-items:center; justify-content:center; gap:9px; margin:14px 0; font-size:13px; }.managed-watermark-option input { accent-color:var(--mint); width:17px; height:17px; }

.manage-marimba-window .managed-watermark-option { display:flex; }

.manage-marimba-window .preview-heading { display:none; }
.manage-window-actions .managed-watermark-option { margin:0; font-size:12px; }
.custom-button-color { display:flex; align-items:center; gap:10px; margin:18px 0; font-size:12px; color:var(--ink); }
.custom-button-color input { width:48px; height:34px; padding:3px; border:1px solid #ffffff40; border-radius:6px; background:transparent; cursor:pointer; }
.custom-button-color output { color:var(--muted); font-size:11px; }
.manage-marimba-heading #manage-websites-tab { padding:9px 13px; font-size:12px; background:#393245; border:1px solid #887f9d; border-radius:7px; }
.managed-websites { max-width:800px; margin:12px auto 0; }
.managed-websites h3 { font-size:24px; margin:0 0 15px; }
.managed-websites p { font-size:13px; line-height:1.65; }
.managed-websites .website-help { color:var(--muted); }
.managed-websites form { margin-top:24px; }
.managed-websites label { display:block; margin-bottom:9px; font-size:13px; font-weight:700; }
.website-add-row { display:flex; align-items:stretch; gap:10px; }
.website-add-row input { flex:1; min-width:0; padding:11px 12px; border:1px solid #ffffff40; border-radius:7px; background:#171420; color:var(--ink); font-size:13px; }
.managed-websites button { border:1px solid #81e8cb77; border-radius:7px; padding:10px 14px; background:#286457; color:#fff; font-size:12px; }
#managed-websites-list { list-style:none; padding:0; margin:12px 0 24px; }
#managed-websites-list li { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--line); padding:11px 0; }
#managed-websites-list span { min-width:0; overflow-wrap:anywhere; font-size:13px; }
#managed-websites-list button { flex-shrink:0; background:#393245; border-color:#887f9d; }
#managed-websites-status { min-height:20px; color:var(--mint); }
@media(max-width:600px) { .website-add-row { flex-wrap:wrap; }.website-add-row input { flex-basis:100%; }.manage-window-actions { flex-wrap:wrap; }.manage-marimba-heading { flex-wrap:wrap; } }
@media(max-width:760px) { .manage-marimba-heading { flex-wrap:wrap; }.manage-window-actions { flex-wrap:wrap; gap:12px; width:100%; }.manage-window-actions .managed-watermark-option { justify-content:flex-start; flex:1 1 210px; } }
.comparison-table .coming-soon { color:var(--mint); font-size:12px; font-weight:700; letter-spacing:.04em; }
.widget-faq { max-width:1000px; margin:60px auto 0; }
.widget-faq h2 { margin:0 0 24px; text-align:center; font-size:28px; }
.widget-faq details { border-bottom:1px solid var(--line); padding:0 4px; }
.widget-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; cursor:pointer; font-size:15px; font-weight:700; list-style:none; }
.widget-faq summary::-webkit-details-marker { display:none; }
.widget-faq summary::after { content:'+'; color:var(--mint); font-size:24px; font-weight:400; flex-shrink:0; }
.widget-faq details[open] summary::after { content:'−'; }
.widget-faq p { margin:0 32px 22px 0; font-size:14px; line-height:1.75; color:var(--muted); }
.widget-faq summary:focus-visible, .widget-support a:focus-visible { outline:2px solid var(--mint); outline-offset:4px; }
.widget-support { margin:56px auto 24px; text-align:center; }
.widget-support h2 { font-size:22px; margin:0 0 20px; }
.widget-support-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.widget-support-actions a { display:inline-flex; min-height:44px; align-items:center; padding:11px 20px; border:1px solid #81e8cb77; border-radius:7px; color:var(--ink); background:#286457; font-size:13px; font-weight:700; text-decoration:none; }
.widget-support-actions a:last-child { background:#393245; border-color:#887f9d; }
html[data-widget-embed] .widget-faq, html[data-widget-embed] .widget-support { display:none !important; }
@media(max-width:600px) { .widget-faq { margin-top:42px; }.widget-faq h2 { font-size:24px; }.widget-faq summary { font-size:14px; }.widget-support h2 { font-size:20px; } }