@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
:root{font-family:'Bricolage Grotesque',Arial,sans-serif;color:#173c35;background:#e9efeb;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;padding:28px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #bd903f;outline-offset:6px}.page-shell{max-width:1536px;margin:auto;border:1px solid #d9e3dc;border-radius:18px;background:#fcfdf9;overflow:hidden;box-shadow:0 12px 65px #244b3510}header{height:110px;padding:22px 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eae3;position:relative;z-index:3}.brand img{width:235px;height:64px;object-fit:contain}.header-right{display:flex;align-items:center;gap:32px}.header-note{font-size:11px;color:#7d8980}.contact{display:flex;align-items:center;gap:24px;border:1px solid #ced9cf;border-radius:7px;padding:14px 19px;font-size:12px;font-weight:550;transition:.2s}.contact:hover{background:#edf3eb;border-color:#075448}.contact span{font-size:20px}main{position:relative;min-height:750px;overflow:hidden}.hero-content{position:relative;z-index:2;padding:64px 0 48px 64px;width:60%;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px;font-weight:600;color:#53745f}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#659166;box-shadow:0 0 0 4px #65916610;flex-shrink:0}h1{font-size:clamp(42px,4.6vw,68px);font-weight:600;letter-spacing:-3.5px;line-height:1.23;margin:25px 0 22px;white-space:nowrap}h1 span{color:#5e805d}.intro{font-size:24px;font-weight:500;line-height:1.45;letter-spacing:-.4px;margin:0 0 12px}.description{font-size:17px;line-height:1.8;color:#778279;max-width:510px;margin:0 0 31px}.countdown-heading{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#6f8071;margin-bottom:17px}.little-line{height:1px;width:23px;background:#809a78}.countdown{display:flex;align-items:center;gap:12px}.time-unit{width:84px;height:99px;border:1px solid #dce4d8;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcfdf9e8;box-shadow:0 4px 8px #284a2e02}.time-unit strong{font-size:39px;font-weight:450;line-height:1.3;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.time-unit span{font-size:14px;color:#7d897b;margin-top:5px}.seconds{background:#eef3e8;border-color:#d8e2ce}.seconds strong{color:#729160}.colon{font-size:20px;color:#9ba791;font-weight:400}.launch-note{font-size:15px;line-height:1.6;color:#899083;margin:12px 0 24px}.notify-button{display:inline-flex;align-items:center;gap:27px;border-radius:7px;background:#0c5749;color:#fff;padding:16px 22px;font-size:12px;font-weight:500;box-shadow:0 6px 14px #0c574912;transition:background .2s,transform .2s;cursor:pointer}.notify-button:hover{background:#173f34;transform:translateY(-2px)}.notify-note{font-size:10px;color:#90978a;margin:11px 0 0}.values{display:flex;gap:26px;margin-top:37px;color:#7c8a78;font-size:10px}.values span{display:flex;gap:7px;align-items:center}.values svg{width:16px;height:16px;fill:none;stroke:#7b9370;stroke-width:1.4}.hero-image{position:absolute;right:0;top:0;bottom:0;width:64%;background:#edf3e8}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:55% calc(50% + 40px);filter:saturate(.65)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fcfdf9 0%,#fcfdf9ec 8%,#fcfdf9a8 23%,#fcfdf918 48%,transparent 80%),linear-gradient(0deg,#173d3299,transparent 32%,#f8fcf318 80%)}.image-caption{position:absolute;bottom:47px;right:45px;z-index:1;display:flex;align-items:center;gap:13px;color:white;font-size:9px;letter-spacing:1.3px}.caption-cross{font-size:42px;font-weight:400;color:#dde6cb}.image-caption small{display:block;font-size:11px;letter-spacing:.3px;margin-top:8px;color:#dce4d9}.side-label{position:absolute;right:21px;top:34px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#49694f;z-index:1}footer{position:relative;display:flex;justify-content:space-between;align-items:center;padding:23px 48px;gap:20px;border-top:1px solid #e5eae3;font-size:9px;color:#8c968b}.footer-message{display:flex;gap:9px;align-items:center}.footer-message .status-dot{height:5px;width:5px}footer a{color:#53684f;display:flex;gap:18px;align-items:center}footer a span{font-size:17px}@media(min-width:1550px){body{padding:42px}main{min-height:790px}.hero-content{padding-top:80px}}@media(max-width:1100px){body{padding:18px}header{padding:20px 30px}.header-note{display:none}.hero-content{padding-left:38px;width:70%}h1{font-size:51px}.hero-image{width:63%}.hero-image:after{background:linear-gradient(90deg,#fcfdf9,#fcfdf9d9 22%,#fcfdf929 75%),linear-gradient(0deg,#173d32a6,transparent 40%)}.footer-message{display:none}footer{padding:21px 30px}}@media(max-width:700px){body{padding:10px}.page-shell{border-radius:12px}header{height:86px;padding:15px 20px}.brand img{width:180px;height:53px}.contact{padding:10px 12px;font-size:0;gap:0}.contact span{font-size:22px}.hero-content{padding:37px 24px 32px;width:100%}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(32px,7.2vw,49px);letter-spacing:-1.7px;margin-top:24px}.intro{font-size:20px}.description{font-size:16px;max-width:400px}.hero-image{position:relative;margin-top:0;width:100%;height:300px;order:2}.hero-image img{object-position:center 50%}.hero-image:after{background:linear-gradient(180deg,#fcfdf9 0%,transparent 30%,#173d3280 100%)}main{display:flex;flex-direction:column;min-height:0}.countdown{gap:9px}.time-unit{width:72px;height:90px}.time-unit strong{font-size:34px}.colon{font-size:15px}.countdown-heading{font-size:8px;letter-spacing:1px}.values{gap:19px;margin-top:28px;font-size:9px}.image-caption{bottom:25px;left:25px;right:auto;font-size:8px}.side-label{display:none}footer{padding:18px 20px;font-size:8px;gap:15px}footer a{gap:6px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Full-width page with a centered 1440px content container. */
:root {
  --brand-green: #0c8e53;
  --brand-green-dark: #08703f;
  font-optical-sizing: auto;
  background: #fcfdf9;
  --content-width: 1440px;
  --page-gutter: max(24px, calc((100% - var(--content-width)) / 2));
}
body { padding: 0; }
h1 { color: var(--brand-green); }
h1 span, .intro, .eyebrow, .countdown-heading,
.values, .contact, footer a {
  color: var(--brand-green);
}
.time-unit strong, .seconds strong { color: #111111; }
.seconds { background: #edf8f2; border-color: #c6e6d7; }
.status-dot, .little-line { background: var(--brand-green); }
.status-dot { box-shadow: 0 0 0 4px #0c8e5310; }
.values svg { stroke: var(--brand-green); }
.notify-button { background: var(--brand-green); box-shadow: 0 6px 14px #0c8e5318; }
.notify-button:hover { background: var(--brand-green-dark); }
.contact:hover { border-color: var(--brand-green); background: #edf7f0; }
a:focus-visible { outline-color: var(--brand-green); }
.page-shell {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
header {
  min-height: 80px;
  height: auto;
  padding: 12px var(--page-gutter);
  gap: 16px;
  flex-shrink: 0;
}
.brand { display: block; flex: 0 1 220px; min-width: 0; }
.brand img { display: block; width: 100%; height: auto; }
.header-right { flex-shrink: 0; }
.contact { padding: 10px 16px; }
main {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 750px;
}
.hero-content {
  width: min(var(--content-width), calc(100% - 48px));
  margin-inline: auto;
  padding: 48px 0;
}
.hero-content > :first-child { margin-top: 0; }
.hero-content > :last-child { margin-bottom: 0; }
.launch-note { font-size: 18px; padding-top: 8px; }
.hero-image { width: 60%; }
.image-caption { right: var(--page-gutter); }
footer {
  padding: 23px var(--page-gutter);
  flex-shrink: 0;
}
@media (max-width: 1100px) {
  .hero-content { padding-top: 48px; }
  .hero-image { width: 63%; }
}
@media (max-width: 700px) {
  :root { --page-gutter: 20px; }
  header { min-height: 68px; height: auto; padding: 6px var(--page-gutter); }
  .brand { flex-basis: 180px; }
  .contact { font-size: 11px; gap: 8px; padding: 8px 10px; }
  main { min-height: 0; }
  .hero-content {
    width: calc(100% - 40px);
    padding: 37px 0 32px;
  }
  .hero-image {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
  }
  .hero-image img {
    display: block;
    height: auto;
    filter: none;
  }
  .hero-image::after {
    content: '';
    pointer-events: none;
    background:
      linear-gradient(180deg,
        #fcfdf9 0%,
        rgb(252 253 249 / 82%) 3%,
        rgb(252 253 249 / 45%) 7%,
        rgb(252 253 249 / 16%) 12%,
        rgb(252 253 249 / 0%) 19%),
      linear-gradient(0deg,
        rgb(23 61 50 / 16%) 0%,
        rgb(23 61 50 / 5%) 14%,
        rgb(23 61 50 / 0%) 32%);
  }
  .image-caption { left: var(--page-gutter); right: auto; }
  footer { padding: 18px var(--page-gutter); }
}

footer.copyright-footer {
  justify-content: center;
  padding: 15px 20px;
  background: #fff;
  color: #718096;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  border-top: 1px solid #e5e7eb;
}

/* Header button and slogan. */
.header-note {
  font-size: 16px;
  font-weight: 500;
}
.contact {
  background: #ff1735;
  color: #fff;
  border-color: #ff1735;
  border-radius: 999px;
  padding: 11px 22px;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 0 0 0 rgb(255 23 53 / 22%);
  animation: header-button-ring 2s ease-out infinite;
}
.contact:hover {
  background: #e9102d;
  border-color: #e9102d;
}
@keyframes header-button-ring {
  0% { box-shadow: 0 0 0 0 rgb(255 23 53 / 25%); }
  75%, 100% { box-shadow: 0 0 0 10px rgb(255 23 53 / 0%); }
}
@media (prefers-reduced-motion: reduce) {
  .contact { animation: none; box-shadow: 0 0 0 4px #fff1f3; }
}
@media (max-width: 700px) {
  .contact { font-size: 12px; padding: 10px 15px; }
}
/* Scale both title lines to fit without adding another line. */
.hero-content { container-type: inline-size; }
.hero-content h1 {
  max-width: min(560px, 48%);
  white-space: nowrap;
  overflow-wrap: normal;
  text-wrap: nowrap;
  font-size: min(58px, 4.1cqw);
  line-height: 1.18;
  letter-spacing: -1.2px;
}
@media (max-width: 1100px) and (min-width: 701px) {
  .hero-content h1 { max-width: 54%; font-size: 4.5cqw; }
}
@media (max-width: 700px) {
  .hero-content h1 {
    max-width: 100%;
    font-size: min(42px, 7.5cqw);
    letter-spacing: -.6px;
  }
}