:root {
  --black: #0b0d0c;
  --ink: #131612;
  --sand: #f3efe6;
  --lime: #c6ff3d;
  --muted: #91958e;
  --line-dark: #30342e;
  --line-light: #c9c5bc;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; background: var(--black); color: var(--sand); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.wrap { width: min(100% - 64px, 1280px); margin: 0 auto; }
.section { overflow: hidden; position: relative; }
.grain { inset: 0; opacity: .22; pointer-events: none; position: absolute; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E"); }

.nav { align-items: center; display: flex; justify-content: space-between; padding-top: 30px; position: relative; z-index: 2; }
.wordmark { align-items: center; display: inline-flex; font-size: 15px; font-weight: 800; gap: 10px; letter-spacing: 1.8px; }
.wordmark__dot { background: var(--lime); border-radius: 50%; display: inline-block; height: 11px; width: 11px; }
.nav__link { border-bottom: 1px solid #4b5049; font-size: 12px; font-weight: 800; letter-spacing: 1.2px; padding-bottom: 6px; transition: border-color .2s ease, color .2s ease; }
.nav__link:hover { border-color: var(--lime); color: var(--lime); }
.nav__link span { color: var(--lime); }

.hero { background: var(--black); min-height: min(900px, 100svh); }
.hero__content { padding: clamp(100px, 13vw, 175px) 0 80px; position: relative; z-index: 2; }
.eyebrow { color: var(--lime); font-size: 12px; font-weight: 800; letter-spacing: 2.2px; margin: 0 0 30px; text-transform: uppercase; }
.eyebrow--ink { color: var(--ink); }
.hero__title { font-size: clamp(56px, 10.6vw, 152px); font-weight: 900; letter-spacing: -.095em; line-height: .79; margin: 0; max-width: 1000px; text-transform: uppercase; }
.hero__title em { color: var(--lime); font-style: normal; }
.hero__summary { color: var(--sand); font-size: clamp(18px, 2vw, 25px); letter-spacing: -.8px; line-height: 1.1; margin: 52px 0 32px; max-width: 440px; }
.button { align-items: center; border: 0; cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 800; gap: 34px; justify-content: space-between; letter-spacing: 1.1px; padding: 18px 20px; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform: translateY(-3px); }
.button--lime { background: var(--lime); color: var(--ink); }
.button--dark { background: var(--ink); color: var(--lime); width: 100%; }
.button span { font-size: 18px; line-height: 0; }

.hero__scene { background: radial-gradient(circle at 50% 47%, #2d3d20 0, #151c12 31%, var(--black) 68%); bottom: 0; height: min(62vw, 700px); left: 43%; overflow: hidden; pointer-events: none; position: absolute; right: 0; }
.scene__orb { border-radius: 50%; filter: blur(8px); opacity: .85; position: absolute; }
.scene__orb--one { animation: drift 12s ease-in-out infinite alternate; background: #b9ff33; height: 260px; left: 26%; top: 34%; width: 260px; }
.scene__orb--two { animation: drift 14s 2s ease-in-out infinite alternate-reverse; background: #f2efe7; height: 150px; right: 13%; top: 11%; width: 150px; }
.scene__frame { border-color: var(--lime); border-style: solid; height: 21%; opacity: .95; position: absolute; width: 21%; }
.scene__frame--top-left { animation: float-in 1s .2s both; border-width: 13px 0 0 13px; left: 8%; top: 10%; }
.scene__frame--top-right { animation: float-in 1s .35s both; border-width: 13px 13px 0 0; right: 8%; top: 10%; }
.scene__frame--bottom-left { animation: float-in 1s .5s both; border-width: 0 0 13px 13px; bottom: 10%; left: 8%; }
.scene__frame--bottom-right { animation: float-in 1s .65s both; border-width: 0 13px 13px 0; bottom: 10%; right: 8%; }
.scene__caption, .scene__counter { bottom: 13%; color: var(--sand); font-size: 11px; font-weight: 800; letter-spacing: 1.5px; position: absolute; }
.scene__caption { left: 13%; }.scene__counter { right: 13%; }
.scroll-cue { align-items: center; bottom: 30px; color: var(--muted); display: flex; font-size: 10px; font-weight: 700; gap: 9px; letter-spacing: 1.2px; position: absolute; right: 32px; z-index: 2; }
.scroll-cue span { animation: pulse 2s infinite; background: var(--lime); border-radius: 50%; height: 8px; width: 8px; }

.section--sand { background: var(--sand); color: var(--ink); }
.statement { min-height: 860px; padding: 118px 0; }
.statement__grid { display: grid; grid-template-columns: 1fr 2fr; }
.statement__title { font-size: clamp(58px, 9vw, 130px); font-weight: 900; grid-column: 2; letter-spacing: -.09em; line-height: .8; margin: 0; text-transform: uppercase; }
.statement__title span { color: #a3a098; }
.statement__body { align-self: end; font-size: 22px; grid-column: 2; line-height: 1.12; margin: 75px 0 0; max-width: 480px; }

.how { background: var(--black); padding: 120px 0; }
.section-head { align-items: baseline; border-bottom: 1px solid var(--line-dark); display: flex; justify-content: space-between; margin-bottom: 38px; }
.section-head span { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: 1.2px; }
.how__list { display: grid; grid-template-columns: repeat(3, 1fr); }
.how-card { border-right: 1px solid var(--line-dark); min-height: 520px; padding: 26px 27px; position: relative; }
.how-card:first-child { border-left: 1px solid var(--line-dark); }
.how-card__number { color: var(--lime); font-size: 13px; font-weight: 800; letter-spacing: 1.5px; }
.how-card h3 { font-size: clamp(38px, 4.4vw, 65px); font-weight: 900; letter-spacing: -.09em; line-height: .84; margin: 132px 0 0; text-transform: uppercase; }
.how-card p { bottom: 30px; color: var(--muted); font-size: 17px; line-height: 1.1; margin: 0; max-width: 250px; position: absolute; }
.how-card--lime { background: var(--lime); color: var(--ink); }
.how-card--lime .how-card__number, .how-card--lime p { color: var(--ink); }

.section--ink { background: var(--ink); }
.challenge { padding: 140px 0; }
.challenge__layout { align-items: center; display: grid; gap: 11vw; grid-template-columns: 1fr 1fr; }
.challenge__copy h2, .waitlist__title { font-size: clamp(56px, 7.8vw, 110px); font-weight: 900; letter-spacing: -.09em; line-height: .8; margin: 0; text-transform: uppercase; }
.challenge__body { color: var(--muted); font-size: 20px; line-height: 1.13; margin: 48px 0 0; max-width: 400px; }
.challenge-card { background: var(--sand); color: var(--ink); min-height: 440px; padding: 30px; transform: rotate(5deg); transition: transform .4s ease; }
.challenge-card:hover { transform: rotate(0deg) translateY(-10px); }
.challenge-card__top, .challenge-card__bottom { display: flex; font-size: 11px; font-weight: 800; justify-content: space-between; letter-spacing: 1.2px; }
.challenge-card__top span:last-child { color: #57a200; }.challenge-card__line { background: var(--line-light); height: 1px; margin: 28px 0; }
.challenge-card__prompt { font-size: clamp(28px, 3.3vw, 48px); font-weight: 800; letter-spacing: -.06em; line-height: .94; margin: 78px 0; }.challenge-card__bottom { border-top: 1px solid var(--line-light); padding-top: 20px; }

.section--lime { background: var(--lime); color: var(--ink); }
.waitlist { padding: 125px 0; }.waitlist__layout { align-items: end; display: grid; gap: 8vw; grid-template-columns: 1.1fr .9fr; }.waitlist__title span { color: #4e9001; }.waitlist__panel > p:first-child { font-size: 23px; font-weight: 700; letter-spacing: -.6px; line-height: 1.08; margin: 0 0 42px; max-width: 470px; }
.waitlist-form input[type="email"] { background: transparent; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; color: var(--ink); font-size: 20px; font-weight: 700; letter-spacing: .2px; outline: none; padding: 14px 0; width: 100%; }.waitlist-form input::placeholder { color: #6b9f1d; }.waitlist-form input:focus { border-color: #4c8e00; }.waitlist-form .button { margin-top: 18px; }.form-status { font-size: 14px; font-weight: 700; line-height: 1.2; min-height: 21px; margin: 14px 0 0; }.form-status.is-error { color: #8d1d1d; }.waitlist__fineprint { color: #527d12; font-size: 12px; line-height: 1.3; margin: 28px 0 0; max-width: 300px; }
.honeypot { left: -9999px; opacity: 0; position: absolute; pointer-events: none; }

.footer { background: var(--black); color: var(--sand); padding: 31px 0; }.footer__inner { align-items: center; display: flex; font-size: 11px; font-weight: 800; justify-content: space-between; letter-spacing: 1.2px; }.footer p { color: var(--muted); margin: 0; }.footer a:last-child { border-bottom: 1px solid var(--line-dark); padding-bottom: 4px; }
.sr-only { height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; clip: rect(0, 0, 0, 0); }
.js .reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.js .reveal.is-visible { opacity: 1; transform: translateY(0); }
@keyframes drift { to { transform: translate(40px, -35px) scale(1.15); } } @keyframes float-in { from { opacity: 0; transform: scale(.7); } to { opacity: .95; transform: scale(1); } } @keyframes pulse { 50% { opacity: .25; transform: scale(.7); } }
@media (max-width: 760px) { .wrap { width: min(100% - 40px, 1280px); }.nav__link { font-size: 10px; }.hero { min-height: 780px; }.hero__content { padding-top: 115px; }.hero__title { font-size: clamp(53px, 15vw, 90px); line-height: .82; }.hero__scene { height: 470px; left: 0; opacity: .46; }.hero__summary { font-size: 20px; max-width: 340px; }.scroll-cue { bottom: 22px; right: 20px; }.statement { min-height: auto; padding: 86px 0; }.statement__grid { display: block; }.statement__title { font-size: clamp(54px, 15vw, 92px); }.statement__body { font-size: 20px; margin-top: 45px; }.how { padding: 82px 0; }.how__list { grid-template-columns: 1fr; }.how-card, .how-card:first-child { border: 1px solid var(--line-dark); border-bottom: 0; min-height: 320px; }.how-card:last-child { border-bottom: 1px solid var(--line-dark); }.how-card h3 { margin-top: 70px; }.challenge { padding: 88px 0; }.challenge__layout, .waitlist__layout { display: block; }.challenge-card { margin: 72px 18px 15px; min-height: 370px; }.challenge-card__prompt { margin: 65px 0; }.waitlist { padding: 85px 0; }.waitlist__panel { margin-top: 65px; }.footer__inner { align-items: flex-start; flex-direction: column; gap: 20px; }.footer p { max-width: 190px; }.footer__inner .wordmark { font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }