:root {
    --lf-bg: #070a12;
    --lf-surface: #0e1320;
    --lf-surface-2: #121927;
    --lf-surface-3: #171e2f;
    --lf-line: rgba(197, 212, 237, .13);
    --lf-line-strong: rgba(197, 212, 237, .23);
    --lf-text: #f0f5ff;
    --lf-muted: #8994ab;
    --lf-soft: #b6c0d1;
    --lf-cyan: #84eaff;
    --lf-violet: #b3a4ff;
    --lf-lime: #d4fa80;
    --lf-coral: #ff9b82;
    --lf-radius: 14px;
    --lf-shell: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--lf-text); background: var(--lf-bg); font-family: Manrope, Arial, sans-serif; font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body::before { content: ""; pointer-events: none; position: fixed; inset: 0; opacity: .42; background-image: radial-gradient(circle at 18% 12%, rgba(132,234,255,.08), transparent 26rem), radial-gradient(circle at 86% 22%, rgba(179,164,255,.09), transparent 25rem), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: auto, auto, 64px 64px, 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 78%); z-index: -1; }
body, button, input, textarea, select { font-family: Manrope, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
p { color: var(--lf-muted); }
h1, h2, h3, h4 { margin: 0; line-height: 1.1; letter-spacing: -.045em; }
h1, h2 { font-weight: 700; }
ul { margin: 0; padding: 0; list-style: none; }
.skip-link { position: absolute; left: -999px; top: auto; }
.skip-link:focus { left: 16px; top: 16px; background: var(--lf-cyan); color: #071019; padding: 10px 14px; z-index: 99; }
.lfm-shell { width: min(var(--lf-shell), calc(100% - 56px)); margin: 0 auto; }
.lfm-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--lf-line); background: rgba(7,10,18,.8); backdrop-filter: blur(18px); }
.lfm-header-inner { height: 76px; display: flex; align-items: center; gap: 34px; }
.lfm-brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.lfm-brand-word { font-size: 16px; font-weight: 800; letter-spacing: -.04em; }
.lfm-brand-word b { color: var(--lf-cyan); font-weight: 800; }
.lfm-brand-mark { width: 27px; height: 27px; display: inline-flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 4px; border: 1px solid rgba(132,234,255,.55); border-radius: 9px 9px 9px 3px; background: linear-gradient(145deg, rgba(132,234,255,.19), rgba(179,164,255,.1)); transform: rotate(-8deg); }
.lfm-brand-mark i { display: block; width: 4px; border-radius: 4px; background: var(--lf-cyan); transform: skew(-16deg); }
.lfm-brand-mark i:nth-child(1) { height: 9px; opacity: .55; }
.lfm-brand-mark i:nth-child(2) { height: 14px; }
.lfm-brand-mark i:nth-child(3) { height: 7px; background: var(--lf-violet); }
.lfm-primary-nav { flex: 1; }
.lfm-menu { display: flex; align-items: center; justify-content: center; gap: 28px; }
.lfm-menu a, .lfm-text-link { color: var(--lf-muted); font-size: 13px; font-weight: 600; transition: color .2s ease; }
.lfm-menu a:hover, .lfm-text-link:hover { color: var(--lf-text); }
.lfm-header-actions { display: flex; align-items: center; gap: 23px; }
.lfm-text-link span, .lfm-button span, .lfm-inline-link span, .lfm-workflow-card a span { color: var(--lf-cyan); margin-left: 6px; }
.lfm-button { display: inline-flex; align-items: center; justify-content: center; gap: 3px; min-height: 47px; padding: 0 19px; border: 1px solid var(--lf-cyan); border-radius: 8px; background: var(--lf-cyan); color: #071019; font-size: 13px; font-weight: 800; box-shadow: 0 0 24px rgba(132,234,255,.1); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.lfm-button:hover { color: #071019; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(132,234,255,.18); }
.lfm-button-small { min-height: 38px; padding: 0 14px; font-size: 12px; }
.lfm-button-ghost { color: var(--lf-text); border-color: var(--lf-line-strong); background: transparent; box-shadow: none; }
.lfm-button-ghost:hover { color: var(--lf-cyan); border-color: var(--lf-cyan); background: rgba(132,234,255,.06); box-shadow: none; }
.lfm-menu-toggle { display: none; border: 0; background: none; padding: 5px; }
.lfm-menu-toggle span { display: block; width: 22px; height: 1px; margin: 5px 0; background: var(--lf-text); }
.lfm-menu-toggle em { display: none; }
.lfm-main { overflow: hidden; }
.lfm-hero { min-height: 660px; display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 74px; padding-top: 83px; padding-bottom: 72px; }
.lfm-hero-copy { padding-bottom: 14px; }
.lfm-kicker, .lfm-overline { display: flex; align-items: center; gap: 9px; color: var(--lf-cyan); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.lfm-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lf-lime); box-shadow: 0 0 10px var(--lf-lime); }
.lfm-kicker-line { width: 24px; height: 1px; background: rgba(132,234,255,.5); }
.lfm-hero h1 { max-width: 590px; margin: 24px 0 22px; font-size: clamp(50px, 5.5vw, 80px); }
.lfm-hero h1 em, .lfm-cta h2 em { color: var(--lf-cyan); font-style: normal; }
.lfm-hero-lede { max-width: 455px; margin: 0; color: var(--lf-soft); font-size: 17px; line-height: 1.75; }
.lfm-hero-actions { display: flex; gap: 11px; margin-top: 31px; }
.lfm-hero-note { display: flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--lf-muted); font-family: "DM Mono", monospace; font-size: 10px; }
.lfm-check { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border: 1px solid rgba(212,250,128,.5); border-radius: 50%; color: var(--lf-lime); }
.lfm-note-sep { color: var(--lf-line-strong); }
.lfm-hero-product { position: relative; min-width: 0; border: 1px solid rgba(132,234,255,.24); border-radius: 16px; background: linear-gradient(145deg, rgba(20,28,44,.97), rgba(10,15,25,.98)); box-shadow: 0 35px 100px rgba(0,0,0,.35), 0 0 60px rgba(132,234,255,.055); transform: perspective(1300px) rotateY(-3deg) rotateX(1deg); }
.lfm-product-glow { position: absolute; width: 240px; height: 240px; top: -80px; right: 0; border-radius: 50%; background: rgba(132,234,255,.18); filter: blur(80px); opacity: .45; pointer-events: none; }
.lfm-product-bar { position: relative; height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid var(--lf-line); color: #6e7d95; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.lfm-window-dots { display: flex; gap: 5px; }.lfm-window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #455269; }.lfm-window-dots i:first-child { background: var(--lf-coral); }.lfm-window-dots i:nth-child(2) { background: var(--lf-lime); }
.lfm-product-status { display: flex; gap: 6px; align-items: center; color: var(--lf-lime); }.lfm-product-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--lf-lime); }
.lfm-product-columns { display: grid; grid-template-columns: 1fr 1.18fr 1fr; min-height: 305px; }
.lfm-preview-panel { min-width: 0; padding: 23px 17px; border-right: 1px solid var(--lf-line); }.lfm-preview-panel:last-child { border-right: 0; }
.lfm-preview-label { display: flex; align-items: center; gap: 9px; margin-bottom: 22px; color: #5e6c83; font-family: "DM Mono", monospace; font-size: 9px; }.lfm-preview-label span { color: var(--lf-text); font-family: Manrope, sans-serif; font-weight: 700; letter-spacing: 0; text-transform: none; }.lfm-preview-label b { margin-left: auto; color: var(--lf-lime); font-size: 9px; font-weight: 400; }
.lfm-file-card { display: flex; align-items: center; gap: 9px; padding: 11px 10px; border: 1px solid rgba(132,234,255,.25); border-radius: 7px; background: rgba(132,234,255,.065); }.lfm-file-card > span:nth-child(2) { min-width: 0; }.lfm-file-card b { display: block; overflow: hidden; color: var(--lf-soft); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.lfm-file-card small { display: block; margin-top: 3px; color: #5e6c83; font-family: "DM Mono", monospace; font-size: 8px; }.lfm-file-card > i { margin-left: auto; color: var(--lf-lime); font-size: 12px; font-style: normal; }.lfm-file-icon { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 27px; border-radius: 4px; background: var(--lf-cyan); color: #071019; font-size: 14px; font-weight: 800; }
.lfm-preview-prompt { display: flex; justify-content: center; align-items: center; gap: 4px; min-height: 104px; margin-top: 12px; border: 1px dashed rgba(197,212,237,.18); border-radius: 7px; color: #536177; font-size: 9px; text-align: center; }.lfm-preview-prompt span { color: var(--lf-cyan); }
.lfm-workflow-choice { display: flex; align-items: center; gap: 8px; padding: 11px 9px; border: 1px solid rgba(179,164,255,.32); border-radius: 7px; background: rgba(179,164,255,.09); }.lfm-workflow-choice > span:nth-child(2) { min-width: 0; }.lfm-workflow-choice b { display: block; color: var(--lf-soft); font-size: 10px; }.lfm-workflow-choice small { display: block; margin-top: 3px; color: #68748a; font-size: 8px; }.lfm-workflow-choice > i { margin-left: auto; color: var(--lf-violet); font-style: normal; }.lfm-workflow-icon { color: var(--lf-violet); font-size: 17px; }.lfm-chip-row { display: flex; gap: 5px; margin: 15px 0; }.lfm-chip-row span { padding: 4px 6px; border: 1px solid var(--lf-line); border-radius: 4px; color: #7c8ba3; font-family: "DM Mono", monospace; font-size: 8px; }.lfm-run-button { display: flex; align-items: center; justify-content: center; min-height: 31px; border-radius: 5px; background: var(--lf-violet); color: #100d20; font-size: 9px; font-weight: 800; }.lfm-run-button span { margin-left: auto; padding-right: 9px; }
.lfm-result-line { width: 88%; height: 5px; margin-bottom: 8px; border-radius: 4px; background: #2c364a; }.lfm-result-line-long { width: 100%; height: 8px; margin-top: 9px; background: linear-gradient(90deg, var(--lf-cyan), #263348 75%); opacity: .78; }.lfm-result-line-mid { width: 68%; }.lfm-result-block { margin-top: 23px; padding: 11px; border-left: 2px solid var(--lf-cyan); background: rgba(132,234,255,.05); }.lfm-result-block span { display: block; margin-bottom: 8px; color: var(--lf-soft); font-size: 9px; font-weight: 700; }.lfm-result-block i { display: block; width: 90%; height: 4px; margin: 6px 0; border-radius: 4px; background: #2c364a; }.lfm-result-block i:nth-child(3) { width: 72%; }.lfm-result-block i:nth-child(4) { width: 82%; }.lfm-result-actions { display: flex; justify-content: space-between; margin-top: 21px; color: var(--lf-cyan); font-family: "DM Mono", monospace; font-size: 8px; }
.lfm-product-footer { display: flex; align-items: center; justify-content: space-between; padding: 12px 17px; border-top: 1px solid var(--lf-line); color: #69768b; font-family: "DM Mono", monospace; font-size: 8px; }.lfm-product-footer i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--lf-lime); }
.lfm-trust-strip { display: flex; align-items: center; justify-content: space-between; min-height: 80px; border-top: 1px solid var(--lf-line); border-bottom: 1px solid var(--lf-line); color: #627086; font-family: "DM Mono", monospace; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }.lfm-trust-strip span:first-child { color: var(--lf-soft); }.lfm-trust-strip i { width: 4px; height: 4px; border-radius: 50%; background: #3d485d; }
.lfm-section { padding: 126px 0; }.lfm-section-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; margin-bottom: 50px; }.lfm-overline { margin-bottom: 17px; color: var(--lf-muted); }.lfm-section h2 { max-width: 610px; font-size: clamp(36px, 4vw, 56px); }.lfm-section-intro > p { max-width: 330px; margin: 0 0 4px; line-height: 1.75; }.lfm-inline-link { display: inline-flex; align-items: center; color: var(--lf-cyan); font-size: 13px; font-weight: 700; }.lfm-inline-link:hover { color: white; }
.lfm-step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.lfm-step { position: relative; min-height: 270px; padding: 27px; border: 1px solid var(--lf-line); border-radius: var(--lf-radius); background: linear-gradient(145deg, rgba(18,25,39,.65), rgba(10,14,24,.65)); }.lfm-step-number { color: var(--lf-cyan); font-family: "DM Mono", monospace; font-size: 11px; }.lfm-step-icon { width: 41px; height: 41px; display: flex; align-items: center; justify-content: center; margin: 47px 0 21px; border: 1px solid rgba(132,234,255,.3); border-radius: 10px; color: var(--lf-cyan); font-size: 20px; background: rgba(132,234,255,.05); }.lfm-step:nth-child(2) .lfm-step-icon { color: var(--lf-violet); border-color: rgba(179,164,255,.3); background: rgba(179,164,255,.05); }.lfm-step:nth-child(3) .lfm-step-icon { color: var(--lf-lime); border-color: rgba(212,250,128,.3); background: rgba(212,250,128,.05); }.lfm-step h3 { font-size: 19px; }.lfm-step p { max-width: 290px; margin: 10px 0 0; font-size: 13px; line-height: 1.7; }
.lfm-workflows { padding-top: 96px; background: linear-gradient(180deg, rgba(15,20,32,.7), transparent); }.lfm-workflow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.lfm-workflow-card { min-height: 314px; display: flex; flex-direction: column; padding: 27px; border: 1px solid var(--lf-line); border-radius: var(--lf-radius); background: var(--lf-surface); }.lfm-card-top { display: flex; align-items: center; justify-content: space-between; color: var(--lf-muted); font-family: "DM Mono", monospace; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }.lfm-card-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 11px; color: var(--lf-cyan); background: rgba(132,234,255,.1); font-size: 20px; }.lfm-card-violet .lfm-card-icon { color: var(--lf-violet); background: rgba(179,164,255,.1); }.lfm-card-lime .lfm-card-icon { color: var(--lf-lime); background: rgba(212,250,128,.1); }.lfm-workflow-card h3 { margin-top: 36px; font-size: 22px; }.lfm-workflow-card p { margin: 11px 0 0; font-size: 13px; line-height: 1.7; }.lfm-card-meta { display: flex; gap: 8px; margin-top: auto; color: #68758a; font-family: "DM Mono", monospace; font-size: 9px; }.lfm-card-meta span { padding: 6px 8px; border: 1px solid var(--lf-line); border-radius: 4px; }.lfm-workflow-card > a { display: flex; justify-content: space-between; margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--lf-line); color: var(--lf-soft); font-size: 12px; font-weight: 700; }.lfm-card-cyan > a span { color: var(--lf-cyan); }.lfm-card-violet > a span { color: var(--lf-violet); }.lfm-card-lime > a span { color: var(--lf-lime); }
.lfm-proof { padding-top: 115px; border-top: 1px solid var(--lf-line); }.lfm-proof-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 100px; }.lfm-proof h2 { max-width: 500px; }.lfm-proof p { max-width: 450px; margin: 23px 0 27px; line-height: 1.8; }.lfm-evidence-card { max-width: 480px; margin-left: auto; padding: 23px; border: 1px solid rgba(212,250,128,.27); border-radius: 13px; background: linear-gradient(145deg, rgba(24,33,39,.9), rgba(11,16,24,.85)); box-shadow: 25px 25px 70px rgba(0,0,0,.24); }.lfm-evidence-head { display: flex; justify-content: space-between; color: #69758a; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .09em; }.lfm-record-status { color: var(--lf-lime); }.lfm-record-status i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--lf-lime); }.lfm-evidence-title { display: flex; align-items: center; gap: 12px; margin: 35px 0 31px; }.lfm-evidence-mark { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; background: rgba(212,250,128,.11); color: var(--lf-lime); }.lfm-evidence-title b { display: block; font-size: 15px; }.lfm-evidence-title small { display: block; margin-top: 4px; color: var(--lf-muted); font-size: 11px; }.lfm-evidence-rows { border-top: 1px solid var(--lf-line); }.lfm-evidence-rows div { display: flex; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--lf-line); font-family: "DM Mono", monospace; font-size: 9px; }.lfm-evidence-rows span { color: #6c788c; }.lfm-evidence-rows b { color: var(--lf-soft); font-weight: 400; text-align: right; }.lfm-evidence-footer { display: flex; justify-content: space-between; margin-top: 19px; color: #6b788b; font-family: "DM Mono", monospace; font-size: 9px; }.lfm-evidence-footer span { color: var(--lf-lime); }
.lfm-pricing { padding-top: 100px; }.lfm-pricing-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }.lfm-price-card { position: relative; min-height: 400px; display: flex; flex-direction: column; justify-content: space-between; padding: 26px 22px; border: 1px solid var(--lf-line); border-radius: var(--lf-radius); background: rgba(14,19,32,.78); }.lfm-price-card > div:first-child { display: flex; flex-direction: column; }.lfm-price-label { color: var(--lf-text); font-weight: 800; }.lfm-price-card p { min-height: 43px; margin: 8px 0 20px; font-size: 12px; line-height: 1.55; }.lfm-price-card strong { font-size: 28px; letter-spacing: -.05em; }.lfm-price-card strong small { color: var(--lf-muted); font-size: 11px; font-weight: 500; letter-spacing: 0; }.lfm-price-limit { margin: 9px 0 20px; color: var(--lf-cyan); font-family: "DM Mono", monospace; font-size: 9px; }.lfm-price-card .lfm-button { width: 100%; }.lfm-price-card ul { border-top: 1px solid var(--lf-line); padding-top: 19px; }.lfm-price-card li { position: relative; margin: 8px 0; padding-left: 17px; color: var(--lf-muted); font-size: 11px; }.lfm-price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--lf-cyan); }.lfm-price-featured { border-color: rgba(132,234,255,.45); background: linear-gradient(145deg, rgba(132,234,255,.11), rgba(14,19,32,.9) 43%); box-shadow: 0 18px 60px rgba(0,0,0,.2); }.lfm-price-badge { position: absolute; top: -12px; right: 18px; padding: 5px 9px; border-radius: 4px; background: var(--lf-cyan); color: #071019; font-family: "DM Mono", monospace; font-size: 8px; font-weight: 500; text-transform: uppercase; }.lfm-pricing-footnote { margin: 25px 0 0; color: #647188; font-family: "DM Mono", monospace; font-size: 9px; text-align: right; }
.lfm-faq { padding-top: 91px; padding-bottom: 116px; }.lfm-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; border-top: 1px solid var(--lf-line); }.lfm-faq details { border-bottom: 1px solid var(--lf-line); }.lfm-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; cursor: pointer; list-style: none; font-size: 14px; font-weight: 700; }.lfm-faq summary::-webkit-details-marker { display: none; }.lfm-faq summary span { color: var(--lf-cyan); font-size: 19px; font-weight: 400; }.lfm-faq details[open] summary span { transform: rotate(45deg); }.lfm-faq details p { max-width: 460px; margin: -7px 0 23px; font-size: 12px; line-height: 1.75; }
.lfm-cta { padding: 118px 0 125px; border-top: 1px solid var(--lf-line); background: radial-gradient(circle at 50% 0, rgba(132,234,255,.11), transparent 32rem); text-align: center; }.lfm-cta-inner { display: flex; flex-direction: column; align-items: center; }.lfm-cta h2 { margin: 14px 0 31px; font-size: clamp(39px, 4.8vw, 63px); }
.lfm-footer { border-top: 1px solid var(--lf-line); background: #060910; }.lfm-footer-top { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 44px; padding-top: 62px; padding-bottom: 58px; }.lfm-footer-brand p { max-width: 255px; margin: 20px 0 0; font-size: 12px; line-height: 1.7; }.lfm-footer-col { display: flex; flex-direction: column; gap: 11px; }.lfm-footer-col h3 { margin-bottom: 8px; color: #6e7b8f; font-family: "DM Mono", monospace; font-size: 9px; font-weight: 400; letter-spacing: .11em; text-transform: uppercase; }.lfm-footer-col a { color: #99a6b8; font-size: 12px; }.lfm-footer-col a:hover { color: var(--lf-cyan); }.lfm-footer-bottom { display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 23px; border-top: 1px solid var(--lf-line); color: #556278; font-family: "DM Mono", monospace; font-size: 9px; }

/* App shell */
.lfm-app-page { min-height: calc(100vh - 76px); }.lfm-app-wrap { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 45px 0 90px; }.lfm-app-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }.lfm-app-heading h1 { font-size: clamp(34px, 4vw, 53px); }.lfm-app-heading p { margin: 11px 0 0; font-size: 13px; }.lfm-app-heading-actions { display: flex; gap: 11px; }.lfm-app-layout { display: grid; grid-template-columns: 205px minmax(0, 1fr); gap: 24px; }.lfm-app-sidebar { min-height: 690px; display: flex; flex-direction: column; padding: 20px 12px; border: 1px solid var(--lf-line); border-radius: 13px; background: rgba(14,19,32,.78); }.lfm-sidebar-label { margin: 13px 12px 8px; color: #59677d; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }.lfm-side-link { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 7px; color: var(--lf-muted); font-size: 12px; font-weight: 600; }.lfm-side-link:hover, .lfm-side-link.is-active { color: var(--lf-text); background: rgba(132,234,255,.08); }.lfm-side-link.is-active { box-shadow: inset 2px 0 var(--lf-cyan); }.lfm-side-link span:first-child { width: 18px; color: var(--lf-cyan); text-align: center; font-family: "DM Mono", monospace; }.lfm-sidebar-bottom { margin-top: auto; padding: 14px 12px 3px; border-top: 1px solid var(--lf-line); }.lfm-usage-mini { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: var(--lf-muted); font-size: 10px; }.lfm-usage-mini b { color: var(--lf-text); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 400; }.lfm-progress { height: 4px; overflow: hidden; border-radius: 4px; background: #252e3f; }.lfm-progress i { display: block; height: 100%; border-radius: inherit; background: var(--lf-cyan); }.lfm-help-link { display: block; margin-top: 17px; color: #6c788b; font-size: 10px; }.lfm-app-main { min-width: 0; }.lfm-usage-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 22px; }.lfm-stat-card { padding: 17px 18px; border: 1px solid var(--lf-line); border-radius: 11px; background: rgba(14,19,32,.78); }.lfm-stat-card > span { color: #68768b; font-family: "DM Mono", monospace; font-size: 9px; text-transform: uppercase; }.lfm-stat-card strong { display: block; margin-top: 8px; font-size: 20px; }.lfm-stat-card small { display: block; margin-top: 3px; color: var(--lf-muted); font-size: 10px; }.lfm-stat-card strong em { color: var(--lf-cyan); font-style: normal; }.lfm-task-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.lfm-task-panel { min-height: 434px; padding: 20px; border: 1px solid var(--lf-line); border-radius: 11px; background: rgba(14,19,32,.82); }.lfm-task-panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }.lfm-task-panel-head h2 { font-size: 14px; letter-spacing: -.02em; }.lfm-task-panel-head span { color: #66748a; font-family: "DM Mono", monospace; font-size: 9px; }.lfm-task-panel label, .lfm-field-label { display: block; margin-bottom: 8px; color: #8895a9; font-family: "DM Mono", monospace; font-size: 9px; text-transform: uppercase; }.lfm-upload-zone { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 154px; border: 1px dashed rgba(132,234,255,.31); border-radius: 8px; background: rgba(132,234,255,.035); text-align: center; cursor: pointer; }.lfm-upload-zone:hover { border-color: var(--lf-cyan); background: rgba(132,234,255,.07); }.lfm-upload-zone input { display: none; }.lfm-upload-icon { display: flex; align-items: center; justify-content: center; width: 39px; height: 39px; margin-bottom: 10px; border-radius: 10px; color: var(--lf-cyan); background: rgba(132,234,255,.09); font-size: 20px; }.lfm-upload-zone b { color: var(--lf-soft); font-size: 11px; }.lfm-upload-zone small { margin-top: 4px; color: #68758b; font-size: 9px; }.lfm-input-divider { display: flex; align-items: center; gap: 8px; margin: 14px 0; color: #5f6d82; font-family: "DM Mono", monospace; font-size: 9px; }.lfm-input-divider::before, .lfm-input-divider::after { content: ""; flex: 1; height: 1px; background: var(--lf-line); }.lfm-textarea, .lfm-select { width: 100%; border: 1px solid var(--lf-line-strong); border-radius: 7px; outline: 0; background: #0a0f19; color: var(--lf-text); font-size: 11px; transition: border-color .2s ease; }.lfm-textarea { min-height: 103px; padding: 10px; resize: vertical; }.lfm-select { height: 41px; padding: 0 10px; }.lfm-textarea:focus, .lfm-select:focus { border-color: var(--lf-cyan); }.lfm-textarea::placeholder { color: #56647a; }.lfm-workflow-list { display: grid; gap: 8px; }.lfm-workflow-option { display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--lf-line); border-radius: 7px; cursor: pointer; }.lfm-workflow-option input { display: none; }.lfm-workflow-option:has(input:checked) { border-color: rgba(179,164,255,.58); background: rgba(179,164,255,.09); }.lfm-workflow-option > span:first-of-type { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 7px; color: var(--lf-violet); background: rgba(179,164,255,.1); }.lfm-workflow-option b { display: block; color: var(--lf-soft); font-size: 10px; }.lfm-workflow-option small { display: block; margin-top: 3px; color: #68758b; font-size: 9px; }.lfm-workflow-option > i { width: 9px; height: 9px; margin-left: auto; border: 1px solid #59677d; border-radius: 50%; }.lfm-workflow-option:has(input:checked) > i { border: 3px solid var(--lf-violet); }.lfm-option-hint { margin: 15px 0 0; color: #66748a; font-size: 10px; line-height: 1.55; }.lfm-run-workflow { width: 100%; margin-top: 18px; cursor: pointer; }.lfm-run-workflow[disabled] { cursor: wait; opacity: .55; }.lfm-result-empty, .lfm-result-content { min-height: 304px; border: 1px dashed var(--lf-line-strong); border-radius: 8px; }.lfm-result-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; color: #5d6a80; text-align: center; }.lfm-result-empty strong { color: var(--lf-soft); font-size: 12px; }.lfm-result-empty p { max-width: 190px; margin: 8px 0 0; font-size: 10px; line-height: 1.6; }.lfm-result-content { display: flex; flex-direction: column; padding: 14px; border-style: solid; border-color: rgba(132,234,255,.25); background: rgba(132,234,255,.035); }.lfm-result-content h3 { margin-bottom: 11px; color: var(--lf-soft); font-size: 12px; letter-spacing: -.02em; }.lfm-result-content pre { flex: 1; margin: 0; overflow: auto; white-space: pre-wrap; color: #aab7c9; font-family: Manrope, sans-serif; font-size: 10px; line-height: 1.7; }.lfm-result-actions { display: flex; gap: 8px; margin-top: 13px; }.lfm-result-actions button { flex: 1; min-height: 30px; padding: 0 7px; border: 1px solid var(--lf-line-strong); border-radius: 5px; background: transparent; color: var(--lf-soft); font-size: 9px; cursor: pointer; }.lfm-result-actions button:hover { color: var(--lf-cyan); border-color: var(--lf-cyan); }.lfm-result-actions button.is-primary { border-color: var(--lf-cyan); background: rgba(132,234,255,.12); color: var(--lf-cyan); }.lfm-app-notice { display: none; margin-bottom: 18px; padding: 11px 13px; border: 1px solid rgba(132,234,255,.25); border-radius: 7px; color: var(--lf-soft); background: rgba(132,234,255,.08); font-size: 11px; }.lfm-app-notice.is-visible { display: block; }.lfm-app-notice.is-error { border-color: rgba(255,155,130,.4); color: #ffc0ad; background: rgba(255,155,130,.08); }.lfm-history { margin-top: 22px; padding: 20px; border: 1px solid var(--lf-line); border-radius: 11px; background: rgba(14,19,32,.78); }.lfm-history-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }.lfm-history-head h2 { font-size: 14px; letter-spacing: -.02em; }.lfm-history-head span { color: #66748a; font-family: "DM Mono", monospace; font-size: 9px; }.lfm-history-row { display: grid; grid-template-columns: minmax(0, 1.6fr) 1fr .8fr .65fr; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid var(--lf-line); }.lfm-history-title { display: flex; align-items: center; gap: 10px; min-width: 0; }.lfm-history-mark { display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; flex: 0 0 auto; border-radius: 7px; color: var(--lf-cyan); background: rgba(132,234,255,.09); }.lfm-history-title span { min-width: 0; }.lfm-history-title b { display: block; overflow: hidden; color: var(--lf-soft); font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.lfm-history-title small, .lfm-history-row > span { display: block; overflow: hidden; color: #69768b; font-family: "DM Mono", monospace; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.lfm-history-status { color: var(--lf-lime) !important; }.lfm-history-status i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: currentColor; }.lfm-history-empty { padding: 20px 0 3px; color: #68758b; font-size: 11px; }
.lfm-login-card { width: min(460px, calc(100% - 40px)); margin: 110px auto; padding: 38px; border: 1px solid var(--lf-line-strong); border-radius: 14px; background: rgba(14,19,32,.9); text-align: center; }.lfm-login-card h1 { font-size: 30px; }.lfm-login-card p { margin: 13px 0 24px; font-size: 13px; }.lfm-login-card .lfm-button { width: 100%; }.lfm-login-card .lfm-text-link { display: inline-block; margin-top: 18px; }
.lfm-auth-main { min-height: calc(100vh - 76px); }.lfm-auth-page { min-height: calc(100vh - 76px); display: flex; align-items: center; }.lfm-auth-shell { width: min(1040px, calc(100% - 56px)); display: grid; grid-template-columns: 1fr .86fr; align-items: center; gap: 100px; margin: 0 auto; padding: 85px 0 110px; }.lfm-auth-intro { max-width: 485px; }.lfm-auth-intro > .lfm-brand { margin-bottom: 80px; }.lfm-auth-intro > .lfm-overline { margin-bottom: 17px; }.lfm-auth-intro h1 { margin-bottom: 20px; font-size: clamp(44px, 5vw, 67px); }.lfm-auth-intro p { max-width: 410px; margin: 0; color: var(--lf-soft); font-size: 16px; line-height: 1.75; }.lfm-auth-points { display: grid; gap: 12px; margin-top: 34px; color: #8d9aae; font-family: "DM Mono", monospace; font-size: 10px; }.lfm-auth-points i { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-right: 7px; border: 1px solid rgba(212,250,128,.45); border-radius: 50%; color: var(--lf-lime); font-style: normal; }.lfm-auth-card { padding: 32px; border: 1px solid rgba(132,234,255,.25); border-radius: 14px; background: linear-gradient(145deg, rgba(18,27,43,.95), rgba(10,15,25,.95)); box-shadow: 20px 30px 70px rgba(0,0,0,.3); }.lfm-auth-card-head { margin-bottom: 27px; }.lfm-auth-card-head .lfm-overline { color: var(--lf-cyan); }.lfm-auth-card-head h2 { margin-top: 11px; font-size: 26px; }.lfm-auth-error { margin-bottom: 17px; padding: 11px 12px; border: 1px solid rgba(255,155,130,.38); border-radius: 7px; color: #ffc0ad; background: rgba(255,155,130,.08); font-size: 11px; line-height: 1.5; }.lfm-auth-form { display: grid; gap: 17px; }.lfm-auth-field label { display: block; margin-bottom: 7px; color: #aeb9ca; font-size: 11px; font-weight: 700; }.lfm-auth-field input { width: 100%; height: 45px; padding: 0 12px; border: 1px solid var(--lf-line-strong); border-radius: 7px; outline: 0; background: #090e18; color: var(--lf-text); font-size: 12px; transition: border-color .2s ease, box-shadow .2s ease; }.lfm-auth-field input:focus { border-color: var(--lf-cyan); box-shadow: 0 0 0 3px rgba(132,234,255,.08); }.lfm-auth-field small { display: block; margin-top: 5px; color: #66748a; font-family: "DM Mono", monospace; font-size: 9px; }.lfm-auth-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.lfm-auth-label-row a { color: var(--lf-cyan); font-size: 10px; font-weight: 600; }.lfm-auth-form > .lfm-button { width: 100%; margin-top: 3px; cursor: pointer; }.lfm-auth-switch { margin-top: 23px; padding-top: 19px; border-top: 1px solid var(--lf-line); color: #78869a; font-size: 11px; text-align: center; }.lfm-auth-switch a, .lfm-auth-legal a { color: var(--lf-cyan); font-weight: 700; }.lfm-auth-switch span { margin-left: 4px; }.lfm-auth-legal { margin: 21px 0 0; color: #5f6c80; font-size: 9px; line-height: 1.6; text-align: center; }
.lfm-account-banner { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 16px; margin-bottom: 20px; border: 1px solid rgba(179,164,255,.24); border-radius: 8px; background: rgba(179,164,255,.06); color: var(--lf-soft); font-size: 11px; }.lfm-account-banner a { color: var(--lf-violet); font-weight: 700; }
.lfm-content-page { min-height: calc(100vh - 76px); }.lfm-content-wrap { padding: 100px 0 130px; }.lfm-article { max-width: 760px; margin: 0 auto; }.lfm-article h1 { margin: 16px 0 35px; font-size: clamp(39px, 5vw, 64px); }.lfm-article-content { color: var(--lf-soft); font-size: 14px; line-height: 1.85; }.lfm-article-content h2 { margin: 38px 0 13px; font-size: 25px; }.lfm-article-content p { margin: 0 0 18px; }.lfm-article-content a { color: var(--lf-cyan); }
.lfm-account-page { min-height: calc(100vh - 76px); }.lfm-account-wrap { width: min(1060px, calc(100% - 56px)); margin: 0 auto; padding: 73px 0 120px; }.lfm-account-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 37px; }.lfm-account-heading h1 { max-width: 680px; font-size: clamp(38px, 5vw, 63px); }.lfm-account-heading p { margin: 12px 0 0; font-family: "DM Mono", monospace; font-size: 10px; }.lfm-account-status { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 80px; }.lfm-account-status > div { min-height: 130px; padding: 20px; border: 1px solid var(--lf-line); border-radius: 10px; background: rgba(14,19,32,.8); }.lfm-account-status span { display: block; color: #69768b; font-family: "DM Mono", monospace; font-size: 9px; text-transform: uppercase; }.lfm-account-status strong { display: block; margin-top: 15px; font-size: 18px; }.lfm-account-status small { display: block; margin-top: 5px; color: var(--lf-muted); font-size: 10px; }.lfm-account-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }.lfm-account-section-head h2 { font-size: 35px; }.lfm-account-plan-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }.lfm-account-plan { display: flex; flex-direction: column; min-height: 222px; padding: 21px; border: 1px solid var(--lf-line); border-radius: 10px; background: rgba(14,19,32,.8); }.lfm-account-plan.is-current { border-color: rgba(132,234,255,.44); background: rgba(132,234,255,.065); }.lfm-account-plan strong { margin-top: 24px; font-size: 24px; }.lfm-account-plan strong small { margin-left: 4px; color: var(--lf-muted); font-size: 10px; font-weight: 500; letter-spacing: 0; }.lfm-account-plan p { min-height: 38px; margin: 7px 0 19px; font-size: 10px; }.lfm-account-plan .lfm-button { margin-top: auto; }.lfm-current-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 37px; margin-top: auto; border: 1px solid rgba(132,234,255,.3); border-radius: 6px; color: var(--lf-cyan); font-family: "DM Mono", monospace; font-size: 9px; }.lfm-account-note { display: flex; gap: 14px; align-items: flex-start; margin: 46px 0 29px; padding: 18px 20px; border: 1px solid rgba(179,164,255,.23); border-radius: 9px; background: rgba(179,164,255,.06); }.lfm-account-note > span { color: var(--lf-violet); font-size: 18px; }.lfm-account-note p { margin: 0; font-size: 11px; line-height: 1.7; }

.lfm-auth-switch { display: flex; align-items: center; justify-content: space-between; gap: 15px; text-align: left; }
.lfm-auth-switch a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 11px; border: 1px solid rgba(132,234,255,.35); border-radius: 6px; color: var(--lf-cyan); font-size: 10px; font-weight: 700; white-space: nowrap; }
.lfm-auth-switch a:hover { border-color: var(--lf-cyan); background: rgba(132,234,255,.08); }

@media (max-width: 1050px) {
    .lfm-hero { grid-template-columns: 1fr; gap: 50px; padding-top: 65px; }.lfm-hero-copy { max-width: 690px; }.lfm-hero-product { max-width: 800px; width: 100%; margin: 0 auto; }.lfm-pricing-grid { grid-template-columns: repeat(2, 1fr); }.lfm-app-layout { grid-template-columns: 180px minmax(0, 1fr); }.lfm-task-grid { grid-template-columns: 1fr 1fr; }.lfm-task-panel:last-child { grid-column: span 2; min-height: 290px; }.lfm-result-empty, .lfm-result-content { min-height: 220px; }
}
@media (max-width: 760px) {
    .lfm-shell { width: min(var(--lf-shell), calc(100% - 36px)); }.lfm-header-inner { height: 68px; gap: 15px; }.lfm-menu-toggle { display: block; margin-left: auto; }.lfm-primary-nav { position: absolute; display: none; top: 68px; left: 0; right: 0; padding: 12px 18px 18px; border-bottom: 1px solid var(--lf-line); background: rgba(7,10,18,.97); }.lfm-primary-nav.is-open { display: block; }.lfm-menu { display: block; }.lfm-menu li { border-bottom: 1px solid var(--lf-line); }.lfm-menu a { display: block; padding: 13px 5px; }.lfm-header-actions { gap: 11px; }.lfm-header-actions .lfm-text-link { display: none; }.lfm-brand-word { font-size: 15px; }.lfm-hero { min-height: auto; padding-top: 55px; padding-bottom: 48px; }.lfm-hero h1 { margin-top: 20px; font-size: clamp(43px, 13vw, 67px); }.lfm-hero-lede { font-size: 15px; }.lfm-hero-actions { flex-wrap: wrap; }.lfm-hero-note { align-items: flex-start; line-height: 1.55; }.lfm-product-columns { grid-template-columns: 1fr; }.lfm-preview-panel { border-right: 0; border-bottom: 1px solid var(--lf-line); }.lfm-preview-panel:last-child { border-bottom: 0; }.lfm-product-footer { gap: 12px; align-items: flex-start; flex-direction: column; }.lfm-trust-strip { flex-wrap: wrap; justify-content: flex-start; gap: 12px 16px; padding: 20px 0; line-height: 1; }.lfm-trust-strip i { display: none; }.lfm-section { padding: 79px 0; }.lfm-section-intro { display: block; margin-bottom: 30px; }.lfm-section-intro > p { margin-top: 18px; }.lfm-section h2 { font-size: 38px; }.lfm-step-grid, .lfm-workflow-grid, .lfm.proof-grid, .lfm-proof-grid { grid-template-columns: 1fr; gap: 12px; }.lfm-step { min-height: 0; padding: 22px; }.lfm-step-icon { margin-top: 32px; }.lfm-proof-grid { gap: 45px; }.lfm-evidence-card { margin: 0; }.lfm-pricing-grid { grid-template-columns: 1fr; }.lfm-price-card { min-height: 0; gap: 33px; }.lfm-pricing-footnote { text-align: left; line-height: 1.6; }.lfm-faq-grid { grid-template-columns: 1fr; }.lfm-cta { padding: 80px 0; }.lfm-cta h2 { font-size: 39px; }.lfm-footer-top { grid-template-columns: 1fr 1fr; gap: 35px 20px; }.lfm-footer-brand { grid-column: span 2; }.lfm-footer-bottom { align-items: flex-start; flex-direction: column; gap: 7px; }
    .lfm-app-wrap { width: min(100% - 30px, 650px); padding-top: 31px; }.lfm-app-heading { display: block; }.lfm-app-heading h1 { font-size: 38px; }.lfm-app-heading-actions { margin-top: 20px; }.lfm-app-layout { display: block; }.lfm-app-sidebar { min-height: 0; margin-bottom: 15px; padding: 9px; }.lfm-app-sidebar .lfm-sidebar-label, .lfm-sidebar-bottom { display: none; }.lfm-app-sidebar nav { display: flex; overflow-x: auto; gap: 4px; }.lfm-side-link { flex: 0 0 auto; padding: 9px 11px; }.lfm-side-link span:last-child { display: none; }.lfm-usage-row { grid-template-columns: 1fr 1fr; }.lfm-stat-card:last-child { grid-column: span 2; }.lfm-task-grid { grid-template-columns: 1fr; }.lfm-task-panel:last-child { grid-column: auto; min-height: 0; }.lfm-history-row { grid-template-columns: minmax(0, 1fr) .7fr; }.lfm-history-row > span:nth-child(2), .lfm-history-row > span:nth-child(3) { display: none; }.lfm-login-card { margin: 72px auto; padding: 28px 21px; }
    .lfm-content-wrap, .lfm-account-wrap { padding-top: 62px; }.lfm-account-wrap { width: calc(100% - 36px); }.lfm-account-heading, .lfm-account-section-head { display: block; }.lfm-account-heading .lfm-button { margin-top: 22px; }.lfm-account-status { grid-template-columns: 1fr; margin-bottom: 55px; }.lfm-account-plan-grid { grid-template-columns: 1fr 1fr; }.lfm-account-plan { min-height: 210px; padding: 17px; }.lfm-account-section-head .lfm-inline-link { margin-top: 15px; }.lfm-auth-shell { width: min(100% - 36px, 520px); grid-template-columns: 1fr; gap: 35px; padding: 58px 0 78px; }.lfm-auth-intro > .lfm-brand { margin-bottom: 45px; }.lfm-auth-intro h1 { font-size: 42px; }.lfm-auth-intro p { font-size: 14px; }.lfm-auth-points { margin-top: 24px; }.lfm-auth-card { padding: 25px 21px; }
}
@media (max-width: 420px) { .lfm-shell { width: calc(100% - 28px); }.lfm-header-actions .lfm-button { padding: 0 10px; }.lfm-header-inner { gap: 8px; }.lfm-brand { gap: 7px; }.lfm-hero-actions .lfm-button { width: 100%; }.lfm-evidence-rows div { align-items: flex-start; flex-direction: column; gap: 4px; }.lfm-evidence-rows b { text-align: left; }.lfm-app-wrap { width: calc(100% - 22px); }.lfm-task-panel { padding: 15px; }.lfm-account-wrap { width: calc(100% - 28px); }.lfm-account-plan-grid { grid-template-columns: 1fr; } }