/* Startseite (Design-Handoff docs/startseite/design_handoff_startseite) – eigenes Stylesheet,
   weil neue Tailwind-Utilities nur aus dem Build wirken. */
:root {
    --font-heading: 'Poppins', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
    --gradient-hero: linear-gradient(135deg, #EC4899 0%, #8B5CF6 100%);
    --gradient-card: linear-gradient(135deg, #F472B6 0%, #A78BFA 100%);
    --gradient-button: linear-gradient(90deg, #EC4899 0%, #8B5CF6 100%);
    --gradient-avatar: linear-gradient(135deg, #EC4899 0%, #8B5CF6 100%);
    --gradient-logo: linear-gradient(135deg, #5B21B6 0%, #EC4899 100%);
    --gradient-headline: linear-gradient(100deg, #EC4899 8%, #A855F7 55%, #7C3AED 92%);
    --lp-ease: cubic-bezier(.2, .8, .2, 1);
}

html, body { margin: 0; background: #F9FAFB; }
body.lp { overflow-x: clip; font-family: var(--font-body); color: #111827; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp a { color: #DB2777; text-decoration: none; }
.lp a:hover { color: #BE185D; }
.lp ::selection { background: rgba(236, 72, 153, .18); }
.lp [x-cloak] { display: none !important; }
.lp *, .lp *::before, .lp *::after { box-sizing: border-box; }

/* ---------- Typo ---------- */
.lp-grad { background: var(--gradient-headline); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.lp-grad-logo { background: var(--gradient-logo); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.lp-h { margin: 0; font-family: var(--font-heading); font-weight: 700; color: #111827; text-wrap: balance; }
.lp-lead { margin: 0; line-height: 1.55; color: #6B7280; text-wrap: pretty; }
.lp-eyebrow { font-size: 15px; font-weight: 600; color: #6B7280; }
.lp-mono { font-family: var(--font-mono); }
.lp-star { color: #DB2777; }
.lp-wordmark { font-family: var(--font-heading); font-weight: 700; letter-spacing: -.06em; line-height: 1; background: var(--gradient-logo); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* ---------- Buttons (Optik wie x-ui.button primary) ---------- */
.lp-btn { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 12px; font-family: var(--font-body); font-weight: 600; white-space: nowrap; transition: box-shadow .2s ease, transform .2s ease, background-color .2s ease; }
.lp-btn:active { transform: scale(.98); }
.lp-btn:focus-visible { outline: 2px solid #EC4899; outline-offset: 2px; }
.lp .lp-btn--primary, .lp .lp-btn--primary:hover { color: #FFFFFF; background-image: linear-gradient(to right, #DB2777, #7C3AED); box-shadow: 0 1px 2px rgba(17, 24, 39, .08); }
.lp .lp-btn--primary:hover { box-shadow: 0 8px 20px -8px rgba(124, 58, 237, .5); }
.lp .lp-btn--secondary, .lp .lp-btn--secondary:hover { color: #374151; background: #FFFFFF; border: 1px solid #E5E7EB; }
.lp .lp-btn--secondary:hover { background: #F9FAFB; }
.lp .lp-btn--text { color: #111827; }
.lp .lp-btn--text:hover { color: #111827; background: rgba(17, 24, 39, .05); }
.lp-btn--md { height: 40px; padding: 0 18px; font-size: 14px; }
.lp-btn--lg { height: 48px; padding: 0 22px; font-size: 16px; }
.lp-btn--full { width: 100%; }

/* ---------- Navigation ---------- */
.lp-nav-wrap { position: fixed; top: 0; left: 0; right: 0; z-index: 60; display: flex; justify-content: center; padding: 12px 12px 0; pointer-events: none; transition: transform .55s var(--lp-ease); }
.lp-nav-wrap.is-hidden { transform: translate3d(0, -130%, 0); }
.lp-nav { pointer-events: auto; width: 100%; max-width: 880px; height: 60px; display: flex; align-items: center; gap: 4px; padding: 0 8px 0 10px; border-radius: 9999px; background: rgba(255, 255, 255, 0); border: 1px solid rgba(17, 24, 39, 0); box-shadow: 0 10px 30px -14px rgba(17, 24, 39, 0); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); transition: background .35s ease, border-color .35s ease, box-shadow .35s ease; }
.lp-nav.is-glass { background: rgba(255, 255, 255, .72); border-color: rgba(17, 24, 39, .06); box-shadow: 0 10px 30px -14px rgba(17, 24, 39, .22); }
.lp-nav__home { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 8px; flex: none; }
.lp-nav__home img { width: 28px; height: 28px; object-fit: contain; display: block; }
.lp-nav__links { flex: 1; display: flex; justify-content: center; }
.lp-nav__links > div { position: relative; display: flex; gap: 2px; }
.lp-nav__ind { position: absolute; left: 0; top: 0; height: 44px; width: 0; border-radius: 9999px; background: rgba(17, 24, 39, .06); opacity: 0; transition: transform .5s var(--lp-ease), width .5s var(--lp-ease), opacity .3s ease; pointer-events: none; }
.lp .lp-nav__link { position: relative; display: flex; align-items: center; height: 44px; padding: 0 16px; border-radius: 9999px; font-size: 14px; font-weight: 500; color: #374151; flex: none; }
.lp .lp-nav__link:hover { color: #111827; }
.lp-nav__spacer { display: none; flex: 1; }
@media (max-width: 759.98px) {
    .lp-nav__wordmark, .lp-nav__links { display: none !important; }
    .lp-nav__spacer { display: block; }
    .lp .lp-nav__link--login { padding: 0 12px; }
}

/* ---------- 3D-Bühne ---------- */
.lp-stage { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; pointer-events: none; opacity: 0; transition: opacity .8s ease; }
.lp-stage canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.lp-stage__clip { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.lp-stage__view { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.lp-stage__cam { position: absolute; left: 0; top: 0; transform-style: preserve-3d; }

/* Handy-Screen 390 × 844 */
.lp-screen { position: absolute; left: 0; top: 0; width: 390px; height: 844px; border-radius: 48px; overflow: hidden; background: #FFFFFF; font-family: var(--font-body); color: #111827; -webkit-font-smoothing: antialiased; }
.lp-screen__page { position: absolute; left: 0; top: 0; width: 390px; height: 844px; }
.lp-screen__page:not(:first-child) { opacity: 0; }
.lp-screen__card { position: absolute; left: 10px; top: 56px; width: 370px; height: 830px; border-radius: 28px; background: #FFFFFF; padding: 8px; }
.lp-screen__banner { position: relative; height: 112px; border-radius: 20px; }
.lp-screen__share { position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .75); display: grid; place-items: center; font-size: 13px; }
.lp-screen__avatar-row { position: relative; display: flex; justify-content: center; margin-top: -42px; }
.lp-screen__avatar { position: relative; width: 84px; height: 84px; border-radius: 50%; padding: 3px; }
.lp-screen__avatar > div { width: 100%; height: 100%; border-radius: 50%; border: 3px solid #FFFFFF; display: grid; place-items: center; color: #FFFFFF; font: 700 30px var(--font-heading); }
.lp-screen__badge { position: absolute; right: -2px; bottom: 2px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #FFFFFF; display: grid; place-items: center; color: #FFFFFF; font-size: 10px; }
.lp-screen__name { margin-top: 8px; text-align: center; font: 800 23px/28px var(--font-heading); letter-spacing: -.01em; }
.lp-screen__handle { margin-top: 2px; text-align: center; font-size: 14px; line-height: 18px; color: #6B7280; }
.lp-screen__chips { margin-top: 10px; display: flex; justify-content: center; gap: 6px; }
.lp-screen__chip { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 9999px; font-size: 12px; font-weight: 600; }
.lp-screen__chip i { font-size: 10px; }
.lp-screen__socials { margin-top: 12px; display: flex; justify-content: center; gap: 14px; }
.lp-screen__socials span { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: #FFFFFF; font-size: 18px; }
.lp-screen__widgets { padding: 16px 4px 0; display: flex; flex-direction: column; gap: 8px; }
.lp-screen__grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lp-screen__gap { position: absolute; border-radius: 16px; border: 1.5px dashed #FDA4AF; background: rgba(255, 241, 242, .7); display: grid; place-items: center; color: #FB7185; font-size: 13px; }
.lp-screen__status { position: absolute; left: 0; top: 0; width: 390px; height: 50px; padding: 4px 30px 0 44px; display: flex; align-items: center; justify-content: space-between; font: 600 16px var(--font-body); color: #111827; }
.lp-screen__status > span:last-child { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.lp-screen__island { position: absolute; left: 133px; top: 11px; width: 124px; height: 36px; border-radius: 20px; background: #000000; }
.lp-screen__home { position: absolute; left: 128px; top: 831px; width: 134px; height: 5px; border-radius: 3px; background: #111827; }
.lp-screen__status, .lp-screen__home { transition: color .4s ease, background-color .4s ease; }
.lp-screen.is-dark .lp-screen__status { color: #F5F3F7; }
.lp-screen.is-dark .lp-screen__home { background: #F5F3F7; }
.lp-screen.is-fallback { box-shadow: 0 0 0 11px #0B0B0D, 0 0 0 14px #C9C4BD, 0 50px 90px -40px rgba(17, 24, 39, .45); }

/* gemeinsame Bausteine in Screens/Kacheln */
.lp-pill { display: inline-flex; align-items: center; border-radius: 9999px; font-weight: 600; }
.lp-dot { width: 7px; height: 7px; border-radius: 50%; background: #22C55E; }
.lp-open { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #15803D; }
.lp-row { display: flex; justify-content: space-between; align-items: center; }
.lp-ico { display: grid; place-items: center; flex: none; }
.lp-tile { position: absolute; left: 0; top: 0; border-radius: 18px; font-family: var(--font-body); }

/* ---------- Hero ---------- */
.lp-hero { position: relative; height: 340vh; }
.lp-sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.lp-orb { position: absolute; border-radius: 50%; pointer-events: none; }
.lp-orb--pink { background: radial-gradient(circle, rgba(236, 72, 153, .14), rgba(236, 72, 153, 0) 66%); }
.lp-orb--violet { background: radial-gradient(circle, rgba(139, 92, 246, .14), rgba(139, 92, 246, 0) 66%); }
.lp-hero__head { position: absolute; left: 0; right: 0; top: 0; padding: clamp(100px, 14vh, 140px) 24px 0; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.lp-hero__title { font-size: clamp(46px, 6.6vw, 96px); line-height: .98; letter-spacing: -.045em; }
.lp-hero__lead { max-width: 600px; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.5; }
.lp-hero__ctas { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-top: 6px; }
.lp-hero__statement { position: absolute; top: 0; bottom: 0; left: max(24px, calc((100vw - 1192px) / 2)); width: min(520px, 40vw); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; gap: 18px; opacity: 0; visibility: hidden; }
.lp-hero__statement h2 { font-size: clamp(38px, 4.8vw, 72px); line-height: 1; letter-spacing: -.04em; }
.lp-hero__statement p { max-width: 480px; font-size: clamp(16px, 1.3vw, 19px); }
@media (max-width: 899.98px) {
    .lp-hero__statement { left: 0; width: 100%; padding: clamp(88px, 12vh, 120px) 24px 0; justify-content: flex-start; align-items: center; text-align: center; }
}

/* ---------- Profile ---------- */
.lp-profiles { position: relative; } /* Höhe 112vh je Profil inline aus landing/_profiles */
.lp-profiles__grid { height: 100%; max-width: 1240px; margin: 0 auto; padding: clamp(84px, 11vh, 112px) 24px clamp(20px, 5vh, 56px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); grid-template-rows: minmax(0, 1fr); align-items: center; column-gap: clamp(24px, 5vw, 72px); row-gap: 16px; }
.lp-profiles__texts { display: grid; }
.lp-profiles__text { grid-area: 1 / 1; display: flex; flex-direction: column; gap: 18px; }
.lp-profiles__text:not(:first-child) { opacity: 0; visibility: hidden; }
.lp-profiles__label { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; color: #4B5563; }
.lp-profiles__label > span:nth-child(2) { width: 28px; height: 1px; background: #D1D5DB; }
.lp-profiles__text h2 { font-size: clamp(34px, 4.4vw, 62px); line-height: 1.02; letter-spacing: -.04em; }
.lp-profiles__text p { max-width: 470px; font-size: clamp(16px, 1.25vw, 19px); }
.lp-chips { display: flex; flex-wrap: wrap; gap: 8px; max-width: 480px; }
.lp-chip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 9999px; background: #FFFFFF; border: 1px solid rgba(17, 24, 39, .08); font-size: 14px; font-weight: 500; color: #374151; }
.lp-chip i { font-size: 13px; }
.lp-segs { display: flex; gap: 6px; width: 100%; max-width: 340px; }
.lp-seg { all: unset; box-sizing: border-box; cursor: pointer; flex: 1; height: 44px; display: flex; align-items: center; }
.lp-seg:focus-visible { outline: 2px solid #EC4899; outline-offset: 2px; border-radius: 4px; }
.lp-seg > span { position: relative; display: block; width: 100%; height: 3px; border-radius: 2px; background: #E5E7EB; overflow: hidden; }
.lp-seg > span > span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #111827; transform: scaleX(0); transform-origin: 0 50%; }
.lp-profiles__media { min-width: 0; min-height: 0; height: 100%; display: flex; align-items: center; justify-content: center; }
.lp-portraits { position: relative; width: min(27vw, 380px); aspect-ratio: 4 / 5; margin-bottom: 6%; }
.lp-portrait { position: absolute; inset: 0; border-radius: 32px; overflow: hidden; }
.lp-portrait:not(:first-child) { opacity: 0; visibility: hidden; }
.lp-portrait img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.lp-phone-anchor { position: absolute; left: -38%; bottom: -12%; height: min(62vh, 560px); aspect-ratio: .482; pointer-events: none; }
@media (max-width: 899.98px) {
    .lp-profiles__grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
    .lp-chips { display: none; }
    .lp-portraits { width: min(58vw, 270px); }
    .lp-phone-anchor { left: -20%; height: min(44vh, 92vw); }
}

/* ---------- Widgets als Apps ---------- */
.lp-widgets { position: relative; height: 440vh; }
.lp-widgets__head { position: relative; max-width: 1240px; margin: 0 auto; padding: clamp(88px, 12vh, 124px) 24px 0; display: flex; flex-direction: column; gap: 14px; }
.lp-widgets__head h2 { font-size: clamp(40px, 5.6vw, 80px); line-height: 1; letter-spacing: -.045em; }
.lp-widgets__head p { max-width: 520px; font-size: clamp(16px, 1.3vw, 19px); }
.lp-track { position: absolute; left: 0; top: 340px; padding-left: max(24px, calc((100vw - 1192px) / 2)); }
.lp-rows { display: flex; flex-direction: column; gap: 28px; transform-origin: 0 0; width: max-content; }
.lp-rows > div { display: flex; gap: 20px; }
.lp-app { flex: none; width: 176px; display: flex; flex-direction: column; gap: 12px; }
.lp-app--wide { width: 372px; }
.lp-app__icon { position: relative; height: 176px; border-radius: 40px; padding: 18px; background: #FFFFFF; border: 1px solid rgba(17, 24, 39, .06); box-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 22px 44px -26px rgba(17, 24, 39, .28); display: flex; flex-direction: column; overflow: hidden; }
.lp-app--wide .lp-app__icon { padding: 20px; }
.lp-app__meta { padding: 0 10px; }
.lp-app__meta > div:first-child { font-size: 14px; font-weight: 600; color: #111827; }
.lp-app__meta > div:last-child { font-size: 12px; color: #6B7280; margin-top: 2px; }
.lp-app__sq { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; font-size: 15px; flex: none; }
.lp-end-logo { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; opacity: 0; pointer-events: none; }
.lp-end-logo img { width: clamp(140px, 17vw, 220px); height: auto; filter: drop-shadow(0 26px 40px rgba(91, 33, 182, .25)); }

/* ---------- zcroll kann mehr ---------- */
.lp-more { background: #FFFFFF; padding: clamp(112px, 14vw, 184px) 24px; }
.lp-more__inner { max-width: 1192px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(48px, 6vw, 80px); }
.lp-center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.lp-more h2 { font-size: clamp(56px, 10vw, 152px); line-height: .95; letter-spacing: -.055em; }
.lp-more__lead { max-width: 560px; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.5; }
.lp-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 20px; }
.lp-feature { min-height: 340px; border-radius: 32px; background: #F9FAFB; padding: 32px; display: flex; flex-direction: column; gap: 24px; }
.lp-feature__visual { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.lp-feature h3 { margin: 0 0 6px; font: 700 22px var(--font-heading); color: #111827; }
.lp-feature p { margin: 0; font-size: 15px; line-height: 1.55; color: #6B7280; }
.lp-swatch { width: 44px; height: 44px; border-radius: 50%; }
.lp-hello { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 9999px; background: #FFFFFF; color: #374151; font-size: 15px; font-weight: 500; }
.lp-hello:first-child { background: #111827; color: #FFFFFF; font-weight: 600; }

/* ---------- ZCROLL+ ---------- */
.lp-plus { padding: clamp(96px, 12vw, 160px) 16px; }
.lp-plus__card { position: relative; max-width: 1192px; margin: 0 auto; border-radius: 48px; background: #FFFFFF; border: 1px solid rgba(17, 24, 39, .06); box-shadow: 0 50px 110px -60px rgba(91, 33, 182, .4); overflow: hidden; padding: clamp(56px, 8vw, 112px) clamp(20px, 6vw, 96px); }
.lp-plus__brand { font: 800 clamp(44px, 6vw, 84px)/1 var(--font-heading); letter-spacing: -.05em; }
.lp-plus h2 { font-size: clamp(32px, 4.4vw, 60px); line-height: 1.05; letter-spacing: -.04em; }
.lp-plus__lead { max-width: 620px; font-size: clamp(16px, 1.35vw, 19px); }
.lp-plus__grid { position: relative; margin-top: clamp(40px, 5vw, 64px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 232px), 1fr)); gap: 16px; }
.lp-plus__item { border-radius: 24px; background: #F9FAFB; padding: 28px; display: flex; flex-direction: column; gap: 12px; }
.lp-plus__item > span { width: 44px; height: 44px; border-radius: 14px; background: var(--gradient-hero); color: #FFFFFF; display: grid; place-items: center; font-size: 17px; }
.lp-plus__item h3 { margin: 6px 0 0; font: 700 19px var(--font-heading); color: #111827; }
.lp-plus__item p { margin: 0; font-size: 15px; line-height: 1.55; color: #6B7280; }
.lp-plus__cta { position: relative; margin-top: clamp(40px, 5vw, 56px); display: flex; flex-direction: column; align-items: center; gap: 12px; }
.lp-plus__cta p { margin: 0; font-size: 13px; color: #6B7280; }

/* ---------- Abschluss ---------- */
.lp-start { position: relative; overflow: hidden; padding: clamp(80px, 10vw, 136px) 24px clamp(96px, 12vw, 160px); display: flex; flex-direction: column; align-items: center; gap: 36px; }
.lp-start__mark { position: relative; width: 112px; height: 112px; object-fit: contain; filter: drop-shadow(0 18px 30px rgba(91, 33, 182, .22)); }
.lp-start h2 { font-size: clamp(34px, 4.6vw, 64px); line-height: 1.02; letter-spacing: -.04em; }
.lp-start__lead { max-width: 460px; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.5; }
.lp-start__card { position: relative; width: 100%; max-width: 448px; background: #FFFFFF; border: 1px solid #F3F4F6; border-radius: 24px; box-shadow: 0 30px 70px -40px rgba(19, 27, 46, .3); padding: 32px; display: flex; flex-direction: column; gap: 12px; }
.lp-start__name { display: flex; align-items: center; height: 56px; border-radius: 14px; border: 1px solid #E5E7EB; background: #F9FAFB; padding: 0 16px; font: 500 16px var(--font-mono); color: #6B7280; cursor: text; }
.lp-start__name:focus-within { border-color: #EC4899; box-shadow: 0 0 0 3px rgba(236, 72, 153, .15); }
.lp-start__name input { all: unset; flex: 1; min-width: 0; color: #111827; font: 500 16px var(--font-mono); }
.lp-start__or { display: flex; align-items: center; gap: 12px; margin: 6px 0; font-size: 13px; color: #6B7280; }
.lp-start__or span { flex: 1; height: 1px; background: #F3F4F6; }
.lp-start__note { margin: 8px 0 0; text-align: center; font-size: 13px; line-height: 1.5; color: #6B7280; }
.lp .lp-start__note a { color: #4B5563; text-decoration: underline; }

/* ---------- Footer ---------- */
.lp-footer { background: #FFFFFF; border-top: 1px solid #F3F4F6; padding: 56px 24px 40px; }
.lp-footer__inner { max-width: 1192px; margin: 0 auto; display: flex; flex-direction: column; gap: 44px; }
.lp-footer__notes { display: flex; flex-direction: column; gap: 10px; max-width: 880px; font-size: 13px; line-height: 1.6; color: #6B7280; }
.lp-footer__notes p { margin: 0; }
.lp-footer__main { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px; }
.lp-footer__brand { display: flex; flex-direction: column; gap: 12px; max-width: 300px; }
.lp-footer__brand p { margin: 0; font-size: 14px; line-height: 1.55; color: #6B7280; }
.lp-footer__cols { display: flex; flex-wrap: wrap; gap: clamp(32px, 6vw, 80px); }
.lp-footer__col { display: flex; flex-direction: column; }
.lp-footer__col > span { font-size: 13px; font-weight: 600; color: #111827; margin-bottom: 6px; }
.lp .lp-footer__col a { display: flex; align-items: center; min-height: 40px; font-size: 14px; color: #4B5563; }
.lp .lp-footer__col a:hover { color: #111827; }
.lp-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding-top: 24px; border-top: 1px solid #F3F4F6; font-size: 13px; color: #6B7280; }
.lp-footer__lang { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; }
.lp-footer__lang:hover { color: #111827; }