/* Compact suite, account preferences and a consistent two-tone workspace. */
.hero-trial-offer { margin-top:18px; padding:14px 15px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:13px; align-items:center; border:1px solid color-mix(in srgb,var(--blue) 24%,var(--line)); border-radius:18px; background:linear-gradient(120deg,rgba(10,132,255,.09),rgba(191,90,242,.06)),var(--surface); box-shadow:0 14px 36px rgba(10,132,255,.08); }
.hero-trial-badge { padding:7px 9px; border-radius:999px; background:rgba(10,132,255,.12); color:var(--blue); font-size:9px; font-weight:820; letter-spacing:.1em; white-space:nowrap; }
.hero-trial-offer > div { min-width:0; display:grid; gap:3px; }
.hero-trial-offer strong { color:var(--text); font-size:14px; line-height:1.3; letter-spacing:-.015em; }
.hero-trial-offer small { color:var(--secondary); font-size:11px; line-height:1.45; }
.hero-trial-offer button { min-height:38px; padding:0 13px; border:0; border-radius:11px; background:var(--blue); color:white; font-size:11px; font-weight:720; white-space:nowrap; cursor:pointer; transition:transform .2s ease,background .2s ease; }
.hero-trial-offer button:hover { background:var(--blue-hover); transform:translateY(-1px); }
.offer-section { padding-block: 12px 42px; }
.offer-card.offer-compact { min-height:0; padding:28px 34px; flex-direction:row; justify-content:space-between; align-items:center; gap:28px; border-radius:24px; background:var(--surface); border:1px solid var(--line); color:var(--text); box-shadow:0 12px 35px #00000003; }
.offer-compact > div:first-child { min-width:0; }
.offer-compact span { color:var(--secondary); font-size:12px; letter-spacing:.1em; }
.offer-compact h2 { margin:10px 0 0; font-size:clamp(25px,3vw,36px); line-height:1.2; letter-spacing:-.045em; }
.offer-compact h2 em { color:var(--blue); font-style:normal; }
.offer-compact p { margin:9px 0 0; color:var(--secondary); font-size:14px; line-height:1.5; }
.offer-card.offer-compact > a { flex-shrink:0; margin:0; min-height:44px; padding:0 18px; gap:16px; border-radius:12px; background:var(--page); color:var(--text); font-size:14px; border:1px solid var(--line); }
.offer-compact > a:hover { border-color:var(--blue); color:var(--blue); }
.convert-form-heading h3 { font-size:clamp(25px,2.6vw,32px); line-height:1.15; }
.convert-intro { font-size:16px; line-height:1.65; color:var(--secondary); margin:16px 0 20px; }
.convert-use-cases { display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; margin-bottom:24px; }
.convert-use-cases > span { border-left:2px solid var(--line); padding-left:12px; }
.convert-use-cases strong { font-size:14px; display:block; font-weight:650; }
.convert-use-cases small { font-size:12px; display:block; color:var(--secondary); margin-top:5px; line-height:1.5; }
.convert-support { margin:10px 0 20px; color:var(--secondary); font-size:13px; line-height:1.65; }
.convert-support summary { font-size:14px; color:var(--text); cursor:pointer; }
.convert-support p { margin:10px 0 0; }
.convert-options summary,.convert-option-grid label { font-size:14px; }
@media(max-width:680px) {
 .offer-section { padding-bottom:24px; } .offer-card.offer-compact { padding:24px; gap:20px; align-items:flex-start; flex-direction:column; border-radius:20px; }
 .offer-card.offer-compact > a { width:100%; justify-content:space-between; } .convert-use-cases { gap:14px 10px; }
}
.product-suite { padding-block: 76px 20px; }
.product-suite .section-heading { max-width: 720px; margin-bottom: 28px; }
.product-suite .section-heading h2 { font-size: clamp(28px,3.2vw,40px); letter-spacing: -.045em; }
.product-suite .section-heading p { font-size: 16px; max-width: 600px; }
.product-suite-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.suite-card { min-height: 250px; padding: 23px; border-radius: 24px; box-shadow: 0 8px 30px #00000004; }
.suite-card .suite-icon { display: none; }
.suite-card .suite-number { position: static; margin-bottom: 24px; font-size: 13px; color: var(--tertiary); }
.suite-card > small { margin-top: 0; }
.suite-card h3 { font-size: 23px; line-height: 1.15; }
.suite-card p { font-size: 13px; min-height: 0; flex: 1; }
.suite-card > b { font-size: 12px; margin-top: 18px; }
.suite-card > b span { background: #1d1d1f; color: #fff; }
.suite-card:hover { transform: translateY(-4px); }
.workflow-strip { padding-block: 22px 64px; gap: 0; }
.workflow-strip .signal-card { padding: 20px 24px; min-height: 120px; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.workflow-strip .signal-card + .signal-card { border-left: 1px solid var(--line); }
.workflow-strip small { display: block; font-size: 9px; letter-spacing: .13em; color: var(--tertiary); margin-bottom: 13px; }
.workflow-strip strong { font-size: 21px; letter-spacing: -.03em; }
.workflow-strip span { font-size: 12px; line-height: 1.6; }
.trial-signal button { border: 0; padding: 10px 0 0; background: none; color: var(--blue); font-size: 12px; cursor: pointer; }
.profile-settings,.profile-trial { border: 1px solid var(--line); border-radius: 20px; padding: 20px; margin-top: 16px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; background: var(--surface); }
.profile-settings > div,.profile-trial > div { flex: 1; }
.profile-settings p,.profile-trial p { font-size: 12px; color: var(--secondary); margin: 6px 0 0; }
.profile-settings > label { min-width: 160px; }
.profile-settings #preferences-message { flex-basis: 100%; }
.profile-trial { background: linear-gradient(125deg,#0981ff10,#9865f312); }
.profile-trial button { border: 0; background: var(--blue); color: white; border-radius: 12px; padding: 12px 16px; font-size: 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; }
.trial-optin { background: var(--page); border: 1px solid var(--line); padding: 16px; border-radius: 16px; margin-top: 16px; }
.trial-optin label { display:flex; gap:10px; align-items:flex-start; }
.trial-optin input { margin-top:3px; accent-color:var(--blue); }
.trial-optin strong { font-size:13px; }
.trial-optin small { display:block; color:var(--secondary); font-size:11px; line-height:1.6; margin-top:5px; }
.trial-optin .launch-access-copy { display:block; padding-left:30px; position:relative; }.trial-optin .launch-access-copy::before { content:"✓"; position:absolute; left:1px; top:1px; width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:rgba(48,209,88,.13); color:#198b3b; font-size:12px; font-weight:800; }
.auth-form .text-action { background:transparent; color:var(--blue); min-height:32px; padding:4px; box-shadow:none; }
.convert-shell { overflow:visible; }
.convert-result-panel { border-radius:0 30px 30px 0; }
.convert-options { border:1px solid var(--line); padding:16px; border-radius:18px; margin-top:18px; }
.convert-options summary { font-size:13px; font-weight:650; cursor:pointer; }
.convert-option-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px; }
.convert-option-grid label { display:grid; gap:7px; font-size:12px; color:var(--secondary); min-width:0; }
.convert-option-grid input { min-width:0; width:100%; border:1px solid var(--line); border-radius:12px; background:var(--page); color:var(--text); padding:12px; }
.convert-note { font-size:12px; color:var(--secondary); line-height:1.7; }
#convert-cancel { padding:10px 16px; margin-top:14px; border:1px solid #ffffff40; background:transparent; color:white; border-radius:12px; }
html[data-theme="dark"] { color-scheme:dark; --page:#101113; --surface:#1b1d21; --text:#f4f4f7; --secondary:#adb1bc; --tertiary:#9399a6; --line:rgba(255,255,255,.1); --blue:#63a9ff; --blue-hover:#83bbff; }
html[data-theme="dark"] .topbar { background:#14161ad9; border-color:var(--line); }
html[data-theme="dark"] .brand-icon,html[data-theme="dark"] .footer-brand-icon { background:#fff; border-radius:10px; }
html[data-theme="dark"] :is(.nav-links,.account-dialog,.dialog-shell,.studio-shell,.upload-panel,.settings-panel,.product-suite .suite-card,.price-card,.audio-tool-form,.ai-tool-form,.tool-form,.convert-form,.contact-form,.contact-shell,.benefit-card,.audience-grid article,.signal-card,.profile-stat-grid article,.profile-detail-grid,.membership-code-box,.billing-cycle-switch,.fx-select-menu,.fx-select-trigger,.auth-tabs,.language-switch,.audio-shell,.ai-studio-shell,.transcript-card) { background:var(--surface); color:var(--text); border-color:var(--line); }
html[data-theme="dark"] :is(input:not([type="range"]):not([type="checkbox"]):not([type="color"]),textarea,select,.media-dropzone,.upload-zone,.profile-benefits,.profile-settings,.auth-tabs button,.language-switch button,.billing-cycle-switch button) { background:var(--page); color:var(--text); border-color:var(--line); }
html[data-theme="dark"] :is(.fx-select-option:hover,.fx-select-option[aria-selected="true"],.auth-tabs button[aria-selected="true"],.language-switch button[aria-pressed="true"]) { background:#313746; color:white; }
html[data-theme="dark"] :is(.hero-copy p,.section-heading p,.suite-card p,.price-card p,.profile-identity p,.contact-copy p,.dialog-shell > p) { color:var(--secondary); }
html[data-theme="dark"] :is(.section-heading h2,.hero-line-primary,.hero-secondary,.studio-toolbar,.settings-panel h3,.audio-tool-form h3,.ai-tool-form h3,.convert-form h3,.price-card h3,.price-card li,.price-amount,.profile-stat-grid strong,.contact-copy h3) { color:var(--text); }
html[data-theme="dark"] .cyber-network { opacity:.4; filter:invert(1) hue-rotate(170deg); }
html[data-theme="dark"] .site-ambient { opacity:.32; }
html[data-theme="dark"] .nav-links { background:transparent; }
html[data-theme="dark"] .hero-trial-offer { background:linear-gradient(120deg,rgba(99,169,255,.12),rgba(191,90,242,.08)),var(--surface); box-shadow:0 16px 40px #00000024; }
html[data-theme="dark"] .site-footer { border-color:var(--line); background:#101113; }
html[data-theme="dark"] .annual-offer { background:linear-gradient(110deg,#192638,#211c30); color:var(--text); }
html[data-theme="dark"] .workflow-strip .signal-card { background:transparent; }
html[data-theme="dark"] :is(.studio-card,.preview-card,.what-happens,.progress-card,.side-promo,.tool-card,.studio-ai-shell,.hero-secondary,.feature-card,.ad-placement,.ad-mini-card,.annual-promo,.profile-detail-grid,.voice-gender-switch,.studio-mode-switch,.setting-note,.plan-notice) { background:var(--surface); color:var(--text); border-color:var(--line); }
html[data-theme="dark"] :is(.tool-card-heading h3,.tool-card-heading p,.studio-mode-switch button,.voice-gender-switch button,.profile-settings strong) { color:var(--text); }
html[data-theme="dark"] :is(.studio-mode-switch button[aria-selected="true"],.voice-gender-switch button[aria-pressed="true"]) { background:#343a48; }
html[data-theme="dark"] :is(.hero-primary,.nav-cta,.tool-submit,.submit-button,.auth-form > button:not(.text-action),.profile-trial button) { background:#1876dd; color:white; }
html[data-theme="dark"] .price-card.featured > a { background:#1876dd; border-color:#1876dd; color:white; }
html[data-theme="dark"] .selected-plan-bar { background:#20242c; border-color:#3b4656; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
html[data-theme="dark"] .selected-plan-bar span { color:#aeb5c1; }
html[data-theme="dark"] .selected-plan-bar strong { color:#f4f4f7; }
html[data-theme="dark"] .selected-plan-bar a { color:#79b7ff; }
html[data-theme="dark"] .convert-shell { background:var(--surface); border-color:var(--line); box-shadow:0 25px 80px #00000030; }
html[data-theme="dark"] .convert-form { border-radius:30px 0 0 30px; }
.progress-track i.indeterminate { animation:convert-wait 1.5s ease-in-out infinite alternate; }
@keyframes convert-wait { from { transform:translateX(0); } to { transform:translateX(175%); } }
@media(prefers-reduced-motion:reduce) { .progress-track i.indeterminate { animation:none; } }
html[data-theme="dark"] :is(.sponsor-card,.ad-banner,.feature-strip,.profile-detail-grid > div,.profile-stat-grid article) { background:var(--surface); border-color:var(--line); color:var(--text); }
@media(max-width:1000px) { .product-suite-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .suite-card { min-height:210px; } }
@media(max-width:680px) {
 .product-suite { padding-block:52px 10px; } .suite-card { padding:18px; min-height:225px; border-radius:18px; } .suite-card h3 { font-size:19px; } .suite-card > b { font-size:11px; } .suite-card .suite-number { margin-bottom:14px; }
 .workflow-strip { grid-template-columns:1fr 1fr; padding-bottom:42px; } .workflow-strip .signal-card { padding:18px 12px; } .workflow-strip .signal-card:nth-child(3) { border-left:0; } .workflow-strip strong { font-size:18px; }
 .convert-option-grid { grid-template-columns:1fr; } .convert-result-panel { border-radius:0 0 24px 24px; } html[data-theme="dark"] .convert-form { border-radius:24px 24px 0 0; } .profile-settings > label { width:100%; } html[data-theme="dark"] .nav-links.is-open { background:var(--surface); }
}
@media(prefers-reduced-motion:reduce) { .suite-card { transition:none; } }

/* Shared controls: no light-only islands in either appearance. */
.theme-toggle { width:34px; height:34px; flex:none; border:1px solid var(--line); border-radius:50%; color:var(--text); background:var(--surface); cursor:pointer; font-size:20px; line-height:1; }
.theme-toggle:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
.fx-select.is-open { z-index:85; }
.fx-select.opens-up .fx-select-menu { top:auto; bottom:calc(100% + 7px); transform-origin:bottom; }
.fx-select-menu { overscroll-behavior:contain; }
.fx-select-trigger { box-shadow:none; }
.account-dialog { overscroll-behavior:contain; scrollbar-gutter:stable; }
.account-dialog .dialog-close { position:sticky; float:right; top:0; margin:-16px -16px 0 0; z-index:95; }
.profile-identity > div,.profile-detail-grid strong { min-width:0; overflow-wrap:anywhere; }
.convert-options summary,.convert-option-grid label { font-size:14px; }
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] :is(.audio-workspace,.ai-studio-section,.convert-section) { background:radial-gradient(circle at 85% 5%,#438dff0d,transparent 40%),var(--page); border-color:var(--line); }
html[data-theme="dark"] :is(.dropzone,.setting,.position-setting,.tool-settings-grid label,.studio-settings label,.voice-choice label,.convert-target-row > label,.convert-dropzone,.ai-text-field > small,.orientation-switch,.billing-switch,.dialog-close,.profile-actions .logout-button,.profile-plan,.payment-summary,.subtitle-feature,.privacy-feature,.faq-list details,.language-switch i) { background:var(--surface); color:var(--text); border-color:var(--line); box-shadow:none; }
html[data-theme="dark"] :is(.tool-settings-grid label,.position-setting,.voice-choice label,.convert-target-row > label,.profile-benefits,.dropzone,.media-dropzone,.orientation-switch,.billing-switch) { background:var(--page); }
html[data-theme="dark"] :is(.billing-switch button[aria-pressed="true"],.orientation-switch button[aria-pressed="true"],.studio-mode-switch button[aria-selected="true"],.language-switch i) { background:#353b47; color:var(--text); box-shadow:none; }
html[data-theme="dark"] :is(.voice-choice legend,.voice-choice small,.tool-settings-grid label > span,.ai-text-field > span,.convert-target-row > label > span,.tool-privacy,.contact-promise span,.contact-form label > span,.convert-local-badge small,.tool-card-heading p,.media-dropzone > span,.hero-assurance,.nav-links a,.fx-select-option) { color:var(--secondary); }
html[data-theme="dark"] .hero-quick-start a { background:rgba(27,29,33,.78); color:var(--text); border-color:var(--line); box-shadow:0 14px 38px #00000024; }
html[data-theme="dark"] .hero-quick-start small { color:var(--secondary); }
html[data-theme="dark"] :is(.fx-select-option,.media-dropzone strong,.billing-switch button,.language-switch button,.studio-mode-switch button,.trust-marquee,.profile-identity h2) { color:var(--text); }
html[data-theme="dark"] :is(.fx-select-option.is-focused,.fx-select-option:hover,.fx-select-option[aria-selected="true"],.nav-links a.is-active,.setting .fx-select.is-open .fx-select-trigger) { background:#303a4b; color:#c3ddff; }
html[data-theme="dark"] .fx-select-option:disabled { color:#737984; }
html[data-theme="dark"] :is(.contact-form,.audio-shell,.ai-studio-shell,.studio-shell) { box-shadow:0 24px 70px #00000025; }
html[data-theme="dark"] :is(.convert-upload-icon i,.convert-local-badge > i,.contact-promise b,.popular,.billing-switch button span) { background:#26354a; border-color:var(--line); color:#b6d5ff; }
html[data-theme="dark"] :is(.privacy-symbol,.privacy-symbol::before) { border-color:var(--secondary); }
html[data-theme="dark"] .cancel-plan-button { background:#3a2028; border-color:#74414e; color:#ffabb5; }
html[data-theme="dark"] :is(.contact-form > p,.profile-status) { color:#8ce0ac; }
html[data-theme="dark"] :is(.auth-message,.contact-form > p.error) { color:#ff9ba5; }
html[data-theme="dark"] .price-card::before { background:linear-gradient(90deg,transparent,#ffffff08,transparent); }
html[data-theme="dark"] .nav-links a:hover { color:white; }
html[data-theme="dark"] .menu-toggle i { background:var(--text); }
html[data-theme="dark"] .fx-select-menu::-webkit-scrollbar-thumb { border-color:var(--surface); background:#626b79; }
html[data-theme="dark"] .ad-placement { color:#f4f4f7; }
html[data-theme="dark"] .product-proof {background:var(--surface);border-color:var(--line);}
html[data-theme="dark"] .profile-status {background:#193a2c;border-color:#316448;color:#a2e7bd;}
html[data-theme="dark"] .profile-benefits {background:transparent;}
html[data-theme="dark"] .studio-mode-switch button {border-radius:999px;}
.ad-placement[data-tone="blue"] {background:radial-gradient(circle at 18% 0,#2475ba44,transparent 45%),#141c2c;}
.ad-placement[data-tone="violet"] {background:radial-gradient(circle at 75% 0,#a251da44,transparent 45%),#1e172a;}
.ad-placement[data-tone="neutral"] {background:#25272d;}
.ad-placement :is(strong,p) {overflow-wrap:anywhere;}
html[data-theme="dark"] :is(.tool-progress,.tool-card-heading > b,.ai-form-heading > b,.studio-mode-switch i) {background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:none;}
@media(max-width:680px) { .hero-trial-offer { grid-template-columns:auto minmax(0,1fr); padding:14px; }.hero-trial-offer button { grid-column:1/-1; width:100%; }.nav-actions { gap:7px; }.theme-toggle { width:30px; height:30px; }.account-dialog .dialog-shell { padding:28px 22px; }.account-dialog .dialog-close { margin:-12px -8px 0 0; } }

/* Motion polish: lively enough to feel creative, calm enough to keep tools clear. */
.cyber-network { opacity:.64; filter:saturate(1.15) contrast(1.03); }
.site-ambient { opacity:.58; }
.site-ambient i { filter:blur(105px); }
.site-ambient i:nth-child(1) { animation-duration:26s; }
.site-ambient i:nth-child(2) { animation-duration:31s; }
.site-ambient i:nth-child(3) { animation-duration:28s; }
.hero-copy > p { max-width:690px; }
.hero-trial-offer { margin-top:28px; }
.hero-visual.journey-pulse::after { animation:hero-sheen 1.05s cubic-bezier(.2,.8,.2,1); }
.hero-journey li { transition:color .45s ease,transform .45s cubic-bezier(.2,.85,.2,1); }
.hero-journey li.is-active { transform:translateY(-2px); }
.hero-journey li.is-active span { animation:journey-node 1.5s ease-in-out infinite alternate; }
@keyframes journey-node { to { box-shadow:0 0 0 6px rgba(10,132,255,.08),0 0 22px rgba(100,210,255,.38); } }

.product-suite .suite-card { min-height:300px; background-image:radial-gradient(340px circle at var(--glow-x,80%) var(--glow-y,10%),color-mix(in srgb,var(--suite-color) 13%,transparent),transparent 58%); }
.product-suite .suite-card::after { content:""; position:absolute; inset:-55% -85%; z-index:-1; background:linear-gradient(115deg,transparent 43%,rgba(255,255,255,.34) 50%,transparent 57%); transform:translateX(-34%) rotate(6deg); opacity:0; transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .35s ease; }
.product-suite .suite-card:hover::after { transform:translateX(34%) rotate(6deg); opacity:.7; }
.product-suite .suite-card .suite-number { position:absolute; right:22px; top:21px; margin:0; }
.product-suite .suite-card .suite-icon { width:58px; height:58px; margin:0 0 22px; display:grid; border-radius:18px; box-shadow:0 16px 36px rgba(0,0,0,.17); animation:suite-icon-float 4.8s ease-in-out infinite alternate; }
.product-suite .suite-card:nth-child(2) .suite-icon { animation-delay:-1.2s; }
.product-suite .suite-card:nth-child(3) .suite-icon { animation-delay:-2.4s; }
.product-suite .suite-card:nth-child(4) .suite-icon { animation-delay:-3.6s; }
.product-suite .suite-video .suite-icon i { width:24px; height:3px; }
.product-suite .suite-video .suite-icon i:first-child { transform:translateY(-9px) scaleX(.62); }
.product-suite .suite-video .suite-icon i:last-child { transform:translateY(9px) scaleX(.78); }
.product-suite .audio-glyph { display:flex !important; gap:3px; }
.product-suite .audio-glyph i { width:3px; height:22px; }
.product-suite .audio-glyph i:nth-child(2),.product-suite .audio-glyph i:nth-child(4) { height:34px; }
.product-suite .audio-glyph i:nth-child(3) { height:43px; }
.product-suite .studio-glyph i { width:24px; height:24px; }
.product-suite .studio-glyph i:nth-child(2) { width:38px; height:38px; }
.product-suite .studio-glyph i:last-child { width:7px; height:7px; }
.product-suite .convert-glyph { display:grid !important; }
.product-suite .convert-glyph i { width:26px; height:9px; border-width:1px; }
.product-suite .convert-glyph i:first-child { transform:translateY(-10px); }
.product-suite .convert-glyph i:nth-child(2) { width:4px; height:4px; border-width:0 1px 1px 0; transform:translate(12px,-10px) rotate(-45deg); }
.product-suite .convert-glyph i:last-child { transform:translateY(10px) rotate(180deg); }
@keyframes suite-icon-float { to { translate:0 -5px; rotate:2deg; box-shadow:0 22px 42px rgba(0,0,0,.22); } }

.js main > section:nth-of-type(odd).section-flow:not(.section-visible) { transform:translate3d(-18px,32px,0) scale(.992); }
.js main > section:nth-of-type(even).section-flow:not(.section-visible) { transform:translate3d(18px,32px,0) scale(.992); }
.js [data-reveal] { transition-duration:940ms; transition-timing-function:cubic-bezier(.16,.86,.26,1); }

.faq-section .section-heading { max-width:700px; margin-inline:auto; text-align:center; }
.faq-list { max-width:1000px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; border:0; counter-reset:fixudio-faq; }
.faq-list details { position:relative; min-height:88px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:color-mix(in srgb,var(--surface) 88%,transparent); box-shadow:0 12px 38px rgba(20,28,45,.045); backdrop-filter:blur(20px); counter-increment:fixudio-faq; transition:border-color .28s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.82,.2,1),background .28s ease; }
.faq-list details:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--blue) 28%,var(--line)); box-shadow:0 20px 52px rgba(20,28,45,.09); }
.faq-list details[open] { border-color:color-mix(in srgb,var(--blue) 32%,var(--line)); background:var(--surface); box-shadow:0 22px 60px rgba(10,132,255,.1); }
.faq-list summary { min-height:86px; padding:22px 54px 20px 58px; display:flex; align-items:center; font-size:17px; line-height:1.35; }
.faq-list summary::before { content:"0" counter(fixudio-faq); position:absolute; left:20px; top:24px; color:var(--blue); font-size:11px; font-weight:820; letter-spacing:.08em; }
.faq-list summary::after { right:18px; top:25px; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--blue) 9%,transparent); font-size:22px; line-height:1; }
.faq-list details[open] summary::after { background:var(--blue); color:white; transform:rotate(45deg); }
.faq-list p { max-width:none; margin:-5px 24px 24px 58px; animation:faq-answer-in .35s cubic-bezier(.2,.82,.2,1); }
@keyframes faq-answer-in { from { opacity:0; transform:translateY(-7px); } }

html[data-theme="dark"] .cyber-network { opacity:.5; filter:saturate(1.15); }
html[data-theme="dark"] .product-suite .suite-card::after { background:linear-gradient(115deg,transparent 43%,rgba(255,255,255,.08) 50%,transparent 57%); }
html[data-theme="dark"] .faq-list details { background:color-mix(in srgb,var(--surface) 88%,transparent); }

@media(max-width:760px) {
  .faq-list { grid-template-columns:1fr; }
  .faq-list summary { min-height:80px; padding:20px 50px 18px 52px; font-size:16px; }
  .faq-list summary::before { left:17px; top:23px; }
  .faq-list summary::after { right:14px; top:21px; }
  .faq-list p { margin:-3px 20px 21px 52px; }
}
@media(prefers-reduced-motion:reduce) {
  .product-suite .suite-card .suite-icon,.hero-journey li.is-active span { animation:none; }
  .product-suite .suite-card::after { display:none; }
}

/* Release polish: clearer navigation, calmer depth and consistent readable type. */
main section[id] { scroll-margin-top:86px; }
.topbar { border-bottom-color:color-mix(in srgb,var(--line) 72%,transparent); box-shadow:0 1px 0 rgba(255,255,255,.5); }
.topbar.is-scrolled { box-shadow:0 14px 42px rgba(18,26,40,.09); }
.nav-links a { font-size:14px; font-weight:620; }
.nav-links a.is-active::after { content:""; position:absolute; left:50%; bottom:3px; width:4px; height:4px; border-radius:50%; background:var(--blue); transform:translateX(-50%); }
.hero-quick-start small,.suite-card > b,.profile-settings p,.profile-trial p { font-size:13px; }
.hero-trial-offer small,.hero-trial-offer button { font-size:13px; }
.hero-trial-badge { font-size:11px; }
.suite-card p { font-size:14px; line-height:1.55; }
.studio-card,.preview-card,.tool-card,.studio-ai-shell,.convert-shell,.contact-shell { border-color:color-mix(in srgb,var(--line) 82%,transparent); box-shadow:0 26px 80px rgba(18,26,40,.075),inset 0 1px 0 rgba(255,255,255,.5); }
.studio-card:focus-within,.tool-card:focus-within,.studio-ai-shell:focus-within,.convert-shell:focus-within,.contact-shell:focus-within { border-color:color-mix(in srgb,var(--blue) 30%,var(--line)); box-shadow:0 30px 90px rgba(18,26,40,.09),0 0 0 1px color-mix(in srgb,var(--blue) 12%,transparent); }
.dialog-shell::before { content:""; position:absolute; left:34px; right:34px; top:0; height:3px; border-radius:0 0 999px 999px; background:linear-gradient(90deg,#0a84ff,#5ac8fa 45%,#bf5af2); opacity:.9; }
.auth-form > button,.tool-submit,.primary-button,.contact-form button,.price-card > a { transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,filter .2s ease,opacity .2s ease; }
.auth-form > button:hover:not(:disabled),.tool-submit:hover:not(:disabled),.primary-button:hover:not(:disabled),.contact-form button:hover:not(:disabled),.price-card > a:hover { transform:translateY(-2px); filter:saturate(1.06); }
button:disabled { cursor:not-allowed; opacity:.56; }
html[data-theme="dark"] .topbar { box-shadow:0 1px 0 rgba(255,255,255,.04); }
html[data-theme="dark"] :is(.studio-card,.preview-card,.tool-card,.studio-ai-shell,.convert-shell,.contact-shell) { box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035); }
@media(max-width:960px) {
  .nav-links[aria-hidden="true"] { pointer-events:none; }
  .nav-links a { font-size:15px; }
}
@media(max-width:680px) {
  .dialog-shell::before { left:22px; right:22px; }
}

/* Account center: subscription clarity, real usage and secure self-service. */
.profile-plan-timeline { margin-top:-1px; padding:15px 19px 17px; border:1px solid color-mix(in srgb,var(--blue) 14%,var(--line)); border-radius:0 0 18px 18px; background:color-mix(in srgb,var(--blue) 4%,var(--surface)); }
.profile-plan-timeline > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.profile-plan-timeline span { color:var(--secondary); font-size:13px; font-weight:650; }
.profile-plan-timeline strong { font-size:14px; font-variant-numeric:tabular-nums; }
.profile-plan-timeline small { margin-top:8px; display:block; color:var(--secondary); font-size:12px; }
.profile-plan-meter { height:5px; margin-top:12px; overflow:hidden; border-radius:999px; background:color-mix(in srgb,var(--text) 9%,transparent); }
.profile-plan-meter i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#0a84ff,#5ac8fa); box-shadow:0 0 14px rgba(10,132,255,.35); transition:width .65s cubic-bezier(.2,.82,.2,1); }
.profile-account-grid { margin-top:17px; display:grid; grid-template-columns:1.15fr .85fr; gap:12px; }
.profile-account-card { min-width:0; padding:18px; display:grid; grid-template-columns:auto 1fr; align-items:start; gap:13px; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--surface) 90%,transparent); }
.profile-card-icon { width:37px; height:37px; display:grid; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--blue) 10%,var(--surface)); color:var(--blue); font-size:18px; font-weight:800; }
.profile-account-card strong { display:block; font-size:14px; }
.profile-account-card p { margin:5px 0 0; color:var(--secondary); font-size:12px; line-height:1.48; }
.profile-card-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px; }
.profile-card-actions button,.profile-send-code { min-height:37px; padding:0 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--text); font-size:12px; font-weight:700; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.profile-card-actions button:first-child { border-color:transparent; background:var(--text); color:var(--surface); }
.profile-card-actions button:hover,.profile-send-code:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--blue) 34%,var(--line)); }
.profile-privacy-state { grid-column:2; width:max-content; margin-top:7px; padding:5px 8px; border-radius:999px; background:#e9f8ee; color:#16743b; font-size:11px; font-weight:750; }
.profile-security-panel { margin-top:12px; padding:20px; border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line)); border-radius:18px; background:color-mix(in srgb,var(--blue) 4%,var(--surface)); animation:profile-panel-in .3s cubic-bezier(.2,.82,.2,1); }
.profile-panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.profile-panel-heading span { display:block; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.1em; }
.profile-panel-heading strong { margin-top:5px; display:block; font-size:17px; }
.profile-panel-heading p { margin:4px 0 0; color:var(--secondary); font-size:12px; }
.profile-panel-close { width:30px; height:30px; flex:none; display:grid; place-items:center; border:0; border-radius:50%; background:color-mix(in srgb,var(--text) 8%,transparent); color:var(--text); font-size:20px; cursor:pointer; }
.profile-security-form { margin-top:17px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.profile-security-form label { min-width:0; display:grid; gap:6px; }
.profile-security-form label span { color:var(--secondary); font-size:12px; font-weight:650; }
.profile-security-form label small { color:var(--secondary); font-size:11px; }
.profile-security-form input { width:100%; min-height:43px; padding:0 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--text); font-size:14px; outline:none; }
.profile-security-form input:focus { border-color:var(--blue); box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent); }
.profile-security-form button { min-height:43px; align-self:end; border:0; border-radius:10px; background:var(--blue); color:white; font-size:12px; font-weight:750; cursor:pointer; }
#profile-password-form label:first-child { grid-column:1 / -1; }
.profile-send-code { margin-top:16px; background:var(--text); color:var(--surface); }
.profile-security-message { min-height:18px; margin:12px 0 0; color:var(--secondary); font-size:12px; }
.profile-security-message[data-tone="success"] { color:#16743b; }
.profile-security-message[data-tone="error"] { color:#d70015; }
@keyframes profile-panel-in { from { opacity:0; transform:translateY(-8px); } }
html[data-theme="dark"] :is(.profile-plan-timeline,.profile-account-card,.profile-security-panel,.profile-security-form input,.profile-card-actions button,.profile-send-code) { border-color:var(--line); background:var(--surface); color:var(--text); }
html[data-theme="dark"] .profile-card-actions button:first-child,html[data-theme="dark"] .profile-send-code { background:#f5f5f7; color:#171717; }
html[data-theme="dark"] .profile-privacy-state { background:#193a2c; color:#a2e7bd; }
html[data-theme="dark"] .profile-security-message[data-tone="success"] { color:#8ce0ac; }
html[data-theme="dark"] .profile-security-message[data-tone="error"] { color:#ff9da8; }
@media(max-width:680px) {
  .profile-account-grid,.profile-security-form { grid-template-columns:1fr; }
  #profile-password-form label:first-child { grid-column:auto; }
  .profile-plan-timeline > div:first-child { align-items:flex-start; flex-direction:column; gap:3px; }
  .profile-card-actions button { flex:1; }
}

/* Premium left sponsor rail; never covers the product workspace on smaller screens. */
.ad-rail-shell { position:fixed; z-index:12; left:18px; top:52%; width:190px; transform:translateY(calc(-50% + var(--rail-shift,0px))); transition:transform .34s cubic-bezier(.2,.82,.2,1); }
.ad-rail { position:relative; min-height:352px; padding:35px 17px 17px; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:25px; background:radial-gradient(circle at 18% 4%,rgba(67,150,255,.28),transparent 34%),linear-gradient(155deg,rgba(12,17,27,.96),rgba(8,10,16,.98)); color:#fff; box-shadow:0 30px 80px rgba(5,10,20,.25),inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter:blur(24px) saturate(145%); animation:ad-rail-arrive .65s cubic-bezier(.16,.86,.26,1); isolation:isolate; }
.ad-rail::before { content:""; position:absolute; z-index:-1; width:230px; height:230px; left:-120px; bottom:-110px; border:1px solid rgba(117,184,255,.18); border-radius:50%; box-shadow:0 0 0 36px rgba(73,145,255,.025),0 0 0 72px rgba(73,145,255,.018); animation:ad-rail-orbit 19s linear infinite; }
.ad-rail[data-tone="violet"] { background:radial-gradient(circle at 24% 4%,rgba(191,90,242,.3),transparent 36%),linear-gradient(155deg,rgba(25,14,34,.97),rgba(10,8,15,.98)); }
.ad-rail[data-tone="neutral"] { background:radial-gradient(circle at 25% 0,rgba(255,255,255,.13),transparent 38%),linear-gradient(155deg,rgba(24,25,29,.97),rgba(8,9,12,.98)); }
.ad-rail .ad-label { left:16px; top:14px; color:rgba(255,255,255,.43); font-size:8px; }
.ad-rail-mark { position:relative; width:56px; height:56px; margin:14px 0 25px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.13); border-radius:17px; background:rgba(255,255,255,.07); box-shadow:0 15px 38px rgba(0,0,0,.2); }
.ad-rail-mark span { position:relative; z-index:2; font-size:14px; font-weight:850; letter-spacing:-.03em; }
.ad-rail-mark i { position:absolute; inset:8px; border:1px solid rgba(117,184,255,.28); border-radius:50%; border-right-color:transparent; animation:ad-rail-orbit 7s linear infinite; }
.ad-rail > div:nth-of-type(2) { display:block; padding:0; }
.ad-rail small { color:#83c3ff; font-size:9px; font-weight:800; letter-spacing:.11em; }
.ad-rail strong { margin-top:9px; display:block; font-size:20px; line-height:1.05; letter-spacing:-.045em; }
.ad-rail p { margin:11px 0 0; color:rgba(255,255,255,.58); font-size:12px; line-height:1.52; }
.ad-rail > a { min-height:39px; margin-top:auto; padding:0 12px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.09); color:#fff; font-size:11px; font-weight:750; text-align:center; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.ad-rail > a:hover { transform:translateY(-2px); background:rgba(255,255,255,.15); }
.ad-rail-dismiss { position:absolute; right:10px; top:9px; width:25px; height:25px; display:grid; place-items:center; border:0; border-radius:50%; background:rgba(255,255,255,.07); color:rgba(255,255,255,.57); font-size:17px; cursor:pointer; }
.ad-rail-dismiss:hover { background:rgba(255,255,255,.14); color:#fff; }
@keyframes ad-rail-arrive { from { opacity:0; transform:translateX(-18px) scale(.97); } }
@keyframes ad-rail-orbit { to { transform:rotate(360deg); } }
@media(max-width:1499px) { .ad-rail-shell { display:none !important; } }
@media(min-width:1500px) and (max-width:1639px) {
  .ad-rail-shell { left:12px; width:140px; }
  .ad-rail { min-height:292px; padding-inline:14px; border-radius:21px; }
  .ad-rail-mark { width:47px; height:47px; margin-bottom:18px; }
  .ad-rail strong { font-size:17px; }
  .ad-rail p { display:none; }
  .ad-rail > a { margin-top:24px; }
}
@media(prefers-reduced-motion:reduce) { .ad-rail,.ad-rail::before,.ad-rail-mark i { animation:none; } }

/* Sol Akış v2 — richer hierarchy without feeling like a conventional banner. */
.ad-rail-shell { width:204px; perspective:900px; }
.ad-rail { --rail-accent:#62c5ff; min-height:390px; padding:41px 19px 17px; border-radius:30px; border-color:rgba(255,255,255,.16); background:radial-gradient(circle at 22% 0,rgba(64,157,255,.34),transparent 36%),radial-gradient(circle at 100% 78%,rgba(32,85,164,.22),transparent 42%),linear-gradient(158deg,rgba(16,22,35,.975),rgba(6,8,14,.985)); box-shadow:0 36px 95px rgba(3,9,20,.32),0 8px 24px rgba(3,9,20,.18),inset 0 1px 0 rgba(255,255,255,.12); transition:transform .35s cubic-bezier(.2,.82,.2,1),box-shadow .35s ease,border-color .35s ease; }
.ad-rail:hover { transform:translateY(-4px) rotateY(-1.5deg); border-color:color-mix(in srgb,var(--rail-accent) 30%,rgba(255,255,255,.16)); box-shadow:0 44px 110px rgba(3,9,20,.4),0 12px 30px rgba(3,9,20,.2),inset 0 1px 0 rgba(255,255,255,.14); }
.ad-rail[data-tone="violet"] { --rail-accent:#d59cff; background:radial-gradient(circle at 22% 0,rgba(191,90,242,.38),transparent 36%),radial-gradient(circle at 100% 78%,rgba(112,51,164,.24),transparent 42%),linear-gradient(158deg,rgba(31,17,42,.98),rgba(9,7,14,.99)); }
.ad-rail[data-tone="neutral"] { --rail-accent:#f2f2f7; background:radial-gradient(circle at 24% 0,rgba(255,255,255,.17),transparent 37%),radial-gradient(circle at 100% 80%,rgba(255,255,255,.06),transparent 44%),linear-gradient(158deg,rgba(31,32,37,.98),rgba(8,9,12,.99)); }
.ad-rail::after { content:""; position:absolute; z-index:-1; inset:-45% -100%; background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.09) 49%,transparent 55%); transform:translateX(-35%) rotate(8deg); animation:ad-rail-sheen 8s ease-in-out infinite; pointer-events:none; }
.ad-rail-glow { position:absolute; width:92px; height:92px; right:-39px; top:58px; border-radius:50%; background:var(--rail-accent); filter:blur(48px); opacity:.13; animation:ad-glow-breathe 3.8s ease-in-out infinite alternate; pointer-events:none; }
.ad-rail .ad-label { left:17px; top:15px; padding:4px 7px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.55); letter-spacing:.1em; backdrop-filter:blur(12px); }
.ad-rail-mark { width:66px; height:66px; margin:13px 0 17px; border-radius:21px; border-color:color-mix(in srgb,var(--rail-accent) 24%,rgba(255,255,255,.13)); background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); box-shadow:0 18px 44px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12); }
.ad-rail-mark::after { content:""; position:absolute; width:7px; height:7px; right:7px; top:7px; border-radius:50%; background:var(--rail-accent); box-shadow:0 0 15px var(--rail-accent); }
.ad-rail-mark span { font-size:16px; }
.ad-rail-mark i { inset:10px; border-color:color-mix(in srgb,var(--rail-accent) 42%,transparent); border-right-color:transparent; }
.ad-rail-signal { height:24px; margin:0 0 18px; padding:0 !important; display:flex !important; align-items:center; gap:3px; }
.ad-rail-signal i { width:3px; height:8px; border-radius:99px; background:var(--rail-accent); opacity:.48; animation:ad-signal 1.25s ease-in-out infinite alternate; }
.ad-rail-signal i:nth-child(2),.ad-rail-signal i:nth-child(6) { height:13px; animation-delay:-.2s; }
.ad-rail-signal i:nth-child(3),.ad-rail-signal i:nth-child(5) { height:20px; animation-delay:-.45s; }
.ad-rail-signal i:nth-child(4) { height:24px; opacity:.9; animation-delay:-.7s; }
.ad-rail-copy { display:block !important; padding:0 !important; }
.ad-rail-copy small { color:var(--rail-accent); font-size:9px; }
.ad-rail-copy strong { margin-top:10px; font-size:22px; line-height:1.02; text-wrap:balance; }
.ad-rail-copy p { margin-top:12px; color:rgba(255,255,255,.62); font-size:12px; line-height:1.55; }
.ad-rail > a { position:relative; min-height:44px; margin-top:22px; overflow:hidden; border:0; border-radius:14px; background:linear-gradient(110deg,#fff,#e8f4ff); color:#10141c; box-shadow:0 13px 30px rgba(0,0,0,.2); font-size:12px; }
.ad-rail > a::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(98,197,255,.18),transparent 70%); transform:translateX(-100%); transition:transform .5s ease; }
.ad-rail > a:hover { background:#fff; color:#05070b; box-shadow:0 17px 36px rgba(0,0,0,.26); }
.ad-rail > a:hover::after { transform:translateX(100%); }
.ad-rail-trust { margin-top:11px; display:flex; align-items:center; justify-content:center; gap:6px; color:rgba(255,255,255,.4); font-size:9px; }
.ad-rail-trust i { width:5px; height:5px; border-radius:50%; background:#55d98b; box-shadow:0 0 8px rgba(85,217,139,.8); }
.ad-rail-trust b { font-weight:650; }
.ad-rail-dismiss { right:11px; top:11px; transition:transform .2s ease,background .2s ease,color .2s ease; }
.ad-rail-dismiss:hover { transform:rotate(8deg); }
@keyframes ad-rail-sheen { 0%,65% { transform:translateX(-38%) rotate(8deg); } 90%,100% { transform:translateX(38%) rotate(8deg); } }
@keyframes ad-glow-breathe { to { opacity:.24; transform:scale(1.15); } }
@keyframes ad-signal { to { height:5px; opacity:.28; } }
@media(min-width:1500px) and (max-width:1639px) {
  .ad-rail-shell { width:142px; }
  .ad-rail { min-height:310px; padding:39px 14px 14px; border-radius:22px; }
  .ad-rail-mark { width:49px; height:49px; margin-bottom:13px; border-radius:16px; }
  .ad-rail-mark span { font-size:12px; }
  .ad-rail-signal { margin-bottom:13px; transform:scale(.82); transform-origin:left center; }
  .ad-rail-copy strong { font-size:17px; }
  .ad-rail-copy p,.ad-rail-trust { display:none; }
  .ad-rail > a { min-height:39px; margin-top:19px; padding-inline:8px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .ad-rail::after,.ad-rail-glow,.ad-rail-signal i { animation:none; } }

/* Sol Akış logo + theme sync — the brand mark stays correct in every campaign. */
.ad-rail {
  --rail-accent:#087fff;
  color:#12151c;
  border-color:rgba(24,36,57,.11);
  background:radial-gradient(circle at 22% 0,rgba(8,127,255,.17),transparent 36%),radial-gradient(circle at 100% 78%,rgba(93,174,255,.11),transparent 42%),linear-gradient(158deg,rgba(255,255,255,.98),rgba(241,247,255,.97));
  box-shadow:0 36px 95px rgba(43,73,112,.17),0 8px 24px rgba(43,73,112,.1),inset 0 1px 0 rgba(255,255,255,.9);
}
.ad-rail:hover { border-color:color-mix(in srgb,var(--rail-accent) 29%,rgba(24,36,57,.11)); box-shadow:0 44px 110px rgba(43,73,112,.22),0 12px 30px rgba(43,73,112,.13),inset 0 1px 0 rgba(255,255,255,.95); }
.ad-rail[data-tone="violet"] { --rail-accent:#9c3df2; background:radial-gradient(circle at 22% 0,rgba(176,76,242,.17),transparent 36%),radial-gradient(circle at 100% 78%,rgba(215,156,255,.11),transparent 42%),linear-gradient(158deg,rgba(255,255,255,.98),rgba(250,244,255,.97)); }
.ad-rail[data-tone="neutral"] { --rail-accent:#44464d; background:radial-gradient(circle at 24% 0,rgba(60,65,75,.09),transparent 37%),radial-gradient(circle at 100% 80%,rgba(80,90,105,.05),transparent 44%),linear-gradient(158deg,rgba(255,255,255,.99),rgba(244,245,248,.98)); }
.ad-rail::after { background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.72) 49%,transparent 55%); }
.ad-rail .ad-label { border-color:rgba(24,36,57,.09); background:rgba(255,255,255,.52); color:rgba(18,21,28,.52); }
.ad-rail-mark { overflow:hidden; border-color:color-mix(in srgb,var(--rail-accent) 20%,rgba(24,36,57,.1)); background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(235,240,247,.96)); box-shadow:0 18px 44px rgba(29,48,75,.15),inset 0 1px 0 #fff; }
.ad-rail-mark img { position:relative; z-index:2; width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 5px 8px rgba(20,24,32,.16)); }
.ad-rail-copy p { color:rgba(18,21,28,.63); }
.ad-rail > a { background:linear-gradient(110deg,#171a21,#303641); color:#fff; box-shadow:0 13px 30px rgba(32,45,66,.18); }
.ad-rail > a:hover { background:#080a0e; color:#fff; box-shadow:0 17px 36px rgba(32,45,66,.24); }
.ad-rail-trust { color:rgba(18,21,28,.48); }
.ad-rail-dismiss { background:rgba(24,36,57,.06); color:rgba(18,21,28,.55); }
.ad-rail-dismiss:hover { background:rgba(24,36,57,.11); color:#111318; }
html[data-theme="dark"] .ad-rail { --rail-accent:#62c5ff; color:#fff; border-color:rgba(255,255,255,.16); background:radial-gradient(circle at 22% 0,rgba(64,157,255,.34),transparent 36%),radial-gradient(circle at 100% 78%,rgba(32,85,164,.22),transparent 42%),linear-gradient(158deg,rgba(16,22,35,.975),rgba(6,8,14,.985)); box-shadow:0 36px 95px rgba(3,9,20,.32),0 8px 24px rgba(3,9,20,.18),inset 0 1px 0 rgba(255,255,255,.12); }
html[data-theme="dark"] .ad-rail:hover { border-color:color-mix(in srgb,var(--rail-accent) 30%,rgba(255,255,255,.16)); box-shadow:0 44px 110px rgba(3,9,20,.4),0 12px 30px rgba(3,9,20,.2),inset 0 1px 0 rgba(255,255,255,.14); }
html[data-theme="dark"] .ad-rail[data-tone="violet"] { --rail-accent:#d59cff; background:radial-gradient(circle at 22% 0,rgba(191,90,242,.38),transparent 36%),radial-gradient(circle at 100% 78%,rgba(112,51,164,.24),transparent 42%),linear-gradient(158deg,rgba(31,17,42,.98),rgba(9,7,14,.99)); }
html[data-theme="dark"] .ad-rail[data-tone="neutral"] { --rail-accent:#f2f2f7; background:radial-gradient(circle at 24% 0,rgba(255,255,255,.17),transparent 37%),radial-gradient(circle at 100% 80%,rgba(255,255,255,.06),transparent 44%),linear-gradient(158deg,rgba(31,32,37,.98),rgba(8,9,12,.99)); }
html[data-theme="dark"] .ad-rail::after { background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.09) 49%,transparent 55%); }
html[data-theme="dark"] .ad-rail .ad-label { border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.055); color:rgba(255,255,255,.55); }
html[data-theme="dark"] .ad-rail-copy p { color:rgba(255,255,255,.62); }
html[data-theme="dark"] .ad-rail > a { background:linear-gradient(110deg,#fff,#e8f4ff); color:#10141c; box-shadow:0 13px 30px rgba(0,0,0,.2); }
html[data-theme="dark"] .ad-rail > a:hover { background:#fff; color:#05070b; box-shadow:0 17px 36px rgba(0,0,0,.26); }
html[data-theme="dark"] .ad-rail-trust { color:rgba(255,255,255,.4); }
html[data-theme="dark"] .ad-rail-dismiss { background:rgba(255,255,255,.07); color:rgba(255,255,255,.57); }
html[data-theme="dark"] .ad-rail-dismiss:hover { background:rgba(255,255,255,.14); color:#fff; }
@media(min-width:1500px) and (max-width:1639px) { .ad-rail-mark img { width:35px; height:35px; } }

.setting.is-disabled { opacity:.55; }
.setting.is-disabled input { cursor:not-allowed; }