@property --yap-progress{syntax:"<number>";inherits:true;initial-value:0}@property --yap-glow{syntax:"<number>";inherits:false;initial-value:.35}.sky-shader{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 70% 18%,#ffd8c4 0,transparent 55%),linear-gradient(180deg,#dcc8ce,#eadfe2 42%,#faf6f4)}.sky-shader--fallback{background:radial-gradient(ellipse 70% 45% at 68% 20%,#ffd4bc 0,transparent 50%),linear-gradient(180deg,#d4bdc4,#e8d8dc 40%,#faf6f4)}.yap-land{--yap-ink:oklch(22% 0.02 20);--yap-mute:oklch(48% 0.02 20);--yap-pink:oklch(65% 0.22 15);--yap-accent:var(--yap-pink);--yap-surface:color-mix(in oklab,white 72%,transparent);position:relative;min-height:100svh;color:var(--yap-ink);font-family:var(--font-body),system-ui,sans-serif;overflow-x:clip}.yap-land:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 100% 40% at 50% 100%,rgb(255 255 255/.55),transparent 70%);opacity:calc(.35 + var(--yap-progress) * .45)}@supports (animation-timeline:scroll()){.yap-land{animation:yap-scroll-progress linear both;animation-timeline:scroll(root block);animation-range:0 100%}@keyframes yap-scroll-progress{0%{--yap-progress:0}to{--yap-progress:1}}}.yap-progress{position:fixed;top:0;left:0;z-index:60;height:2px;width:100%;transform-origin:left center;background:linear-gradient(90deg,oklch(65% .22 15),oklch(58% .18 35));transform:scaleX(var(--yap-progress));pointer-events:none}.yap-land-main{position:relative;z-index:10}.yap-hero{position:relative;display:grid;min-height:100svh;place-items:end start;padding:clamp(5.5rem,12vh,7rem) clamp(1.25rem,4vw,3.5rem) clamp(2.5rem,8vh,4.5rem);overflow:clip}.yap-hero__stage{position:absolute;inset:0;pointer-events:none}.yap-hero__mouth{position:absolute;right:clamp(4%,8vw,14%);top:clamp(18%,22vh,28%);filter:drop-shadow(0 24px 48px rgb(15 40 80/.18));animation:yap-mouth-drift 7s ease-in-out infinite}.yap-hero__mouth--mobile{display:none;position:absolute;left:50%;top:14%;translate:-50% 0;filter:drop-shadow(0 16px 32px rgb(15 40 80/.16));animation:yap-mouth-drift 6s ease-in-out infinite}@keyframes yap-mouth-drift{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-18px) rotate(1.5deg)}}.yap-hero__copy{position:relative;z-index:2;max-width:38rem}.yap-brand{margin:0;font-family:var(--font-display),var(--font-body),sans-serif;font-size:clamp(4.25rem,14vw,9.5rem);font-weight:800;line-height:.88;letter-spacing:-.055em;color:var(--yap-ink);text-wrap:balance;animation:yap-brand-in 1.1s cubic-bezier(.16,1,.3,1) both}.yap-brand span{background:linear-gradient(105deg,var(--yap-ink) 30%,oklch(65% .22 15) 55%,oklch(58% .18 35) 78%,var(--yap-ink) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:yap-brand-shimmer 9s ease-in-out infinite}@keyframes yap-brand-in{0%{opacity:0;transform:translateY(28px) scale(.98);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes yap-brand-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.yap-hero__headline{margin:clamp(1rem,2.5vh,1.5rem) 0 0;max-width:22ch;font-family:var(--font-display),sans-serif;font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;text-wrap:balance;animation:yap-rise .9s cubic-bezier(.16,1,.3,1) .12s both}.yap-hero__lede{margin:.85rem 0 0;max-width:34ch;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.45;color:var(--yap-mute);text-wrap:pretty;animation:yap-rise .9s cubic-bezier(.16,1,.3,1) .22s both}.yap-hero__cta{margin-top:clamp(1.5rem,3.5vh,2.25rem);animation:yap-rise .9s cubic-bezier(.16,1,.3,1) .32s both}@keyframes yap-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.yap-cta{display:inline-flex;align-items:center;gap:.55rem;border:none;border-radius:.85rem;padding:.9rem 1.35rem;font-family:inherit;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:white;background:var(--yap-ink);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 10px 28px rgb(15 30 60/.18)}.yap-cta:hover{background:oklch(28% .03 20);transform:translateY(-1px)}.yap-cta:active{transform:scale(.98)}.yap-cta svg{transition:transform .2s ease}.yap-cta:hover svg{transform:translateX(3px)}.yap-scroll-hint{position:absolute;right:clamp(1.25rem,4vw,3.5rem);bottom:clamp(1.5rem,4vh,2.5rem);display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab,var(--yap-mute) 80%,transparent);animation:yap-hint-pulse 2.8s ease-in-out infinite}.yap-scroll-hint__line{width:1px;height:2.5rem;background:linear-gradient(to bottom,var(--yap-ink),transparent);transform-origin:top;animation:yap-hint-line 2.8s ease-in-out infinite}@keyframes yap-hint-pulse{0%,to{opacity:.45}50%{opacity:.9}}@keyframes yap-hint-line{0%,to{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:1}}.yap-section{position:relative;padding:clamp(4.5rem,12vh,8rem) clamp(1.25rem,4vw,3.5rem)}.yap-section__inner{margin-inline:auto;max-width:72rem}.yap-kicker{margin:0 0 .75rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yap-mute)}.yap-section__title{margin:0;max-width:16ch;font-family:var(--font-display),sans-serif;font-size:clamp(2.1rem,5vw,3.75rem);font-weight:700;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.yap-section__lede{margin:1rem 0 0;max-width:42ch;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.5;color:var(--yap-mute);text-wrap:pretty}@supports (animation-timeline:view()){.yap-reveal{animation:yap-reveal-kf linear both;animation-timeline:view();animation-range:entry 0 cover 38%}.yap-reveal-late{animation:yap-reveal-kf linear both;animation-timeline:view();animation-range:entry 10% cover 45%}@keyframes yap-reveal-kf{0%{opacity:0;transform:translateY(36px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}}.yap-problem{padding-block:0}.yap-problem__intro{padding:clamp(4rem,10vh,7rem) clamp(1.25rem,4vw,3.5rem) clamp(2rem,5vh,3rem)}.yap-chapter{display:grid;min-height:100svh;place-items:center;padding:clamp(2rem,6vh,4rem) clamp(1.25rem,4vw,3.5rem);border-top:1px solid color-mix(in oklab,white 55%,transparent);background:color-mix(in oklab,white calc(18% + var(--yap-progress) * 28%),transparent);backdrop-filter:blur(2px)}.yap-chapter__grid{display:grid;gap:clamp(1.5rem,4vw,3rem);width:min(100%,64rem);align-items:end}@media (min-width:900px){.yap-chapter__grid{grid-template-columns:8rem 1fr}}.yap-chapter__index{font-size:clamp(4rem,10vw,7rem);font-weight:800;line-height:.85;letter-spacing:-.06em;color:color-mix(in oklab,var(--yap-pink) 55%,white);opacity:.55}.yap-chapter h3,.yap-chapter__index{font-family:var(--font-display),sans-serif}.yap-chapter h3{margin:0;max-width:18ch;font-size:clamp(1.85rem,4.2vw,3.1rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.yap-chapter p{margin:1rem 0 0;max-width:36ch;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.5;color:var(--yap-mute);text-wrap:pretty}.yap-flow{position:relative;view-timeline-name:--yap-flow;view-timeline-axis:block}.yap-flow__sticky{position:sticky;top:0;min-height:100svh;display:grid;align-content:center;padding:clamp(5rem,10vh,7rem) clamp(1.25rem,4vw,3.5rem);overflow:clip}.yap-flow__track{height:220vh}.yap-flow__rail{position:relative;margin-top:2.75rem;height:2px;background:color-mix(in oklab,var(--yap-ink) 12%,transparent);border-radius:1px;overflow:hidden}.yap-flow__rail>i{display:block;height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--yap-pink),oklch(58% .18 35));transform:scaleX(.08)}@supports (animation-timeline:view()){.yap-flow__rail>i{animation:yap-rail-grow linear both;animation-timeline:--yap-flow;animation-range:cover 10% cover 75%}@keyframes yap-rail-grow{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}.yap-flow__step{animation:yap-step-pop linear both;animation-timeline:--yap-flow}.yap-flow__step:first-child{animation-range:cover 12% cover 35%}.yap-flow__step:nth-child(2){animation-range:cover 28% cover 52%}.yap-flow__step:nth-child(3){animation-range:cover 45% cover 70%}@keyframes yap-step-pop{0%{opacity:.2;transform:translateY(28px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}}.yap-flow__steps{position:relative;z-index:1;display:grid;gap:1.5rem;margin-top:3rem}@media (min-width:860px){.yap-flow__steps{grid-template-columns:repeat(3,1fr);gap:2rem}}.yap-flow__step h3{margin:.65rem 0 0;font-family:var(--font-display),sans-serif;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:700;letter-spacing:-.025em}.yap-flow__step p{margin:.55rem 0 0;font-size:1rem;line-height:1.5;color:var(--yap-mute);text-wrap:pretty}.yap-flow__num{display:inline-block;font-family:var(--font-display),sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:var(--yap-pink)}.yap-spec{border-block:1px solid color-mix(in oklab,white 60%,transparent);background:color-mix(in oklab,white 42%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.yap-spec__list{margin:2.5rem 0 0;padding:0;list-style:none;display:grid;gap:0}.yap-spec__list li{display:grid;gap:.35rem;padding:1.35rem 0;border-top:1px solid color-mix(in oklab,var(--yap-ink) 10%,transparent);font-size:clamp(1.2rem,2.6vw,1.65rem);font-weight:600;letter-spacing:-.025em;font-family:var(--font-display),sans-serif}.yap-spec__list li span{font-family:var(--font-body),sans-serif;font-size:.95rem;font-weight:500;color:var(--yap-mute);letter-spacing:0}@media (min-width:800px){.yap-spec__list li{grid-template-columns:1.2fr 1fr;align-items:baseline;gap:2rem}}.yap-close{min-height:88svh;display:grid;place-items:center;text-align:center;padding:clamp(4rem,12vh,8rem) clamp(1.25rem,4vw,3.5rem)}.yap-close__inner{max-width:28rem;width:min(100%,28rem);padding-inline:.25rem}.yap-close h2{margin:0;font-family:var(--font-display),sans-serif;font-size:clamp(2.4rem,6vw,4.25rem);font-weight:800;line-height:.98;letter-spacing:-.045em;text-wrap:balance}.yap-close p{margin:1rem auto 0;max-width:32ch;font-size:1.1rem;line-height:1.5;color:var(--yap-mute);text-wrap:pretty}.yap-close .yap-cta{margin-top:1.75rem}@media (max-width:899px){.yap-land-main{overflow-x:clip}.yap-hero__mouth{display:none}.yap-hero__mouth--mobile{display:block;top:max(4.75rem,calc(env(safe-area-inset-top, 0px) + 4.25rem))}.yap-hero{min-height:100svh;min-height:100dvh;grid-template-rows:minmax(5.5rem,18svh) 1fr;place-items:stretch center;padding:max(5.25rem,calc(env(safe-area-inset-top, 0px) + 4.5rem)) max(1rem,env(safe-area-inset-right,0px)) max(1.75rem,calc(env(safe-area-inset-bottom, 0px) + 1.25rem)) max(1rem,env(safe-area-inset-left,0px));text-align:center}.yap-hero__stage{grid-row:1;position:relative;inset:auto;min-height:5.5rem}.yap-hero__mouth--mobile{position:relative;left:auto;top:auto;translate:none;margin-inline:auto;width:fit-content}.yap-hero__copy{grid-row:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;max-width:100%;width:min(100%,28rem);padding-bottom:.25rem}.yap-brand{font-size:clamp(3.25rem,18vw,5.5rem);line-height:.9}.yap-hero__headline{max-width:18ch;font-size:clamp(1.35rem,5.4vw,1.75rem);margin-inline:auto}.yap-hero__lede{max-width:28ch;font-size:clamp(.98rem,3.8vw,1.1rem);margin-inline:auto}.yap-cta,.yap-hero__cta{width:100%}.yap-cta{max-width:22rem;justify-content:center;min-height:3rem;padding:.95rem 1.15rem;font-size:1rem}.yap-scroll-hint{display:none}.yap-chapter,.yap-close,.yap-flow__sticky,.yap-problem__intro,.yap-section{padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}.yap-problem__intro{padding-top:clamp(3rem,8vh,4.5rem);padding-bottom:1.25rem}.yap-section__title{max-width:12ch;font-size:clamp(1.85rem,8vw,2.6rem)}.yap-section__lede{max-width:34ch}.yap-chapter{min-height:0;padding-block:clamp(2.25rem,7vh,3.5rem);place-items:start stretch}.yap-chapter__grid{gap:.75rem;width:100%}.yap-chapter__index{font-size:clamp(2.75rem,14vw,4rem);opacity:.4}.yap-chapter h3{max-width:16ch;font-size:clamp(1.45rem,6.2vw,1.9rem)}.yap-chapter p{max-width:34ch;font-size:1rem}.yap-flow__track{height:auto}.yap-flow__sticky{position:relative;top:auto;min-height:0;padding-block:clamp(3.25rem,8vh,5rem)}.yap-flow__rail{display:none}.yap-flow__steps{margin-top:2rem;gap:1.75rem}.yap-flow__step{opacity:1!important;filter:none!important;transform:none!important;animation:none!important;padding-bottom:1.5rem;border-bottom:1px solid color-mix(in oklab,var(--yap-ink) 10%,transparent)}.yap-flow__step:last-child{border-bottom:none;padding-bottom:0}.yap-spec__list{margin-top:1.75rem}.yap-spec__list li{padding-block:1.1rem;font-size:clamp(1.1rem,4.8vw,1.35rem)}.yap-spec__list li span{font-size:.9rem}.yap-close{min-height:0;padding-block:clamp(3.5rem,10vh,5.5rem)}.yap-close h2{font-size:clamp(2rem,9vw,2.75rem)}.yap-close p{font-size:1rem}}@media (max-height:520px) and (max-width:899px){.yap-hero{min-height:auto;grid-template-rows:auto auto;padding-block:4.5rem 1.5rem}.yap-hero__stage{min-height:0}.yap-hero__mouth--mobile svg{width:64px!important;height:64px!important}.yap-brand{font-size:clamp(2.5rem,12vw,3.5rem)}.yap-hero__headline{font-size:1.2rem}.yap-hero__lede{display:none}}@media (max-width:380px){.yap-brand{font-size:2.85rem}.yap-cta{font-size:.95rem;padding-inline:1rem}}@media (min-width:600px) and (max-width:899px){.yap-hero__copy{width:min(100%,34rem)}.yap-brand{font-size:clamp(4.5rem,12vw,6rem)}.yap-chapter__grid{grid-template-columns:5.5rem 1fr;align-items:start;gap:1.25rem}}@media (prefers-reduced-motion:reduce){.yap-brand,.yap-brand span,.yap-flow__rail>i,.yap-flow__step,.yap-hero__cta,.yap-hero__headline,.yap-hero__lede,.yap-hero__mouth,.yap-hero__mouth--mobile,.yap-reveal,.yap-reveal-late,.yap-scroll-hint,.yap-scroll-hint__line{animation:none!important}.yap-brand span{color:var(--yap-ink);background:none;-webkit-background-clip:unset;background-clip:unset}.yap-flow__step,.yap-reveal,.yap-reveal-late{opacity:1;filter:none;transform:none}}