:root{--grass:#17da36;--fern:#3a9c60;--pine:#112f2c;--cream:#efe3cb;--sky:#9de0e3;--latte:#cfa185;--cocoa:#87482f;--dusk:#1a4a44;--night:#0b201e;--text:'Albert Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--hand:'Gochi Hand','Comic Sans MS','Segoe Print',cursive;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--pine);color:var(--cream);font-family:var(--text);font-weight:400;line-height:1.45}.runway{height:calc(100dvh + 70vh)}.stage{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.scene{position:relative;flex:0 0 44dvh;min-height:230px;overflow:hidden;--x:38%;--fs:clamp(8rem,min(44vw,21dvh),13rem)}.layer{position:absolute;inset:0;overflow:hidden}.clip{position:absolute;inset:0;overflow:hidden;transform:translateX(var(--x));will-change:transform}.clip > .layer{transform:translateX(calc(var(--x) * -1));will-change:transform}.seamwrap{position:absolute;inset:0;transform:translateX(var(--x));pointer-events:none;will-change:transform}.seam{position:absolute;left:-1.5px;top:0;bottom:0;width:3px;background:var(--cream)}.knob{position:absolute;left:-15px;top:14%;width:30px;height:30px;border-radius:50%;border:3px solid var(--cream);background:linear-gradient(90deg,var(--sky) 0 50%,var(--night) 50% 100%)}.day{background:linear-gradient(180deg,#7fd3d8 0%,var(--sky) 38%,#d9eedd 66%)}.ecl{background:linear-gradient(180deg,var(--night) 0%,var(--pine) 36%,var(--dusk) 66%)}.orb{position:absolute;left:72%;top:6%;width:calc(var(--fs) * .36);height:calc(var(--fs) * .36);margin-left:calc(var(--fs) * -.18);border-radius:50%}.day .orb{background:var(--cream);box-shadow:0 0 0 calc(var(--fs) * .05) rgba(239,227,203,.45),0 0 0 calc(var(--fs) * .11) rgba(239,227,203,.22)}.ecl .orb{background:var(--night);box-shadow:0 0 0 3px var(--cream),0 0 calc(var(--fs) * .12) calc(var(--fs) * .04) rgba(239,227,203,.6)}.rays{position:absolute;left:72%;top:6%;width:calc(var(--fs) * .9);height:calc(var(--fs) * .9);margin-left:calc(var(--fs) * -.45);margin-top:calc(var(--fs) * -.27);transform:rotate(var(--r,0deg));will-change:transform}.rays line{stroke:var(--cream);stroke-width:2.2;stroke-linecap:round;opacity:.7}.cloud{position:absolute;height:calc(var(--fs) * .12);border-radius:99px;background:var(--cream);opacity:.92;transform:translateX(var(--c,0px))}.cloud::before{content:"";position:absolute;left:22%;bottom:40%;width:46%;height:120%;border-radius:50%;background:var(--cream)}.cloud.a{left:6%;top:30%;width:calc(var(--fs) * .46)}.cloud.b{left:44%;top:12%;width:calc(var(--fs) * .34);opacity:.75}.stars{position:absolute;left:0;top:0;width:3px;height:3px;border-radius:50%;background:var(--cream);opacity:var(--s,.75);box-shadow:8vw 9dvh 0 0 var(--cream),17vw 4dvh 0 -0.5px var(--cream),26vw 13dvh 0 0 var(--sky),34vw 6dvh 0 -0.5px var(--cream),41vw 16dvh 0 0 var(--cream),47vw 3dvh 0 0 var(--cream),55vw 11dvh 0 -0.5px var(--sky),61vw 5dvh 0 0 var(--cream),83vw 3dvh 0 -0.5px var(--cream),90vw 12dvh 0 0 var(--cream),96vw 7dvh 0 0 var(--sky),12vw 19dvh 0 -0.5px var(--cream),88vw 20dvh 0 -0.5px var(--cream),50vw 20dvh 0 -0.5px var(--cream)}.hills{position:absolute;left:0;right:0;bottom:30%;width:100%;height:16%}.day .hills path{fill:var(--fern)}.ecl .hills path{fill:#123a35}.plot{position:absolute;bottom:33%;width:calc(var(--fs) * .2);height:calc(var(--fs) * .1);border-radius:3px 3px 0 0}.plot::before{content:"";position:absolute;left:-8%;right:-8%;top:-22%;height:26%;border-radius:2px}.plot.p1{left:5%}.plot.p2{right:4%;width:calc(var(--fs) * .16)}.day .plot{background:var(--latte)}.day .plot::before{background:var(--cocoa)}.ecl .plot{background:#24524b}.ecl .plot::before{background:var(--fern)}.ground{position:absolute;left:0;right:0;bottom:0;height:34%}.day .ground{background:linear-gradient(180deg,#5fe873 0%,var(--grass) 30%,#12b82d 100%)}.ecl .ground{background:linear-gradient(180deg,var(--fern) 0%,#1f6a4b 14%,#143f37 100%)}.ecl .ground::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--grass);opacity:.8}.shade{position:absolute;left:50%;bottom:26.5%;width:calc(var(--fs) * 1.7);height:calc(var(--fs) * .13);margin-left:calc(var(--fs) * -.85);border-radius:50%}.day .shade{background:rgba(17,47,44,.28)}.ecl .shade{background:rgba(11,32,30,.6)}.og{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);margin:0;font-family:var(--text);font-weight:800;font-size:var(--fs);line-height:.72;letter-spacing:-.02em;white-space:nowrap}.day .og{color:rgba(239,227,203,.3);-webkit-text-stroke:3px var(--cocoa)}.ecl .og{color:var(--cream);text-shadow:0 .035em 0 var(--latte),0 .07em 0 var(--cocoa),0 0 .22em rgba(23,218,54,.55)}.slip{position:absolute;width:calc(var(--fs) * .24);height:calc(var(--fs) * .11);background:var(--cream);border-radius:2px;box-shadow:0 2px 0 rgba(17,47,44,.25)}.slip::before,.slip::after{content:"";position:absolute;left:14%;right:14%;height:2px;background:var(--cocoa);border-radius:2px}.slip::before{top:34%}.slip::after{top:62%;right:40%;background:var(--latte)}.slip.s1{left:4%;bottom:66%;transform:rotate(-14deg)}.slip.s2{left:20%;bottom:48%;transform:rotate(9deg)}.slip.s3{left:7%;bottom:40%;transform:rotate(24deg);opacity:.85}.slip.s4{left:29%;bottom:70%;transform:rotate(-5deg) scale(.8)}.note{position:absolute;font-family:var(--hand);font-size:clamp(1rem,0.85rem + 1.1vw,1.7rem);line-height:.95;white-space:nowrap}.day .note{left:4%;top:8%;color:var(--pine);transform:rotate(-4deg)}.ecl .note{right:4%;bottom:12%;color:var(--cream);transform:rotate(-3deg)}.tag{position:absolute;left:calc(50% + var(--fs) * .52);bottom:calc(30% + var(--fs) * .56);padding:.18em .5em .12em;background:var(--grass);color:var(--pine);font-family:var(--hand);font-size:clamp(1.1rem,0.9rem + 1.4vw,2.1rem);line-height:1;border-radius:6px;transform:rotate(9deg)}.edge{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:13%;display:block}.edge-v{display:none}.edge path.fill,.edge-v path.fill{fill:var(--pine)}.edge path.rim,.edge-v path.rim{fill:none;stroke:var(--grass);stroke-width:2;vector-effect:non-scaling-stroke;opacity:.55}.copy{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:6px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));min-height:0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:10px}.brand img{display:block;width:60px;height:60px;border-radius:14px;flex:none}.brand span{font-family:var(--hand);font-size:clamp(1.25rem,1.1rem + 1vw,1.9rem);line-height:1.05;color:var(--sky)}h1{margin:0 0 8px;font-weight:800;font-size:clamp(1.7rem,1.1rem + 3vw,3.5rem);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}h1 em{font-style:normal;font-family:var(--hand);font-weight:400;color:var(--grass);letter-spacing:0;font-size:1.12em;white-space:nowrap}.sub{margin:0 0 14px;font-size:clamp(0.94rem,0.88rem + 0.35vw,1.15rem);max-width:34rem;color:var(--cream)}.cta{display:flex;align-items:center;justify-content:center;gap:.5em;min-height:54px;padding:.7em 1.3em;background:var(--grass);color:var(--night);font-weight:800;font-size:clamp(1.05rem,0.98rem + 0.4vw,1.3rem);text-decoration:none;border-radius:14px;border-bottom:4px solid #0f9a25;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.cta svg{width:1.1em;height:1.1em;flex:none}.cta:active{transform:translateY(2px)}.cta:focus-visible{outline:3px solid var(--cream);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.after{margin:9px 0 0;font-size:clamp(0.8rem,0.76rem + 0.2vw,0.95rem);color:var(--sky);max-width:34rem}footer{padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--night);color:var(--cream);font-size:clamp(0.75rem,0.72rem + 0.15vw,0.85rem);text-align:center}footer p{margin:0;opacity:.85}@media (min-width: 900px){.stage{flex-direction:row}.scene{flex:0 0 55%;height:100dvh;--fs:clamp(12rem,min(25vw,46dvh),24rem)}.edge{display:none}.edge-v{display:block;position:absolute;top:0;bottom:0;right:-1px;height:100%;width:9%}.stars{box-shadow:4vw 9dvh 0 0 var(--cream),9vw 4dvh 0 -0.5px var(--cream),14vw 17dvh 0 0 var(--sky),19vw 6dvh 0 -0.5px var(--cream),23vw 22dvh 0 0 var(--cream),27vw 3dvh 0 0 var(--cream),31vw 13dvh 0 -0.5px var(--sky),34vw 27dvh 0 0 var(--cream),46vw 4dvh 0 -0.5px var(--cream),49vw 17dvh 0 0 var(--cream),52vw 9dvh 0 0 var(--sky),6vw 30dvh 0 -0.5px var(--cream),44vw 31dvh 0 -0.5px var(--cream),12vw 36dvh 0 -0.5px var(--cream)}.copy{padding:32px clamp(28px,4vw,72px) 32px clamp(20px,2.5vw,44px)}.brand{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px}.brand img{width:144px;height:144px;border-radius:28px}h1{margin-bottom:16px}.sub{margin-bottom:24px}.cta{align-self:flex-start;min-height:60px;padding:.75em 1.7em}.after{margin-top:14px}}@media (min-width: 900px) and (max-height: 720px){.brand img{width:96px;height:96px;border-radius:20px}}@media (max-height: 640px) and (max-width: 899px){.scene{flex-basis:32dvh;min-height:180px}.brand img{width:48px;height:48px}}@media (prefers-reduced-motion: reduce){.runway{height:100dvh}.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}