:root{--sage:#719a73;--green:#003a35;--ink:#001f27;--blue:#1f73c2;--cream:#f7f9f0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.landing{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 50%,#719a7312,transparent 50%),radial-gradient(ellipse at 100% 40%,#1f73c20b,transparent 50%)}header{display:flex;justify-content:space-between;align-items:center;padding:26px 5vw;font-size:10px;letter-spacing:.12em;font-weight:700;border-bottom:1px solid #003a3518}.coming{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:normal;letter-spacing:0}.coming i{width:7px;height:7px;border-radius:50%;background:var(--sage)}main{padding:40px 24px 45px;max-width:800px;width:100%;margin:auto;text-align:center}.badge{width:180px;aspect-ratio:1;position:relative;overflow:hidden;border-radius:50%;margin:0 auto 26px;box-shadow:0 0 0 8px #719a731a}.badge img{position:absolute;width:109%;height:109%;left:-4.5%;top:-4.5%;max-width:none;object-fit:cover}h1{font-size:64px;line-height:1.01;letter-spacing:-.055em;margin:0 0 22px;font-weight:800}h1 span{color:var(--blue)}.intro{font-size:20px;line-height:1.45;margin:0 0 15px;color:var(--green)}.description{font-size:15px;line-height:1.65;max-width:510px;margin:0 auto 30px}.signup{width:100%;max-width:560px;margin:auto}.signup h2{font-size:17px;letter-spacing:-.02em;margin:0 0 17px}.signup form{text-align:left}.signup label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.form-row{display:flex;gap:10px}.form-row input{flex:1;min-width:0;border:1px solid #003a3540;border-radius:10px;background:white;padding:16px;font:inherit;font-size:15px;color:var(--ink)}.form-row button{background:var(--green);color:white;border:1px solid var(--green);border-radius:10px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.form-row button span{font-size:21px;line-height:1}.form-row input:focus-visible,.form-row button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.form-row button:hover{background:#005047}.form-row button:disabled{opacity:.7;cursor:wait}.note{font-size:10px;line-height:1.5;margin:12px 0 0;text-align:center;color:#405955}.error{font-size:13px;line-height:1.5;color:#a02230;margin:12px 0 0;text-align:center}.trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.success{padding:24px;border-radius:15px;background:#e5eede;color:var(--green);text-align:center}.success-check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:white;margin:0 auto 14px}.success h2{font-size:22px;margin-bottom:10px}.success p{font-size:14px;line-height:1.5;margin:0}footer{font-size:10px;text-align:center;color:#405955;padding:20px 20px 26px;border-top:1px solid #003a3518}@media(max-width:600px){header{padding:19px 6vw;font-size:8px;letter-spacing:.08em}.coming{font-size:10px}main{padding:36px 6vw}.badge{width:145px;margin-bottom:25px}h1{font-size:54px;margin-bottom:22px}.intro{font-size:18px}.desktop-break{display:none}.description{font-size:14px;margin-bottom:28px}.signup h2{font-size:16px}.form-row{flex-direction:column;gap:10px}.form-row input{width:100%;font-size:16px}.form-row button{width:100%;padding:16px 20px;font-size:14px}.note{font-size:10px;margin-top:12px}footer{font-size:9px;padding:20px 15px}}@media(min-height:1000px){main{padding-top:60px;padding-bottom:65px}.badge{width:210px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.landing { position: relative; }
.corner-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
.corner-banner span {
  position: absolute;
  top: 72px;
  left: -94px;
  width: 360px;
  padding: 18px 0;
  text-align: center;
  transform: rotate(-45deg);
  background: var(--blue);
  color: white;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .14em;
  box-shadow: 0 3px 0 #003a3520;
}
main { padding-top: 55px; padding-bottom: 40px; }
.badge { margin-bottom: 21px; }
.retail-label {
  color: var(--green);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .11em;
  margin: 0 0 29px;
}
footer { padding-top: 19px; padding-bottom: 20px; }
.instagram-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
  width: 44px;
  height: 44px;
  margin-bottom: 13px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--blue);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.instagram-button:disabled { opacity: 1; cursor: default; }
.instagram-pending { font-size: 9px; margin: 7px 0 16px; }
footer > p:last-child { margin: 0; }
@media (max-width:600px) {
  main { padding-top: 58px; padding-bottom: 35px; }
  .corner-banner { width: 210px; height: 210px; }
  .corner-banner span {
    width: 300px;
    left: -78px;
    top: 60px;
    font-size: 12px;
    padding: 15px 0;
    letter-spacing: .09em;
  }
  .retail-label { font-size: 13px; letter-spacing: .07em; margin-bottom: 25px; }
}
