:root {
    color-scheme: dark;
    --lp-bg: #020611;
    --lp-panel: #07101f;
    --lp-panel-2: #0a1426;
    --lp-border: rgba(104, 135, 192, .2);
    --lp-text: #f8fbff;
    --lp-muted: #9da9bd;
    --lp-purple: #7638ff;
    --lp-purple-2: #a044ff;
    --lp-blue: #1dbdff;
    --lp-cyan: #16d9e8;
    --lp-green: #13d46f;
    --lp-red: #ff404f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body.landing-preview-page {
    margin: 0;
    min-width: 320px;
    color: var(--lp-text);
    background:
        radial-gradient(circle at 54% 13%, rgba(50, 30, 128, .12), transparent 27%),
        radial-gradient(circle at 90% 34%, rgba(0, 106, 255, .1), transparent 24%),
        #020611;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    overflow-x: hidden;
}

.lp-svg-library { position: absolute; width: 0; height: 0; overflow: hidden; }
a { color: inherit; text-decoration: none; }
svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
#i-discord path, #i-twitch path, #i-youtube path, #i-tiktok path { fill: currentColor; stroke: none; }

.lp-stars {
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .55;
    background-image:
        radial-gradient(circle at 5% 13%, rgba(255,255,255,.85) 0 1px, transparent 1.5px),
        radial-gradient(circle at 16% 38%, rgba(121,89,255,.85) 0 1px, transparent 1.8px),
        radial-gradient(circle at 31% 18%, rgba(69,141,255,.75) 0 1px, transparent 1.8px),
        radial-gradient(circle at 49% 8%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
        radial-gradient(circle at 66% 29%, rgba(126,74,255,.8) 0 1px, transparent 1.7px),
        radial-gradient(circle at 82% 11%, rgba(255,255,255,.75) 0 1px, transparent 1.5px),
        radial-gradient(circle at 94% 22%, rgba(47,199,255,.9) 0 1.4px, transparent 2px);
    background-size: 260px 220px, 340px 270px, 420px 310px, 500px 330px, 380px 280px, 440px 320px, 300px 260px;
}
.lp-glow { position: absolute; pointer-events: none; filter: blur(2px); z-index: -2; }
.lp-glow-a { left: -230px; top: 220px; width: 620px; height: 210px; border: 2px solid rgba(130, 36, 255, .65); border-radius: 50%; transform: rotate(16deg); box-shadow: 0 0 45px rgba(109, 27, 255, .55), inset 0 0 35px rgba(92, 23, 255, .28); }
.lp-glow-b { right: -280px; top: 160px; width: 760px; height: 250px; border: 2px solid rgba(28, 126, 255, .4); border-radius: 50%; transform: rotate(-11deg); box-shadow: 0 0 45px rgba(24, 91, 255, .32); }

.lp-header {
    width: min(1464px, calc(100% - 96px));
    min-height: 48px;
    margin: 10px auto 0;
    padding: 0 22px 0 28px;
    border: 1px solid rgba(84, 120, 183, .25);
    border-radius: 999px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    background: linear-gradient(180deg, rgba(5, 14, 32, .96), rgba(3, 10, 24, .9));
    box-shadow: 0 16px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
    position: relative;
    z-index: 20;
}
.lp-brand { display: inline-flex; align-items: center; gap: 12px; font-size: 19px; letter-spacing: .01em; width: max-content; }
.lp-nav { display: flex; align-items: center; gap: 48px; font-size: 13px; color: #f0f2fa; }
.lp-nav a, .lp-footer nav a { transition: color .18s ease, text-shadow .18s ease; }
.lp-nav a:hover, .lp-footer nav a:hover { color: #b99cff; text-shadow: 0 0 12px rgba(129, 70, 255, .55); }
.lp-header-login { justify-self: end; min-height: 36px; padding: 0 18px; font-size: 13px; }

.lp-bot-logo { display: inline-flex; align-items: center; justify-content: center; position: relative; flex: 0 0 auto; background: linear-gradient(165deg, #43258a, #080d21 68%); border: 1px solid rgba(162,115,255,.2); box-shadow: 0 0 24px rgba(108,45,255,.35), inset 0 0 16px rgba(107,39,255,.3); }
.lp-bot-logo::before, .lp-bot-logo::after { content: ""; position: absolute; top: -6px; width: 11px; height: 11px; border-radius: 80% 20% 60% 40%; background: #322070; }
.lp-bot-logo::before { left: 5px; transform: rotate(-18deg); }
.lp-bot-logo::after { right: 5px; transform: scaleX(-1) rotate(-18deg); }
.lp-bot-logo i { width: 5px; height: 10px; border-radius: 999px; background: #fff; box-shadow: 0 0 10px rgba(255,255,255,.7); margin: 0 3px; }
.lp-bot-logo-small { width: 36px; height: 32px; border-radius: 13px; }
.lp-bot-logo-tiny { width: 24px; height: 21px; border-radius: 8px; }
.lp-bot-logo-tiny::before, .lp-bot-logo-tiny::after { width: 7px; height: 7px; top: -4px; }
.lp-bot-logo-tiny i { width: 3px; height: 6px; margin: 0 2px; }

.lp-button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 44px; border-radius: 7px; padding: 0 24px; font-weight: 700; white-space: nowrap; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.lp-button:hover { transform: translateY(-1px); }
.lp-button svg { width: 20px; height: 20px; }
.lp-button-primary { background: linear-gradient(90deg, #5210ef, #702dff); box-shadow: 0 0 28px rgba(97, 30, 255, .34), inset 0 1px 0 rgba(255,255,255,.16); }
.lp-button-primary:hover { box-shadow: 0 0 36px rgba(107, 39, 255, .52), inset 0 1px 0 rgba(255,255,255,.2); }
.lp-button-secondary { border: 1px solid rgba(83, 132, 211, .5); background: rgba(4, 12, 27, .76); }
.lp-button-secondary:hover { border-color: rgba(112, 164, 255, .75); box-shadow: 0 0 28px rgba(40, 105, 255, .16); }
.lp-button-secondary svg { width: 17px; }

.lp-hero {
    width: min(1508px, calc(100% - 96px));
    min-height: 375px;
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: 40% 60%;
    align-items: center;
    position: relative;
}
.lp-hero-copy { padding: 8px 0 0 28px; z-index: 5; }
.lp-pill { width: max-content; display: inline-flex; align-items: center; gap: 9px; padding: 6px 13px; border: 1px solid rgba(105, 55, 206, .25); border-radius: 999px; color: #bca4ff; background: rgba(41, 19, 84, .35); font-size: 12px; box-shadow: 0 0 22px rgba(91, 33, 189, .12); }
.lp-pill span { width: 6px; height: 6px; border-radius: 50%; background: #a451ff; box-shadow: 0 0 8px #8e42ff; }
.lp-title-wrap { display: flex; gap: 20px; align-items: stretch; margin-top: 18px; }
.lp-title-line { width: 2px; min-height: 100px; background: linear-gradient(#7a34ff, #00caff); box-shadow: 0 0 16px rgba(45, 178, 255, .45); }
.lp-title-wrap h1 { margin: -4px 0 2px; font-size: clamp(52px, 4.2vw, 73px); line-height: .98; letter-spacing: -.045em; font-weight: 900; text-shadow: 0 3px 22px rgba(0,0,0,.5); }
.lp-title-wrap h2 { margin: 9px 0 0; font-size: clamp(19px, 1.55vw, 26px); line-height: 1.15; color: #18bbef; }
.lp-title-wrap h2 b { color: #a83cff; }
.lp-hero-copy > p { color: #c0c8d6; font-size: 14.5px; line-height: 1.55; margin: 13px 0 18px 21px; }
.lp-hero-actions { display: flex; gap: 16px; margin-left: 21px; }
.lp-benefits { margin: 18px 0 0 21px; display: flex; gap: 34px; }
.lp-benefits > div { display: flex; align-items: center; gap: 10px; }
.lp-benefit-icon { color: #9b45ff; font-size: 22px; width: 25px; display: inline-flex; justify-content: center; }
.lp-benefit-icon svg { width: 21px; height: 21px; }
.lp-benefits p { margin: 0; display: grid; gap: 2px; }
.lp-benefits strong { font-size: 12px; }
.lp-benefits small { color: #95a2b5; font-size: 10px; }

.lp-hero-visual { position: relative; height: 358px; perspective: 1300px; }
.lp-orbit { position: absolute; border-radius: 50%; pointer-events: none; }
.lp-orbit-one { width: 840px; height: 250px; left: 30px; top: 64px; border: 1px solid rgba(54, 86, 255, .35); transform: rotate(-8deg); box-shadow: 0 0 30px rgba(41, 85, 255, .18), inset 0 0 25px rgba(21, 71, 208, .12); }
.lp-orbit-two { width: 730px; height: 205px; left: 94px; top: 82px; border: 1px solid rgba(124, 36, 255, .3); transform: rotate(9deg); }
.lp-dashboard-mockup { position: absolute; width: 626px; height: 320px; left: 128px; top: 20px; display: grid; grid-template-columns: 118px 1fr; overflow: hidden; border: 1px solid rgba(67, 91, 145, .25); border-radius: 10px; background: linear-gradient(145deg, rgba(7,14,30,.98), rgba(3,9,22,.98)); box-shadow: -8px 20px 45px rgba(0,0,0,.58), 0 0 60px rgba(25,62,156,.11); transform: rotateX(3deg) rotateY(-7deg) rotateZ(2deg); transform-origin: 50% 50%; }
.lp-mock-sidebar { padding: 16px 11px; border-right: 1px solid rgba(89, 117, 172, .13); display: flex; flex-direction: column; gap: 4px; font-size: 8px; color: #95a2b6; }
.lp-mock-brand { display: flex; align-items: center; gap: 6px; color: #fff; font-size: 9px; font-weight: 800; margin: 0 0 10px 2px; }
.lp-mock-sidebar a { padding: 8px 7px; border-radius: 4px; display: flex; gap: 6px; align-items: center; }
.lp-mock-sidebar a.active { color: #fff; background: linear-gradient(90deg, rgba(96,31,227,.6), rgba(78,34,177,.24)); }
.lp-mock-content { padding: 18px 17px 12px; min-width: 0; }
.lp-mock-heading p { margin: 0; display: grid; gap: 3px; }
.lp-mock-heading strong { font-size: 13px; }
.lp-mock-heading small { color: #8794a7; font-size: 7px; }
.lp-mock-stats { margin-top: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.lp-mock-stats article { min-height: 58px; padding: 10px; border: 1px solid rgba(76, 105, 157, .16); border-radius: 7px; background: rgba(8, 18, 38, .75); position: relative; overflow: hidden; }
.lp-mock-stats small { display: block; color: #7f8fa8; font-size: 7px; margin-bottom: 7px; }
.lp-mock-stats strong { font-size: 18px; font-weight: 600; }
.lp-mini-chart { position: absolute; right: 8px; bottom: 12px; width: 36px; height: 18px; border-bottom: 1px solid currentColor; opacity: .75; clip-path: polygon(0 95%, 13% 72%, 25% 85%, 38% 38%, 52% 66%, 68% 15%, 80% 52%, 100% 4%, 100% 100%, 0 100%); background: linear-gradient(to top, currentColor, transparent); }
.lp-mini-chart.green { color: #0acb73; }
.lp-mini-chart.blue { color: #1a92ff; }
.lp-users-mark { position: absolute; right: 14px; bottom: 11px; color: #7f49ff; font-size: 23px; }
.lp-mock-panels { display: grid; grid-template-columns: 1.65fr .9fr; gap: 10px; margin-top: 10px; }
.lp-mock-panels article { min-height: 112px; border: 1px solid rgba(76,105,157,.16); border-radius: 7px; background: rgba(8,18,38,.72); padding: 10px; }
.lp-activity-panel header { display: flex; justify-content: space-between; align-items: center; font-size: 8px; }
.lp-activity-panel header span { color: #1eafff; }
.lp-activity-panel svg { width: 100%; height: 74px; margin-top: 4px; overflow: visible; }
.lp-activity-panel .area { fill: url(#activity-fill); stroke: none; }
.lp-activity-panel .line { fill: none; stroke: url(#activity-line); stroke: #4d78ff; stroke-width: 2; filter: drop-shadow(0 0 4px #6c32ff); }
.lp-activity-panel circle { fill: #7246ff; stroke: #01bfff; stroke-width: 1; }
.lp-status-panel { display: grid; grid-template-columns: 1fr 1fr; align-items: center; column-gap: 5px; }
.lp-status-panel > strong { grid-column: 1 / -1; font-size: 8px; }
.lp-donut { width: 56px; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(#11b4ff 0 45%, #7245ff 45% 70%, #ff4261 70% 80%, #13213b 80%); position: relative; margin: 3px auto 0; }
.lp-donut::after { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: #091329; }
.lp-status-panel ul { list-style: none; padding: 0; margin: 0; font-size: 6px; color: #92a0b4; display: grid; gap: 5px; }
.lp-status-panel li { display: grid; grid-template-columns: 5px 1fr auto; gap: 4px; align-items: center; }
.lp-status-panel i { width: 4px; height: 4px; border-radius: 50%; }
.lp-status-panel i.active { background: #16caff; } .lp-status-panel i.paused { background: #7b47ff; } .lp-status-panel i.off { background: #ff4b68; }
.lp-status-panel b { color: #d8def0; font-weight: 600; }
.lp-online-row { margin-top: 9px; height: 38px; padding: 0 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(62, 95, 149, .13); border-radius: 6px; background: rgba(7, 15, 32, .74); }
.lp-online-row > span { width: 7px; height: 7px; border-radius: 50%; background: #00d96e; box-shadow: 0 0 9px #00d96e; }
.lp-online-row p { margin: 0; display: grid; gap: 2px; }
.lp-online-row strong { font-size: 8px; } .lp-online-row small { font-size: 6px; color: #8290a6; }

.lp-floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; min-width: 142px; padding: 10px 12px; border: 1px solid rgba(108, 72, 255, .42); border-radius: 9px; background: linear-gradient(145deg, rgba(12,19,43,.96), rgba(5,12,28,.96)); box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 22px rgba(74, 37, 202, .13); }
.lp-floating-card p { margin: 0; display: grid; gap: 2px; }
.lp-floating-card strong { font-size: 12px; }
.lp-floating-card small { font-size: 8px; line-height: 1.35; color: #9eacc0; }
.lp-float-welcome { left: 8px; top: 31px; transform: rotate(5deg); }
.lp-float-twitch { left: 2px; top: 126px; transform: rotate(4deg); }
.lp-float-kick { left: 13px; top: 222px; border-color: rgba(25, 215, 98, .55); transform: rotate(1deg); }
.lp-float-tiktok { right: 1px; top: 36px; border-color: rgba(255, 61, 81, .48); transform: rotate(5deg); }
.lp-float-clips { right: -7px; top: 118px; border-color: rgba(27, 155, 255, .48); transform: rotate(4deg); }
.lp-float-logs { right: -2px; top: 200px; border-color: rgba(23, 210, 229, .48); transform: rotate(5deg); }
.lp-float-personal { right: 7px; top: 281px; border-color: rgba(15, 201, 226, .48); transform: rotate(3deg); }

.lp-module-icon { width: 42px; height: 42px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: 24px; font-weight: 900; position: relative; }
.lp-module-icon svg { width: 25px; height: 25px; }
.lp-module-icon.purple { color: #a975ff; background: linear-gradient(145deg, rgba(108,49,225,.5), rgba(52,24,116,.52)); box-shadow: 0 0 22px rgba(114,51,255,.25); }
.lp-module-icon.twitch { color: #a563ff; background: linear-gradient(145deg, rgba(124,53,255,.45), rgba(49,21,107,.55)); }
.lp-module-icon.kick { color: #11e66f; background: linear-gradient(145deg, rgba(9,140,59,.45), rgba(5,67,32,.58)); font-family: Arial Black, sans-serif; }
.lp-module-icon.youtube { color: #fff; background: linear-gradient(145deg, #df293a, #6e101b); }
.lp-module-icon.tiktok { color: #fff; background: linear-gradient(145deg, rgba(20,33,53,.9), rgba(8,12,24,.95)); text-shadow: -2px 0 #2de2f5, 2px 0 #ff3156; }
.lp-module-icon.clips { color: #38b7ff; background: linear-gradient(145deg, rgba(21,92,166,.55), rgba(8,34,72,.7)); }
.lp-module-icon.logs, .lp-module-icon.personal { color: #20e8ee; background: linear-gradient(145deg, rgba(14,106,135,.45), rgba(7,42,67,.7)); }

.lp-section, .lp-two-columns, .lp-cta { width: min(1510px, calc(100% - 96px)); margin-left: auto; margin-right: auto; }
.lp-section { margin-top: 16px; }
.lp-section h3, .lp-column-block h3 { margin: 0 0 9px; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 12px; }
.lp-section h3::before, .lp-column-block h3::before { content: ""; width: 3px; height: 18px; border-radius: 8px; background: linear-gradient(#7d31ff, #c13cff); box-shadow: 0 0 10px rgba(123,46,255,.55); }
.lp-module-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; }
.lp-module-grid article { min-height: 83px; padding: 12px 12px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid rgba(73, 103, 155, .17); border-radius: 8px; background: linear-gradient(145deg, rgba(8,17,35,.98), rgba(5,13,28,.97)); position: relative; overflow: hidden; box-shadow: 0 14px 26px rgba(0,0,0,.13); }
.lp-module-grid article::after { content: ""; position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px; background: transparent; box-shadow: 0 0 11px currentColor; }
.lp-module-grid article.accent-purple::after { background: #9d3cff; color: #9d3cff; }
.lp-module-grid article.accent-twitch::after { background: #943cff; color: #943cff; }
.lp-module-grid article.accent-kick::after { background: #00c75c; color: #00c75c; }
.lp-module-grid article.accent-youtube::after { background: #ff3347; color: #ff3347; }
.lp-module-grid article.accent-tiktok::after { background: #ef324d; color: #ef324d; }
.lp-module-grid article.accent-clips::after { background: #16aaff; color: #16aaff; }
.lp-module-grid article.accent-logs::after, .lp-module-grid article.accent-personal::after { background: #12cfdd; color: #12cfdd; }
.lp-module-grid .lp-module-icon { width: 39px; height: 39px; border-radius: 10px; }
.lp-module-grid .lp-module-icon svg { width: 23px; height: 23px; }
.lp-module-grid p { margin: 2px 0 0; display: grid; gap: 7px; min-width: 0; }
.lp-module-grid strong { font-size: 12px; }
.lp-module-grid small { color: #9ba9bd; font-size: 9px; line-height: 1.45; }

.lp-two-columns { margin-top: 20px; display: grid; grid-template-columns: 1fr 1.05fr; gap: 22px; }
.lp-step-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.lp-step-grid article { min-height: 115px; padding: 17px 13px; display: grid; grid-template-columns: 47px 1fr 8px; align-items: center; gap: 10px; border: 1px solid rgba(73,103,155,.17); border-radius: 8px; background: linear-gradient(145deg, rgba(8,17,35,.98), rgba(5,13,28,.97)); position: relative; }
.lp-step-grid article > b { position: absolute; left: 13px; top: 13px; width: 27px; height: 27px; border: 1px solid rgba(152,95,255,.55); border-radius: 50%; display: grid; place-items: center; color: #d9c8ff; font-size: 11px; background: rgba(77,35,153,.5); z-index: 2; }
.lp-step-icon { width: 47px; height: 47px; border-radius: 13px; display: grid; place-items: center; color: #4ba8ff; background: linear-gradient(145deg, rgba(26,92,171,.45), rgba(36,24,110,.55)); margin-top: 12px; }
.lp-step-icon svg { width: 27px; height: 27px; }
.lp-step-icon.rocket { color: #4ec0ff; }
.lp-step-grid p, .lp-reason-grid p { margin: 0; display: grid; gap: 7px; }
.lp-step-grid strong, .lp-reason-grid strong { font-size: 12px; }
.lp-step-grid small, .lp-reason-grid small { color: #95a4b8; font-size: 9px; line-height: 1.45; }
.lp-step-grid article > i { color: #a23cff; font-size: 28px; font-style: normal; transform: translateX(18px); text-shadow: 0 0 10px #8b32ff; }
.lp-reason-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.lp-reason-grid article { min-height: 115px; padding: 15px 12px; border: 1px solid rgba(73,103,155,.17); border-radius: 8px; background: linear-gradient(145deg, rgba(8,17,35,.98), rgba(5,13,28,.97)); }
.lp-reason-grid article > span { width: 37px; height: 37px; border-radius: 10px; display: grid; place-items: center; margin-bottom: 10px; color: #9f6cff; background: linear-gradient(145deg, rgba(89,45,176,.45), rgba(20,36,80,.62)); }
.lp-reason-grid article > span svg { width: 22px; height: 22px; }

.lp-cta { min-height: 99px; margin-top: 18px; border: 1px solid rgba(86, 88, 240, .24); border-radius: 10px; display: grid; grid-template-columns: 380px 1fr 360px; align-items: center; overflow: hidden; position: relative; background: linear-gradient(115deg, rgba(54,14,134,.82), rgba(12,24,88,.84) 52%, rgba(0,116,184,.82)); box-shadow: inset 0 0 60px rgba(55,25,150,.23), 0 16px 35px rgba(0,0,0,.19); }
.lp-cta::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 60%, rgba(100,43,255,.48), transparent 26%), radial-gradient(circle at 86% 56%, rgba(0,203,255,.26), transparent 27%); }
.lp-cta::after { content: ""; position: absolute; right: -20px; bottom: -55px; width: 540px; height: 90px; border-top: 2px solid rgba(0,216,255,.48); border-radius: 50%; transform: rotate(-10deg); box-shadow: 0 -3px 18px rgba(0,202,255,.28); }
.lp-cta-bot { height: 100%; position: relative; display: grid; place-items: center; z-index: 2; }
.lp-bot-logo-large { width: 81px; height: 68px; border-radius: 26px; z-index: 3; }
.lp-bot-logo-large::before, .lp-bot-logo-large::after { width: 23px; height: 23px; top: -12px; }
.lp-bot-logo-large::before { left: 9px; } .lp-bot-logo-large::after { right: 9px; }
.lp-bot-logo-large i { width: 10px; height: 23px; margin: 0 7px; }
.lp-cta-ring { position: absolute; border: 1px solid rgba(142,84,255,.45); border-radius: 50%; transform: rotate(-7deg); }
.lp-cta-ring.one { width: 280px; height: 72px; }
.lp-cta-ring.two { width: 210px; height: 50px; border-color: rgba(40, 129, 255, .4); }
.lp-cta-copy { z-index: 2; display: grid; gap: 6px; }
.lp-cta-copy strong { font-size: 21px; }
.lp-cta-copy span { color: #b3bed0; font-size: 12px; }
.lp-cta-button { justify-self: center; z-index: 2; width: 295px; min-height: 53px; font-size: 15px; }
.lp-cta-button svg:last-child { margin-left: auto; }

.lp-footer { margin-top: 18px; border-top: 1px solid rgba(50, 80, 139, .15); background: rgba(2,7,18,.58); }
.lp-footer-inner { width: min(1510px, calc(100% - 96px)); min-height: 82px; margin: auto; display: grid; grid-template-columns: 280px 1fr 46px; align-items: center; gap: 20px; }
.lp-footer-brand { display: flex; align-items: center; gap: 10px; }
.lp-footer-brand p { margin: 0; display: grid; gap: 2px; }
.lp-footer-brand strong { font-size: 16px; }
.lp-footer-brand small { color: #8795a9; font-size: 9px; }
.lp-footer nav { display: flex; justify-content: center; gap: clamp(28px, 4vw, 64px); color: #a9b3c3; font-size: 11px; }
.lp-footer-discord { justify-self: end; color: #8b66ff; }
.lp-footer-discord svg { width: 26px; height: 26px; }

@media (max-width: 1500px) {
    .lp-header, .lp-hero, .lp-section, .lp-two-columns, .lp-cta, .lp-footer-inner { width: min(1400px, calc(100% - 48px)); }
    .lp-hero { grid-template-columns: 42% 58%; }
    .lp-dashboard-mockup { left: 100px; transform: scale(.94) rotateX(3deg) rotateY(-7deg) rotateZ(2deg); transform-origin: left center; }
    .lp-float-tiktok, .lp-float-clips, .lp-float-logs, .lp-float-personal { right: -8px; }
    .lp-module-grid { gap: 8px; }
    .lp-module-grid article { padding: 11px 9px; gap: 8px; }
}

@media (max-width: 1250px) {
    .lp-header { grid-template-columns: 1fr auto; }
    .lp-nav { display: none; }
    .lp-hero { grid-template-columns: 1fr; padding-top: 12px; }
    .lp-hero-copy { max-width: 780px; margin: 0 auto; padding-left: 0; text-align: center; }
    .lp-pill { margin-inline: auto; }
    .lp-title-wrap { justify-content: center; text-align: left; }
    .lp-hero-copy > p { margin-left: 0; }
    .lp-hero-actions, .lp-benefits { justify-content: center; margin-left: 0; }
    .lp-hero-visual { margin-top: 8px; height: 390px; }
    .lp-dashboard-mockup { left: 50%; transform: translateX(-50%) scale(.98) rotateX(3deg) rotateY(-5deg) rotateZ(1deg); transform-origin: center; }
    .lp-float-welcome, .lp-float-twitch, .lp-float-kick { left: calc(50% - 410px); }
    .lp-float-tiktok, .lp-float-clips, .lp-float-logs, .lp-float-personal { right: calc(50% - 410px); }
    .lp-module-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .lp-two-columns { grid-template-columns: 1fr; }
    .lp-cta { grid-template-columns: 250px 1fr 315px; }
    .lp-reason-grid article { min-height: 105px; }
    .lp-footer-inner { grid-template-columns: 240px 1fr 40px; }
    .lp-footer nav { gap: 24px; }
}

@media (max-width: 900px) {
    .lp-header, .lp-hero, .lp-section, .lp-two-columns, .lp-cta, .lp-footer-inner { width: calc(100% - 28px); }
    .lp-header { padding-inline: 16px; }
    .lp-brand strong { font-size: 16px; }
    .lp-header-login span { display: none; }
    .lp-header-login { width: 40px; padding: 0; }
    .lp-hero-copy { padding-inline: 8px; }
    .lp-title-wrap h1 { font-size: clamp(44px, 10vw, 65px); }
    .lp-title-wrap h2 { font-size: 18px; }
    .lp-hero-copy > p br { display: none; }
    .lp-benefits { gap: 18px; flex-wrap: wrap; }
    .lp-hero-visual { height: 330px; margin-top: 18px; transform: scale(.83); transform-origin: top center; width: 118%; margin-left: -9%; }
    .lp-module-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .lp-step-grid { grid-template-columns: 1fr; }
    .lp-step-grid article { min-height: 92px; }
    .lp-step-grid article > i { display: none; }
    .lp-reason-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .lp-cta { grid-template-columns: 170px 1fr; padding-right: 18px; }
    .lp-cta-button { grid-column: 2; width: 100%; margin-bottom: 16px; }
    .lp-cta-copy { padding-top: 16px; }
    .lp-footer-inner { grid-template-columns: 1fr auto; padding: 18px 0; }
    .lp-footer nav { grid-column: 1 / -1; grid-row: 2; flex-wrap: wrap; justify-content: flex-start; gap: 14px 25px; }
}

@media (max-width: 620px) {
    .lp-header { min-height: 52px; margin-top: 7px; }
    .lp-bot-logo-small { width: 33px; height: 29px; }
    .lp-hero { margin-top: 12px; }
    .lp-hero-copy { text-align: left; }
    .lp-pill { margin-inline: 0; }
    .lp-title-wrap { justify-content: flex-start; gap: 12px; }
    .lp-title-wrap h1 { font-size: 44px; }
    .lp-title-wrap h2 { font-size: 17px; line-height: 1.3; }
    .lp-hero-copy > p { font-size: 13px; }
    .lp-hero-actions { display: grid; grid-template-columns: 1fr; }
    .lp-benefits { justify-content: flex-start; display: grid; grid-template-columns: 1fr 1fr; }
    .lp-benefits > div:last-child { grid-column: 1 / -1; }
    .lp-hero-visual { display: none; }
    .lp-section { margin-top: 28px; }
    .lp-module-grid { grid-template-columns: 1fr; }
    .lp-module-grid article { min-height: 77px; }
    .lp-two-columns { margin-top: 26px; }
    .lp-reason-grid { grid-template-columns: 1fr; }
    .lp-cta { grid-template-columns: 1fr; padding: 22px; text-align: center; }
    .lp-cta-bot { display: none; }
    .lp-cta-copy { padding: 0; }
    .lp-cta-copy strong { font-size: 19px; }
    .lp-cta-button { grid-column: 1; width: 100%; margin: 12px 0 0; }
    .lp-footer-inner { grid-template-columns: 1fr auto; }
    .lp-footer nav { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .lp-button { transition: none; }
}

/* Landing preview lift 2: motion, depth and responsive interaction */
body.landing-preview-page {
    --pointer-x: 50vw;
    --pointer-y: 30vh;
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle 580px at var(--pointer-x) var(--pointer-y), rgba(97, 53, 255, .09), transparent 72%),
        radial-gradient(circle at 54% 13%, rgba(50, 30, 128, .14), transparent 28%),
        radial-gradient(circle at 90% 34%, rgba(0, 106, 255, .11), transparent 25%),
        #020611;
}
body.landing-preview-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -6;
    pointer-events: none;
    background: linear-gradient(115deg, rgba(2, 6, 17, .86), rgba(2, 6, 17, .32) 45%, rgba(2, 6, 17, .82));
}
.lp-scroll-progress {
    position: fixed;
    inset: 0 0 auto;
    height: 2px;
    z-index: 120;
    pointer-events: none;
    background: rgba(255,255,255,.025);
}
.lp-scroll-progress span {
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(var(--progress, 0));
    transform-origin: left center;
    background: linear-gradient(90deg, #6f2cff, #a442ff 48%, #16c8ff);
    box-shadow: 0 0 14px rgba(97, 76, 255, .8);
}
.lp-cursor-glow {
    position: fixed;
    left: -230px;
    top: -230px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    z-index: -4;
    pointer-events: none;
    opacity: .5;
    background: radial-gradient(circle, rgba(107, 57, 255, .13), rgba(16, 166, 255, .045) 40%, transparent 72%);
    filter: blur(12px);
    transition: opacity .25s ease;
    will-change: translate;
}
.lp-pointer-away .lp-cursor-glow { opacity: 0; }
.lp-bg-grid {
    position: fixed;
    inset: 0;
    z-index: -5;
    pointer-events: none;
    opacity: .14;
    background-image:
        linear-gradient(rgba(89, 112, 173, .16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(89, 112, 173, .16) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 78%);
    transform: perspective(700px) rotateX(62deg) translateY(-20%);
    transform-origin: top center;
}
.lp-aurora {
    position: fixed;
    z-index: -5;
    pointer-events: none;
    width: 44vw;
    min-width: 520px;
    aspect-ratio: 1.8;
    border-radius: 50%;
    filter: blur(88px);
    opacity: .13;
    will-change: transform;
}
.lp-aurora-one {
    left: -9vw;
    top: 14vh;
    background: #6a26ff;
    animation: lp-aurora-one 18s ease-in-out infinite alternate;
}
.lp-aurora-two {
    right: -13vw;
    top: 34vh;
    background: #009dff;
    animation: lp-aurora-two 21s ease-in-out infinite alternate;
}
.lp-particles { position: fixed; inset: 0; z-index: -3; pointer-events: none; overflow: hidden; }
.lp-particles i {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: rgba(205, 218, 255, .8);
    box-shadow: 0 0 8px rgba(116, 83, 255, .9);
    animation: lp-particle var(--duration) linear var(--delay) infinite;
}
@keyframes lp-particle {
    0% { translate: 0 30px; opacity: 0; }
    16% { opacity: .75; }
    72% { opacity: .35; }
    100% { translate: var(--drift) -120px; opacity: 0; }
}
@keyframes lp-aurora-one { to { transform: translate3d(16vw, 7vh, 0) rotate(8deg) scale(1.08); } }
@keyframes lp-aurora-two { to { transform: translate3d(-14vw, -9vh, 0) rotate(-8deg) scale(.94); } }

.lp-header {
    position: sticky;
    top: 10px;
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
    transition: min-height .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    overflow: visible;
}
.lp-header::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    padding: 1px;
    background: linear-gradient(110deg, transparent 10%, rgba(134, 86, 255, .5), transparent 48%, rgba(0, 199, 255, .28), transparent 85%);
    background-size: 240% 100%;
    opacity: .42;
    animation: lp-header-border 10s linear infinite;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.lp-header.is-scrolled {
    min-height: 44px;
    background: linear-gradient(180deg, rgba(5, 13, 30, .9), rgba(3, 9, 22, .82));
    border-color: rgba(111, 83, 200, .34);
    box-shadow: 0 18px 50px rgba(0,0,0,.34), 0 0 30px rgba(70, 38, 169, .08);
}
@keyframes lp-header-border { to { background-position: -240% 0; } }
.lp-brand { transition: transform .2s ease, color .2s ease; }
.lp-brand:hover { transform: translateY(-1px); color: #d8c9ff; }
.lp-brand:hover .lp-bot-logo { box-shadow: 0 0 30px rgba(121,56,255,.6), inset 0 0 18px rgba(107,39,255,.34); }
.lp-bot-logo i { animation: lp-logo-eye 4.6s ease-in-out infinite; }
.lp-bot-logo i:last-child { animation-delay: .08s; }
@keyframes lp-logo-eye { 0%, 44%, 50%, 100% { scale: 1 1; } 47% { scale: 1 .1; } }
.lp-nav a { position: relative; padding: 14px 0; }
.lp-nav a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 7px;
    width: 0;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(90deg, #7c37ff, #27c6ff);
    box-shadow: 0 0 10px rgba(116, 57, 255, .6);
    transform: translateX(-50%);
    transition: width .2s ease;
}
.lp-nav a:hover::after, .lp-nav a.is-active::after { width: 72%; }
.lp-nav a.is-active { color: #d5c5ff; }
.lp-menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(112, 139, 196, .25);
    border-radius: 10px;
    color: #fff;
    background: rgba(8, 16, 34, .78);
    place-items: center;
    cursor: pointer;
}
.lp-menu-toggle span { display: block; width: 17px; height: 2px; border-radius: 9px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.lp-menu-toggle span + span { margin-top: 4px; }
.lp-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.lp-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.lp-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.lp-button { position: relative; overflow: hidden; translate: var(--magnetic-x, 0) var(--magnetic-y, 0); will-change: translate, transform; }
.lp-button::after {
    content: "";
    position: absolute;
    inset: -2px auto -2px -50%;
    width: 42%;
    transform: skewX(-22deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
    transition: left .5s ease;
    pointer-events: none;
}
.lp-button:hover::after { left: 120%; }
.lp-button-primary { background-size: 180% 100%; animation: lp-button-gradient 7s ease infinite; }
@keyframes lp-button-gradient { 0%,100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } }

.lp-pill { position: relative; overflow: hidden; }
.lp-pill::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,.08), transparent 70%); translate: -120% 0; animation: lp-pill-sheen 6s ease-in-out infinite; }
@keyframes lp-pill-sheen { 0%, 68%, 100% { translate: -120% 0; } 82% { translate: 120% 0; } }
.lp-title-line { background-size: 100% 180%; animation: lp-title-line 4s ease-in-out infinite alternate; }
@keyframes lp-title-line { to { background-position: 0 100%; filter: brightness(1.35); } }
.lp-title-wrap h1 {
    background: linear-gradient(110deg, #fff 12%, #d6ddff 36%, #fff 52%, #9eafff 67%, #fff 82%);
    background-size: 230% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: lp-title-sheen 8s ease-in-out infinite;
}
@keyframes lp-title-sheen { 0%, 28%, 100% { background-position: 0 50%; } 58% { background-position: 100% 50%; } }
.lp-benefits > div { padding: 7px 9px; margin: -7px -9px; border-radius: 10px; transition: background .2s ease, transform .2s ease; }
.lp-benefits > div:hover { background: rgba(77, 47, 143, .12); transform: translateY(-2px); }

.lp-hero-visual [data-depth] { translate: var(--depth-x, 0) var(--depth-y, 0); transition: translate .22s cubic-bezier(.2,.8,.2,1); will-change: translate; }
.lp-orbit-one { animation: lp-orbit-one 14s ease-in-out infinite alternate; }
.lp-orbit-two { animation: lp-orbit-two 17s ease-in-out infinite alternate; }
@keyframes lp-orbit-one { to { scale: 1.035; opacity: .72; } }
@keyframes lp-orbit-two { to { scale: .965; opacity: .9; } }
.lp-dashboard-mockup::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 8;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 18%, rgba(255,255,255,.045) 42%, transparent 59%);
    translate: -130% 0;
    animation: lp-dashboard-sheen 8s ease-in-out infinite;
}
@keyframes lp-dashboard-sheen { 0%, 54%, 100% { translate: -130% 0; } 76% { translate: 130% 0; } }
.lp-dashboard-mockup:hover { border-color: rgba(109, 98, 207, .4); box-shadow: -8px 24px 55px rgba(0,0,0,.6), 0 0 70px rgba(53,70,196,.16); }
.lp-activity-panel .line { stroke-dasharray: 520; stroke-dashoffset: 520; animation: lp-chart-draw 2.4s 1.1s cubic-bezier(.2,.8,.2,1) forwards; }
@keyframes lp-chart-draw { to { stroke-dashoffset: 0; } }
.lp-donut { animation: lp-donut-pulse 5s ease-in-out infinite; }
@keyframes lp-donut-pulse { 50% { filter: drop-shadow(0 0 7px rgba(56, 104, 255, .38)); } }
.lp-online-row > span { animation: lp-online-pulse 1.9s ease-in-out infinite; }
@keyframes lp-online-pulse { 50% { scale: 1.35; box-shadow: 0 0 15px #00d96e; } }
.lp-floating-card { transition: border-color .2s ease, box-shadow .2s ease, filter .2s ease; }
.lp-floating-card:hover { filter: brightness(1.14); box-shadow: 0 16px 38px rgba(0,0,0,.4), 0 0 32px rgba(94, 48, 230, .2); }
.lp-floating-card .lp-module-icon { transition: scale .2s ease, filter .2s ease; }
.lp-floating-card:hover .lp-module-icon { scale: 1.08; filter: brightness(1.18); }

.lp-interactive-card {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    transform: perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    transition: transform .2s cubic-bezier(.2,.8,.2,1), border-color .2s ease, box-shadow .2s ease, background .2s ease;
    will-change: transform;
}
.lp-interactive-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle 120px at var(--shine-x, 50%) var(--shine-y, 50%), rgba(150, 118, 255, .14), transparent 72%);
    transition: opacity .2s ease;
}
.lp-interactive-card:hover { border-color: rgba(113, 96, 195, .36); box-shadow: 0 20px 42px rgba(0,0,0,.24), 0 0 28px rgba(67, 44, 153, .09); }
.lp-interactive-card:hover::before { opacity: 1; }
.lp-interactive-card > * { position: relative; z-index: 1; }
.lp-module-grid article:hover .lp-module-icon, .lp-reason-grid article:hover > span, .lp-step-grid article:hover .lp-step-icon { scale: 1.08; filter: brightness(1.16); }
.lp-module-grid .lp-module-icon, .lp-reason-grid article > span, .lp-step-icon { transition: scale .2s ease, filter .2s ease, box-shadow .2s ease; }
.lp-module-grid article:hover::after { height: 2px; box-shadow: 0 0 18px currentColor; }
.lp-section h3::before, .lp-column-block h3::before { animation: lp-section-marker 2.8s ease-in-out infinite alternate; }
@keyframes lp-section-marker { to { filter: brightness(1.35); box-shadow: 0 0 16px rgba(123,46,255,.82); } }

.lp-cta { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.lp-cta:hover { transform: translateY(-2px); border-color: rgba(103, 119, 255, .42); box-shadow: inset 0 0 70px rgba(55,25,150,.26), 0 22px 48px rgba(0,0,0,.26), 0 0 42px rgba(33, 99, 255, .08); }
.lp-cta::before { background-size: 130% 130%; animation: lp-cta-light 8s ease-in-out infinite alternate; }
@keyframes lp-cta-light { to { background-position: 20% 30%, 72% 44%; } }
.lp-cta-ring.one { animation: lp-ring-one 7s ease-in-out infinite alternate; }
.lp-cta-ring.two { animation: lp-ring-two 8s ease-in-out infinite alternate; }
@keyframes lp-ring-one { to { transform: rotate(5deg) scale(1.06); opacity: .72; } }
@keyframes lp-ring-two { to { transform: rotate(-12deg) scale(.94); opacity: .84; } }
.lp-bot-logo-large { animation: lp-bot-float 4s ease-in-out infinite; }
@keyframes lp-bot-float { 50% { translate: 0 -5px; filter: brightness(1.12); } }

.lp-js .lp-reveal { opacity: 0; transform: translateY(22px) scale(.992); filter: blur(4px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1), filter .7s ease; }
.lp-js .lp-reveal.is-visible { opacity: 1; transform: none; filter: none; }

@media (max-width: 1250px) {
    .lp-header { grid-template-columns: 1fr auto auto; gap: 10px; }
    .lp-menu-toggle { display: grid; }
    .lp-nav {
        display: grid;
        position: absolute;
        left: 12px;
        right: 12px;
        top: calc(100% + 10px);
        gap: 3px;
        padding: 10px;
        border: 1px solid rgba(95, 120, 178, .25);
        border-radius: 16px;
        background: rgba(4, 11, 26, .96);
        box-shadow: 0 24px 55px rgba(0,0,0,.45);
        backdrop-filter: blur(22px);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px) scale(.98);
        transform-origin: top center;
        transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
    }
    .lp-nav a { padding: 11px 13px; border-radius: 9px; }
    .lp-nav a:hover, .lp-nav a.is-active { background: rgba(99, 52, 202, .14); }
    .lp-nav a::after { display: none; }
    .lp-header.is-menu-open .lp-nav, .lp-nav.is-open { opacity: 1 !important; visibility: visible !important; transform: none !important; }
}

@media (max-width: 620px) {
    .lp-header { top: 7px; padding-inline: 12px; }
    .lp-header-login { display: none; }
    .lp-header { grid-template-columns: 1fr auto; }
    .lp-menu-toggle { justify-self: end; }
    .lp-cursor-glow, .lp-bg-grid { display: none; }
    .lp-aurora { min-width: 360px; filter: blur(70px); opacity: .1; }
    .lp-js .lp-reveal { transform: translateY(14px); filter: none; }
    .lp-module-grid article, .lp-step-grid article, .lp-reason-grid article { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .lp-aurora, .lp-particles i, .lp-header::before, .lp-bot-logo i, .lp-button-primary, .lp-pill::after,
    .lp-title-line, .lp-title-wrap h1, .lp-orbit, .lp-dashboard-mockup::after, .lp-activity-panel .line,
    .lp-donut, .lp-online-row > span, .lp-section h3::before, .lp-column-block h3::before, .lp-cta::before,
    .lp-cta-ring, .lp-bot-logo-large { animation: none !important; }
    .lp-js .lp-reveal { opacity: 1; transform: none; filter: none; transition: none; }
    .lp-interactive-card { transform: none !important; }
    .lp-button, .lp-hero-visual [data-depth] { translate: none !important; transition: none; }
}

/* Landing preview motion pass: moving stars and flowing background waves */
.lp-stars {
    will-change: background-position, opacity;
    animation: lp-stars-drift 42s linear infinite, lp-stars-breathe 7s ease-in-out infinite alternate;
}
.lp-stars::before,
.lp-stars::after {
    content: "";
    position: absolute;
    inset: -12%;
    pointer-events: none;
    background-repeat: repeat;
    will-change: transform, opacity;
}
.lp-stars::before {
    opacity: .62;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.7px),
        radial-gradient(circle, rgba(117,86,255,.8) 0 1.2px, transparent 2px),
        radial-gradient(circle, rgba(41,204,255,.82) 0 .8px, transparent 1.6px);
    background-size: 190px 170px, 280px 230px, 360px 290px;
    background-position: 20px 40px, 90px 120px, 160px 20px;
    animation: lp-stars-layer-a 58s linear infinite;
}
.lp-stars::after {
    opacity: .36;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.8) 0 .7px, transparent 1.4px),
        radial-gradient(circle, rgba(143,101,255,.75) 0 1px, transparent 1.8px);
    background-size: 130px 120px, 240px 210px;
    background-position: 40px 80px, 140px 25px;
    filter: blur(.15px);
    animation: lp-stars-layer-b 76s linear infinite reverse, lp-stars-twinkle 4.8s ease-in-out infinite alternate;
}
.lp-flow-lines {
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    height: 430px;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;
    opacity: .8;
    mask-image: linear-gradient(to right, transparent, #000 9%, #000 91%, transparent);
}
.lp-flow-lines i {
    position: absolute;
    width: 74vw;
    min-width: 720px;
    height: 235px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: rgba(117, 52, 255, .52);
    box-shadow: 0 -5px 28px rgba(102, 38, 255, .24), inset 0 8px 26px rgba(93, 38, 255, .08);
    filter: drop-shadow(0 0 10px rgba(97, 47, 255, .28));
    will-change: transform, opacity;
}
.lp-flow-lines i:nth-child(1) {
    left: -19vw;
    top: 125px;
    transform: rotate(12deg);
    animation: lp-flow-left 15s ease-in-out infinite alternate;
}
.lp-flow-lines i:nth-child(2) {
    left: -10vw;
    top: 168px;
    border-top-color: rgba(27, 179, 255, .3);
    animation: lp-flow-left-soft 20s ease-in-out infinite alternate-reverse;
}
.lp-flow-lines i:nth-child(3) {
    right: -20vw;
    top: 72px;
    border-top-color: rgba(33, 141, 255, .47);
    box-shadow: 0 -5px 30px rgba(21, 116, 255, .2), inset 0 8px 26px rgba(21, 116, 255, .07);
    transform: rotate(-12deg);
    animation: lp-flow-right 17s ease-in-out infinite alternate;
}
.lp-flow-lines i:nth-child(4) {
    right: -9vw;
    top: 142px;
    border-top-color: rgba(143, 48, 255, .32);
    animation: lp-flow-right-soft 23s ease-in-out infinite alternate-reverse;
}
.lp-glow-a { animation: lp-glow-wave-a 13s ease-in-out infinite alternate; will-change: transform, opacity; }
.lp-glow-b { animation: lp-glow-wave-b 16s ease-in-out infinite alternate; will-change: transform, opacity; }

@keyframes lp-stars-drift {
    to { background-position: 110px -150px, -180px -90px, 210px -170px, -130px -120px, 160px -210px, -190px -140px, 120px -180px; }
}
@keyframes lp-stars-breathe { to { opacity: .75; } }
@keyframes lp-stars-layer-a { to { transform: translate3d(90px, -130px, 0) rotate(.45deg); } }
@keyframes lp-stars-layer-b { to { transform: translate3d(-80px, -95px, 0) rotate(-.35deg); } }
@keyframes lp-stars-twinkle { 0% { opacity: .22; } 55% { opacity: .48; } 100% { opacity: .3; } }
@keyframes lp-flow-left {
    to { transform: translate3d(95px, -24px, 0) rotate(8deg) scale(1.04); opacity: .55; }
}
@keyframes lp-flow-left-soft {
    to { transform: translate3d(135px, 20px, 0) rotate(-5deg) scale(.96); opacity: .72; }
}
@keyframes lp-flow-right {
    to { transform: translate3d(-110px, 22px, 0) rotate(-7deg) scale(1.05); opacity: .58; }
}
@keyframes lp-flow-right-soft {
    to { transform: translate3d(-145px, -18px, 0) rotate(6deg) scale(.95); opacity: .72; }
}
@keyframes lp-glow-wave-a {
    to { transform: translate3d(100px, -18px, 0) rotate(10deg) scale(1.08); opacity: .7; }
}
@keyframes lp-glow-wave-b {
    to { transform: translate3d(-115px, 28px, 0) rotate(-7deg) scale(.94); opacity: .72; }
}

@media (max-width: 780px) {
    .lp-flow-lines { top: 100px; height: 360px; opacity: .5; }
    .lp-flow-lines i { min-width: 600px; height: 190px; }
    .lp-stars::before { opacity: .44; }
}
@media (prefers-reduced-motion: reduce) {
    .lp-stars,
    .lp-stars::before,
    .lp-stars::after,
    .lp-flow-lines i,
    .lp-glow-a,
    .lp-glow-b { animation: none !important; }
}

/* Owner-only landing preview pages */
.lp-discord-mark { width: 20px; height: 20px; object-fit: contain; display: block; }
.lp-users-mark svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.lp-detail-page .lp-header { margin-bottom: 0; }
.lp-detail-main { width: min(1400px, calc(100% - 72px)); margin: 0 auto; padding: 96px 0 32px; position: relative; z-index: 2; }
.lp-detail-hero { min-height: 520px; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr); gap: 70px; align-items: center; }
.lp-detail-kicker { display: inline-flex; color: #aa8cff; font-size: 12px; font-weight: 900; letter-spacing: .12em; margin-bottom: 16px; }
.lp-detail-hero h1 { max-width: 760px; margin: 0; font-size: clamp(45px, 5.4vw, 78px); line-height: 1.02; letter-spacing: -.055em; }
.lp-detail-hero > div:first-child > p { max-width: 690px; margin: 24px 0 0; color: #9aa8bd; font-size: 17px; line-height: 1.7; }
.lp-detail-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }
.lp-detail-visual { min-height: 380px; position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(85, 112, 165, .25); border-radius: 24px; background: radial-gradient(circle at 50% 30%, rgba(100, 55, 255, .25), transparent 45%), linear-gradient(145deg, rgba(7, 17, 36, .96), rgba(3, 9, 23, .95)); box-shadow: 0 28px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035); }
.lp-detail-orb { position: absolute; border-radius: 50%; filter: blur(1px); }
.lp-detail-orb.one { width: 260px; height: 260px; border: 1px solid rgba(105, 76, 255, .34); }
.lp-detail-orb.two { width: 400px; height: 400px; border: 1px solid rgba(40, 137, 255, .20); }
.lp-feature-visual { padding: 42px; align-content: center; gap: 14px; }
.lp-feature-visual article { position: relative; z-index: 1; width: min(360px, 90%); display: grid; gap: 5px; padding: 18px 20px; border: 1px solid rgba(103, 86, 180, .36); border-radius: 14px; background: rgba(11, 19, 40, .86); box-shadow: 0 16px 32px rgba(0,0,0,.22); }
.lp-feature-visual article:nth-of-type(1) { transform: translateX(-34px); }
.lp-feature-visual article:nth-of-type(3) { transform: translateX(34px); }
.lp-feature-visual small { color: #8f9db3; }
.lp-module-cloud { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; padding: 72px; }
.lp-module-cloud img { width: 82px; height: 82px; border-radius: 22px; box-shadow: 0 16px 36px rgba(0,0,0,.28); transition: transform .18s ease, filter .18s ease; }
.lp-module-cloud img:nth-child(2), .lp-module-cloud img:nth-child(4) { transform: translateY(34px); }
.lp-module-cloud img:hover { transform: translateY(-6px) scale(1.04); filter: brightness(1.1); }
.lp-flow-preview { display: flex; gap: 18px; padding: 48px; }
.lp-flow-preview span { min-width: 130px; min-height: 72px; display: grid; place-items: center; padding: 12px 18px; border: 1px solid rgba(111, 82, 255, .45); border-radius: 14px; background: rgba(16, 24, 50, .82); font-weight: 800; text-align: center; }
.lp-flow-preview i { color: #805cff; font-size: 28px; font-style: normal; }
.lp-detail-section { margin-top: 42px; }
.lp-detail-section-head { max-width: 820px; margin-bottom: 28px; }
.lp-detail-section-head span { color: #8f70ff; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.lp-detail-section-head h2 { margin: 9px 0 0; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; letter-spacing: -.035em; }
.lp-feature-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.lp-feature-cards article { min-height: 220px; padding: 24px; border: 1px solid rgba(74, 102, 157, .23); border-radius: 16px; background: linear-gradient(145deg, rgba(8, 18, 38, .94), rgba(4, 11, 25, .96)); box-shadow: 0 18px 36px rgba(0,0,0,.16); }
.lp-feature-cards article > span { color: #7651ff; font-size: 12px; font-weight: 900; }
.lp-feature-cards h3 { margin: 26px 0 10px; font-size: 20px; }
.lp-feature-cards p { margin: 0; color: #95a4bb; line-height: 1.65; }
.lp-module-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.lp-module-catalog article { min-height: 154px; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 15px; align-items: start; padding: 20px; border: 1px solid rgba(75, 105, 160, .22); border-radius: 16px; background: linear-gradient(145deg, rgba(9, 19, 40, .96), rgba(4, 11, 25, .96)); }
.lp-module-catalog article > img, .lp-catalog-generic { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 14px; object-fit: cover; background: rgba(98, 62, 255, .20); font-size: 25px; }
.lp-module-catalog h3 { margin: 2px 0 8px; font-size: 18px; }
.lp-module-catalog p { margin: 0; color: #92a1b8; font-size: 13px; line-height: 1.55; }
.lp-module-catalog b { align-self: start; padding: 6px 9px; border-radius: 999px; color: #75ef9f; background: rgba(36, 156, 82, .18); font-size: 10px; }
.lp-process-list { display: grid; gap: 12px; }
.lp-process-list article { min-height: 120px; display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 20px; align-items: center; padding: 22px 26px; border: 1px solid rgba(73, 101, 154, .24); border-radius: 16px; background: linear-gradient(90deg, rgba(11, 22, 45, .96), rgba(5, 13, 29, .95)); }
.lp-process-list article > b { color: #7854ff; font-size: 30px; }
.lp-process-list h3 { margin: 0 0 8px; font-size: 20px; }
.lp-process-list p { margin: 0; color: #96a5bb; line-height: 1.6; }
.lp-ready-checklist { margin-top: 18px; padding: 26px; border: 1px solid rgba(67, 193, 120, .28); border-radius: 16px; background: linear-gradient(145deg, rgba(10, 40, 35, .52), rgba(7, 17, 33, .92)); }
.lp-ready-checklist h3 { margin: 0 0 18px; }
.lp-ready-checklist div { display: flex; align-items: center; gap: 10px; margin-top: 10px; color: #b4c2d3; }
.lp-ready-checklist span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #61e991; background: rgba(44, 170, 91, .16); font-weight: 900; }
.lp-detail-cta { margin-top: 60px; }
@media (max-width: 1050px) {
    .lp-detail-main { width: min(100% - 40px, 1400px); padding-top: 76px; }
    .lp-detail-hero { grid-template-columns: 1fr; gap: 34px; }
    .lp-detail-visual { min-height: 330px; }
    .lp-feature-cards, .lp-module-catalog { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 700px) {
    .lp-detail-main { width: min(100% - 28px, 1400px); padding-top: 58px; }
    .lp-detail-hero { min-height: auto; }
    .lp-detail-hero h1 { font-size: clamp(38px, 12vw, 58px); }
    .lp-detail-hero > div:first-child > p { font-size: 15px; }
    .lp-detail-actions { display: grid; }
    .lp-detail-actions .lp-button { width: 100%; }
    .lp-feature-cards, .lp-module-catalog { grid-template-columns: 1fr; }
    .lp-module-cloud { padding: 34px; }
    .lp-module-cloud img { width: 64px; height: 64px; border-radius: 18px; }
    .lp-flow-preview { flex-direction: column; padding: 34px; }
    .lp-flow-preview i { transform: rotate(90deg); }
    .lp-process-list article { grid-template-columns: 54px minmax(0,1fr); padding: 18px; }
}


/* Owner preview final scaling pass: readable wide screens, reliable document scroll. */
html {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
body.landing-preview-page {
    min-height: 100dvh;
    overflow-x: clip !important;
    overflow-y: visible !important;
}
body.landing-preview-page.lp-detail-page {
    height: auto !important;
    min-height: 100dvh;
    overflow-y: visible !important;
    overscroll-behavior-y: auto;
}
.lp-detail-page main,
.lp-detail-page .lp-detail-main {
    height: auto;
    min-height: calc(100dvh - 140px);
    overflow: visible;
}

/* Use more of large displays instead of leaving a small site in the centre. */
@media (min-width: 1600px) {
    body.landing-preview-page { font-size: 16px; }
    .lp-header,
    .lp-hero,
    .lp-section,
    .lp-two-columns,
    .lp-cta,
    .lp-footer-inner {
        width: min(1740px, calc(100% - 72px));
    }
    .lp-header {
        min-height: 58px;
        padding-inline: 30px 24px;
    }
    .lp-brand { font-size: 21px; }
    .lp-nav { gap: clamp(38px, 3vw, 62px); font-size: 14px; }
    .lp-header-login { min-height: 42px; font-size: 14px; }
    .lp-hero {
        min-height: 465px;
        grid-template-columns: minmax(560px, 41%) minmax(0, 59%);
        margin-top: 26px;
    }
    .lp-hero-copy { padding-left: 34px; }
    .lp-title-wrap h1 { font-size: clamp(68px, 4.5vw, 92px); }
    .lp-title-wrap h2 { font-size: clamp(25px, 1.65vw, 32px); }
    .lp-hero-copy > p { max-width: 650px; font-size: 16px; line-height: 1.65; }
    .lp-button { min-height: 48px; padding-inline: 27px; font-size: 14px; }
    .lp-benefits strong { font-size: 13px; }
    .lp-benefits small { font-size: 11px; }
    .lp-hero-visual { height: 430px; }
    .lp-dashboard-mockup {
        left: 50%;
        top: 45px;
        transform: translateX(-48%) scale(1.13) rotateX(3deg) rotateY(-6deg) rotateZ(1.4deg);
        transform-origin: center;
    }
    .lp-module-grid article { min-height: 96px; padding: 15px 14px; }
    .lp-module-grid strong { font-size: 13px; }
    .lp-module-grid small { font-size: 10px; line-height: 1.45; }
    .lp-section-title { font-size: 17px; }
    .lp-step-grid article,
    .lp-reason-grid article { min-height: 124px; padding: 20px; }
    .lp-step-grid strong,
    .lp-reason-grid strong { font-size: 14px; }
    .lp-step-grid small,
    .lp-reason-grid small { font-size: 11px; line-height: 1.5; }
    .lp-cta { min-height: 116px; grid-template-columns: 430px 1fr 390px; }
    .lp-cta-copy strong { font-size: 21px; }
    .lp-cta-copy span { font-size: 12px; }
    .lp-footer-inner { min-height: 94px; }
    .lp-footer nav { font-size: 12px; }

    .lp-detail-main {
        width: min(1680px, calc(100% - 80px));
        padding-top: 108px;
        padding-bottom: 48px;
    }
    .lp-detail-hero {
        min-height: 610px;
        grid-template-columns: minmax(0, 1.05fr) minmax(500px, .95fr);
        gap: clamp(70px, 5vw, 110px);
    }
    .lp-detail-kicker { font-size: 13px; }
    .lp-detail-hero h1 { max-width: 900px; font-size: clamp(62px, 4.4vw, 92px); }
    .lp-detail-hero > div:first-child > p { max-width: 790px; font-size: 19px; }
    .lp-detail-visual { min-height: 460px; }
    .lp-feature-visual article { width: min(430px, 92%); padding: 22px 24px; }
    .lp-feature-visual article b { font-size: 17px; }
    .lp-feature-visual small { font-size: 13px; }
    .lp-module-cloud img { width: 98px; height: 98px; border-radius: 25px; }
    .lp-flow-preview span { min-width: 155px; min-height: 86px; font-size: 16px; }
    .lp-detail-section { margin-top: 64px; }
    .lp-detail-section-head { max-width: 980px; }
    .lp-detail-section-head span { font-size: 12px; }
    .lp-detail-section-head h2 { font-size: clamp(39px, 3vw, 56px); }
    .lp-feature-cards,
    .lp-module-catalog { gap: 18px; }
    .lp-feature-cards article { min-height: 250px; padding: 30px; }
    .lp-feature-cards h3 { font-size: 23px; }
    .lp-feature-cards p { font-size: 15px; }
    .lp-module-catalog article { min-height: 178px; padding: 24px; grid-template-columns: 62px minmax(0, 1fr) auto; }
    .lp-module-catalog article > img,
    .lp-catalog-generic { width: 62px; height: 62px; }
    .lp-module-catalog h3 { font-size: 21px; }
    .lp-module-catalog p { font-size: 15px; }
    .lp-module-catalog b { font-size: 11px; }
    .lp-process-list article { min-height: 142px; grid-template-columns: 98px minmax(0, 1fr); padding: 27px 32px; }
    .lp-process-list article > b { font-size: 35px; }
    .lp-process-list h3 { font-size: 23px; }
    .lp-process-list p { font-size: 15px; }
    .lp-ready-checklist { padding: 32px; font-size: 15px; }
}

@media (min-width: 2200px) {
    .lp-header,
    .lp-hero,
    .lp-section,
    .lp-two-columns,
    .lp-cta,
    .lp-footer-inner { width: min(1960px, calc(100% - 112px)); }
    .lp-detail-main { width: min(1880px, calc(100% - 112px)); }
    .lp-dashboard-mockup { transform: translateX(-48%) scale(1.25) rotateX(3deg) rotateY(-6deg) rotateZ(1.4deg); }
}


/* v162 hotfix: subpages use the same animated cosmic flow as the main landing. */
.lp-detail-page .lp-flow-lines { position: fixed; }

/* v163 Owner preview: final wide-screen scale and top-of-page cosmic background. */
body.landing-preview-page {
    background:
        radial-gradient(ellipse 54% 34% at 8% 11%, rgba(100, 28, 255, .22), transparent 72%),
        radial-gradient(ellipse 58% 34% at 93% 13%, rgba(0, 132, 255, .19), transparent 72%),
        radial-gradient(circle 820px at 52% -9%, rgba(77, 42, 190, .16), transparent 72%),
        #020611;
    background-attachment: fixed;
}

/* Keep the most characteristic aurora and flow lines in the upper viewport. */
.lp-glow-a {
    position: fixed;
    left: -12vw;
    top: 86px;
    width: 54vw;
    min-width: 720px;
    height: 270px;
    opacity: .92;
}
.lp-glow-b {
    position: fixed;
    right: -15vw;
    top: 72px;
    width: 62vw;
    min-width: 820px;
    height: 290px;
    opacity: .86;
}
.lp-flow-lines,
.lp-detail-page .lp-flow-lines {
    position: fixed;
    inset: 48px 0 auto;
    height: 510px;
    opacity: .92;
    mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}
.lp-flow-lines i {
    width: 78vw;
    min-width: 980px;
    height: 300px;
}
.lp-flow-lines i:nth-child(1) { top: 112px; }
.lp-flow-lines i:nth-child(2) { top: 172px; }
.lp-flow-lines i:nth-child(3) { top: 82px; }
.lp-flow-lines i:nth-child(4) { top: 154px; }
.lp-stars {
    opacity: .48;
    background-position: 0 0;
}

/* The previous breakpoint started too late on scaled Windows displays. */
@media (min-width: 1280px) {
    body.landing-preview-page { font-size: 16px; }

    .lp-header,
    .lp-hero,
    .lp-section,
    .lp-two-columns,
    .lp-cta,
    .lp-footer-inner {
        width: min(1840px, calc(100% - 48px));
    }

    .lp-header {
        min-height: 62px;
        margin-top: 14px;
        padding: 0 28px 0 32px;
    }
    .lp-brand { font-size: 21px; }
    .lp-bot-logo-small { width: 40px; height: 36px; }
    .lp-nav { gap: clamp(34px, 3vw, 62px); font-size: 14px; }
    .lp-header-login { min-height: 44px; padding-inline: 22px; font-size: 14px; }

    .lp-hero {
        min-height: 520px;
        margin-top: 26px;
        grid-template-columns: minmax(500px, 41%) minmax(0, 59%);
    }
    .lp-hero-copy { padding: 12px 0 0 34px; }
    .lp-pill { padding: 7px 14px; font-size: 13px; }
    .lp-title-wrap { margin-top: 22px; }
    .lp-title-line { min-height: 118px; }
    .lp-title-wrap h1 { font-size: clamp(68px, 5vw, 102px); }
    .lp-title-wrap h2 { font-size: clamp(25px, 1.8vw, 35px); }
    .lp-hero-copy > p {
        max-width: 720px;
        margin-top: 17px;
        font-size: 17px;
        line-height: 1.66;
    }
    .lp-hero-actions { margin-top: 22px; gap: 18px; }
    .lp-button { min-height: 50px; padding-inline: 28px; font-size: 15px; }
    .lp-benefits { margin-top: 22px; gap: 42px; }
    .lp-benefits strong { font-size: 14px; }
    .lp-benefits small { font-size: 11px; }

    .lp-hero-visual { height: 490px; }
    .lp-dashboard-mockup {
        left: 50%;
        top: 70px;
        transform: translateX(-48%) scale(1.2) rotateX(3deg) rotateY(-6deg) rotateZ(1.4deg);
        transform-origin: center;
    }
    .lp-orbit-one { left: 2%; top: 94px; width: 92%; height: 300px; }
    .lp-orbit-two { left: 10%; top: 120px; width: 80%; height: 245px; }

    .lp-section { margin-top: 28px; }
    .lp-section h3,
    .lp-column-block h3 { margin-bottom: 14px; font-size: 20px; }
    .lp-module-grid { gap: 12px; }
    .lp-module-grid article { min-height: 112px; padding: 17px 16px; }
    .lp-module-grid strong { font-size: 14px; }
    .lp-module-grid small { font-size: 11px; line-height: 1.5; }
    .lp-module-icon { width: 42px; height: 42px; border-radius: 12px; }

    .lp-two-columns { margin-top: 28px; gap: 24px; }
    .lp-step-grid,
    .lp-reason-grid { gap: 12px; }
    .lp-step-grid article,
    .lp-reason-grid article { min-height: 142px; padding: 22px; }
    .lp-step-grid strong,
    .lp-reason-grid strong { font-size: 15px; }
    .lp-step-grid small,
    .lp-reason-grid small { font-size: 12px; line-height: 1.55; }

    .lp-cta {
        min-height: 132px;
        margin-top: 28px;
        grid-template-columns: minmax(330px, .8fr) minmax(360px, 1.4fr) minmax(320px, .8fr);
    }
    .lp-cta-copy strong { font-size: 24px; }
    .lp-cta-copy span { font-size: 13px; }
    .lp-cta-button { min-height: 56px; font-size: 15px; }
    .lp-footer-inner { min-height: 104px; }
    .lp-footer nav { font-size: 13px; }

    .lp-detail-main {
        width: min(1760px, calc(100% - 56px));
        padding-top: 116px;
        padding-bottom: 64px;
    }
    .lp-detail-hero {
        min-height: 650px;
        grid-template-columns: minmax(0, 1.08fr) minmax(500px, .92fr);
        gap: clamp(64px, 5vw, 112px);
    }
    .lp-detail-kicker { font-size: 13px; }
    .lp-detail-hero h1 { max-width: 980px; font-size: clamp(66px, 5vw, 104px); }
    .lp-detail-hero > div:first-child > p { max-width: 820px; font-size: 19px; line-height: 1.68; }
    .lp-detail-visual { min-height: 490px; }
    .lp-detail-section { margin-top: 72px; }
    .lp-detail-section-head h2 { font-size: clamp(42px, 3.2vw, 62px); }
    .lp-feature-cards,
    .lp-module-catalog { gap: 20px; }
    .lp-feature-cards article { min-height: 270px; padding: 32px; }
    .lp-feature-cards h3 { font-size: 24px; }
    .lp-feature-cards p { font-size: 16px; }
    .lp-module-catalog article { min-height: 188px; padding: 26px; }
    .lp-module-catalog h3 { font-size: 22px; }
    .lp-module-catalog p { font-size: 15px; }
    .lp-process-list article { min-height: 154px; padding: 30px 34px; }
    .lp-process-list h3 { font-size: 24px; }
    .lp-process-list p { font-size: 16px; }
}

@media (min-width: 1900px) {
    .lp-header,
    .lp-hero,
    .lp-section,
    .lp-two-columns,
    .lp-cta,
    .lp-footer-inner { width: min(2040px, calc(100% - 72px)); }
    .lp-detail-main { width: min(1960px, calc(100% - 80px)); }
    .lp-hero { min-height: 570px; }
    .lp-dashboard-mockup { transform: translateX(-48%) scale(1.32) rotateX(3deg) rotateY(-6deg) rotateZ(1.4deg); }
}

@media (max-width: 1279px) and (min-width: 901px) {
    .lp-header,
    .lp-hero,
    .lp-section,
    .lp-two-columns,
    .lp-cta,
    .lp-footer-inner { width: calc(100% - 40px); }
}

/* Streamcio 1.5.5 · komunikat OAuth na publicznym landingu */
.lp-flash-error {
    width: min(1180px, calc(100% - 40px));
    margin: 18px auto 0;
    padding: 13px 16px;
    border: 1px solid rgba(248, 113, 113, .38);
    border-radius: 14px;
    color: #fecaca;
    background: rgba(127, 29, 29, .34);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
    backdrop-filter: blur(16px);
    font-size: 14px;
    line-height: 1.45;
    position: relative;
    z-index: 20;
}