/* From design/waitlist-page.html (helmet styles). */
body{margin:0;background:#FFFFFF}
a{color:#0866FF}a:hover{color:#0050C8}
details summary{list-style:none;cursor:pointer}
@keyframes erny-s1{0%,8%{opacity:1;transform:none}11%,14%{opacity:0;transform:translateY(10px)}18%,100%{opacity:1;transform:none}}
.erny-a1{animation:erny-s1 14s ease-out infinite}
@keyframes erny-s2{0%,8%{opacity:1;transform:none}11%,24%{opacity:0;transform:translateY(10px)}28%,100%{opacity:1;transform:none}}
.erny-a2{animation:erny-s2 14s ease-out infinite}
@keyframes erny-s3{0%,8%{opacity:1;transform:none}11%,34%{opacity:0;transform:translateY(10px)}38%,100%{opacity:1;transform:none}}
.erny-a3{animation:erny-s3 14s ease-out infinite}
@keyframes erny-s4{0%,8%{opacity:1;transform:none}11%,44%{opacity:0;transform:translateY(10px)}48%,100%{opacity:1;transform:none}}
.erny-a4{animation:erny-s4 14s ease-out infinite}
@keyframes erny-s5{0%,8%{opacity:1;transform:none}11%,56%{opacity:0;transform:translateY(10px)}60%,100%{opacity:1;transform:none}}
.erny-a5{animation:erny-s5 14s ease-out infinite}
@keyframes erny-s6{0%,8%{opacity:1;transform:none}11%,70%{opacity:0;transform:translateY(10px)}74%,100%{opacity:1;transform:none}}
.erny-a6{animation:erny-s6 14s ease-out infinite}
@media (prefers-reduced-motion: reduce){[class*='erny-a']{animation:none !important}html{scroll-behavior:auto !important}}
details summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
.art-wrap{height:640px}
.art{width:560px;height:620px;position:relative;flex-shrink:0}
@media (max-width:860px){.nav-links{display:none !important}}
@media (max-width:640px){.art-wrap{height:380px}.art{transform:scale(.58);transform-origin:top center}}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.locked{overflow:hidden}
[hidden]{display:none !important}
#join{scroll-margin-top:16px}
:focus-visible{outline:3px solid #CCE0FF;outline-offset:2px}

/* Join form: card in the blue #join section (waitlist-page.html). */
.lf-card{position:relative;width:100%;max-width:760px;background:#FFFFFF;color:#1C2B33;border-radius:32px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;text-align:left;margin:8px 0 0;box-shadow:0 24px 60px rgba(0,20,60,0.25);border:0}
.lf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.lf-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.lf-group{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.lf-label{font-size:14px;font-weight:600;color:#1C2B33;padding:0}
.lf-group .lf-label{margin-bottom:10px}
.lf-input{height:52px;padding:0 16px;border-radius:12px;border:1px solid #DEE3E9;display:flex;align-items:center;font-size:16px;font-weight:500;color:#1C2B33;background:#FFFFFF;box-sizing:border-box;gap:2px}
.lf-input:focus-within{border-color:#0866FF;box-shadow:0 0 0 3px #CCE0FF}
.lf-input input{flex:1 1 auto;min-width:0;height:100%;border:0;outline:0;padding:0;margin:0;background:transparent;font:inherit;color:inherit}
.lf-input input::placeholder{color:#9AA7B5}
.lf-at{color:#65758A}
.lf-phone{gap:10px}
.lf-phone .lf-cc{flex:0 0 auto;width:4.6ch;color:#465A69;padding-right:10px;border-right:1px solid #DEE3E9}
.lf-field.is-invalid .lf-input{border-color:#D93025;box-shadow:0 0 0 3px #FCE3E1}
.lf-chips{display:flex;flex-wrap:wrap;gap:8px}
.lf-chip{position:relative;display:flex}
.lf-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.lf-chip span{height:40px;padding:0 16px;border-radius:999px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;background:#F3F6F9;color:#1C2B33;cursor:pointer;user-select:none}
.lf-chip svg{display:none}
.lf-chip input:checked + span{background:#0866FF;color:#FFFFFF}
.lf-chip input:checked + span svg{display:block}
.lf-chip input:focus-visible + span{outline:3px solid #CCE0FF;outline-offset:2px}
.lf-group.is-invalid .lf-chip span{box-shadow:inset 0 0 0 1px #D93025}
.lf-consent{position:relative;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:#465A69;cursor:pointer}
.lf-consent input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.lf-box{width:22px;height:22px;border-radius:6px;background:#FFFFFF;border:1.5px solid #C7D0DA;box-sizing:border-box;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lf-box svg{visibility:hidden}
.lf-consent input:checked + .lf-box{background:#0866FF;border-color:#0866FF}
.lf-consent input:checked + .lf-box svg{visibility:visible}
.lf-consent input:focus-visible + .lf-box{outline:3px solid #CCE0FF;outline-offset:2px}
.lf-consent.is-invalid .lf-box{border-color:#D93025}
.lf-consent a{font-weight:600;text-decoration:none}
.lf-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lf-turnstile:empty{display:none}
.lf-error{margin:0;font-size:14px;line-height:1.45;color:#B3261E;background:#FCE3E1;border-radius:12px;padding:10px 14px}
.lf-spacer{display:none}
.lf-submit{border:none;border-radius:999px;background:#0866FF;color:#FFFFFF;font-family:inherit;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;height:58px;font-size:18px;cursor:pointer;flex-shrink:0}
.lf-submit:hover{background:#0050C8}
.lf-submit[disabled]{opacity:.7;cursor:progress}
.lf-note{font-size:13px;color:#65758A;text-align:center}
.lf-note a{font-weight:600;text-decoration:none}

@media (max-width:640px){
  #join > div{padding:64px 20px !important;border-radius:36px !important}
  .lf-card{padding:24px 20px;border-radius:28px}
}

/* Full-screen form on phones (join-form-mobile.html). */
.sheet{position:fixed;inset:0;z-index:40;background:#FFFFFF;color:#1C2B33;font-family:'Google Sans','Google Sans Flex','Figtree',sans-serif;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sheet-in{min-height:100%;max-width:480px;margin:0 auto;box-sizing:border-box;padding:max(48px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
.sheet-top{display:flex;justify-content:space-between;align-items:center}
.sheet-close{width:36px;height:36px;border-radius:50%;background:#F3F6F9;border:0;padding:0;display:flex;align-items:center;justify-content:center;color:#1C2B33;font-size:20px;font-family:inherit;cursor:pointer}
.sheet-head{display:flex;flex-direction:column;gap:6px}
.sheet-badge{align-self:flex-start;background:#FFD43B;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;transform:rotate(-2deg)}
.sheet-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-0.6px;line-height:1.1}
.sheet-sub{font-size:14px;color:#465A69}
.sheet-slot{display:flex;flex-direction:column;flex-grow:1}
.sheet .lf-card{flex-grow:1;max-width:none;margin:0;padding:0;border-radius:0;box-shadow:none;gap:14px}
.sheet .lf-row{grid-template-columns:1fr;gap:14px}
.sheet .lf-field{gap:6px}
.sheet .lf-group{gap:8px}
.sheet .lf-label{font-size:13px}
.sheet .lf-group .lf-label{margin-bottom:8px}
.sheet .lf-input{height:48px;padding:0 14px;font-size:16px}
.sheet .lf-chips{gap:6px}
.sheet .lf-chip span{height:36px;padding:0 12px;font-size:13px}
.sheet .lf-consent{gap:10px;font-size:13px;line-height:1.4}
.sheet .lf-box{width:20px;height:20px}
.sheet .lf-spacer{display:block;flex-grow:1}
.sheet .lf-submit{height:52px;font-size:16px}
.sheet .lf-note{font-size:12px}

/* Thank-you screen (thank-you-mobile.html). */
.thanks{position:fixed;inset:0;z-index:45;background:#FFFFFF;color:#1C2B33;font-family:'Google Sans','Google Sans Flex','Figtree',sans-serif;overflow-y:auto}
.thanks-in{min-height:100%;max-width:480px;margin:0 auto;box-sizing:border-box;padding:max(48px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}
.thanks-card{background:#0866FF;color:#FFFFFF;border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.thanks-dot1{position:absolute;right:-14px;top:-14px;width:70px;height:70px;border-radius:50%;background:#FFD43B}
.thanks-dot2{position:absolute;right:40px;bottom:-20px;width:46px;height:46px;border-radius:14px;background:#FF5C93;transform:rotate(14deg)}
.thanks-tick{width:44px;height:44px;border-radius:50%;background:#3DDC97;color:#0B3B26;display:flex;align-items:center;justify-content:center;position:relative}
.thanks-card h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-0.6px;position:relative;outline:0}
.thanks-lead{font-size:15px;color:#DCE9FF;line-height:1.45;position:relative}
.thanks-steps{display:flex;flex-direction:column;gap:12px}
.thanks-steps > div{display:flex;gap:12px;align-items:flex-start}
.thanks-steps > div > span:last-child{display:flex;flex-direction:column;gap:2px}
.thanks-num{width:26px;height:26px;border-radius:50%;background:#EBF3FF;color:#0050C8;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.thanks-step{font-size:15px;font-weight:600}
.thanks-text{font-size:13px;color:#465A69;line-height:1.4}
.thanks-back{font-size:15px;font-weight:600;text-align:center;text-decoration:none}

/* Cookie consent banner. */
.consent{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:50;max-width:560px;margin:0 auto;background:#FFFFFF;color:#1C2B33;border-radius:20px;padding:16px;box-shadow:0 12px 40px rgba(0,20,60,0.22);font-family:'Google Sans','Google Sans Flex','Figtree',sans-serif;display:flex;flex-direction:column;gap:12px}
.consent p{margin:0;font-size:14px;line-height:1.45;color:#465A69}
.consent a{font-weight:600;text-decoration:none}
.consent-btns{display:flex;gap:8px;justify-content:flex-end}
.consent button{height:44px;padding:0 20px;border-radius:999px;border:0;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}
.consent-yes{background:#0866FF;color:#FFFFFF}
.consent-no{background:#EBF3FF;color:#0050C8}
