.mt-page .mt-hero{padding-block:96px 0;display:grid;align-content:center;
   height:auto;min-height:0}

.mt-page .mt-hero .masthead{width:min(92vw,940px);position:relative;z-index:2;
   left:0;top:0;transform:none;margin-inline:auto;margin-block:var(--sp-sec)}

@media(min-width:861px){
  .mt-page .mt-hero .masthead{margin-block-start:var(--sp-6)}
}

.mt-hero .mt-vf{position:absolute;inset:0;z-index:0;pointer-events:none;
   display:block}

.mt-hero .mt-vf img{width:100%;height:100%;object-fit:cover;object-position:center;
   display:block;opacity:.70}

.mt-sig{display:inline-block;margin-block-end:var(--sp-6);
   font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);color:var(--blue);
   background:rgba(25,92,255,.06);border:1px solid rgba(25,92,255,.12);
   border-radius:var(--r-pill);padding:6px 16px}

.mt-page .masthead{text-align:center}
.mt-page .masthead > *{margin-inline:auto}

.mt-page .mt-h1{font-size:var(--fs-h2);line-height:1.24;
   letter-spacing:var(--ls-tight);font-weight:var(--fw-black);
   max-width:min(21ch,100%);text-wrap:balance}

.mt-page .mt-lead{color:var(--tx-ink);margin-block-start:var(--sp-8);
   font-size:var(--fs-title);line-height:1.55;max-width:min(46ch,100%)}
.mt-page .mt-lead .l{display:block}

.mt-page .mt-lead .l-turn{margin-block-start:var(--sp-6)}
.mt-cta{display:grid;justify-items:center;gap:var(--sp-3);margin-block-start:var(--sp-12)}

.mt-caps{background:var(--cream)}

.mt-caps-list{position:relative;list-style:none;padding:0;margin:var(--sp-flow) 0 0}
.mt-caps-list::before{content:"";position:absolute;inset-block:0;
   inset-inline-start:22px;width:2px;border-radius:var(--r-pill);
   transform-origin:50% 0;
   background:linear-gradient(180deg,
     rgba(25,92,255,0) 0%,rgba(25,92,255,.35) 12%,
     rgba(25,92,255,.35) 88%,rgba(25,92,255,0) 100%)}
.mt-cap{display:grid;grid-template-columns:46px minmax(0,1fr);
   gap:var(--sp-6);align-items:start}
.mt-cap > *{min-width:0}
.mt-cap + .mt-cap{margin-block-start:var(--sp-12)}

.mt-cap-node{position:relative;z-index:2;margin-block-start:var(--sp-6);
   filter:drop-shadow(0 12px 22px rgba(25,92,255,.22))}

.is-in .mt-caps-list::before{animation:mt-draw .9s var(--ease-sweep) both}
.is-in .mt-cap-node{animation:mt-land .45s var(--ease-pop) both;
   animation-delay:calc(var(--d, 0s) - 60ms)}

.is-in .mt-cap-node--rec{animation:mt-land .45s var(--ease-pop) both,
   mt-rec-land 1.1s var(--ease) both;
   animation-delay:calc(var(--d, 0s) - 60ms)}

@keyframes mt-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes mt-cardin{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes mt-land{
  from{opacity:0;transform:scale(.72)}
  to{opacity:1;transform:scale(1)}
}
@keyframes mt-rec-land{
  0%,26%{filter:drop-shadow(0 12px 22px rgba(252,61,67,.35))}
  100%{filter:drop-shadow(0 12px 22px rgba(25,92,255,.22))}
}

@supports (animation-timeline: view()) {
  .mt-caps-list::before,
  .is-in .mt-caps-list::before{animation:mt-draw linear both;
     animation-timeline:view();animation-range:cover 6% cover 86%;
     animation-delay:0s}
  .mt-cap-node,
  .is-in .mt-cap-node{animation:mt-land linear both;
     animation-timeline:view();animation-range:entry 26% entry 94%;
     animation-delay:0s}
  .mt-cap-node--rec,
  .is-in .mt-cap-node--rec{animation:mt-land linear both,mt-rec-land linear both;
     animation-timeline:view(),view();
     animation-range:entry 26% entry 94%,entry 40% cover 22%;
     animation-delay:0s}

  .mt-cap-card{animation:mt-cardin linear both;
     animation-timeline:view();animation-range:entry 12% entry 80%}
  :where(html.js) .mt-cap-card.u-rise{transition:none}
}
.mt-cap-node .u-tcface{justify-content:center;padding-inline:var(--sp-3)}

.mt-cap-ic{display:block;width:20px;height:20px;color:var(--blue);
   fill:none;stroke:currentColor;stroke-width:1.5;
   stroke-linecap:round;stroke-linejoin:round}
.mt-cap-ic .f{fill:currentColor;stroke:none}

.mt-cap-ic--rec{color:var(--red)}

.mt-cap-card{padding:var(--sp-8)}
.mt-cap-h{margin:var(--sp-2) 0 0;font-size:var(--fs-feature);
   font-weight:var(--fw-bold);line-height:var(--lh-card);color:#000;
   text-wrap:balance}

.mt-cap-h .u-mark{color:#000}
.mt-cap-p{margin:var(--sp-6) 0 0;font-size:var(--fs-body);
   line-height:var(--lh-body);color:#000;max-width:min(68ch,100%)}
.mt-cap-p + .mt-cap-p{margin-block-start:var(--sp-4)}

.mt-cap-fin{margin:var(--sp-6) 0 0;font-size:var(--fs-body);
   line-height:var(--lh-body);font-weight:var(--fw-bold);color:#000;
   max-width:min(68ch,100%)}
.mt-cap-fin + .mt-cap-fin{margin-block-start:0}

@media(max-width:640px){
  .mt-caps-list::before{inset-inline-start:16px}
  .mt-cap{grid-template-columns:34px minmax(0,1fr);gap:var(--sp-3)}
  .mt-cap-node{margin-block-start:var(--sp-4)}
  .mt-cap-node .u-tcface{height:34px;padding-inline:var(--sp-2)}
  .mt-cap-ic{width:16px;height:16px}
  .mt-cap-card{padding:var(--sp-6)}
  .mt-cap + .mt-cap{margin-block-start:var(--sp-8)}
}

.mt-eyes{background:#fff}

.mt-eyes-p{margin:var(--sp-6) auto 0;max-width:var(--container-narrow);
   font-size:var(--fs-title);line-height:var(--lh-card);color:#000;text-align:center}

.mt-eyes-p .l{display:block}
.mt-eyes-p .l-gap{margin-block-start:var(--sp-4)}
.mt-loop + .mt-eyes-p{margin-block-start:var(--sp-12)}
.mt-eyes-kick{margin:var(--sp-12) auto 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000;text-align:center}

.mt-eyes-close{margin:var(--sp-12) auto 0;font-size:var(--fs-h3);
   font-weight:var(--fw-bold);line-height:var(--lh-tight);
   letter-spacing:var(--ls-tight);color:#000;text-align:center;text-wrap:balance}
.mt-eyes-close .u-mark{color:#000}

.mt-loop{display:flex;align-items:center;gap:var(--sp-12);
   width:fit-content;max-width:100%;margin:var(--sp-6) auto 0;
   padding:var(--sp-8) var(--sp-12);border-radius:var(--r-card);
   background:linear-gradient(160deg,#fff,#e2eafc);
   border:1px solid rgba(25,92,255,.22);
   box-shadow:0 26px 60px rgba(25,92,255,.12),inset 0 1px 0 rgba(255,255,255,.92)}

.mt-loop-dial{position:relative;flex:none;width:132px;height:132px}
.mt-loop-dial b{position:absolute;inset:0;display:grid;place-items:center;
   font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);color:var(--blue)}
.mt-loop-dial svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.mt-loop-dial .t{fill:none;stroke:rgba(25,92,255,.12);stroke-width:3}
.mt-loop-dial .r{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;
   stroke-dasharray:20 80;animation:mt-dial 7s linear infinite}
@keyframes mt-dial{to{stroke-dashoffset:-100}}

.mt-loop-list{list-style:none;margin:0;padding:0;text-align:start}
.mt-loop-list li{display:flex;align-items:center;gap:var(--sp-3);
   font-size:var(--fs-body);line-height:var(--lh-card);color:#000;
   animation:mt-wake 7s linear infinite;animation-delay:calc(var(--i) * 1.4s)}

.mt-loop-list .tx{display:inline-grid}
.mt-loop-list .tx > span,
.mt-loop-list .tx::after{grid-area:1 / 1}
.mt-loop-list .tx::after{content:attr(data-t);font-weight:var(--fw-bold);visibility:hidden}
.mt-loop-list li + li{margin-block-start:var(--sp-3)}

.mt-loop-list li::before{content:"";width:8px;height:8px;flex:none;
   border-radius:var(--r-pill);background:var(--green);opacity:.22;
   animation:mt-dot 7s linear infinite;animation-delay:calc(var(--i) * 1.4s)}

@keyframes mt-wake{0%,19.4%{font-weight:var(--fw-bold)}20%,100%{font-weight:var(--fw-body)}}
@keyframes mt-dot{0%,19.4%{opacity:1;scale:1.4}20%,100%{opacity:.22;scale:1}}

@media(max-width:760px){
  .mt-loop{flex-direction:column;gap:var(--sp-6);width:100%;
     padding:var(--sp-6) var(--sp-4)}
  .mt-loop-dial{width:88px;height:88px}
  .mt-loop-list{align-self:stretch}
}

.mt-proof{background:var(--cream)}

.mt-struck{position:relative;display:inline-block;white-space:nowrap}
.mt-struck::after{content:"";position:absolute;inset-inline:-3%;
   inset-block-start:52%;height:3px;border-radius:var(--r-xs);
   background:var(--red-deep);transform:scaleX(0);transform-origin:right;
   transition:transform var(--dur-slow) var(--ease-sweep) .25s}
.is-in .mt-struck::after{transform:scaleX(1)}

.mt-proof .ch-vid-grid--port{grid-template-columns:repeat(3,minmax(0,1fr));
   max-width:var(--container-content);margin-inline:auto}
.mt-proof .ch-vid-grid--port > .ch-vid-card,
.mt-proof .ch-vid-grid--port > .ch-vid-card:nth-child(4),
.mt-proof .ch-vid-grid--port > .ch-vid-card:nth-child(5){grid-column:auto}
.mt-wall .ch-vid-grid--port{grid-template-columns:repeat(4,minmax(0,1fr))}
.mt-wall .ch-vid-grid--port > .ch-vid-card,
.mt-wall .ch-vid-grid--port > .ch-vid-card:nth-child(4),
.mt-wall .ch-vid-grid--port > .ch-vid-card:nth-child(5){grid-column:auto}
.mt-wall .ch-vid-grid > li,.mt-wall .ch-tw-grid > li{min-width:0}

@media(max-width:900px){
  .mt-proof .ch-vid-grid--port,
  .mt-wall .ch-vid-grid--port{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .mt-proof .ch-vid-grid--port,
  .mt-wall .ch-vid-grid--port{grid-template-columns:minmax(0,1fr)}
}

.mt-wall-grp{margin-block-start:var(--sp-sec)}

.mt-paths{background:#fff}
.mt-aside{margin:var(--sp-8) auto 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000;max-width:min(52ch,100%)}
.mt-aside .l{display:block}
.mt-aside .l + .l{margin-block-start:var(--sp-2)}

.mt-tracks{margin-block-start:var(--sp-flow)}
.mt-track{padding:var(--sp-8)}

.mt-track-mark{display:flex;align-items:center;height:48px;margin-block:var(--sp-6)}
.mt-track-mark i{position:relative;flex:none;width:48px;height:48px;
   border-radius:var(--r-pill);border:3px solid #fff;background:var(--blue-soft);
   box-shadow:0 2px 8px rgba(11,15,30,.12);z-index:calc(9 - var(--k))}
.mt-track-mark i + i{margin-inline-start:-18px}
.mt-track-mark i:nth-child(3n+2){background:var(--blue-light)}
.mt-track-mark i:nth-child(3n+3){background:var(--blue)}

.mt-track-h{margin:0;font-size:var(--fs-feature);font-weight:var(--fw-bold);
   line-height:var(--lh-card);color:#000}
.mt-track-h span{display:block;margin-block-start:var(--sp-1);
   font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);color:var(--blue)}
.mt-track-p{margin:0;font-size:var(--fs-body);
   line-height:var(--lh-body);color:#000}

.mt-paths-close{margin:var(--sp-12) auto 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000;text-align:center;
   max-width:min(60ch,100%)}
.mt-paths-close .l{display:block}
.mt-paths-close .l + .l{margin-block-start:var(--sp-2)}
.mt-paths-close .u-mark{color:#000}

@media(max-width:860px){
  .mt-tracks{grid-template-columns:minmax(0,1fr)}
  .mt-track{padding:var(--sp-6)}
}

.mt-page .lead-card h2{text-wrap:balance}

@media(max-width:640px){
}

.mt-gz{background:linear-gradient(180deg,var(--panel) 0%,#fff 20%,#fff 100%)}

.mt-gz-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-12)}
.mt-gz-grid > *{min-width:0}
.mt-gz-copy{order:1}
.mt-gz-side{order:2;position:relative;z-index:2}
.mt-gz-stick{position:sticky;top:96px}

.mt-gz-copy{position:relative;padding-inline-end:var(--sp-12)}
.mt-gz-copy::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;
   width:2px;border-radius:var(--r-pill);
   background:linear-gradient(180deg,
     rgba(25,92,255,.12) 0%,
     rgba(25,92,255,.35) 58%,
     var(--blue) 100%)}

.mt-gz-h{margin:0;max-width:min(18ch,100%)}

.mt-gz-takes{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000}
.mt-gz-take{display:block}
.mt-gz-take + .mt-gz-take{margin-block-start:var(--sp-2)}

.mt-gz-take + .mt-gz-take--end{margin-block-start:var(--sp-6);font-weight:var(--fw-bold)}

.mt-gz-advice{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000}
.mt-gz-lead{text-decoration:underline;text-decoration-thickness:1px;
   text-underline-offset:.24em}
.mt-gz-said{display:block;margin-block-start:var(--sp-2);font-weight:var(--fw-bold)}

.mt-gz-pre{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000}
.mt-gz-voices{list-style:none;margin:var(--sp-2) 0 0;padding:0}
.mt-gz-voices li{font-size:var(--fs-title);line-height:var(--lh-card);color:#000}
.mt-gz-voices li + li{margin-block-start:var(--sp-2)}

.mt-gz-take,.mt-gz-voices li{position:relative;padding-inline-start:var(--sp-8)}
.mt-gz-mk{position:absolute;inset-inline-start:0;inset-block-start:0;
   width:20px;height:1.3em;display:grid;place-items:center;pointer-events:none}

.mt-gz-mk svg{display:block;width:20px;height:20px;border-radius:var(--r-pill);
   fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mt-gz-mk--v{color:var(--green-deep)}
.mt-gz-mk--v svg{background:rgba(22,197,128,.22)}
.mt-gz-mk--x{color:var(--red-deep)}
.mt-gz-mk--x svg{background:rgba(252,61,67,.22)}

.mt-gz-ask{margin:var(--sp-12) 0 0;font-size:var(--fs-title);
   font-weight:var(--fw-bold);line-height:var(--lh-card);color:#000}

.mt-gz-ask .u-mark{color:#000}

.mt-gz-turn{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000;max-width:min(52ch,100%)}
.mt-gz-turn + .mt-gz-turn{margin-block-start:var(--sp-8)}

.mt-gz-end{margin:var(--sp-12) 0 0;font-size:var(--fs-h3);
   font-weight:var(--fw-black);line-height:var(--lh-tight);
   letter-spacing:var(--ls-tight);color:#000;text-wrap:balance}
.mt-gz-end b{font-weight:var(--fw-black);color:var(--blue)}

.mt-gz-phone{display:grid;gap:var(--sp-4);padding:var(--sp-4);background:#fff;
   border:1px solid var(--panel);border-radius:var(--r-card);box-shadow:var(--sh-rest)}
.mt-gz-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}

.mt-gz-tile{position:relative;aspect-ratio:9/16;border-radius:var(--r-xs);overflow:hidden;
   background:linear-gradient(180deg,var(--cream),var(--panel))}
.mt-gz-dur{position:absolute;inset-block-end:4px;inset-inline-start:5px;
   font-size:var(--fs-tag);font-weight:var(--fw-bold);color:#000}

.mt-gz-rec{justify-self:center;display:grid;place-items:center;
   width:28px;height:28px;border-radius:var(--r-pill);border:2px solid var(--red)}
.mt-gz-rec::after{content:"";width:16px;height:16px;border-radius:var(--r-pill);
   background:var(--red);box-shadow:var(--sh-glow-red)}

@media(max-width:900px){
  .mt-gz-grid{display:flex;flex-direction:column}
  .mt-gz-copy{order:1;padding-inline-end:0;padding-inline-start:var(--sp-6)}
  .mt-gz-copy::before{inset-inline-end:auto;inset-inline-start:0}
  .mt-gz-side{order:2;position:static;margin-block-start:var(--sp-12)}
  .mt-gz-stick{position:static}
  .mt-gz-phone{width:min(280px,100%);margin-inline:auto}


  .mt-gz-end b{display:block}
  .mt-gz-takes{margin-block-start:var(--sp-6)}
  .mt-gz-advice{margin-block-start:var(--sp-6)}
  .mt-gz-pre{margin-block-start:var(--sp-6)}
  .mt-gz-ask{margin-block-start:var(--sp-8)}
  .mt-gz-turn{margin-block-start:var(--sp-6)}
  .mt-gz-turn + .mt-gz-turn{margin-block-start:var(--sp-6)}
  .mt-gz-end{margin-block-start:var(--sp-8)}
}