/* A real responsive motion film replaces the former carousel entirely. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-page="/"] .topline{background:#f4c3d4;color:var(--ink)}
body[data-page="/"] .header{background:#fff;border-bottom:0}
.home-motion{background:#84c8c2;overflow:hidden}
.motion-film{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#84c8c2}
.motion-video{display:block;width:100%;height:100%;object-fit:contain;background:#84c8c2}
.motion-controls{position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:10px;z-index:2}
.motion-controls[hidden]{display:none}
.motion-toggle,.motion-order{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border-radius:30px;font-size:.84rem;line-height:1.3;font-weight:700;border:1px solid #ffffff80;box-shadow:0 3px 15px #073e4515}
.motion-toggle{background:#fffdf9;color:var(--ink)}
.motion-toggle>[data-video-icon]{font-size:.9rem;width:16px;text-align:center}
.motion-order{background:var(--ink);color:#fff;border-color:var(--ink);min-width:135px}
.motion-order>span{font-size:1.1rem}
.motion-toggle:hover{background:#f4c3d4}
.motion-order:hover{background:#11616b}
.motion-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px max(5.5%,calc((100vw - 1230px)/2));background:#f4c3d4}
.motion-caption .eyebrow{margin-bottom:7px;font-size:.7rem;letter-spacing:.12em}
.motion-caption h1{font-size:clamp(2.3rem,4vw,4rem);line-height:.95;margin:0}
.motion-caption-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px}
.motion-caption-actions .button{border-radius:35px;gap:20px}
.motion-caption-actions .text-link{font-size:.9rem}
.home-category-bar{display:flex;align-items:center;justify-content:center;gap:16px 30px;flex-wrap:wrap;padding:20px 4%;background:#fffdf9;border-bottom:1px solid var(--line)}
.home-category-bar>span{font-size:.69rem;letter-spacing:.12em;font-weight:700}
.home-category-bar>a{font-size:.9rem;font-weight:700;min-height:32px;display:flex;align-items:center;border-bottom:1px solid transparent}
.home-category-bar>a:hover{border-color:currentColor}
body[data-page="/"] .home-boxes{background:#fce9f0}
body[data-page="/"] .selection{padding-top:75px;padding-bottom:75px}
body[data-page="/"] .selection .product-card{border:0;border-radius:12px;background:#f0f7f5}
body[data-page="/"] .home-boxes .product-card{border:0;border-radius:12px}
body[data-page="/"] .product-card{transition:transform .25s,box-shadow .25s}
@media(hover:hover){body[data-page="/"] .product-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #073e4510}}
body[data-page="/"] .app-feature-home{background:#073e45}
body[data-page="/"] .app-feature-home h2{color:#f4c3d4}
body[data-page="/"] .app-feature-home .app-screenshot{max-height:500px;border-radius:18px}
body[data-page="/"] .end-cta{background:#66c6c3}
@media(max-width:1000px){.motion-caption{gap:22px;padding:25px 5%}.motion-caption-actions{gap:15px;justify-content:flex-end}.motion-caption-actions .button{font-size:.85rem}.motion-caption-actions .text-link{font-size:.8rem}.home-category-bar{gap:12px 22px}}
@media(max-width:700px){
  .motion-film{aspect-ratio:9/16}
  .motion-controls{bottom:15px;right:5%;left:5%;justify-content:space-between;gap:12px}
  .motion-toggle,.motion-order{font-size:.78rem;min-height:44px;padding:11px 16px}
  .motion-order{min-width:132px}
  .motion-caption{align-items:flex-start;flex-direction:column;gap:22px;padding:26px 6% 30px}
  .motion-caption h1{font-size:2.9rem}
  .motion-caption .eyebrow{font-size:.65rem}
  .motion-caption-actions{justify-content:flex-start;width:100%;gap:19px}
  .motion-caption-actions .button{min-height:46px;padding:12px 17px;font-size:.81rem;gap:12px}
  .motion-caption-actions .text-link{font-size:.78rem}
  .home-category-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:23px;padding:14px 6%;scrollbar-width:thin}
  .home-category-bar>span,.home-category-bar>a{white-space:nowrap;flex-shrink:0}
  .home-category-bar>span{font-size:.6rem}
  .home-category-bar>a{font-size:.8rem}
  body[data-page="/"] .selection{padding-top:45px;padding-bottom:45px}
  body[data-page="/"] .app-feature-home .app-screenshot{max-height:425px}
}
@media(max-width:370px){.motion-caption-actions{gap:17px;flex-direction:column;align-items:flex-start}.motion-caption h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){body[data-page="/"] .product-card{transition:none;transform:none}}