/* Compact, homepage-only composition using the Library's real app screenshots. */
.home-tot{padding:56px 0}
.home-tot>.split{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:44px}
.home-tot .app-label{margin-bottom:20px}
.home-tot-preview{margin:0;min-width:0}
.home-tot-devices{display:block;position:relative;aspect-ratio:1.4;isolation:isolate;background:radial-gradient(ellipse at 60% 55%,#85618b30,transparent 70%);border-radius:12px}
.home-tot-mac{position:absolute;left:0;top:15%;width:89%;height:auto;border:1px solid #ddd5bc70;border-radius:8px;box-shadow:0 20px 38px #120e1c40}
.home-tot-iphone{position:absolute;right:0;top:2%;width:30%;height:auto;border:1px solid #ddd5bc90;border-radius:20px;box-shadow:0 18px 30px #120e1c60}
.home-tot-preview figcaption{text-align:center;font-size:15px;line-height:1.5;color:#e1d7e3;margin:12px 0 0}
.home-tot-devices:focus-visible{outline:3px solid var(--gold);outline-offset:7px}
@media(max-width:850px){
  .home-tot{padding:44px 0}
  .home-tot>.split{grid-template-columns:minmax(0,1fr);gap:30px}
  .home-tot-preview{width:100%;max-width:540px;justify-self:center}
  .home-tot-devices{aspect-ratio:1.5}
  .home-tot-iphone{width:28%;top:0;border-radius:16px}
  .home-tot-mac{top:12%}
  .home-tot-preview figcaption{margin-top:10px;font-size:14px}
}