/* Day Benefits identity on the shared JumpShip experience foundation. */
.benefits-page{--cyan:#a9d6ff;--muted:#bdcbd8;background:#111d36}
.benefits-page .masthead{border-bottom:1px solid var(--line)}
.benefits-page .experience-intro{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;padding-top:64px}
.benefits-page .experience-intro h1{max-width:12ch}
.benefits-page .app-name img{border-radius:10px}
.benefits-page .hero-device{display:flex;align-items:center;flex-direction:column;gap:22px}
.benefits-page .hero-device>p{font-size:.75rem;color:var(--muted)}
.benefits-page .section{border-top:1px solid var(--line);padding:75px 0}
.benefits-page .section-intro{max-width:750px;color:var(--muted);margin-bottom:32px}
.benefits-page .trust-strip,.benefits-page .metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.benefits-page .trust-strip{padding:32px 0 45px}
.benefits-page .trust-strip p{font-size:.85rem;color:var(--muted)}
.benefits-page .trust-strip strong{color:#f5f7f8;font-weight:500}
.benefits-page .metric-card{border-top:1px solid var(--line);padding:24px 0}
.benefits-page .metric-card h3{color:var(--cyan);font-size:1.6rem}
.benefits-page .metric-card p,.benefits-page .journey-card p{color:var(--muted);font-size:.9rem}
.benefits-page .journey-grid{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.benefits-page .journey-card{display:grid;grid-template-columns:32px 1fr;gap:16px;border-top:1px solid var(--line);padding-top:24px}
.benefits-page .journey-card h3{font-size:1.3rem}
.benefits-page .step-number{color:var(--cyan);font-size:.9rem}
.benefits-page .capture-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:65px;align-items:center}
.benefits-page .capture-copy{min-width:0}
.benefits-page .trust-note{border-left:2px solid #a9d6ff;padding-left:24px;color:var(--muted);font-size:.85rem}
.benefits-page .trust-note strong{color:#f5f7f8;font-weight:500}
.benefits-page .benefits-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.benefits-page .benefits-faq h2{grid-column:1/-1}
.benefits-page .benefits-faq h3{font-size:1.3rem}
.benefits-page .benefits-faq p{color:var(--muted);font-size:.9rem}
.benefits-page .benefits-access{flex:1;min-width:0;max-width:490px;width:100%}
.benefits-page .waitlist-form{display:grid;gap:14px}
.benefits-page .waitlist-form label{margin:0}
.benefits-page .waitlist-consent{display:flex;gap:12px;align-items:flex-start;line-height:1.6}
.benefits-page .waitlist-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#a9d6ff;margin:3px 0 0}
.benefits-page .signup-note{margin:0!important;font-size:.75rem!important}
.benefits-page button{font-family:inherit;cursor:pointer;border:0}
.benefits-page button[type=submit]{justify-self:start}
.benefits-page button:disabled{cursor:wait;opacity:.55;transform:none}
.benefits-page :is(button,input):focus-visible{outline:3px solid #a9d6ff;outline-offset:4px}
.benefits-page .verification-retry{background:transparent;color:inherit;text-decoration:underline;justify-self:start;min-height:44px;padding:0}
.benefits-page [data-turnstile-widget]{min-width:0;max-width:100%}
.benefits-page [data-turnstile-widget]:empty{display:none}
.benefits-page .site-foot{margin-top:24px}
.device-frame {
  aspect-ratio: 1350 / 2760;
  justify-self: center;
  max-width: 19rem;
  position: relative;
  width: 100%;
}

.iphone-frame > .app-shot {
  border-radius: 12% / 5.5%;
  height: 95%;
  left: 5.333333%;
  overflow: hidden;
  position: absolute;
  top: 2.5%;
  width: 89.333333%;
  z-index: 1;
}

.device-bezel {
  display: block;
  height: 100%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.device-bezel > img { display: block; height: 100%; width: 100%; }

.app-shot { aspect-ratio: 1206 / 2622; background: #000; display: block; overflow: hidden; }

.forecast-frame { max-width: 19rem; }

.hero-iphone { max-width: 19rem; }

.forecast-shot { aspect-ratio: 1206 / 2622; }

.product-gallery-media {
  display: block;
  margin: 0 auto;
  max-width: 19rem;
  width: 100%;
}

.product-gallery-media > img { display: block; height: auto; width: 100%; }

.app-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}


@media(max-width:700px){
.benefits-page .masthead{align-items:flex-start;flex-direction:column;gap:6px;padding:20px 0 12px}
.benefits-page .masthead nav{gap:24px;flex-wrap:wrap}
.benefits-page .experience-intro{grid-template-columns:1fr;gap:40px;padding:40px 0 48px}
.benefits-page .experience-intro h1{font-size:clamp(2.75rem,11vw,4.5rem)}
.benefits-page .hero-device .device-frame{max-width:15rem}
.benefits-page .section{padding:48px 0}
.benefits-page .trust-strip,.benefits-page .metric-grid,.benefits-page .journey-grid,.benefits-page .benefits-faq,.benefits-page .capture-section{grid-template-columns:1fr;gap:24px}
.benefits-page .trust-strip{gap:14px;padding:30px 0}
.benefits-page .capture-section .capture-copy{order:0}
.benefits-page .capture-section .product-gallery-media{order:1}
.benefits-page .benefits-faq h2{grid-column:auto}
.benefits-page .product-gallery-media{max-width:19rem}
}