:root {
  --bg:#eef3f0; --card:#fbfaf6; --text:#17211b; --muted:#60706a; --line:#d6e0da; --primary:#24483b; --accent:#2f6f5e; --danger:#b42318;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#eef3f0 0%,#f4f1e8 100%);color:var(--text)} a{color:#2563eb;text-decoration:none} a:hover{text-decoration:underline}
.topbar{height:64px;display:flex;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(251,250,246,.94);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{font-weight:900;color:var(--text);letter-spacing:-.03em;font-size:1.1rem}.page{max-width:1180px;margin:0 auto;padding:36px 22px 80px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--primary);color:#fff!important;font-weight:750;padding:10px 16px;cursor:pointer;box-shadow:0 8px 20px rgba(17,24,39,.12)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn.secondary{background:#eef2ff;color:#1d4ed8!important;box-shadow:none}.btn.big{padding:14px 20px;font-size:1rem}.btn.danger{background:var(--danger);padding:8px 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:22px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.muted{color:var(--muted)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:26px;align-items:stretch;margin-bottom:34px}.hero-copy{background:linear-gradient(135deg,#fbfaf6 0%,#e7f1ec 58%,#f3eadb 100%);border:1px solid var(--line);border-radius:30px;padding:52px;box-shadow:0 24px 70px rgba(37,99,235,.11)}.hero-copy h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;margin:12px 0 20px;letter-spacing:-.07em}.hero-copy p{font-size:1.15rem;line-height:1.7;color:#3f514a;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.trust-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.trust-strip span{background:#fbfaf6;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#50615a}.trust-strip strong{color:#111827}.hero-card{position:relative;overflow:hidden;background:#24483b;color:#fff;border-radius:30px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;box-shadow:0 24px 70px rgba(17,24,39,.2)}.hero-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:999px;background:#7db7a0;filter:blur(50px);opacity:.5;top:-70px;right:-90px}.hero-card h3,.hero-card p{position:relative}.pulse-dot{width:16px;height:16px;background:#22c55e;border-radius:999px;position:absolute;top:30px;left:30px;box-shadow:0 0 0 12px rgba(34,197,94,.18)}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:26px 0 18px}.section-header h1,.section-header h2{margin:0;letter-spacing:-.04em}.job-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.job-card{background:#fbfaf6;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 14px 40px rgba(15,23,42,.05);min-height:190px;display:flex;flex-direction:column;gap:10px}.job-card h3{margin:0;line-height:1.25;letter-spacing:-.02em}.job-card p{color:var(--muted);margin:0;flex:1}.company-badge{width:fit-content;border-radius:999px;padding:6px 10px;background:#e1f0e9;color:#276052;font-weight:800;font-size:.85rem}.conversion-card{margin-top:26px;padding:34px;border-radius:26px;background:#24483b;color:#fff;text-align:center}.conversion-card p{color:#d1d5db}.empty-state{text-align:center}.plan-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px} table{width:100%;border-collapse:collapse} th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top} th{background:#eef3f0;font-weight:850} input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d0d5dd;margin:8px 0 14px}
@media(max-width:850px){.landing-hero{grid-template-columns:1fr}.hero-copy{padding:34px}.section-header,.plan-card{align-items:flex-start;flex-direction:column}.topbar{gap:12px;padding:0 14px;overflow-x:auto}}
.filter-card{margin-top:18px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.filter-actions{display:flex;gap:10px;align-items:center;padding-bottom:14px}.inline-form{display:flex;gap:12px;align-items:end;max-width:760px}.inline-form input{margin:0;max-width:360px}.table-wrap{width:100%;overflow-x:auto}.pagination{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.section-header.compact{margin-top:0}.pricing-card ul{padding-left:20px;color:#475467;line-height:1.8}.premium-card{border-color:#bfdbfe;background:linear-gradient(180deg,#fbfaf6,#e7f1ec)}code{background:#eef3f0;border:1px solid #d6e0da;border-radius:6px;padding:2px 6px;color:#111827}
@media(max-width:900px){.filter-grid{grid-template-columns:1fr}.filter-actions{padding-bottom:0}.inline-form{flex-direction:column;align-items:stretch}.inline-form input{max-width:none}}

.profile-menu { margin-left:auto; position:relative; }
.avatar-button { width:40px; height:40px; border-radius:999px; border:1px solid #d8dee9; background:#24483b; color:white; font-weight:700; cursor:pointer; }
.profile-dropdown { display:none; position:absolute; right:0; top:48px; min-width:260px; background:#fbfaf6; border:1px solid #e5e7eb; border-radius:18px; box-shadow:0 18px 45px rgba(15,23,42,.14); padding:12px; z-index:20; }
.profile-menu:hover .profile-dropdown, .profile-menu:focus-within .profile-dropdown { display:block; }
.profile-dropdown a, .profile-dropdown button { display:block; width:100%; text-align:left; padding:10px 12px; border:0; background:transparent; color:#111827; text-decoration:none; border-radius:12px; cursor:pointer; font:inherit; }
.profile-dropdown a:hover, .profile-dropdown button:hover { background:#eef3f0; }
.profile-summary { display:flex; gap:12px; align-items:center; padding:8px 8px 12px; border-bottom:1px solid #eef0f4; margin-bottom:8px; }
.avatar-large { width:64px; height:64px; border-radius:999px; background:#111827; color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:800; }
.avatar-large.small { width:44px; height:44px; font-size:18px; }
.profile-card { display:flex; gap:18px; align-items:center; }

.coverage-card .section-header{align-items:flex-start}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:16px}.company-pill{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;color:#111827;text-decoration:none}.company-pill:hover{text-decoration:none;border-color:#bfdbfe;background:#f8fbff}.company-pill span{font-weight:800}.company-pill small{color:#667085;font-size:.78rem}


.company-showcase{margin:26px 0}.company-logo-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 2px 16px;scrollbar-width:thin}.company-logo-card{min-width:178px;scroll-snap-align:start;border:1px solid var(--line);background:linear-gradient(180deg,#fbfaf6,#f3eadb);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:10px;color:#111827;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.05)}.company-logo-card:hover{text-decoration:none;border-color:#bfdbfe;transform:translateY(-2px)}.logo-mark{width:48px;height:48px;border-radius:16px;background:#24483b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.04em}.company-logo-name{font-weight:900;line-height:1.15}.company-logo-card small{color:#667085}.dashboard-company-scroll{max-height:260px;flex-wrap:wrap;overflow-y:auto;overflow-x:hidden;padding-right:6px}.compact-logo-card{min-width:185px;max-width:220px;flex:1 0 185px}.compact-logo-card .logo-mark{width:40px;height:40px;border-radius:14px}.notification-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#fff,#f8fbff)}.switch-row{display:flex;align-items:center;gap:12px;font-weight:800;white-space:nowrap}.switch-row input{width:48px;height:26px;margin:0;accent-color:#111827;cursor:pointer}@media(max-width:850px){.notification-card{align-items:flex-start;flex-direction:column}.switch-row{white-space:normal}.company-logo-card{min-width:155px}.dashboard-company-scroll{max-height:320px}}


.logo-image-wrap{width:52px;height:52px;border-radius:16px;background:#fbfaf6;border:1px solid #d6e0da;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.company-logo-img{width:34px;height:34px;object-fit:contain;display:block}.logo-fallback{display:none;width:52px;height:52px;border-radius:16px}.company-logo-card .logo-mark.logo-fallback{display:none}.company-logo-card:hover .company-logo-img{transform:scale(1.04)}
.company-showcase .company-logo-scroll{max-height:330px;overflow-y:auto;flex-wrap:wrap;align-items:stretch}.company-showcase .company-logo-card{min-width:170px;max-width:210px;flex:1 0 170px}.company-showcase .section-header.compact{position:sticky;top:64px;background:rgba(251,250,246,.94);z-index:1;padding-bottom:10px;backdrop-filter:blur(8px)}
@media(max-width:850px){.logo-image-wrap{width:46px;height:46px}.company-logo-img{width:30px;height:30px}.company-showcase .company-logo-card{min-width:145px}}
.site-footer{margin-top:48px;padding:28px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:#e7f1ec;color:#33483f}.site-footer p{margin:.35rem 0 0;color:#667085}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#334155;font-weight:700}.request-layout{grid-template-columns:minmax(280px,380px) 1fr}.stack-form{display:flex;flex-direction:column;gap:10px}.stack-form textarea{resize:vertical}.inline-filter select,.stack-form select,.stack-form textarea{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfaf6;font:inherit}.request-list{display:flex;flex-direction:column;gap:14px}.request-item{border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;justify-content:space-between;gap:16px;background:#fbfaf6}.request-main h3{margin:.55rem 0 .35rem}.request-main p{margin:.25rem 0}.vote-panel{display:flex;flex-direction:column;gap:8px;min-width:92px}.vote-btn{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}.vote-btn:hover{background:#eef2ff}.vote-btn.secondary:hover{background:#fff1f2}.small-note{font-size:.88rem;margin-top:10px}@media(max-width:850px){.site-footer,.request-item{flex-direction:column}.request-layout{grid-template-columns:1fr}.vote-panel{flex-direction:row}}

/* Dark mode and toast notifications */
:root[data-theme="dark"] {
  --bg:#0b1120;
  --card:#111827;
  --text:#f8fafc;
  --muted:#94a3b8;
  --line:#243044;
  --primary:#f8fafc;
  --accent:#60a5fa;
  --danger:#f87171;
}
:root[data-theme="dark"] body{background:var(--bg);color:var(--text)}
:root[data-theme="dark"] .topbar{background:rgba(15,23,42,.92);border-bottom-color:var(--line)}
:root[data-theme="dark"] .brand{color:var(--text)}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .job-card,
:root[data-theme="dark"] .company-logo-card,
:root[data-theme="dark"] .request-item,
:root[data-theme="dark"] .profile-dropdown{background:#111827;border-color:var(--line);color:var(--text);box-shadow:0 18px 45px rgba(0,0,0,.35)}
:root[data-theme="dark"] .hero-copy{background:linear-gradient(135deg,#111827 0%,#172554 100%);border-color:var(--line)}
:root[data-theme="dark"] .hero-copy p,
:root[data-theme="dark"] .pricing-card ul,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .site-footer p{color:var(--muted)}
:root[data-theme="dark"] .trust-strip span,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .stack-form select,
:root[data-theme="dark"] .stack-form textarea{background:#0f172a;border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] th{background:#0f172a;color:var(--text)}
:root[data-theme="dark"] .profile-dropdown a,
:root[data-theme="dark"] .profile-dropdown button{color:var(--text)}
:root[data-theme="dark"] .profile-dropdown a:hover,
:root[data-theme="dark"] .profile-dropdown button:hover,
:root[data-theme="dark"] .vote-btn{background:#0f172a;color:var(--text)}
:root[data-theme="dark"] .company-badge{background:#172554;color:#bfdbfe}
:root[data-theme="dark"] .site-footer{background:#0f172a;border-top-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .footer-links a{color:#cbd5e1}
:root[data-theme="dark"] .btn{background:#f8fafc;color:#111827!important}
:root[data-theme="dark"] .btn.secondary{background:#172554;color:#bfdbfe!important}

.toast-host{position:fixed;top:82px;right:22px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{min-width:280px;max-width:380px;padding:14px 16px;border-radius:16px;background:#111827;color:white;box-shadow:0 18px 45px rgba(15,23,42,.24);opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;font-weight:750;line-height:1.35}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:#047857}.toast-error{background:#b42318}.toast-warning{background:#b45309}.toast-info{background:#1d4ed8}@media(max-width:700px){.toast-host{left:14px;right:14px;top:76px}.toast{min-width:0;max-width:none;width:100%}}

/* Persistent dark-mode fixes for home-page coverage and mixed hard-coded cards */
:root[data-theme="dark"] .company-showcase .section-header.compact {
  background: rgba(17,24,39,.94);
}
:root[data-theme="dark"] .company-logo-card {
  background: linear-gradient(180deg,#111827,#0f172a);
  color: var(--text);
}
:root[data-theme="dark"] .company-logo-card small,
:root[data-theme="dark"] .company-pill small {
  color: var(--muted);
}
:root[data-theme="dark"] .company-pill,
:root[data-theme="dark"] .job-card {
  background: #111827;
  color: var(--text);
  border-color: var(--line);
}
:root[data-theme="dark"] .company-pill:hover,
:root[data-theme="dark"] .company-logo-card:hover {
  background: #0f172a;
  border-color: #334155;
}
:root[data-theme="dark"] .premium-card,
:root[data-theme="dark"] .notification-card {
  background: linear-gradient(180deg,#111827,#0f172a);
  border-color: var(--line);
}
:root[data-theme="dark"] code {
  background:#0f172a;
  border-color:var(--line);
  color:var(--text);
}

/* Cookie-persisted dark-mode contrast fixes */
:root[data-theme="dark"] .trust-strip span {
  background:#0f172a;
  border-color:var(--line);
  color:var(--muted);
}
:root[data-theme="dark"] .trust-strip strong {
  color:#f8fafc;
}
:root[data-theme="dark"] .hero-copy h1,
:root[data-theme="dark"] .hero-copy h2,
:root[data-theme="dark"] .hero-copy h3,
:root[data-theme="dark"] .section-header h1,
:root[data-theme="dark"] .section-header h2,
:root[data-theme="dark"] .card h1,
:root[data-theme="dark"] .card h2,
:root[data-theme="dark"] .card h3 {
  color:var(--text);
}
:root[data-theme="dark"] .company-showcase.card,
:root[data-theme="dark"] .coverage-card,
:root[data-theme="dark"] .empty-state {
  background:#111827;
  color:var(--text);
  border-color:var(--line);
}
:root[data-theme="dark"] .conversion-card {
  background:#0f172a;
  border:1px solid var(--line);
  color:var(--text);
}
:root[data-theme="dark"] .conversion-card .btn {
  background:#f8fafc;
  color:#0f172a!important;
}
:root[data-theme="dark"] .logo-image-wrap {
  background:#0f172a;
  border-color:var(--line);
}

/* Theme v3 contrast and cache-reset fixes */
:root[data-theme="dark"] .trust-strip span,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .metric-card,
:root[data-theme="dark"] .summary-card,
:root[data-theme="dark"] .plan-card,
:root[data-theme="dark"] .filter-card,
:root[data-theme="dark"] .table-wrap,
:root[data-theme="dark"] .inline-filter,
:root[data-theme="dark"] .profile-card {
  background:#111827;
  color:#f8fafc;
  border-color:#243044;
}
:root[data-theme="dark"] .trust-strip span *,
:root[data-theme="dark"] .stat-card *,
:root[data-theme="dark"] .metric-card *,
:root[data-theme="dark"] .summary-card * {
  color:inherit;
}
:root[data-theme="dark"] td {
  color:#e5e7eb;
}
:root[data-theme="dark"] a {
  color:#93c5fd;
}
:root[data-theme="dark"] .topbar a:not(.brand) {
  color:#cbd5e1;
}
:root[data-theme="dark"] .eyebrow {
  color:#93c5fd;
}
:root[data-theme="dark"] .company-showcase .section-header.compact,
:root[data-theme="dark"] .company-showcase .section-header.compact * {
  color:#f8fafc;
}
:root[data-theme="dark"] .company-showcase .section-header.compact .muted,
:root[data-theme="dark"] .company-showcase .section-header.compact p {
  color:#cbd5e1;
}


/* Calm fixed theme. No dark/light toggle. */
html, body { background: linear-gradient(180deg,#eef3f0 0%,#f4f1e8 100%) !important; color: var(--text); }
.topbar { background: rgba(251,250,246,.94) !important; }
.card, .job-card, .request-item, .profile-dropdown, .company-logo-card, .company-pill, .notification-card, .premium-card, .table-wrap, .filter-card, .profile-card, .empty-state { background-color: var(--card) !important; color: var(--text) !important; border-color: var(--line) !important; }
.hero-copy { background: linear-gradient(135deg,#fbfaf6 0%,#e7f1ec 58%,#f3eadb 100%) !important; color: var(--text) !important; }
.hero-card, .conversion-card { background: linear-gradient(135deg,#24483b,#406558) !important; color:#fff !important; }
.hero-card p, .conversion-card p { color:#e6f1ec !important; }
.company-showcase .section-header.compact { background: rgba(251,250,246,.94) !important; }
.trust-strip span, .stat-card, .metric-card, .summary-card, .plan-card, th { background:#eef3f0 !important; color: var(--text) !important; border-color: var(--line) !important; }
input, select, textarea, .stack-form select, .stack-form textarea { background:#fffdf8 !important; color:var(--text) !important; border-color:#cbd8d1 !important; }
.btn { background: var(--primary) !important; color:#fff !important; }
.btn.secondary { background:#dbe9e3 !important; color:#24483b !important; }
.site-footer { background:#e7f1ec !important; color:#33483f !important; }

/* Apple-inspired calm green refresh v2: remove blue accents and soften company coverage */
:root {
  --bg:#f5f7f2;
  --card:#fbfbf7;
  --text:#17211b;
  --muted:#566a60;
  --line:#d6e4dc;
  --primary:#1f4d3d;
  --accent:#2f765f;
  --accent-soft:#e7f3ed;
  --accent-soft-2:#f2f7f3;
  --danger:#b42318;
}
body{
  background:
    radial-gradient(circle at 15% 8%, rgba(73,128,104,.16), transparent 26%),
    radial-gradient(circle at 85% 18%, rgba(226,211,174,.26), transparent 28%),
    linear-gradient(180deg,#f6f8f4 0%,#edf4ef 52%,#f7f1e6 100%) !important;
}
a{color:#1f6b50;text-decoration:none;font-weight:650}a:hover{color:#164b39;text-decoration:none}.topbar a:not(.brand){color:#1f6b50}.topbar a:not(.brand):hover{color:#143d31}.brand{color:#13231b!important}.eyebrow{color:#2f765f!important}.btn.secondary{background:#e6f2ec!important;color:#1f4d3d!important}.premium-card{border-color:#c8ddd2!important;background:linear-gradient(180deg,#fbfbf7,#eff7f2)!important}.hero-copy{background:linear-gradient(135deg,#fbfbf7 0%,#edf7f1 56%,#f6efe0 100%)!important;box-shadow:0 28px 80px rgba(31,77,61,.10)!important}.hero-card{background:linear-gradient(145deg,#1f4d3d 0%,#3f755f 100%)!important;box-shadow:0 28px 80px rgba(31,77,61,.18)!important}.hero-card:before{background:#9bc8b4!important}.card{box-shadow:0 24px 70px rgba(31,77,61,.08)!important}.company-showcase.card{background:rgba(251,251,247,.72)!important;backdrop-filter:blur(18px);border-color:#d4e3da!important}.company-showcase .section-header.compact{background:linear-gradient(180deg,rgba(251,251,247,.92),rgba(251,251,247,.72))!important}.company-logo-scroll{gap:16px!important;padding:10px 4px 18px!important}.company-logo-card{
  border:1px solid #d4e3da!important;
  background:linear-gradient(145deg,#f8fbf7 0%,#edf7f1 62%,#e2f0e8 100%)!important;
  color:#15231b!important;
  box-shadow:0 12px 34px rgba(31,77,61,.08)!important;
  border-radius:24px!important;
}
.company-logo-card:hover{
  border-color:#a9cdbd!important;
  background:linear-gradient(145deg,#f2faf5 0%,#e2f2ea 100%)!important;
  box-shadow:0 18px 45px rgba(31,77,61,.13)!important;
}
.company-logo-card small,.company-pill small{color:#607267!important}.company-logo-name{color:#15231b!important}.company-pill{background:linear-gradient(145deg,#f8fbf7,#edf7f1)!important;border-color:#d4e3da!important;color:#15231b!important}.company-pill:hover{background:#e7f3ed!important;border-color:#a9cdbd!important}.company-badge{background:#dff0e7!important;color:#1f5a45!important}.notification-card{background:linear-gradient(135deg,#fbfbf7,#edf7f1)!important}.site-footer{background:#e7f3ed!important;color:#263f34!important}.footer-links a{color:#1f6b50!important}.toast-info{background:#1f6b50!important}th{background:#eef6f1!important}.trust-strip span{background:rgba(251,251,247,.78)!important}.topbar{box-shadow:0 1px 0 rgba(31,77,61,.08)}