/* sections/final.html: the closing cobalt download band. Text on the band is white in both themes.
   Copy on the left, the buddy standing on the band's bottom edge on the right (below the copy, peeking up, on phones). */
.final{padding-top:0;padding-bottom:0}
.final-band{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;
  padding:clamp(56px,8vw,104px) clamp(20px,5vw,72px) 0;border-radius:var(--r-2xl);text-align:center;color:#FFFFFF;
  background:radial-gradient(45% 60% at 92% 0%,rgba(157,182,255,.32),transparent 70%),var(--grad-brand-deep);box-shadow:0 40px 100px -40px rgba(36,86,232,.6)}
/* "voice" rings around the buddy, fading out */
.final-band::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:repeating-radial-gradient(circle at var(--rx,50%) var(--ry,100%),rgba(255,255,255,.09) 0 1px,transparent 1.5px 72px);
  -webkit-mask-image:radial-gradient(circle at var(--rx,50%) var(--ry,100%),#000 0,transparent 62%);mask-image:radial-gradient(circle at var(--rx,50%) var(--ry,100%),#000 0,transparent 62%)}
.final-copy{position:relative;display:flex;flex-direction:column;align-items:center;max-width:40rem}
.final-icon{width:64px;height:64px;margin-bottom:var(--space-5);border-radius:16px;box-shadow:0 14px 30px -10px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.35)}
.final-band h2{color:#FFFFFF;font-size:clamp(2.25rem,1.4rem + 3.4vw,4rem)}
.final-lede{max-width:30em;margin:var(--space-5) 0 var(--space-6);font-size:var(--fs-lede);line-height:1.55;color:#FFFFFF}
.final-local{display:block}   /* the country line ("Made for Mac users in the UK.") gets its own line */
.final-dl{justify-content:center}
.final-band .dl-meta{color:#FFFFFF}   /* full white: >= 5:1 on the lightest end of the band */
.final-band :focus-visible{outline-color:#FFFFFF}

.final-buddy{position:relative;width:min(100%,300px);height:200px;margin-top:var(--space-6);overflow:hidden}
.final-buddy img{position:absolute;left:50%;top:0;width:150px;height:auto;margin-left:-75px;filter:drop-shadow(0 18px 30px rgba(9,20,70,.35))}
.final-bubble{position:absolute;left:0;top:14px;z-index:1;padding:9px 14px 10px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;
  border-radius:var(--r-bubble-user);box-shadow:0 12px 30px -12px rgba(9,20,70,.55)}
@media (max-width:379.98px){.final-bubble{left:-6px}}

@media (min-width:960px){
  .final-band{--rx:84%;--ry:62%;grid-template-columns:minmax(0,1fr) minmax(0,auto);justify-items:stretch;align-items:end;gap:var(--space-7);
    padding-bottom:0;text-align:left}
  .final-copy{align-items:flex-start;align-self:center;padding-bottom:clamp(56px,8vw,104px)}
  .final-dl{justify-content:flex-start}
  .final-buddy{width:340px;height:auto;aspect-ratio:auto;margin:0;overflow:visible;align-self:end}
  .final-buddy img{position:relative;left:auto;top:auto;width:184px;margin:0 0 0 auto;margin-right:40px}
  .final-bubble{left:0;top:38px;padding:11px 16px 12px;font-size:var(--fs-s)}
}
@media (min-width:1280px){.final-buddy{width:380px}.final-buddy img{width:196px;margin-right:60px}}