*{box-sizing:border-box}
html,body{margin:0;background:#FFF8F2;color:#0A1B2E}
body{font-family:"degular","Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0B6E8C}a:hover{color:#F2542E}
main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:48px 0;text-align:center;overflow:hidden}
.logo{width:clamp(140px,22vw,200px);height:auto;display:block}
.copy{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:820px;padding:0 24px}
h1{margin:0;font-family:"degular-display","Hanken Grotesk",sans-serif;font-weight:600;font-size:clamp(40px,6.5vw,72px);line-height:1.02;letter-spacing:-0.02em;text-wrap:balance}
.sub{margin:0;font-weight:600;font-size:clamp(20px,2.4vw,26px);line-height:1.3;color:#025EC7;text-wrap:balance}
.launch{margin:0;font-weight:700;font-size:14px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
.carousel{width:100%;overflow:hidden}
.track{display:flex;gap:20px;width:max-content;padding:0 10px;animation:ww-scroll 60s linear infinite}
@keyframes ww-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}}
.card{width:clamp(180px,18vw,240px);flex:none;aspect-ratio:4/5;border-radius:20px;position:relative;overflow:hidden}
.card img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;border-radius:12px}
.tag{position:absolute;left:20px;bottom:20px;background:#fff;color:#0A1B2E;border-radius:999px;padding:0 14px;min-height:34px;display:inline-flex;align-items:center;font:600 16px/1 "degular-display","Hanken Grotesk",sans-serif;letter-spacing:-0.01em}
.actions{display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 24px}
.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.socials{display:flex;align-items:center;gap:12px}
.social{width:48px;height:48px;border-radius:999px;background:#fff;border:1px solid rgba(10,27,46,.10);color:#0A1B2E;font-size:20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out}
.social:hover{background:#F2542E;color:#fff;border-color:#F2542E}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;background:#9BE5FA;color:#0A1B2E;font-weight:600;font-size:19px;line-height:1;text-decoration:none;transition:background .2s ease-out,color .2s ease-out}
.btn span{position:relative;top:-3px}
.btn{border:none;cursor:pointer;font-family:inherit}
.btn:hover{background:#F2542E;color:#fff}
.btn-blue{background:#025EC7;color:#fff}
/* Notify modal */
.overlay{position:fixed;inset:0;z-index:100;background:rgba(10,27,46,.55);display:flex;align-items:center;justify-content:center;padding:24px}
.overlay[hidden]{display:none}
.modal{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:30px;padding:clamp(28px,5vw,40px);text-align:left}
.close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;border:none;background:#FFF8F2;color:#0A1B2E;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease-out,color .2s ease-out}
.close:hover{background:#F2542E;color:#fff}
/* HubSpot form (embedded with css:"" so these styles apply) */
#hs-form{padding-top:8px}
#hs-form form{display:flex;flex-direction:column;gap:12px}
#hs-form fieldset{max-width:none!important;border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
#hs-form fieldset .hs-form-field{flex:1 1 160px;min-width:0;width:auto!important;float:none!important;padding:0!important}
#hs-form .hs-form-field>label{display:block;margin:0 0 6px 4px;font-weight:600;font-size:15px;color:#0A1B2E}
#hs-form .hs-form-required{color:#A61E2B;margin-left:2px}
#hs-form .input{margin:0!important}
#hs-form input.hs-input:not([type=checkbox]):not([type=radio]),#hs-form select.hs-input,#hs-form textarea.hs-input{width:100%!important;min-height:48px;box-sizing:border-box;padding:0 18px;border-radius:999px;border:1px solid rgba(10,27,46,.18);background:#FFF8F2;font-family:inherit;font-size:16px;color:#0A1B2E;outline:none}
#hs-form textarea.hs-input{border-radius:20px;padding:12px 18px;min-height:120px}
#hs-form .hs-input:focus{border-color:#025EC7}
#hs-form .hs-input.invalid.error{border-color:#A61E2B}
#hs-form .hs-error-msgs{list-style:none;margin:6px 0 0 4px;padding:0}
#hs-form .hs-error-msg,#hs-form .hs-main-font-element{font-size:14px;color:#A61E2B}
#hs-form .legal-consent-container,#hs-form .hs-richtext{font-size:14px;line-height:1.45;color:#0A1B2E}
#hs-form .hs-submit{margin-top:4px}
#hs-form .hs-button{width:100%;min-height:48px;padding:0 28px;border:none;border-radius:999px;background:#9BE5FA;color:#0A1B2E;font-family:inherit;font-weight:600;font-size:19px;line-height:1;cursor:pointer;-webkit-appearance:none;transition:background .2s ease-out,color .2s ease-out}
#hs-form .hs-button:hover{background:#F2542E;color:#fff}
#hs-form .submitted-message{font-size:18px;line-height:1.4;color:#0A1B2E;padding-right:44px}
