/* The public introduction lives inside the existing welcome flow. */
.community-welcome .auth-main{width:100%;margin:0;padding:0;overflow-y:auto;background:#100c19;scroll-behavior:smooth}
.landing{max-width:1440px;margin:auto;padding:28px clamp(20px,5vw,80px);color:#f6f0ff}
.landing p{font-size:17px;line-height:1.95;color:#c3b7ce;margin:16px 0}
.landing h1,.landing h2,.landing h3{margin:0;line-height:1.35}
.landing h1{font-size:clamp(42px,5.5vw,78px);letter-spacing:-1px}.landing h1 em{color:var(--lime);font-style:normal;display:block}
.landing h2{font-size:clamp(29px,3.3vw,46px)}.landing h3{font-size:23px}
.landing-header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid #ffffff16}
.landing-header>img{width:115px;height:48px;object-fit:contain}.landing-header .landing-header-actions{display:flex;gap:14px;align-items:center;margin-inline-start:auto;flex-wrap:wrap}
.landing button{font-size:14px;min-height:44px}.landing-header .language-toggle{position:static;margin:0}.landing .btn{font-size:16px;min-height:52px;padding:12px 22px}.landing .landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.landing .landing-actions .btn:first-child{background:var(--lime);color:#15101f}
.landing-kicker{display:block;color:var(--lime);font-size:14px;margin-bottom:20px}
.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding:44px 0 64px}.landing-hero-copy{max-width:560px}.landing-hero-copy>p{max-width:490px}
.landing-portrait{position:relative;height:590px;max-height:70vh;border-radius:28px;overflow:hidden;background:#21162e}
.community-welcome .landing-portrait .welcome-backdrop{inset:0;border-radius:0;z-index:0}.community-welcome .landing-portrait .welcome-portrait span{top:auto;bottom:70px;inset-inline-start:28px;font-size:30px}.community-welcome .landing-portrait .welcome-portrait small{font-size:14px}.community-welcome .landing-portrait .welcome-shade{background:linear-gradient(180deg,transparent 45%,#100c19dd 100%)}
.landing-portrait-note{position:absolute;bottom:20px;inset-inline-start:28px;font-size:12px;color:#e2d8ea}
.landing-section{padding:68px 0;border-top:1px solid #ffffff16}.landing-section>p{max-width:700px}.landing-story{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.landing-step{position:relative;padding:25px;border:1px solid #a277ff40;border-radius:20px;background:#1e152b}.landing-step>span{font:500 14px Manrope,sans-serif;color:var(--lime)}.landing-step h3{margin-top:20px}.landing-step p{font-size:16px;margin-bottom:0}.landing-step .icon{width:26px;height:26px;color:#b58aff;float:inline-end}.landing-step:not(:last-child):after{content:'+';position:absolute;inset-inline-end:-17px;top:50%;z-index:1;color:var(--lime);background:#100c19;border-radius:50%;width:30px;text-align:center;font-size:23px}
.landing-example{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#baabca}.landing-example strong{color:var(--lime);font-size:16px}
.landing-audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.landing-audiences article{border-inline-start:2px solid #a277ff;padding-inline-start:24px}.landing-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.landing-tags span{padding:8px 14px;border:1px solid #ffffff20;border-radius:30px;font-size:14px}
.landing-values{display:grid;grid-template-columns:1fr 1fr;gap:50px}.landing-values blockquote{margin:0;padding:30px;border-radius:24px;background:#a277ff16;font-size:clamp(25px,3vw,38px);line-height:1.7;color:#dbc8ff}.landing-name{margin-top:26px;max-width:720px}.landing-name summary{cursor:pointer;font-size:17px;padding:14px 0;color:var(--lime)}
.landing-finale{padding:50px;border-radius:28px;background:#241633;margin-bottom:45px}.landing-finale .landing-demo{font-size:14px;max-width:750px}.landing-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff16;padding:22px 0}.landing-footer p{font-size:12px;margin:0}.landing :focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:750px){.landing{padding-inline:22px}.landing-header{gap:10px}.landing-header>img{width:88px}.landing-header-actions{gap:8px!important}.landing-hero{grid-template-columns:1fr;padding-top:32px;gap:32px}.landing-portrait{height:390px;max-height:none}.landing-section{padding:44px 0}.landing-story,.landing-audiences,.landing-values{grid-template-columns:1fr;gap:20px}.landing-step:not(:last-child):after{inset-inline-end:calc(50% - 15px);top:auto;bottom:-25px}.landing-finale{padding:26px}.landing h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.community-welcome .auth-main{scroll-behavior:auto}}

/* A scroll-led collaboration story, followed by a moving community gallery. */
.landing.scroll-enhanced:before{content:'';position:fixed;inset:0 0 auto;height:3px;background:var(--lime);transform:scaleX(var(--read-progress,0));transform-origin:right;z-index:50;pointer-events:none}
html[dir=ltr] .landing.scroll-enhanced:before{transform-origin:left}
.landing-story-scene{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:start;margin-top:40px}
.landing-story-visual{position:sticky;top:28px;height:min(66vh,620px);border-radius:28px;overflow:hidden;background:#241633}
.landing-story-photo{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.landing-story-photo.is-current{opacity:1;transform:scale(1)}
.landing-story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.landing-story-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#100c19e8)}
.landing-story-photo figcaption{position:absolute;bottom:65px;inset-inline:28px;display:grid;gap:5px;z-index:1}.landing-story-photo figcaption b{font-size:32px}.landing-story-photo figcaption span{font-size:16px;color:#e3d5f2}
.landing-story-label{position:absolute;bottom:26px;inset-inline-start:28px;font:12px Manrope,sans-serif;letter-spacing:2px;color:var(--lime);z-index:2}
.landing-story-scene .landing-story{display:block;margin:0}.landing-story-scene .landing-step{min-height:42vh;display:flex;flex-direction:column;justify-content:center;margin-bottom:22px;padding:32px;transition:background .6s,border-color .6s,transform .6s}.landing-story-scene .landing-step:last-child{margin-bottom:0}
.landing-story-scene .landing-step:after{display:none}.landing-story-scene .landing-step .icon{margin-top:20px;width:32px;height:32px}.landing-story-scene .landing-step>span{font-size:24px}.landing-story-scene .landing-step.is-current{background:#342044;border-color:#b5ff7260;transform:translateY(-4px)}
.landing-audiences article{padding-inline-start:0;border:0}.landing-audience-photo{height:330px;position:relative;overflow:hidden;border-radius:100px 24px 24px 24px;margin-bottom:24px;background:#21172e}.landing-audiences article:nth-child(2) .landing-audience-photo{border-radius:24px 24px 100px 24px}.landing-audience-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.12)}.landing-audience-photo span{position:absolute;bottom:20px;inset-inline-start:20px;background:#100c19bb;border:1px solid #ffffff30;border-radius:30px;padding:7px 14px;font:14px Manrope,sans-serif}
.landing.scroll-enhanced .landing-section>h2,.landing.scroll-enhanced .landing-section>p,.landing.scroll-enhanced .landing-audiences article,.landing.scroll-enhanced .landing-values,.landing.scroll-enhanced .landing-name,.landing.scroll-enhanced .landing-finale{opacity:.08;transform:translateY(42px);transition:opacity .85s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.landing.scroll-enhanced .is-revealed{opacity:1!important;transform:translateY(0)!important}.landing.scroll-enhanced .landing-audiences article:nth-child(2){transition-delay:.1s}.landing.scroll-enhanced .landing-audiences article:nth-child(3){transition-delay:.2s}
.landing:focus-within .landing-finale:focus-within,.landing:focus-within .landing-name:focus-within{opacity:1!important;transform:none!important}
@media(max-width:750px){.landing-story-scene{grid-template-columns:1fr;gap:20px}.landing-story-visual{height:36vh;min-height:210px;top:0;z-index:3;box-shadow:0 18px 25px #100c1980}.landing-story-scene .landing-step{min-height:40vh;padding:25px}.landing-story-photo figcaption{bottom:46px}.landing-story-photo figcaption b{font-size:25px}.landing-story-label{bottom:16px}.landing-audience-photo{height:380px}.landing-audiences{gap:38px}}
@media(prefers-reduced-motion:reduce){.landing-story-visual{position:relative}.landing-story-photo,.landing-story-scene .landing-step{transition:none;transform:none}.landing-story-scene .landing-step{min-height:0}.landing-audience-photo img{transform:none}.landing-story-scene{align-items:start}}
