/* 88Lab / Workgrid study. Shared tokens, product surfaces and public page. */
:root {
    --ink: #211d1e;
    --ink-soft: #464144;
    --canvas: #f4f3f1;
    --paper: #faf9f7;
    --muted: #6e686b;
    --line: #dedad7;
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 12px;
    --shell: 1280px;
    --header-height: 74px;
}
body { font-weight: 400; }
h1, h2, h3, h4 { font-weight: 550; letter-spacing: -.028em; }
button, a, input, select, textarea { touch-action: manipulation; }
.ui-icon { width: 22px; height: 22px; flex: 0 0 auto; vertical-align: middle; }
.btn { font-size: .9rem; font-weight: 650; border-radius: 6px; min-height: 46px; }
.btn-accent { box-shadow: none; }
.btn-ghost { background: #fff; }
.brand { font-weight: 750; font-size: 1.18rem; letter-spacing: -.05em; }
.brand-logo { max-height: 34px; }
.eyebrow { font-size: .76rem; font-weight: 650; letter-spacing: .055em; }
.eyebrow::before { display: none; }
.language-option { min-width: 44px; min-height: 44px; }
.topbar { background: rgba(250,249,247,.97); backdrop-filter: none; }
.topnav-link { font-weight: 550; }
.account-trigger, .notification-trigger { width: 44px; height: 44px; }
.credits { min-height: 40px; }
.credits strong { font-size: 1.2rem; }
.container { width: min(100% - 64px, 1200px); }
.dashboard { min-height: calc(100vh - 360px); padding-top: 36px; }
.dash-head h1 { font-size: clamp(2rem, 3.2vw, 3rem); font-weight: 550; }
.dash-head p { font-weight: 450; }
.workspace-overview { display: grid; grid-template-columns: repeat(3, 1fr); margin: 25px 0; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.workspace-overview > div { display: flex; align-items: center; gap: 18px; padding: 24px; border-right: 1px solid var(--line); }
.workspace-overview > div:last-child { border-right: 0; }
.workspace-overview strong { font-size: 2.55rem; font-weight: 500; line-height: 1; letter-spacing: -.06em; }
.workspace-overview span { max-width: 150px; color: var(--muted); font-size: .88rem; line-height: 1.45; }
.low-credit-card { border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 10px; padding: 24px 28px; gap: 30px; background: #ede8e4; color: var(--ink); }
.low-credit-card .eyebrow { color: var(--accent-dark); }
.low-credit-card h2 { margin: 8px 0; font-size: 1.4rem; }
.low-credit-card p, .low-credit-card .purchase-consent { color: var(--muted); font-size: .84rem; }
.audit-list { border: 1px solid var(--line); border-radius: 10px; }
.audit-row { min-height: 90px; padding: 20px 24px; border-color: #ece9e6; }
.audit-row:last-child { border-bottom: 0; }
.audit-row:hover { background: #faf8f6; }
.audit-primary-link strong { font-weight: 650; }
.audit-primary-link .url { font-size: .82rem; }
.audit-row .score { font-size: 2rem; font-weight: 500; }
.status, .role, .service-requested { border-radius: 4px; font-size: .75rem; font-weight: 600; text-transform: none; letter-spacing: 0; }
.empty { min-height: 280px; }
.empty h2 { font-size: 1.9rem; }
.empty::before { width: 54px; height: 3px; }
.form-card { max-width: 870px; padding: 36px 40px; box-shadow: none; }
.form-card > h1 { font-size: clamp(2rem, 3.5vw, 3rem); }
.field label { font-size: .87rem; font-weight: 600; }
.field input, .field textarea, .field select { min-height: 48px; }
.field input::placeholder, .field textarea::placeholder { color: #817b78; }
.form-note { font-size: .82rem; line-height: 1.5; }
.auth-shell { min-height: 760px; grid-template-columns: 1fr 1fr; }
.auth-shell::before { display: none; }
.auth-editorial { position: relative; display: flex; min-height: 760px; align-items: flex-end; overflow: hidden; background: #221416; }
.auth-editorial > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.auth-editorial::after { position: absolute; inset: 25% 0 0; background: linear-gradient(transparent, rgba(22,10,12,.92)); content: ''; }
.auth-editorial > div { position: relative; z-index: 1; padding: 48px; color: #fff; }
.auth-editorial h2 { max-width: 470px; margin-bottom: 20px; font-size: clamp(2.1rem, 3.6vw, 3.6rem); font-weight: 500; line-height: 1.1; }
.auth-editorial p { max-width: 400px; margin-bottom: 0; color: #e0d9d6; }
.auth-card { width: min(100% - 80px, 450px); padding: 46px 0; }
.auth-card .brand { margin-bottom: 62px; }
.auth-language { top: 92px; left: 0; right: auto; }
.auth-card h1 { font-size: 2.6rem; }
.auth-card > .subtle { font-size: .94rem; }
.auth-card .btn { width: 100%; }
.auth-card form { gap: 16px; }
.verify-email-card { grid-column: 1 / -1; max-width: 550px; }
.profile-card, .purchase-history, .admin-section, .system-card { box-shadow: none; }
.profile-card h2, .purchase-history h2, .section-title h2 { font-size: 1.65rem; }
.billing-card { background: #271e21; border-radius: 10px; padding: 30px 36px; }
.credit-total { font-size: 4rem; font-weight: 500; }
.admin-stats { gap: 12px; border: 0; background: transparent; }
.stat-card { min-height: 132px; border: 1px solid var(--line); border-radius: 8px; padding: 22px; box-shadow: none; }
.stat-card strong { font-size: 2.9rem; font-weight: 500; }
.admin-table th { font-weight: 600; letter-spacing: .02em; }
.report-page { max-width: 1200px; }
.report-head { padding: 28px 32px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.report-head h1 { font-weight: 550; font-size: clamp(2rem, 3.4vw, 3.3rem); overflow-wrap: anywhere; }
.report-head .subtle { margin-bottom: 0; font-size: .86rem; }
.report-actions { margin-top: 20px; }
.big-score { border-left: 1px solid var(--line); padding: 24px 0 24px 32px; }
.big-score strong { font-size: 5.6rem; font-weight: 450; letter-spacing: -.045em; }
.report-breadcrumb { margin-bottom: 18px; font-size: .84rem; color: var(--muted); }
.report-breadcrumb a:hover { color: var(--accent-dark); }
.report-section-nav { position: sticky; z-index: 25; top: var(--header-height); display: flex; gap: 6px; overflow-x: auto; margin: 20px 0; padding: 10px 0; background: var(--canvas); scrollbar-width: thin; }
.report-section-nav a { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 5px; padding: 10px 13px; color: var(--ink-soft); background: #fff; font-size: .82rem; }
.report-section-nav a:hover { color: var(--accent-dark); border-color: #c9908d; }
.report-page [id] { scroll-margin-top: 145px; }
.summary-card { border-left-width: 3px; margin: 22px 0; padding: 23px 28px; }
.summary-card strong { font-weight: 600; }
.score-methodology { padding: 28px; }
.score-methodology-head h2, .biggest-problem h2 { font-size: clamp(1.8rem, 2.8vw, 2.5rem); }
.score-breakdown-grid { gap: 12px; border: 0; background: transparent; }
.score-component { border-color: #e9e4e0; border-radius: 6px; padding: 17px; }
.score-component > div > strong { font-weight: 550; font-size: .86rem; }
.score-component > div > span { font-size: 1.12rem; font-weight: 550; white-space: nowrap; }
.component-bar { height: 4px; }
.component-bar > span { background: #774047; }
.score-component p { font-size: .84rem; line-height: 1.55; }
.confidence strong { font-size: 2.2rem; font-weight: 500; }
.biggest-problem { padding: 26px 30px; border-left-width: 3px; }
.first-action { margin-top: 22px; padding-top: 20px; }
.section-heading { font-size: 2rem; }
.audit-deep-section { margin-top: 42px; }
.deep-section-head h2 { margin-top: 10px; font-size: 2rem; }
.deep-section-head > p { font-size: .9rem; }
.deep-section-lead { font-size: 1.25rem; }
.skeptic-summary-grid article { padding: 20px; border-radius: 6px; }
.skeptic-summary-grid span { font-size: .82rem; font-weight: 650; }
.skeptic-summary-grid p { font-size: .9rem; }
.claim-card, .problem-card, .action-phase, .copy-recommendation { border-radius: 8px; }
.problem-card { padding: 28px; margin-bottom: 18px; }
.problem-card h3 { font-size: 1.5rem; font-weight: 600; line-height: 1.25; }
.block { border-radius: 5px; }
.block b, .priority, .claim-detail b, .action-phase li > span { font-size: .8rem; font-weight: 650; }
.block p, .claim-detail p { font-size: .94rem; }
.block.after, .block.solution { background: #eaf0ec; }
.action-phase h3 { font-size: 1.4rem; }
.action-phase li > span { color: var(--muted); }
.action-phase li small { font-size: .79rem; }
.implementation-card { padding: 28px 32px; margin-top: 38px; background: #251b1e; }
.implementation-card h2 { font-size: 1.8rem; }
.implementation-card p { font-size: .9rem; }
.legal-header { padding-block: 24px; }
.legal-document { padding-top: 42px; overflow-wrap: anywhere; }
.legal-document > header { margin-bottom: 36px; }
.legal-document > header h1 { max-width: 850px; font-size: clamp(2.2rem, 4vw, 3.7rem); hyphens: auto; }
.legal-document h2 { font-weight: 550; }
.app-footer { margin-top: 56px; background: #231b1e; }
.app-footer-main { padding-block: 32px; gap: 28px; }
.app-footer-main nav { gap: 12px 22px; }
.app-footer-main nav button { border: 0; padding: 0; color: #c3bab6; background: transparent; cursor: pointer; font: inherit; font-size: .85rem; text-align: left; }
.app-footer-main nav button:hover { color: #fff; }
.app-footer-bottom { font-size: .8rem; }
.cookie-consent { border-radius: 10px; box-shadow: 0 8px 32px #21131b18; }
.cookie-consent > strong { font-weight: 600; }
.cookie-reopen { font-size: .78rem; box-shadow: none; }

/* Public page */
.lp-body { background: #faf9f7; }
.lp { overflow: clip; background: #faf9f7; }
.lp-wrap { width: min(100% - 80px, 1280px); margin-inline: auto; }
.lp-label { display: block; color: var(--accent-dark); font-size: .76rem; line-height: 1.4; letter-spacing: .065em; text-transform: uppercase; font-weight: 650; }
.lp-header { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid var(--line); }
.lp-header-links, .lp-header-actions { display: flex; align-items: center; gap: 20px; }
.lp-header-links a { display: inline-flex; min-height: 44px; align-items: center; }
.lp-header-links a, .lp-login { font-size: .85rem; font-weight: 500; color: var(--ink-soft); }
.lp-header-links a:hover, .lp-login:hover { color: var(--accent-dark); }
.lp-header-actions { gap: 14px; }
.lp-header-actions .btn { min-height: 42px; padding-inline: 16px; font-size: .83rem; }
.lp-mobile-menu { display: none; position: relative; }
.lp-mobile-menu summary { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; list-style: none; }
.lp-mobile-menu summary::-webkit-details-marker { display: none; }
.lp-mobile-panel { position: absolute; z-index: 90; right: 0; top: calc(100% + 10px); display: flex; width: min(310px, calc(100vw - 32px)); flex-direction: column; gap: 3px; border: 1px solid var(--line); border-radius: 10px; padding: 14px; background: #fff; box-shadow: 0 16px 36px #211d1e17; }
.lp-mobile-panel > a { padding: 11px 12px; font-size: .95rem; }
.lp-mobile-panel .language-switcher { margin: 8px; }
.lp-hero { padding-top: 49px; }
.lp-hero-intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(290px, .8fr); gap: 7%; align-items: center; margin-bottom: 34px; }
.lp-hero h1 { margin: 17px 0 0; font-size: clamp(3rem, 4.1vw, 4.2rem); font-weight: 550; line-height: 1.1; letter-spacing: -.038em; }
.lp-hero h1 span { display: block; color: var(--ink); }
.lp-audience { margin: 20px 0 0; max-width: 520px; color: var(--muted); font-size: .92rem; line-height: 1.5; }
.lp-next-step { max-width: 420px; margin: 14px 0 0; font-size: .77rem; line-height: 1.6; color: var(--ink-soft); }
.lp-hero-lead { max-width: 430px; margin: 0 0 21px; color: var(--muted); font-size: 1rem; line-height: 1.6; }
.lp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.lp-actions .btn { padding: 13px 18px; }
.lp-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; font-size: .87rem; font-weight: 550; text-decoration: underline; text-decoration-color: #b7abaa; text-underline-offset: 5px; }
.lp-text-link .ui-icon { width: 18px; }
.lp-benefits { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 17px; padding: 0; margin: 21px 0 0; list-style: none; color: var(--ink-soft); font-size: .8rem; }
.lp-benefits li { display: inline-flex; align-items: center; gap: 5px; }
.lp-benefits .ui-icon { width: 14px; height: 14px; color: #675655; }
.lp-stage { display: grid; grid-template-columns: .8fr 1.2fr; gap: 0; border: 1px solid #342325; border-radius: 10px; overflow: hidden; background: #25151a; }
.lp-stage > * { min-width: 0; }
.lp-stage-photo { position: relative; min-height: 432px; overflow: hidden; margin: 0; }
.lp-stage-photo > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: 52% center; }
.lp-stage-photo::after { position: absolute; inset: 25% 0 0; content: ''; background: linear-gradient(transparent, #1e1018e8); }
.lp-stage-photo figcaption { position: absolute; z-index: 1; bottom: 27px; left: 30px; right: 26px; color: #fff; }
.lp-stage-photo figcaption strong { display: block; max-width: 350px; font-size: 1.7rem; font-weight: 450; line-height: 1.2; letter-spacing: -.02em; }
.lp-stage-photo figcaption span { display: block; margin-top: 13px; font-size: .74rem; color: #e1d8d7; }
.lp-stage-workspace { padding: 25px; }
.lp-product { border-radius: 7px; overflow: hidden; color: var(--ink); background: #fcfbf9; }
.lp-product-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 15px; border-bottom: 1px solid #e7e1dd; padding: 12px 20px; }
.lp-product-toolbar strong { font-size: .86rem; font-weight: 650; letter-spacing: -.03em; }
.lp-example-label { font-size: .72rem; color: #70686b; }
.lp-product-content { padding: 22px; }
.lp-product-title { display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.lp-product-title p { margin: 0 0 5px; font-size: .73rem; color: var(--muted); }
.lp-product-title h2 { margin: 0; font-size: 1.45rem; font-weight: 550; }
.lp-product-title > span { display: inline-flex; align-items: center; gap: 5px; font-size: .72rem; color: #3e6851; }
.lp-product-title .ui-icon { width: 16px; height: 16px; }
.lp-product-metrics { display: grid; grid-template-columns: .8fr 1.5fr; gap: 24px; align-items: center; margin: 19px 0; }
.lp-product-score { border-right: 1px solid var(--line); padding-right: 20px; }
.lp-product-score strong { font-size: 4.8rem; font-weight: 450; line-height: 1; letter-spacing: -.07em; }
.lp-product-score span { color: var(--muted); font-size: .9rem; }
.lp-product-score small { display: block; margin-top: 7px; font-size: .7rem; color: var(--muted); }
.lp-metric { margin: 10px 0; }
.lp-metric > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 5px; font-size: .75rem; }
.lp-metric b { font-weight: 550; font-variant-numeric: tabular-nums; }
.lp-metric-bar { display: block; height: 5px; background: #e9e3df; }
.lp-metric-bar i { display: block; width: var(--value); height: 100%; background: #8c5860; }
.lp-metric:first-child .lp-metric-bar i { background: var(--accent); }
.lp-product-finding { display: grid; grid-template-columns: 27px 1fr; gap: 12px; border-top: 1px solid var(--line); padding-top: 15px; }
.lp-product-finding .ui-icon { color: var(--accent-dark); width: 21px; height: 21px; }
.lp-product-finding small { display: block; color: var(--muted); font-size: .72rem; margin-bottom: 4px; }
.lp-product-finding p { margin: 0; font-size: .88rem; font-weight: 550; line-height: 1.42; }
.lp-product-footer { display: flex; justify-content: space-between; gap: 10px; margin-top: 15px; border-radius: 4px; padding: 10px 12px; color: #665b5e; background: #f0ebe7; font-size: .7rem; }
.lp-stage-note { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0 0; color: #c7b6bc; font-size: .7rem; }
.lp-stage-note > span { min-width: 0; overflow-wrap: anywhere; }
.lp-proof { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.lp-proof > div { display: flex; align-items: center; gap: 20px; padding: 28px 30px; border-right: 1px solid var(--line); }
.lp-proof > div:first-child { padding-left: 0; }
.lp-proof > div:last-child { border-right: 0; }
.lp-proof strong { font-size: 3.2rem; font-weight: 450; line-height: 1; letter-spacing: -.06em; }
.lp-proof span { max-width: 205px; font-size: .87rem; line-height: 1.45; color: var(--muted); }
.lp-fit { margin-top: 32px; padding: 24px 0 0; }
.lp-fit > h2 { margin: 0 0 18px; font-size: 1.2rem; font-weight: 600; letter-spacing: -.02em; }
.lp-fit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.lp-fit-grid article { display: grid; grid-template-columns: 28px 1fr; gap: 12px; }
.lp-fit-grid .ui-icon { color: var(--accent-dark); width: 24px; height: 24px; }
.lp-fit-grid h3 { font-size: .95rem; font-weight: 600; margin: 0 0 7px; }
.lp-fit-grid p { color: var(--muted); font-size: .86rem; line-height: 1.55; margin: 0; }
.lp-pricing-included { grid-column: 1 / -1; margin: -10px 0 0; color: var(--ink-soft); font-size: .88rem; }
.auth-steps { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 20px 0 24px; color: var(--muted); font-size: .77rem; }
.auth-steps li { display: flex; align-items: center; min-height: 44px; border-bottom: 2px solid var(--line); padding-bottom: 7px; }
.auth-steps [aria-current] { color: var(--accent-dark); border-color: var(--accent); font-weight: 600; }
.field-help { color: var(--muted); line-height: 1.5; font-size: .8rem; }
.audit-scope { display: flex; align-items: flex-start; gap: 10px; background: #f2eeea; border: 1px solid var(--line); border-radius: 6px; padding: 14px 16px; margin: 24px 0; font-size: .88rem; color: var(--ink-soft); }
.audit-scope .ui-icon { color: var(--accent-dark); }
.dashboard-first-step { color: var(--ink-soft); font-size: .92rem; }
.lp a:focus-visible, .lp button:focus-visible, .lp summary:focus-visible { outline: 3px solid var(--accent-dark); outline-offset: 4px; }
.lp-section { padding-block: 72px; }
.lp-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 30px; }
.lp-section-head h2 { max-width: 730px; margin: 12px 0 0; font-size: clamp(2rem, 3.6vw, 3.3rem); line-height: 1.1; font-weight: 500; }
.lp-section-head > p { max-width: 340px; margin: 0; color: var(--muted); font-size: .91rem; }
.lp-output-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 15px; }
.lp-output-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; padding: 28px; background: #fff; }
.lp-output-card > .ui-icon { width: 29px; height: 29px; margin-bottom: 22px; color: #795258; }
.lp-output-card h3 { margin: 0 0 12px; font-size: 1.35rem; font-weight: 550; }
.lp-output-card p { margin-bottom: 24px; font-size: .9rem; color: var(--muted); }
.lp-output-photo { position: relative; min-height: 330px; padding: 0; color: #fff; background: #241d20; }
.lp-output-photo > img { width: 100%; height: 100%; position: absolute; object-fit: cover; opacity: .9; }
.lp-output-photo::after { position: absolute; content: ''; inset: 10% 0 0; background: linear-gradient(transparent, #201317ee); }
.lp-output-photo > div { position: relative; z-index: 1; margin-top: auto; padding: 26px; }
.lp-output-photo p { color: #e5dedd; margin-bottom: 0; }
.lp-output-mini { width: 100%; margin-top: auto; border: 1px solid #e5dfdb; border-radius: 5px; padding: 14px 15px; background: #f8f6f3; }
.lp-output-mini > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #e5dfdb; font-size: .77rem; }
.lp-output-mini > div:last-child { border-bottom: 0; }
.lp-output-mini b { font-weight: 550; }
.lp-output-mini .ui-icon { width: 16px; height: 16px; color: #687b6c; }
.lp-copy-snippet small { display: block; color: #80716e; font-size: .62rem; letter-spacing: .04em; margin-bottom: 6px; }
.lp-copy-snippet > span { display: block; color: #857d78; font-size: .82rem; margin-bottom: 15px; text-decoration: line-through; }
.lp-copy-snippet > strong { display: block; color: #51383d; font-weight: 550; font-size: .89rem; line-height: 1.45; }
.lp-output-bottom { display: flex; align-items: center; gap: 10px; margin-top: 20px; color: var(--muted); font-size: .81rem; }
.lp-output-bottom .ui-icon { width: 18px; height: 18px; }
.lp-example { border-block: 1px solid var(--line); background: #eeece9; }
.lp-example-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 50px; }
.lp-example-copy h2 { font-size: clamp(2rem, 3.4vw, 3.2rem); font-weight: 500; margin: 14px 0 18px; }
.lp-example-copy > p { color: var(--muted); font-size: .93rem; }
.lp-example-tabs { display: flex; flex-direction: column; gap: 5px; margin-top: 28px; }
.lp-example-tabs button { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; border: 1px solid transparent; border-radius: 5px; padding: 13px 15px; cursor: pointer; background: transparent; color: #6c6265; font-size: .94rem; text-align: left; }
.lp-example-tabs button[aria-selected="true"] { background: #fff; color: var(--ink); border-color: var(--line); }
.lp-example-tabs button .ui-icon { width: 17px; height: 17px; }
.lp-example-panel { overflow: hidden; border: 1px solid #d6d0cc; border-radius: 9px; background: #fff; }
.lp-example-top { display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); padding: 14px 24px; font-size: .76rem; color: var(--muted); }
.lp-example-top strong { font-weight: 550; color: var(--ink); }
.lp-example-before, .lp-example-after { padding: 23px 28px; }
.lp-example-before { border-bottom: 1px solid var(--line); }
.lp-example-before > span, .lp-example-after > span { display: block; font-size: .75rem; font-weight: 600; margin-bottom: 11px; }
.lp-example-before blockquote, .lp-example-after blockquote { margin: 0; font-size: clamp(1.2rem, 1.85vw, 1.75rem); font-weight: 450; letter-spacing: -.025em; line-height: 1.3; }
.lp-example-before blockquote { color: #786e72; }
.lp-example-before p, .lp-example-after p { margin: 14px 0 0; color: var(--muted); font-size: .82rem; }
.lp-example-after { background: #2e1c22; color: #fff; }
.lp-example-after > span { color: #deb7bd; }
.lp-example-after p { color: #d0c1c5; }
.lp-example-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding: 15px 24px; font-size: .74rem; }
.lp-example-foot > span { color: var(--muted); }
.lp-example-foot a { display: flex; gap: 8px; align-items: center; font-weight: 550; }
.lp-example-foot .ui-icon { width: 17px; height: 17px; }
.lp-method-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; }
.lp-method-visual { position: relative; min-height: 340px; margin: 0; border-radius: 9px; overflow: hidden; background: #332225; }
.lp-method-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lp-method-visual figcaption { position: absolute; bottom: 23px; right: 23px; left: 23px; border: 1px solid #fff9; border-radius: 5px; padding: 16px 18px; color: var(--ink); background: #faf8f4ef; font-size: .86rem; }
.lp-method-list { list-style: none; padding: 0; margin: 0; }
.lp-method-list li { display: grid; grid-template-columns: 30px 1fr; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.lp-method-list li:first-child { padding-top: 5px; }
.lp-method-list li:last-child { border-bottom: 0; }
.lp-method-list .ui-icon { width: 26px; height: 26px; color: #7e5057; }
.lp-method-list h3 { margin: 0 0 9px; font-size: 1.28rem; font-weight: 550; }
.lp-method-list p { margin: 0; color: var(--muted); font-size: .91rem; }
.lp-criteria { border-block: 1px solid var(--line); padding: 16px 0 22px; margin-top: 36px; }
.lp-criteria-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; margin-bottom: 12px; }
.lp-criteria-heading h3 { margin: 0; font-size: .94rem; font-weight: 550; color: var(--muted); letter-spacing: 0; }
.lp-marquee-toggle { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; min-height: 44px; border: 1px solid var(--line); border-radius: 6px; padding: 8px 12px; background: transparent; color: var(--ink-soft); font: inherit; font-size: .73rem; cursor: pointer; }
.lp-marquee-toggle > span { display: inline-flex; }
.lp-marquee-toggle .ui-icon { width: 16px; height: 16px; }
.lp-marquee-viewport { padding: 14px 0; border-radius: 4px; }
.lp-marquee-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; padding: 0; margin: 0; list-style: none; }
.lp-marquee-list[aria-hidden="true"] { display: none; }
.lp-marquee-list li { display: flex; align-items: center; gap: 15px; min-width: 0; color: var(--ink); font-size: 1.05rem; font-weight: 500; line-height: 1.3; }
.lp-marquee-list .ui-icon { flex: 0 0 auto; width: 40px; height: 40px; color: var(--accent); stroke-width: 1.45; }
.lp-criteria.is-enhanced .lp-marquee-viewport { overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
.lp-criteria.is-enhanced .lp-marquee-track { display: flex; width: max-content; animation: lp-marquee 72s linear infinite; }
.lp-criteria.is-enhanced .lp-marquee-list { display: flex; flex: 0 0 auto; align-items: center; gap: 0; }
.lp-criteria.is-enhanced .lp-marquee-list li { flex: 0 0 auto; padding: 5px 38px; border-right: 1px solid var(--line); white-space: nowrap; }
.lp-criteria.is-enhanced .lp-marquee-viewport:focus-visible { -webkit-mask-image: none; mask-image: none; }
.lp-criteria.is-paused .lp-marquee-track,
.lp-criteria.is-offscreen .lp-marquee-track,
.lp-criteria .lp-marquee-viewport:focus-within .lp-marquee-track { animation-play-state: paused; }
@keyframes lp-marquee { to { transform: translateX(-50%); } }
.lp-pricing { border-block: 1px solid var(--line); background: #eeece9; }
.lp-pricing-layout { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; align-items: center; }
.lp-pricing-copy h2 { font-size: clamp(2rem, 3.6vw, 3.4rem); font-weight: 500; margin: 14px 0 20px; }
.lp-pricing-copy > p { color: var(--muted); font-size: .94rem; max-width: 430px; }
.lp-pricing-formula { display: flex; align-items: center; gap: 12px; border-top: 1px solid #d7d0cc; margin-top: 25px; padding-top: 20px; font-size: .85rem; color: #65545a; }
.lp-pricing-cards { display: grid; grid-template-columns: .85fr 1.15fr; gap: 12px; }
.lp-price-card { display: flex; flex-direction: column; border: 1px solid #d9d2ce; border-radius: 9px; padding: 27px; background: #faf9f7; }
.lp-price-card > span { font-size: .82rem; color: #6f6669; }
.lp-price { font-size: 3.3rem; font-weight: 450; letter-spacing: -.065em; line-height: 1; margin: 26px 0 12px; white-space: nowrap; }
.lp-price small { font-size: 1.35rem; letter-spacing: -.025em; }
.lp-price-card > strong { font-weight: 550; font-size: 1rem; }
.lp-price-card p { margin: 12px 0 24px; font-size: .8rem; color: #776c70; }
.lp-price-card .btn { margin-top: auto; font-size: .85rem; }
.lp-price-card > small { margin-top: 13px; font-size: .73rem; color: #7b7276; }
.lp-price-paid { background: #2b1b21; color: #fff; border-color: #2b1b21; }
.lp-price-paid > span, .lp-price-paid > small, .lp-price-paid p { color: #d1bfc6; }
.lp-price-paid .btn { margin-top: auto; }
.lp-faq { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; }
.lp-faq h2 { font-size: clamp(2rem, 3.4vw, 3.1rem); font-weight: 500; margin-top: 14px; }
.lp-faq-list { border-top: 1px solid #75686d; }
.lp-faq-list details { border-bottom: 1px solid var(--line); }
.lp-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 21px 0; cursor: pointer; font-size: 1rem; font-weight: 500; list-style: none; }
.lp-faq-list summary::-webkit-details-marker { display: none; }
.lp-faq-list summary::after { content: '+'; color: #86737a; font-size: 1.35rem; }
.lp-faq-list details[open] summary::after { content: '−'; }
.lp-faq-list p { margin: -3px 30px 22px 0; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.lp-final { position: relative; overflow: hidden; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; gap: 50px; margin-bottom: 55px; padding: 46px 50px; background: #2d1720; color: #fff; }
.lp-final .lp-label { color: #d0aeb8; }
.lp-final h2 { margin: 12px 0; font-size: clamp(2rem, 3.9vw, 3.8rem); max-width: 680px; font-weight: 450; }
.lp-final p { max-width: 580px; margin: 0; color: #ccb9c0; font-size: .9rem; }
.lp-final-action { display: flex; flex-direction: column; flex: 0 0 auto; align-items: center; gap: 13px; }
.lp-final-action .btn { color: #24151b; background: #fff; border-color: #fff; padding: 14px 22px; }
.lp-final-action small { color: #ceb9c2; font-size: .73rem; }
.lp-footer { border-top: 1px solid var(--line); }
.lp-footer-main { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 50px; padding: 42px 0; }
.lp-footer-brand p { max-width: 340px; color: var(--muted); font-size: .86rem; margin: 19px 0; }
.lp-footer-brand > a:last-child { font-size: .84rem; }
.lp-footer-column > strong { display: block; font-size: .76rem; font-weight: 550; color: #8a7c82; margin-bottom: 17px; }
.lp-footer-column nav { display: grid; gap: 10px; }
.lp-footer-column a, .lp-footer-column button { font-size: .86rem; }
.lp-footer-column a:hover, .lp-footer-column button:hover { color: var(--accent-dark); }
.lp-cookie-settings { padding: 0; border: 0; text-align: left; color: inherit; background: none; cursor: pointer; }
.lp-footer-bottom { display: flex; flex-direction: column; align-items: center; gap: 10px; border-top: 1px solid var(--line); padding: 22px 0 28px; color: var(--muted); font-size: .76rem; text-align: center; }
.lp-footer-bottom > a { color: var(--ink); font-weight: 550; font-size: .85rem; }
.lp-implementation { display: flex; gap: 16px; align-items: center; margin-top: 24px; font-size: .85rem; }
.lp-implementation > a { text-decoration: underline; text-underline-offset: 4px; }
/* Resting crop exists before JS/first paint. GSAP only owns the pan variable;
   hover uses independent scale, never a competing transform transition. */
.lp-stage-photo > img, .lp-output-photo > img, .lp-method-visual > img {
    transform: translate3d(0, var(--lp-pan, 0%), 0) scale(1.14);
    transition: scale .35s ease;
}
@media (max-width: 960px) {
    .lp-stage-photo > img, .lp-output-photo > img, .lp-method-visual > img {
        transform: translate3d(0, var(--lp-pan, 0%), 0) scale(1.08);
    }
}
@media (hover: hover) and (pointer: fine) {
    .lp .btn { transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease; }
    .lp .btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px #211d1e13; }
    .lp .btn:active { transform: translateY(0); box-shadow: none; }
    .lp .btn .ui-icon, .lp-text-link .ui-icon, .lp-example-foot a .ui-icon { transition: transform .22s ease; }
    .lp .btn:hover .ui-icon, .lp-text-link:hover .ui-icon, .lp-example-foot a:hover .ui-icon { transform: translateX(3px); }
    .lp-text-link:hover { text-decoration-color: var(--accent); }
    .lp-header-links a, .lp-footer-column a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; transition: color .2s ease, text-decoration-color .2s ease; }
    .lp-header-links a:hover, .lp-footer-column a:hover { text-decoration-color: currentColor; }
    .lp-output-card, .lp-price-card { transition: border-color .25s ease, box-shadow .25s ease; }
    .lp-output-card:hover, .lp-price-card:hover { border-color: #aa9396; box-shadow: 0 8px 22px #211d1e0d; }
    .lp-stage-photo:hover > img, .lp-output-photo:hover > img, .lp-method-visual:hover > img { scale: 1.015; }
    .lp-method-list .ui-icon, .lp-marquee-list .ui-icon { transition: transform .25s ease, color .25s ease; }
    .lp-method-list li:hover .ui-icon { color: var(--accent); transform: translateX(3px); }
    .lp-criteria .lp-marquee-viewport:hover .lp-marquee-track { animation-play-state: paused; }
    .lp-marquee-list li:hover .ui-icon { transform: translateY(-3px); color: var(--accent-dark); }
    .lp-marquee-toggle:hover { border-color: #aa9396; background: #f0ece8; }
    .lp-example-tabs button:hover:not([aria-selected="true"]) { border-color: #d6ceca; background: #faf9f7; }
    .lp-faq-list summary { transition: color .2s ease; }
    .lp-faq-list summary:hover { color: var(--accent-dark); }
}

@media (min-width: 1600px) {
    .lp-wrap { width: min(100% - 128px, 1400px); }
}
@media (max-width: 1180px) {
    .lp-wrap { width: calc(100% - 48px); }
    .lp-header-links { display: none; }
    .lp-header-actions { margin-left: auto; }
    .lp-mobile-menu { display: block; }
    .lp-hero-intro { gap: 35px; }
    .lp-product-content { padding: 19px; }
    .lp-stage-workspace { padding: 18px; }
    .lp-product-metrics { gap: 18px; }
    .lp-output-grid { grid-template-columns: 1fr 1fr 1fr; }
    .lp-output-card { padding: 23px; }
    .lp-output-photo { padding: 0; }
    .lp-pricing-layout { gap: 35px; }
    .lp-price-card { padding: 24px; }
    .lp-example-grid { gap: 32px; }
}
@media (max-width: 960px) {
    .lp-marquee-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-header-links { display: none; }
    .lp-header-actions { margin-left: auto; }
    .lp-header-actions > .language-switcher { display: flex; }
    .lp-mobile-menu { display: block; }
    .lp-hero h1 { font-size: 3.55rem; }
    .lp-hero-intro { grid-template-columns: 1.1fr 1fr; gap: 30px; }
    .lp-hero-lead { font-size: .94rem; }
    .lp-stage { grid-template-columns: .7fr 1.3fr; }
    .lp-stage-photo figcaption { bottom: 23px; left: 22px; right: 22px; }
    .lp-stage-photo figcaption strong { font-size: 1.45rem; }
    .lp-product-title > span { display: none; }
    .lp-proof > div { padding: 24px; gap: 15px; }
    .lp-proof strong { font-size: 2.7rem; }
    .lp-proof span { font-size: .8rem; }
    .lp-section-head { align-items: flex-start; }
    .lp-section-head > p { max-width: 260px; }
    .lp-output-grid { grid-template-columns: 1fr 1fr; }
    .lp-output-photo { grid-column: 1 / -1; min-height: 260px; }
    .lp-output-photo > img { object-position: center 43%; }
    .lp-output-photo > div { max-width: 420px; }
    .lp-output-card:not(.lp-output-photo) { min-height: 300px; }
    .lp-example-grid { grid-template-columns: 1fr; }
    .lp-example-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; }
    .lp-example-copy .lp-label, .lp-example-tabs { grid-column: 1 / -1; }
    .lp-example-copy h2 { margin-bottom: 0; }
    .lp-example-copy > p { margin: 18px 0 0; }
    .lp-example-tabs { flex-direction: row; margin-top: 23px; }
    .lp-example-tabs button { font-size: .9rem; }
    .lp-pricing-layout { grid-template-columns: 1fr; }
    .lp-pricing-copy { max-width: 650px; }
    .lp-pricing-copy > p { max-width: 580px; }
    .lp-pricing-formula { margin-top: 18px; padding-top: 16px; }
    .lp-pricing-cards { grid-template-columns: 1fr 1fr; }
    .lp-faq { gap: 35px; }
    .lp-final { padding: 38px; gap: 30px; }
    .lp-final h2 { font-size: 2.6rem; }
    .auth-card { width: calc(100% - 50px); }
    .auth-editorial > div { padding: 34px; }
    .workspace-overview > div { padding: 20px; gap: 13px; }
    .workspace-overview strong { font-size: 2.1rem; }
    .workspace-overview span { font-size: .8rem; }
}
@media (max-width: 1120px) {
    .account-panel .mobile-language { display: block; margin: 5px 4px 9px; border-bottom: 1px solid var(--line); padding: 4px 7px 12px; }
}
@media (max-width: 720px) {
    .container { width: calc(100% - 32px); }
    .lp-wrap { width: calc(100% - 32px); }
    .lp-header { min-height: 72px; gap: 12px; }
    .lp-header-actions > .language-switcher, .lp-login { display: none; }
    .lp-header-actions .btn { min-height: 40px; padding: 10px 12px; font-size: .78rem; }
    .lp-header .brand { font-size: 1.08rem; gap: 7px; }
    .lp-header .brand-logo { max-height: 30px; }
    .lp-hero { padding-top: 35px; }
    .lp-hero-intro { grid-template-columns: 1fr; gap: 22px; margin-bottom: 26px; }
    .lp-hero h1 { max-width: 560px; font-size: clamp(2.85rem, 10.2vw, 4.5rem); margin-top: 13px; }
    .lp-hero-lead { max-width: 540px; margin-bottom: 17px; font-size: .96rem; }
    .lp-benefits { margin-top: 14px; font-size: .73rem; }
    .lp-stage { grid-template-columns: 1fr; }
    .lp-stage-photo { min-height: 220px; }
    .lp-stage-photo > img { object-position: center 48%; }
    .lp-stage-photo figcaption strong { max-width: 280px; font-size: 1.55rem; }
    .lp-stage-photo figcaption { left: 22px; bottom: 21px; }
    .lp-stage-photo figcaption span { margin-top: 8px; }
    .lp-stage-workspace { padding: 15px; }
    .lp-product-title > span { display: flex; }
    .lp-product-content { padding: 20px; }
    .lp-product-score strong { font-size: 4.2rem; }
    .lp-proof { grid-template-columns: repeat(3, 1fr); }
    .lp-proof > div, .lp-proof > div:first-child { flex-direction: column; align-items: flex-start; gap: 9px; padding: 23px 15px; }
    .lp-proof > div:first-child { padding-left: 0; }
    .lp-proof span { font-size: .77rem; }
    .lp-proof strong { font-size: 2.35rem; }
    .lp-section { padding-block: 42px; }
    .lp-audience { margin-top: 14px; font-size: .86rem; }
    .lp-next-step { font-size: .78rem; }
    .lp-fit { margin-top: 20px; padding-top: 14px; }
    .lp-fit-grid { grid-template-columns: 1fr; gap: 18px; }
    .lp-stage-workspace { order: 1; }
    .lp-stage-photo { order: 2; min-height: 170px; }
    .lp-pricing-included { margin-top: 0; }
    .lp-section-head { display: block; margin-bottom: 24px; }
    .lp-section-head h2 { font-size: 2.3rem; }
    .lp-section-head > p { max-width: 520px; margin-top: 17px; }
    .lp-output-card { padding: 23px; }
    .lp-output-photo { padding: 0; min-height: 310px; }
    .lp-output-card h3 { font-size: 1.22rem; }
    .lp-output-card p { font-size: .85rem; }
    .lp-output-card > .ui-icon { margin-bottom: 17px; }
    .lp-example-copy { display: block; }
    .lp-example-copy h2 { font-size: 2.3rem; }
    .lp-example-tabs { overflow-x: auto; gap: 4px; }
    .lp-example-tabs button { flex: 1 0 auto; width: auto; padding: 12px; font-size: .81rem; gap: 8px; }
    .lp-example-tabs button .ui-icon { display: none; }
    .lp-example-before, .lp-example-after { padding: 22px; }
    .lp-example-before blockquote, .lp-example-after blockquote { font-size: 1.4rem; }
    .lp-example-top, .lp-example-foot { padding: 13px 20px; }
    .lp-example-top > span { max-width: 145px; text-align: right; }
    .lp-method-grid { grid-template-columns: 1fr; gap: 28px; }
    .lp-method-visual { min-height: 290px; }
    .lp-method-list li { padding: 19px 0; }
    .lp-criteria { margin-top: 26px; padding-bottom: 16px; }
    .lp-criteria-heading { gap: 12px; }
    .lp-criteria-heading h3 { font-size: .86rem; }
    .lp-marquee-toggle { width: 44px; padding: 8px; }
    .lp-marquee-toggle [data-marquee-label] { display: none; }
    .lp-marquee-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
    .lp-marquee-list li { font-size: 1rem; gap: 12px; }
    .lp-marquee-list .ui-icon { width: 34px; height: 34px; }
    .lp-criteria.is-enhanced .lp-marquee-list li { padding-inline: 24px; }
    .lp-pricing-layout { gap: 25px; }
    .lp-pricing-copy h2 { font-size: 2.3rem; }
    .lp-price-card { padding: 23px; }
    .lp-price { font-size: 3rem; }
    .lp-faq { grid-template-columns: 1fr; gap: 14px; }
    .lp-faq h2 { font-size: 2.3rem; }
    .lp-faq-list summary { padding: 20px 0; font-size: .94rem; }
    .lp-final { flex-direction: column; align-items: flex-start; padding: 32px; gap: 26px; margin-bottom: 36px; }
    .lp-final h2 { font-size: 2.4rem; }
    .lp-final-action { align-items: flex-start; }
    .lp-footer-main { grid-template-columns: 1fr 1fr; gap: 30px; padding-block: 32px; }
    .lp-footer-brand { grid-column: 1 / -1; }
    .lp-footer-brand p { max-width: 460px; margin: 14px 0; }
    .lp-footer-column nav { gap: 14px; }
    .dashboard { padding-top: 28px; }
    .workspace-overview > div { flex-direction: column; align-items: flex-start; padding: 17px 14px; gap: 10px; }
    .workspace-overview strong { font-size: 2rem; }
    .admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .stat-card { min-height: 125px; padding: 16px; }
    .stat-card strong { font-size: 2.4rem; }
    .low-credit-card { padding: 23px; }
    .audit-row { padding: 18px; }
    .form-card { padding: 28px 24px; }
    .auth-shell { min-height: auto; display: flex; flex-direction: column; }
    .auth-editorial { min-height: 132px; }
    .auth-editorial > img { object-position: center 47%; }
    .auth-editorial > div { padding: 26px; }
    .auth-editorial h2 { max-width: 440px; font-size: 1.4rem; margin-bottom: 0; }
    .auth-editorial p { display: none; }
    .auth-card { width: min(100% - 40px, 470px); min-height: auto; padding: 30px 0 38px; }
    .auth-card .brand { margin-bottom: 65px; }
    .auth-language { top: 73px; }
    .report-head { padding: 24px; grid-template-columns: 1fr auto; }
    .report-head h1 { font-size: 1.95rem; }
    .big-score { padding: 0 0 0 20px; align-self: start; }
    .big-score strong { font-size: 3.7rem; }
    .big-score span { font-size: .8rem; }
    .report-actions { gap: 8px; }
    .report-actions .btn { font-size: .8rem; padding: 10px 12px; }
    .score-methodology { padding: 23px; }
    .score-breakdown-grid { grid-template-columns: 1fr 1fr; }
    .score-component { padding: 14px; }
    .score-component > div:first-child { align-items: flex-start; flex-direction: column; gap: 6px; }
    .biggest-problem, .problem-card { padding: 24px; }
    .skeptic-summary-grid { grid-template-columns: 1fr 1fr; }
    .implementation-card { padding: 24px; }
    .app-footer-main { padding-block: 28px; }
}
@media (max-width: 430px) {
    .lp-marquee-list { grid-template-columns: 1fr; }
    .cookie-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cookie-actions [data-consent-reject] { grid-column: 1 / -1; }
    .cookie-actions .btn { min-height: 44px; padding: 8px 10px; font-size: .78rem; }
    .lp-header-actions .btn { display: none; }
    .lp-mobile-menu { margin-left: auto; }
    .lp-hero h1 { font-size: clamp(2.25rem, 10.8vw, 3rem); letter-spacing: -.03em; }
    .lp-actions { align-items: stretch; gap: 9px 16px; }
    .lp-actions > .btn { width: 100%; }
    .lp-actions > .lp-text-link { min-height: 40px; }
    .lp-benefits { gap: 8px 14px; font-size: .79rem; }
    .lp-stage-photo { min-height: 160px; }
    .lp-stage-workspace { padding: 12px; }
    .lp-product-content { padding: 16px; }
    .lp-product-toolbar { padding: 12px 16px; }
    .lp-product-title h2 { font-size: 1.3rem; }
    .lp-product-title > span { display: none; }
    .lp-product-metrics { grid-template-columns: .85fr 1.4fr; gap: 14px; }
    .lp-product-score { padding-right: 12px; }
    .lp-product-score strong { font-size: 3.8rem; }
    .lp-product-finding p { font-size: .84rem; }
    .lp-product-footer { font-size: .66rem; padding: 9px; }
    .lp-stage-note { flex-direction: column; gap: 3px; padding: 12px 3px 3px; }
    .lp-output-grid { grid-template-columns: 1fr; }
    .lp-output-card:not(.lp-output-photo) { min-height: 0; }
    .lp-output-photo { min-height: 260px; }
    .lp-output-mini { margin-top: 0; }
    .lp-output-card p { margin-bottom: 20px; }
    .lp-pricing-cards { grid-template-columns: 1fr; }
    .lp-price-card { padding: 25px; }
    .lp-price { margin: 20px 0 10px; }
    .lp-price-card p { margin-bottom: 20px; }
    .lp-price-card .btn { width: 100%; }
    .lp-final { padding: 28px; }
    .lp-final-action, .lp-final-action .btn { width: 100%; }
    .lp-final-action small { align-self: center; }
    .topbar-inner { width: calc(100% - 24px); gap: 10px; }
    .topnav { gap: 5px; }
    .account-trigger, .notification-trigger, .header-new-audit { width: 44px; height: 44px; min-height: 44px; }
    .topbar .brand-logo { max-height: 31px; }
    .report-head { grid-template-columns: 1fr; gap: 23px; }
    .big-score { justify-self: start; border-left: 0; padding-left: 0; }
    .big-score strong { font-size: 4.7rem; }
    .report-actions { flex-direction: row; }
    .report-actions .btn { width: auto; }
    .score-breakdown-grid, .skeptic-summary-grid { grid-template-columns: 1fr; }
    .score-component > div:first-child { align-items: center; flex-direction: row; gap: 12px; }
    .cookie-actions .btn { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
    .lp-stage-photo > img, .lp-output-photo > img, .lp-method-visual > img { --lp-pan: 0% !important; scale: 1 !important; transition: none; }
    .lp .btn:hover, .lp .btn:hover .ui-icon, .lp-text-link:hover .ui-icon, .lp-example-foot a:hover .ui-icon,
    .lp-method-list li:hover .ui-icon, .lp-marquee-list li:hover .ui-icon { transform: none; }
    .lp-criteria.is-enhanced .lp-marquee-track { display: block; width: auto; animation: none !important; transform: none !important; }
    .lp-criteria.is-enhanced .lp-marquee-list { display: grid; }
    .lp-criteria.is-enhanced .lp-marquee-list[aria-hidden="true"] { display: none; }
    .lp-criteria.is-enhanced .lp-marquee-list li { padding: 0; border: 0; white-space: normal; }
    .lp-criteria.is-enhanced .lp-marquee-viewport { overflow: visible; mask-image: none; -webkit-mask-image: none; }
    .lp-marquee-toggle { display: none; }
}