.canopy-home{--home-paper:var(--canopy-brand-paper);--home-glow:var(--canopy-green-on-night);--home-deep:color-mix(in oklch, var(--canopy-brand-ink) 70%, black);isolation:isolate;background:var(--home-deep);min-height:100svh;color:var(--home-paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-canopy-home);flex-direction:column;font-size:17px;line-height:1.55;display:flex;position:relative;overflow:hidden}html:has(.canopy-home){background:color-mix(in oklch, var(--canopy-brand-ink) 70%, black);scrollbar-gutter:auto}.canopy-home :focus-visible{outline:2px solid var(--home-glow);outline-offset:3px}.home-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0}.home-backdrop>div{position:absolute;inset:0}.home-image{background:var(--home-deep) url(/home-canopy.webp) center / cover no-repeat;animation:48s ease-in-out infinite alternate home-drift;inset:-4%!important}.home-dapple{background:radial-gradient(28vmax 22vmax at 18% 24%, color-mix(in oklch, var(--home-glow) 22%, transparent), transparent 70%), radial-gradient(24vmax 20vmax at 84% 70%, color-mix(in oklch, var(--home-glow) 18%, transparent), transparent 70%), radial-gradient(18vmax 16vmax at 70% 14%, color-mix(in oklch, var(--home-paper) 10%, transparent), transparent 70%);mix-blend-mode:screen;animation:14s ease-in-out infinite alternate home-shimmer}.home-bokeh{--dot:color-mix(in oklch, var(--home-glow) 34%, transparent);background:radial-gradient(circle 5vmin at 12% 18%, var(--dot), transparent 70%), radial-gradient(circle 3vmin at 26% 82%, var(--dot), transparent 70%), radial-gradient(circle 7vmin at 88% 12%, var(--dot), transparent 70%), radial-gradient(circle 4vmin at 78% 88%, var(--dot), transparent 70%), radial-gradient(circle 2.5vmin at 6% 56%, var(--dot), transparent 70%), radial-gradient(circle 3.5vmin at 94% 46%, var(--dot), transparent 70%), radial-gradient(circle 2vmin at 40% 8%, var(--dot), transparent 70%), radial-gradient(circle 2.5vmin at 62% 94%, var(--dot), transparent 70%);filter:blur(2px);mix-blend-mode:screen;animation:22s ease-in-out infinite alternate home-float}.home-vignette{background:radial-gradient(60vmax 44vmax at 50% 50%, color-mix(in oklch, var(--home-deep) 72%, transparent), transparent 75%), linear-gradient(to bottom, color-mix(in oklch, var(--home-deep) 40%, transparent), transparent 30%, transparent 70%, color-mix(in oklch, var(--home-deep) 70%, transparent))}@keyframes home-drift{0%{transform:scale(1.02)translate(-1%,-.6%)}to{transform:scale(1.1)translate(1.2%,.8%)}}@keyframes home-shimmer{0%{opacity:.55;transform:translate(-2%,1%)}50%{opacity:1}to{opacity:.7;transform:translate(2%,-1.5%)}}@keyframes home-float{0%{opacity:.4;transform:translateY(1.5%)scale(1)}60%{opacity:.95}to{opacity:.6;transform:translate(-1%,-2%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.home-image,.home-dapple,.home-bokeh,.home-joined-dot{animation:none}}.home-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:min(100%,720px);margin-inline:auto;padding:64px 16px 32px;display:flex}.home-mark{font-family:var(--font-canopy-display);letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:8px;font-size:20px;font-weight:600;display:flex}.canopy-home h1{letter-spacing:-.015em;text-wrap:balance;text-shadow:0 2px 40px color-mix(in oklch, var(--home-deep) 80%, transparent);margin:0;font-family:Sentient,Georgia,serif;font-size:clamp(44px,9vw,96px);font-weight:300;line-height:1}.home-intro{max-width:34ch;color:color-mix(in oklch, var(--home-paper) 82%, transparent);text-wrap:balance;margin:0;font-size:clamp(17px,2.2vw,20px)}.home-signup{flex-direction:column;align-items:center;gap:12px;width:min(100%,460px);margin-top:12px;display:flex}.home-waitlist{border:1px solid color-mix(in oklch, var(--home-paper) 18%, transparent);background:color-mix(in oklch, var(--home-deep) 45%, transparent);width:100%;box-shadow:0 0 0 1px color-mix(in oklch, var(--home-deep) 30%, transparent), 0 24px 60px color-mix(in oklch, var(--home-deep) 50%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:999px;gap:6px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.home-waitlist:focus-within{border-color:color-mix(in oklch, var(--home-glow) 70%, transparent);box-shadow:0 0 0 4px color-mix(in oklch, var(--home-glow) 18%, transparent), 0 24px 60px color-mix(in oklch, var(--home-deep) 50%, transparent)}.home-waitlist input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;padding:12px 18px;font-size:16px}.home-waitlist input::placeholder{color:color-mix(in oklch, var(--home-paper) 50%, transparent)}.home-waitlist input:focus-visible{outline:none}.home-waitlist button{background:var(--home-glow);color:var(--home-deep);font:inherit;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;padding:12px 22px;font-size:16px;font-weight:600;transition:background .16s,transform .16s}.home-waitlist button:hover{background:color-mix(in oklch, var(--home-glow) 80%, var(--home-paper))}.home-waitlist button:active{transform:scale(.97)}.home-waitlist button:disabled{cursor:progress;opacity:.75}.home-trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.home-joined{border:1px solid color-mix(in oklch, var(--home-glow) 45%, transparent);background:color-mix(in oklch, var(--home-deep) 45%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:999px;align-items:center;gap:12px;margin:0;padding:16px 24px;font-size:17px;font-weight:500;display:flex}.home-joined-dot{background:var(--home-glow);width:10px;height:10px;box-shadow:0 0 16px var(--home-glow);border-radius:50%;animation:2.4s ease-in-out infinite home-pulse}@keyframes home-pulse{50%{opacity:.45;transform:scale(.8)}}.home-error{color:color-mix(in oklch, var(--canopy-danger) 55%, var(--home-paper));margin:0;font-size:15px}@media (orientation:portrait){.home-image{background-position:6%}.home-bokeh{--dot:color-mix(in oklch, var(--home-glow) 48%, transparent)}}@media (width<=479px){.home-waitlist{border-radius:24px;flex-direction:column}.home-waitlist input{text-align:center}}.home-footer{color:color-mix(in oklch, var(--home-paper) 55%, transparent);text-align:center;padding:24px 16px;font-size:14px}
