@layer theme,base;@layer components{html:has(.landing){scroll-padding-top:6rem}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.landing{--landing-green:#11b87f;--landing-green-soft:#11b87f59}.landing-text-muted{color:#f5f5f573}.landing-text-gradient{background:linear-gradient(#fff 20%,#ffffff8c 100%);color:#0000;background-clip:text}.landing-text-accent{background:linear-gradient(100deg,#6ee7b7 0%,#11b87f 45%,#34d399 70%,#a7f3d0 100%) 0 0/200% 100%;color:#0000;background-clip:text;animation:8s ease-in-out infinite landing-shine}.landing-serif{letter-spacing:-.02em;font-family:ui-serif,New York,Iowan Old Style,Palatino Linotype,Georgia,serif;font-weight:400}.landing-dot-bg{background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:22px 22px;mask-image:radial-gradient(60% 60%,#000 20%,#0000 70%)}.landing-glow{filter:blur(20px);background:radial-gradient(closest-side,#11b87f61,#11b87f00 100%)}.landing-card{background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff12}.landing-tile{background:linear-gradient(#252528 0%,#1d1d20 100%);box-shadow:inset 0 1px #ffffff0d,0 30px 60px -30px #000000b3}.landing-tile-featured{background:radial-gradient(120% 70% at 50% 0,#11b87f4d,#11b87f00 70%),linear-gradient(#252528 0%,#1d1d20 100%);box-shadow:inset 0 1px #6ee7b738,0 24px 48px -24px #11b87f73,0 30px 60px -30px #000000b3}.landing .landing-tile-hover{transition:opacity .9s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), transform .6s cubic-bezier(.16, 1, .3, 1), box-shadow .6s cubic-bezier(.16, 1, .3, 1)}.landing .landing-tile-hover:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff12,0 44px 80px -36px #000000e6}.landing-card-hover{transition:border-color .3s,transform .4s cubic-bezier(.16,1,.3,1),background-color .3s}.landing-card-hover:hover{border-color:#11b87f59;transform:translateY(-3px)}.landing-float{animation:6s ease-in-out infinite landing-float}.landing-marquee{animation:40s linear infinite landing-marquee}.landing-fade-up{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards landing-fade-up;animation-delay:var(--delay,0s)}.landing-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s cubic-bezier(.65,0,.35,1) .3s forwards landing-draw}.landing-tour-progress{animation:7s linear forwards landing-progress;transform:scaleX(0)}.landing-cycle{opacity:0;animation-name:landing-cycle;animation-timing-function:linear;animation-iteration-count:infinite}.landing-toast-in{animation:.55s cubic-bezier(.16,1,.3,1) landing-toast-in}.landing-ping{animation:1.8s cubic-bezier(0,0,.2,1) infinite landing-ping}.landing-tilt{transform-origin:50% 0}@supports (animation-timeline:view()){.landing-tilt{animation:linear both landing-untilt}.landing .landing-tilt{animation-timeline:view();animation-range:entry 10% cover 40%}}[data-revealed] .landing-meter{animation:1.6s cubic-bezier(.65,0,.35,1) .25s both landing-meter}.landing-bar{transform-origin:0}[data-revealed] .landing-bar{animation:1.2s cubic-bezier(.16,1,.3,1) both landing-grow;animation-delay:calc(var(--i,0) * 70ms + .25s)}[data-revealed] .landing-row{animation:.7s cubic-bezier(.16,1,.3,1) both landing-row-in;animation-delay:calc(var(--i,0) * 90ms + .2s)}.landing-phones{overflow:hidden;mask-image:linear-gradient(#000 58%,#0000 100%)}.landing-phone-left{translate:16% 2.5rem;rotate:-6deg}.landing-phone-right{translate:-16% 2.5rem;rotate:6deg}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.landing-phones{view-timeline-name:--landing-phones}.landing-phone-left{animation:linear both landing-fan-left}.landing-phone-right{animation:linear both landing-fan-right}.landing-phones .landing-phone-left,.landing-phones .landing-phone-right{animation-timeline:--landing-phones;animation-range:entry 10% entry 90%}}}[data-reveal]{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.reveal-ready [data-reveal]:not([data-revealed]){opacity:0;animation:.6s 2.5s forwards landing-reveal-fallback;transform:translateY(28px)}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.landing .landing-fade-up,.reveal-ready .landing [data-reveal]:not([data-revealed]){opacity:1;transform:none}.landing .landing-draw{stroke-dashoffset:0}.landing .landing-cycle:first-child{opacity:1}}.story-stage-sticky{padding-block:3rem 5rem;position:relative}.story-chaos{transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--r))}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.story-stage{view-timeline-name:--story;height:230vh}.story-stage-sticky{height:calc(100vh - 4rem);padding-block:0;position:sticky;top:4rem}.story-order{max-width:min(72rem,155vh - 13.95rem);animation:linear both story-emerge}.story-chaos{animation:linear both story-absorb}.story-stage .story-order{animation-timeline:--story;animation-range:contain 5% contain 65%}.story-stage .story-chaos{animation-timeline:--story;animation-range:contain contain 55%}}}}@layer utilities;@keyframes landing-shine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes landing-marquee{to{transform:translate(-50%)}}@keyframes landing-draw{to{stroke-dashoffset:0}}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes landing-ping{75%,to{opacity:0;transform:scale(2.2)}}@keyframes landing-reveal-fallback{to{opacity:1;transform:none}}@keyframes landing-untilt{0%{transform:perspective(1600px)rotateX(22deg)scale(.92)}to{transform:perspective(1600px)rotateX(0)scale(1)}}@keyframes landing-progress{to{transform:scaleX(1)}}@keyframes landing-cycle{0%{opacity:0}4%,25%{opacity:1}29%,to{opacity:0}}@keyframes landing-toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}}@keyframes landing-meter{0%{stroke-dasharray:0 100}}@keyframes landing-grow{0%{transform:scaleX(0)}}@keyframes landing-row-in{0%{opacity:0;transform:translateY(10px)}}@keyframes landing-fan-left{0%{translate:62% .5rem;rotate:0deg}}@keyframes landing-fan-right{0%{translate:-62% .5rem;rotate:0deg}}@keyframes story-absorb{0%{transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--r));opacity:1}65%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.35)}}@keyframes story-emerge{0%{opacity:.2;filter:blur(8px);transform:scale(.7)}to{opacity:1;filter:none;transform:none}}