:root{color-scheme:dark;--bg: #07101d;--surface: #0d1828;--surface-2: #111f32;--line: #23334a;--line-soft: rgba(135, 158, 190, .14);--text: #f3f7fb;--muted: #8fa2bb;--cyan: #49d4e8;--cyan-soft: rgba(73, 212, 232, .12);--violet: #8f7ff9;--green: #52d6a1;--amber: #f3bb66;--red: #ef7182;--shadow: 0 24px 70px rgba(0, 0, 0, .28);font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(49,103,151,.18),transparent 35%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}.topbar{height:88px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);background:#07101dcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand-lockup{display:flex;align-items:center;gap:14px}.mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),#2f92c8);color:#06111e;font:700 14px/1 Space Grotesk,sans-serif;box-shadow:0 0 28px #49d4e833}.eyebrow{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font:600 18px/1.1 Space Grotesk,sans-serif}.header-actions{display:flex;gap:10px}.button{min-height:42px;border:1px solid var(--line);border-radius:11px;padding:0 16px;font-weight:700;background:transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.button-primary{color:#06131d;border-color:transparent;background:var(--cyan);box-shadow:0 8px 24px #49d4e829}.button-primary:hover{background:#75e2ef}.button-ghost{color:#c6d2e1;background:#ffffff05}.button-ghost:hover{border-color:#405572;background:#ffffff0d}.button-danger{color:#fff;background:#c94d61;border-color:transparent}.button-compare{border-color:#49d4e852;color:var(--cyan);background:var(--cyan-soft)}.button-compare span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:6px;border-radius:99px;background:#49d4e826}.button:disabled{opacity:.42;cursor:not-allowed}main{width:min(1440px,100%);margin:0 auto;padding:0 clamp(22px,5vw,72px) 64px}.overview{padding:48px 0 40px;border-bottom:1px solid var(--line-soft)}.section-heading,.workspace-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.section-heading h2{margin-bottom:9px;max-width:680px;font:600 clamp(28px,4vw,44px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-.035em}.section-heading>div>p:last-child{margin-bottom:0;color:var(--muted)}.privacy-note{display:flex;align-items:center;gap:8px;color:#a9bad0;font-size:13px;white-space:nowrap}.privacy-note span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #52d6a199}.metric-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:14px;margin-top:32px}.metric{min-height:156px;padding:23px;border:1px solid var(--line-soft);border-radius:17px;background:linear-gradient(145deg,#111f32eb,#0b1828eb)}.metric-featured{background:linear-gradient(145deg,#23546b80,#111f32eb);border-color:#49d4e847}.metric-rule{border-left:3px solid var(--amber)}.metric-label{display:block;margin-bottom:20px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric strong{display:block;margin-bottom:8px;font:600 36px/1 Space Grotesk,sans-serif}.metric strong small{margin-left:4px;color:var(--muted);font-size:14px}.metric p{margin-bottom:0;color:#b8c6d8;font-size:13px;line-height:1.35}.workspace{padding-top:38px}.workspace-title{margin-bottom:20px}.workspace-title h2{margin-bottom:0;font:600 27px/1.1 Space Grotesk,sans-serif}.filters{display:grid;grid-template-columns:minmax(250px,1fr) repeat(4,auto) auto;gap:9px;align-items:center;padding:12px;border:1px solid var(--line-soft);border-radius:15px;background:#0d1828c7}.search-control,.select-control{height:42px;border:1px solid var(--line-soft);border-radius:10px;background:#050d18a6;display:flex;align-items:center}.search-control{padding:0 13px;gap:9px;color:var(--muted)}.search-control input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.search-control input::placeholder{color:#647890}.select-control{position:relative}.select-control select{height:100%;padding:0 32px 0 12px;appearance:none;border:0;outline:0;color:#b7c5d7;background:transparent;font-size:13px}.select-control span{position:absolute;right:10px;color:var(--muted);pointer-events:none}.toggle-control{display:flex;align-items:center;gap:9px;padding:0 6px;color:#b7c5d7;font-size:13px;white-space:nowrap;cursor:pointer}.toggle-control input{position:absolute;opacity:0;pointer-events:none}.toggle{width:35px;height:20px;padding:3px;border-radius:99px;background:#2b3a4e;transition:background .16s ease}.toggle i{display:block;width:14px;height:14px;border-radius:50%;background:#8fa2bb;transition:transform .16s ease,background .16s ease}.toggle-control input:checked+.toggle{background:#49d4e847}.toggle-control input:checked+.toggle i{transform:translate(15px);background:var(--cyan)}.role-summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.role-summary p{margin:0}.role-summary strong{color:var(--text)}.text-button{padding:0;border:0;background:none;color:var(--cyan);font-weight:700;font-size:13px}.text-button:hover{color:#87e9f2}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.role-card{min-width:0;border:1px solid var(--line-soft);border-radius:17px;background:linear-gradient(155deg,#111f32f2,#0a1524fa);overflow:hidden;transition:border-color .16s ease,transform .16s ease}.role-card:hover{transform:translateY(-2px);border-color:#334a68}.role-card.selected{border-color:var(--cyan);box-shadow:0 0 0 1px #49d4e826,0 16px 40px #0000002e}.card-topline{display:flex;align-items:center;min-height:48px;padding:10px 15px 0;gap:8px}.compare-check{width:20px;height:20px;cursor:pointer}.compare-check input{position:absolute;opacity:0}.compare-check span{width:18px;height:18px;display:block;border:1px solid #435670;border-radius:5px}.compare-check input:checked+span{border-color:var(--cyan);background:var(--cyan);box-shadow:inset 0 0 0 4px #0d1929}.track-pill,.example-pill{padding:5px 8px;border-radius:7px;color:#a8c5d5;background:#4d8eab1c;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.example-pill{color:#c1b9ff;background:#8f7ff91f}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:18px}.icon-button:hover{color:#fff;background:#ffffff0d}.menu-button{margin-left:auto;letter-spacing:2px;font-size:12px}.card-main{width:100%;padding:11px 18px 17px;border:0;background:transparent;text-align:left}.role-heading{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:14px;align-items:start}.role-heading h3{margin-bottom:5px;min-height:46px;font:600 18px/1.27 Space Grotesk,sans-serif;letter-spacing:-.015em}.role-heading p{margin-bottom:0;color:var(--muted);font-size:13px}.score-ring{--ring: var(--cyan);width:56px;height:56px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#101d2f 64%,transparent 66%),conic-gradient(var(--ring) calc(var(--score) * 1%),#26364b 0)}.score-ring strong{font:700 17px/1 Space Grotesk,sans-serif}.score-ring span{margin-top:2px;color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.score-ring.strong{--ring: var(--green)}.score-ring.good{--ring: var(--cyan)}.score-ring.caution{--ring: var(--amber)}.score-ring.weak{--ring: var(--red)}.meta-row{display:flex;flex-wrap:wrap;gap:8px 14px;margin:18px 0 13px;color:#8da1bb;font-size:11px}.verdict-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.verdict{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.verdict i{width:7px;height:7px;border-radius:50%;background:currentColor}.verdict.strong{color:var(--green)}.verdict.good{color:var(--cyan)}.verdict.caution{color:var(--amber)}.verdict.weak{color:var(--red)}.status{padding:5px 8px;border-radius:7px;color:#b8c6d8;background:#ffffff0d;font-size:10px;font-weight:700;text-transform:uppercase}.status-applied,.status-interview{color:#c6bfff;background:#8f7ff921}.status-offer{color:var(--green);background:#52d6a11a}.status-pass,.status-rejected{color:#ef9eaa;background:#ef718217}.rationale{min-height:63px;margin-bottom:16px;color:#b5c3d4;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gap-block{padding-top:13px;border-top:1px solid var(--line-soft)}.gap-block>span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gap-block div{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}.gap-block b{padding:5px 7px;border-radius:6px;color:#d9c8a9;background:#f3bb6617;font-size:10px;font-weight:600}.gap-block em{color:var(--muted);font-size:11px}.card-footer{min-height:51px;padding:0 18px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.status-select{max-width:110px;padding:6px 8px;border:1px solid var(--line-soft);border-radius:8px;color:#b7c5d7;background:#101e30;font-size:11px}.empty-state{grid-column:1/-1;padding:64px 20px;border:1px dashed #2a3d56;border-radius:17px;text-align:center;color:var(--muted)}.empty-state>div{margin-bottom:12px;color:var(--cyan);font-size:34px}.empty-state h3{margin-bottom:8px;color:var(--text);font:600 20px/1.2 Space Grotesk,sans-serif}.empty-state .button{margin-top:12px}.modal-backdrop{position:fixed;inset:0;z-index:50;padding:24px;display:grid;place-items:center;background:#02070dc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .15s ease}.modal{width:min(760px,100%);max-height:calc(100vh - 48px);border:1px solid #2c405b;border-radius:20px;background:#0d1929;box-shadow:var(--shadow);overflow:hidden;animation:modalIn .18s ease}.modal-header{min-height:82px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.modal-header h2{margin-bottom:0;font:600 23px/1.2 Space Grotesk,sans-serif}.form-scroll{max-height:calc(100vh - 204px);padding:22px 24px;overflow-y:auto}.form-grid{display:grid;gap:15px}.two-col{grid-template-columns:1fr 1fr}.form-field{display:grid;gap:7px;margin-bottom:15px}.form-field>span,.range-field>span{color:#aabbd0;font-size:12px;font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#091322;outline:0}.form-field input,.form-field select{height:43px;padding:0 12px}.form-field textarea{padding:11px 12px;resize:vertical;line-height:1.45}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#49d4e8a6;box-shadow:0 0 0 3px #49d4e814}.two-col .form-field{margin-bottom:0}.score-editor{margin:20px 0;padding:18px;border:1px solid rgba(73,212,232,.19);border-radius:14px;background:#49d4e809}.score-editor-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.score-editor-head span{font:600 16px/1.2 Space Grotesk,sans-serif}.score-editor-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.score-editor-head>strong{color:var(--cyan);font:700 30px/1 Space Grotesk,sans-serif}.score-editor-head strong small{color:var(--muted);font-size:11px}.slider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.range-field{display:grid;gap:8px}.range-field>span{display:flex;justify-content:space-between}.range-field b{color:var(--cyan)}.range-field input{accent-color:var(--cyan)}.range-field small{display:flex;justify-content:space-between;color:#71859e;font-size:9px}.range-field i{font-style:normal}.check-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.check-row label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:9px;color:#b9c7d8;font-size:12px;cursor:pointer}.check-row input{accent-color:var(--cyan)}.modal-footer{min-height:72px;padding:14px 24px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line-soft);background:#07101d73}.action-modal,.confirm-modal{width:min(480px,100%)}.action-list{padding:12px}.action-list button,.action-list a{width:100%;padding:14px;display:flex;align-items:center;gap:12px;border:0;border-radius:11px;color:var(--text);background:transparent;text-align:left;text-decoration:none}.action-list button:hover,.action-list a:hover{background:#ffffff0d}.action-list>*>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:var(--cyan);background:var(--cyan-soft);font-size:18px}.action-list strong,.action-list small{display:block}.action-list small{margin-top:3px;color:var(--muted)}.action-list .danger-action{color:#ef9eaa}.action-list .danger-action>span{color:var(--red);background:#ef71821a}.compare-modal{width:min(1060px,100%)}.winner-callout{margin:20px 24px 6px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid rgba(82,214,161,.25);border-radius:12px;background:#52d6a10f}.winner-callout span{color:var(--green);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.winner-callout strong{font:600 15px/1.2 Space Grotesk,sans-serif}.winner-callout p{margin:0;color:#a7c8ba;font-size:12px}.comparison-table-wrap{max-height:calc(100vh - 262px);padding:14px 24px 24px;overflow:auto}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.comparison-table th,.comparison-table td{padding:13px 15px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}.comparison-table th:first-child,.comparison-table td:first-child{border-left:1px solid var(--line-soft)}.comparison-table thead th{border-top:1px solid var(--line-soft);background:#101e30;font-size:13px}.comparison-table thead th:first-child{border-radius:10px 0 0}.comparison-table thead th:last-child{border-radius:0 10px 0 0}.comparison-table thead span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;text-transform:uppercase}.comparison-table thead strong{display:block;margin-top:8px;color:var(--cyan);font:700 22px/1 Space Grotesk,sans-serif}.comparison-table tbody td:first-child{width:160px;color:#b8c6d8;font-size:12px;font-weight:700}.comparison-table tbody td:first-child small{display:block;margin-top:3px;color:#6f8299;font-weight:500}.comparison-table tbody td:not(:first-child)>b{display:inline-block;width:25px;color:#dce8f5}.mini-bar{display:inline-block;width:calc(100% - 34px);height:5px;border-radius:9px;background:#23344a;overflow:hidden;vertical-align:middle}.mini-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#338dac,var(--cyan))}.comparison-copy{color:#9fb0c4;font-size:12px;line-height:1.45}.confirm-modal{padding:30px;text-align:center}.danger-icon{width:48px;height:48px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:var(--red);background:#ef71821a;font-size:25px}.confirm-modal h2{margin-bottom:8px;font:600 23px/1.2 Space Grotesk,sans-serif}.confirm-modal p{color:var(--muted);line-height:1.5}.confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.toast{position:fixed;left:50%;bottom:24px;z-index:100;padding:12px 17px;border:1px solid #344a65;border-radius:10px;color:#dbe7f3;background:#132238;box-shadow:var(--shadow);opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;font-size:13px}.toast.show{opacity:1;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(max-width:1120px){.metric-grid{grid-template-columns:1.4fr 1fr 1fr}.metric-rule{display:none}.filters{grid-template-columns:1fr repeat(2,auto)}.search-control{grid-column:1 / -1}.role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:74px;padding:0 16px}.brand-lockup .eyebrow,.header-actions .button-ghost{display:none}.mark{width:38px;height:38px}.button{min-height:40px;padding:0 13px}main{padding:0 16px 44px}.overview{padding:34px 0 28px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading h2{font-size:32px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:136px;padding:18px}.metric-featured{grid-column:1/-1}.metric strong{font-size:31px}.workspace-title{align-items:start}.workspace-title .button{font-size:0}.workspace-title .button:before{content:"Compare";font-size:13px}.workspace-title .button span{font-size:11px}.filters{grid-template-columns:1fr 1fr}.search-control,.toggle-control{grid-column:1/-1}.select-control select{width:100%}.role-grid,.two-col,.slider-grid{grid-template-columns:1fr}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.form-scroll{max-height:calc(94vh - 154px)}.winner-callout{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}