@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/assets/inter-tight.woff2') format('woff2');font-weight:100 900;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.logo{display:block;object-fit:contain;width:auto}
[data-page=optin] .logo{height:24px}
[data-page=confirmation] .logo{height:21px}
.calendar-icon-note{visibility:hidden}
a,button,input,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #155EEF;outline-offset:4px}
.skip{position:fixed;left:12px;top:-80px;z-index:9;background:white;padding:12px}.skip:focus{top:12px}
.pg-form{scroll-margin-top:24px}
@media(min-width:1024px){.pg-form{top:var(--form-top,24px)}}
.error{font-size:13px;line-height:1.4;color:#0F172A}.error:empty,.form-status:empty{display:none}
.field [aria-invalid=true]{border:2px solid #0F172A;background:#F1F5F9}
.form-status{font-size:14px;line-height:1.45;margin:0}
.honeypot{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
button:disabled{opacity:.65;cursor:wait}
.highlight{animation:highlight 1.3s ease-out}@keyframes highlight{0%{box-shadow:0 0 0 5px #155eef66}100%{box-shadow:0 12px 32px #0e1a2b1f}}
[data-calendar][aria-disabled=true],[data-social][aria-disabled=true]{cursor:default}
.calendar-app img{display:block;width:32px;height:32px;object-fit:contain}
.example-frame{position:relative}.example-art{display:block;position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain}
/* Functional behavior from the brief: the form is in the mobile flow. */
@media(max-width:1023px){
.pg-form{scroll-margin-top:24px}
.pg > *, .pg-hero > *, .cf > div > *{min-width:0}
[data-page] .video-placeholder{width:100%;max-width:100%;min-width:0;aspect-ratio:auto;min-height:calc((100vw - 32px) * .5625);box-sizing:border-box}
[data-page] .video-placeholder > *{flex-shrink:0;min-width:0;max-width:100%;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Fit the existing six-icon row below the supplied 390px phone frame. */
@media(max-width:359px){.cf .calendar-card{padding-left:12px!important;padding-right:12px!important}.cf .cal{max-width:100%;gap:4px!important}.cf .cal a{width:40px!important;min-width:0;flex:1}.cf .cal a span:first-child{width:32px!important;height:32px!important}.cf .cal a span:last-child{font-size:7.5px!important}.calendar-app img{width:24px;height:24px}}

@media(min-width:701px) and (max-width:920px){[data-page=confirmation] .video-placeholder{min-height:calc((100vw - 48px) * .5625)}}