@font-face{font-family:Poppins;src:url('assets/poppins-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--cream:#fffaf6;--blue:#b7d2e6;--brown:#52382c;--orange:#dc541d;--ink:#252324}
*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Poppins,sans-serif}body{margin:0;padding:clamp(16px,2.315vw,40px)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--brown);outline-offset:5px}
.launch{position:relative;isolation:isolate;width:100%;min-height:650px;height:calc(100svh - clamp(32px,4.63vw,80px));overflow:hidden;border-radius:8px;background:var(--blue)}
.instagram{position:absolute;z-index:3;top:3.857%;right:2.427%;width:clamp(28px,2.315vw,40px);height:auto;display:block}.instagram img{display:block;width:100%;height:auto}.instagram:hover{opacity:.8}
.logo{position:absolute;top:18.9%;left:50%;width:51.639%;margin:0;transform:translateX(-50%);z-index:1}.logo img{display:block;width:100%;height:auto}
.pet{position:absolute;display:block;pointer-events:none;user-select:none;height:auto;max-width:none;z-index:0}.pet--dog{width:41.748%;left:-3.762%;bottom:-16.63%}.pet--cat{width:58.271%;right:-2.8%;bottom:-7.52%}
.signup{position:absolute;top:62.77%;left:50%;width:650px;max-width:60%;transform:translateX(-50%);text-align:center;z-index:2}.intro{font-size:clamp(17px,1.331vw,23px);line-height:1.5;font-weight:400;color:var(--cream);margin:0 0 39px;white-space:nowrap}form{width:500px;max-width:100%;margin:auto}.email-field{display:flex;width:100%;height:54px;border-radius:32px;background:var(--cream)}.email-field input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--ink);padding:0 24px;font-size:14px;border-radius:32px 0 0 32px}.email-field input::placeholder{color:var(--ink);opacity:1}.submit{width:63px;flex:none;border:0;border-radius:0 32px 32px 0;background:var(--orange);display:grid;place-items:center;color:var(--cream);transition:background .15s ease}.submit:hover{background:#b94115}.submit:disabled{cursor:wait;opacity:.7}.submit img{display:block}.consent{display:flex;align-items:center;gap:12px;text-align:left;margin-top:8px;color:var(--cream);font-size:12px;line-height:1.5;min-height:18px}.consent input{appearance:none;flex:none;width:16px;height:16px;margin:0;border:1px solid var(--cream);border-radius:4px;background:transparent;cursor:pointer}.consent input:checked{background:var(--orange);border-color:var(--orange);position:relative}.consent input:checked:after{content:'';display:block;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:translate(4px,1px) rotate(45deg)}.terms-link{display:inline;border:0;padding:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:2px;font-size:inherit}.form-message{font-size:13px;line-height:1.5;color:var(--brown);margin:10px 0 0;text-align:left}.form-message:empty{display:none}.no-script{font-size:12px;color:var(--brown)}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{width:min(540px,calc(100% - 32px));border:0;border-radius:16px;padding:28px;background:var(--cream);color:var(--brown);box-shadow:0 12px 60px #25232433}dialog::backdrop{background:#25232480}.terms-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}dialog h2{font-size:20px;line-height:1.4;font-weight:400;margin:0}dialog p{font-size:14px;line-height:1.7}dialog a{color:var(--brown)}.close{border:0;background:none;font-size:30px;line-height:1;color:var(--brown);padding:0 4px}
@media(min-width:701px) and (max-height:760px){.launch{min-height:650px}.signup{top:62%}.intro{margin-bottom:26px}}
@media(max-width:1100px) and (min-width:701px){.signup{max-width:70%;width:620px}.intro{font-size:18px;white-space:normal}.pet--dog{width:48%;left:-8%;bottom:-8%}.pet--cat{width:69%;right:-9%;bottom:-3%}.logo{top:17%;width:65%}.signup{top:58%}form{width:430px}}
@media(max-width:700px){body{padding:12px}.launch{min-height:760px;height:calc(100svh - 24px);border-radius:8px}.instagram{top:22px;right:22px;width:28px}.logo{top:110px;width:86%;max-width:440px}.signup{top:calc(110px + (100vw - 24px)*.86*.4125 + 44px);width:calc(100% - 40px);max-width:460px}.intro{font-size:16px;line-height:1.6;margin-bottom:24px;white-space:normal}.intro br{display:none}.intro span{display:block;margin-top:3px}.email-field{height:54px}.email-field input{font-size:16px;padding-left:18px}.submit{width:58px}.consent{font-size:11px;gap:9px;margin-top:10px}.consent label{padding:2px 0}.pet--dog{width:100%;max-width:430px;left:-25%;bottom:-18%}.pet--cat{width:140%;max-width:600px;right:-28%;bottom:-6%}.form-message{font-size:12px}.logo,.signup{z-index:2}}
@media(max-width:360px){.logo{top:100px}.signup{top:calc(100px + (100vw - 24px)*.86*.4125 + 35px);width:calc(100% - 32px)}.intro{font-size:14px}.launch{min-height:730px}.pet--dog{bottom:-10%}.pet--cat{bottom:-3%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:500px) and (max-width:700px){.launch{min-height:950px}}
