.install-guide{display:none}
.closing-section[data-study="install-guide"]{display:block;background:#151515;color:#fff;padding:80px 8% 0;min-height:0}
.closing-section[data-study="install-guide"] .closing-content,.closing-section[data-study="install-guide"] .closing-orbit,.closing-section[data-study="install-guide"] .closing-flat-map,.closing-section[data-study="install-guide"] .delivery-globe{display:none}
[data-study="install-guide"] .install-guide{display:block;text-align:left;padding-bottom:64px}
.install-guide h2{font-size:clamp(34px,3.6vw,48px);line-height:1.24;letter-spacing:-1.8px;margin:0 0 38px;font-weight:700}
.install-card{display:flex;align-items:center;gap:30px;background:#fff;color:#111;padding:30px 36px;text-decoration:none;max-width:800px;transition:background .2s}
.install-card img{width:112px;height:112px;border-radius:22px;flex-shrink:0}
.install-card-copy{display:flex;flex-direction:column;gap:10px}.install-card-copy strong{font-size:28px;letter-spacing:-.8px;font-weight:700}.install-card-copy>span{font-size:17px;color:#555}
.install-card:hover{background:#f0f0f0}.install-card:focus-visible{outline:3px solid #aaa;outline-offset:6px}
[data-study="install-guide"] .closing-footer{border-color:#292929;color:#888;margin-top:0}[data-study="install-guide"] .closing-footer a{color:#bbb}
@media(max-width:650px){.closing-section[data-study="install-guide"]{padding:56px 24px 0}.install-card{padding:22px 18px;gap:16px}.install-card img{width:64px;height:64px;border-radius:14px}.install-card-copy strong{font-size:19px}.install-card-copy>span{font-size:13px}.install-card-arrow{width:24px}}
@media(prefers-reduced-motion:reduce){.install-card,.install-card-arrow{transition:none}}

.ios-coming{display:flex;align-items:center;gap:10px;margin-top:24px;color:#aaa;width:fit-content}.ios-coming svg{width:18px;height:21px}.ios-coming>span{font-size:14px;font-weight:500}.ios-coming .ios-coming-label{font-size:11px;font-weight:400;letter-spacing:.3px;color:#999;border:1px solid #333;border-radius:20px;padding:5px 10px;margin-left:3px}

.install-play-icon{display:block;width:72px;height:80px;flex-shrink:0;margin:16px 20px}
@media(max-width:650px){.install-play-icon{width:42px;height:46px;margin:9px 11px}}

/* Let the highway image fade naturally into the footer. */
html .closing-section[data-study="install-guide"]{padding:0;background:#101820}
[data-study="install-guide"] .install-guide{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:clamp(720px,58vw,880px);padding:clamp(160px,14vw,220px) 8% 120px;background:#17212b}
.install-guide .install-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 56%;pointer-events:none}
.install-guide .install-backdrop>img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit}
/* Soften the transition from the white section into the dusk scene. */
[data-study="install-guide"] .install-guide::after{content:"";position:absolute;inset:0 0 auto;height:clamp(88px,9vw,140px);z-index:-1;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.9) 15%,rgba(255,255,255,.55) 40%,rgba(255,255,255,.16) 70%,rgba(255,255,255,0) 100%);pointer-events:none}
[data-study="install-guide"] .install-guide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101820 0%,rgba(16,24,32,.92) 7%,rgba(16,24,32,.48) 24%,transparent 52%),linear-gradient(90deg,rgba(9,15,22,.52),rgba(9,15,22,.32) 38%,rgba(9,15,22,0) 68%);pointer-events:none}
.install-guide h2{max-width:600px;text-wrap:balance;text-shadow:0 2px 24px #0004}
.install-guide .install-card{box-sizing:border-box;width:fit-content;max-width:100%;gap:16px;padding:12px 24px;border:0;border-radius:6px;box-shadow:0 2px 6px rgba(5,12,20,.14),0 16px 36px rgba(5,12,20,.22)}
.install-guide .install-card .install-qr{width:82px;height:82px;flex-shrink:0;margin-left:12px;border-radius:0;background:#fff}
.install-guide .install-card-copy{min-width:0;gap:6px}
.install-guide .install-card-copy>span{font-size:14px;line-height:1.5;color:#666}
.install-guide .install-card:hover{background:#fff;box-shadow:0 3px 8px rgba(5,12,20,.16),0 20px 42px rgba(5,12,20,.26)}
.install-guide .install-play-icon{width:36px;height:40px;margin:4px 0}
.install-guide .install-card-copy strong{font-size:21px;line-height:1.35;letter-spacing:-.5px}
.closing-section[data-study="install-guide"]>.site-footer{margin-inline:8%;padding-top:28px;border-top:0}
@media(max-width:650px){
  [data-study="install-guide"] .install-guide{min-height:640px;padding:clamp(340px,78vw,500px) 24px 48px}
  .install-guide .install-backdrop{object-position:center top}
  /* Blend the white FAQ into the photograph without covering the truck. */
  [data-study="install-guide"] .install-guide::after{height:clamp(72px,22vw,120px)}
  [data-study="install-guide"] .install-guide::before{background:linear-gradient(0deg,#101820 3%,rgba(16,24,32,.96) 24%,rgba(16,24,32,.72) 44%,rgba(16,24,32,.12) 60%,transparent 80%)}
  .install-guide h2{font-size:32px;letter-spacing:-1.3px;margin-bottom:28px}
  .install-guide .install-card{width:100%;gap:12px;padding:10px 14px;border-radius:6px}
  .install-guide .install-play-icon{display:none}
  .install-guide .install-card .install-qr{width:82px;height:82px;margin-left:auto}
  .install-guide .install-card-copy strong{font-size:18px}
  .install-guide .install-card-copy>span{font-size:13px}
  .closing-section[data-study="install-guide"]>.site-footer{margin-inline:24px}
}

/* Stack the invitation below the truck before the desktop columns crowd. */
@media(min-width:651px) and (max-width:1000px){
  [data-study="install-guide"] .install-guide{min-height:800px;padding:480px 8% 64px}
  .install-guide .install-backdrop{height:520px;object-position:right center}
  [data-study="install-guide"] .install-guide::before{background:linear-gradient(180deg,rgba(16,24,32,.04) 0,rgba(16,24,32,.1) 300px,#101820 520px)}
}