/* Business disclosures apply to both approved layouts. */
.business-toggle{font:inherit;letter-spacing:inherit;color:inherit;text-align:left;border:0;background:none;opacity:1;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:0 0 15px;line-height:1.45;cursor:pointer}
.business-toggle::after{content:'+';font-size:25px;font-weight:400;color:#a3b4c7;flex-shrink:0}
.business-toggle[aria-expanded=true]::after{content:'−'}
.business-usecase p[hidden]{display:none}
.business-usecase h3{margin-bottom:0}
@media(min-width:761px){.business-usecase:last-child{grid-column:auto;max-width:none}}
@media(max-width:760px){
 .hero-scroll{height:112svh}.hero{min-height:0}.hero-product{transform-origin:center center}
 /* Identical image frames and card sizes; contain preserves every subject. */
 .life-slide{--photo-height:clamp(175px,51vw,340px);height:calc(var(--photo-height) + 320px);align-self:stretch;background:#10161d;overflow:hidden;display:grid;grid-template-rows:var(--photo-height) 320px}
 .life-slide img{height:100%;width:100%;object-fit:contain;background:#080d14;transform:none!important}
 .life-slide .slide-shade{display:none}
 .life-slide .slide-copy{position:relative;inset:auto;padding:24px 23px 28px}
 .life-slide .slide-copy h3{margin:12px 0;font-size:25px;line-height:1.25}
 .life-slide .slide-copy p{font-size:15px;line-height:1.65}
 .business-scene{padding-bottom:65px}
 .business-art img{width:155%;height:100%;max-width:none;right:-34%;top:30px;object-fit:cover;object-position:65% 48%;opacity:1;filter:saturate(.45) hue-rotate(70deg) brightness(.9);mask-image:linear-gradient(0deg,transparent,#000 20%,#000 85%,transparent)}
 .business-shade{background:linear-gradient(0deg,#080d14 0%,#080d1466 35%,#080d1455 65%,#080d14cc 85%,#080d14 100%)}
 .business-intro>p{max-width:100%;text-shadow:0 2px 18px #000}
 .business-usecases{margin-top:35px;gap:0;background:#080d1445;border-radius:8px;padding:0 16px;backdrop-filter:blur(3px)}
 .business-usecase{padding:0;border-top:1px solid #a3b4c73d}
 .business-usecase:first-child{border-top:0}
 .business-usecase h3{font-size:20px;margin:0}
 .business-toggle{padding:21px 0}
 .business-usecase p{padding:0 0 24px;font-size:16px;line-height:1.75;color:#e2e8ef}
 /* Full three-column comparison, visible across the phone width. */
 .comparison{padding-top:25px;padding-bottom:55px}
 .comparison h2{font-size:36px;margin-bottom:20px}
 .comparison-scroll{overflow:visible;border:1px solid #a3b4c738;border-radius:6px}
 .comparison-table{display:table;min-width:0;width:100%;table-layout:fixed;font-size:clamp(9px,2.5vw,11px);line-height:1.45}
 .comparison-table thead{display:table-header-group}
 .comparison-table tbody{display:table-row-group}
 .comparison-table tr{display:table-row}
 .comparison-table th,.comparison-table td{padding:8px 6px;font-size:inherit;line-height:inherit;overflow-wrap:anywhere}
 .comparison-table thead th{font-size:clamp(10px,2.8vw,12px);padding:12px 6px;line-height:1.4;vertical-align:middle}
 .comparison-table thead th:first-child{width:24%;font-size:inherit}
 .comparison-table thead th:nth-child(2){width:36%}
 .comparison-table thead th:nth-child(3){width:40%}
 .comparison-table tbody th{font-size:inherit;padding:8px 6px}
 .comparison-feature{display:block}.comparison-feature svg{display:none}.comparison-feature span{max-width:none}
 .comparison-table td::before{content:none}
}

@media(min-width:761px){
 .business-usecases{align-items:start}
 .business-column{display:grid;align-content:start;gap:36px}
 .business-column .business-usecase{grid-column:auto;max-width:none}
}
@media(max-width:760px){
 .business-column{display:contents}
 .life-slide{height:calc(var(--photo-height) + 260px);grid-template-rows:var(--photo-height) 260px}
 .life-slide .slide-copy{padding:20px 23px}
 .life-slide .slide-copy h3{font-size:24px}
}
@media(max-width:360px){
 .life-slide{height:calc(var(--photo-height) + 280px);grid-template-rows:var(--photo-height) 280px}
}