/* PostsBridge — public landing. Self-hosted (CSP 'self'); Tailwind recompile GEREKTİRMEZ.
   Renkler panelle aynı (css/styles.css): saf siyah zemin, %5 beyaz kartlar, %10 beyaz kenarlık, mavi→mor vurgu.
   Hareket: js/landing.js + .lp-js sınıfı; prefers-reduced-motion'da hepsi kapalı. */

:root {
    --lp-ink: #000000;
    --lp-deck: #0d0d0d;            /* panel bg-white/5 */
    --lp-deck-2: #1a1a1a;          /* panel bg-white/10 */
    --lp-band: #070707;
    --lp-rule: rgba(255, 255, 255, 0.1);
    --lp-rule-soft: rgba(255, 255, 255, 0.05);
    --lp-paper: #ffffff;
    --lp-mist: #9ca3af;            /* panel text-gray-400 */
    --lp-dim: #6b7280;             /* panel text-gray-500 */
    --lp-accent: #ff5b1f;          /* köprü turuncusu (asma köprü boyası) */
    --lp-accent-2: #ffa63d;        /* geçiş sonu: kehribar */
    --lp-live: #10b981;
    --lp-amber: #f59e0b;
    --lp-ease: cubic-bezier(.2, .75, .2, 1);
    --lp-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
    --lp-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    /* Tema tokenları: --lp-paper = ön plan (koyu zeminde beyaz). Açık bölümler (.lp-light) bunları tersine çevirir. */
    --lp-bg: #000000;
    --lp-inv: #000000;              /* ön plan renkli butonun yazısı */
    --lp-btn-hover: #e5e7eb;
    --lp-rule-strong: rgba(255, 255, 255, 0.2);
    --lp-hover: rgba(255, 255, 255, 0.06);
    --lp-live-text: #34d399;
    --lp-threads: #e5e7eb;
    --lp-card-shadow: none;
}

/* ---------- Açık bölümler: koyu zeminin üstüne oturan yuvarlak köşeli sayfa ---------- */
.lp-light {
    --lp-bg: #f0f0ee;
    --lp-paper: #121212;
    --lp-inv: #ffffff;
    --lp-btn-hover: #2e2e2e;
    --lp-deck: #ffffff;
    --lp-deck-2: #e6e6e3;
    --lp-band: #f0f0ee;
    --lp-rule: rgba(18, 18, 18, 0.1);
    --lp-rule-soft: rgba(18, 18, 18, 0.06);
    --lp-rule-strong: rgba(18, 18, 18, 0.2);
    --lp-hover: rgba(18, 18, 18, 0.05);
    --lp-mist: #52504b;
    --lp-dim: #6b6862;
    --lp-live-text: #047857;
    --lp-threads: #161616;
    --lp-card-shadow: 0 1px 2px rgba(18, 18, 18, 0.05), 0 28px 56px -36px rgba(18, 18, 18, 0.22);
    background: var(--lp-bg);
    color: var(--lp-paper);
    margin: 0 clamp(0.5rem, 1.4vw, 1.25rem);
    border-radius: clamp(1.4rem, 3vw, 2.5rem);
    position: relative;
}
.lp-light ::selection { background: rgba(255, 91, 31, 0.25); }

html { scroll-behavior: smooth; }
body.lp {
    margin: 0;
    background: var(--lp-ink);
    color: var(--lp-paper);
    font-family: var(--lp-body);
    font-size: 1.0625rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
.lp :focus-visible { outline: 2px solid var(--lp-accent); outline-offset: 3px; border-radius: 6px; }
.lp section[id] { scroll-margin-top: 84px; }

.lp-wrap { width: 100%; max-width: 72rem; margin: 0 auto; padding: 0 1.25rem; box-sizing: border-box; }
@media (min-width: 768px) { .lp-wrap { padding: 0 2rem; } }

/* ---------- Buttons ---------- */
.lp-btn {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 3rem; padding: 0 1.4rem; border-radius: 0.75rem;
    font-weight: 600; font-size: 1rem; text-decoration: none; white-space: nowrap;
    transition: background-color .2s, border-color .2s, color .2s, transform .2s var(--lp-ease);
}
.lp-btn:active { transform: scale(0.97); }
.lp .lp-btn-light { background: var(--lp-paper); color: var(--lp-inv); }
.lp .lp-btn-light:hover { background: var(--lp-btn-hover); }
.lp .lp-btn-ghost { border: 1px solid var(--lp-rule-strong); color: var(--lp-paper); }
.lp .lp-btn-ghost:hover { background: var(--lp-hover); }
.lp-btn-sm { min-height: 2.4rem; padding: 0 1rem; font-size: 0.925rem; border-radius: 0.6rem; }

/* ---------- Nav ---------- */
.lp-nav {
    position: sticky; top: 0; z-index: 40;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px);
    border-bottom: 1px solid var(--lp-rule-soft);
}
.lp-nav-inner { display: flex; align-items: center; gap: 1.5rem; height: 4rem; }
.lp-brand { color: var(--lp-paper); display: inline-flex; align-items: center; gap: 0.55rem; text-decoration: none; font-family: var(--lp-display); font-weight: 700; font-size: 1.2rem; letter-spacing: -0.02em; }
.lp-mark { width: 28px; height: 28px; flex: none; }
.lp-nav-links { display: none; gap: 1.75rem; margin-left: 1rem; }
.lp-nav-links a, .lp-nav-login { color: var(--lp-mist); text-decoration: none; font-size: 0.95rem; transition: color .2s; }
.lp-nav-links a:hover, .lp-nav-login:hover { color: var(--lp-paper); }
.lp-nav-actions { margin-left: auto; display: flex; align-items: center; gap: 1rem; }
@media (min-width: 860px) { .lp-nav-links { display: flex; } }
.lp-nav-login { white-space: nowrap; }
@media (max-width: 420px) {
    .lp-nav-inner { gap: 0.75rem; }
    .lp-nav-actions { gap: 0.75rem; }
    .lp-brand { font-size: 1.05rem; }
    .lp-mark { width: 24px; height: 24px; }
}
@media (max-width: 340px) { .lp-nav-login { display: none; } }

/* ---------- Hero ---------- */
.lp-hero { padding: 3.5rem 0 4.5rem; position: relative; }
.lp-hero-grid { display: grid; gap: 3rem; align-items: center; }
@media (min-width: 1024px) {
    .lp-hero { padding: 5.5rem 0 7rem; }
    .lp-hero-grid { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 3.5rem; }
}
.lp-wordmark {
    margin: 0;
    font-family: var(--lp-display);
    font-weight: 800;
    font-size: clamp(3.1rem, 8.4vw, 6.2rem);
    line-height: 0.92;
    letter-spacing: -0.035em;
    font-variation-settings: "opsz" 96;
}
.lp-tagline {
    margin: 1rem 0 0;
    font-family: var(--lp-display);
    font-weight: 600;
    font-size: clamp(1.45rem, 2.7vw, 2.05rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    max-width: 22ch;
}
.lp-lede { margin: 1.4rem 0 0; color: var(--lp-mist); max-width: 34rem; }
.lp-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
.lp-trial { margin: 1rem 0 0; font-size: 0.95rem; color: var(--lp-paper); display: flex; align-items: flex-start; gap: 0.5rem; }
.lp-trial::before { content: ""; width: 0.5rem; height: 0.5rem; margin-top: 0.55em; border-radius: 50%; background: var(--lp-live); flex: none; }
.lp-trial-soon::before { background: var(--lp-accent); box-shadow: 0 0 0 0 rgba(255, 91, 31, 0.6); }
.lp-legal { margin: 1.25rem 0 0; display: flex; gap: 1.25rem; font-size: 0.875rem; }
.lp-legal a { color: var(--lp-dim); text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.2); text-underline-offset: 3px; }
.lp-legal a:hover { color: var(--lp-mist); }

/* Scene: composer → bridge → destinations */
.lp-scene {
    margin: 0; display: grid; gap: 1rem;
    transform: perspective(1400px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
    transition: transform .6s var(--lp-ease);
    transform-style: preserve-3d;
}
@media (min-width: 640px) {
    .lp-scene { grid-template-columns: minmax(0, 1fr) 64px minmax(0, 0.92fr); gap: 0; align-items: stretch; }
}
.lp-composer {
    align-self: center;
    background: var(--lp-deck);
    border: 1px solid var(--lp-rule);
    border-radius: 1.1rem;
    padding: 1rem 1.1rem 1.1rem;
    box-shadow: 0 40px 80px -40px rgba(255, 91, 31, 0.25);
}
.lp-composer-head { display: flex; align-items: center; gap: 0.6rem; font-size: 0.8rem; color: var(--lp-dim); }
.lp-dot-row { display: inline-flex; gap: 4px; }
.lp-dot-row i { width: 7px; height: 7px; border-radius: 50%; background: var(--lp-deck-2); }
.lp-composer-text { margin: 0.85rem 0 0; font-size: 0.95rem; line-height: 1.55; }
.lp-composer-photo {
    margin-top: 0.9rem; height: 7.5rem; border-radius: 0.7rem; position: relative; overflow: hidden;
    background:
        radial-gradient(circle at 70% 30%, #f3c27a 0 18%, transparent 19%),
        linear-gradient(160deg, #7a3b1f 0%, #c76a2c 55%, #e9a256 100%);
}
.lp-cup {
    position: absolute; left: 18%; bottom: 14%; width: 3.2rem; height: 2.6rem;
    background: #f6eadb; border-radius: 0 0 1.3rem 1.3rem;
}
.lp-cup::after {
    content: ""; position: absolute; right: -0.85rem; top: 0.45rem; width: 0.9rem; height: 1.1rem;
    border: 0.28rem solid #f6eadb; border-left: 0; border-radius: 0 0.8rem 0.8rem 0;
}
.lp-composer-foot { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: 0.9rem; }
.lp-chip {
    display: inline-flex; align-items: center; gap: 0.4rem;
    font-size: 0.8rem; color: var(--lp-paper);
    background: var(--lp-deck-2); border: 1px solid var(--lp-rule); border-radius: 999px; padding: 0.3rem 0.7rem;
}
.lp-chip svg { width: 15px; height: 15px; color: var(--lp-mist); }
.lp-icon-stage { display: grid; justify-items: end; }
.lp-composer-icons {
    grid-area: 1 / 1; display: inline-flex; gap: 0.45rem; color: var(--lp-paper);
    opacity: 0; transform: translateY(6px); transition: opacity .45s var(--lp-ease), transform .45s var(--lp-ease);
}
.lp-composer-icons.is-active { opacity: 1; transform: none; }

.lp-bridge { display: none; width: 100%; height: 100%; overflow: visible; }
@media (min-width: 640px) { .lp-bridge { display: block; } }
.lp-bridge path {
    fill: none; stroke: url(#lpBridgeGrad); stroke-width: 2; vector-effect: non-scaling-stroke;
    stroke-dasharray: 1; stroke-dashoffset: 0;
}
.lp-bridge .lp-pulse { display: none; }

/* Hedef kartları: gruplar aynı hücrede üst üste; aktif grup kart kart girer, eskisi yukarı süzülür. */
.lp-dest-stage { display: grid; grid-template-columns: minmax(0, 1fr); position: relative; min-width: 0; }
.lp-dest { grid-area: 1 / 1; list-style: none; margin: 0; padding: 0; display: grid; grid-template-rows: repeat(3, 1fr); gap: 0.75rem; }
.lp-dest:not(.is-active) { pointer-events: none; }
.lp-dest-card {
    min-width: 0;
    background: var(--lp-deck);
    border: 1px solid var(--lp-rule);
    border-radius: 0.9rem;
    padding: 0.75rem 0.85rem;
    display: flex; flex-direction: column; justify-content: center; gap: 0.5rem;
}
.lp-dest:not(.is-active) .lp-dest-card { visibility: hidden; }
.lp-js .lp-dest .lp-dest-card {
    visibility: visible;
    opacity: 0; transform: translateY(18px) scale(0.97); filter: blur(6px);
    transition: opacity .6s var(--lp-ease), transform .7s var(--lp-ease), filter .6s var(--lp-ease);
}
.lp-js .lp-dest.is-active .lp-dest-card { opacity: 1; transform: none; filter: none; }
.lp-js .lp-dest.is-leaving .lp-dest-card { opacity: 0; transform: translateY(-16px) scale(0.98); filter: blur(4px); }
.lp-js .lp-dest .lp-dest-card:nth-child(2) { transition-delay: .08s; }
.lp-js .lp-dest .lp-dest-card:nth-child(3) { transition-delay: .16s; }
.lp-dest-head { display: flex; align-items: center; gap: 0.5rem; color: var(--lp-paper); }
.lp-dest-name { font-weight: 600; font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.lp-status {
    margin-left: auto; font-size: 0.72rem; font-weight: 600; white-space: nowrap;
    padding: 0.15rem 0.5rem; border-radius: 999px; border: 1px solid transparent;
}
.is-published .lp-status { color: #34d399; background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.3); }
.is-scheduled .lp-status { color: #ffb08a; background: rgba(255, 91, 31, 0.12); border-color: rgba(255, 91, 31, 0.3); }
.lp-dest-lines { display: grid; gap: 5px; }
.lp-dest-lines i { display: block; height: 6px; border-radius: 3px; background: var(--lp-deck-2); }
.lp-dest-lines i:first-child { width: 92%; }
.lp-dest-lines i:last-child { width: 58%; }
.lp-dest-count { font-size: 0.72rem; color: var(--lp-dim); font-variant-numeric: tabular-nums; }

/* Grup göstergesi (ilerleme çubuklu noktalar) */
.lp-scene-dots { display: none; }
.lp-js .lp-scene-dots {
    display: flex; gap: 0.4rem; justify-content: center;
    position: absolute; left: 0; right: 0; bottom: -1.9rem;
}
.lp-scene-dot {
    width: 1.6rem; height: 0.3rem; padding: 0; border: 0; border-radius: 999px; cursor: pointer;
    background: rgba(255, 255, 255, 0.15); overflow: hidden; position: relative;
}
.lp-scene-dot i { position: absolute; inset: 0; background: var(--lp-paper); transform: scaleX(0); transform-origin: left; }
.lp-scene-dot.is-active i { transform: scaleX(1); }
.lp-scene-dot.is-ticking i { transform: scaleX(0); animation: lp-tick 4.2s linear forwards; }
.lp-scene.is-paused .lp-scene-dot.is-active i { animation: none; transform: scaleX(1); }
@keyframes lp-tick { to { transform: scaleX(1); } }

/* Yükleme anı: hero metni sırayla yükselir, sahne süzülür, çizgiler çizilir, durumlar belirir. */
@media (prefers-reduced-motion: no-preference) {
    .lp-js .lp-hero-copy > * { opacity: 0; animation: lp-rise .9s var(--lp-ease) forwards; }
    .lp-js .lp-hero-copy > :nth-child(1) { animation-delay: .05s; }
    .lp-js .lp-hero-copy > :nth-child(2) { animation-delay: .15s; }
    .lp-js .lp-hero-copy > :nth-child(3) { animation-delay: .25s; }
    .lp-js .lp-hero-copy > :nth-child(4) { animation-delay: .35s; }
    .lp-js .lp-hero-copy > :nth-child(n+5) { animation-delay: .45s; }
    .lp-js .lp-composer { opacity: 0; animation: lp-rise 1s var(--lp-ease) .25s forwards; }

    .lp-js .lp-bridge path { stroke-dashoffset: 1; }
    .lp-js .lp-bridge.is-drawing path { animation: lp-draw .9s cubic-bezier(.6, .1, .3, 1) forwards; }
    .lp-js .lp-bridge.is-drawing path:nth-of-type(1) { animation-delay: .35s; }
    .lp-js .lp-bridge.is-drawing path:nth-of-type(2) { animation-delay: .45s; }
    .lp-js .lp-bridge.is-drawing path:nth-of-type(3) { animation-delay: .55s; }

    .lp-js .lp-dest .lp-status { opacity: 0; }
    .lp-js .lp-dest.is-active .lp-status { animation: lp-pop .45s var(--lp-ease) forwards; }
    .lp-js .lp-dest.is-active .lp-dest-card:nth-child(1) .lp-status { animation-delay: 1s; }
    .lp-js .lp-dest.is-active .lp-dest-card:nth-child(2) .lp-status { animation-delay: 1.12s; }
    .lp-js .lp-dest.is-active .lp-dest-card:nth-child(3) .lp-status { animation-delay: 1.24s; }

    .lp-trial-soon::before { animation: lp-pulse 2.4s ease-out infinite; }

    /* Köprü çizgilerinde akan sinyal: kısa parlak çizgi baştan sona kayar (yalnız transform-dışı
       stroke-dashoffset; üç SVG yolu, maliyeti ihmal edilebilir). Sahne duraklayınca durur. */
    .lp-js .lp-bridge .lp-pulse {
        display: block; stroke: #fff; stroke-width: 2.6; stroke-linecap: round;
        stroke-dasharray: 0.12 0.88; stroke-dashoffset: 0.12; opacity: 0;
    }
    .lp-js .lp-bridge.is-drawing path.lp-pulse { animation: lp-flow 2.6s cubic-bezier(.5, 0, .3, 1) 1.4s infinite; }
    .lp-js .lp-bridge.is-drawing path.lp-pulse:nth-of-type(5) { animation-delay: 1.75s; }
    .lp-js .lp-bridge.is-drawing path.lp-pulse:nth-of-type(6) { animation-delay: 2.1s; }
    .lp-scene.is-paused .lp-bridge .lp-pulse { animation-play-state: paused; }
}
@keyframes lp-flow {
    0% { stroke-dashoffset: 0.12; opacity: 0; }
    12% { opacity: 0.95; }
    80% { opacity: 0.95; }
    100% { stroke-dashoffset: -0.88; opacity: 0; }
}
@keyframes lp-draw { to { stroke-dashoffset: 0; } }
@keyframes lp-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes lp-pop { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: none; } }
@keyframes lp-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 91, 31, 0.55); } 70%, 100% { box-shadow: 0 0 0 8px rgba(255, 91, 31, 0); } }

/* ---------- Görünür olunca belirme ---------- */
@media (prefers-reduced-motion: no-preference) {
    .lp-js [data-reveal] {
        opacity: 0; transform: translateY(32px);
        transition: opacity 1s var(--lp-ease), transform 1.1s var(--lp-ease);
        transition-delay: var(--rd, 0s);
    }
    .lp-js [data-reveal].is-in { opacity: 1; transform: none; }
    .lp-js [data-reveal-group] > * {
        opacity: 0; transform: translateY(40px) scale(0.98);
        transition: opacity 1s var(--lp-ease), transform 1.1s var(--lp-ease);
    }
    .lp-js [data-reveal-group] > :nth-child(2) { transition-delay: .12s; }
    .lp-js [data-reveal-group] > :nth-child(3) { transition-delay: .24s; }
    .lp-js [data-reveal-group].is-in > * { opacity: 1; transform: none; }
}

/* ---------- Platforms (akan şerit) ---------- */
.lp-platforms { padding: 3.25rem 0 3rem; background: var(--lp-band); }
.lp-small-title { margin: 0; font-family: var(--lp-display); font-weight: 600; font-size: 1.15rem; letter-spacing: -0.01em; }
.lp-marquee {
    margin-top: 1.5rem; overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.lp-pf-list { list-style: none; margin: 0; padding: 0; display: flex; width: max-content; }
.lp-pf {
    display: flex; align-items: center; gap: 0.6rem; flex: none;
    margin-right: 0.75rem; padding: 0.75rem 1.1rem 0.75rem 0.9rem; border-radius: 0.9rem;
    background: var(--lp-deck); border: 1px solid var(--lp-rule);
    font-size: 0.95rem; font-weight: 500; color: var(--lp-paper); white-space: nowrap;
}
.lp-pf .pf-icon { flex: none; }
@media (prefers-reduced-motion: no-preference) {
    .lp-marquee-track { animation: lp-marquee 42s linear infinite; }
    .lp-marquee:hover .lp-marquee-track { animation-play-state: paused; }
}
@keyframes lp-marquee { to { transform: translateX(-50%); } }
/* Hareket kapalıyken: kopyalar gizli, liste sarılır */
@media (prefers-reduced-motion: reduce) {
    .lp-marquee { -webkit-mask-image: none; mask-image: none; padding: 0 1.25rem; max-width: 72rem; margin-left: auto; margin-right: auto; }
    .lp-pf-list { flex-wrap: wrap; width: auto; gap: 0.6rem; }
    .lp-pf { margin-right: 0; }
    .lp-pf.is-dup { display: none; }
}
.lp-pf-note { margin: 1.25rem 0 0; font-size: 0.9rem; color: var(--lp-dim); }

/* ---------- Büyük cümle (kaydırdıkça aydınlanır) ---------- */
.lp-statement { position: relative; }
.lp-statement-sticky { padding: 6rem 0; }
.lp-statement-text {
    margin: 0; max-width: 24ch;
    font-family: var(--lp-display); font-weight: 700;
    font-size: clamp(2rem, 5.2vw, 4rem); line-height: 1.08; letter-spacing: -0.035em;
}
.lp-statement-text span { color: var(--lp-paper); }
@media (prefers-reduced-motion: no-preference) {
    .lp-js .lp-statement { height: 190vh; }
    .lp-js .lp-statement-sticky { position: sticky; top: 0; min-height: 100vh; padding: 0; display: flex; align-items: center; }
    .lp-js .lp-statement-text span { color: rgba(255, 255, 255, 0.16); transition: color .35s ease; }
    .lp-js .lp-statement-text span.is-lit { color: var(--lp-paper); }
}

/* ---------- Sections ---------- */
.lp-section { padding: 5rem 0; }
@media (min-width: 1024px) { .lp-section { padding: 7rem 0; } }
.lp-h2 {
    margin: 0; font-family: var(--lp-display); font-weight: 700;
    font-size: clamp(2rem, 4.2vw, 3rem); line-height: 1.05; letter-spacing: -0.035em; max-width: 20ch;
}
.lp-h3 { margin: 0; font-family: var(--lp-display); font-weight: 650; font-size: 1.45rem; line-height: 1.2; letter-spacing: -0.02em; }
.lp-muted { color: var(--lp-mist); margin: 0.75rem 0 0; }

/* ---------- Özellikler: yapışkan sahne ---------- */
.lp-story { margin-top: 3rem; }
.lp-story-step { padding: 1.5rem 0 2.5rem; }
.lp-story-copy p { margin: 0.85rem 0 0; color: var(--lp-mist); max-width: 30rem; }
.lp-story-inline { margin-top: 1.5rem; }
.lp-story-stage { display: none; }
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
    .lp-js .lp-story { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 4.5rem; margin-top: 1rem; }
    .lp-js .lp-story-step { min-height: 46vh; display: flex; flex-direction: column; justify-content: center; padding: 0; }
    .lp-js .lp-story-inline { display: none; }
    .lp-js .lp-story-copy { transition: opacity .6s var(--lp-ease), transform 1.1s var(--lp-ease); }
    .lp-js .lp-story-step:not(.is-active) .lp-story-copy.is-in { opacity: 0.28; }
    .lp-js .lp-story-stage {
        display: grid; position: sticky; top: calc(50vh - 13rem); height: 26rem; align-self: start;
        margin-top: calc(23vh - 13rem);
    }
    .lp-js .lp-story-copy .lp-h3 { font-size: clamp(1.8rem, 2.6vw, 2.4rem); letter-spacing: -0.03em; }
    .lp-js .lp-story-copy p { font-size: 1.1rem; }
    .lp-js .lp-story-frame {
        grid-area: 1 / 1; align-self: center;
        opacity: 0; transform: translateY(40px) scale(0.96); filter: blur(8px);
        transition: opacity .8s var(--lp-ease), transform .9s var(--lp-ease), filter .8s var(--lp-ease);
    }
    .lp-js .lp-story-frame.is-active { opacity: 1; transform: none; filter: none; }
}
.lp-vignette {
    background: var(--lp-deck); border: 1px solid var(--lp-rule); border-radius: 1.1rem;
    padding: 1.25rem; box-sizing: border-box; min-width: 0;
    box-shadow: 0 40px 90px -50px rgba(255, 91, 31, 0.35);
}
.lp-light .lp-vignette { box-shadow: var(--lp-card-shadow); }
.lp-light .lp-pf { box-shadow: 0 1px 2px rgba(18, 18, 18, 0.04);
}

/* Calendar vignette */
.lp-cal-head { font-family: var(--lp-display); font-weight: 600; font-size: 1.05rem; margin-bottom: 0.85rem; }
.lp-cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.lp-cal-day {
    min-height: 3.1rem; border-radius: 0.45rem; background: var(--lp-deck-2);
    padding: 0.3rem 0.35rem; display: flex; flex-direction: column; gap: 3px; box-sizing: border-box; min-width: 0;
}
.lp-cal-day b { font-weight: 500; font-size: 0.7rem; color: var(--lp-dim); line-height: 1; margin-bottom: 2px; }
.lp-cal-day.is-empty { background: transparent; }
.lp-cal-day.is-today { box-shadow: inset 0 0 0 1px var(--lp-accent); }
.lp-cal-day.is-today b { color: var(--lp-paper); }
.lp-cal-post { display: block; height: 5px; border-radius: 3px; transform-origin: left; }
.pf-bluesky { background: #1185fe; }
.pf-linkedin { background: #0a66c2; }
.pf-threads { background: var(--lp-threads); }
.pf-instagram { background: #e4405f; }
@media (min-width: 640px) { .lp-cal-day { min-height: 3.6rem; } }

/* Meters vignette */
.lp-meters { display: grid; gap: 1.1rem; }
.lp-meter-top { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; }
.lp-meter-top b { margin-left: auto; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--lp-mist); }
.lp-meter-bar { margin-top: 0.5rem; height: 8px; border-radius: 4px; background: var(--lp-deck-2); overflow: hidden; }
.lp-meter-bar span { display: block; height: 100%; border-radius: 4px; background: var(--lp-live); transform-origin: left; }
.lp-meter.is-near .lp-meter-bar span { background: var(--lp-amber); }
.lp-meter.is-near .lp-meter-top b { color: var(--lp-amber); }

/* Accounts vignette */
.lp-accts { display: grid; gap: 0.6rem; }
.lp-acct {
    display: flex; align-items: center; gap: 0.75rem; padding: 0.7rem 0.8rem;
    border-radius: 0.75rem; background: var(--lp-deck-2); min-width: 0;
}
.lp-acct-name { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.lp-acct-name b { font-weight: 600; font-size: 0.9rem; }
.lp-acct-name small { font-size: 0.78rem; color: var(--lp-dim); }
.lp-acct-state { margin-left: auto; display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: var(--lp-live-text); white-space: nowrap; }
.lp-acct-state svg { width: 14px; height: 14px; }
.lp-acct-off { font-size: 0.78rem; color: var(--lp-dim); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
@media (max-width: 420px) { .lp-acct-off { display: none; } }

/* Vinyet içi canlanma (görünür/aktif olunca .is-in) */
@media (prefers-reduced-motion: no-preference) {
    .lp-js .lp-cal-post { transform: scaleX(0); transition: transform .6s var(--lp-ease); transition-delay: var(--d, 0s); }
    .lp-js .lp-vignette.is-in .lp-cal-post { transform: none; }
    .lp-js .lp-cal-day.is-today { transition: box-shadow .6s ease .9s; box-shadow: inset 0 0 0 1px transparent; }
    .lp-js .lp-vignette.is-in .lp-cal-day.is-today { box-shadow: inset 0 0 0 1px var(--lp-accent); }
    .lp-js .lp-meter-bar span { transform: scaleX(0); transition: transform 1.2s var(--lp-ease); transition-delay: var(--d, 0s); }
    .lp-js .lp-vignette.is-in .lp-meter-bar span { transform: none; }
    .lp-js .lp-acct { opacity: 0; transform: translateX(-14px); transition: opacity .6s var(--lp-ease), transform .7s var(--lp-ease); transition-delay: var(--d, 0s); }
    .lp-js .lp-vignette.is-in .lp-acct { opacity: 1; transform: none; }
    .lp-js .lp-acct-state { opacity: 0; transition: opacity .4s ease; transition-delay: calc(var(--d, 0s) + .45s); }
    .lp-js .lp-vignette.is-in .lp-acct-state { opacity: 1; }
}

/* Also included */
.lp-more { margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid var(--lp-rule); }
.lp-more ul { list-style: none; margin: 1.1rem 0 0; padding: 0; display: grid; gap: 0.75rem 2rem; }
@media (min-width: 640px) { .lp-more ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lp-more ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.lp-more li { display: flex; align-items: flex-start; gap: 0.55rem; color: var(--lp-mist); }
.lp-check { width: 20px; height: 20px; flex: none; color: var(--lp-live); margin-top: 0.15rem; }

/* How it works */
.lp-how { background: var(--lp-band); border-top: 1px solid var(--lp-rule-soft); border-bottom: 1px solid var(--lp-rule-soft); }
.lp-steps { list-style: none; margin: 3rem 0 0; padding: 0; display: grid; gap: 2.25rem; }
@media (min-width: 900px) { .lp-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; } }
.lp-step { position: relative; padding-top: 3.6rem; }
.lp-step::before {
    content: ""; position: absolute; top: 1.15rem; left: 2.9rem; right: -2.5rem; height: 1px;
    background: linear-gradient(90deg, var(--lp-accent), var(--lp-accent-2)); transform-origin: left;
}
.lp-step:last-child::before { display: none; }
@media (max-width: 899px) { .lp-step::before { display: none; } }
.lp-step-num {
    position: absolute; top: 0; left: 0; width: 2.3rem; height: 2.3rem; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--lp-display); font-weight: 700; font-size: 1.05rem;
    background: var(--lp-deck); border: 1px solid rgba(255, 91, 31, 0.6); color: var(--lp-paper);
}
.lp-step p { margin: 0.6rem 0 0; color: var(--lp-mist); }
@media (prefers-reduced-motion: no-preference) {
    .lp-js .lp-steps[data-reveal] { transform: none; }
    .lp-js .lp-step { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--lp-ease), transform .9s var(--lp-ease); }
    .lp-js .lp-step::before { transform: scaleX(0); transition: transform 1s var(--lp-ease); }
    .lp-js .lp-steps.is-in .lp-step { opacity: 1; transform: none; }
    .lp-js .lp-steps.is-in .lp-step::before { transform: scaleX(1); }
    .lp-js .lp-steps .lp-step:nth-child(1)::before { transition-delay: .35s; }
    .lp-js .lp-steps .lp-step:nth-child(2) { transition-delay: .45s; }
    .lp-js .lp-steps .lp-step:nth-child(2)::before { transition-delay: .8s; }
    .lp-js .lp-steps .lp-step:nth-child(3) { transition-delay: .9s; }
}

/* ---------- Asma köprü çizimi (Nasıl çalışır) ----------
   js/landing.js bölüm kaydırıldıkça --draw (halat) ve --travel (gönderi kartı) değerlerini 0→1 verir.
   JS yoksa / hareket kapalıysa ikisi de 1: köprü tamamlanmış, düğümler yanık. */
.lp-span { --draw: 1; --travel: 1; margin: 2.75rem auto 0; max-width: 72rem; }
.lp-span-svg { display: block; width: 100%; height: auto; overflow: visible; }
.lp-span-cable {
    fill: none; stroke: url(#lpSpanGrad); stroke-width: 3; stroke-linecap: round;
    stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--draw));
}
.lp-span-hangers line {
    stroke: rgba(255, 255, 255, 0.28); stroke-width: 1.5;
    opacity: clamp(0, (var(--draw) - var(--hx)) * 14, 1);
}
.lp-span-towers path { fill: none; stroke: rgba(255, 255, 255, 0.55); stroke-width: 2; stroke-linejoin: round; }
.lp-span-deck { fill: none; stroke: rgba(255, 255, 255, 0.7); stroke-width: 2.5; stroke-linecap: round; }
.lp-span-water path { fill: none; stroke: rgba(255, 255, 255, 0.18); stroke-width: 1.6; stroke-linecap: round; }
.lp-span-node circle { fill: #0d0d0d; stroke: rgba(255, 255, 255, 0.3); stroke-width: 1.5; transition: fill .5s var(--lp-ease), stroke .5s var(--lp-ease); }
.lp-span-node text { fill: var(--lp-mist); font-family: var(--lp-display); font-weight: 700; font-size: 17px; transition: fill .5s var(--lp-ease); }
.lp-span-node.is-on circle { fill: url(#lpSpanGrad); stroke: transparent; }
.lp-span-node.is-on text { fill: #fff; }
.lp-span-packet {
    transform: translateX(calc(40px + var(--travel) * 1120px));
    opacity: clamp(0, var(--travel) * 30, 1);
}
.lp-span-packet rect { fill: #fff; }
.lp-span-packet path { fill: none; stroke: #9ca3af; stroke-width: 3; stroke-linecap: round; }
/* Hareket kapalıysa kart son düğümün üstünde durmasın */
@media (prefers-reduced-motion: reduce) { .lp-span-packet { display: none; } }
@media (prefers-reduced-motion: no-preference) {
    .lp-js .lp-span { --draw: 0; --travel: 0; }
    .lp-span-water { animation: lp-drift 7s ease-in-out infinite alternate; }
    .lp-span:not(.is-live) .lp-span-water { animation-play-state: paused; }
}
@keyframes lp-drift { from { transform: translateX(-14px); } to { transform: translateX(14px); } }

/* Masaüstünde adımlar düğümlerin altına ortalanır; numara ve bağlantı çizgisini köprü taşır. */
@media (min-width: 900px) {
    .lp-how .lp-steps { margin-top: 1.75rem; text-align: center; }
    .lp-how .lp-step { padding-top: 0; }
    .lp-how .lp-step::before, .lp-how .lp-step-num { display: none; }
    .lp-how .lp-step p { margin-left: auto; margin-right: auto; max-width: 19rem; }
    .lp-js .lp-how .lp-step h3 { transition: color .5s var(--lp-ease); }
    .lp-js .lp-how .lp-steps.is-in .lp-step:not(.is-on) { opacity: 0.4; }
}
/* Dar ekranda köprü büyütülür; uç ankrajlar kırpılır, üç düğüm görünür alanda kalır (x 120–1080). */
@media (max-width: 899px) {
    .lp-span { margin-top: 2rem; overflow: hidden; }
    .lp-span-svg { width: 125%; margin-left: -12.5%; }
}

/* ---------- Platform yörüngesi (son çağrı) ---------- */
.lp-final-grid { display: grid; gap: 3rem; align-items: center; }
@media (min-width: 900px) { .lp-final-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: 4rem; } }
.lp-orbit {
    --r1: clamp(4.75rem, 14vw, 8.5rem); --r2: clamp(7.5rem, 22vw, 13rem);
    position: relative; width: calc(var(--r2) * 2 + 3.5rem); aspect-ratio: 1; max-width: 100%;
    margin: 0 auto; display: grid; place-items: center;
}
.lp-orbit-ring {
    position: absolute; left: 50%; top: 50%; border-radius: 50%;
    border: 1px dashed var(--lp-rule-strong);
}
.lp-orbit-ring-1 { width: calc(var(--r1) * 2); height: calc(var(--r1) * 2); margin: calc(var(--r1) * -1) 0 0 calc(var(--r1) * -1); --r: var(--r1); }
.lp-orbit-ring-2 { width: calc(var(--r2) * 2); height: calc(var(--r2) * 2); margin: calc(var(--r2) * -1) 0 0 calc(var(--r2) * -1); --r: var(--r2); }
.lp-orbit-item {
    position: absolute; left: 50%; top: 50%; width: 0; height: 0;
    transform: rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));
}
.lp-orbit-chip {
    position: absolute; left: -1.4rem; top: -1.4rem; width: 2.8rem; height: 2.8rem; border-radius: 0.85rem;
    display: grid; place-items: center; background: var(--lp-deck); color: var(--lp-paper);
    border: 1px solid var(--lp-rule); box-shadow: var(--lp-card-shadow);
}
.lp-orbit-hub {
    --hub: clamp(3.25rem, 8vw, 5.5rem);
    width: var(--hub); height: auto; color: var(--lp-paper);
    position: relative; z-index: 1;
}
/* Merkezden kanala bağlantı: halkanın içinde, merkezden çipe uzanan ince hat (halkayla birlikte döner) */
.lp-orbit-link {
    --gap: calc(clamp(3.25rem, 8vw, 5.5rem) / 2 + 0.6rem);   /* simgenin dışından başla */
    position: absolute; left: 50%; bottom: 50%; width: 1.5px; margin-left: -0.75px; height: var(--r);
    transform: rotate(var(--a)); transform-origin: 50% 100%;
    background: linear-gradient(to top, transparent var(--gap), var(--lp-rule-strong) var(--gap),
                var(--lp-rule-strong) calc(100% - 1.7rem), transparent calc(100% - 1.7rem));
}
.lp-orbit-link::after {
    content: ""; position: absolute; left: 50%; bottom: var(--gap); width: 7px; height: 7px; margin: 0 0 -3.5px -3.5px;
    border-radius: 50%; background: var(--lp-accent); box-shadow: 0 0 0 4px rgba(255, 91, 31, 0.16);
    opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
    .lp-orbit-ring-1 { animation: lp-spin 46s linear infinite; }
    .lp-orbit-ring-2 { animation: lp-spin 70s linear infinite reverse; }
    /* çipler dik kalsın: halkanın tersine aynı hızla döner; sinyal ulaşınca çip kısa süre turuncu yanar */
    .lp-orbit-ring-1 .lp-orbit-chip { animation: lp-spin 46s linear infinite reverse, lp-receive 3.6s ease-out var(--d) infinite; }
    .lp-orbit-ring-2 .lp-orbit-chip { animation: lp-spin 70s linear infinite, lp-receive 3.6s ease-out var(--d) infinite; }
    .lp-orbit-link::after { animation: lp-signal 3.6s cubic-bezier(.45, 0, .25, 1) var(--d) infinite; }
    .lp-orbit:not(.is-live) .lp-orbit-ring, .lp-orbit:not(.is-live) .lp-orbit-chip,
    .lp-orbit:not(.is-live) .lp-orbit-link::after { animation-play-state: paused; }
}
@keyframes lp-spin { to { transform: rotate(360deg); } }
/* Sinyal: simgeden çıkar, hattı izleyip çipe varır (döngünün ilk %32'si), sonra bekler */
@keyframes lp-signal {
    0% { opacity: 0; transform: translateY(0) scale(.6); }
    6% { opacity: 1; transform: translateY(0) scale(1); }
    30% { opacity: 1; transform: translateY(calc((var(--r) - var(--gap) - 1.75rem) * -1)) scale(1); }
    36%, 100% { opacity: 0; transform: translateY(calc((var(--r) - var(--gap) - 1.75rem) * -1)) scale(.4); }
}
@keyframes lp-receive {
    0%, 28% { border-color: var(--lp-rule); box-shadow: var(--lp-card-shadow); }
    33% { border-color: var(--lp-accent); box-shadow: 0 0 0 4px rgba(255, 91, 31, 0.14), var(--lp-card-shadow); }
    55%, 100% { border-color: var(--lp-rule); box-shadow: var(--lp-card-shadow); }
}

/* Ekran dışı bölümlerin çizim/yerleşim işini ertele (yalnız sade bölümler; yapışkan bölümlerde değil) */
.lp-faq-section { content-visibility: auto; contain-intrinsic-size: auto 720px; }
.lp-datause { content-visibility: auto; contain-intrinsic-size: auto 320px; }

/* ---------- Pricing (pricing.css üzerine tema) ---------- */
.lp-pricing-head { margin-bottom: 3.5rem; }
.lp-pricing-trial {
    margin: 1rem 0 0; display: inline-flex; align-items: center; gap: 0.5rem;
    font-weight: 600; color: var(--lp-paper);
}
.lp-pricing-trial::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--lp-live); flex: none; }
.lp-pricing-head .pb-toggle { margin-top: 1.75rem; border-color: var(--lp-rule); background: var(--lp-deck); }
.lp .pb-toggle-btn { color: var(--lp-mist); }
.lp .pb-toggle-btn[aria-pressed="true"] { background: var(--lp-paper); color: var(--lp-inv); }
.lp .pb-toggle-badge { color: var(--lp-live-text); }
.lp .pb-toggle-btn[aria-pressed="true"] .pb-toggle-badge { color: #059669; }
.lp-light .pb-toggle-btn[aria-pressed="true"] .pb-toggle-badge { color: #6ee7b7; }
.lp .pb-pricing-grid { margin: 0; max-width: 30rem; }
@media (min-width: 1024px) { .lp .pb-pricing-grid { max-width: none; } }
.lp .pb-card {
    position: relative; background: var(--lp-deck); border: 1px solid var(--lp-rule);
    border-radius: 1.1rem; padding: 1.9rem 1.6rem 1.6rem; box-shadow: var(--lp-card-shadow);
}
.lp .pb-card-highlight {
    border-color: transparent;
    background: linear-gradient(var(--lp-deck), var(--lp-deck)) padding-box,
                linear-gradient(135deg, var(--lp-accent), var(--lp-accent-2)) border-box;
    border: 1px solid transparent;
}
.lp .pb-card-value { border-color: rgba(16, 185, 129, 0.45); }
.lp .pb-badge { left: 1.6rem; transform: none; font-size: 0.75rem; }
.lp .pb-badge-popular { background: linear-gradient(90deg, var(--lp-accent), var(--lp-accent-2)); color: #121212; }
.lp .pb-badge-value { background: var(--lp-live); color: #000; }
.pb-plan-name { margin: 0; font-family: var(--lp-display); font-weight: 700; font-size: 1.5rem; letter-spacing: -0.02em; }
.pb-plan-desc { margin: 0.35rem 0 1.4rem; color: var(--lp-mist); font-size: 0.95rem; }
.lp .pb-price { margin-bottom: 1.6rem; }
.lp .pb-price-amount { font-family: var(--lp-display); font-weight: 700; letter-spacing: -0.03em; }
.lp .pb-price-suffix, .lp .pb-price-sub { color: var(--lp-mist); }
.lp .pb-price-save { color: var(--lp-live-text); }
.pb-features { list-style: none; margin: 0 0 1.75rem; padding: 0; display: grid; gap: 0.7rem; }
.pb-features li { display: flex; align-items: flex-start; gap: 0.55rem; font-size: 0.95rem; }
.lp .pb-cta { border-radius: 0.7rem; padding: 0.85rem 1rem; }
.lp .pb-cta-primary { background: var(--lp-paper); color: var(--lp-inv); }
.lp .pb-cta-primary:hover { background: var(--lp-btn-hover); }
.lp .pb-cta-secondary { background: transparent; color: var(--lp-paper); border: 1px solid var(--lp-rule-strong); }
.lp .pb-cta-secondary:hover { background: var(--lp-hover); }
.lp .pb-cta-soon { background: transparent; color: var(--lp-dim); border: 1px dashed var(--lp-rule-strong); cursor: default; }
.lp .pb-pricing-notes { text-align: left; margin-top: 2rem; }
.lp .pb-pricing-note { color: var(--lp-dim); }

/* ---------- FAQ ---------- */
.lp-faq { display: grid; gap: 2.5rem; }
@media (min-width: 900px) { .lp-faq { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 4rem; align-items: start; } }
.lp-faq-list { border-top: 1px solid var(--lp-rule); }
.lp-faq-item { border-bottom: 1px solid var(--lp-rule); }
.lp-faq-item summary {
    list-style: none; cursor: pointer; padding: 1.15rem 2.25rem 1.15rem 0; position: relative;
    font-weight: 600; font-size: 1.05rem; transition: color .2s;
}
.lp-faq-item summary:hover { color: var(--lp-btn-hover); }
.lp-faq-item summary::-webkit-details-marker { display: none; }
.lp-faq-item summary::after {
    content: ""; position: absolute; right: 0.35rem; top: 50%; width: 0.6rem; height: 0.6rem;
    border-right: 2px solid var(--lp-mist); border-bottom: 2px solid var(--lp-mist);
    transform: translateY(-70%) rotate(45deg); transition: transform .3s var(--lp-ease);
}
.lp-faq-item[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.lp-faq-item p { margin: 0 0 1.25rem; color: var(--lp-mist); max-width: 40rem; }
@media (prefers-reduced-motion: no-preference) {
    .lp-faq-item[open] p { animation: lp-rise .45s var(--lp-ease); }
}

/* ---------- Data use (Google branding; sakin ama görünür) ---------- */
.lp-datause { border-top: 1px solid var(--lp-rule-soft); padding: 3.5rem 0; }
.lp-datause-inner { display: grid; gap: 1rem; }
@media (min-width: 900px) { .lp-datause-inner { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 4rem; } }
.lp-datause h2 { margin: 0; font-family: var(--lp-display); font-weight: 600; font-size: 1.3rem; letter-spacing: -0.01em; }
.lp-datause p { margin: 0; color: var(--lp-mist); max-width: 40rem; }
.lp-datause-links { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin-top: 1rem !important; font-size: 0.925rem; }
.lp-datause-links a { color: var(--lp-paper); text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.25); text-underline-offset: 3px; }
.lp-datause-links a:hover { text-decoration-color: var(--lp-mist); }

/* ---------- Final CTA ---------- */
.lp-final { padding: 5rem 0; }
@media (min-width: 1024px) { .lp-final { padding: 6rem 0; } }
.lp-final-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; }
.lp-final-title {
    margin: 0; font-family: var(--lp-display); font-weight: 800;
    font-size: clamp(2.2rem, 5.6vw, 4.2rem); line-height: 1; letter-spacing: -0.04em; max-width: 16ch;
}
.lp-final .lp-btn { margin-top: 1.5rem; }

/* ---------- Footer ---------- */
.lp-footer { border-top: 1px solid var(--lp-rule-soft); padding: 2.25rem 0 2.5rem; font-size: 0.9rem; color: var(--lp-dim); }
.lp-footer-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.lp-footer-brand { font-family: var(--lp-display); font-weight: 700; color: var(--lp-paper); font-size: 1.05rem; }
.lp-footer .pb-footer-links { justify-content: flex-start; gap: 0.5rem 1.5rem; }
.lp-footer .pb-footer-links a { text-decoration: none; color: var(--lp-mist); }
.lp-footer .pb-footer-links a:hover { color: var(--lp-paper); }
.lp-footer-rights { margin: 0; width: 100%; }
@media (min-width: 900px) { .lp-footer-rights { width: auto; margin-left: auto; } }
