/* p39: phone overhaul. Every rule is inside max-width:760px; desktop untouched. */
@media (max-width:760px){
/* nav: 56px bar, logo + wordmark left, pill Try Now right */
.nav-wrap{padding:10px 12px 0}
.nav{height:56px!important;min-height:56px;padding:8px 8px 8px 12px!important;box-sizing:border-box;flex-wrap:nowrap;gap:12px}
.nav-brand{font-size:18px;white-space:nowrap;flex:0 0 auto}
.nav .btn-talk{height:40px;padding:8px 18px;border-radius:999px!important;flex:0 0 auto;white-space:nowrap}
.nav .peek-right{display:none!important}
/* hero */
.hero{padding-top:104px!important;padding-bottom:40px!important}
.hero-in>h1{font-size:40px!important;line-height:1.05!important;letter-spacing:-1.4px}
.hero-sub{font-size:16px!important;line-height:1.45;margin-top:14px!important}
#try{margin-top:20px}
.win-hero{margin-top:64px!important;max-height:420px}
/* shared section rhythm */
.problem,.sec,#customers,#faq{padding-top:56px!important;padding-bottom:56px!important}
.sec-head{margin-bottom:24px!important}.sec-head h2,.b2-h2,.b6-head .b6-title,.p6-head h2,.faq-side h2{font-size:32px!important;line-height:1.1!important}
.sec-head p,.b2-sub,.p6-head p,.b6-sub2{font-size:16px!important;line-height:1.45!important}
#problem .prob-h{font-size:32px!important}
/* workspace: crop the board */
#workspace .tabs{margin-bottom:12px}
#workspace .show{padding-top:16px}
#workspace .win-show{max-height:60vh;overflow:hidden}
/* value: cropped card art */
.vp-ui{aspect-ratio:auto!important;height:330px;overflow:hidden}
.vp-card{padding-bottom:14px!important}.vp-txt{padding-top:12px!important}
.vp-card .vp-txt p{font-size:15px}
/* team */
#team{padding:56px 0 40px!important}#team>.p6:before{margin-bottom:40px!important}
.p6-head{margin-bottom:18px!important}.p6-bar{margin-bottom:14px!important}
/* brain */
.b6{padding-top:56px!important;margin-top:0!important}
.b6-map{margin-bottom:20px!important}
.b6-dir{max-height:470px;overflow:hidden}
/* enterprise */
.b2-wrap{padding:56px 16px!important}
.b2-ent .b2-ent-grid{gap:28px!important}
.b2-ent .b2-feats{gap:10px!important;margin-top:18px!important}
.b2-ent .b2-feats li{display:flex!important;align-items:flex-start!important;gap:12px!important}
.b2-ent .b2-feats .b2-fi{display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;flex:0 0 28px!important;margin-top:-2px!important}
.b2-ent .b2-feats .b2-fi svg{width:16px!important;height:16px!important}
.b2-ent .b2-feats div,.b2-ent .b2-feats b,.b2-ent .b2-feats li span:not(.b2-fi){font-size:14px!important;line-height:1.4!important}
.b2-ent .b2-badges{margin-top:20px!important}
.b2-ent .b2-app{max-height:400px;overflow:hidden}
.b2-ent .b2-app-fit{max-height:400px;height:auto!important}
/* anywhere */
.b2-any .b2-sl-win,.b2-any .b2-win{max-height:470px;overflow:hidden}
.b2-any .b2-stage{height:auto!important;max-height:480px}
/* customers: stacked, smaller product shots */
.cu-grid{gap:16px!important;margin-top:0!important}
.cu-card{padding-top:18px!important}
.cu-q{font-size:15px!important;line-height:1.45!important}
.cu-media{padding-top:10px!important}.cu-media img{height:110px!important;width:auto!important;object-fit:contain}
/* faq */
.faq .faq-grid{padding:40px 14px 16px!important}
.faq-list{padding-top:20px!important}
.qa-q{padding-top:14px!important;padding-bottom:14px!important;font-size:15px!important;min-height:44px}
/* footer */
.foot{padding-top:72px!important;padding-bottom:16px!important}
.foot>.wrap{padding:24px 20px 16px!important}
.foot-top{gap:18px!important}.foot-cols{gap:28px!important}
.foot-cols a{display:block;min-height:32px;line-height:32px}
}
@media (max-width:760px){
.p6-head p{max-width:76%}
.b2-ent .b2-app,.b2-ent .b2-app-fit{max-height:350px}
.cu-q{font-size:14.5px!important;line-height:1.42!important}
.cu-media img{height:80px!important}
.cu-who{margin-top:10px!important}
}
@media (max-width:760px){
.cu-media{height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding-bottom:12px!important}
#faq{padding-top:40px!important;padding-bottom:40px!important}
.qa-q{padding-top:12px!important;padding-bottom:12px!important}
}
@media (max-width:760px){
.faq .faq-grid{padding-top:60px!important}
#faq{padding-bottom:16px!important}
}
@media (max-width:760px){
.faq-list{padding-top:30px!important}
.p6-head{margin-bottom:52px!important}
}
@media (max-width:760px){
#problem .prob-h{margin-bottom:24px}
#team .p6-card{flex:0 0 80%!important;width:80%!important;max-width:80%!important;max-height:300px;overflow:hidden}
}
@media (max-width:760px){
.win-hero{max-height:470px!important}
#brain .b6-ml-list li img,#brain .b6-ml-list li svg,#brain .b6-ml-list li picture{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;flex:0 0 28px!important;object-fit:contain}
}
/* p40 (§47): team cards 78% with peek + compact previews; brain orbit clipped to its half-disc */
@media (max-width:760px){
#team .p6-card{flex:0 0 78%!important}
#team .p6-cover{max-height:150px;overflow:hidden}
#brain .b6-map--p{overflow:hidden}
#workspace .win-show{max-height:none}
}
/* p41: ~56px visible gap between sections on phones (28px each side) */
@media (max-width:760px){
html body .hero{padding-bottom:28px!important}
html body .problem,html body .sec,html body #customers{padding-top:28px!important;padding-bottom:28px!important}
html body #faq{padding-top:28px!important;padding-bottom:12px!important}
html body .faq .faq-grid{padding-top:28px!important}
html body .faq-list{padding-top:16px!important}
html body #team{padding:28px 0 28px!important}html body #team>.p6:before{margin-bottom:24px!important}
html body #brain .b6{padding-top:28px!important}
html body .b2-wrap{padding:28px 16px!important}
html body .foot{padding-top:40px!important}
}
/* p41: room thread on phones: spread messages over the pane so no blank strip sits above the composer */
@media (max-width:760px){
#workspace .ck-thread-b{display:flex!important;flex-direction:column!important;justify-content:space-between!important}
#workspace .ck-thread-b>*{margin-top:0!important;margin-bottom:0!important}
}
/* p41: hero Home window shows the whole Home pane (height set by heroFit) */
@media (max-width:760px){html body .win-hero{max-height:none!important}}
/* p43: room thread on phones: messages scroll in their own box above the composer (never under it) */
@media (max-width:760px){
#workspace .lv-tp .ck-thread{display:flex!important;flex-direction:column!important;min-height:0}
#workspace .lv-tp .ck-thread>*{flex:none}
#workspace .lv-tp .ck-thread>.ck-thread-b{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;justify-content:flex-start!important;scrollbar-width:none;padding-bottom:12px!important}
#workspace .lv-tp .ck-thread-b>*+*{margin-top:10px!important}
#workspace .lv-tp .ck-thread .ck-composer{position:relative!important;inset:auto!important;flex:none!important}
}
/* p45: final mobile defects */
@media (max-width:760px){
html body .faq .faq-grid{padding-top:0!important;display:flex!important;flex-direction:column!important;gap:16px!important}
html body .faq .faq-side{order:0;position:relative;top:0!important;align-self:stretch;z-index:3;padding:8px 6px 0}
html body .faq .faq-side h2,html body .faq .faq-side .faq-sub{text-shadow:none!important}
html body .faq .faq-side h2{color:#151515;margin-top:16px}
html body .faq .faq-side .faq-sub{font-size:16px}
html body .faq .faq-list{order:1;margin-top:0!important}
}
@media (max-width:479px){
#heroStage .ck-jump-s,#heroStage .ck-jump .ck-stack{display:none!important}
}

/* review: let touch scrolling hand off to the page at the end of inner lists on phones */
@media (max-width:760px){#brain .b6-dir,#anywhere .b2-msgs,#anywhere .b2-sl-msgs{overscroll-behavior-y:auto!important}}