/* Shared LastaLens interface system. */
:root {
    --ui-canvas: #f7f8fa;
    --ui-surface: #ffffff;
    --ui-ink: #1b2435;
    --ui-muted: #758194;
    --ui-border: #e6e9ef;
    --ui-accent: #2865e8;
    --ui-accent-soft: #edf3ff;
    --ui-shadow: 0 2px 4px #18294603, 0 10px 28px #18294604;
    --paper: var(--ui-canvas);
    --ink: var(--ui-ink);
    --muted: #68768a;
    --border: var(--ui-border);
    --orange: var(--ui-accent);
}
body {
    font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--ui-ink);
    background: var(--ui-canvas);
}
button, input, select, textarea { font-family: inherit; }
button:hover:not(:disabled) { transform: none; }
a, button { transition: color .15s ease, background .15s ease, border-color .15s ease; }
:focus-visible { outline: 2px solid #427cf0; outline-offset: 3px; }
h1, h2, h3 { color: var(--ui-ink); }
.workspace-page { --dash-border: var(--ui-border); background: var(--ui-canvas); }
.workspace-has-sidebar { --workspace-sidebar-width: 244px; --workspace-header-height: 66px; }
.workspace-page .account-topbar {
    border-color: var(--ui-border);
    background: var(--ui-surface);
    box-shadow: none;
}
.workspace-has-sidebar .account-topbar-inner.masthead {
    height: var(--workspace-header-height);
    min-height: var(--workspace-header-height);
    padding: 10px 24px;
    gap: 24px;
}
.workspace-page .account-topbar .logo-frame { width: 169px; height: 35px; }
.workspace-page .account-topbar .logo-frame img { width: 206px; left: -18px; top: -17px; }
.workspace-breadcrumb {
    display: flex;
    align-items: center;
    gap: 13px;
    flex: 1;
    min-width: 0;
    margin-left: 38px;
}
.workspace-breadcrumb a { color: #6f7c90; font-size: 13px; }
.workspace-breadcrumb > i { color: #6f7c90; font-size: 9px; }
.workspace-breadcrumb > span { color: #354157; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-page .masthead nav.workspace-breadcrumb { background: transparent; padding: 0; border-radius: 0; }
.workspace-page .masthead .workspace-breadcrumb a { padding: 0; }
.workspace-page .masthead nav.workspace-account-controls { background: transparent; padding: 0; }
.workspace-page .top-account-menu > summary { padding: 5px 7px; gap: 10px; border: 1px solid transparent; border-radius: 8px; }
.workspace-page .top-account-menu > summary:hover { border-color: var(--ui-border); background: #fafbfc; }
.workspace-page .account-avatar { width: 33px; height: 33px; background: #eaf0fc; color: #3b65ad; border: 1px solid #dbe5f6; font-size: 13px; border-radius: 50%; }
.workspace-page .top-account-name { font-size: 12px; color: #39465b; font-weight: 600; }
.workspace-page .top-account-name small { font-size: 10px; color: #6f7c90; font-weight: 400; }
.workspace-page .top-account-dropdown { border: 1px solid var(--ui-border); box-shadow: 0 12px 42px #18294618; border-radius: 12px; padding: 8px; }
.workspace-page .top-account-dropdown a, .workspace-page .top-account-dropdown button { border-radius: 6px; font-size: 13px; }
.workspace-page .top-account-identity { padding: 12px; }
.workspace-has-sidebar .account-shell > .account-sidebar {
    padding: 22px 14px 24px;
    border-right: 1px solid var(--ui-border);
    background: #fff;
}
.workspace-page .account-sidebar-heading { padding: 0 10px; margin: 0 0 12px; font-size: 10px; color: #6f7c90; letter-spacing: 1.2px; font-weight: 650; }
.workspace-page .workspace-switcher { margin-bottom: 24px; }
.workspace-page .workspace-switcher > summary { padding: 10px; border-radius: 8px; border-color: #e5e9f0; background: #fff; box-shadow: 0 2px 4px #19294704; }
.workspace-page .workspace-switcher > summary:hover { border-color: #bacce9; }
.workspace-page .workspace-switch-icon { background: #f0f4fb; color: #5276ae; border-radius: 7px; width: 31px; height: 31px; font-size: 13px; }
.workspace-page .workspace-switcher summary small { font-size: 9px; letter-spacing: .6px; color: #6f7c90; line-height: 1.6; }
.workspace-page .workspace-switcher summary strong { font-size: 13px; color: #34445d; font-weight: 600; }
.workspace-page .workspace-switch-panel { border-radius: 10px; border-color: var(--ui-border); box-shadow: 0 10px 28px #233c6418; }
.workspace-page .account-sidebar-nav .sidebar-group { margin: 0 0 13px; }
.workspace-page .account-sidebar-nav .sidebar-group > summary { padding: 7px 11px; font-size: 10px; color: #6f7c90; letter-spacing: .7px; font-weight: 600; }
.workspace-page .sidebar-group > summary > i { font-size: 8px; color: #6f7c90; }
.workspace-page .sidebar-group-links { padding: 3px 0 0; gap: 3px; }
.workspace-page .account-sidebar-nav .sidebar-group-links > a { padding: 10px 12px; min-height: 38px; font-size: 13px; gap: 11px; border-radius: 7px; font-weight: 500; color: #647188; }
.workspace-page .account-sidebar-nav .sidebar-group-links > a > i { color: #6f7c90; font-size: 14px; width: 18px; }
.workspace-page .account-sidebar-nav .sidebar-group-links > a:hover { color: #344b6b; background: #f5f7fb; }
.workspace-page .account-sidebar-nav .sidebar-group-links > a.selected { background: #edf3ff; color: #2562d3; box-shadow: inset 2px 0 #3978f6; }
.workspace-page .account-sidebar-nav .sidebar-group-links > a.selected > i { color: #3573e9; }
.workspace-page .sidebar-audit { margin: 18px 9px 0; padding: 17px 3px 5px; color: #5c7292; border-top-color: var(--ui-border); font-size: 12px; }
.workspace-has-sidebar > .account-shell { padding: 30px 38px 48px; }
.workspace-has-sidebar .account-main { max-width: 1480px; }
.workspace-page .workspace-context-banner { font-size: 12px; gap: 12px; margin: 0 0 8px; color: #6f7c90; }
.workspace-page .workspace-context-banner > span { display: inline-flex; align-items: center; gap: 8px; }
.workspace-page .workspace-context-banner a { color: #6f7c90; font-size: 11px; }
.workspace-page .workspace-context-banner a:hover { color: var(--ui-accent); }
.workspace-page .account-title { font-size: 29px; line-height: 1.3; letter-spacing: -.9px; font-weight: 650; margin: 6px 0 29px; color: #202b3e; }
.workspace-page .account-panel,
.workspace-page .dash-panel,
.workspace-page .dash-stat,
.workspace-page .workspace-card {
    border: 1px solid var(--ui-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: var(--ui-shadow);
}
.workspace-page .account-panel { padding: 25px 27px; margin-bottom: 23px; }
.workspace-page .account-panel h2, .workspace-page .dash-heading h2 { font-size: 19px; letter-spacing: -.35px; line-height: 1.4; font-weight: 650; }
.workspace-page .account-panel h3 { font-size: 16px; letter-spacing: -.2px; }
.workspace-page .account-panel p { font-size: 14px; color: #6f7c90; line-height: 1.8; }
.workspace-page .account-hint { font-size: 12px !important; color: #6f7c90 !important; line-height: 1.75; }
.workspace-page .dash-kicker { font-size: 10px; font-weight: 650; letter-spacing: 1px; color: #6f7c90; }
.workspace-page .account-panel label { font-size: 13px; color: #54647d; font-weight: 500; margin-top: 19px; }
.workspace-page .account-panel input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.workspace-page .account-panel select,
.workspace-page .account-panel textarea { border-color: #dfe5ee; border-radius: 7px; background: #fff; font-size: 14px; padding: 11px 13px; color: #2e405c; box-shadow: 0 1px 2px #1c2c4403; }
.workspace-page input::placeholder, .workspace-page textarea::placeholder { color: #6f7c90; }
.workspace-page .account-panel input:focus, .workspace-page .account-panel textarea:focus, .workspace-page .account-panel select:focus { border-color: #8daff0; }
.workspace-page .account-primary, .workspace-page .dash-scan { border-radius: 7px; background: var(--ui-accent); font-size: 13px; font-weight: 600; padding: 11px 17px; box-shadow: 0 2px 3px #2865e814; letter-spacing: 0; }
.workspace-page .account-primary:hover, .workspace-page .dash-scan:hover { background: #1e55ca; }
.workspace-page .secondary { border-radius: 7px; border-color: #dfe5ee; color: #526581; background: #fff; font-size: 12px; padding: 10px 14px; box-shadow: 0 1px 2px #1c2c4404; }
.workspace-page .secondary:hover { border-color: #b9cbee; background: #f7faff; }
.workspace-page .account-panel table { border-collapse: separate; border-spacing: 0; width: 100%; }
.workspace-page .account-panel th { background: #fafbfd; color: #6f7c90; font-size: 11px; letter-spacing: .15px; font-weight: 500; padding: 13px 14px; border-color: #e9edf3; white-space: nowrap; }
.workspace-page .account-panel th:first-child { border-top-left-radius: 7px; }
.workspace-page .account-panel th:last-child { border-top-right-radius: 7px; }
.workspace-page .account-panel td { color: #4c5a71; font-size: 13px; padding: 16px 14px; border-color: #eef1f5; line-height: 1.6; }
.workspace-page .account-panel tr:last-child td { border-bottom: 0; }
.workspace-page .account-panel tbody tr:hover td { background: #fbfcff; }
.workspace-page .account-panel td strong { color: #3a4a63; font-weight: 600; }
.workspace-page .account-table-wrap { border: 1px solid #edf0f5; border-radius: 8px; margin-top: 16px; }
.workspace-page .account-panel .pro-filters { gap: 6px; margin-bottom: 20px; }
.workspace-page .pro-filters a, .workspace-page .account-tabs a { border-radius: 6px; padding: 8px 13px; font-size: 12px; color: #6f7c90; background: transparent; }
.workspace-page .pro-filters a.selected, .workspace-page .account-tabs a.selected { color: #3268c5; background: #edf3ff; }
.workspace-page .account-message, .workspace-page .account-error { border-radius: 8px; padding: 15px 18px; font-size: 13px; border-width: 1px 1px 1px 3px; box-shadow: 0 1px 3px #203b5e04; }
.workspace-page .account-message { background: #f6faff; border-color: #dfeafb; border-left-color: #6c9ee9; color: #4e6d95; }
.workspace-page .account-error { background: #fffafa; border-color: #f4dfe1; border-left-color: #d77f87; color: #9e5862; }
.workspace-page .dash-welcome { margin: 0 0 24px; gap: 18px; }
.workspace-page .dash-welcome h2 { font-size: 27px; letter-spacing: -.8px; color: #27374e; margin: 8px 0; font-weight: 650; }
.workspace-page .dash-welcome p { font-size: 13px; color: #6f7c90; margin: 0; }
.workspace-page .dash-stats { gap: 18px; margin-bottom: 25px; }
.workspace-page .dash-stat { position: relative; padding: 22px; gap: 8px; }
.workspace-page .dash-stat-icon { position: absolute; right: 18px; top: 18px; left: auto; width: 30px; display: grid; place-items: center; height: 30px; border-radius: 8px; background: #f4f7fc; color: #6f7c90; font-size: 13px; }
.workspace-page .dash-stat > span:not(.dash-stat-icon) { font-size: 12px; color: #6f7c90; padding-right: 26px; padding-top: 0; }
.workspace-page .dash-stat > strong { font-size: 35px; font-weight: 650; letter-spacing: -1px; line-height: 1.35; color: #23344f; margin: 7px 0 1px; }
.workspace-page .dash-stat strong em { font-size: 14px; color: #6f7c90; font-weight: 400; letter-spacing: 0; }
.workspace-page .dash-stat > small { font-size: 11px; color: #6f7c90; }
.workspace-page .dash-columns { gap: 24px; grid-template-columns: minmax(0,1fr) 290px; }
.workspace-page .dash-panel { padding: 24px; }
.workspace-page .dash-heading { margin-bottom: 20px; }
.workspace-page .dash-heading a { font-size: 12px; color: #6386bc; font-weight: 500; }
.workspace-page .dash-plan { border: 1px solid #dce6f5; background: #f9fbff; color: #405a7e; border-radius: 11px; box-shadow: var(--ui-shadow); padding: 24px; }
.workspace-page .dash-plan-name h2 { color: #244d87; font-size: 23px; }
.workspace-page .dash-plan-name span { color: #3b8b69; background: #eaf6f0; font-size: 10px; }
.workspace-page .dash-plan p { color: #6f7c90; font-size: 12px; line-height: 1.8; }
.workspace-page .dash-plan .dash-kicker { color: #6f7c90; }
.workspace-page .dash-plan .dash-usage strong { color: #325e9c; }
.workspace-page .dash-plan .dash-usage small, .workspace-page .dash-plan .dash-usage span { color: #6f7c90; }
.workspace-page .dash-plan > a { color: #4277cb; font-size: 12px; border-color: #e0e8f4; }
.workspace-page .dash-plan progress { accent-color: #5a88d3; height: 5px; }
.workspace-page .dash-scan-row { border-color: #edf0f5; padding: 16px 0; }
.workspace-page .dash-site-icon { width: 34px; height: 34px; border-radius: 8px; background: #f4f7fc; color: #6f7c90; font-size: 13px; }
.workspace-page .dash-site-info strong { color: #51647e; font-size: 13px; font-weight: 600; }
.workspace-page .dash-site-info small { font-size: 10px; color: #6f7c90; }
.workspace-page .dash-score { border-radius: 7px; font-size: 15px; }
.workspace-page .dash-issue { border-color: #edf0f5; gap: 13px; padding: 17px 0; }
.workspace-page .dash-issue h3 { color: #566882; font-size: 13px; font-weight: 600; }
.workspace-page .dash-issue p { font-size: 12px; color: #6f7c90; line-height: 1.8; }
.workspace-page .dash-shortcuts a { padding: 14px 0; font-size: 12px; color: #6f7c90; border-color: #edf0f5; }
.workspace-page .dash-empty { padding: 35px 18px; }
.workspace-page .dash-empty > i { font-size: 24px; color: #6f7c90; }
.workspace-page .dash-empty h3 { font-size: 16px; color: #687d9b; }
.workspace-page .dash-empty p { font-size: 13px; color: #6f7c90; }
.workspace-page .workspace-card-grid { gap: 20px; }
.workspace-page .workspace-card { transition: border-color .15s ease, box-shadow .15s ease; }
.workspace-page .workspace-card:hover { border-color: #c0d1ef; box-shadow: 0 6px 20px #284b8008; }
.workspace-page .workspace-card h2 { font-size: 20px; }
.workspace-page .scan-card { border-color: var(--ui-border); border-radius: 12px; box-shadow: var(--ui-shadow); }
.workspace-page .scan-card h2 { font-size: 20px; }
.workspace-page .url-row { border-radius: 9px; border-color: #dce4f0; box-shadow: none; }
.workspace-page .ai-observation-metrics { gap: 16px; }
.workspace-page .ai-observation-metrics article { border-color: #e5ebf4; background: #fafcff; border-radius: 8px; padding: 20px; }
.workspace-page .ai-observation-metrics span { color: #6f7c90; font-size: 12px; }
.workspace-page .ai-observation-metrics strong { color: #3b5e90; }
.workspace-page .ai-answer { border-color: #e6ebf2; border-radius: 9px; padding: 18px; }
.workspace-page .ai-answer summary { font-size: 13px; color: #617794; font-weight: 600; }
.workspace-page .ai-preview-panel { border-color: #e1e7f0; border-radius: 11px; box-shadow: 0 4px 18px #20355305; }
.workspace-page .ai-preview-stage { background: #f3f5f9; }
.workspace-page .ai-result-heading h2 { font-size: clamp(24px,2.2vw,32px); color: #35445c; }
.workspace-page .ai-result-surfaces { border-color: #e4e9f1; border-radius: 8px; background: #f0f3f8; }
.workspace-page .ai-result-surfaces a { font-size: 12px; padding: 9px 16px; border-radius: 5px; }
.workspace-page .auth-panel { border-radius: 13px; padding: 30px; box-shadow: 0 10px 40px #263d5a06; }
.workspace-page .auth-panel input { min-height: 45px; }
.workspace-page .account-divider { color: #6f7c90; }
.workspace-page .auth-links { font-size: 12px; gap: 14px; line-height: 1.7; }
.workspace-page .workspace-footer { background: #fff; border-color: var(--ui-border); }
.workspace-has-sidebar .workspace-footer-inner { padding: 21px 38px 17px; max-width: 1480px; }
.workspace-page .workspace-footer-top { gap: 24px; padding: 0 0 13px; }
.workspace-page .workspace-footer-brand p { display: none; }
.workspace-page .workspace-footer .logo-frame { width: 128px; height: 28px; }
.workspace-page .workspace-footer .logo-frame img { width: 155px; left: -14px; top: -13px; }
.workspace-page .workspace-footer-links a { font-size: 11px; color: #6f7c90; }
.workspace-page .workspace-footer-bottom { padding: 10px 0 0; color: #6f7c90; border-color: #eff2f6; font-size: 10px; }
.workspace-page .workspace-footer-bottom a { color: #6f7c90; }
/* Public website uses the same spacing, borders, and controls. */
.marketing-page { color: #3b4b63; background: #fff; }
.marketing-page .public-header { border-color: var(--ui-border); background: #fffffff5; backdrop-filter: blur(12px); }
.marketing-page .public-header-inner { min-height: 78px; }
.marketing-page .public-header nav { gap: 25px; font-size: 13px; }
.marketing-page .public-header nav > a:not(.public-button) { color: #6f7c90; }
.marketing-page .public-header nav > [aria-current=page] { color: var(--ui-accent); }
.marketing-page .public-button { background: var(--ui-accent); border-color: var(--ui-accent); border-radius: 8px; padding: 13px 21px; font-size: 14px; box-shadow: 0 2px 3px #2865e80b; }
.marketing-page .public-button-small { padding: 10px 16px; font-size: 12px; min-height: 40px; }
.marketing-page .public-button-outline { background: #fff; color: #5d708b; border-color: #dfe5ee; box-shadow: none; }
.marketing-page .public-kicker { color: #6f7c90; font-size: 10px; letter-spacing: 1.3px; }
.marketing-page h1 { font-weight: 650; letter-spacing: -2.3px; color: #22334f; }
.marketing-page h2 { color: #2d405d; font-weight: 650; letter-spacing: -.95px; }
.marketing-page h3 { color: #3f5472; font-weight: 600; }
.marketing-page .public-home-hero { padding-top: 75px; padding-bottom: 75px; }
.marketing-page .public-hero-copy > p { color: #6f7c90; font-size: 17px; }
.marketing-page .public-text-link { font-size: 13px; color: #6b83a5; }
.marketing-page .public-preview { border-color: #e2e8f2; border-radius: 13px; box-shadow: 0 8px 20px #233b6405, 0 25px 65px #233b6410; }
.marketing-page .public-preview-top { background: #fafcff; border-color: #e9edf4; }
.marketing-page .public-sources { background: #fafbfd; border-color: #edf0f5; }
.marketing-page .public-capability-grid article { border-color: #e5eaf2; border-radius: 11px; box-shadow: 0 4px 12px #253f6803; }
.marketing-page .public-capability-grid article > i { color: #7293c5; background: #eff4fc; border-radius: 9px; }
.marketing-page .public-capability-grid article p { color: #6f7c90; font-size: 14px; }
.marketing-page .public-plan { border-color: #e1e8f2; border-radius: 12px; box-shadow: 0 3px 15px #253f6804; }
.marketing-page .public-plan > p { color: #6f7c90; }
.marketing-page .public-plan-price { color: #2e4b74; }
.marketing-page .public-plan li { color: #6f7c90; font-size: 13px; }
.marketing-page .public-plan-featured { border-color: #97b9f0; background: #f8fbff; }
.marketing-page .public-plan-featured .public-kicker { color: #5c85c7; }
.marketing-page .public-faq details { border-color: #e9edf4; }
.marketing-page .public-faq summary { font-size: 16px; color: #5c7191; }
.marketing-page .public-footer { background: #fafbfd; border-color: var(--ui-border); }
.marketing-page .public-footer a { color: #6f7c90; }
.marketing-page .public-footer h2 { font-size: 12px; letter-spacing: 0; color: #627793; }
.marketing-page .scan-card { border-color: #e2e8f1; border-radius: 12px; box-shadow: 0 5px 25px #203b6405; }
/* Tablet and mobile preserve the existing accessible menu. */
@media (max-width:1100px) and (min-width:761px) {
    .workspace-has-sidebar { --workspace-sidebar-width: 220px; }
    .workspace-has-sidebar > .account-shell { padding: 26px 24px 38px; }
    .workspace-breadcrumb { margin-left: 15px; }
    .workspace-page .dash-columns { grid-template-columns: minmax(0,1fr); }
    .workspace-page .dash-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .workspace-page .dash-stats { gap: 12px; }
    .workspace-page .dash-stat { padding: 18px; }
    .workspace-page .dash-stat-icon { position: static; width: 26px; height: 26px; }
}
@media (max-width:760px) {
    .workspace-has-sidebar { --workspace-header-height: 64px; }
    .workspace-has-sidebar .account-topbar-inner.masthead { padding: 10px 16px; gap: 12px; }
    .workspace-page .account-topbar .logo-frame { width: 142px; height: 30px; }
    .workspace-page .account-topbar .logo-frame img { width: 174px; left: -16px; top: -14px; }
    .workspace-page .masthead nav.workspace-breadcrumb { display: none; }
    .workspace-page .top-account-name { display: none; }
    .workspace-page .top-account-menu > summary { padding: 3px; }
    .workspace-page .account-avatar { width: 30px; height: 30px; }
    .workspace-has-sidebar > .account-shell { padding: 22px 16px 32px; }
    .workspace-page .account-title { font-size: 25px; margin-bottom: 23px; }
    .workspace-page .account-panel { padding: 20px; border-radius: 10px; }
    .workspace-page .account-panel h2 { font-size: 18px; }
    .workspace-page .account-panel td { padding: 13px 11px; font-size: 12px; }
    .workspace-page .account-panel th { padding: 12px 11px; }
    .workspace-page .dash-welcome { align-items: flex-start; flex-direction: column; gap: 15px; }
    .workspace-page .dash-welcome h2 { font-size: 24px; }
    .workspace-page .dash-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .workspace-page .dash-stat { padding: 18px 15px; }
    .workspace-page .dash-stat > strong { font-size: 29px; }
    .workspace-page .dash-stat-icon { position: static; width: 26px; height: 26px; }
    .workspace-page .dash-stat > span:not(.dash-stat-icon) { padding-right: 0; font-size: 11px; }
    .workspace-page .dash-columns { grid-template-columns: 1fr; }
    .workspace-page .dash-secondary { display: block; }
    .workspace-page .dash-panel { padding: 20px; }
    .workspace-page .account-mobile-menu { width: min(300px,calc(100vw - 38px)); }
    .workspace-page .account-mobile-menu .account-sidebar { padding: 18px 14px 25px; }
    .workspace-page .account-mobile-menu .sidebar-group-links > a { padding: 12px; min-height: 44px; }
    .workspace-page .mobile-menu-head { border-color: var(--ui-border); padding: 20px; }
    .workspace-page .mobile-menu-head h2 { font-size: 16px; }
    .workspace-has-sidebar .workspace-footer-inner { padding: 22px 18px 16px; }
    .workspace-page .workspace-footer-top { flex-wrap: wrap; gap: 15px; }
    .workspace-page .workspace-footer-links { flex-wrap: wrap; gap: 15px; }
    .workspace-page .auth-panel { padding: 25px; }
    .workspace-page .auth-links { flex-wrap: wrap; }
    .marketing-page .public-header-inner { min-height: 70px; }
    .marketing-page .public-home-hero { padding-top: 45px; padding-bottom: 50px; }
    .marketing-page .public-home-hero h1 { font-size: 40px; }
    .marketing-page .public-hero-copy > p { font-size: 16px; }
    .marketing-page .public-capability-grid { gap: 16px; }
}
@media (prefers-reduced-motion:reduce) { a, button { transition: none; } }

.workspace-page .account-panel input:not([type=hidden]),
.workspace-page .account-panel textarea,
.workspace-page .account-panel select { font-weight: 400; }
.marketing-page .scan-card h2 { font-size: 22px; line-height: 1.4; letter-spacing: -.4px; }
.workspace-page .account-sidebar::-webkit-scrollbar { width: 4px; }
.workspace-page .account-sidebar::-webkit-scrollbar-thumb { background: #dfe5ee; border-radius: 8px; }
.workspace-page .account-sidebar::-webkit-scrollbar-track { background: transparent; }

.plan-feature-note { display:block; width:fit-content; margin-top:5px; padding:2px 6px; color:#7b8493; background:#f0f3f7; border-radius:4px; font-size:10px; line-height:1.6; font-weight:400; }
.marketing-page .public-pricing-grid,.workspace-page .account-plan-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.marketing-page .public-plan { padding:27px 23px; }
.marketing-page .public-plan>p { min-height:72px; font-size:14px; }
.marketing-page .public-plan .public-button { padding-inline:12px; font-size:13px; }
.marketing-page .public-plan li { align-items:flex-start; }
.pricing-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.plans-dialog { max-width:min(1280px,calc(100vw - 40px)); }
@media(max-width:1200px) { .marketing-page .public-pricing-grid,.workspace-page .account-plan-grid,.pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .marketing-page .public-pricing-grid,.workspace-page .account-plan-grid,.pricing-grid { grid-template-columns:1fr; } .marketing-page .public-plan>p { min-height:0; } }