@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1018;--surface:#121b27;--line:#283444;--ink:#edf3fa;--muted:#a7b5c7;--blue:#75cbff;--mint:#9deac6;--max:1200px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;flex:none}button[disabled]{cursor:default}::selection{background:#8bd4ff;color:#0b1018}[hidden]{display:none!important}
.wrap{width:min(calc(100% - 72px),var(--max));margin-inline:auto}.skip{position:absolute;left:24px;top:-100px;background:#fff;color:#07121d;padding:10px 16px;z-index:100}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(11,16,24,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:186px}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:14px;font-weight:550;text-decoration:none;color:#bac7d7}.nav a[aria-current=page],.nav a:hover{color:#fff}.nav .nav-cta{color:var(--ink);border:1px solid #48586c;border-radius:8px;padding:8px 15px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#afc3d7}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(54px,7.5vw,104px)}h2{font-size:clamp(34px,4.4vw,62px)}h3{font-size:23px;letter-spacing:-.025em}p{margin-bottom:20px}.muted{color:var(--muted)}.small{font-size:13px;color:var(--muted)}.accent{color:var(--blue)}.hero{padding:74px 0 0;text-align:center;background:radial-gradient(ellipse at 50% 35%,#19304d70,transparent 63%)}.hero h1{margin:20px auto 26px;max-width:1050px}.hero .intro{max-width:860px;margin:0 auto 30px;font-size:21px;line-height:1.6;color:#b4c3d5}.actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:13px 22px;font-size:15px;font-weight:650;text-decoration:none;min-height:50px}.button.primary{background:#dbeeff;color:#10253c;box-shadow:0 0 24px #75cbff14}.button.primary:hover{background:#fff;color:#10253c}.button.outline{border-color:#46566b;background:transparent;color:var(--ink)}.button.outline:hover{border-color:var(--blue);color:var(--blue)}.store-pending{display:inline-flex;align-items:center;gap:10px;background:#182738;border:1px solid #3b536e;padding:13px 22px;border-radius:9px;color:#c1d0e0;font-size:15px;font-weight:550}.hero .availability{margin:17px 0 36px;font-size:12px;letter-spacing:.02em;color:#8ea3bc}.hero-shot{margin:0 auto;position:relative;border:1px solid #456186;border-radius:15px;overflow:hidden;box-shadow:0 35px 100px #0008;background:#151b23}.hero-shot img{width:100%;aspect-ratio:1.6}.hero-caption{display:flex;justify-content:space-between;gap:20px;color:#8fa3bb;font-size:12px;padding:15px 3px 0;text-align:left}.compatibility{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;margin:38px 0 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:#b7c5d7}.compatibility span{display:flex;align-items:center;gap:8px}.compatibility svg{width:18px;height:18px;color:#8ab9dd}
.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end;margin-bottom:48px}.section-head h2{margin-bottom:0}.section-head p{color:var(--muted);margin-bottom:2px;font-size:18px}.section-head .eyebrow{display:block;margin-bottom:16px}.media-story{display:grid;grid-template-columns:.85fr 1.3fr;gap:90px;align-items:center}.media-story h2{max-width:460px}.media-story p{color:var(--muted)}.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-size:15px;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.naming-demo{background:linear-gradient(130deg,#14243b,#101924);border:1px solid #36516e;border-radius:16px;overflow:hidden}.demo-label{padding:19px 28px;border-bottom:1px solid #2a405b;display:flex;justify-content:space-between;color:#b4d2ed;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.demo-block{padding:24px 28px;border-bottom:1px solid #25384f}.demo-block:last-child{border-bottom:0}.demo-block small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#8fa5bf;margin-bottom:8px}.demo-before{font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#91a0b3;overflow-wrap:anywhere}.demo-after{font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d9f2ff;overflow-wrap:anywhere}.demo-arrow{color:#5ca5dd;padding:9px 0;font-size:20px}.demo-note{font-size:12px;color:#94aac3;margin-top:15px}.media-points{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:60px;padding-top:38px;border-top:1px solid var(--line)}.media-points h3{font-size:20px}.media-points p{font-size:15px;color:var(--muted);margin-bottom:0}.number{display:block;font-size:12px;font-weight:650;color:var(--blue);margin-bottom:18px;letter-spacing:.1em}.quiet-strip{padding:25px 0;background:#101b27;border-block:1px solid #273b52}.quiet-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.quiet-strip p{margin:0;font-size:14px;color:#b8c7d8}.quiet-strip a{font-size:14px;white-space:nowrap;color:var(--blue)}
.screenshot-link{cursor:zoom-in}.screenshot-link:focus-visible{outline-offset:-4px}.native-frame{display:block;aspect-ratio:1.728;overflow:hidden;border:1px solid #354b63;border-radius:10px}.native-frame img{border:0;border-radius:0;transform:translateY(-3.55556%)}
.hero-carousel{margin:0 auto;text-align:left}.carousel-stage{border:1px solid #456186;border-radius:15px;overflow:hidden;box-shadow:0 35px 100px #0008;background:#101925}.carousel-visual{display:grid;isolation:isolate}.hero-slide{grid-area:1/1;margin:0;min-width:0;opacity:0;visibility:hidden;pointer-events:none}.hero-slide.is-previous{opacity:1;visibility:visible;z-index:1}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.hero-slide.is-entering{animation:hero-art-in 1760ms ease-out both}.carousel-image{aspect-ratio:1.6;display:flex;align-items:center;overflow:hidden;background:#151b23}.carousel-image a{display:block;width:100%}.carousel-image img{width:100%}.carousel-image .native-frame{border:0;border-radius:0}.carousel-copy{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:19px 24px;border-top:1px solid #2b4059;background:#101925;min-height:68px}.carousel-copy strong{font-size:16px;color:#e5f2ff}.carousel-copy>span{font-size:13px;color:#a4bad2}.carousel-copy.is-leaving{animation:hero-copy-out 1280ms ease-in both}.carousel-copy.is-entering{animation:hero-copy-in 1760ms ease-out both}@keyframes hero-art-in{from{opacity:0}to{opacity:1}}@keyframes hero-copy-out{from{opacity:1}to{opacity:0}}@keyframes hero-copy-in{from{opacity:0}to{opacity:1}}
.carousel-controls{display:flex;align-items:stretch;justify-content:space-between;gap:12px;margin-top:18px}.carousel-picks{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;flex:1}.carousel-picks button,.carousel-play{border:1px solid transparent;border-radius:8px;color:#9cacc0;background:transparent;min-height:48px;font-size:12px;line-height:1.3;text-align:left;padding:10px 12px}.carousel-picks button span{display:block;color:#7c9bbd;font-size:10px;margin-bottom:6px;font-variant-numeric:tabular-nums}.carousel-picks button:hover,.carousel-play:hover{background:#172638;color:#edf6ff}.carousel-picks button[aria-pressed=true]{border-color:#426b91;background:#18324d;color:#e4f5ff}.carousel-picks button[aria-pressed=true] span{color:var(--blue)}.carousel-play{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:62px;flex:none;border-color:#30465f;font-size:11px}.carousel-play [data-play-icon]{font-size:16px}.tool-index{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:center;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}.tool-index a{text-decoration:none;font-size:12px;color:#b7c8db}.tool-index a:hover{color:var(--blue)}.tool-index span{font-size:10px;margin-right:8px;color:#7594b6}.tool-section{border-top:1px solid #243346}.tool-tinted{background:#0f1824}.tool-story{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.tool-story h2{margin:18px 0 24px}.tool-lead{font-size:18px;color:#b3c3d7;max-width:630px}.tool-details{padding-top:34px}.tool-details>div+div{margin-top:26px}.tool-details h3{font-size:21px;letter-spacing:-.02em;margin-bottom:12px}.tool-details p{font-size:16px;color:var(--muted)}.tool-details .small{font-size:12px;margin-top:14px}.feature-shot{margin:48px 0 0}.feature-shot>a{display:block;border:1px solid #3c526d;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #0004}.feature-shot img{width:100%}.feature-shot figcaption{color:#8ea5bf;font-size:12px;margin-top:14px}
.format-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.format-list span{padding:5px 10px;border:1px solid #34465d;border-radius:5px;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;color:#c1d1e4}.privacy-band{background:#dfeefa;color:#142336;padding:72px 0}.privacy-band .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;align-items:center}.privacy-band h2{margin:0;font-size:clamp(38px,4.6vw,66px)}.privacy-band p{color:#445c73;margin-bottom:20px;font-size:18px}.privacy-band .text-link{color:#1a5686}.pricing{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:center}.pricing h2{margin:16px 0 25px}.pricing p{color:var(--muted)}.price-box{border:1px solid #42607f;padding:38px;border-radius:14px;background:linear-gradient(135deg,#1a3049,#111e2d)}.price-label{font-size:13px;color:#9dc4e5}.price-value{font-size:76px;line-height:1.1;letter-spacing:-.065em;font-weight:600;margin:12px 0}.price-value span{font-size:15px;letter-spacing:0;color:#afc3d9;margin-left:8px}.price-box .line{height:1px;background:#354d67;margin:24px 0}.check-list{list-style:none;padding:0;margin:22px 0;font-size:15px;color:#bdcde0}.check-list li{position:relative;padding:6px 0 6px 25px}.check-list li:before{position:absolute;left:0;content:"✓";color:var(--mint)}.price-box .store-pending,.price-box .button{width:100%;text-align:center;justify-content:center}.price-box .small{margin:15px 0 0;font-size:12px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-layout h2{font-size:44px}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:17px;font-weight:550;list-style:none;position:relative;padding-right:30px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:2px;color:var(--blue);font-size:22px;font-weight:350}details[open]>summary:after{content:"−"}details p{font-size:15px;color:var(--muted);margin:16px 24px 0 0}.bottom-cta{border-top:1px solid var(--line);padding:60px 0}.bottom-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.bottom-cta h2{font-size:32px;margin-bottom:10px}.bottom-cta p{margin:0;color:var(--muted);font-size:15px}
.site-footer{border-top:1px solid var(--line);padding:48px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-brand img{width:145px;margin-bottom:15px}.footer-brand p{color:#8da0b7;font-size:13px;max-width:300px}.footer-nav{display:flex;gap:28px;font-size:13px}.footer-nav a{color:#afbed0;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:34px;padding-top:22px;border-top:1px solid #222e3d;color:#6f849d;font-size:11px}.footer-bottom p{margin:0;max-width:760px}
.page-intro{padding:68px 0 46px;max-width:820px}.page-intro h1{font-size:clamp(45px,6vw,76px);margin:18px 0 22px}.page-intro p{font-size:20px;color:var(--muted);max-width:710px}.doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;padding-bottom:90px}.doc-nav{position:sticky;top:120px;align-self:start}.doc-nav strong{display:block;color:#839bb5;letter-spacing:.1em;font-size:11px;text-transform:uppercase;margin-bottom:16px}.doc-nav a{display:block;text-decoration:none;color:#a6b7cc;font-size:13px;padding:7px 0}.doc-nav a:hover{color:var(--blue)}.doc-content{max-width:820px;min-width:0}.doc-section{padding:38px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.doc-section:first-child{padding-top:0;border-top:0}.doc-section h2{font-size:34px;line-height:1.15;margin:0 0 22px}.doc-section h3{font-size:22px;margin:30px 0 14px}.doc-section p,.doc-section li{font-size:16px;color:#b8c6d8}.doc-section li{margin:10px 0}.doc-section ul,.doc-section ol{padding-left:23px}.doc-section strong{color:#e7f0fa}.note{border-left:3px solid #6ebff5;background:#142237;padding:17px 21px;margin:26px 0;font-size:14px!important;color:#b8d0e8!important}.doc-shot{margin:28px 0}.doc-shot img{border:1px solid #354b63;border-radius:10px}.doc-shot figcaption{font-size:12px;color:#8398b0;margin-top:10px}.table-wrap{overflow:auto;border:1px solid #304157;border-radius:8px;margin:22px 0}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:13px 17px;border-bottom:1px solid #29394d;vertical-align:top}th{color:#d1e4f8;background:#162438;font-weight:550}td{color:#b1c3d9}tr:last-child td{border:0}code,kbd{font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d6ebff;overflow-wrap:anywhere}kbd{display:inline-block;border:1px solid #3a4b61;border-bottom-width:2px;border-radius:5px;padding:2px 6px;background:#172434}.example{background:#111d2d;padding:20px 23px;border:1px solid #2c425d;border-radius:8px;margin:24px 0}.example code{display:block}.example span{display:block;font-size:12px;color:#7994b5;margin:9px 0}.manual-search{margin-bottom:35px}.manual-search label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}.manual-search input{width:100%;background:#101d2c;border:1px solid #405773;border-radius:8px;padding:13px 16px;color:#e8f3ff}.manual-search p{font-size:12px;color:#8ca2bb;margin:7px 0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:60px}.contact-card{background:#15263b;border:1px solid #3b5676;border-radius:12px;padding:32px}.contact-card h2{font-size:28px}.contact-card p{color:#abbfd6;font-size:16px}.contact-card>a{font-size:clamp(18px,2.5vw,26px);color:var(--blue);overflow-wrap:anywhere}.contact-checklist{padding:25px 32px;background:#101b29;border:1px solid #293d55;border-radius:12px}.contact-checklist h2{font-size:22px}.contact-checklist li{font-size:14px;color:#aebfd5;margin:10px 0}.support-faq{max-width:900px;margin-bottom:90px}.support-faq h2{font-size:34px}.policy{max-width:820px;padding-bottom:80px}.policy h2{font-size:26px;margin:36px 0 18px}.policy p,.policy li{color:#b7c5d7;font-size:16px}.policy a{color:var(--blue)}.policy .note{font-size:14px}.print-action{background:transparent;border:1px solid #4a5d75;border-radius:7px;padding:8px 13px;color:var(--ink);font-size:12px;display:none}.js .print-action{display:inline-block}
.media-with-detail{grid-template-columns:1.25fr .75fr;align-items:start;gap:90px}.media-with-detail h2{max-width:650px}.media-examples{margin-top:35px}.media-sidebar{margin:0;justify-self:end;width:min(100%,360px)}.sidebar-crop{display:block;position:relative;overflow:hidden;aspect-ratio:558/1248;border:1px solid #45607e;border-radius:14px;box-shadow:0 24px 70px #0005;background:#202020}.sidebar-crop img{position:absolute;width:516.129032%;max-width:none;left:-407.526882%;top:-36.858974%}.media-sidebar figcaption{font-size:12px;color:#8ea5bf;margin-top:16px;text-align:center}
@media(min-width:1500px){:root{--max:1260px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.section{padding:80px 0}.section-head,.media-story,.privacy-band .wrap,.pricing,.faq-layout{gap:45px}.doc-layout{gap:35px;grid-template-columns:185px 1fr}.nav{gap:20px}.header-inner{gap:20px}.brand img{width:160px}}
@media(max-width:720px){html{scroll-padding-top:130px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:100px;padding:16px 0;display:block}.brand img{width:150px}.nav{margin-top:15px;justify-content:space-between;gap:10px}.nav a{font-size:12px}.nav .nav-cta{border:0;padding:0;color:var(--blue)}.hero{padding-top:44px}.hero h1{font-size:clamp(46px,11vw,76px);margin-top:18px}.hero .intro{font-size:17px}.hero .availability{font-size:11px}.button,.store-pending{font-size:13px;padding:12px 17px}.hero-caption{font-size:10px;gap:15px}.hero-caption span:last-child{max-width:155px;text-align:right}.hero-shot{border-radius:8px}.compatibility{gap:14px 20px;font-size:11px;margin-top:25px}.section{padding:66px 0}.section-head{display:block;margin-bottom:34px}.section-head h2{margin-bottom:22px}.section-head p{font-size:16px}.media-story,.privacy-band .wrap,.pricing,.faq-layout{grid-template-columns:1fr;gap:32px}.media-story h2{max-width:100%}.media-points{grid-template-columns:1fr;gap:24px;margin-top:36px;padding-top:28px}.number{margin-bottom:10px}.media-points h3{margin-bottom:10px}.demo-block{padding:19px 20px}.demo-label{padding:15px 20px;font-size:10px}.demo-after{font-size:12px}.demo-before{font-size:11px}.quiet-strip .wrap{display:block}.quiet-strip p{font-size:13px}.quiet-strip a{display:inline-block;margin-top:12px}.music-section p{font-size:16px}.privacy-band{padding:55px 0}.privacy-band p{font-size:16px}.price-box{padding:28px}.price-value{font-size:65px}.faq-layout h2{font-size:36px}.bottom-cta .wrap{display:block}.bottom-cta .button{margin-top:22px}.footer-top,.footer-bottom{display:block}.footer-nav{flex-wrap:wrap;gap:18px;margin-top:25px}.footer-bottom>span{display:block;margin-top:16px}.page-intro{padding:42px 0 35px}.page-intro p{font-size:17px}.doc-layout{grid-template-columns:1fr;gap:25px}.doc-nav{position:static;display:flex;flex-wrap:wrap;gap:4px 20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.doc-nav strong{width:100%;margin-bottom:5px}.doc-nav a{font-size:12px}.doc-section h2{font-size:29px}.doc-section p,.doc-section li{font-size:15px}.support-grid{grid-template-columns:1fr}.contact-card,.contact-checklist{padding:25px}.policy p{font-size:15px}}
@media(max-width:1000px){.media-with-detail{gap:45px}.tool-story{gap:45px}.carousel-picks{grid-template-columns:repeat(3,1fr)}.carousel-picks button{display:flex;align-items:center;gap:8px}.carousel-picks button span{margin:0}.carousel-copy{gap:16px}}
@media(max-width:720px){.media-with-detail{grid-template-columns:1fr;gap:36px}.media-sidebar{justify-self:center;width:min(100%,340px)}.hero .eyebrow{font-size:10px;letter-spacing:.11em}.hero h1{font-size:clamp(42px,10.6vw,76px)}.hero .intro{font-size:16px}.carousel-stage{border-radius:8px}.carousel-copy{display:block;min-height:100px;padding:14px 16px}.carousel-copy strong{display:block;font-size:15px}.carousel-copy span{display:block;font-size:12px;margin-top:5px}.carousel-controls{gap:8px;margin-top:12px}.carousel-picks{grid-template-columns:repeat(2,1fr);gap:4px}.carousel-picks button{font-size:10px;padding:8px;gap:6px;min-height:44px}.carousel-play{width:48px}.tool-index{gap:14px 22px;justify-content:flex-start}.tool-story{grid-template-columns:1fr;gap:24px}.tool-details{padding-top:0}.tool-lead{font-size:16px}.tool-details h3{font-size:20px}.tool-details p{font-size:15px}.feature-shot{margin-top:30px}.feature-shot>a{border-radius:7px}.feature-shot figcaption{font-size:11px}.media-story h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* TAGDAD: BeatBrix home hero blueprint, copy 0.8fr / artwork 1.2fr.
   Existing 9s carousel cadence and fade timings remain in site.js. */
.site-header .brand { flex: 0 0 auto; display: flex; align-items: center; padding-block: 16px; }
.site-header .brand img { width: 238px; max-width: 100%; height: auto; }
.hero-split { padding: 30px 0 36px; text-align: left; }
.hero-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center; gap: clamp(24px,3vw,48px); }
.hero-copy, .hero-art { min-width: 0; }
.hero-split .eyebrow { display: block; font-size: 10px; letter-spacing: .12em; }
.hero-split h1 { font-size: clamp(40px,4.2vw,64px); line-height: 1.06; margin: 18px 0 20px; letter-spacing: -.05em; }
.hero-split .intro { font-size: 17px; line-height: 1.6; margin: 0 0 24px; max-width: 510px; }
.hero-split .actions { justify-content: flex-start; gap: 12px; }
.hero-split .button, .hero-split .store-pending { font-size: 12px; padding: 12px 15px; }
.hero-split .availability { margin: 16px 0 0; font-size: 11px; }
.hero-split .compatibility { justify-content: flex-start; margin-top: 24px; padding: 18px 0 0; border-bottom: 0; gap: 8px 18px; font-size: 11px; }
.hero-art { width: 100%; max-width: calc((100svh - 350px) * 1.6); justify-self: end; }
.hero-split .carousel-copy { display: block; padding: 12px 16px; min-height: 68px; }
.hero-split .carousel-copy strong { display: block; font-size: 15px; }
.hero-split .carousel-copy > span { display: block; font-size: 12px; }
.hero-split .carousel-controls { margin-top: 12px; gap: 8px; }
.hero-split .carousel-picks { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
.hero-split .carousel-picks button { display: flex; align-items: center; gap: 6px; min-height: 36px; padding: 7px 8px; font-size: 11px; }
.hero-split .carousel-picks button span { margin: 0; }
.hero-split .carousel-play { width: 48px; }
.hero-split .hero-caption { padding-top: 10px; font-size: 10px; gap: 14px; }
@media (min-width: 801px) and (max-height: 750px) {
  .hero-split { padding-block: 24px; }
  .hero-split h1 { font-size: clamp(38px,3.8vw,54px); margin-block: 14px 16px; }
  .hero-split .intro { font-size: 15px; line-height: 1.55; margin-bottom: 18px; }
  .hero-split .compatibility { margin-top: 18px; padding-top: 14px; }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .hero-grid { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 24px; }
  .hero-split h1 { font-size: 42px; }
  .hero-split .intro { font-size: 15px; }
  .hero-split .carousel-picks button { font-size: 10px; padding-inline: 6px; }
}
@media (max-width: 800px) {
  .hero-split { padding: 28px 0; }
  .hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .hero-art { max-width: 700px; justify-self: center; }
  .hero-split h1 { font-size: clamp(40px,8vw,58px); }
  .hero-split .intro { font-size: 16px; max-width: 650px; }
  .hero-split .compatibility { margin-top: 18px; padding-top: 14px; }
  .hero-split .carousel-picks { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .site-header .header-inner { min-height: 100px; padding-block: 10px 14px; }
  .site-header .brand { padding-block: 6px; width: fit-content; }
  .site-header .brand img { width: 205px; }
  .site-header .nav { margin-top: 8px; }
}
@media (max-width: 420px) {
  .hero-split .carousel-picks { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hero-split .carousel-picks button { min-height: 40px; }
}


/* BeatBrix HOME blueprint: split copy/art, independent fades, 44px controls. */
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.bbx-hero { position:relative; padding:44px 0 78px; text-align:left; }
.bbx-hero-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:clamp(24px,3vw,48px); }
.bbx-copy-stack { display:grid; align-items:center; min-width:0; opacity:1; transition:opacity 1760ms ease-out; }
.bbx-hero.is-copy-out .bbx-copy-stack { opacity:0; transition-duration:1280ms; transition-timing-function:ease-in; }
.bbx-copy-slide { grid-area:1/1; min-width:0; visibility:hidden; pointer-events:none; }
.bbx-copy-slide.is-active { visibility:visible; pointer-events:auto; }
.bbx-copy-slide .eyebrow { display:block; font-size:11px; margin:0; }
.bbx-hero h2 { font-size:clamp(44px,4.5vw,68px); line-height:1.02; font-weight:650; letter-spacing:-.055em; margin:22px 0; }
.bbx-hero .bbx-lead { font-size:20px; line-height:1.5; color:var(--ink); margin:0 0 13px; }
.bbx-hero .bbx-description { font-size:17px; line-height:1.65; color:#adb7c9; max-width:510px; margin:0; }
.bbx-hero .actions { justify-content:flex-start; margin:26px 0 18px; }
.bbx-hero .bbx-fine { font-size:12px; line-height:1.65; color:#94a2b5; margin:0; }
.bbx-art { display:grid; align-items:center; min-width:0; width:100%; background:transparent; border:0; border-radius:0; box-shadow:none; isolation:isolate; }
.bbx-image-slide { grid-area:1/1; display:block; width:100%; min-width:0; opacity:0; visibility:hidden; pointer-events:none; border:0; background:transparent; box-shadow:none; }
.bbx-image-slide.is-previous { opacity:1; visibility:visible; z-index:0; }
.bbx-image-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; z-index:1; }
.bbx-image-slide.is-entering { animation:bbx-art-fade 1760ms ease-out both; }
.bbx-image-slide img { display:block; width:100%; height:auto; aspect-ratio:1.728; object-fit:contain; border:0; background:transparent; box-shadow:none; }
.bbx-image-slide:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
@keyframes bbx-art-fade { from { opacity:0; } to { opacity:1; } }
.bbx-dots { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; align-items:center; }
.bbx-dots[hidden] { display:none; }
.bbx-dot, .bbx-playback { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:0; background:transparent; color:#75cbff99; cursor:pointer; }
.bbx-dot span { width:9px; height:9px; border:1px solid #75cbff80; border-radius:50%; background:#75cbff20; }
.bbx-dot[aria-pressed=true] span { background:var(--blue); border-color:var(--blue); }
.bbx-dot:hover span { border-color:var(--blue); }
.bbx-dot:focus-visible,.bbx-playback:focus-visible { outline:1px solid var(--blue); outline-offset:-5px; border-radius:50%; }
.bbx-playback:hover { color:var(--blue); }
.bbx-playback .play-icon,.bbx-playback.is-paused .pause-icon { display:none; }
.bbx-playback.is-paused .play-icon { display:block; }
.bbx-playback:disabled { opacity:.45; cursor:default; }
.bbx-overview { padding:26px 0 0; }
.bbx-overview p { max-width:800px; margin:0 auto; color:var(--muted); font-size:15px; text-align:center; }
@media (min-width:801px) and (max-height:750px) {
 .bbx-hero { padding-top:30px; padding-bottom:68px; }
 .bbx-hero h2 { font-size:clamp(40px,4vw,58px); margin-block:18px; }
 .bbx-hero .bbx-description { font-size:16px; }
 .bbx-art { max-width:calc((100svh - 230px) * 1.728); justify-self:end; }
}
@media (min-width:801px) and (max-width:1100px) {
 .bbx-hero-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:24px; }
 .bbx-hero h2 { font-size:42px; }
 .bbx-hero .bbx-description { font-size:15px; }
 .bbx-hero .bbx-lead { font-size:18px; }
}
@media (max-width:800px) {
 .bbx-hero { padding:30px 0 76px; }
 .bbx-hero-grid { grid-template-columns:1fr; gap:28px; }
 .bbx-hero h2 { font-size:clamp(40px,8vw,58px); }
 .bbx-hero .bbx-description { font-size:16px; max-width:650px; }
 .bbx-art { max-width:700px; margin-inline:auto; }
 .bbx-overview p { font-size:14px; text-align:left; }
}
@media (prefers-reduced-motion:reduce) { .bbx-copy-stack { transition:none; } .bbx-image-slide.is-entering { animation:none; } }

.feature-shot>a:has(img[src$="-gui.svg"]), .doc-shot img[src$="-gui.svg"] { border:0; border-radius:0; box-shadow:none; background:transparent; }
@media print{body{background:white;color:#111;font-size:12pt}.site-header,.site-footer,.doc-nav,.manual-search,.print-action,.skip{display:none!important}.wrap{width:100%}.page-intro{padding:0 0 20px}.page-intro h1{font-size:32pt}.doc-layout{display:block}.doc-content,.policy{max-width:none}.doc-section{break-inside:avoid}.doc-section p,.doc-section li,.policy p,.policy li{color:#222}.doc-section h2{font-size:20pt}a{color:#111}.note,.example,th,kbd{background:#eee;color:#111}code,td{color:#222}.doc-shot img{max-height:280px;width:auto}.doc-shot{break-inside:avoid}.doc-section[hidden]{display:block!important}}