/* CTL Play Commercial V4 — additive UX/marketing layer, preserving all hooks. */
.play-topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}
.play-hero .hero-copy p{max-width:580px}.play-hero .hero-actions .btn{min-width:180px}.play-hero{position:relative}
.play-promise{max-width:1240px;margin:14px auto 0;padding:0 22px}.play-promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.play-promise-card{background:#0b1e2c;color:#eef7fb;border:1px solid #2e5267;border-radius:13px;padding:18px;min-height:125px}.play-promise-card small{font-size:8px;letter-spacing:1.4px;color:#91aabb}.play-promise-card strong{display:block;font-size:18px;margin-top:25px}.play-promise-card p{font-size:10px;line-height:1.5;color:#afc2cd;margin:7px 0 0}.play-promise-card.primary{background:linear-gradient(135deg,#d8ff2f,#b9e43d);color:#07131c;border-color:#d8ff2f}.play-promise-card.primary small,.play-promise-card.primary p{color:#344622}
.match-freedom{max-width:1240px;margin:18px auto 0;padding:0 22px}.match-freedom-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;background:#f8f5e8;color:#122a31;border:1px solid #ddd8bd;border-radius:17px;padding:26px}.match-freedom-copy span{font-size:8px;letter-spacing:1.5px;font-weight:900;color:#6e786e}.match-freedom-copy h2{font-size:38px;line-height:.93;letter-spacing:-1.8px;margin:9px 0 14px}.match-freedom-copy p{font-size:12px;line-height:1.65;color:#5d6965}.freedom-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.freedom-choice{background:#fffdf7;border:1px solid #d7ded7;border-radius:10px;padding:13px}.freedom-choice small{font-size:7px;letter-spacing:1.1px;color:#74817b}.freedom-choice b{display:block;font-size:11px;margin-top:6px}.freedom-choice.featured{background:#122a31;color:#fff;border-color:#122a31}.freedom-choice.featured small{color:#a9bec8}.freedom-choice.featured b{color:#edd76e}
.builder-panel .section-head h2,.find-section .section-head h2{font-size:34px;letter-spacing:-1.4px}.builder-panel .section-head p,.find-section .section-head p{max-width:650px}
.play-grid{scroll-margin-top:100px}.mode-card b{font-size:14px}.mode-card span{font-size:11px}.mode-card.active{box-shadow:0 14px 30px #0002}.mode-card.mental{border-color:#55748a}.mode-card.mental.active{box-shadow:0 14px 30px #0002}
.publish-row{background:#071522;border:1px solid #27485c;border-radius:13px;padding:14px}.publish-row small{color:#9fb3c0}
.share-commercial{max-width:1240px;margin:35px auto;padding:0 22px}.share-commercial-inner{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:16px;border:1px solid #28475a}.share-commercial-copy{padding:30px;background:#0b1d2b;color:#fff}.share-commercial-copy span{font-size:8px;letter-spacing:1.4px;color:#8fa8b7;font-weight:900}.share-commercial-copy h2{font-size:31px;line-height:.98;margin:11px 0}.share-commercial-copy p{font-size:11px;line-height:1.6;color:#abc0cb}.share-commercial-icons{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.share-commercial-icons i{font-style:normal;font-size:9px;border:1px solid #385c70;border-radius:999px;padding:7px 9px}.share-commercial-demo{padding:30px;background:#dfe9e2;color:#122a31}.share-commercial-demo small{font-size:8px;letter-spacing:1.4px;color:#60726b}.share-commercial-demo strong{display:block;font-size:20px;margin:13px 0 8px}.share-commercial-demo p{font-size:10px;line-height:1.55;color:#5a6964}.share-commercial-demo b{display:block;font-size:10px;margin-top:16px;color:#345b4b}
.find-section{padding-bottom:70px}.match-feed{position:relative}
@media(max-width:900px){.play-promise-grid{grid-template-columns:repeat(2,1fr)}.match-freedom-inner,.share-commercial-inner{grid-template-columns:1fr}.freedom-choices{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.play-promise{padding:0 14px}.play-promise-grid{grid-template-columns:1fr 1fr}.play-promise-card{padding:14px;min-height:112px}.play-promise-card strong{font-size:15px;margin-top:18px}.match-freedom{padding:0 14px}.match-freedom-inner{padding:20px}.match-freedom-copy h2{font-size:32px}.freedom-choices{grid-template-columns:1fr}.share-commercial{padding:0 14px}.share-commercial-copy,.share-commercial-demo{padding:22px}}