/* PlayB: a content brand presented as a product editorial. */
:root{--cream:#f8f3e8;--ink:#242837;--blue:#3451df}
header{background:var(--cream);padding-inline:4.5vw;height:78px}
.stage .intro-copy h1{font-size:clamp(72px,9.4vw,150px)}
.homepage{--ground:#f8f3e8;--text:#242837;--quiet:#626879;background:var(--ground)}
.homepage h2,.homepage h3,.homepage p{word-break:keep-all}
.homepage .section-wrap{padding:110px 6vw}
.homepage h2{font-weight:600;letter-spacing:-.065em}
.service-overview{background:var(--ground)}
.overview-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:end;max-width:1560px;margin:auto}
.homepage .overview-heading h2{font-size:clamp(44px,5.7vw,88px);line-height:1.18;margin:0}
.homepage .overview-heading p{font-size:19px;line-height:1.8;margin:0 0 32px}
.service-links{display:flex;gap:28px}.service-links a{display:flex;align-items:center;gap:30px;font-weight:600;font-size:17px;padding:10px 0}.service-links a:hover{color:var(--blue)}
.product-chapter{height:160svh;scroll-margin-top:78px;position:relative}
.product-stage{position:sticky;top:78px;min-height:calc(100svh - 78px);height:auto;padding:38px 6vw 24px;overflow:hidden}
.product-play{background:#314bdd;color:#fff}
.product-story{background:#e0e9e4;color:#243b36}
.product-title{max-width:1560px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:40px}
.homepage .product-title h2{font-size:clamp(60px,7.2vw,112px);letter-spacing:-.075em;line-height:1.15;margin:0;font-weight:600}
.homepage .product-title h2>span{display:inline-block;font-size:16px;letter-spacing:-.03em;margin-left:24px;vertical-align:middle;font-weight:400}
.homepage .product-title>p{font-size:clamp(23px,2.4vw,36px);font-weight:500;line-height:1.4;letter-spacing:-.055em;margin:0;width:39%}
.product-body{display:grid;grid-template-columns:1fr 1.55fr;gap:6vw;max-width:1560px;margin:30px auto 0;align-items:center}
.homepage .product-copy>p{font-size:18px;line-height:1.8;letter-spacing:-.025em;margin:0 0 20px}
.product-cta{display:flex;justify-content:space-between;align-items:center;max-width:290px;padding:17px 20px;background:var(--cream);color:var(--ink);font-size:16px;font-weight:600;margin-top:28px;border-radius:6px;transition:background .2s}
.product-cta:hover{background:#fff}.product-story .product-cta{background:#243b36;color:#fff}.product-story .product-cta:hover{background:#365249}
.product-status{margin-top:38px;display:flex;gap:25px;flex-wrap:wrap}.homepage .product-status p{font-size:13px;line-height:1.75;margin:0;opacity:.85}.product-status strong{font-weight:500}
.product-gallery{position:relative;height:59svh;min-height:350px;max-height:690px;display:flex;align-items:flex-start;justify-content:center;gap:24px;padding-top:10px}
.product-screen{margin:0;overflow:hidden;background:#f7f8fa;border-radius:16px;flex-shrink:0;position:relative;width:46%;max-width:330px;height:calc(100% - 48px)}
.product-screen img{display:block;width:100%;height:auto;max-width:none;will-change:transform}
.secondary-screen{margin-top:52px;height:calc(100% - 100px);width:39%;max-width:280px}
.product-play .secondary-screen img{margin-top:-174%}
.gallery-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:13px;line-height:1.5;opacity:.7}
.product-story .product-screen{height:calc(100% - 48px)}
.product-story .secondary-screen{height:calc(100% - 100px)}
.homepage .partner-section{background:var(--ground);padding-block:130px}
.value-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:end;max-width:1560px;margin:auto}
.homepage .value-heading h2{font-size:clamp(38px,4.5vw,68px);line-height:1.2;margin:0}
.homepage .value-heading p{font-size:18px;margin:0}
.value-arguments{max-width:1560px;margin:70px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}
.value-arguments article{padding-top:32px}
.homepage .value-arguments h3{font-size:24px;letter-spacing:-.05em;font-weight:600;margin-bottom:20px}
.homepage .value-arguments p{font-size:16px;line-height:1.8;margin:0}
.homepage .condition-note{font-size:13px;color:#626879;margin:35px auto 0;max-width:1560px}
.homepage .adoption{background:#e8ece9;align-items:start}
.homepage .adoption h2{font-size:clamp(34px,3.6vw,56px)}
.adoption-questions details{background:transparent;padding:24px 0;margin:0;border-bottom:1px solid #c9d1cc}
.adoption-questions details:first-child{padding-top:0}
.adoption-questions summary{font-weight:500;font-size:20px}
.homepage .team-section{padding-top:100px;padding-bottom:100px;background:#e8ece9}
.homepage .team-section h2{font-size:clamp(30px,3vw,45px)}
.homepage .team-section .team-statement{font-weight:500}
.homepage .contact-section{background:#263ec1;color:white}
.homepage .contact-section h2{font-size:clamp(36px,4.4vw,66px);line-height:1.22}
.homepage .contact-note{color:#d9dff5}
#inquiry input,#inquiry select,#inquiry textarea{background:#ffffff14;color:white;border-bottom:1px solid #ffffff70;padding:16px 12px;border-radius:4px 4px 0 0}
#inquiry input::placeholder,#inquiry textarea::placeholder{color:#d4daf2}
#inquiry option{color:#242837;background:white}
.contact-button{background:var(--cream);color:var(--ink);border-radius:6px}
.home-footer .footer-brand{font-size:clamp(100px,25vw,380px);font-weight:700;line-height:1;letter-spacing:-.085em}
.home-footer .footer-brand span:last-child{font-size:.35em;align-self:center}
.home-footer>div{font-size:13px}
@media(min-width:801px) and (max-height:760px){.product-stage{padding-top:25px}.homepage .product-title h2{font-size:70px}.product-body{margin-top:20px}.product-gallery{height:55svh;min-height:320px}.homepage .product-copy>p{font-size:16px}.product-status{margin-top:24px}.product-cta{margin-top:20px}}
@media(min-width:1600px){.product-stage{padding-top:55px}.product-body{margin-top:45px}}
@media(max-width:800px){
header{height:68px}.homepage .section-wrap{padding:70px 6vw}
.overview-heading,.value-heading{grid-template-columns:1fr;gap:30px}
.homepage .overview-heading h2{font-size:clamp(40px,8vw,64px)}.homepage .overview-heading p{font-size:17px;margin-bottom:20px}
.product-chapter{height:auto;scroll-margin-top:68px}.product-stage{position:relative;top:auto;min-height:0;padding:45px 6vw 35px}
.product-title{display:block}.homepage .product-title h2{font-size:64px}.homepage .product-title h2>span{font-size:14px;margin-left:18px}.homepage .product-title>p{font-size:28px;width:100%;margin-top:25px}
.product-body{grid-template-columns:1fr;gap:35px;margin-top:28px}.homepage .product-copy>p{font-size:17px}.product-status{margin-top:25px}.product-cta{max-width:100%}
.product-gallery{height:540px;min-height:0;gap:18px;padding-top:0}.product-screen{width:50%;max-width:310px;height:calc(100% - 42px)}.secondary-screen{width:41%;max-width:255px;height:calc(100% - 94px)}
.gallery-caption{font-size:12px}.product-story .product-title h2{font-size:52px}
.value-arguments{grid-template-columns:1fr;gap:12px;margin-top:30px}.value-arguments article{padding-top:20px}.homepage .value-arguments h3{font-size:25px;margin-bottom:12px}.homepage .value-arguments p{font-size:16px}
.homepage .partner-section{padding-block:70px}.homepage .value-heading h2{font-size:38px}.homepage .adoption{grid-template-columns:1fr}.homepage .adoption h2{font-size:34px}
.homepage .team-section{padding-block:60px}.homepage .contact-section h2{font-size:38px}.contact-layout{grid-template-columns:1fr}.home-footer .footer-brand{font-size:25vw}
}
@media(max-width:430px){.product-gallery{height:420px}.product-title h2{font-size:58px!important}.product-story .product-title h2{font-size:46px!important}.product-status{gap:16px}.product-screen{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.product-chapter{height:auto}.product-stage{position:relative;top:0}.product-screen img{will-change:auto}}