/* Shared public brand and identical product navigation for Assets and Studio. */
html:has(body.marketing){background:#0B0A08;scrollbar-gutter:stable}
body.marketing{--black:#0B0A08;--bg:#0B0A08;--ink:#F2ECE2;--mute:#9A9286;--line:rgba(242,236,226,.09);--brand-accent:#F2B64B;--brand-serif:'Instrument Serif',Georgia,serif;background:#0B0A08;color:#F2ECE2;font-family:'Geist',system-ui,sans-serif;font-size:16px;line-height:1.55}
.marketing .wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:24px}
.marketing :focus-visible{outline:2px solid #F2B64B;outline-offset:4px}
.marketing ::selection{background:#F2B64B;color:#1A1206}
.brand-header{position:sticky;top:0;z-index:40;flex:none;background:rgba(11,10,8,.9);border-bottom:1px solid rgba(242,236,226,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand-bar{display:grid;grid-template-columns:minmax(0,1fr) 164px minmax(0,1fr);align-items:center;gap:16px;height:64px;width:100%;max-width:1180px;padding-inline:24px;margin-inline:auto}
.brand-logo{display:flex;align-items:center;gap:9px;justify-self:start;font:600 17px/1 'Geist',system-ui,sans-serif;letter-spacing:-.02em;color:#F2ECE2;text-decoration:none}
.brand-logo svg{display:block;width:20px;height:20px;flex:none}
.brand-switch{display:grid;grid-template-columns:1fr 1fr;width:164px;height:40px;box-sizing:border-box;padding:3px;border:1px solid rgba(242,236,226,.09);border-radius:999px;background:#13110E}
.brand-switch a{display:flex;align-items:center;justify-content:center;border-radius:999px;color:#9A9286;text-decoration:none;font:500 14px/1 'Geist',system-ui,sans-serif}
.brand-switch a[aria-current="page"]{background:#F2ECE2;color:#0B0A08}
.brand-switch a:hover{color:#F2ECE2;background:#26221C}
.brand-switch a[aria-current="page"]:hover{color:#0B0A08;background:#FFF8EA}
.brand-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
.brand-secondary{color:#9A9286;text-decoration:none;font-size:13px;white-space:nowrap}
.brand-secondary:hover{color:#F2ECE2}
.brand-cta{display:flex;align-items:center;justify-content:center;flex:none;width:136px;height:36px;border-radius:999px;background:#F2B64B;color:#1A1206;text-decoration:none;font:600 13px/1 'Geist',system-ui,sans-serif;white-space:nowrap}
.brand-cta:hover{background:#F6C366}
.marketing .btn.primary,.marketing .cta.main{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;border:0;border-radius:999px;background:#F2B64B;color:#1A1206;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:none}
.marketing .btn.primary:hover,.marketing .cta.main:hover{background:#F6C366;color:#1A1206}
.marketing-assets .hero2{padding-block:56px 72px;gap:56px}
.marketing-assets .hero2 h1{font-size:clamp(40px,5.6vw,66px);font-weight:600;letter-spacing:-.032em;line-height:1.03;background:none;color:#F2ECE2;-webkit-text-fill-color:currentColor}
.marketing-assets .hero2 h1 em{font-family:var(--brand-serif);font-style:italic;font-weight:400}
.marketing-assets .sechead h2,.marketing-assets .close h2{font-size:clamp(30px,4.2vw,46px);font-weight:600;letter-spacing:-.028em;color:#F2ECE2}
.marketing-assets .sechead h2 em{font-family:var(--brand-serif);font-style:italic;font-weight:400;color:#F2ECE2}
.marketing-assets .hero2 p.sub,.marketing-assets .sechead p,.marketing-assets .close p{color:#9A9286;font-size:17px;line-height:1.55}
.marketing-assets .stagecard,.marketing-assets .panel{background:#13110E;border-color:rgba(242,236,226,.12)}
.marketing-assets .sec{border-color:rgba(242,236,226,.09)}
.marketing footer{padding-block:30px;border-top:1px solid rgba(242,236,226,.09);color:#9A9286;font:13px/1.55 'Geist',system-ui,sans-serif}
.marketing footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.marketing footer nav{display:flex;gap:22px;flex-wrap:wrap}
.marketing footer a{color:#9A9286;text-decoration:none}
.marketing footer a:hover{color:#F2ECE2}
@media(max-width:900px){.brand-secondary{display:none}.brand-actions{gap:0}}
@media(max-width:600px){.brand-bar{grid-template-columns:26px minmax(0,1fr) 108px;gap:8px;padding-inline:16px}.brand-switch{width:144px;justify-self:center}.brand-logo span{display:none}.brand-cta{width:108px;font-size:12px}.marketing .wrap{padding-inline:16px}}
@media(max-width:360px){.brand-bar{padding-inline:12px;grid-template-columns:26px minmax(0,1fr) 94px}.brand-switch{width:136px}.brand-cta{width:94px;font-size:11px}}