.landing-root{--hair:#1111111f;--ease-move:cubic-bezier(.65, 0, .35, 1);--faded:var(--color-ink-2);font-family:var(--font-body), system-ui, sans-serif;background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:18px;line-height:1.55;position:relative;overflow-x:hidden}.landing-hero__title,.landing-hero__tag,.landing-panel__head h2,.landing-depth__copy h2,.landing-builder h2,.landing-uml,.landing-sentence,.landing-slot__word,.landing-gcard__de,.landing-teaser strong{font-family:var(--font-display), "Futura", "Avenir Next", system-ui, sans-serif}.landing-root ::selection{background:var(--color-yellow);color:var(--color-ink)}.landing-eyebrow{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.landing-eyebrow .tick{color:var(--color-red)}.landing-gloss{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--faded);font-size:14px}.landing-btn{background:var(--color-ink);color:var(--color-paper);font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--color-ink);cursor:pointer;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:background .14s,color .14s,opacity .14s;display:inline-block}.landing-btn:hover{color:var(--color-ink);background:0 0}.landing-shape{display:block}.landing-shape--circle{background:var(--color-red);border-radius:50%}.landing-shape--square{background:var(--color-blue)}.landing-shape--triangle{background:var(--color-yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.landing-nav{z-index:50;background:var(--color-paper);border-bottom:2px solid var(--hair);justify-content:space-between;align-items:center;padding:18px 4vw;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav__logo{color:var(--color-ink);text-decoration:none}.landing-nav .landing-btn{padding:10px 22px;font-size:12px}.landing-sec-label .art--der{color:var(--color-der);font-style:normal}.landing-sec-label .art--die{color:var(--color-die);font-style:normal}.landing-sec-label .gl{color:var(--faded);font-weight:400}.landing-main{z-index:2;position:relative}.landing-hero{align-items:center;height:100vh;padding:80px 4vw 0;display:grid}.landing-hero__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4vw;width:100%;display:grid}.landing-hero__eyebrow{margin-bottom:2.4vh}.landing-hero__title{letter-spacing:-.015em;align-items:baseline;font-size:clamp(84px,15.5vw,250px);font-weight:700;line-height:.86;display:flex}.landing-hero__title .ltr{display:inline-block}.landing-hero__dot{align-self:flex-end;width:.13em;height:.13em;margin-bottom:.045em;margin-left:.05em}.landing-hero__tag{letter-spacing:.01em;margin-top:3vh;font-size:clamp(22px,2.4vw,34px);font-weight:500}.landing-hero__sub{max-width:46ch;color:var(--faded);margin-top:1.6vh}.landing-hero__cta{flex-wrap:wrap;align-items:center;gap:24px;margin-top:4vh;display:flex}.landing-hero__comp{aspect-ratio:1;align-self:center;width:clamp(220px,24vw,400px);position:relative}.landing-hero__comp .landing-shape{position:absolute}.landing-hero__comp .landing-shape--square{width:62%;height:62%;bottom:0;left:0}.landing-hero__comp .landing-shape--circle{width:46%;height:46%;top:0;right:0}.landing-hero__comp .landing-shape--triangle{width:50%;height:43%;bottom:8%;right:6%}.landing-scroll-cue{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--faded);align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;bottom:4vh;left:4vw}.landing-scroll-cue i{background:var(--color-ink);width:10px;height:10px;animation:1.6s cubic-bezier(.7,0,.2,1) infinite landing-cue;display:block}@keyframes landing-cue{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}.landing-stage{height:100vh;position:relative;overflow:hidden}.landing-phase{place-items:center;padding:80px 4vw 0;display:grid;position:absolute;inset:0}.landing-phase__label{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--faded);margin-bottom:3.5vh;font-size:12px;font-weight:700}.landing-phase__center{text-align:center}.landing-parts-row{justify-content:center;align-items:center;gap:5vw;display:flex}.landing-parts-row .landing-shape{width:clamp(80px,11vw,170px);height:clamp(80px,11vw,170px)}.landing-parts-row .landing-shape--triangle{height:clamp(70px,9.6vw,150px)}.landing-uml-row{justify-content:center;align-items:flex-end;gap:clamp(28px,5vw,96px);padding-top:.42em;font-size:clamp(80px,13vw,200px);display:flex}.landing-uml{font-size:inherit;font-weight:700;line-height:1;display:inline-block;position:relative}.landing-uml__dots{gap:.1em;display:flex;position:absolute;top:-.21em;left:50%;transform:translate(-50%)}.landing-uml__dots .dot{background:var(--color-red);border-radius:50%;width:.13em;height:.13em;display:block}.landing-sentence{flex-wrap:wrap;justify-content:center;gap:.28em;font-size:clamp(40px,7vw,120px);font-weight:600;line-height:1.15;display:flex}.landing-sentence .wrd{display:inline-block}.landing-sentence .wrd--klar{color:var(--color-red)}.landing-sentence__gloss{margin-top:3vh}.landing-sentence__note{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--faded);margin-top:5vh;font-size:13px}.landing-stage__label{z-index:3;position:absolute;top:calc(80px + 3vh);left:4vw}.landing-method{padding:18vh 4vw}.landing-panel{width:min(1180px,100%);margin:0 auto}.landing-panel__head h2{letter-spacing:-.01em;margin-top:1.8vh;font-size:clamp(34px,4.6vw,72px);font-weight:600;line-height:1.04}.landing-panel__head p{color:var(--faded);max-width:52ch;margin-top:1.6vh}.landing-principle__label{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;margin-top:7vh;font-size:13px;font-weight:700;display:block}.landing-principle__sub{color:var(--faded);max-width:52ch;margin-top:1.2vh}.landing-gender-cards{gap:24px;margin-top:4vh;display:flex}.landing-gcard{border:2px solid var(--color-ink);background:var(--color-paper);flex-direction:column;flex:1;gap:18px;padding:32px 28px;display:flex}.landing-gcard .landing-shape{width:54px;height:54px}.landing-gcard .landing-shape--triangle{height:48px}.landing-gcard__de{font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.1}.landing-gcard__de .art--der{color:var(--color-der)}.landing-gcard__de .art--die{color:var(--color-die)}.landing-gcard__de .art--das{color:var(--color-das)}.landing-teasers{border-top:2px solid var(--hair);margin-top:7vh}.landing-teaser{border-bottom:2px solid var(--hair);align-items:baseline;gap:24px;padding:3.4vh 0;display:flex}.landing-teaser__mark{background:var(--color-ink);flex-shrink:0;align-self:center;width:11px;height:11px;display:block}.landing-teaser strong{margin-right:14px;font-size:clamp(20px,2.2vw,30px);font-weight:600}.landing-teaser span{color:var(--faded);font-size:clamp(16px,1.6vw,20px)}.landing-depth{align-items:center;min-height:120vh;padding:10vh 4vw;display:grid}.landing-depth__inner{grid-template-columns:1fr 1fr;align-items:center;gap:6vw;width:min(1280px,100%);margin:0 auto;display:grid}.landing-depth__scene{perspective:1100px;place-items:center;display:grid}.landing-depth__stack{aspect-ratio:1;width:clamp(220px,22vw,360px);transform-style:preserve-3d;position:relative;transform:rotateX(12deg)rotateY(-18deg)}.landing-depth__layer{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.landing-depth__layer .landing-shape{width:78%;height:78%}.landing-depth__layer .landing-shape--triangle{height:68%}.landing-depth__layer--back{transform:translateZ(-110px)}.landing-depth__layer--mid{transform:translateZ(0)}.landing-depth__layer--front{transform:translateZ(110px)}.landing-depth__layer--front .landing-shape{opacity:.92}.landing-depth__copy h2{letter-spacing:-.01em;font-size:clamp(40px,5.4vw,84px);font-weight:600;line-height:1.02}.landing-depth__copy p{max-width:46ch;color:var(--faded);margin-top:2.4vh}.landing-level-track{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.1em;align-items:center;margin-top:5vh;font-size:13px;font-weight:700;display:flex}.landing-level-track .lvl{border:2px solid var(--color-ink);background:var(--color-paper);padding:10px 18px}.landing-level-track .lvl--done{background:var(--color-ink);color:var(--color-paper)}.landing-level-track .seg{background:var(--color-ink);width:42px;height:2px}.landing-build{place-items:center;min-height:100vh;padding:16vh 4vw;display:grid}.landing-builder{text-align:center;width:min(920px,100%)}.landing-builder h2{letter-spacing:-.015em;margin-top:1.6vh;font-size:clamp(40px,6vw,96px);font-weight:600;line-height:1}.landing-builder__prompt{color:var(--faded);margin-top:2vh}.landing-builder__prompt em{color:var(--color-ink);font-style:normal;font-weight:600}.landing-slots{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:6vh 0 4.5vh;display:flex}.landing-slot{border:2px solid var(--hair);place-items:center;min-width:clamp(110px,16vw,170px);height:clamp(60px,8vw,84px);display:grid;position:relative}.landing-slot__n{font-family:var(--font-space-mono), ui-monospace, monospace;color:var(--hair);font-size:11px;font-weight:700;position:absolute;top:6px;left:9px}.landing-slot__word{visibility:hidden;font-size:clamp(24px,3.4vw,44px);font-weight:600}.landing-slot--filled{border-color:var(--color-ink)}.landing-slot--filled .landing-slot__word{visibility:visible}.landing-slot--filled .landing-slot__n{color:var(--faded)}.landing-slot--no{border-color:var(--color-red)}.landing-slot__word--klar{color:var(--color-red)}.landing-end-dot{align-self:flex-end;width:clamp(16px,1.8vw,24px);height:clamp(16px,1.8vw,24px);margin-bottom:clamp(8px,1vw,12px);transform:scale(0)}.landing-tiles{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing-tile{font-family:var(--font-jost), "Futura", system-ui, sans-serif;border:2px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:14px 28px 12px;font-size:clamp(22px,2.8vw,34px);font-weight:600;line-height:1.1;display:flex}.landing-tile small{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--faded);font-size:11px;font-weight:400}.landing-tile--blue{box-shadow:inset 0 6px 0 var(--color-blue)}.landing-tile--yellow{box-shadow:inset 0 6px 0 var(--color-yellow)}.landing-tile--red{box-shadow:inset 0 6px 0 var(--color-red)}.landing-tile:hover{background:#eae6db}.landing-tile--placed{pointer-events:none}.landing-builder__done{margin-top:4vh;display:none}.landing-builder__done .landing-gloss{display:block}.landing-builder__cta{flex-direction:column;align-items:center;gap:14px;margin-top:5vh;display:flex}.landing-builder__lockline{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--faded);font-size:12px;font-weight:700}.landing-btn--locked{color:var(--faded);border-color:var(--hair);pointer-events:none;background:0 0}.landing-footer{z-index:2;border-top:2px solid var(--color-ink);font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.06em;background:var(--color-paper);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:28px 4vw;font-size:13px;display:grid;position:relative}.landing-footer>:first-child{justify-self:start}.landing-footer>nav{justify-self:center;gap:28px;display:flex}.landing-footer>:last-child{justify-self:end}.landing-footer a{color:var(--color-ink);text-decoration:none}.landing-footer a:hover{text-decoration:underline}@media (max-width:880px){.landing-footer{text-align:center;grid-template-columns:1fr}.landing-footer>:first-child,.landing-footer>:last-child,.landing-footer>nav{justify-self:center}}.landing-root.is-static .landing-stage{height:auto;overflow:visible}.landing-root.is-static .landing-stage__label{padding:12vh 4vw 0;position:relative;top:auto;left:auto}.landing-root.is-static .landing-phase{padding:10vh 4vw;position:relative;inset:auto;opacity:1!important;transform:none!important}.landing-root.is-static .landing-scroll-cue i{animation:none}.landing-root.is-static .landing-hero{height:auto;min-height:100vh;padding-top:16vh}.landing-root.is-static .landing-tiles,.landing-root.is-static .landing-builder__prompt{display:none}.landing-root.is-static .landing-builder__done{display:block}.landing-root.is-static .landing-slot__word{visibility:visible}.landing-root.is-static .landing-slot{border-color:var(--color-ink)}.landing-root.is-static .landing-end-dot{transform:scale(1)}.landing-root.is-static .landing-builder__lockline{display:none}.landing-root.is-static .landing-btn--locked{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink);pointer-events:auto}@media (max-width:880px){.landing-root{font-size:17px}.landing-nav{padding:14px 5vw}.landing-nav .landing-btn{display:none}.landing-hero{padding:96px 5vw 0}.landing-hero__inner{grid-template-columns:1fr;gap:5vh}.landing-hero__title{font-size:clamp(72px,21vw,130px)}.landing-hero__comp{place-self:start center;width:min(52vw,260px)}.landing-scroll-cue{left:5vw}.landing-phase{padding:80px 5vw 0}.landing-stage__label{top:calc(72px + 2.5vh);left:5vw}.landing-parts-row{gap:8vw}.landing-sentence{gap:.24em}.landing-method{padding:14vh 5vw}.landing-gender-cards{flex-direction:column;gap:16px;margin-top:4.5vh}.landing-teaser{flex-direction:column;gap:8px}.landing-teaser strong{margin-right:0;display:block}.landing-depth__inner{grid-template-columns:1fr;gap:8vh}.landing-depth__stack{width:min(56vw,260px)}.landing-depth__layer--back{transform:translateZ(-70px)}.landing-depth__layer--front{transform:translateZ(70px)}.landing-build{padding:12vh 5vw}.landing-slots{gap:10px;margin:5vh 0 4vh}.landing-slot{min-width:96px;height:58px}.landing-tile{padding:10px 18px 8px}}