/* Bottom Baron product page. Shared studio typography, palette, navigation and CTA styles. */
.bb-page{background:radial-gradient(ellipse at 75% 5%,rgba(104,64,157,.17),transparent 38%),var(--bg)}
.bb-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,70px);align-items:center;padding-top:85px;padding-bottom:105px;min-height:650px}
.bb-copy,.bb-visual{min-width:0}
.bb-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#dfd1f6;font:700 10px var(--display);letter-spacing:.12em}
.bb-series{margin:48px 0 0}
.bb-hero h1{font:700 clamp(68px,7.5vw,118px)/.89 var(--display);letter-spacing:-.09em;margin:22px 0 30px}
.bb-hero h1 span,.bb-platform h2 span{color:var(--purple)}
.bb-hook{font:600 clamp(20px,2vw,28px)/1.43 var(--display);letter-spacing:-.04em;color:#e6dff1;max-width:630px}
.bb-hook strong{color:var(--gold)}
.bb-intro{color:#b5b0c4;font-size:15px;line-height:1.85;max-width:580px}
.bb-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}
.bb-download{min-height:62px}
.bb-disclaimer{font:700 10px/1.6 var(--display)!important;letter-spacing:.1em;color:#ada4bf!important}
.bb-capture{margin:0;padding:10px;border:1px solid #79639c;background:#17121e;box-shadow:0 35px 90px #050408,0 0 60px rgba(118,80,179,.21)}
.bb-capture img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.bb-capture figcaption{display:flex;justify-content:space-between;gap:15px;padding:12px 3px 3px;font:700 9px var(--display);letter-spacing:.14em;color:#c6b9dd}
.bb-clip-slot{display:flex;gap:15px;padding:18px 22px;border:1px dashed #675180;background:rgba(21,18,32,.95);margin-top:16px}
.bb-clip-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid #785c9a;color:#c6a9fc}
.bb-clip-slot strong{display:block;color:#e0d1f6;font:700 11px var(--display);letter-spacing:.1em}
.bb-clip-slot p{font-size:12px;line-height:1.7;color:#aca7ba;margin:8px 0 0}
.bb-marquee{border-block:1px solid rgba(159,122,247,.3);background:#15111e}
.bb-marquee .shell{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:17px;font:700 11px var(--display);letter-spacing:.1em;color:#c9b6eb}
.bb-marquee span:nth-child(even){color:var(--purple)}
.bb-section{padding-top:100px;padding-bottom:100px}
.bb-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 60px;align-items:end}
.bb-heading .overline{grid-column:1/-1}
.bb-heading h2,.bb-platform h2,.bb-bottom h2{font:700 clamp(42px,5vw,76px)/1.02 var(--display);letter-spacing:-.07em;margin:0}
.bb-heading h2 span,.bb-bottom h2 span{color:#928ca2}
.bb-heading>p:last-child{color:#b2adc2;line-height:1.8;max-width:370px;font-size:16px}
.bb-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:50px 0}
.bb-feature-grid article{border:1px solid var(--border);background:linear-gradient(125deg,#211930,#12121c);padding:31px;min-height:222px}
.bb-feature-grid article>span,.bb-platform-cards article>span{color:#b89bf0;font:700 10px var(--display);letter-spacing:.13em}
.bb-feature-grid h3{font:700 22px/1.25 var(--display);margin:25px 0 13px}
.bb-feature-grid p,.bb-platform p,.bb-bottom>p:not(.overline){color:#b1acc1;line-height:1.84;font-size:14px}
.bb-gallery{max-width:1020px;margin:0 auto;text-align:center}
.bb-gallery img{width:100%;aspect-ratio:16/9;object-fit:contain;height:auto;border:1px solid #6b547c;box-shadow:0 24px 65px rgba(0,0,0,.43);background:#16111d}
.bb-gallery figcaption{color:#b1a1c9;letter-spacing:.14em;font:700 9px var(--display);padding-top:18px}
.bb-platform{border-block:1px solid var(--border);background:radial-gradient(circle at 5% 5%,rgba(110,68,150,.2),transparent 55%),#11111b;padding:100px 0}
.bb-platform-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.bb-platform h2{margin:25px 0}
.bb-platform-grid>div:first-child>p:not(.overline){max-width:450px}
.bb-platform-grid .button{margin:16px 0}
.bb-platform-cards{display:grid;gap:15px}
.bb-platform-cards article{padding:28px 31px;border:1px solid var(--border);background:#18151f}
.bb-platform-cards h3{font:700 24px var(--display);margin:13px 0}
.bb-platform-cards p{margin:10px 0 0}
.bb-platform-cards strong{color:#e9cfad}
.bb-platform-cards code{color:#d9bffa;overflow-wrap:anywhere}
.bb-bottom{text-align:center;padding-top:95px;padding-bottom:105px}
.bb-bottom h2{margin:21px 0}
.bb-bottom>p:not(.overline){max-width:640px;margin:0 auto 25px}
.bb-bottom-links{display:flex;justify-content:center;flex-wrap:wrap;gap:32px}
@media(max-width:1050px){.bb-hero{grid-template-columns:1fr;max-width:850px;gap:40px;padding-top:55px}.bb-hero h1{font-size:clamp(70px,12vw,102px)}.bb-platform-grid{gap:40px}}
@media(max-width:760px){.bb-section{padding-block:72px}.bb-heading,.bb-platform-grid{grid-template-columns:1fr}.bb-heading .overline{grid-column:auto}.bb-feature-grid{grid-template-columns:1fr;margin:26px 0 37px}.bb-feature-grid article{min-height:0}.bb-platform{padding:70px 0}.bb-marquee .shell{justify-content:flex-start;gap:14px}}
@media(max-width:640px){.bb-hero{padding-top:48px;padding-bottom:60px}.bb-series{margin-top:37px}.bb-hero h1{font-size:clamp(60px,14vw,85px);margin:18px 0 25px}.bb-hook{font-size:21px}.bb-intro{font-size:14px}.bb-actions .button{width:100%}.bb-capture{padding:6px}.bb-capture figcaption{font-size:8px;letter-spacing:.05em}.bb-clip-slot{padding:13px;gap:10px}.bb-clip-icon{width:32px;height:32px}.bb-marquee .shell{font-size:9px}.bb-heading h2,.bb-platform h2,.bb-bottom h2{font-size:clamp(40px,10vw,56px)}.bb-feature-grid h3{font-size:20px}.bb-platform-cards article{padding:23px}.bb-bottom{padding-block:74px}.bb-bottom-links{gap:12px}}