.creator-tools,.creator-promo{--ct-red:#D62828;--ct-gold:#F5D94E;color:#f7f5ef}
.creator-tools em,.creator-promo em{color:var(--ct-red)}
.ct-wrap{max-width:1440px;margin:0 auto;padding:86px 5%}
.ct-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding-top:70px;padding-bottom:70px}
.ct-hero h1{font-size:clamp(60px,6.5vw,100px);line-height:1.02;letter-spacing:-1px;max-width:620px}
.ct-hero h1>span{display:block;font-size:.36em;letter-spacing:.12em;margin-bottom:16px}
.ct-hero h2{font-size:clamp(22px,2vw,30px);line-height:1.35;margin:25px 0 18px}
.ct-hero p:not(.eyebrow){max-width:600px;color:#bbb;font-size:15px}
.ct-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:28px}
.ct-text-link{font:14px Anton,sans-serif;letter-spacing:.4px;display:inline-flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #666}
.ct-text-link:hover{color:var(--ct-gold);border-color:var(--ct-gold)}
.ct-hero-art,.ct-editor,.ct-sound-art{margin:0;min-width:0}
.ct-hero-art{position:relative;border-left:4px solid var(--ct-red)}
.ct-hero-art img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.ct-hero-art figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080808);padding:60px 24px 24px;display:grid;gap:10px;font:20px Anton,sans-serif}
.ct-hero-art figcaption span:last-child{font:10px Inter,sans-serif;letter-spacing:2px;color:var(--ct-gold)}
.ct-strip{display:flex;gap:22px;justify-content:space-evenly;padding:23px 5%;background:var(--ct-gold);color:#090909;font:14px Anton,sans-serif;letter-spacing:1.3px}
.ct-section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;flex-wrap:wrap}
.ct-section-top .eyebrow{margin:0}
.ct-status{font:11px Inter,sans-serif;font-weight:600;letter-spacing:1px;color:var(--ct-gold);border:1px solid #655b2c;padding:9px 12px;display:inline-block}
.ct-status>span{color:#c0bfb9}
.ct-soon{color:#d7d5ce;border-color:#555}
.ct-product-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:34px}
.ct-product-intro h2,.ct-sound h2{font-size:clamp(42px,4.9vw,70px);line-height:1.08}
.ct-product-intro p{color:#c3c1bb;font-size:16px}
.ct-muted{margin-top:16px;color:#8f8f8f!important}
.ct-editor{border:1px solid #424242;background:#141414;box-shadow:0 24px 65px #0007}
.ct-editor img{width:100%;height:auto}
.ct-editor figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;color:#aaa;font-size:11px}
.ct-editor figcaption span:first-child{font-family:Anton,sans-serif;color:var(--ct-gold);letter-spacing:1px}
.ct-features{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:36px 0;gap:32px}
.ct-features li{border-top:2px solid var(--ct-red);padding-top:20px;display:grid;gap:10px}
.ct-features b{font:22px Anton,sans-serif}
.ct-features span{font-size:14px;line-height:1.7;color:#bcbab4}
.ct-launch-row{display:flex;justify-content:space-between;align-items:center;gap:36px}
.ct-caption{font-size:12px;color:#bdbbb4;margin-top:13px}
.ct-compat{max-width:460px;font-size:12px;color:#a7a7a7}
.ct-compat a{color:var(--ct-gold);text-decoration:underline;text-underline-offset:3px;display:block;margin-top:5px}
.ct-sound{background:#141414;border-block:1px solid #323232}
.ct-sound-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:66px;align-items:center}
.ct-sound-art img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.ct-sound-art figcaption{font:10px Inter,sans-serif;letter-spacing:1.3px;color:#999;margin-top:15px}
.ct-sound .ct-section-top{display:block;margin-bottom:24px}.ct-sound .ct-status{margin-top:15px}
.ct-sound-copy>p:not(.eyebrow):not(.ct-caption):not(.ct-small){color:#bebcb6;font-size:14px;margin:25px 0}
.ct-planned-title{font:12px Inter,sans-serif;color:var(--ct-gold);letter-spacing:1px}
.ct-planned{list-style:none;padding:0;margin:17px 0 26px;display:grid;gap:9px;font-size:13px;color:#c8c7c2}
.ct-planned li:before{content:'—';color:var(--ct-red);margin-right:12px}
.ct-disabled{cursor:not-allowed;background:#272727!important;border:1px solid #646464!important;color:#bbb!important;opacity:1!important;transform:none!important}
.ct-small{font-size:12px;color:#a7a7a7;margin-top:16px;line-height:1.7}
.ct-belief-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start}
.ct-belief-grid h2{font-size:clamp(32px,3.6vw,51px)}
.ct-belief-grid p+p,.ct-support-grid p+p{margin-top:20px}
.ct-belief-grid p,.ct-support-grid p{color:#c2c0ba}
.ct-support{background:#111;border-block:1px solid #333}
.ct-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.ct-support .button{margin-top:26px}
.ct-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.ct-faq h2{font-size:clamp(34px,3.5vw,50px)}
.ct-faq details{border-bottom:1px solid #414141}.ct-faq details:first-child{border-top:1px solid #414141}
.ct-faq summary{cursor:pointer;list-style:none;padding:23px 0;display:flex;gap:24px;justify-content:space-between;font-size:15px;font-weight:600;line-height:1.6}
.ct-faq summary::-webkit-details-marker{display:none}.ct-faq summary>span{color:var(--ct-gold);font-size:23px;line-height:1}
.ct-faq details[open] summary>span{transform:rotate(45deg)}
.ct-faq summary:focus-visible{outline:3px solid var(--ct-gold);outline-offset:5px}
.ct-faq details p{font-size:14px;color:#b9b7b2;padding:0 30px 24px 0}
.ct-final{border-top:1px solid #333;text-align:center;padding-top:62px}.ct-final h2{font-size:clamp(36px,4vw,58px);margin-bottom:30px}
.creator-promo{padding-top:80px;padding-bottom:80px}
.ct-promo-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center;margin-bottom:35px}
.ct-promo-heading h2{font-size:clamp(36px,4vw,56px)}.ct-promo-heading>p{font-size:14px;color:#bbb}
.ct-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:30px}
.ct-promo-grid article{border:1px solid #333;background:#121212;overflow:hidden}
.ct-promo-image{display:block;overflow:hidden;background:#0a0a0a}.ct-promo-image img{width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;transition:transform .3s}
.ct-promo-grid article:first-child .ct-promo-image img{object-fit:contain}.ct-promo-image:hover img{transform:scale(1.025)}
.ct-promo-card-copy{padding:26px}.ct-promo-card-copy h3{margin:18px 0 8px;font-size:32px}.ct-promo-card-copy p{color:#bbb;font-size:13px}
.ct-promo-card-copy .ct-text-link{margin-top:12px}.ct-promo-soon{display:block;margin-top:24px;font:12px Anton,sans-serif;color:#aaa;letter-spacing:.8px}
@media(min-width:1201px) and (max-width:1500px){.header{padding-inline:3%;gap:18px}.header .nav{gap:17px;font-size:13px}.header .brand>span{font-size:19px}.header .brand small{letter-spacing:3px}}
@media(max-width:1200px){.header{height:76px}.header .brand img{width:54px;height:54px}.header .menu-toggle{display:block;font:14px Anton}.header .nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--brand-neutral11,#111);border-bottom:2px solid var(--red);padding:20px 6%;flex-direction:column;align-items:stretch;gap:8px;font-size:17px;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}.header .nav.open{display:flex}.header .nav a:last-child{text-align:center}.header .nav-extra{display:block!important}}
@media(max-width:900px){.ct-wrap{padding:56px 6%}.ct-hero{gap:30px}.ct-hero h1{font-size:60px}.ct-hero .eyebrow{font-size:12px}.ct-hero-art figcaption{font-size:16px}.ct-product-intro,.ct-belief-grid,.ct-support-grid{gap:32px}.ct-sound-grid{gap:32px}.ct-sound-art img{aspect-ratio:3/5}.ct-faq{grid-template-columns:1fr;gap:28px}.ct-strip{font-size:11px;letter-spacing:.4px}.ct-promo-heading{gap:30px}.ct-launch-row{align-items:start}}
@media(max-width:650px){.ct-hero{grid-template-columns:1fr;padding-top:44px}.ct-hero h1{font-size:clamp(59px,16vw,86px)}.ct-hero h2{font-size:25px}.ct-hero-art img{aspect-ratio:1.5}.ct-hero-art figcaption{padding:40px 20px 20px}.ct-strip{flex-wrap:wrap;gap:12px 24px}.ct-strip span:last-child{display:none}.ct-section-top{gap:16px;margin-bottom:24px}.ct-product-intro,.ct-belief-grid,.ct-support-grid,.ct-sound-grid,.ct-promo-heading,.ct-promo-grid{grid-template-columns:1fr;gap:26px}.ct-product-intro h2,.ct-sound h2{font-size:48px}.ct-editor figcaption{flex-direction:column;gap:6px;font-size:10px;padding:12px}.ct-features{grid-template-columns:1fr;gap:22px}.ct-features li{padding-top:14px}.ct-features b{font-size:21px}.ct-launch-row{flex-direction:column;gap:22px}.ct-sound-art img{aspect-ratio:1.4}.ct-sound-copy{order:-1}.ct-sound-art{margin-top:10px}.ct-belief-grid h2{font-size:38px}.ct-support h2{font-size:46px}.ct-final{padding-top:40px}.ct-promo-card-copy{padding:22px}.creator-promo{padding-top:48px;padding-bottom:48px}.ct-promo-heading h2{font-size:38px}.ct-promo-grid{gap:22px}.ct-actions{gap:16px}.ct-faq summary{font-size:14px}.ct-compat{font-size:12px}}
@media(prefers-reduced-motion:reduce){.creator-tools *,.creator-promo *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ct-promo-image:hover img{transform:none}}
.ct-sound-brand-visual{display:grid;grid-template-columns:36% 64%;aspect-ratio:2.1;background:#101113;overflow:hidden}
.ct-promo-image .ct-sound-brand-visual img{width:100%;height:100%;aspect-ratio:auto;transform:none;min-width:0}
.ct-promo-image .ct-sound-logo{object-fit:contain}
.ct-promo-image .ct-sound-screen{object-fit:cover;object-position:34% center;border-left:1px solid #393939}
.ct-sound-art .ct-sound-brand-visual{display:flex;flex-direction:column;aspect-ratio:auto;border:1px solid #333}
.ct-sound-art .ct-sound-logo{width:100%;height:auto;aspect-ratio:1.8;object-fit:contain;max-height:320px}
.ct-sound-art .ct-sound-screen{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-top:1px solid #393939}
@media(max-width:650px){.ct-sound-brand-visual{grid-template-columns:34% 66%}.ct-sound-art .ct-sound-logo{max-height:220px}}
/* Keep the mobile panel viewport-bound. Absolute positioning plus the inherited
   bottom:0 squeezed it into the 76px header instead of opening below it. */
@media(max-width:1200px){
 .header .nav{position:fixed;top:76px;bottom:0;height:auto;max-height:calc(100dvh - 76px);padding-bottom:max(24px,env(safe-area-inset-bottom));z-index:31}
 .header .nav a{flex-shrink:0;min-height:48px}
}
