/* Stellar AI shared site UI (24 Oct 2026, v20261024m: colours, fonts and surfaces matched to the live "stellar-quiet-redesign-v1" homepage; dark by default, light when the homepage setting stellar_ui_preferences_2026_v1.theme is "light"). */
:root{color-scheme:dark;--sx-bg:#0d0f12;--sx-side:#13161b;--sx-surface:#1c2026;--sx-hover:#272c33;--sx-line:#2e343d;--sx-text:#f5f6f7;--sx-muted:#a7adb6;--sx-soft:#7f8895;--sx-raised:#1c2026;--sx-border:#2e343d;--sx-soft-border:color-mix(in srgb,#2e343d 70%,transparent);--sx-control:#1c2026;--sx-focus:#a7adb6;--sx-body:#d6d9dd;--sx-glow:transparent;--sx-shadow:rgba(0,0,0,.22);--sx-r:16px;--sx-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sx-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sx-ease:cubic-bezier(.2,.7,.2,1)}
:root[data-theme=light]{color-scheme:light;--sx-bg:#fff;--sx-side:#f6f7f9;--sx-surface:#f1f3f6;--sx-hover:#e9edf2;--sx-line:#d9dee6;--sx-text:#1c222a;--sx-muted:#616b77;--sx-soft:#7d8795;--sx-raised:#f1f3f6;--sx-border:#d9dee6;--sx-soft-border:color-mix(in srgb,#d9dee6 75%,transparent);--sx-control:#f1f3f6;--sx-focus:#616b77;--sx-body:#383f49;--sx-glow:transparent;--sx-shadow:rgba(0,0,0,.12)}
/* map each older page family's variables onto the homepage tokens */
html.sx-ui{color-scheme:dark;--bg:var(--sx-bg);--card:var(--sx-raised);--card2:var(--sx-surface);--line:var(--sx-border);--line2:color-mix(in srgb,var(--sx-text) 18%,transparent);--p:var(--sx-text);--p2:var(--sx-text);--a:var(--sx-focus);--t:var(--sx-text);--m:var(--sx-muted);--pane:var(--sx-raised);--border:var(--sx-line);--ink:var(--sx-text);--mute:var(--sx-muted);--blue:var(--sx-focus);--side:var(--sx-side);--surface:var(--sx-surface);--hover:var(--sx-hover);--text:var(--sx-text);--muted:var(--sx-muted);--soft:var(--sx-muted);--panel:var(--sx-raised);--stroke:var(--sx-line);--txt:var(--sx-text);--accent:var(--sx-focus);background:var(--sx-bg)}
html.sx-ui[data-theme=light]{color-scheme:light}
html.sx-ui body{margin:0;background:radial-gradient(1200px 560px at 50% -320px,var(--sx-glow),transparent 72%),var(--sx-bg)!important;background-attachment:scroll;color:var(--sx-text)!important;font-family:var(--sx-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.sx-ui ::selection{background:color-mix(in srgb,var(--sx-focus) 35%,transparent)}
html.sx-ui :focus-visible{outline:2px solid var(--sx-focus);outline-offset:2px}

/* ---------- shared header ---------- */
.sxh{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--sx-bg) 80%,transparent);backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);border-bottom:1px solid color-mix(in srgb,var(--sx-text) 8%,transparent)}
.sxh-in{max-width:1180px;margin:0 auto;min-height:64px;display:flex;align-items:center;gap:18px;padding:0 clamp(16px,3vw,28px);box-sizing:border-box}
.sxh-brand{display:inline-flex;align-items:center;gap:10px;color:var(--sx-text)!important;text-decoration:none!important;font-weight:740;font-size:16px;letter-spacing:-.03em;white-space:nowrap}
.sxh-mark{width:28px;height:28px;border-radius:9px;display:inline-grid;place-items:center;background:var(--sx-control);border:1px solid var(--sx-border);font-size:13px;line-height:1;color:var(--sx-text);box-shadow:0 0 18px -6px var(--sx-focus)}
.sxh-tabs{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--sx-border);border-radius:12px;background:var(--sx-side);margin-left:6px}
.sxh-tabs a{color:var(--sx-muted)!important;text-decoration:none!important;font-size:13px;font-weight:560;padding:7px 12px;border-radius:9px;transition:color .2s var(--sx-ease),background .2s var(--sx-ease)}
.sxh-tabs a:hover{color:var(--sx-text)!important;background:color-mix(in srgb,var(--sx-text) 5%,transparent)}
.sxh-tabs a[aria-current]{color:var(--sx-text)!important;background:var(--sx-hover)}
.sxh-end{margin-left:auto;display:flex;align-items:center;gap:8px}
.sxh-link{color:var(--sx-muted)!important;text-decoration:none!important;font-size:13px;font-weight:560;padding:8px 10px;border-radius:9px;transition:color .2s}
.sxh-link:hover{color:var(--sx-text)!important}
.sxh-btn{display:inline-flex;align-items:center;min-height:35px;box-sizing:border-box;padding:8px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--sx-text) 18%,transparent);background:color-mix(in srgb,var(--sx-text) 8%,transparent);color:var(--sx-text)!important;text-decoration:none!important;font-size:13px;font-weight:620;white-space:nowrap;transition:background .2s var(--sx-ease),box-shadow .25s var(--sx-ease),transform .2s var(--sx-ease)}
.sxh-btn:hover{background:color-mix(in srgb,var(--sx-text) 13%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-focus) 12%,transparent),0 8px 28px -12px var(--sx-focus);transform:translateY(-1px)}
.sxh-menu{display:none;position:relative}
.sxh-menu summary{list-style:none;cursor:pointer;display:inline-grid;place-items:center;width:38px;height:35px;border-radius:10px;border:1px solid var(--sx-border);background:var(--sx-control);color:var(--sx-text);font-size:0}
.sxh-menu summary::-webkit-details-marker{display:none}
.sxh-menu summary::before{content:"";width:16px;height:11px;background:linear-gradient(currentColor,currentColor) 0 0/100% 1.6px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 1.6px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 1.6px no-repeat}
.sxh-menu[open] summary{background:var(--sx-hover)}
.sxh-menu nav{position:absolute;right:0;top:44px;min-width:210px;display:grid;padding:6px;background:var(--sx-raised);border:1px solid var(--sx-border);border-radius:14px;box-shadow:0 18px 50px -12px var(--sx-shadow);animation:sx-rise .22s var(--sx-ease) both}
.sxh-menu nav a{color:var(--sx-text)!important;text-decoration:none!important;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:540}
.sxh-menu nav a:hover,.sxh-menu nav a[aria-current]{background:var(--sx-hover)}
@media(max-width:900px){.sxh-tabs{display:none}.sxh-menu{display:block}.sxh-link{display:none}.sxh-in{min-height:58px;gap:10px}}
.sx-subnav{max-width:1180px;margin:18px auto 0;padding:0 clamp(16px,3vw,28px);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px}
.sx-subnav a{font-size:12.5px;font-weight:560;color:var(--sx-muted)!important;text-decoration:none!important;padding:6px 11px;border-radius:999px;border:1px solid var(--sx-soft-border);background:color-mix(in srgb,var(--sx-text) 3%,transparent);transition:color .2s,border-color .2s,background .2s}
.sx-subnav a:hover,.sx-subnav a[aria-current]{color:var(--sx-text)!important;border-color:color-mix(in srgb,var(--sx-text) 20%,transparent);background:var(--sx-hover)}

/* ---------- shared footer ---------- */
.sxf{margin-top:88px;border-top:1px solid color-mix(in srgb,var(--sx-text) 8%,transparent);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--sx-side) 70%,transparent));color:var(--sx-muted);font-size:14px}
.sxf-in{max-width:1180px;margin:0 auto;padding:56px clamp(16px,3vw,28px) 30px;box-sizing:border-box}
.sxf-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.sxf p{margin:12px 0 8px;max-width:32ch;color:var(--sx-muted)!important;font-size:14px;line-height:1.6}
.sxf h2{font-size:11.5px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--sx-soft)!important;font-weight:650!important;margin:4px 0 14px!important}
.sxf ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sxf a{color:var(--sx-muted)!important;text-decoration:none!important;transition:color .2s}
.sxf a:hover{color:var(--sx-text)!important}
.sxf .sxh-brand{color:var(--sx-text)!important}
.sxf-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:20px;border-top:1px solid var(--sx-soft-border);font-size:12.5px;color:var(--sx-soft)}
@media(max-width:900px){.sxf-grid{grid-template-columns:1fr 1fr}.sxf-grid>div:first-child{grid-column:1/-1}}

/* ---------- typography ---------- */
html.sx-ui main :is(h1,h2,h3,h4){color:var(--sx-text)!important;font-family:var(--sx-font)!important;letter-spacing:-.03em}
html.sx-ui main h1{font-weight:720!important;line-height:1.1}
html.sx-ui main :is(h2,h3){font-weight:660!important}
html.sx-ui main :is(p,li,dd,td,th,blockquote){color:var(--sx-body)}
html.sx-ui main :is(.lead,.intro,.sub,.hint,.fine,.muted,.note,.crumb,small){color:var(--sx-muted)!important}
html.sx-ui main :is(.eyebrow,.kicker,.overline,.number,.tag,.stamp,.label,.num){color:var(--sx-focus)!important;letter-spacing:.12em;font-weight:650}
html.sx-ui main :is(.eyebrow,.kicker,.overline,.number){text-transform:uppercase;font-size:11.5px!important}
html.sx-ui main :is(.tag,.stamp){background:var(--sx-control)!important;border:1px solid var(--sx-border)!important;border-radius:999px}
html.sx-ui main a:not([class]){color:var(--sx-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--sx-focus) 55%,transparent);text-underline-offset:3px;transition:text-decoration-color .2s}
html.sx-ui main a:not([class]):hover{text-decoration-color:var(--sx-text)}
html.sx-ui main :is(pre){background:var(--sx-side)!important;border:1px solid var(--sx-border)!important;border-radius:12px!important;color:var(--sx-text)!important}
html.sx-ui main :not(pre)>code{background:var(--sx-control)!important;border:1px solid var(--sx-soft-border);border-radius:6px;color:var(--sx-text)!important;padding:.1em .38em}
html.sx-ui :is(pre,code,kbd){font-family:var(--sx-mono)!important}
html.sx-ui main hr{border:0;border-top:1px solid var(--sx-border)}
html.sx-ui main table{border-color:var(--sx-border)}
html.sx-ui main :is(th,td){border-color:var(--sx-border)!important}

/* ---------- surfaces ---------- */
html.sx-ui main :is(.card,.seo-card,.price-card,.step,.cta-box,.seo-final,.seo-prompt,.sample,.scope,.trust,.notice,.status,.pane,.panel,.section.cta,.cta,.note,.legal,.faq-grid>*,.three>*,.steps>*,.list>a,.list>li,.row,.filter,input,textarea,select){border-color:var(--sx-border)!important}
html.sx-ui main :is(.card,.seo-card,.price-card,.step,.cta-box,.seo-final,.seo-prompt,.scope,.trust,.pane,.panel,.note){background:var(--sx-raised)!important;border-radius:var(--sx-r)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--sx-text) 4%,transparent) inset}
html.sx-ui main :is(.sample,.notice,.status){background:var(--sx-side)!important;color:var(--sx-body)!important;border-radius:12px!important}
html.sx-ui main :is(.status,.notice) strong{color:var(--sx-text)!important}
html.sx-ui main :is(a.card,a.seo-card,.list>a,.cards a.card,.grid>a){transition:border-color .25s var(--sx-ease),box-shadow .3s var(--sx-ease),transform .25s var(--sx-ease),background .25s}
html.sx-ui main :is(a.card,a.seo-card,.list>a,.grid>a):hover{border-color:color-mix(in srgb,var(--sx-text) 20%,transparent)!important;box-shadow:0 18px 48px -22px var(--sx-focus),0 0 0 1px color-mix(in srgb,var(--sx-focus) 10%,transparent);transform:translateY(-2px);background:color-mix(in srgb,var(--sx-raised) 85%,var(--sx-hover))!important}
html.sx-ui main .price-card,html.sx-ui main .card.primary{box-shadow:0 0 0 1px color-mix(in srgb,var(--sx-focus) 16%,transparent),0 24px 70px -34px var(--sx-focus)!important}
html.sx-ui main :is(input,textarea,select){background:var(--sx-control)!important;color:var(--sx-text)!important;border:1px solid var(--sx-line)!important;border-radius:10px!important;font-family:inherit}
html.sx-ui main :is(input,textarea,select):focus{outline:none;border-color:var(--sx-focus)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-focus) 16%,transparent)}
html.sx-ui main ::placeholder{color:var(--sx-soft)}

/* ---------- buttons ---------- */
html.sx-ui main :is(.btn,.button,.action,.pill,.seo-actions a,.actions a,.buttons a,button[type=submit],#send,[data-script-fix-checkout]){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;box-sizing:border-box;padding:0 18px;border-radius:11px!important;border:1px solid color-mix(in srgb,var(--sx-text) 16%,transparent)!important;background:color-mix(in srgb,var(--sx-text) 6%,transparent)!important;color:var(--sx-text)!important;font:620 14.5px/1 var(--sx-font)!important;text-decoration:none!important;box-shadow:none;transition:background .2s var(--sx-ease),box-shadow .3s var(--sx-ease),transform .2s var(--sx-ease),border-color .2s;cursor:pointer}
html.sx-ui main :is(.btn,.button,.action,.pill,.seo-actions a,.actions a,.buttons a):hover{background:color-mix(in srgb,var(--sx-text) 11%,transparent)!important;transform:translateY(-1px)}
html.sx-ui main :is(.btn.pri,.btn.primary,.button.primary,.primary,.seo-actions a.primary,.buy,button[type=submit],#send,[data-script-fix-checkout],.hero .buttons a.button:not(.secondary),.action:not(.secondary)){background:var(--sx-text)!important;border-color:var(--sx-text)!important;color:var(--sx-bg)!important}
html.sx-ui main :is(.btn.pri,.btn.primary,.button.primary,.primary,.seo-actions a.primary,.buy,button[type=submit],#send,[data-script-fix-checkout],.hero .buttons a.button:not(.secondary),.action:not(.secondary)):hover{background:var(--sx-text)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-focus) 16%,transparent),0 14px 36px -14px var(--sx-focus);transform:translateY(-1px)}
html.sx-ui main :is(button[disabled],#send[disabled]){opacity:.6;cursor:progress}

/* ---------- motion ---------- */
@keyframes sx-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html.sx-ui main>*,html.sx-ui main>.w>*,html.sx-ui main>.wrap>*,html.sx-ui main>section>*:first-child{animation:sx-rise .6s var(--sx-ease) both}
html.sx-ui main>*:nth-child(2){animation-delay:.06s}html.sx-ui main>*:nth-child(3){animation-delay:.12s}html.sx-ui main>*:nth-child(n+4){animation-delay:.16s}
@media(prefers-reduced-motion:reduce){html.sx-ui *,html.sx-ui *:before,html.sx-ui *:after{animation:none!important;transition:none!important}}

/* legal hub cards + stamps */
html.sx-ui main .stamp{display:inline-block!important;width:auto!important;padding:5px 12px!important;font-size:12px!important;letter-spacing:.04em!important;font-family:var(--sx-font)!important}
html.sx-ui main .sx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:20px 0 8px}
html.sx-ui main .sx-cards a.card{display:block;padding:18px 20px;text-decoration:none!important;margin:0!important}
html.sx-ui main .sx-cards a.card b{color:var(--sx-text)}
html.sx-ui main .sx-cards a.card p{margin:6px 0 0;font-size:14px;color:var(--sx-muted)!important}
/* beat the older violet/brand-system sheets, which use ID-level selectors */
html.sx-ui:not(#sx) main :is(.eyebrow,.kicker,.overline,.number,.label){color:var(--sx-focus)!important;-webkit-text-fill-color:currentColor!important;font-family:var(--sx-font)!important}
html.sx-ui:not(#sx) main :is(h1,h2,h3){color:var(--sx-text)!important;-webkit-text-fill-color:currentColor!important}
html.sx-ui:not(#sx) main a:is(.primary,.btn.primary,.button.primary,[data-script-fix-checkout]){background:var(--sx-text)!important;border-color:var(--sx-text)!important;color:var(--sx-bg)!important;-webkit-text-fill-color:currentColor!important}
html.sx-ui main :is(strong,b,h4,h5,dt,summary,label,th,figcaption){color:var(--sx-text)}
html.sx-ui[data-theme=light] main :is(strong,b,h3,h4,h5,dt,summary,label,th,figcaption,em):not(:is(.btn,.button,.primary,button) *){color:var(--sx-text)!important}
html.sx-ui[data-theme=light] main :is(p,li,dd,td,blockquote,span,div):not(:is(.btn,.button,.primary,button,a.primary,[data-script-fix-checkout]) *){-webkit-text-fill-color:currentColor}
html.sx-ui main pre code{color:inherit!important;background:none!important;border:0!important;padding:0!important}
html.sx-ui:not(#sx) main .buy{background:var(--sx-raised)!important;border:1px solid var(--sx-border)!important;border-radius:20px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--sx-focus) 12%,transparent),0 30px 80px -40px var(--sx-focus)!important}
html.sx-ui:not(#sx) main .buy :is(h2,p,.trust){color:var(--sx-text)!important;-webkit-text-fill-color:currentColor!important}
html.sx-ui:not(#sx) main .buy p{color:var(--sx-body)!important}
html.sx-ui:not(#sx) main .buy a.btn:not(.primary){color:var(--sx-text)!important;-webkit-text-fill-color:currentColor!important}
html.sx-ui main .seo-prompt{color:var(--sx-body)!important}
html.sx-ui[data-theme=light] main *:not(a,button,.btn,.button,.primary,pre,pre *,code){color:var(--sx-body)}
html.sx-ui[data-theme=light] main pre{background:var(--sx-side)!important;color:var(--sx-text)!important}
html.sx-ui[data-theme=light] main .num{color:var(--sx-text)!important;background:var(--sx-control)!important}

/* ---- v20261024 site quality pass ---- */
/* Entrance motion without hiding content (opacity 0 made pages blank until JS/paint and delayed LCP) */
@keyframes sx-in{from{transform:translateY(8px)}to{transform:none}}
html.sx-ui main>*,html.sx-ui main>.w>*,html.sx-ui main>.wrap>*,html.sx-ui main>section>*:first-child{animation-name:sx-in!important;animation-duration:.45s!important}
/* Long words, inline code and code blocks never push the page sideways */
html.sx-ui main{min-width:0}
html.sx-ui main :is(h1,h2,h3,h4,p,li,td,th,dd,summary){overflow-wrap:break-word}
html.sx-ui main :not(pre)>code{overflow-wrap:anywhere;word-break:break-word;white-space:normal}
html.sx-ui main pre{overflow-x:auto;max-width:100%;box-sizing:border-box}
html.sx-ui main pre code{overflow-wrap:normal;word-break:normal}
html.sx-ui main table{max-width:100%}
html.sx-ui main img{max-width:100%;height:auto}
/* Shared header always full width, whatever the page's own header{} rules say */
html.sx-ui header.sxh{display:block!important;padding:0!important;margin:0!important;max-width:none!important;border-top:0!important;justify-content:normal!important}
html.sx-ui header.sxh .sxh-in{width:100%}
html.sx-ui header.sxh .sxh-tabs{flex-wrap:nowrap}
html.sx-ui footer.sxf{display:block!important;justify-content:normal!important}
/* Blog list cards: title + summary, no underline across the whole card */
html.sx-ui main .list>a{text-decoration:none!important;color:var(--sx-text)!important}
html.sx-ui main .list>a span{text-decoration:none!important}
/* Priority Script Fix trust line: plain note, not a squashed pill */
html.sx-ui main p.trust{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;line-height:1.55}
/* Mobile breathing room: at least 20px either side on every page */
@media(max-width:600px){
 html.sx-ui main.seo-shell,html.sx-ui main.wrap,html.sx-ui main>section.wrap,html.sx-ui main>div.wrap{width:auto!important;max-width:none!important;margin-left:20px!important;margin-right:20px!important}
 html.sx-ui main.sx-pad{padding-left:20px!important;padding-right:20px!important}
}

/* ---- v20261024m: quiet-redesign match (homepage palette, flat surfaces, monochrome accent) ---- */
html.sx-ui body{background:var(--sx-bg)!important}
html.sx-ui main :is(p,li,dd,td,th,blockquote){color:var(--sx-body)}
/* header + footer like the homepage top bar: flat, hairline, no glow */
.sxh{background:color-mix(in srgb,var(--sx-bg) 88%,transparent);border-bottom:1px solid var(--sx-line)}
.sxh-mark{background:transparent;border:1px solid color-mix(in srgb,var(--sx-text) 25%,transparent);border-radius:10px;box-shadow:none}
.sxh-tabs{background:transparent;border-color:var(--sx-line);border-radius:12px}
.sxh-tabs a{border-radius:9px}
.sxh-tabs a[aria-current]{background:var(--sx-surface)}
.sxh-tabs a:hover{background:var(--sx-hover)}
.sxh-btn{background:transparent;border:1px solid var(--sx-line);border-radius:11px;font-weight:600}
.sxh-btn:hover{background:var(--sx-surface);box-shadow:none;transform:none}
.sxh-menu summary{background:transparent;border-color:var(--sx-line)}
.sxh-menu nav{background:var(--sx-surface);border-color:var(--sx-line)}
.sx-subnav a{border-color:var(--sx-line);background:transparent}
.sx-subnav a:hover,.sx-subnav a[aria-current]{background:var(--sx-surface);border-color:color-mix(in srgb,var(--sx-text) 25%,transparent)}
.sxf{background:var(--sx-side);border-top:1px solid var(--sx-line)}
.sxf-base{border-top-color:var(--sx-line)}
/* labels: the homepage uses quiet grey small caps, not a blue accent */
html.sx-ui main :is(.eyebrow,.kicker,.overline,.number,.tag,.stamp,.label,.num),html.sx-ui:not(#sx) main :is(.eyebrow,.kicker,.overline,.number,.label){color:var(--sx-muted)!important}
html.sx-ui main a:not([class]){text-decoration-color:color-mix(in srgb,var(--sx-text) 35%,transparent)}
/* surfaces: homepage composer/cards = --surface fill, --line hairline, no coloured glow */
html.sx-ui main :is(.card,.seo-card,.price-card,.step,.cta-box,.seo-final,.seo-prompt,.scope,.trust,.pane,.panel,.note){background:var(--sx-surface)!important;border-color:var(--sx-line)!important;box-shadow:none!important}
html.sx-ui main :is(.sample,.notice,.status){background:var(--sx-side)!important;border-color:var(--sx-line)!important}
html.sx-ui main .price-card,html.sx-ui main .card.primary{box-shadow:0 9px 28px var(--sx-shadow)!important;border-color:color-mix(in srgb,var(--sx-text) 22%,var(--sx-line))!important}
html.sx-ui main :is(a.card,a.seo-card,.list>a,.grid>a):hover{box-shadow:none!important;transform:none;border-color:color-mix(in srgb,var(--sx-text) 25%,transparent)!important;background:var(--sx-hover)!important}
html.sx-ui:not(#sx) main .buy{background:var(--sx-surface)!important;border-color:var(--sx-line)!important;box-shadow:0 9px 28px var(--sx-shadow)!important}
html.sx-ui main :is(input,textarea,select){background:var(--sx-surface)!important;border-color:var(--sx-line)!important}
html.sx-ui main :is(input,textarea,select):focus{border-color:color-mix(in srgb,var(--sx-text) 37%,var(--sx-line))!important;box-shadow:none}
/* buttons: homepage = solid text-colour primary (like Send), outlined secondary (like Plans), 11px radius */
html.sx-ui main :is(.btn,.button,.action,.pill,.seo-actions a,.actions a,.buttons a){background:transparent!important;border:1px solid var(--sx-line)!important;border-radius:11px!important}
html.sx-ui main :is(.btn,.button,.action,.pill,.seo-actions a,.actions a,.buttons a):hover{background:var(--sx-surface)!important;transform:none}
html.sx-ui main :is(.btn.pri,.btn.primary,.button.primary,.primary,.seo-actions a.primary,.buy a.primary,button[type=submit],#send,[data-script-fix-checkout],.hero .buttons a.button:not(.secondary),.action:not(.secondary)),html.sx-ui:not(#sx) main a:is(.primary,.btn.primary,.button.primary,[data-script-fix-checkout]){background:var(--sx-text)!important;border-color:var(--sx-text)!important;color:var(--sx-bg)!important;-webkit-text-fill-color:currentColor!important}
html.sx-ui main :is(.btn.pri,.btn.primary,.button.primary,.primary,.seo-actions a.primary,button[type=submit],#send,[data-script-fix-checkout]):hover{box-shadow:none!important;transform:none;opacity:.9}
html.sx-ui:not(#sx) main .buy{border-radius:20px!important}
html.sx-ui :focus-visible{outline-color:color-mix(in srgb,var(--sx-text) 55%,transparent)}
html.sx-ui ::selection{background:color-mix(in srgb,var(--sx-text) 22%,transparent)}
html.sx-ui main th{background:var(--sx-surface)!important;color:var(--sx-text)!important;-webkit-text-fill-color:currentColor}

/* Stellar AI shared polish — 2026-10-29. Visual changes only. */
html.sx-ui:not([data-theme=light]) body{background:#0c0e0e;color:#eff2ee}
html.sx-ui:not([data-theme=light]) .sxh{background:rgba(12,15,14,.97)!important;border-bottom:1px solid rgba(205,229,211,.14)!important}
html.sx-ui .sxh-in{max-width:1160px!important}
html.sx-ui .sxh-brand{font-weight:720!important;letter-spacing:-.035em}
html.sx-ui:not([data-theme=light]) .sxh-tabs a{color:#b7c2ba!important}
html.sx-ui:not([data-theme=light]) .sxh-tabs a:hover{color:#fff!important}
html.sx-ui:not([data-theme=light]) .sxh-btn{background:#e7efe8!important;color:#17251c!important;border-color:#e7efe8!important;border-radius:10px!important}
html.sx-ui:not([data-theme=light]) .sxh-btn:hover{background:white!important}
html.sx-ui:not([data-theme=light]) main h1,html.sx-ui:not([data-theme=light]) main h2{color:#f0f4f0;letter-spacing:-.046em}
html.sx-ui:not([data-theme=light]) .card,html.sx-ui:not([data-theme=light]) .price-card{border-radius:15px!important;border-color:rgba(213,233,216,.16)!important}
html.sx-ui:not([data-theme=light]) .card:hover{border-color:rgba(206,230,212,.35)!important}
html.sx-ui:not([data-theme=light]) .btn.primary{border-radius:10px!important}
html.sx-ui:not([data-theme=light]) .sxf{border-top:1px solid rgba(205,228,209,.15)!important}
html.sx-ui a:focus-visible,html.sx-ui button:focus-visible,html.sx-ui summary:focus-visible{outline:2px solid #c0e6ca!important;outline-offset:3px!important}
@media(max-width:750px){html.sx-ui .sxh-in{gap:12px!important}html.sx-ui .sxh-btn{min-height:40px!important}}
@media(prefers-reduced-motion:reduce){html.sx-ui a,html.sx-ui button{transition:none!important;transform:none!important}}

:root,html.sx-ui{--sx-focus:#a78bfa;--accent:#a78bfa;--blue:#a78bfa;--a:#a78bfa}
html.sx-ui[data-theme=light]{--sx-focus:#6941b0;--accent:#6941b0;--blue:#6941b0;--a:#6941b0}