.landing-root :root{--scroll:0}.landing-root *{box-sizing:border-box;margin:0;padding:0}.landing-root{font-family:var(--font-inter), "Inter", system-ui, sans-serif;-webkit-font-smoothing:antialiased;color:#0a0a0a;--scroll:0;background:linear-gradient(#fafafa 0% 30%,#1a1a2e 60%,#050510 100%);overflow-x:hidden}.landing-root .mono{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace}.landing-root .handwriting{font-family:var(--font-caveat), "Caveat", cursive}.landing-root .topnav{z-index:100;mix-blend-mode:difference;color:#fff;pointer-events:none;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:fixed;top:0;left:0;right:0}.landing-root .topnav a{pointer-events:auto}.landing-root .progress-rail{z-index:50;background:#00000014;width:2px;height:50vh;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.landing-root .progress-rail:before{content:"";height:calc(var(--scroll) * 100%);background:linear-gradient(#0f7a4f 0%,#a78bfa 100%);transition:height 80ms linear;position:absolute;top:0;left:0;right:0}.landing-root .progress-labels{z-index:50;font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;letter-spacing:.2em;text-transform:uppercase;flex-direction:column;gap:24px;font-size:9px;display:flex;position:fixed;top:50%;right:50px;transform:translateY(-50%)}.landing-root .progress-labels span{opacity:.4;transition:color .4s,opacity .4s}.landing-root .progress-labels span.active{opacity:1}.landing-root .progress-labels span:first-child{color:#0a0a0a}.landing-root .progress-labels span:nth-child(2){color:#0f7a4f}.landing-root .progress-labels span:nth-child(3){color:#a78bfa}.landing-root .progress-labels span:nth-child(4){color:#22d3ee}@media (max-width:768px){.landing-root .progress-rail,.landing-root .progress-labels{display:none}}.landing-root .scene{align-items:center;min-height:100vh;padding:0 32px;display:flex;position:relative}.landing-root .scene-intro{min-height:100vh;padding:32px}.landing-root .scene-intro .inner{flex-direction:column;justify-content:center;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;display:flex}.landing-root .badge{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;letter-spacing:.25em;text-transform:uppercase;color:#0009;align-items:center;gap:8px;margin-bottom:32px;font-size:10px;display:inline-flex}.landing-root .badge-dot{background:#0f7a4f;border-radius:999px;width:6px;height:6px;position:relative}.landing-root .badge-dot:after{content:"";opacity:.4;background:#0f7a4f;border-radius:999px;animation:2s ease-out infinite dlm-pulse;position:absolute;inset:-3px}@keyframes dlm-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(3)}}.landing-root .h-mega{letter-spacing:-.04em;color:#0a0a0a;font-size:clamp(48px,11vw,160px);font-weight:900;line-height:.9}.landing-root .word-reveal{vertical-align:baseline;display:inline-flex;overflow:hidden}.landing-root .word-reveal .char{opacity:0;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .6s;display:inline-block;transform:translateY(110%)}.landing-root .word-reveal.in .char{opacity:1;transform:translateY(0)}.landing-root .word-reveal.in .char:first-child{transition-delay:0s}.landing-root .word-reveal.in .char:nth-child(2){transition-delay:30ms}.landing-root .word-reveal.in .char:nth-child(3){transition-delay:60ms}.landing-root .word-reveal.in .char:nth-child(4){transition-delay:90ms}.landing-root .word-reveal.in .char:nth-child(5){transition-delay:.12s}.landing-root .word-reveal.in .char:nth-child(6){transition-delay:.15s}.landing-root .word-reveal.in .char:nth-child(7){transition-delay:.18s}.landing-root .word-reveal.in .char:nth-child(8){transition-delay:.21s}.landing-root .word-reveal.in .char:nth-child(9){transition-delay:.24s}.landing-root .word-reveal.in .char:nth-child(10){transition-delay:.27s}.landing-root .word-reveal.in .char:nth-child(11){transition-delay:.3s}.landing-root .word-reveal.in .char:nth-child(12){transition-delay:.33s}.landing-root .word-reveal.in .char:nth-child(13){transition-delay:.36s}.landing-root .word-reveal.in .char:nth-child(14){transition-delay:.39s}.landing-root .word-reveal.in .char:nth-child(15){transition-delay:.42s}@keyframes dlm-stamp{0%{opacity:0;filter:blur(8px);transform:scale(1.4)rotate(-6deg)}60%{opacity:1;filter:blur();transform:scale(.96)rotate(.5deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}.landing-root .stamp{opacity:0;display:inline-block}.landing-root .stamp.in{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards dlm-stamp}.landing-root .word-flip{vertical-align:baseline;text-align:left;min-width:6ch;display:inline-block;position:relative}.landing-root .word-flip span{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1);display:inline-block;position:absolute;top:0;left:0;transform:translateY(20px)}.landing-root .word-flip span.active{opacity:1;position:relative;transform:translateY(0)}.landing-root .grad-emerald{background:linear-gradient(135deg,#0f7a4f 0%,#34d399 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-root .grad-violet{background:linear-gradient(135deg,#a78bfa 0%,#22d3ee 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-root .scene-supplies{--scroll:0;background:#fafafa;min-height:280vh;position:relative}.landing-root .scene-supplies-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1400px;height:100vh;margin:0 auto;padding:0 32px;display:grid;position:sticky;top:0}@media (max-width:1024px){.landing-root .scene-supplies-inner{grid-template-columns:1fr;gap:32px}}.landing-root .art-stage{aspect-ratio:1;width:100%;max-width:640px;margin:0 auto;position:relative}.landing-root .pack-layer{will-change:transform, opacity;transition:transform 80ms linear,opacity 80ms linear;position:absolute;inset:0}.landing-root .pack-base{transform:translate3d(0, calc(var(--scroll) * -25px), 0) rotate(calc(var(--scroll) * 1.5deg));opacity:clamp(.12, calc(1.35 - var(--scroll) * 1.45), 1)}.landing-root .pack-tag{transform:translate3d(calc(var(--scroll) * 8px), calc(var(--scroll) * -45px), 0) rotate(calc(var(--scroll) * 8deg));opacity:clamp(.15, calc(1.4 - var(--scroll) * 1.5), 1)}.landing-root .pack-ribbon{transform:translate3d(0, calc(var(--scroll) * -35px), 0);opacity:clamp(.18, calc(1.45 - var(--scroll) * 1.55), 1)}.landing-root .pack-item-1{transform:translate3d(calc(var(--scroll) * -10px), calc(var(--scroll) * -55px), 0) rotate(calc(var(--scroll) * 4deg))}.landing-root .pack-item-2{transform:translate3d(calc(var(--scroll) * 12px), calc(var(--scroll) * -80px), 0) rotate(calc(var(--scroll) * -7deg))}.landing-root .pack-item-3{transform:translate3d(calc(var(--scroll) * -18px), calc(var(--scroll) * -105px), 0) rotate(calc(var(--scroll) * 10deg))}.landing-root .pack-item-4{transform:translate3d(calc(var(--scroll) * 22px), calc(var(--scroll) * -130px), 0) rotate(calc(var(--scroll) * -13deg))}.landing-root .pack-item-5{transform:translate3d(calc(var(--scroll) * -26px), calc(var(--scroll) * -160px), 0) rotate(calc(var(--scroll) * 16deg))}.landing-root .pack-item-6{transform:translate3d(calc(var(--scroll) * 32px), calc(var(--scroll) * -190px), 0) rotate(calc(var(--scroll) * -19deg))}.landing-root .pack-item-7{transform:translate3d(calc(var(--scroll) * -36px), calc(var(--scroll) * -220px), 0) rotate(calc(var(--scroll) * 22deg))}.landing-root .pack-item-8{transform:translate3d(calc(var(--scroll) * 42px), calc(var(--scroll) * -255px), 0) rotate(calc(var(--scroll) * -25deg))}.landing-root .pack-item-9{transform:translate3d(calc(var(--scroll) * -45px), calc(var(--scroll) * -290px), 0) rotate(calc(var(--scroll) * 28deg))}.landing-root .pack-item-10{transform:translate3d(calc(var(--scroll) * 52px), calc(var(--scroll) * -330px), 0) rotate(calc(var(--scroll) * -32deg))}.landing-root .pack-tissue-1{transform:translate3d(calc(var(--scroll) * 14px), calc(var(--scroll) * -80px), 0) rotate(calc(var(--scroll) * 45deg));opacity:clamp(0, calc(1.3 - var(--scroll) * 2), 1)}.landing-root .pack-tissue-2{transform:translate3d(calc(var(--scroll) * -20px), calc(var(--scroll) * -115px), 0) rotate(calc(var(--scroll) * -60deg));opacity:clamp(0, calc(1.25 - var(--scroll) * 1.9), 1)}.landing-root .pack-tissue-3{transform:translate3d(calc(var(--scroll) * 28px), calc(var(--scroll) * -145px), 0) rotate(calc(var(--scroll) * 80deg));opacity:clamp(0, calc(1.2 - var(--scroll) * 1.8), 1)}.landing-root .pack-tissue-4{transform:translate3d(calc(var(--scroll) * -32px), calc(var(--scroll) * -175px), 0) rotate(calc(var(--scroll) * -90deg));opacity:clamp(0, calc(1.15 - var(--scroll) * 1.7), 1)}.landing-root .supplies-copy{flex-direction:column;display:flex}.landing-root .supplies-heading{letter-spacing:-.03em;color:#0a0a0a;margin-bottom:24px;font-size:clamp(40px,7vw,96px);font-weight:900;line-height:.95}.landing-root .keyword-stack{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;letter-spacing:.15em;text-transform:uppercase;color:#0009;flex-wrap:wrap;gap:12px 18px;margin:32px 0;font-size:13px;display:flex}.landing-root .keyword-stack span{border:1px solid #00000026;border-radius:999px;padding:6px 12px}.landing-root .scene-transition{text-align:center;background:linear-gradient(#fafafa 0%,#1a1a2e 100%);justify-content:center;align-items:center;min-height:60vh;padding:64px 32px;display:flex;position:relative}.landing-root .transition-text{letter-spacing:-.03em;font-size:clamp(40px,8vw,120px);font-weight:900;line-height:.95}.landing-root .scene-toolkits{color:#fff;background:radial-gradient(60% 60% at 20% 30%,#6366f140,#0000 60%),radial-gradient(50% 50% at 80% 70%,#8b5cf638,#0000 65%),#050510;min-height:280vh;position:relative}.landing-root .scene-toolkits-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1400px;height:100vh;margin:0 auto;padding:0 32px;display:grid;position:sticky;top:0}@media (max-width:1024px){.landing-root .scene-toolkits-inner{grid-template-columns:1fr;gap:32px}}.landing-root .toolkits-copy{flex-direction:column;order:2;display:flex}@media (max-width:1024px){.landing-root .toolkits-copy{order:1}}.landing-root .toolkits-heading{letter-spacing:-.03em;color:#fff;margin-bottom:24px;font-size:clamp(40px,7vw,96px);font-weight:900;line-height:.95}.landing-root .wb-stage{aspect-ratio:1;order:1;width:100%;max-width:640px;margin:0 auto;position:relative}@media (max-width:1024px){.landing-root .wb-stage{order:2}}.landing-root .postit,.landing-root .pin,.landing-root .arrow,.landing-root .wb-decor{transform-origin:50%;transform-box:fill-box;transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .5s}.landing-root .postit.hidden,.landing-root .pin.hidden,.landing-root .arrow.hidden,.landing-root .wb-decor.hidden{opacity:0;transform:translateY(-30px)scale(.6)rotate(-8deg)}.landing-root .glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:32px;padding:24px}.landing-root .scene-choice{color:#fff;background:#050510;flex-direction:column;justify-content:center;min-height:100vh;padding:80px 32px;display:flex;position:relative;overflow:hidden}.landing-root .scene-choice:before{content:"";filter:blur(40px);background:radial-gradient(70% 60% at 30%,#0f7a4f2e,#0000 60%),radial-gradient(60% 60% at 70%,#a78bfa38,#0000 60%);position:absolute;inset:0}.landing-root .choice-inner{z-index:1;width:100%;max-width:1280px;margin:0 auto;position:relative}.landing-root .choice-cards{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}@media (max-width:768px){.landing-root .choice-cards{grid-template-columns:1fr}}.landing-root .choice-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:24px;padding:48px 40px;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;display:block;position:relative;overflow:hidden}.landing-root .choice-card:hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 30px 80px #0006}.landing-root .choice-card-supplies:after{content:"";pointer-events:none;background:radial-gradient(at 80% 0,#34d39933,#0000 70%);position:absolute;inset:0}.landing-root .choice-card-toolkits:after{content:"";pointer-events:none;background:radial-gradient(at 80% 0,#a78bfa40,#0000 70%);position:absolute;inset:0}.landing-root .choice-card-mega:after{content:"";pointer-events:none;background:radial-gradient(at 80% 0,#fbbf2447,#f472b62e 40%,#0000 75%);position:absolute;inset:0}.landing-root .grad-mega{background:linear-gradient(135deg,#fbbf24 0%,#f472b6 50%,#a78bfa 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-root .choice-card-inner{z-index:1;position:relative}.landing-root .scroll-hint{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;letter-spacing:.3em;text-transform:uppercase;mix-blend-mode:difference;color:#fff;font-size:10px;animation:2s ease-in-out infinite dlm-bounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes dlm-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.landing-root footer{color:#ffffff80;font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;letter-spacing:.15em;text-transform:uppercase;text-align:center;background:#050510;border-top:1px solid #ffffff14;padding:32px;font-size:11px}@media (prefers-reduced-motion:reduce){.landing-root .pack-layer{transform:none!important}}.featured-card:hover{background:#34d3990d!important;border-color:#34d39999!important}
