/* better-uix: one semantic palette and component system, independent of the other arcs. */
/* Footer identity keeps the motto with the wordmark, above the sitemap rule. */
body:not(.index-page)>footer{background:var(--section-alt)}
body:not(.index-page)>footer[data-footer-tone=canvas]{background:var(--canvas)}
.footer-identity>p{font-size:13px;letter-spacing:.035em;margin:5px 0 0;color:var(--accent)}
:root{color-scheme:light;--canvas:#f7f5f0;--section-alt:#eee5d3;--surface:#ffffff;--subtle:#e8dfcf;--detail-surface:#e4d8c2;--ink:#181819;--muted:#555046;--line:#c9bca6;--control-line:#817563;--card-line:#d2c6b2;--accent:#79521a;--accent-hover:#614012;--on-accent:#fff;--accent-soft:#eee5d4;--focus:#79521a;--error:#ad2828;--shadow:0 8px 24px #49381f14,0 0 0 1px #78644924;--radius:20px;--small-radius:10px;--content:1240px;--speed:180ms}
:root[data-theme=dark]{color-scheme:dark;--canvas:#171719;--section-alt:var(--surface);--surface:#222225;--subtle:#2b2b2f;--detail-surface:#131315;--ink:#f5f3ee;--muted:#b7b5b0;--line:#3b3b40;--control-line:#807d75;--card-line:#3b3b40;--accent:#d3a957;--accent-hover:#e1be78;--on-accent:#171719;--accent-soft:#332c20;--focus:#d3a957;--error:#ffaaaa;--shadow:0 12px 32px #0002}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button{cursor:pointer}img{max-width:100%;display:block}figure{margin:0}figcaption{font-size:13px;color:var(--muted);margin-top:16px}p{color:var(--muted);margin:0 0 22px}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;font-weight:600;text-wrap:balance}h1{font-size:clamp(42px,5vw,68px)}h2{font-size:clamp(30px,3.1vw,42px);max-width:950px}h3{font-size:24px;line-height:1.25}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}ul{padding-left:22px}li{color:var(--muted)}.icon{display:inline-block;flex:none;width:24px;height:24px;vertical-align:middle}.container{width:min(100% - 96px,var(--content));margin:auto}.narrow{max-width:840px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:var(--muted);margin-bottom:20px}.lede{font-size:21px;line-height:1.5;color:var(--ink)}.meta{font-size:14px;line-height:1.6}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:var(--small-radius);padding:10px 20px;border:1px solid transparent;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;transition:background var(--speed),box-shadow var(--speed)}.button .icon{width:18px;height:18px}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--accent-hover);color:var(--on-accent);box-shadow:0 4px 12px #0001}.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--subtle);color:var(--ink)}.button:active{box-shadow:inset 0 2px 4px #0002}.icon-button{width:44px;min-width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--ink);display:inline-grid;place-items:center;font-size:25px}.icon-button:hover{background:var(--subtle)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:550;text-decoration:none;font-size:15px}.text-link .icon{width:18px;height:18px}.text-link:hover{text-decoration:underline}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:28px 0}.skip{position:absolute;top:-100px;z-index:100}.skip:focus{top:8px;left:8px;padding:10px 20px;background:var(--surface)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-header{position:sticky;top:0;z-index:20;background:var(--canvas)}.header-inner{width:min(100% - 64px,1320px);margin:auto;display:flex;align-items:center;gap:22px;min-height:80px}.brand{font-size:28px;font-weight:700;letter-spacing:-1.5px;text-decoration:none}.brand span{color:var(--accent)}#global-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px}#global-nav>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}a[aria-current=page]{font-weight:700;text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:8px}.mobile-toggle{display:none}.product-menu{position:relative;padding:0;background:none;margin:0;border:0}.product-menu summary{min-height:44px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;padding:0;list-style:none;cursor:pointer}.product-menu summary::-webkit-details-marker{display:none}.product-menu[open] summary{font-weight:650}.product-menu>div{position:absolute;top:48px;left:-24px;width:220px;border:1px solid var(--line);padding:12px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);z-index:3}.product-menu a{display:block;padding:9px 12px;border-radius:7px;text-decoration:none}.product-menu a:hover{background:var(--subtle)}.product-bar{background:var(--surface)}.product-bar>.container{min-height:52px;display:flex;gap:30px;align-items:center;font-size:14px}.product-bar nav{display:flex;gap:24px;align-items:center;margin-left:auto}.product-bar a{min-height:44px;display:flex;align-items:center;text-decoration:none}.product-bar b{font-size:17px}
main>section{padding:88px 0}main>section:nth-of-type(even){background:var(--section-alt)}.hero{padding:84px 0 92px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.hero h1{font-size:clamp(48px,5.8vw,80px);margin-bottom:30px}.hero-copy>p:not(.eyebrow){max-width:500px}.hero-copy>.meta{margin:30px 0 0}.hero-visual{position:relative;min-width:0;padding:25px 10px 25px 0}.computer-frame{width:92%;padding:9px 9px 13px;background:#282829;border:1px solid #555;border-radius:14px 14px 5px 5px;position:relative;box-shadow:0 28px 42px #0002}.computer-frame:after{content:'';position:absolute;bottom:-10px;left:-4%;width:108%;height:12px;border-radius:2px 2px 45% 45%;background:linear-gradient(#888,#535355 45%,#262628)}.computer-frame img{width:100%;border-radius:4px}.remote-frame{position:relative;width:23%;margin:-30% 0 0 auto;border:6px solid #242426;border-radius:21px;background:#242426;box-shadow:0 12px 24px #0003;overflow:hidden}.remote-frame img{width:100%;border-radius:14px;object-fit:cover}.hero-visual figcaption{text-align:center;font-size:12px;margin-top:20px}.signal-field{position:absolute;inset:-50px -50px 10px;border-radius:50%;background:radial-gradient(ellipse,var(--accent-soft),transparent 69%);z-index:-1}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.split h3{font-size:25px}.signal-path{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:36px 0 0;margin:36px 0 0;list-style:none}.signal-path li{display:flex;flex-direction:column;position:relative;gap:10px;padding:24px 18px;background:var(--canvas);border-radius:16px;color:var(--ink)}.signal-path li:not(:last-child):after{content:'→';position:absolute;right:-25px;top:50%;transform:translateY(-50%);color:var(--muted)}.signal-path b{font-size:18px}.signal-path span{font-size:13px;color:var(--muted)}.signal-path .icon{margin-bottom:8px}.two,.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mode-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.mode-art{height:250px;background:var(--subtle);overflow:hidden}.mode-art>img{width:100%;height:100%;object-fit:cover}.live-art{padding:24px 35px 0}.live-art img{height:auto;object-fit:contain;border-radius:7px;box-shadow:var(--shadow)}.mode-copy{padding:32px}.mode-copy h3{font-size:31px}.best{font-size:14px;background:var(--canvas);padding:16px;border-radius:10px}.best b{display:block;color:var(--ink);margin-bottom:3px}.fit-grid{align-items:center}.rack{width:100%;max-height:350px;object-fit:contain;border-radius:20px}.feature>.icon{width:32px;height:32px;margin:5px 0 24px}.feature h3{font-size:25px}.feature p{font-size:16px}.feature .text-link{font-size:14px}.ui-moment{background:var(--subtle);border-radius:20px;padding:24px}.ui-moment img{width:100%;border-radius:8px;box-shadow:var(--shadow)}.experience-grid{align-items:center}.steps{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{counter-increment:step;position:relative;padding:0 0 28px 46px}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;top:1px;left:0;font-size:13px;color:var(--muted)}.steps b{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}.steps span{display:block;font-size:15px}.task-card{display:block;padding:26px;background:var(--canvas);border-radius:16px;text-decoration:none;position:relative;transition:box-shadow var(--speed),background var(--speed)}.task-card:hover{color:var(--ink);background:var(--subtle);box-shadow:var(--shadow)}.task-card>.icon{margin-bottom:26px;width:28px;height:28px}.task-card h3{font-size:22px;margin-bottom:12px}.task-card p{font-size:15px;padding-bottom:10px}.task-arrow .icon{width:20px;height:20px}.reading-list{display:grid;gap:8px}.reading-list .text-link{justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.player-line{margin:48px 0 8px;font-size:16px;font-weight:600;color:var(--ink)}.starting-price{font-size:40px;letter-spacing:-.04em;color:var(--ink);margin-bottom:16px}.starting-price span{display:block;font-size:14px;letter-spacing:0;color:var(--muted)}.trial-close{text-align:center;background:var(--subtle)!important}.trial-close h2{font-size:clamp(38px,4vw,58px);margin:0 auto 28px}.trial-close .meta{margin:25px auto 0}.intro{padding:72px 0 64px}.intro .narrow{margin-left:max(48px,calc((100% - var(--content))/2))}.intro p:last-child{margin-bottom:0}.note{background:var(--canvas);border-radius:12px;padding:22px 26px;font-size:15px;color:var(--muted);margin-top:32px}details:not(.product-menu){padding:21px 24px;border-radius:12px;background:var(--canvas);margin:16px 0}details:not(.product-menu) summary{cursor:pointer;font-weight:600;min-height:24px}details:not(.product-menu) p{margin:20px 0 0;font-size:16px}details .text-link{margin-top:12px}.remote-story{align-items:center}.remote-object{margin:auto;width:230px;padding:8px;background:#242426;border-radius:28px;box-shadow:var(--shadow)}.remote-object img{width:100%;border-radius:20px;object-fit:cover}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plan{display:flex;flex-direction:column;background:var(--canvas);padding:30px;border-radius:20px}.plan h3{font-size:25px;min-height:64px}.plan .price{font-size:42px;letter-spacing:-.04em;color:var(--ink);margin-bottom:24px}.plan .price span{font-size:13px;display:block;color:var(--muted);letter-spacing:0}.check-list{padding:0;list-style:none;margin:0 0 32px}.check-list li{display:flex;align-items:start;gap:10px;font-size:15px;margin-bottom:16px}.check-list .icon{width:17px;height:17px;margin-top:4px}.plan .button{margin-top:auto}.plan-grid+.meta{margin-top:24px}.compare-tools{display:flex;gap:24px;margin-bottom:30px}.compare-tools label{width:250px}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:15px;background:var(--surface);border-radius:16px;overflow:hidden}th,td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600}thead th{background:var(--subtle)}th:first-child{width:36%}tbody tr:last-child>*{border:0}#plan-comparison{margin-bottom:20px}.form-surface,.result-surface{padding:32px;background:var(--canvas);border-radius:20px}.setup-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px}.setup-aside{position:sticky;top:112px}.setup-aside .meta{margin:20px 6px}.result-surface h2{font-size:30px;margin-top:14px}.result-surface p{font-size:16px}.result-surface p:last-child{margin-bottom:0}fieldset{padding:0;border:0;margin:0 0 30px;min-width:0}legend{font-weight:600;font-size:18px;margin-bottom:18px;padding:0}.step-number{display:inline-grid;place-items:center;width:27px;height:27px;background:var(--surface);border-radius:50%;font-size:13px;margin-right:7px}label{display:block;font-size:14px;font-weight:550;margin:13px 0 7px}select,input[type=search]{display:block;width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:16px}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.radio-card{display:flex;gap:12px;align-items:start;margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.radio-card:has(:checked){outline:2px solid var(--accent);outline-offset:0;background:var(--accent-soft)}.radio-card input{margin:6px 0 0;accent-color:var(--accent)}.radio-card b{display:block}.radio-card small{font-size:13px;font-weight:400;display:block;color:var(--muted)}.field-help{font-size:13px;margin:12px 0 0}.form-error{color:var(--error);font-size:15px}.form-surface button[type=submit]{margin-top:8px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.download-grid .button{margin-top:26px}.download-grid .meta{margin-top:20px;margin-bottom:0}.search-field{display:flex;gap:8px}.search-field button{min-width:44px;background:var(--subtle);border:0;border-radius:10px;font-size:22px;color:var(--ink)}.search-label{font-size:20px}#support-count{margin-top:15px}.support-search-section{padding:36px 0 56px}.search-result{display:block;padding:14px 12px;border-radius:8px;text-decoration:none;font-size:16px}.search-result:hover{background:var(--subtle)}.search-result small{display:block;font-size:13px;color:var(--muted)}dialog{width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 80px);padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 25px 80px #0005}dialog::backdrop{background:#0008}dialog h2{font-size:29px;padding-right:30px}.close-dialog{position:absolute;right:12px;top:12px}#search-status{margin-top:16px}footer{padding:40px 0 22px}.footer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}.theme-controls{display:flex;gap:8px}.theme-controls [aria-pressed=true]{background:var(--subtle);box-shadow:inset 0 -2px var(--accent)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:32px 0}.footer-grid h2{font-size:14px;margin-bottom:10px;letter-spacing:0}.footer-grid a{display:block;min-height:36px;font-size:14px;color:var(--muted);text-decoration:none}.footer-grid a:hover{text-decoration:underline}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.header-inner{gap:14px}#global-nav{gap:20px}.hero-grid{gap:24px}.hero h1{font-size:58px}.four{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.mode-art{height:210px}.mode-copy{padding:25px}.plan{padding:24px}.setup-grid{gap:32px}.download-grid{gap:32px}.intro .narrow{margin-left:32px}}
@media(max-width:760px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}body{font-size:16px}.header-inner{width:calc(100% - 32px);gap:7px;min-height:72px}.brand{font-size:25px}.mobile-toggle{display:inline-grid;margin-left:auto}.header-inner>.button{padding:10px 13px}.header-inner>.button .icon{display:none}#global-nav{display:none;position:absolute;left:0;right:0;top:72px;margin:0;padding:20px;background:var(--surface);border-bottom:1px solid var(--line);align-items:stretch}#global-nav.is-open{display:flex;flex-direction:column;gap:8px}.product-menu>div{position:static;width:100%;box-shadow:none;border:0;padding-left:12px}.product-menu summary{font-size:16px}#global-nav>a{font-size:16px}.product-bar>.container{gap:15px}.product-bar nav{overflow-x:auto;gap:20px;white-space:nowrap;font-size:13px}.product-bar b{font-size:14px}.product-bar a{flex-shrink:0}main>section{padding:56px 0}.hero{padding-top:52px}.hero-grid,.split,.setup-grid,.download-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:58px}.hero-visual{max-width:540px;margin:10px auto 0;width:100%}.hero-copy>.meta{margin-top:20px}.hero-visual figcaption{font-size:11px}.lede{font-size:19px}.actions{gap:16px}.signal-path{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px;padding-top:18px}.signal-path li:after{display:none}.signal-path li{padding:20px 16px}.three,.mode-grid,.plan-grid{grid-template-columns:1fr;gap:24px}.two{grid-template-columns:1fr}.four{gap:16px}.task-card{padding:20px}.task-card h3{font-size:21px}.task-card p{font-size:14px}.mode-art{height:245px}.mode-copy h3{font-size:29px}.mode-copy{padding:27px}.feature{padding:6px 0}.feature>.icon{margin-bottom:18px}.feature p{margin-bottom:8px}.player-line{margin-top:28px}.intro .narrow{margin:auto}.intro h1{font-size:43px}.setup-aside{position:static}.form-surface,.result-surface{padding:24px}.plan h3{min-height:0}.plan .price{font-size:38px}.plan{padding:28px}.compare-tools{gap:12px}.compare-tools label{width:50%}th,td{padding:14px 10px;font-size:13px;overflow-wrap:anywhere}th:first-child{width:34%}.remote-object{width:185px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-head{padding-bottom:22px}.search-result{padding-left:0}.support-search-section{padding-top:10px}dialog{padding:28px 22px}.trial-close h2{font-size:40px}}
@media(max-width:380px){.hero h1{font-size:49px}.header-inner{gap:2px}.brand{font-size:23px}.four{grid-template-columns:1fr}.radio-grid{grid-template-columns:1fr}.form-surface{padding:20px}.hero-visual{padding-right:0}.intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(forced-colors:active){.button,.task-card,.radio-card{border:1px solid ButtonText}.radio-card:has(:checked){outline:2px solid Highlight}}
img[data-light]{visibility:hidden}img[data-theme-ready=true]{visibility:visible}
/* Images layered in one scene are revealed together: an overlay that loads first would otherwise appear alone, over nothing. */
[data-theme-scene]:not([data-theme-ready]) img[data-theme-ready]{visibility:hidden}
.mode-art .device-scene{position:relative;width:100%;height:100%;overflow:hidden}.mode-art .device-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.mode-art .device-screen{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;transform-origin:0 0;visibility:hidden}.mode-art .device-scene--ready .device-screen{visibility:visible}
.mode-card{display:flex;flex-direction:column}.mode-copy{flex:1;display:flex;flex-direction:column}.mode-copy .best{margin-top:auto}.mode-copy .text-link{align-self:flex-start}
.product-toggle{display:none}
.switching-theme *{transition:none!important}
@media(max-width:760px){.product-bar{position:relative}.product-label{display:none}.product-toggle{display:flex;align-items:center;gap:14px;background:transparent;border:0;color:var(--ink);padding:10px 0;font-weight:600;min-height:44px}.product-bar nav{display:none;position:absolute;left:0;right:0;top:52px;margin:0;padding:16px 24px;background:var(--surface);z-index:10;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.product-bar nav.is-open{display:flex}}
.pricing-page .intro{padding:44px 0 32px}.pricing-page .intro h1{font-size:clamp(38px,4vw,54px)}.pricing-page #plans{padding:40px 0 56px}.pricing-page #plans>.container>h2{font-size:32px}.pricing-page .plan h3{font-size:23px}
/* Expand in place: compact summaries, full detail only when wanted. */
.expand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;margin-top:30px}
.expand-grid details.expand-card{margin:0;padding:0;background:var(--surface);border:1px solid transparent;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.expand-card summary{display:flex;flex-direction:column;align-items:flex-start;position:relative;list-style:none;padding:26px 24px 28px;min-height:202px}
.expand-card summary::-webkit-details-marker{display:none}.expand-card summary>.icon{width:28px;height:28px;color:var(--accent);margin-bottom:25px}
.expand-title{font-size:22px;line-height:1.2;color:var(--ink);letter-spacing:-.025em}.expand-subtitle{font-size:14px;line-height:1.5;font-weight:400;margin-top:9px;padding-right:16px;color:var(--muted)}
.expand-mark{position:absolute;right:20px;top:25px;width:26px;height:26px;border-radius:50%;background:var(--subtle)}.expand-mark:before,.expand-mark:after{content:'';position:absolute;top:12px;left:8px;width:10px;height:1px;background:var(--ink)}.expand-mark:after{transform:rotate(90deg)}.expand-card[open] .expand-mark:after{transform:none}
.expand-card[open]{border-color:var(--line)}.expand-card summary:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.expand-content{padding:0 24px 26px}.expand-content>p:first-child{margin-top:0}.expand-card .expand-content p{font-size:15px;line-height:1.7;margin:0 0 14px}.expand-card .expand-content .meta{font-size:12px}.expand-content .text-link{font-size:14px}
.mechanism-reading{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px;align-items:center}.mechanism-reading>span{font-size:14px;color:var(--muted)}.mechanism-reading .text-link{font-size:14px}
.mode-art.live-art{padding:0;background:var(--canvas);height:auto;aspect-ratio:1.5;overflow:hidden}.mode-art.live-art .tablet-scene{aspect-ratio:1.5;height:auto}.mode-art .tablet-scene .device-frame{transform:none;object-fit:contain}.mode-art.live-art img.device-frame{mix-blend-mode:normal}
[data-theme=light] .mode-art.live-art{background:#f5f2ea}
.wizard-section{padding-top:28px}.wizard-section>.container{max-width:1000px}.wizard-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.wizard-heading>.meta{max-width:180px;font-size:12px;margin:0}.wizard-progress{padding:0;margin:0;list-style:none;display:flex;gap:22px;color:var(--muted);font-size:14px}.wizard-progress li{padding-bottom:12px;border-bottom:2px solid var(--line)}.wizard-progress li[aria-current]{border-color:var(--accent);color:var(--accent);font-weight:600}.wizard-progress .complete{color:var(--ink)}
.wizard{border-radius:24px;padding:40px 48px;background:var(--surface);box-shadow:var(--shadow)}.wizard fieldset{max-width:720px;margin:0}.wizard legend{font-size:30px;line-height:1.25;letter-spacing:-.03em;margin:0 0 20px}.wizard label:not(.radio-card){margin-top:24px}.wizard .radio-card{padding:24px}.wizard .radio-card small{font-size:14px;margin-top:5px}.wizard-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:32px}.wizard-actions>.meta{margin:0 0 0 auto;font-size:13px}.wizard-actions button{cursor:pointer}.wizard-reference{font-size:14px;margin:26px 0 0}.wizard-reference a{color:var(--accent)}.text-button{background:none;border:0;color:var(--accent);text-decoration:underline;padding:12px;font:inherit;font-size:14px}
.dac-reference{padding:24px;background:var(--subtle);border-radius:14px;margin-top:22px}.dac-reference h3{font-size:22px;margin-bottom:18px}.dac-reference p{font-size:14px}.dac-reference .eyebrow{font-size:11px}.dac-reference dl{display:grid;grid-template-columns:145px 1fr;gap:10px;font-size:14px;line-height:1.5}.dac-reference dt{font-weight:600}.dac-reference dd{margin:0;color:var(--muted)}.spec-links{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.spec-links a{color:var(--accent)}
.wizard-result h2{font-size:34px;margin-top:16px}.setup-summary{display:flex;flex-direction:column;gap:7px;background:var(--subtle);padding:20px 24px;border-radius:12px;font-size:15px}.setup-summary span{color:var(--muted)}.personal-steps{list-style:none;padding:0;counter-reset:setup;margin:32px 0}.personal-steps>li{counter-increment:setup;display:flex;gap:22px;margin-bottom:28px}.personal-steps>li:before{content:counter(setup);display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600}.personal-steps h3{font-size:21px;margin-bottom:10px}.personal-steps p{font-size:15px;margin-bottom:8px}.personal-steps .text-link{font-size:14px}
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.review-card{padding:36px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.review-card blockquote{margin:24px 0;font:italic 30px/1.4 Georgia,serif;color:var(--ink)}.review-card h3{font-size:28px;margin:24px 0}.review-card p{font-size:16px}.review-card .review-byline{font-size:13px;line-height:1.7}.source-note{margin:24px 0 0;max-width:84ch}
[hidden]{display:none!important}
@media(max-width:1000px){.expand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-heading{align-items:start}.wizard{padding:32px}}
@media(max-width:600px){.expand-grid{gap:12px}.expand-card summary{padding:22px 18px;min-height:196px}.expand-title{font-size:20px}.expand-content{padding:0 18px 22px}.expand-subtitle{font-size:13px}.expand-card .expand-content p{font-size:14px}.expand-mark{right:14px}.mechanism-reading{gap:12px}.mechanism-reading>span{flex-basis:100%}.wizard{padding:24px 20px}.wizard legend{font-size:25px}.wizard-heading{display:block}.wizard-heading>.meta{display:none}.wizard-progress{gap:12px;font-size:12px;justify-content:space-between}.wizard-progress li{white-space:nowrap}.wizard-actions>.meta{flex-basis:100%;margin:0}.wizard .radio-grid,.review-grid{grid-template-columns:1fr}.wizard .radio-card{padding:20px}.dac-reference{padding:20px}.dac-reference dl{grid-template-columns:1fr;gap:5px}.dac-reference dd{margin-bottom:10px}.personal-steps>li{gap:12px}.wizard-result h2{font-size:28px}.review-card{padding:26px}.review-card blockquote{font-size:26px}}
@media(max-width:360px){.expand-grid{grid-template-columns:1fr}.expand-card summary{min-height:165px}.wizard-progress{gap:8px;font-size:11px}}
.mode-art,.mode-art.live-art{height:300px;aspect-ratio:auto}.mode-art.live-art .tablet-scene{height:100%;aspect-ratio:auto}.mode-art .tablet-scene .device-frame{object-fit:cover}
@media(max-width:1050px){.mode-art,.mode-art.live-art{height:260px}}
@media(max-width:600px){.mode-art,.mode-art.live-art{height:230px}}
.mode-art.live-art .tablet-scene{height:calc(100% + 32px)}
.wizard-result,.wizard legend{scroll-margin-top:110px}
html[data-theme=dark] img[data-theme-dark]:not([data-light]):not([data-theme-ready=dark]),html[data-theme=light] img[data-theme-light]:not([data-light]):not([data-theme-ready=light]){visibility:hidden}
/* Equal reading cards; the signal continues visibly between them. */
.expand-grid{align-items:stretch;grid-auto-rows:1fr}.expand-grid details.expand-card{height:100%;overflow:visible;position:relative}.expand-card summary{border-radius:20px}.signal-cards{gap:36px}.signal-cards>.expand-card:not(:last-child)::after{content:'→';position:absolute;top:93px;right:-29px;width:22px;text-align:center;font-size:23px;color:var(--muted);font-weight:400}.fit-grid>.rack{border-radius:24px;overflow:hidden}
@media(max-width:1000px){.signal-cards>.expand-card:nth-child(2n)::after{display:none}}
@media(max-width:360px){.signal-cards>.expand-card::after{display:none}.signal-cards{gap:16px}}
/* A single page, with each decision kept beside its instructions. */
.start-intro{padding:54px 0 40px}.start-intro .container{max-width:1140px}.start-intro .lede{max-width:660px}.start-intro h1{font-size:clamp(40px,4.5vw,60px)}
.start-container{max-width:1140px}.start-nav{position:sticky;top:80px;z-index:25;background:var(--canvas);box-shadow:0 1px 0 var(--line)}.start-nav>.container{max-width:1140px;display:flex;gap:32px;align-items:center;min-height:60px}.start-nav a{font-size:14px;color:var(--muted);white-space:nowrap;text-decoration:none;padding:18px 0}.start-nav a:hover{color:var(--ink)}
.start-section{padding:60px 0;scroll-margin-top:145px;background:var(--canvas)}.start-section:nth-child(even){background:var(--subtle)}.start-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:30px}.start-number{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;margin-top:4px}.start-heading h2{font-size:clamp(28px,3vw,38px);margin:0 0 10px;max-width:100%}.start-heading p{font-size:16px;margin:0;max-width:760px}
.prepare-grid,.instruction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;grid-auto-rows:1fr}.prepare-card,.instruction-card,.start-card{background:var(--surface);border-radius:20px;padding:28px;min-width:0;box-shadow:var(--shadow)}.prepare-card>.icon{color:var(--accent);width:27px;height:27px;margin-bottom:23px}.prepare-card h3,.instruction-card h3{font-size:22px;margin-bottom:12px}.prepare-card p,.instruction-card p{font-size:15px;line-height:1.7;margin:0}.start-card h3{font-size:25px;margin:0 0 20px}.start-card p{font-size:15px}.start-card label{font-size:14px;margin-top:22px}.start-card fieldset{margin-bottom:10px}.start-card legend{font-size:22px;margin-bottom:24px}
.start-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.start-card{padding:32px}.start-card .eyebrow{font-size:12px}.start-card.trial-card h3{font-size:31px}.start-section details.start-disclosure{background:var(--surface);margin:22px 0 0;padding:20px 24px}.start-card details.start-disclosure{background:var(--canvas);padding:16px 18px}.start-disclosure summary{font-size:15px}.start-disclosure p,.start-disclosure li{font-size:15px;line-height:1.7}.inline-three{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:25px}.inline-three h3{font-size:18px;margin-bottom:10px}.inline-three p{margin:0!important;font-size:14px!important}
.prepare-checks{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.prepare-checks label,.completion-check{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted);cursor:pointer}.prepare-checks input,.completion-check input{accent-color:var(--accent);width:16px;height:16px}.start-next{margin-top:24px}.start-next .text-link{font-size:14px}.platform-choices{display:flex;flex-wrap:wrap;gap:9px}.platform-choices label{position:relative;margin:0;cursor:pointer}.platform-choices input{position:absolute;opacity:0;inset:0;pointer-events:none}.platform-choices span{display:block;background:var(--canvas);padding:10px 14px;border-radius:9px;color:var(--muted);font-size:14px;border:1px solid transparent;transition:background 150ms}.platform-choices :checked+span{background:var(--subtle);border-color:var(--line);color:var(--ink);box-shadow:0 2px 5px #00000008}.platform-choices input:focus-visible+span{outline:2px solid var(--muted);outline-offset:3px}.platform-choices label:hover span{color:var(--ink)}.start-card details.platform-help{background:transparent;padding:0;margin:18px 0 0;font-size:13px}.platform-help summary{font-size:13px;color:var(--muted);font-weight:400}.platform-help p{font-size:13px!important}.download-slot{margin-top:30px}.download-slot button{cursor:pointer}.download-slot button:disabled{background:var(--subtle);color:var(--muted);cursor:default}.download-slot .field-help{font-size:13px;min-height:22px;line-height:1.6;margin-bottom:0}.install-instructions ol{padding-left:20px;margin-bottom:0}.install-instructions li{margin:10px 0}.trial-card>p{line-height:1.75}.start-card .dac-reference{margin-top:22px;padding:20px}.dac-reference details.manufacturer-notes{padding:0;background:transparent;margin:16px 0 0}.manufacturer-notes summary{font-size:13px}.manufacturer-notes .spec-links{margin-top:12px}.listening-choice{margin-bottom:26px}.listening-choice .radio-card{background:var(--surface);padding:24px;border:1px solid transparent}.listening-choice .radio-card:has(:checked){outline:0;border-color:var(--line);box-shadow:0 2px 6px #0001}.listening-choice .radio-card input{accent-color:var(--accent)}.listening-choice b{font-size:20px}.listening-choice small{font-size:14px;margin-top:4px}.your-settings{padding:20px 24px;background:var(--surface);border-radius:14px;margin-bottom:24px}.your-settings p{font-size:14px;margin:7px 0 0}.your-settings .eyebrow{font-size:11px}.instruction-number{display:block;font-size:13px;color:var(--accent);margin-bottom:24px}.instruction-card .settings-note{font-size:13px;color:var(--muted);margin-top:16px}.live-source{display:grid;grid-template-columns:1fr 1.4fr;gap:12px 26px;align-items:center;margin:30px 0}.live-source label{margin:0}.live-source p{grid-column:2;font-size:14px;margin:0}.flow-finish{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}.flow-finish p{margin:0}.start-further{padding:34px 0!important;background:var(--canvas)!important}.start-further .mechanism-reading{margin-top:16px}
/* A light menu surface instead of an OS popup and heavy rounded focus border. */
.choice-select{position:relative;min-width:0;width:100%}.native-choice{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip-path:inset(50%);opacity:0;pointer-events:none;padding:0!important;border:0!important}.choice-trigger{width:100%;min-height:46px;padding:11px 14px;display:flex;gap:18px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:400 15px/1.5 Inter,'Segoe UI',sans-serif;text-align:left;cursor:pointer;box-shadow:0 1px 2px #00000004}.choice-trigger>span:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.choice-trigger>span:last-child{color:var(--muted);flex-shrink:0}.choice-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--muted) 60%,transparent);outline-offset:2px}.choice-options{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:250px;overflow:auto;padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 12px 36px #0002,0 0 0 1px color-mix(in srgb,var(--line) 60%,transparent);z-index:40;overscroll-behavior:contain}.opens-up .choice-options{top:auto;bottom:calc(100% + 6px)}.choice-option{position:relative;padding:10px 32px 10px 12px;border-radius:7px;font-size:14px;line-height:1.45;color:var(--ink);cursor:pointer}.choice-option[aria-selected=true]:after{content:'✓';position:absolute;right:10px;color:var(--muted)}.choice-option:is(:hover,.is-active){background:var(--subtle)}.choice-option[aria-disabled=true]{color:var(--muted);cursor:default}
@media(max-width:900px){.start-nav>.container{gap:23px}.prepare-grid,.instruction-grid{gap:14px}.prepare-card,.instruction-card{padding:22px}.start-two{gap:18px}.start-card{padding:24px}}
@media(max-width:760px){.start-nav{top:72px}.start-nav>.container{overflow-x:auto;width:100%;padding-inline:20px;gap:24px;min-height:54px}.start-nav a{font-size:13px;padding-block:15px}.start-section{padding:40px 0;scroll-margin-top:135px}.start-heading{gap:14px}.start-heading h2{font-size:29px}.start-heading p{font-size:15px}.start-number{width:32px;height:32px;font-size:11px}.start-two,.prepare-grid,.instruction-grid,.inline-three{grid-template-columns:1fr}.prepare-grid,.instruction-grid{grid-auto-rows:1fr}.prepare-card{display:grid;grid-template-columns:30px 1fr;gap:12px 18px}.prepare-card>.icon{grid-row:1/3;margin:4px 0 0}.prepare-card h3{margin:0}.prepare-card p{grid-column:2}.start-intro{padding-top:38px}.start-intro h1{font-size:40px}.start-heading{margin-bottom:24px}.prepare-checks{gap:10px;flex-direction:column}.prepare-checks label{margin-block:4px}.start-card.trial-card h3{font-size:28px}.live-source{grid-template-columns:1fr;gap:12px}.live-source p{grid-column:1}.flow-finish{align-items:flex-start;gap:14px}.flow-finish .text-button{padding:0;white-space:nowrap}.flow-finish .meta{font-size:12px}.listening-choice .radio-grid{grid-template-columns:1fr}.start-section details.start-disclosure{padding:18px 20px}.platform-choices{gap:7px}.platform-choices span{padding:10px 12px;font-size:13px}.choice-trigger{font-size:14px}.your-settings p{line-height:1.7}.download-slot .button{font-size:13px}}
/* Reading rows open together; connecting arrows remain at the actual card midpoint. */
.signal-cards>.expand-card:not(:last-child)::after{top:50%;transform:translateY(-50%);line-height:1}
.rack-frame{border-radius:28px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 28px)}.rack-frame .rack{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.button.start-action,.start-next .text-link{color:var(--ink)}.button.start-action{background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 9px #00000009}.button.start-action .icon{color:var(--muted)}.button.start-action:hover{background:var(--subtle);color:var(--ink);border-color:var(--muted);box-shadow:0 4px 14px #00000010}
/* One DAC selection, then the matching options. */
.dac-matches{max-height:282px;overflow:auto;overscroll-behavior:contain;margin-top:18px;border-radius:12px;background:var(--canvas);padding:5px}.dac-match{display:block;width:100%;border:0;background:transparent;color:var(--ink);border-radius:9px;text-align:left;padding:12px 14px;cursor:pointer}.dac-match b{font-size:15px}.dac-match span{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:3px}.dac-match:hover,.dac-match[aria-pressed=true]{background:var(--surface);box-shadow:0 2px 6px #00000009}.dac-match[aria-pressed=true] b::after{content:' ✓';color:var(--muted)}#choose-manual{margin-top:20px;padding:0;color:var(--muted);min-height:40px;font-size:14px}#manual-dac{margin-top:20px}#manual-dac legend{font-size:15px;margin-bottom:4px}.dac-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dac-type-card{margin:0!important;position:relative;cursor:pointer}.dac-type-card input{position:absolute;opacity:0;pointer-events:none}.dac-type-card>span{height:100%;display:flex;flex-direction:column;gap:8px;background:var(--canvas);padding:18px 16px;border:1px solid transparent;border-radius:13px}.dac-type-card .icon{width:23px;height:23px;color:var(--muted)}.dac-type-card b{font-size:16px}.dac-type-card small{font-size:13px;line-height:1.5;font-weight:400;color:var(--muted)}.dac-type-card:has(:checked)>span{border-color:var(--muted);background:var(--subtle)}.dac-type-card:has(:focus-visible)>span{outline:2px solid var(--muted);outline-offset:3px}.dac-unknown{display:flex;gap:10px;font-size:13px!important;color:var(--muted)}.dac-options .dac-reference{padding:0;background:transparent;margin:20px 0}.dac-options .dac-reference dl{font-size:14px;grid-template-columns:45px 1fr;gap:12px;margin:0 0 16px}.dac-options .dac-reference .field-help{font-size:13px;margin-top:10px}.dac-options .connection-details{margin-top:20px;padding:14px 16px}.dac-options .connection-details summary{font-weight:400;font-size:14px}#dac-empty{padding-top:18px}#dac-empty p{max-width:350px}
/* Offline and Live walkthroughs stay in this page and share the selected DAC. */
.listen-wizard{background:var(--surface);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.listen-tabs{display:flex;gap:8px;padding:5px;background:var(--canvas);border-radius:12px;margin-bottom:32px}.listen-tabs button{flex:1;display:flex;gap:10px;justify-content:center;align-items:center;padding:12px 10px;min-height:46px;background:transparent;color:var(--muted);border:0;border-radius:9px;font-size:14px}.listen-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #0000000b}.listen-tabs button span{font-size:12px;opacity:.7}.walk-intro h3{font-size:28px;margin-bottom:14px}.walk-intro>.eyebrow{font-size:11px;margin-bottom:12px}.walk-intro p{font-size:15px}.walk-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.walk-columns h4{font-size:18px;margin:0 0 16px;letter-spacing:-.02em}.walk-columns p,.walk-instructions li,.walk-footnote{font-size:15px;line-height:1.75}.walk-columns label{margin-top:0}.walk-columns .field-help{font-size:13px}.walk-columns label:not(:first-child){margin-top:22px}.walk-instructions{padding-left:22px;max-width:850px}.walk-instructions li{padding-left:9px;margin-bottom:22px}.walk-footnote{font-size:13px;color:var(--muted);margin:25px 0 0}.listen-pagination{display:flex;align-items:center;gap:20px;justify-content:flex-end;margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}.listen-pagination .meta{margin:0 auto 0 0;font-size:13px}.listen-panel{min-height:260px}.listen-wizard select{max-width:100%}.listen-wizard .choice-trigger{background:var(--canvas)}.player-help p:last-child{margin-bottom:0}
@media(max-width:760px){.listen-wizard{padding:20px}.listen-tabs{gap:3px;margin-bottom:24px}.listen-tabs button{font-size:12px;line-height:1.4;gap:4px;padding:10px 6px}.listen-tabs button span{display:none}.walk-columns{grid-template-columns:1fr;gap:25px}.walk-intro h3{font-size:24px}.listen-pagination{gap:10px;flex-wrap:wrap}.listen-pagination .button{font-size:13px;padding:10px 13px}.listen-panel{min-height:0}.dac-matches{max-height:245px}.dac-type-card>span{padding:15px 12px}.dac-type-card b{font-size:15px}.dac-chooser{align-items:start}.rack-frame{border-radius:22px;clip-path:inset(0 round 22px)}}
@media(prefers-reduced-motion:reduce){.button.start-action{transition:none}}
/* Quiet gold outlines, with the trial action restored in the shared header. */
.button.start-action{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));color:var(--ink);background:var(--surface)}.button.start-action:hover{border-color:var(--accent);background:var(--subtle);color:var(--ink)}
/* The closing room photograph spans the page. Preserve its full lower edge. */
.index-page #licenses{position:relative;padding:0;isolation:isolate;min-height:0}.listener-scene{width:100%;position:relative}.listener-scene img{width:100%;height:auto;max-width:none;display:block}.index-page #licenses>.container{position:absolute;top:11%;left:27%;width:46%;max-width:700px;margin:0;z-index:1}.index-page #licenses h2{font-size:clamp(27px,2.8vw,42px);margin-bottom:24px}.index-page #licenses .eyebrow{font-size:11px;margin-bottom:13px}.index-page #licenses .split{grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.index-page #licenses .lede{font-size:clamp(15px,1.25vw,19px);line-height:1.65;max-width:400px}.index-page #licenses .starting-price{font-size:32px;line-height:1.2;margin:20px 0}.index-page #licenses .starting-price span{display:block;font-size:13px;line-height:1.5;margin-top:8px}.index-page #licenses .actions{margin:0}.index-page #licenses .button{font-size:13px;padding:10px 14px}.index-page #licenses :is(p,h2){color:var(--ink)}.index-page #licenses .eyebrow,.index-page #licenses .starting-price span{color:var(--muted)}
/* Previous/next arrows remain available at either end of the sticky step navigation. */
.start-nav>.container{gap:16px;min-height:66px;overflow:visible}.start-step-links{display:flex;flex:1;min-width:0;gap:clamp(16px,3vw,34px);justify-content:center;align-items:center}.start-step-links a{position:relative;color:var(--muted)}.start-step-links a[aria-current=step]{color:var(--ink);font-weight:650}.start-step-links a[aria-current=step]::after{content:'';height:2px;position:absolute;bottom:10px;left:0;right:0;background:var(--accent);border-radius:2px}.step-arrow{width:42px;height:42px;flex:0 0 42px;border:0;background:var(--subtle);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:23px;line-height:1;padding:0}.step-arrow:hover:not(:disabled){background:var(--surface);box-shadow:0 2px 8px #0001}.step-arrow:disabled{opacity:.3;cursor:default}.step-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stepped-setup .start-section{min-height:calc(100svh - 146px)}
@media(max-width:1050px){.index-page #licenses{display:flex;flex-direction:column}.index-page #licenses>.container{position:relative;top:auto;left:auto;order:0;width:calc(100% - 80px);max-width:760px;margin:0 auto;padding:48px 0 32px}.index-page #licenses .listener-scene{order:1}.index-page #licenses h2{font-size:32px}.index-page #licenses .split{gap:30px}.index-page #licenses .lede{font-size:17px}.index-page #licenses .starting-price{font-size:29px}}
@media(max-width:760px){.index-page #licenses{display:flex;flex-direction:column}.index-page #licenses>.container{position:relative;top:auto;left:auto;order:0;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding:40px 0 30px}.index-page #licenses .split{grid-template-columns:1fr 1fr;gap:24px}.index-page #licenses h2{font-size:32px}.index-page #licenses .lede{font-size:15px}.index-page #licenses .listener-scene{order:1}.index-page #licenses .button{font-size:13px}.index-page #licenses .starting-price{font-size:29px}.start-nav>.container{width:100%;padding-inline:14px;gap:10px;min-height:60px}.start-step-links{overflow-x:auto;justify-content:flex-start;gap:23px;scrollbar-width:none}.start-step-links a{flex:none;font-size:13px}.step-arrow{width:38px;height:38px;flex-basis:38px;font-size:22px}.stepped-setup .start-section{min-height:calc(100svh - 132px)}}
@media(max-width:450px){.index-page #licenses .split{grid-template-columns:1fr}.index-page #licenses .actions{display:inline-flex;margin-right:20px}.index-page #licenses .starting-price{display:inline-block;vertical-align:middle;margin-top:0}.index-page #licenses .split>div>.button{display:flex;width:fit-content}.index-page #licenses>.container{padding-bottom:20px}}

/* A selected disclosure grows on its own; neighbouring cards keep their height. */
.expand-grid{align-items:start;grid-auto-rows:auto}.expand-grid details.expand-card{height:auto}.expand-card summary{min-height:244px}
.fit-grid{align-items:center}.fit-copy>p:last-child{margin-bottom:0}.fit-grid .rack-frame{width:100%;max-width:530px;justify-self:center}.rack-frame .rack{height:auto;max-height:none;object-fit:contain}
/* Arrows flank the current setup stage, separate from the step navigation. */
.setup-stage{display:grid;grid-template-columns:56px minmax(0,1240px) 56px;gap:0 18px;padding:0 20px;justify-content:center}
.setup-stage #start-flow{grid-column:2;grid-row:1;min-width:0}.setup-stage .start-container{width:100%}
.stage-rail{position:sticky;top:calc(50svh + 50px);align-self:start;display:flex;justify-content:center;z-index:8;visibility:hidden}
.stepped-setup .stage-rail{visibility:visible}.stage-rail-back{grid-column:1;grid-row:1}.stage-rail-next{grid-column:3;grid-row:1}
.stage-status{display:none}.start-nav>.container{width:min(100% - 96px,var(--content));padding-inline:0}.start-step-links{justify-content:center}
@media(max-width:1000px){.expand-card summary{min-height:228px}.setup-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:0 12px;padding:0 12px}}
@media(max-width:760px){.setup-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:0 10px;padding:0 20px}.setup-stage #start-flow{grid-column:1/-1;grid-row:2}.stage-rail{top:132px;background:var(--canvas);padding:10px 0}.stepped-setup .stage-status{display:block;grid-column:2;grid-row:1;position:sticky;top:132px;z-index:8;text-align:center;background:var(--canvas);margin:0;padding:17px 0;font-size:13px}.start-nav>.container{width:calc(100% - 40px)}.start-step-links{justify-content:flex-start}.expand-card summary{min-height:232px}.setup-stage .start-section{padding-top:28px}.setup-stage .start-heading h2{font-size:27px}}
@media(max-width:360px){.expand-card summary{min-height:165px}}

/* Keep card rows still; details are read in a shared area directly below. */
.expand-grid.has-detail-panel{align-items:stretch;grid-auto-rows:1fr}
.has-detail-panel article.expand-card{position:relative;margin:0;padding:0;background:var(--surface);border:1px solid transparent;border-radius:20px;box-shadow:var(--shadow);overflow:visible}
.card-trigger{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;height:100%;min-height:244px;padding:26px 24px 28px;border:0;border-radius:19px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.card-trigger>.icon{width:28px;height:28px;color:var(--accent);margin-bottom:25px}.card-trigger .expand-title{font-weight:600}.card-trigger:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.has-detail-panel article.is-selected{border-color:var(--accent)}.card-trigger[aria-expanded=true] .expand-mark:after{transform:none}
.card-mobile-hint{display:none}
.card-details{position:relative;margin-top:18px;padding:24px 30px;background:var(--detail-surface);border:0;border-radius:12px;box-shadow:inset 0 1px 3px #0000000a}
.card-details .expand-content{padding:0}.card-details .card-detail-heading{font-size:25px;margin:0 40px 22px 0}
.card-details .expand-content>p{max-width:88ch;font-size:17px;line-height:1.7}.card-details .expand-content p:last-child{margin-bottom:0}
.card-details-close{position:absolute;top:16px;right:18px;width:36px;height:36px;border:0;border-radius:50%;background:var(--subtle);color:var(--muted);font-size:24px;line-height:1;display:grid;place-items:center}
.card-details-close:hover{color:var(--ink)}.card-detail-layout{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:32px;align-items:center}
.card-detail-art{min-width:0;width:100%;border-radius:10px;overflow:hidden}.card-detail-art>img{width:100%;height:auto;max-height:210px;object-fit:contain}.card-detail-copy p{font-size:16px!important;line-height:1.7!important}
.card-detail-art .preference-visual{position:relative;width:100%;aspect-ratio:1.5;overflow:hidden;border-radius:12px;background:var(--canvas)}
.card-detail-art .preference-background{width:100%;height:100%;object-fit:cover}
.card-detail-art .preference-interface{position:absolute;bottom:5%;left:37%;width:58%;border-radius:5px;overflow:hidden;box-shadow:0 5px 12px #0005}
.card-detail-art .screenshot-crop{position:relative;overflow:hidden}.card-detail-art .screenshot-crop img{position:absolute;max-width:none}
.card-detail-art .dac-settings-art{border-radius:8px;box-shadow:0 3px 10px #0002}
.dac-type-card .dac-symbol{display:block;width:76px;height:48px;margin-bottom:14px;color:var(--muted)}
.dac-type-card:has(:checked) .dac-symbol{color:var(--accent)}
/* Miniature of the web chooser: shared symbols, automatic theme, no fake controls. */
.card-detail-art:has(.ui-raised,.preference-visual){overflow:visible}
.card-detail-art :is(.ui-raised,.preference-visual){transform:perspective(900px) rotateY(-5deg) rotateX(2deg);box-shadow:9px 12px 22px -8px #0005,0 1px 3px #0002}
:root[data-theme=dark] .card-detail-art :is(.ui-raised,.preference-visual){box-shadow:10px 14px 24px -6px #0009,0 0 0 1px #ffffff1c}
.dac-chooser-art{padding:14px;border-radius:12px;background:var(--surface);color:var(--ink)}
.dac-preview-title{font-size:17px;font-weight:600;line-height:1.2;margin-bottom:12px;letter-spacing:-.025em}
.dac-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dac-preview-choice{padding:9px;border:1px solid var(--line);border-radius:8px}
.dac-preview-choice .dac-symbol{display:block;width:45px;height:28px;margin-bottom:5px;color:var(--muted)}
.dac-preview-choice b{display:block;font-size:10px;line-height:1.35;margin-bottom:5px}
.dac-preview-choice small{display:block;font-size:8px;line-height:1.4;color:var(--muted)}
/* The isolated rack sits on the page itself, with a smaller footprint. */
.fit-grid .rack-frame{width:min(100%,410px);max-width:410px;background:transparent;border:0;border-radius:0;clip-path:none;overflow:visible;box-shadow:none;isolation:auto}
.rack-frame .rack{border-radius:0;filter:drop-shadow(0 12px 12px #00000016)}
@media(max-width:1000px){.card-trigger{min-height:228px}.card-detail-layout{gap:24px}.fit-grid .rack-frame{width:min(100%,360px)}}
@media(max-width:760px){.card-details{padding:22px;margin-top:18px}.card-detail-layout{grid-template-columns:1fr;gap:20px}.card-detail-art{max-width:230px;justify-self:center}.card-detail-art>img{max-height:155px}.card-details .expand-content>p,.card-detail-copy p{font-size:15px!important}.card-trigger{min-height:232px;padding:22px 18px}.fit-grid .rack-frame{width:min(88%,350px)}}
@media(max-width:360px){.card-trigger{min-height:165px}}

/* On phones, reveal directly beneath the selected row and show the way down. */
@media(max-width:760px){
 .expand-grid.has-detail-panel{grid-auto-rows:auto;overflow-anchor:none}
 .has-detail-panel>.card-details{grid-column:1/-1;min-width:0;width:100%;margin:8px 0 0}
 .has-detail-panel>.card-details:not([hidden]) .expand-content:not([hidden]){animation:card-detail-reveal 280ms ease-out both}
 .has-detail-panel .card-mobile-hint{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;font-size:12px;font-weight:500;line-height:1.3;color:var(--muted)}
 .card-mobile-hint:after{content:'↓';font-size:18px;line-height:1}
 .has-detail-panel .is-selected .card-mobile-hint{color:var(--accent)}
 .has-detail-panel .card-trigger>.expand-mark{display:none}
 .signal-cards>.expand-card:not(:last-child)::after{display:none}
 .has-detail-panel>.is-selected .card-trigger:after{content:'↓';position:absolute;bottom:-24px;left:calc(50% - 10px);width:20px;font-size:24px;line-height:24px;color:var(--accent);pointer-events:none}
}
@keyframes card-detail-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* The hand-held Remote uses the original screen geometry at a compact size. */
.card-detail-art .phone-scene{position:relative;width:210px;max-width:100%;aspect-ratio:1;margin-inline:auto;overflow:hidden;border-radius:10px}
.card-detail-art .phone-scene :is(.device-frame,.device-occlusion){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-detail-art .phone-scene .device-screen{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;transform-origin:0 0;visibility:hidden}
.card-detail-art .phone-scene.device-scene--ready .device-screen{visibility:visible}
/* Compact personalization art; use the phone's empty margins to enlarge the hand. */
#features .card-details{padding-block:20px}
#features .card-detail-heading{margin-bottom:16px}
#features .card-detail-copy p:not(:last-child){margin-bottom:16px}
#features .card-detail-art .preference-visual{width:min(100%,255px);margin-inline:auto}
#features .card-detail-art .dac-settings-art{width:min(100%,280px);margin-inline:auto}
.remote-detail-art{position:relative;height:190px;width:100%;overflow:hidden;border-radius:10px}
.card-detail-art .remote-detail-art .phone-scene{position:absolute;width:300px;max-width:none;height:300px;left:50%;top:-42px;margin:0;transform:translateX(-50%);overflow:visible;border-radius:0}
@media(max-width:760px){
 #features .card-detail-layout{gap:16px}
 #features .card-detail-art .preference-visual{width:min(100%,200px)}
 #features .card-detail-art .dac-settings-art{width:min(100%,215px)}
 .remote-detail-art{height:168px}
 .card-detail-art .remote-detail-art .phone-scene{width:260px;height:260px;top:-35px}
}
/* Strong chevrons; title tooltips name the neighbouring step. */
.stage-rail .step-arrow{width:48px;height:48px;flex-basis:48px;font-size:29px;font-weight:750;line-height:1;background:var(--subtle);color:var(--ink)}
.stage-rail .step-arrow span{font-family:Arial,sans-serif;transform:scaleX(.85)}
.stage-rail .step-arrow:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);box-shadow:0 3px 10px #0001}
@media(max-width:760px){.stage-rail .step-arrow{width:40px;height:40px;flex-basis:40px;font-size:25px}.card-detail-art .phone-scene{width:155px}}

/* Light appearance: visible controls and selection, warm surfaces kept distinct. */
.skip{background:var(--surface);color:var(--ink)}
:root[data-theme=light] :is(.button.secondary,.button.start-action,.choice-trigger,select,input[type=search],input[type=text],input[type=number],input[type=email]){border:1px solid var(--control-line);background:var(--surface);color:var(--ink)}
:root[data-theme=light] .button.start-action{border-color:var(--accent);box-shadow:0 3px 8px #49381f1c}
:root[data-theme=light] :is(.button.secondary,.button.start-action,.choice-trigger):hover{background:var(--accent-soft);border-color:var(--accent)}
:root[data-theme=light] :is(input,select,.choice-trigger)::placeholder{color:var(--muted);opacity:1}
:root[data-theme=light] :is(.choice-trigger,input,select):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:root[data-theme=light] :is(.task-card,.plan,.mode-card,.prepare-card,.instruction-card,.start-card,.review-card,.listen-wizard){background:var(--surface);box-shadow:var(--shadow)}
:root[data-theme=light] .has-detail-panel article.expand-card{border-color:var(--card-line)}
:root[data-theme=light] .has-detail-panel article.expand-card:is(:hover,.is-selected){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 20px #49381f16}
:root[data-theme=light] .platform-choices span,:root[data-theme=light] .dac-type-card>span,:root[data-theme=light] .listening-choice .radio-card{border:1px solid var(--control-line);background:var(--surface);color:var(--ink)}
:root[data-theme=light] .platform-choices :checked+span,:root[data-theme=light] .dac-type-card:has(:checked)>span,:root[data-theme=light] .listening-choice .radio-card:has(:checked){background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink)}
:root[data-theme=light] .platform-choices :checked+span{font-weight:650}
:root[data-theme=light] .dac-match[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}
:root[data-theme=light] .listen-tabs button{border:1px solid transparent}
:root[data-theme=light] .listen-tabs button[aria-selected=true]{background:var(--surface);border-color:var(--control-line);box-shadow:0 2px 5px #49381f1a;font-weight:650}
:root[data-theme=light] .listen-tabs button span{opacity:1}
:root[data-theme=light] :is(.step-arrow,.card-details-close,.expand-mark){background:#ded1b9;color:var(--ink)}
:root[data-theme=light] .download-slot button:disabled{background:var(--subtle);border:1px solid var(--line);color:var(--muted);box-shadow:none}
:root[data-theme=light] .button[aria-disabled=true]{opacity:1;background:var(--subtle);border:1px solid var(--line);color:var(--muted);box-shadow:none}

/* Landing navigation and actions, September 16. */
.mechanism-intro>.button{margin-top:4px}.mechanism-intro>div>.button{margin-top:4px}.mode-card{display:flex;flex-direction:column}.mode-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start}.mode-copy>.button{margin-top:auto}.product-bar nav{gap:clamp(14px,2vw,24px)}.product-bar a{white-space:nowrap}
/* Product navigation stays directly below the primary navigation while scrolling. */
.product-bar{position:sticky;top:80px;z-index:19;box-shadow:0 1px 0 var(--line)}
html:has(.product-bar){scroll-padding-top:154px}
@media(max-width:760px){.product-bar{position:sticky;top:72px}html:has(.product-bar){scroll-padding-top:144px}}

/* Shared pinned page navigation. */
html:has(.guide-jumpbar){scroll-padding-top:154px}
.guide-jumpbar{position:sticky;top:80px;z-index:19;background:var(--surface);box-shadow:0 1px 0 var(--line)}
.guide-jumpbar>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px}
.guide-jump-home{font-size:14px;font-weight:600;text-decoration:none;color:var(--ink)}
.guide-jumpbar details.guide-jump-menu{position:relative;padding:0;margin:0;background:transparent;border:0;border-radius:0}
.guide-jump-menu>summary{display:flex;gap:18px;align-items:center;min-height:44px;font-size:14px;list-style:none;color:var(--muted);padding:6px 0}
.guide-jump-menu>summary::-webkit-details-marker{display:none}
.guide-jump-menu>summary>span{font-size:19px}
.guide-jump-menu[open]>summary{color:var(--ink)}
.guide-jump-menu nav{position:absolute;right:0;top:calc(100% + 4px);width:350px;max-width:calc(100vw - 40px);max-height:calc(100svh - 170px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #0002;padding:10px}
.guide-jump-menu nav a{display:block;padding:11px 14px;border-radius:8px;text-decoration:none;font-size:14px;line-height:1.5;color:var(--muted)}
.guide-jump-menu nav a:hover,.guide-jump-menu nav a:focus-visible{background:var(--subtle);color:var(--ink)}
.guide-jump-menu nav a[aria-current=location]{color:var(--accent);background:var(--subtle)}
.guide-jump-links{display:flex;gap:22px;align-items:center;width:max-content;position:fixed;left:-10000px;top:0;visibility:hidden;pointer-events:none;white-space:nowrap}
.guide-jump-links a{display:flex;align-items:center;min-height:52px;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;line-height:1.3;text-decoration:none}
.guide-jumpbar.has-inline-links .guide-jump-links{position:static;left:auto;top:auto;visibility:visible;pointer-events:auto;margin-left:auto}
.guide-jumpbar.has-inline-links .guide-jump-menu{display:none}
.guide-jump-links a:hover,.guide-jump-links a[aria-current=location]{color:var(--accent);border-bottom-color:var(--accent)}
.guide-jump-home[aria-current=location]{color:var(--accent)}
.product-bar a[aria-current=location]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.product-bar.is-compact .product-label{display:none}
.product-bar.is-compact .product-toggle{display:flex;align-items:center;gap:14px;background:transparent;border:0;color:var(--ink);padding:10px 0;font-weight:600;min-height:44px}
.product-bar.is-compact nav{display:none;position:absolute;left:0;right:0;top:52px;margin:0;padding:16px 24px;background:var(--surface);z-index:10;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}
.product-bar.is-compact nav.is-open{display:flex}
@media(max-width:760px){html:has(.guide-jumpbar){scroll-padding-top:142px}.guide-jumpbar{top:72px}.guide-jumpbar>.container{min-height:48px}.guide-jump-menu nav{max-height:calc(100svh - 150px)}}
/* Flow separators shared by the technical and listening-mode navigation. */
.signal-nav-connector{flex:none;color:var(--muted);font:500 15px/1 system-ui,sans-serif;pointer-events:none}.guide-jump-menu .signal-nav-connector{display:none}
/* Buying from the comparison, in each license’s own column. */
#plan-comparison tfoot th,#plan-comparison tfoot td{padding-top:20px;vertical-align:top}
#plan-comparison tfoot .button{display:inline-flex}
/* Keep the full header within small tablet widths before mobile navigation takes over. */
@media(min-width:761px) and (max-width:900px){.header-inner{gap:10px}#global-nav{gap:12px}}
/* BEGIN visitor-entry review: 2026-09-24. Keep before generated reviews shelf. */
.hero.has-entry-paths{padding:36px 0 52px}
.has-entry-paths .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;align-items:center}
.has-entry-paths .hero-visual{margin:0;width:100%;max-width:none;padding:20px 0 18px}
.has-entry-paths .computer-frame{width:93%}
.has-entry-paths .remote-frame{position:absolute;right:0;bottom:22px;width:24%;margin:0}
.has-entry-paths .hero-visual figcaption{width:73%;margin:30px 0 0;font-size:14px;line-height:1.6;min-height:78px}
.has-entry-paths h1{font-size:clamp(44px,4.6vw,66px);line-height:1.04;margin-bottom:20px}
.has-entry-paths .hero-copy>.eyebrow{margin-bottom:14px}
.has-entry-paths .hero-copy{min-width:0}
.has-entry-paths .hero-copy>.lede{font-size:20px;line-height:1.45;margin-bottom:12px;max-width:32em}
.has-entry-paths .hero-copy>p:not([class]){font-size:16px;line-height:1.5;margin-bottom:22px;max-width:34em}
.entry-paths{display:grid;gap:0;margin:16px 0 14px;width:360px;max-width:100%;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}
.entry-path{display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:4px 0;min-height:40px;border-radius:3px;color:var(--ink);text-decoration:none}
.entry-path:hover strong{text-decoration:underline;text-underline-offset:4px}
.entry-path:hover{color:var(--ink)}
.entry-path:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.entry-path small{display:block;margin-bottom:2px;color:var(--muted);font-size:11px;line-height:1.3;font-weight:500}
.entry-path strong{display:block;font-size:16px;line-height:1.4;font-weight:550}
.entry-path>.route-icon,.entry-path>.icon{width:18px;height:18px;margin:0;color:var(--accent)}
.entry-path .entry-arrow{font-size:20px;line-height:1;text-align:center;color:var(--accent)}
.entry-compatibility{display:block;margin-top:8px;font-size:inherit;color:var(--muted)}
.intro-next{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
.intro-next a{display:inline-grid;grid-template-columns:auto auto auto;gap:12px;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.intro-next a>span:first-child{font-size:13px;color:var(--muted)}
.intro-next a>strong{font-size:17px;line-height:1.4}
.intro-next a>span:last-child{font-size:26px;color:var(--accent)}
.intro-next a:hover strong{text-decoration:underline;text-underline-offset:4px}
.intro-next a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}
#difference .intro-deeper{padding:12px 0;background:transparent;border-radius:0;margin:24px 0 0}
#difference .intro-deeper>summary{font-size:14px;color:var(--muted);font-weight:500}
#difference .intro-deeper .mechanism-reading{margin-top:12px}
.intro-handoff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:48px;align-items:center}
.intro-handoff h2{margin-bottom:20px}
.intro-handoff p:last-child{margin-bottom:0;max-width:40em}
.intro-handoff-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
.intro-trial{display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,.8fr);gap:28px;min-width:0;padding:30px;background:var(--canvas);border:1px solid var(--line);border-radius:20px}
.intro-trial>.lede{font-size:18px;line-height:1.6;margin:0}
.intro-trial>.lede small{font-size:16px;color:var(--muted)}
.intro-trial .actions{margin:0 0 20px}
.intro-trial .button{width:100%;gap:12px;padding:11px 14px;justify-content:space-between}
.intro-trial .start-action{background:var(--surface);color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.intro-trial .start-action:hover{background:var(--accent-soft);border-color:var(--accent)}
.intro-trial .starting-price{font-size:38px;line-height:1.3;margin:0 0 22px}
.intro-trial .starting-price span{font-size:13px;margin-top:7px}
@media(max-width:1100px){.intro-handoff{grid-template-columns:1fr;gap:28px}.intro-trial{grid-template-columns:minmax(0,1.4fr) minmax(205px,1fr);max-width:820px}}
@media(max-width:540px){.intro-trial{grid-template-columns:1fr;gap:24px;padding:24px}.intro-trial>.lede{font-size:18px}.intro-trial>div{max-width:280px;width:100%}}
@media(max-width:1000px){.has-entry-paths .hero-grid{gap:28px}}
@media(max-width:760px){
 .hero.has-entry-paths{padding-top:28px;padding-bottom:36px}
 .has-entry-paths .hero-grid{grid-template-columns:1fr;gap:30px}
 .has-entry-paths h1{font-size:49px}
 .has-entry-paths .hero-copy>.lede{font-size:19px}
 .entry-path{min-height:44px}
 .has-entry-paths .hero-visual{max-width:580px;margin:0 auto;padding-top:12px}
 .has-entry-paths .hero-visual figcaption{font-size:13px;line-height:1.5;margin-top:22px;min-height:92px}
 .has-entry-paths .entry-compatibility{margin-top:6px}
 .has-entry-paths .remote-frame{bottom:auto;top:24%;border-width:4px;border-radius:17px}
 .intro-handoff{grid-template-columns:1fr;gap:24px}
 .intro-next a{gap:9px}.intro-next a>strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.entry-path{transition:none}}
/* END visitor-entry review. */
/* Search results: separate destinations, headings and matching excerpts. */
#search-results,#support-results{display:grid;gap:10px}
.search-result{padding:16px 18px;border:1px solid var(--line);background:var(--canvas);border-radius:12px;overflow-wrap:anywhere}
.search-result:hover,.search-result:focus-visible{background:var(--subtle);border-color:var(--accent);color:var(--ink)}
.search-result .search-result-page{font-size:11px;letter-spacing:.05em;text-transform:uppercase;line-height:1.5;margin-bottom:5px;color:var(--muted)}
.search-result-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:17px;font-weight:600;line-height:1.4;color:var(--ink)}
.search-result-arrow{flex:none;color:var(--accent)}
.search-result-snippet{display:block;margin-top:7px;font-size:14px;line-height:1.6;color:var(--muted);font-weight:400}
@media(max-width:760px){.search-result{padding:14px}.search-result-title{font-size:16px}.search-result-snippet{font-size:13px}}
/* Photographic hero hardware. Keep before the generated reviews shelf.
   Apertures match the complete screenshots; only display corners are rounded. */
html[data-theme] .has-entry-paths .computer-frame{width:100%;aspect-ratio:1.4302186;position:relative;padding:0;border:0;border-radius:0;background:transparent url('assets/better-uix/hero-hardware/laptop-front-graphite.png') center/100% 100% no-repeat;box-shadow:none}
html[data-theme] .has-entry-paths .computer-frame:before,html[data-theme] .has-entry-paths .computer-frame:after{display:none}
html[data-theme] .has-entry-paths .computer-frame>img{position:absolute!important;inset:auto!important;left:7.03125%!important;top:9.375%!important;width:86.0677083%!important;height:79.1015625%!important;max-height:none!important;object-fit:contain!important;background:#000;border-radius:1% / 1.65%!important}
/* Preserve the dark app screenshot's own rounded gold outline. */
html[data-theme=dark] .has-entry-paths .computer-frame>img{border-radius:.35% / .55%!important}
html[data-theme] .has-entry-paths .remote-frame{position:absolute;right:-5.3%;bottom:14px;top:auto;width:35%;aspect-ratio:0.6802833;margin:0;padding:0;border:0;border-radius:0;background:transparent url('assets/better-uix/hero-hardware/phone-graphite.png') center/100% 100% no-repeat;box-shadow:none;overflow:visible}
html[data-theme] .has-entry-paths .remote-frame>img{position:absolute!important;inset:auto!important;left:20.3125%!important;top:4.5572917%!important;width:59.375%!important;height:87.7604167%!important;max-height:none!important;object-fit:contain!important;background:#000;border-radius:8% / 3.7%!important}
.has-entry-paths .hero-visual figcaption{margin-top:12px}
@media(max-width:760px){html[data-theme] .has-entry-paths .remote-frame{top:22%;bottom:auto;right:-4%;width:35%}.has-entry-paths .hero-visual figcaption{margin-top:12px}}

.pal-linux-commands{margin-top:14px}.pal-linux-commands summary{cursor:pointer}.pal-linux-commands p{font-size:14px}.pal-linux-commands pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px;line-height:1.6;max-width:100%;box-sizing:border-box}.pal-linux-commands code{overflow-wrap:anywhere}.pal-linux-commands .pal-command-label{margin-bottom:6px;font-weight:600}
/* reviews shelf */
.review-shelf{margin:0}
.review-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 34px}
.review-filters>.review-filters-label{font-size:13px;color:var(--muted);margin-right:2px}
.review-filter{appearance:none;font:inherit;font-size:14px;line-height:1.2;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:0 17px;min-height:40px;cursor:pointer}
.review-filter:hover{border-color:var(--ink)}
.review-filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.review-group{margin:0 0 46px}
.review-group:last-child{margin-bottom:0}
.review-group>h3{font-size:23px;margin:0 0 4px}
.review-group>.review-group-note{font-size:14px;color:var(--muted);margin:0 0 22px;max-width:70ch}
.review-shelf .review-grid{grid-template-columns:1fr;grid-auto-rows:auto;align-items:start;gap:20px}
.review-shelf .review-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px 30px;align-items:start;padding:32px 36px}
.review-shelf .review-main,.review-shelf .review-meta{min-width:0}
.review-shelf .review-card blockquote{margin:14px 0 0;font-size:27px}
.review-shelf .review-card.is-clamped .review-quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;min-height:calc(5 * 1.4em)}
.review-shelf .review-expand{margin:14px 0 0;padding:0;min-height:28px}
.review-shelf .review-meta{align-self:center;background:var(--canvas);border-radius:14px;padding:20px 22px}
.review-shelf .review-meta>*:first-child{margin-top:0}
.review-shelf .review-meta h4{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0 0 14px;color:var(--ink)}
.review-shelf .review-meta .review-byline{margin:0}
.review-shelf .review-meta>a{margin-top:14px}
@media(max-width:900px){.review-shelf .review-card{grid-template-columns:1fr;gap:18px;padding:26px}
.review-shelf .review-meta{padding:18px 20px}
.review-shelf .review-card blockquote{font-size:24px}
.review-shelf .review-card.is-clamped .review-quote{-webkit-line-clamp:6;min-height:0}}
.review-card .review-setup{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 0}
.review-card .review-setup b{color:var(--ink);font-weight:600}
.review-setup a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.review-setup a:hover{color:var(--accent);text-decoration-color:currentColor}
/* Two cards side by side, then the writing that carries on underneath them. */
.review-grid+.lede,.review-grid+.review-setup{margin-top:34px}
.review-card .review-caveat{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.review-expand{appearance:none;font:inherit;font-size:14px;font-weight:600;color:var(--accent);background:transparent;border:0;border-radius:6px;padding:6px 0;margin:-8px 0 0;min-height:32px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.review-expand:hover{color:var(--ink)}
/* Where the page sits, at the head of the bar. */
.crumb-trail{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:13px;color:var(--muted)}
.crumb-trail a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.crumb-trail a:hover{color:var(--ink)}
.start-nav .crumb-trail{margin-right:9px}
/* The page's own name, in each of the three bars, at the size the DAC guide's
   bar set: enough to read as the heading of the row, not enough to shout. */
.crumb-here,.product-bar .product-label{font-size:14px;font-weight:600;line-height:1.4}
.crumb-here{margin-right:13px}
@media(max-width:760px){.crumb-trail{gap:7px}.crumb-here{margin-right:9px}}
/* The last step of Get started, as the landing page shows the same three: a card
   each, opening on a click, with a link to the page that explains it. */
.personalize-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin-top:0}
.personalize-grid .expand-card summary{min-height:auto;padding-bottom:24px}
.personalize-grid .expand-content .text-link{margin-top:2px}
/* Remote is for Live. It opens itself there, and steps back in Offline. */
.expand-flag{margin-top:14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:var(--accent)}
.expand-card.is-aside .expand-flag{color:var(--muted)}
.expand-card.is-aside summary>.icon,.expand-card.is-aside .expand-title{opacity:.75}
/* Two labels in these pages are written for a screen reader and were never
   hidden, because no rule defined the class they carry. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Grouping the impressions, at the head of the run of links it groups. */
/* The section link for the impressions carries the three groupings under it,
   built like the PGGB menu in the header so it reads as the same kind of thing.
   The row scrolls sideways, so the panel is fixed to the viewport and placed by
   script: a panel positioned inside the row would be cut off at its edge. */
.subnav-menu{flex-shrink:0}
.subnav-menu summary{font-size:inherit;color:var(--muted);gap:8px;white-space:nowrap}
.subnav-menu summary:hover{color:var(--ink)}
.subnav-menu[open] summary{font-weight:400;color:var(--ink)}
/* One column, not the two the header's own menu opens across the page. The
   extra .product-bar is there to win against that rule, which is appended
   after this block and would otherwise take it on source order. */
.product-bar .subnav-menu>div{position:fixed;top:auto;left:auto;display:block;width:min(250px,calc(100vw - 24px));grid-template-columns:none;gap:0;padding:12px;z-index:30}
.subnav-menu .site-header .product-menu-column{display:flex;flex-direction:column;gap:10px;min-width:0}
.product-menu-title{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;color:var(--muted);margin:2px 12px 8px}
.subnav-menu button{appearance:none;font:inherit;font-size:14px;display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--ink);padding:9px 12px;border-radius:7px;cursor:pointer;min-height:40px}
.subnav-menu button:hover{background:var(--subtle)}
.subnav-menu button[aria-pressed=true]{color:var(--accent);font-weight:600}
.subnav-menu button[aria-pressed=true]::after{content:' ✓'}
/* The header holds the PGGB menu, and the setup bar sticks underneath it at 25.
   Without this the menu opens behind that bar on Get started. */
.site-header{z-index:26}
.product-bar .product-sections{display:contents}
.product-bar .product-jump{display:contents}
/* Every item stays in the row: the sections beside the page name, then the
   grouping. When they do not fit, the row scrolls rather than folding away. */
@media(min-width:761px){
.product-bar.has-jump nav{margin-left:0;flex:1 1 auto;min-width:0;overflow-x:auto}
.product-bar.has-jump .product-sections,.product-bar.has-jump .product-jump{display:flex;gap:inherit;align-items:center;flex:0 0 auto}
.product-bar.has-jump nav>*{flex-shrink:0}
}
/* Set once the script finds something to scroll: the arrows take the scrollbar's
   place. Without scripting the row keeps its scrollbar and scrolls as it is. */
.product-bar.is-scrollable nav{scrollbar-width:none;-ms-overflow-style:none}
.product-bar.is-scrollable nav::-webkit-scrollbar{display:none}
.product-bar.is-scrollable .product-jump-nudge{display:flex}
/* The PGGB menu, grouped in two columns with a heading over each group. */
.product-menu>div{width:min(430px,calc(100vw - 48px));display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.product-menu-title{margin:0;padding:8px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
/* The group names carry the separation on their own; rules between them read as
   more furniture than the menu needs. */
@media(max-width:760px){.product-menu>div{width:100%;grid-template-columns:1fr;gap:0}
.product-menu-group+.product-menu-group .product-menu-title{padding-top:16px}}
.product-jump-nudge{appearance:none;flex-shrink:0;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font:400 17px/1 var(--sans,inherit);cursor:pointer;display:none;align-items:center;justify-content:center}
.product-jump-nudge:hover{border-color:var(--ink);background:var(--subtle)}
/* An arrow with nowhere left to go stays in place and stops responding, so the
   row does not jump sideways under the pointer that is scrolling it. */
.product-jump-nudge[disabled]{opacity:.3;pointer-events:none}
/* The DAC card: what to set, then what the reference reports, then the maker's
   own documents under the chooser on the left. */
.dac-advice{display:grid;gap:12px}
.dac-advice-choice{position:relative;display:block;margin:0;cursor:pointer}
.dac-advice-choice input{position:absolute;opacity:0;inset:0;pointer-events:none}
.dac-rate-option{display:grid;gap:5px;padding:16px 18px;border-radius:12px;background:var(--canvas);border:1px solid var(--line)}
.dac-rate-option.is-preferred{background:var(--accent-soft)}
.dac-advice-choice:hover>span{border-color:var(--line)}
.dac-advice-choice input:checked+span{background:var(--accent-soft);border-color:var(--line);box-shadow:0 2px 5px #00000008}
.dac-advice-choice input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}
.dac-rate-option b{font-size:17px;color:var(--ink);line-height:1.3;font-weight:600}
.dac-rate-option small{font-size:13px;line-height:1.65;font-weight:400;color:var(--muted)}
.dac-advice-choice.is-custom b{font-size:15px;font-weight:550}
.dac-tag{justify-self:start;font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent)}
/* Choose a DAC, read what we suggest, and set your own if you want to. The
   third card is only there once it is asked for, and the row closes up again
   when it is not: no empty column, and nothing folded away out of reach. */
.start-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;align-items:start}
.dac-custom-card h3{margin-bottom:12px}
#dac-custom-lead{margin:0 0 20px}
.dac-custom-field+.dac-custom-field{margin-top:22px}
.dac-custom-field>label{margin-top:0}
.dac-custom-field .field-help{margin:9px 0 0}
#dac-custom-note{margin:22px 0 0}
/* The two offers are separate: what the reference recommends, and what you set
   for yourself. A rule between them says so without another heading level. */
.dac-advice>.eyebrow{margin:0}
.dac-type-intro p,.dac-type-notes p{font-size:15px;line-height:1.7;margin:0 0 16px}
.dac-type-intro h3{font-size:24px;line-height:1.3;margin:0 0 16px}
.dac-type-notes{margin-top:18px}
.dac-type-notes p:last-child{margin-bottom:0}
.dac-type-rates{margin-top:20px}
.dac-fold{margin-top:18px}.dac-fold>summary{cursor:pointer;font-weight:600;font-size:14px;padding:12px 0;color:var(--ink)}.dac-fold[open]>summary{margin-bottom:8px}.dac-advice-own{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
#dac-advice>.field-help{margin:12px 0 0}
/* The last row of the list: a DAC the list does not carry. */
.dac-match-other{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 9px 9px}
#dac-settings>#dac-reference{margin-top:26px}
.dac-reference>.eyebrow{margin-bottom:14px}
.dac-reference details{padding:0;background:transparent;margin:14px 0 0}
.dac-reference details summary{font-size:13px;font-weight:400;color:var(--muted);min-height:24px}
.dac-reference details p{margin:10px 0 0}
.dac-maker{margin-top:26px}
.dac-maker .eyebrow{margin-bottom:10px}
.dac-maker .spec-links{margin:0}
.review-signoff{margin:0 0 34px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius)}
.review-signoff p{font-size:14px;line-height:1.8;margin:0}
.review-signoff p+p{margin-top:10px}
.more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
@media(max-width:1024px){.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.review-filters{gap:8px}.review-filter{padding:0 14px;font-size:13px}.review-group>h3{font-size:20px}}

.intel-download-notice{width:min(38rem,calc(100% - 2rem));max-height:85vh;overflow:auto;padding:1.6rem;border:1px solid var(--line,#8c7958);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#181819);box-shadow:0 22px 70px #0006}
.intel-download-notice::backdrop{background:#0009}
.intel-download-notice h2{font-size:1.5rem;margin:0 0 1rem}
.intel-download-notice p{font-size:1rem;line-height:1.6;margin:.8rem 0}
.intel-download-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}

/* Shared endpoint downloads, kept compact until requested. */
.pal-download-panel{margin:1.2rem 0;padding:1rem 1.2rem;border:1px solid var(--line,#8885);border-radius:14px;background:var(--surface);color:var(--ink);max-width:100%}
.pal-download-panel>summary{cursor:pointer;font-weight:600;line-height:1.5}
.pal-download-panel>p{font-size:.95rem;line-height:1.6;margin:1rem 0}
.pal-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1.2rem 1.8rem}
.pal-download-grid h3{font-size:1rem;margin:0 0 .5rem}
.pal-download-grid ul{margin:0;padding-left:1.15rem}
.pal-download-grid li{font-size:.95rem;line-height:1.6;margin:.45rem 0}
.pal-download-grid a{overflow-wrap:anywhere}

/* Current installer catalog is a distinct, subdued download action. */
.all-installers-link{margin:16px 0}
.all-installers-inline{margin:8px 0}
:root .button.all-installers-button{border:1px solid var(--accent);background:var(--surface);color:var(--ink);text-decoration:none;max-width:100%;white-space:normal;text-align:center}
:root .button.all-installers-button:hover{background:var(--subtle);border-color:var(--accent-hover)}

.download-slot{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.download-slot .field-help{flex-basis:100%}

/* The external installer catalog is secondary to platform downloads. */
:root .button.all-installers-button,:root .btn.all-installers-button,:root[data-theme] .all-installers-button{border-color:var(--line);background:var(--surface);color:var(--ink)}
:root .button.all-installers-button:hover,:root .btn.all-installers-button:hover,:root[data-theme] .all-installers-button:hover{border-color:var(--line);background:var(--subtle);color:var(--ink)}

:root[data-theme] .reference-page #main-content .all-installers-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}
:root .all-installers-button{border-color:var(--line)!important}

.mac-uninstall-download{margin:16px 0;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);max-width:760px}
.mac-uninstall-download summary{cursor:pointer;font-weight:600;color:var(--ink)}
.mac-uninstall-download p{margin:14px 0;font-size:15px}