:root{--clay: oklch(.982 .01 87.5);--earth: oklch(.278 .022 42);--terracotta: oklch(.629 .164 36.8);--ochre: oklch(.8 .134 81.4);--spice: oklch(.485 .132 36.6);--secondary: oklch(.955 .025 87.5);--card: #fff;font-family:Inter,system-ui,sans-serif;color:var(--earth);background:var(--clay);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--clay)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell{position:relative;min-height:100vh;overflow:hidden;background:var(--clay)}.container{width:min(1280px,calc(100% - 3rem));margin-inline:auto}.warm-radials,.warm-grid{position:absolute;inset:0;pointer-events:none}.warm-radials{background:radial-gradient(circle at 8% 8%,color-mix(in oklab,var(--ochre) 16%,transparent),transparent 29%),radial-gradient(circle at 96% 11%,color-mix(in oklab,var(--terracotta) 12%,transparent),transparent 24%),radial-gradient(circle at 92% 92%,color-mix(in oklab,var(--terracotta) 13%,transparent),transparent 27%)}.warm-grid{opacity:.5;background-image:linear-gradient(color-mix(in oklab,var(--earth) 2.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--earth) 2.5%,transparent) 1px,transparent 1px);background-size:48px 48px}.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding-block:2rem}.brand{display:inline-flex;align-items:center;gap:.75rem;font-size:.6875rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.brand-dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--terracotta)}nav{display:flex;gap:2rem;color:color-mix(in oklab,var(--earth) 50%,transparent);font-size:.6875rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase}nav a{transition:color .2s ease}nav a:hover{color:var(--terracotta)}.beta-pill{border:1px solid color-mix(in oklab,var(--terracotta) 30%,transparent);border-radius:999px;padding:.375rem 1rem;color:var(--terracotta);font-size:.6875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.hero{position:relative;z-index:2;display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:3.5rem;padding-top:2.5rem;padding-bottom:6rem}.sheen{position:absolute;inset:0 0 auto;height:1px;overflow:hidden}.sheen:after{content:"";position:absolute;inset-block:0;width:33%;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--terracotta) 40%,transparent),transparent);animation:sheen 5.5s ease-in-out infinite}@keyframes sheen{0%{transform:translate(-110%)}to{transform:translate(410%)}}.eyebrow-pill{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.375rem 1rem;border:1px solid color-mix(in oklab,var(--earth) 10%,transparent);border-radius:999px;background:color-mix(in oklab,var(--earth) 5%,transparent);color:color-mix(in oklab,var(--earth) 70%,transparent);font-size:.6875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.pulse{position:relative;display:flex;width:.5rem;height:.5rem}.pulse,.pulse i{border-radius:50%;background:var(--terracotta)}.pulse i{position:absolute;inset:0;animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}90%,to{transform:scale(2.4);opacity:0}}h1,h2,.moment-card h3,.loop-card h3{margin:0;font-family:Anton,Arial Narrow,sans-serif;font-weight:400;text-transform:uppercase}h1{font-size:clamp(4.5rem,6.4vw,7rem);line-height:.82;letter-spacing:-.035em}h1 em,h2 em{color:var(--terracotta);font-style:normal}.hero-intro{max-width:36rem;margin:2rem 0 0;color:color-mix(in oklab,var(--earth) 80%,transparent);font-size:1.125rem;line-height:1.65}.waitlist-form{max-width:36rem;margin-top:2.25rem}.form-row{display:flex;gap:.75rem}.form-row input{min-width:0;flex:1;padding:1rem 1.25rem;color:var(--earth);background:var(--card);border:1px solid color-mix(in oklab,var(--earth) 15%,transparent);border-radius:.75rem;outline:0;transition:border-color .2s,box-shadow .2s}.form-row input:focus{border-color:color-mix(in oklab,var(--terracotta) 60%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--terracotta) 12%,transparent)}.form-row input::placeholder{color:color-mix(in oklab,var(--earth) 40%,transparent)}.form-row button{padding:1rem 1.75rem;border:0;border-radius:.75rem;background:var(--earth);color:var(--clay);cursor:pointer;font-size:.875rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;transition:background .2s,transform .2s}.form-row button:hover{background:var(--terracotta);transform:translateY(-1px)}.form-row button:disabled{opacity:.72;cursor:default;transform:none}.form-message{min-height:0;margin:.65rem 0 0;color:var(--terracotta);font-size:.75rem;font-weight:600}.form-message:empty{display:none}.privacy-note,.classroom-note{margin:1rem 0 0;color:color-mix(in oklab,var(--earth) 50%,transparent);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase}.hero-illustration{position:relative;margin:0;overflow:hidden;border:1px solid color-mix(in oklab,var(--earth) 9%,transparent);border-radius:1.5rem;box-shadow:0 28px 60px color-mix(in oklab,var(--earth) 12%,transparent);transform:rotate(1.5deg)}.hero-illustration:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -8rem 6rem -5rem color-mix(in oklab,var(--earth) 62%,transparent);pointer-events:none}.hero-illustration img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.hero-illustration figcaption,.story-card figcaption{position:absolute;z-index:1;inset:auto 1.25rem 1.25rem;display:grid;gap:.25rem;color:var(--clay);text-shadow:0 1px 9px color-mix(in oklab,var(--earth) 75%,transparent)}.hero-illustration figcaption span,.story-card figcaption span{font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero-illustration figcaption strong{max-width:22rem;font-family:Anton,Arial Narrow,sans-serif;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:400;line-height:1;text-transform:uppercase}.section{position:relative;z-index:2;padding-block:6rem}.muted-section{border-block:1px solid color-mix(in oklab,var(--earth) 5%,transparent);background:color-mix(in oklab,var(--secondary) 40%,transparent)}.section-heading{margin-bottom:3rem}.narrow-heading{max-width:46rem}.visual-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.visual-heading h2{max-width:49rem}.visual-heading>p:last-child{max-width:18rem;margin:0 0 .25rem;color:color-mix(in oklab,var(--earth) 62%,transparent);line-height:1.55}.kicker{margin:0;color:var(--terracotta);font-size:.6875rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.section h2{margin-top:.75rem;font-size:clamp(3rem,5vw,4rem);line-height:1;letter-spacing:-.02em}.story-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:1rem}.story-card{position:relative;min-height:34rem;margin:0;overflow:hidden;border-radius:1.25rem;background:var(--earth);box-shadow:0 16px 35px color-mix(in oklab,var(--earth) 10%,transparent)}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,color-mix(in oklab,var(--earth) 65%,transparent));pointer-events:none}.story-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.story-card:hover img{transform:scale(1.035)}.story-card figcaption strong{font-family:Anton,Arial Narrow,sans-serif;font-size:1.8rem;font-weight:400;line-height:1;text-transform:uppercase}.plain-card,.loop-card{padding:1.75rem;border:1px solid color-mix(in oklab,var(--earth) 5%,transparent);border-radius:1rem;background:var(--card);box-shadow:0 2px 3px color-mix(in oklab,var(--earth) 5%,transparent)}.card-label{margin:0;color:color-mix(in oklab,var(--earth) 40%,transparent);font-size:.6875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.plain-card h3{margin:.75rem 0 0;font-size:1.25rem}.plain-card>p:last-child,.loop-card p{margin:.5rem 0 0;color:color-mix(in oklab,var(--earth) 70%,transparent);font-size:.875rem;line-height:1.6}.insight-panel{position:relative;overflow:hidden;padding:4rem;border:1px solid color-mix(in oklab,var(--earth) 5%,transparent);border-radius:1.5rem;background:linear-gradient(135deg,color-mix(in oklab,var(--ochre) 10%,transparent),color-mix(in oklab,var(--terracotta) 5%,transparent),transparent)}.insight-panel:before{content:"";position:absolute;top:-5rem;right:-4rem;width:19rem;height:19rem;border-radius:4rem;background:color-mix(in oklab,var(--ochre) 12%,transparent);filter:blur(55px);transform:rotate(12deg)}.insight-panel h2{position:relative;max-width:61rem;font-size:clamp(3.5rem,6vw,5rem);line-height:.9}.insight-panel>p:last-child{position:relative;max-width:45rem;margin:2rem 0 0;color:color-mix(in oklab,var(--earth) 80%,transparent);font-size:1.25rem;line-height:1.65}.loop-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem}.spice-text{color:var(--spice)}.repeat{color:color-mix(in oklab,var(--earth) 40%,transparent);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase}.loop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.loop-card{padding:1.5rem}.loop-scene{display:block;width:100%;height:5.5rem;margin-bottom:1rem;border-radius:.75rem;background-position:center;background-size:cover}.market-scene{background-image:url(/illustrations/market-lemons.webp)}.harbor-scene{background-image:url(/illustrations/harbor-directions.webp)}.cafe-scene{background-image:url(/illustrations/cafe-order.webp)}.dinner-scene{background-image:url(/illustrations/dinner-table.webp)}.memory-scene{background-image:linear-gradient(color-mix(in oklab,var(--terracotta) 15%,transparent),color-mix(in oklab,var(--terracotta) 25%,transparent)),url(/illustrations/dinner-table.webp);background-position:center 60%}.loop-card h3{font-size:1.5rem;line-height:1}.loop-card.live{border-color:color-mix(in oklab,var(--ochre) 30%,transparent);background:color-mix(in oklab,var(--ochre) 5%,var(--clay))}.loop-card.live h3{color:var(--ochre)}.loop-card.retain{border-color:color-mix(in oklab,var(--terracotta) 30%,transparent);background:color-mix(in oklab,var(--terracotta) 5%,var(--clay))}.loop-card.retain h3{color:var(--terracotta)}.loop-note{margin:1.5rem 0 0;color:color-mix(in oklab,var(--earth) 60%,transparent);font-size:.875rem}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.final-cta{padding:4rem;border-radius:1.5rem;background:var(--earth);color:var(--clay)}.final-cta h2{margin-top:0;font-size:clamp(3rem,5vw,4.7rem);line-height:1}.final-cta h2 em{color:var(--ochre)}.final-cta .waitlist-form{margin:2.5rem auto 0}.form-row.stacked{flex-direction:column}.dark-form input{color:var(--clay);border-color:color-mix(in oklab,var(--clay) 20%,transparent);background:color-mix(in oklab,var(--clay) 10%,transparent)}.dark-form input::placeholder{color:color-mix(in oklab,var(--clay) 50%,transparent)}.dark-form .form-row button{background:var(--terracotta)}.dark-form .form-row button:hover{color:var(--earth);background:var(--ochre)}.dark-form .form-message{color:var(--ochre)}.classroom-note{color:color-mix(in oklab,var(--clay) 50%,transparent)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:35rem}.photo-grid img{width:100%;height:100%;border-radius:1.5rem;object-fit:cover}.photo-pair{display:grid;grid-template-rows:1fr 1fr;gap:1rem}.preferences-dialog{width:min(44rem,calc(100% - 2rem));max-height:min(52rem,calc(100dvh - 2rem));padding:0;overflow:auto;color:var(--earth);border:1px solid color-mix(in oklab,var(--earth) 10%,transparent);border-radius:1.5rem;background:var(--clay);box-shadow:0 28px 80px color-mix(in oklab,var(--earth) 35%,transparent)}.preferences-dialog::backdrop{background:color-mix(in oklab,var(--earth) 65%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.preferences-form{position:relative;padding:2.5rem}.dialog-close{position:absolute;top:1rem;right:1rem;display:grid;width:2.5rem;height:2.5rem;padding:0;place-items:center;color:color-mix(in oklab,var(--earth) 55%,transparent);border:1px solid color-mix(in oklab,var(--earth) 12%,transparent);border-radius:50%;background:transparent;cursor:pointer;font-size:1.5rem;line-height:1}.dialog-close:hover{color:var(--terracotta);border-color:color-mix(in oklab,var(--terracotta) 45%,transparent)}.dialog-step{margin:0 0 .75rem;color:var(--terracotta);font-size:.6875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.preferences-form>h2{max-width:30rem;margin:0;font-family:Anton,Arial Narrow,sans-serif;font-size:clamp(2.6rem,7vw,4rem);font-weight:400;line-height:.95;letter-spacing:-.02em;text-transform:uppercase}.dialog-intro{max-width:37rem;margin:1rem 0 0;color:color-mix(in oklab,var(--earth) 72%,transparent);font-size:.95rem;line-height:1.6}.signup-email{display:inline-flex;margin-top:1.25rem;padding:.55rem .9rem;border:1px solid color-mix(in oklab,var(--earth) 10%,transparent);border-radius:999px;background:var(--card);font-size:.78rem;font-weight:700}.preferences-form fieldset{margin:1.75rem 0 0;padding:0;border:0}.preferences-form legend,.target-field>span,.other-language>span{font-size:.88rem;font-weight:800}.field-help{margin:.35rem 0 .9rem;color:color-mix(in oklab,var(--earth) 55%,transparent);font-size:.75rem}.ranked-language-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.ranked-language-field{display:grid;gap:.45rem}.ranked-language-field span{color:color-mix(in oklab,var(--earth) 62%,transparent);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ranked-language-field select{width:100%;min-width:0;padding:.8rem 2rem .8rem .75rem;color:var(--earth);border:1px solid color-mix(in oklab,var(--earth) 15%,transparent);border-radius:.75rem;background:var(--card);outline:0}.ranked-language-field select:focus{border-color:color-mix(in oklab,var(--terracotta) 60%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--terracotta) 12%,transparent)}.dialog-error{min-height:1.25rem;margin:1rem 0 .25rem;color:var(--terracotta);font-size:.78rem;font-weight:700}.save-preferences{width:100%;padding:1rem 1.5rem;color:var(--clay);border:0;border-radius:.75rem;background:var(--earth);cursor:pointer;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,transform .2s}.save-preferences:hover{background:var(--terracotta);transform:translateY(-1px)}.save-preferences:disabled{opacity:.6;cursor:wait;transform:none}.dialog-privacy{margin:.8rem 0 0;color:color-mix(in oklab,var(--earth) 48%,transparent);font-size:.65rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}footer{position:relative;z-index:2;padding-block:3rem;border-top:1px solid color-mix(in oklab,var(--earth) 10%,transparent);background:var(--card)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:color-mix(in oklab,var(--earth) 50%,transparent);font-size:.6875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}@media(max-width:1023px){.hero{grid-template-columns:1fr}.hero-illustration{max-width:46rem;transform:none}.story-grid{grid-template-columns:1fr 1fr}.story-card:first-child{grid-row:span 2}.loop-grid{grid-template-columns:repeat(2,1fr)}.loop-card:last-child{grid-column:span 2}.final-grid{grid-template-columns:1fr}}@media(max-width:767px){.container{width:min(100% - 3rem,40rem)}.site-header{padding-block:2rem}nav{display:none}.brand{gap:.55rem;font-size:.58rem;letter-spacing:.25em}.brand-dot{width:.5rem;height:.5rem}.beta-pill{padding:.35rem .75rem;font-size:.58rem;letter-spacing:.2em}.hero{gap:0;padding-top:2.5rem;padding-bottom:5.5rem}.eyebrow-pill{margin-bottom:1.25rem;padding-inline:.75rem;font-size:.6rem}h1{font-size:clamp(4.15rem,20.5vw,6rem)}.hero-intro{margin-top:1.75rem;font-size:.94rem;line-height:1.65}.form-row{flex-direction:column}.waitlist-form{margin-top:1.75rem}.form-row input,.form-row button{width:100%}.privacy-note{font-size:.58rem;line-height:1.6}.section{padding-block:5.5rem}.section-heading{margin-bottom:2.5rem}.visual-heading{display:block}.visual-heading>p:last-child{margin-top:1rem}.section h2{font-size:2.6rem}.story-grid{grid-template-columns:1fr;gap:1rem}.story-card,.story-card:first-child{min-height:27rem;grid-row:auto}.plain-card{padding:1.5rem}.insight-panel{padding:3rem 2rem}.insight-panel h2{font-size:3.05rem}.insight-panel>p:last-child{font-size:1rem;line-height:1.65}.loop-heading{margin-bottom:2.5rem}.repeat{display:none}.loop-grid{grid-template-columns:1fr}.loop-card:last-child{grid-column:auto}.loop-note{font-size:.75rem;line-height:1.5}.final-grid{gap:1.5rem}.final-cta{padding:2.75rem 2rem}.final-cta h2{font-size:3.2rem}.photo-grid{width:100%;grid-template-columns:1fr 1fr;min-height:28rem}.footer-inner{flex-direction:column;text-align:center}.preferences-form{padding:2rem 1.25rem}.preferences-form>h2{max-width:16rem}.dialog-intro{font-size:.88rem}.ranked-language-fields{grid-template-columns:1fr;gap:.65rem}}@media(max-width:430px){.container{width:calc(100% - 2rem)}.site-header{width:calc(100% - 1.25rem);padding-block:2.2rem}.hero{padding-top:2rem}#problem,#insight,#loop{min-height:0}h1{font-size:clamp(3.65rem,18.6vw,5rem)}.section h2{font-size:2.25rem}.insight-panel h2{font-size:2.75rem}.final-section{padding-block:3rem}.final-cta h2{font-size:3rem}.photo-grid{min-height:24rem}.photo-pair{display:none}.photo-grid{grid-template-columns:minmax(0,1fr) 1fr}footer{min-height:194px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
