/* Skavio unified customer-product layout 2026-10-11.
   Exactly one navigation is rendered by /assets/skavio-shell.js.
   Keep local work tabs, sign-in and upload controls unchanged. */
.meeting-shell{min-height:0}
.meeting-sidebar{top:73px;height:calc(100vh - 73px);gap:12px}
.meeting-sidebar .sidebar-card{margin-top:auto}
.meeting-main{padding-top:18px}
.meeting-hero{min-height:280px;border-radius:21px}
.meeting-hero .hero-copy{padding:27px 22px 25px 28px}
.meeting-hero .hero-copy h1{font-size:clamp(30px,3.7vw,47px);line-height:1.08;margin:12px 0 10px}
.meeting-hero .hero-copy>p{font-size:14px;line-height:1.55}
.meeting-hero .hero-features{margin-top:14px;gap:7px}
.meeting-hero .hero-features span{padding:6px 9px;font-size:10px}
.meeting-hero .hero-proof{margin-top:12px;gap:8px}
.meeting-hero .hero-visual{min-height:250px}
.meeting-hero .hero-visual img{width:min(235px,73%);height:auto}
.meeting-hero .robot-glow{width:245px;height:245px}
.skavio-cga-direct{margin:16px 0 20px!important;padding:16px 19px!important}
.skavio-cga-direct h2{font-size:19px!important}
.skavio-cga-direct p{font-size:12px!important;line-height:1.5!important}
.skavio-cga-direct a{min-height:42px!important;font-size:12px!important}
@media(max-width:860px){
 .meeting-shell{display:block}
 .meeting-sidebar{display:none}
 .meeting-main{padding:11px}
 .meeting-hero{grid-template-columns:1fr;min-height:0}
 .meeting-hero .hero-copy{padding:20px 18px 4px}
 .meeting-hero .hero-copy h1{font-size:clamp(27px,7vw,34px);margin:10px 0}
 .meeting-hero .hero-copy>p{font-size:12px;line-height:1.5}
 .meeting-hero .hero-features{margin-top:11px}
 .meeting-hero .hero-proof{margin-top:10px}
 .meeting-hero .hero-visual{min-height:168px;padding:0}
 .meeting-hero .hero-visual img{width:160px}
 .meeting-hero .robot-glow{width:200px;height:200px}
 .meeting-hero .float-chip{padding:5px 6px;font-size:8px}
 .meeting-hero .chip-a{left:7%;top:20%}
 .meeting-hero .chip-b{right:7%;top:20%}
 .meeting-hero .chip-c{right:8%;bottom:17%}
 .skavio-cga-direct{margin:16px 0 12px!important;padding:13px 14px!important}
}
@media(max-width:560px){
 .meeting-main{padding:10px}
 .meeting-hero .hero-copy h1{font-size:clamp(26px,7.6vw,32px)}
 .meeting-hero .hero-visual{min-height:154px}
 .meeting-hero .hero-visual img{width:148px}
 .meeting-hero .hero-badge{font-size:9px;padding:6px 9px}
 .meeting-hero .hero-features span{font-size:9px;padding:6px 7px}
 .meeting-hero .hero-proof{font-size:10px}
 .skavio-cga-direct h2{font-size:17px!important}
 .skavio-cga-direct p{font-size:11px!important}
}