.landing-page{min-height:100vh;color:var(--text);background:#080809;overflow-x:hidden}html.landing-smooth{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html.landing-smooth{scroll-behavior:auto}}.landing-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -12%,#14151a 0%,#080809 58%),#080809;position:fixed;inset:0;overflow:hidden}.landing-bg-wash{background:radial-gradient(55% 45% at 22% 18%,#8ca0be14,#0000 70%),radial-gradient(48% 38% at 78% 10%,#f4f1ec0a,#0000 68%);height:70%;position:absolute;inset:-20% -10% auto}.landing-bg-grid{opacity:.45;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 28%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 28%,#000 10%,#0000 75%)}.landing-bg-grain{opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.landing-container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}@media (min-width:768px){.landing-container{padding-inline:2rem}}.landing-nav-wrap{z-index:50;pointer-events:none;padding:1rem 1rem 0;position:fixed;top:0;left:0;right:0}@media (min-width:768px){.landing-nav-wrap{padding-inline:2rem}}.landing-nav{pointer-events:auto;-webkit-backdrop-filter:blur();backdrop-filter:blur();max-width:72rem;box-shadow:none;background:#0c0c0e47;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding:.7rem 1rem;transition:background .55s,-webkit-backdrop-filter .55s,backdrop-filter .55s,box-shadow .55s;display:flex}.landing-nav-wrap.is-scrolled .landing-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e0e10b8;box-shadow:0 8px 28px #00000038}.landing-nav-brand{letter-spacing:-.02em;min-width:0;color:var(--text);align-items:center;gap:.65rem;font-size:1.0625rem;font-weight:600;line-height:1;display:inline-flex}.landing-nav-mark{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.landing-nav-logo{width:32px;height:32px;display:block}.landing-nav-links{letter-spacing:-.01em;color:#f5f5f7c7;align-items:center;gap:1.85rem;font-size:.98rem;font-weight:500;display:none}@media (min-width:900px){.landing-nav-links{display:flex}}.landing-nav-links a{transition:color .18s}.landing-nav-links a:hover{color:var(--text)}.landing-nav-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.landing-btn{border-radius:999px;justify-content:center;align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s,box-shadow .2s,background .2s;display:inline-flex}.landing-btn:active{transform:scale(.98)}.landing-btn-lg{padding:.9rem 1.35rem;font-size:.9375rem}.landing-btn-primary{color:#0b0b0d;box-shadow:none;background:#f4f1ec;padding:.65rem 1.1rem}.landing-btn-primary.landing-btn-lg{padding:.9rem 1.4rem}.landing-btn-primary:hover{opacity:1;box-shadow:none;background:#fff}.landing-cta-btn{color:#0b0b0d;box-shadow:none;background:#f4f1ec;border:none;gap:.55rem;transition:background .25s,transform .25s,gap .3s cubic-bezier(.22,1,.36,1)}.landing-cta-btn-label{transition:transform .3s cubic-bezier(.22,1,.36,1)}.landing-cta-btn-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.landing-cta-btn:hover{opacity:1;background:#fff;gap:.85rem;transform:translateY(-1px)}.landing-cta-btn:hover .landing-cta-btn-arrow{transform:translate(2px)}.landing-cta-btn:active{background:#ece8e1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.landing-cta-btn,.landing-cta-btn-label,.landing-cta-btn-arrow{transition:none}.landing-cta-btn:hover{gap:.55rem;transform:none}.landing-cta-btn:hover .landing-cta-btn-arrow{transform:none}}.landing-btn-secondary{color:var(--text-muted);background:0 0;padding:.65rem 1.1rem}.landing-btn-secondary.landing-btn-lg{padding:.85rem 1.25rem}.landing-btn-secondary:hover{color:var(--text-secondary);background:#ffffff0d}.landing-btn-ghost{color:var(--text-secondary);background:0 0;padding:.5rem .75rem}.landing-btn-ghost:hover{color:var(--text)}.landing-btn-ghost--desktop{display:none}@media (min-width:640px){.landing-btn-ghost--desktop{display:inline-flex}}.landing-hero{z-index:1;box-sizing:border-box;align-items:center;min-height:100svh;padding:5.5rem 0 3.5rem;display:flex;position:relative}@media (min-width:1024px){.landing-hero{padding:7rem 0 4rem}}.landing-hero-grid{align-items:center;gap:2.5rem;display:grid}@media (min-width:1024px){.landing-hero-grid{grid-template-columns:1fr 1.05fr;gap:3rem}}.landing-hero-brand{letter-spacing:-.05em;color:#f7f7f8;margin:0 0 1rem;font-size:clamp(2.75rem,7vw,4.5rem);font-weight:700;line-height:.95}.landing-hero-title{letter-spacing:-.03em;text-wrap:balance;background:linear-gradient(165deg,#f3eeff 0%,#c9b6f5 28%,#9b7ae8 58%,#7c5fd4 100%) 0 0/140% 140%;color:#0000;-webkit-background-clip:text;background-clip:text;max-width:17ch;margin:0;font-size:clamp(2rem,4.5vw,3.05rem);font-weight:700;line-height:1.12;animation:8s ease-in-out infinite alternate landing-hero-title-sheen}.landing-hero-title-line{display:block}@keyframes landing-hero-title-sheen{0%{background-position:0 40%}to{background-position:100% 60%}}.landing-hero-desc{color:#f5f5f7b8;max-width:30rem;margin-top:1.25rem;font-size:1.125rem;font-weight:500;line-height:1.55}.landing-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.landing-hero-art{width:100%;max-width:24rem;margin-inline:auto;position:relative}.landing-hero-art-stage{background:#101012;border-radius:18px;min-height:22.5rem;padding:1.1rem 1.05rem 1.15rem;position:relative;overflow:hidden;box-shadow:0 20px 48px #0000006b}.landing-hero-scene{z-index:1;flex-direction:column;gap:.9rem;min-height:18.5rem;display:flex;position:relative}.landing-hero-scene--center{text-align:center;justify-content:center;align-items:center;padding-top:1.25rem}.landing-hero-scene-head{align-items:center;gap:.7rem;display:flex}.landing-hero-avatar{color:#f5f5f7bf;background:#1c1c20;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.8rem;font-weight:600;display:inline-flex}.landing-hero-logo{border-radius:10px;flex-shrink:0;width:2.25rem;height:2.25rem;display:block}.landing-hero-logo--lg{border-radius:12px;width:3rem;height:3rem;margin-bottom:.35rem}.landing-hero-scene-title{color:#f5f5f7eb;margin:0;font-size:.9375rem;font-weight:600}.landing-hero-scene-sub{color:#f5f5f76b;margin:.12rem 0 0;font-size:.75rem}.landing-hero-scene-sub--online{color:#7ddea8}.landing-hero-scene-sub--open{color:#f5f5f76b}.landing-hero-scene-body{flex-direction:column;flex:1;gap:.5rem;display:flex}.landing-hero-bubble{background:#ffffff0b;border-radius:14px;max-width:88%;padding:.65rem .8rem}.landing-hero-bubble.is-mine{background:#ffffff14;align-self:flex-end}.landing-hero-bubble-who{color:#f5f5f761;margin-bottom:.18rem;font-size:.6875rem;font-weight:600;display:block}.landing-hero-bubble p{color:#f5f5f7e0;margin:0;font-size:.875rem;line-height:1.4}.landing-hero-typing{background:#ffffff0b;border-radius:14px;align-items:center;gap:.26rem;width:fit-content;padding:.65rem .85rem;display:inline-flex}.landing-hero-typing i{background:#f5f5f766;border-radius:999px;width:.3rem;height:.3rem;animation:1.15s ease-in-out infinite landing-hero-typing}.landing-hero-typing i:nth-child(2){animation-delay:.14s}.landing-hero-typing i:nth-child(3){animation-delay:.28s}.landing-hero-card{background:#ffffff0b;border-radius:14px;padding:1rem}.landing-hero-card-kicker{letter-spacing:.04em;text-transform:uppercase;color:#f5f5f766;margin:0 0 .4rem;font-size:.7rem;font-weight:650}.landing-hero-card-title{letter-spacing:-.02em;color:#f5f5f7eb;margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.landing-hero-card-foot{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.landing-hero-card-pay{letter-spacing:-.03em;color:#7ddea8;font-size:1.15rem;font-weight:600}.landing-hero-card-cta{color:#f5f5f7eb;background:#ffffff1f;border-radius:999px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.landing-hero-note{color:#f5f5f773;margin:.85rem 0 0;font-size:.8125rem;line-height:1.4}.landing-hero-pay-label{color:#f5f5f773;margin:.35rem 0 0;font-size:.8125rem;font-weight:500}.landing-hero-pay-value{letter-spacing:-.04em;color:#7ddea8;margin:.45rem 0 0;font-size:2.35rem;font-weight:700}.landing-hero-pay-strip{transform-origin:50%;background:#7ddea8;border-radius:999px;width:55%;height:4px;margin-top:1rem}.landing-hero-scene--finale{text-align:center;justify-content:center;align-items:center;gap:0}.landing-hero-finale-title{letter-spacing:-.03em;color:#f5f5f7f0;margin:.35rem 0 0;font-size:1.4rem;font-weight:650}.landing-hero-finale-sub{color:#f5f5f766;margin:.2rem 0 0;font-size:.8125rem}.landing-hero-finale-pay{letter-spacing:-.04em;color:#7ddea8;margin:1rem 0 0;font-size:1.75rem;font-weight:700}.landing-hero-art-progress{z-index:1;justify-content:center;gap:.35rem;margin-top:.95rem;display:flex;position:relative}.landing-hero-art-pip{background:#ffffff24;border-radius:999px;width:.35rem;height:.35rem;transition:width .3s,background .3s}.landing-hero-art-pip.is-active{background:#f5f5f78c;width:1.1rem}.landing-hero-art-pip--pay.is-active{background:#7ddea8}@keyframes landing-hero-typing{0%,80%,to{opacity:.3}40%{opacity:.9}}@media (prefers-reduced-motion:reduce){.landing-hero-typing i{animation:none}.landing-hero-title{background-position:50%;animation:none}}.landing-marquee{z-index:1;max-width:42rem;margin-inline:auto;position:relative;overflow:hidden}.landing-marquee-viewport{overflow:hidden}.landing-marquee-rail{width:max-content;animation:32s linear infinite landing-marquee-scroll;display:flex}.landing-marquee-track{align-items:center;gap:2rem;margin:0;padding:0 1rem;list-style:none;display:flex}.landing-marquee-item{white-space:nowrap;color:#f5f5f7b8;letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:.9375rem;font-weight:600;display:inline-flex}.landing-marquee-item svg{color:#b9a6e0cc;flex-shrink:0;width:1.5rem;height:1.5rem}.landing-marquee-fade{z-index:2;pointer-events:none;width:2.75rem;position:absolute;top:0;bottom:0}.landing-marquee-fade--left{background:linear-gradient(90deg,#080809,#0000);left:0}.landing-marquee-fade--right{background:linear-gradient(270deg,#080809,#0000);right:0}@keyframes landing-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.landing-marquee-rail{animation:none}}.landing-sections{z-index:1;flex-direction:column;gap:5rem;padding-top:4rem;padding-bottom:4rem;display:flex;position:relative}@media (min-width:768px){.landing-sections{gap:6.5rem;padding-top:5rem;padding-bottom:5rem}}.landing-section{scroll-margin-top:6rem}.landing-section-head{max-width:40rem;margin-bottom:2rem}.landing-section-head--row{flex-direction:column;gap:1rem;max-width:none;display:flex}@media (min-width:768px){.landing-section-head--row{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:2rem}}.landing-h2{letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.15}.landing-h3{letter-spacing:-.02em;font-size:1.125rem;font-weight:600;line-height:1.35}.landing-lead{max-width:36rem;color:var(--text-muted);margin-top:.75rem;font-size:1rem;line-height:1.65}.landing-copy{color:var(--text-muted);font-size:.9375rem;line-height:1.65}.landing-highlight-grid{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.landing-highlight-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.landing-highlight-card{background:#141416;border-radius:20px;padding:1.4rem 1.35rem}.landing-icon-wrap{color:#d2c4f5f2;background:#b9a6e01f;border-radius:14px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:inline-flex}.landing-highlight-card .landing-h3{margin:0}.landing-highlight-card .landing-copy{margin-top:.5rem}.landing-earn{background:#141416;border-radius:22px;gap:2rem;padding:1.85rem 1.5rem;display:grid}@media (min-width:768px){.landing-earn{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:2rem;padding:2.35rem 2.25rem}.landing-earn-flow{text-align:left;justify-self:end;width:fit-content;max-width:100%;margin-left:auto;margin-right:0}}.landing-earn-copy .landing-h2{max-width:11ch;font-size:clamp(2rem,4.2vw,2.75rem)}.landing-earn-copy .landing-lead{max-width:28rem;margin-top:1rem;font-size:1.0625rem}.landing-earn-flow{flex-direction:column;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.landing-earn-flow li{align-items:center;gap:1rem;min-height:3.75rem;padding-bottom:1.35rem;display:flex;position:relative}.landing-earn-flow li:last-child{min-height:3rem;padding-bottom:0}.landing-earn-flow-icon{flex-shrink:0;margin-bottom:0}.landing-earn-flow li.is-pay .landing-earn-flow-icon{color:#7ddea8;background:#7ddea81f}.landing-earn-flow strong{letter-spacing:-.03em;color:#f5f5f7eb;font-size:1.25rem;font-weight:650}.landing-earn-flow li.is-pay strong{color:#7ddea8;font-size:1.45rem}.landing-earn-flow-line{transform-origin:top;background:#ffffff1a;width:2px;height:calc(100% - 3.05rem);display:block;position:absolute;top:3.05rem;left:1.45rem}.landing-features-grid{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.landing-feature-item{background:#141416;border-radius:20px;padding:1.4rem 1.35rem}.landing-feature-item .landing-h3{margin:0}.landing-feature-item .landing-copy{margin-top:.45rem}.landing-steps{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.landing-steps{grid-template-columns:repeat(3,1fr);gap:1.15rem}}.landing-step-card{background:#141416;border-radius:20px;padding:1.65rem 1.5rem}.landing-step-card .landing-h3{margin:0;font-size:1.2rem}.landing-step-card .landing-copy{margin-top:.65rem;font-size:.98rem}.landing-cta{background:#141416;border-radius:22px;flex-direction:column;align-items:flex-start;gap:1.35rem;padding:1.85rem 1.5rem;display:flex}@media (min-width:768px){.landing-cta{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:2.15rem 2.25rem}}.landing-cta-copy{flex:1;min-width:0}.landing-cta-title{letter-spacing:-.035em;color:#f4f1ec;max-width:18ch;margin:0;font-size:clamp(1.55rem,3.2vw,2.15rem);font-weight:700;line-height:1.15}.landing-cta-title-soft{color:#f5f5f76b}.landing-cta-desc{max-width:32rem;color:var(--text-muted);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.landing-cta-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.landing-footer{z-index:1;margin-top:2rem;padding-bottom:2rem;position:relative}.landing-footer-card{background:#141416;border-radius:28px;padding:2rem 1.5rem}@media (min-width:768px){.landing-footer-card{padding:2.5rem}}.landing-footer-grid{gap:2rem;display:grid}@media (min-width:768px){.landing-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:1.5rem}}.landing-footer-brand{flex-direction:column;align-items:flex-start;gap:0;display:flex}.landing-footer-logo{color:var(--text);align-items:center;gap:.6rem;font-size:1.0625rem;font-weight:600;display:inline-flex}.landing-footer-brand .landing-copy{max-width:18rem;margin-top:1rem}.landing-footer-brand .landing-btn{margin-top:1.25rem}.landing-footer-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:.6875rem;font-weight:600}.landing-footer-links{flex-direction:column;gap:.65rem;margin-top:1rem;padding:0;font-size:.875rem;list-style:none;display:flex}.landing-footer-links a{color:var(--text-muted);transition:color .18s}.landing-footer-links a:hover{color:var(--text)}.landing-footer-external{align-items:center;gap:.25rem;display:inline-flex}.landing-footer-muted{color:var(--text-faint)}.landing-footer-tags{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.landing-footer-bottom{color:var(--text-faint);flex-direction:column;gap:.5rem;margin-top:1.5rem;padding:0 .25rem;font-size:.8125rem;display:flex}@media (min-width:640px){.landing-footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.landing-footer-bottom a{color:var(--text-secondary);transition:color .18s}.landing-footer-bottom a:hover{color:#c4b8ff}.landing-preload{opacity:1;background:#0a0a0b;justify-content:center;align-items:center;min-height:100dvh;transition:opacity .48s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.landing-preload.is-leaving{opacity:0;pointer-events:none}.landing-preload-inner{flex-direction:column;align-items:center;gap:1.15rem;display:flex}.landing-preload-mark{justify-content:center;align-items:center;width:4.5rem;height:4.5rem;display:flex;position:relative}.landing-preload-ring{-webkit-mask-composite:xor;background:conic-gradient(from 210deg,#0000 0deg,#c8d2e6bf 70deg,#0000 140deg);border-radius:22px;padding:2px;animation:1.55s linear infinite landing-preload-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-preload-logo{z-index:1;border-radius:16px;width:3.35rem;height:3.35rem;animation:2.2s ease-in-out infinite landing-preload-breathe;position:relative}.landing-preload-label{letter-spacing:.08em;text-transform:uppercase;color:#f5f5f76b;margin:0;font-size:.8125rem;font-weight:500}@keyframes landing-preload-spin{to{transform:rotate(360deg)}}@keyframes landing-preload-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.landing-preload-ring,.landing-preload-logo{animation:none}}
