:root{--deep:#3c4859;--blue:#186c94;--sky:#1b9dd9;--orange:#ef7906;--bg:#edf3f5;--paper:#fff;--soft:#f4f8f9;--ink:#24323c;--muted:#687985;--line:#d5e0e4;--good:#247249;--good-bg:#e8f5ed;--warn:#8b5b16;--warn-bg:#fff3df;--bad:#9b3838;--bad-bg:#fbeaea;--shadow:0 14px 36px rgba(37,54,70,.11)}
*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.startup{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.startup img{width:min(420px,78vw);height:auto}.startup h1{margin:0}.demo-bar{min-height:34px;background:var(--deep);color:#fff;padding:6px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.78rem}.demo-bar button{border:0;background:transparent;color:#fff;text-decoration:underline;padding:2px 4px}.header{min-height:104px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;position:sticky;top:0;z-index:20}.logo{width:320px;max-width:42vw;height:auto;display:block}.header-actions,.quick-actions,.toolbar,.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{border:0;border-radius:11px;padding:.72rem 1rem;background:var(--blue);color:#fff;font-weight:800}.button:hover{filter:brightness(.97)}.button.secondary{background:#e8f1f5;color:var(--blue)}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.button.warm{background:var(--orange)}.button.danger{background:var(--bad-bg);color:var(--bad)}.button:disabled{opacity:.45;cursor:not-allowed}.back-button{margin-bottom:14px}.landing{padding:28px}.shell{max-width:1180px;margin:auto}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.landing-header .logo{width:380px;max-width:60vw}.hero{background:linear-gradient(125deg,var(--deep),var(--blue));border-radius:24px;padding:42px;color:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1.15fr .85fr;gap:30px}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.03;margin:.3rem 0 1rem}.hero p{font-size:1.08rem;max-width:700px}.hero-graphic{display:grid;place-items:center}.orb{width:280px;height:280px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;text-align:center;padding:20px}.section{margin-top:22px}.grid-2,.grid-3,.grid-4{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.stat,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(37,54,70,.045)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900;color:var(--blue)}.muted{color:var(--muted)}.status,.tag{display:inline-flex;align-items:center;padding:.3rem .55rem;border-radius:999px;background:#e8f1f5;color:var(--blue);font-size:.76rem;font-weight:850}.status.good{background:var(--good-bg);color:var(--good)}.status.warn{background:var(--warn-bg);color:var(--warn)}.status.bad{background:var(--bad-bg);color:var(--bad)}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 138px)}.sidebar{background:#f5f8f9;border-right:1px solid var(--line);padding:18px 12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;background:transparent;color:var(--ink);padding:11px 12px;border-radius:10px;text-align:left;font-weight:750}.nav-item.active,.nav-item:hover{background:#fff;color:var(--blue);box-shadow:0 5px 18px rgba(37,54,70,.06)}.main{padding:28px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.page-heading h1{margin:.1rem 0;font-size:2.1rem}.profile-hero{background:linear-gradient(125deg,#fff,#eef7fa);border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.profile-mark,.company-mark{width:74px;height:74px;border-radius:20px;background:linear-gradient(140deg,var(--blue),var(--sky));color:#fff;display:grid;place-items:center;font-size:1.45rem;font-weight:900}.profile-hero h2{margin:.15rem 0}.stat strong{display:block;font-size:1.55rem;color:var(--blue)}.list{display:flex;flex-direction:column;gap:8px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row small{display:block;color:var(--muted);margin-top:3px}.role-card,.account-card{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.role-card:hover,.account-card:hover{box-shadow:var(--shadow);border-color:#b9d5df}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dataset{background:var(--deep);color:#fff;padding:16px 20px;border-radius:16px;display:flex;justify-content:space-between;gap:16px}.skill-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.skill-row:first-child{border-top:0}.level{height:8px;background:#e5eef1;border-radius:999px;overflow:hidden}.level span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--sky))}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.job-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;display:flex;flex-direction:column;gap:9px}.job-card.selected{border-color:var(--good);background:#f7fbf9}.why,.question-context{background:var(--soft);border-radius:11px;padding:11px}.question-context{border-left:4px solid var(--sky)}.requirements{display:flex;flex-direction:column;gap:8px}.requirement{border:1px solid var(--line);border-radius:12px;padding:11px}.requirement-head{display:flex;justify-content:space-between;gap:12px}.process-summary{background:linear-gradient(120deg,var(--deep),var(--blue));color:#fff;border-radius:18px;padding:20px}.process-summary h2{margin:.15rem 0}.process-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.conflict{background:var(--warn-bg);border:1px solid #efc28d;border-radius:13px;padding:13px}.conflict.bad{background:var(--bad-bg);border-color:#e7b8b8}.reach-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.meter-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.meter-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.meter-track{height:18px;background:#e4ecef;border-radius:999px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:999px;transition:width .25s}.meter-fill.sim{background:linear-gradient(90deg,var(--orange),#ffad55)}.comparison-note{padding:10px 12px;border-radius:10px;background:var(--soft);margin-top:10px}.simulation-option{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.simulation-option:first-child{border-top:0}.toggle{width:49px;height:28px;border:0;border-radius:999px;background:#cad6db;padding:3px}.toggle:before{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:.18s}.toggle.active{background:var(--blue)}.toggle.active:before{transform:translateX(21px)}.result-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px}.job-selector-list,.group-list{display:flex;flex-direction:column;gap:7px}.job-selector,.group-button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;text-align:left}.job-selector.active,.group-button.active{border-color:var(--blue);background:#eef7fa}.group-button{display:flex;justify-content:space-between}.compact-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.compact-head,.compact-person{display:grid;grid-template-columns:minmax(160px,1.1fr) 100px minmax(180px,1fr) 120px;gap:12px;align-items:center;padding:11px 13px}.compact-head{background:var(--soft);font-size:.78rem;font-weight:850;color:var(--muted)}.compact-person{border-top:1px solid var(--line)}.compact-person:first-of-type{border-top:0}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(25,39,51,.65);display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(760px,100%);max-height:91vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;gap:15px}.icon-button{width:38px;height:38px;border:0;border-radius:50%;background:var(--soft)}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:11px;padding:.78rem;background:#fff}.checkbox-line{display:flex;gap:9px;align-items:center}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;right:20px;bottom:20px;background:var(--deep);color:#fff;border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);z-index:200}.empty{padding:25px;text-align:center;color:var(--muted)}.hidden{display:none!important}
html[data-large-text="true"]{font-size:19px}html[data-high-contrast="true"]{--muted:#35434c;--line:#8a9da6;--bg:#fff}html[data-spacious="true"] .card,html[data-spacious="true"] .panel{padding:25px}html[data-dark-mode="true"]{--bg:#18232b;--paper:#26343e;--soft:#2e3e49;--line:#475a66;--ink:#edf4f7;--muted:#c4d0d6}html[data-dark-mode="true"] .header,html[data-dark-mode="true"] .card,html[data-dark-mode="true"] .panel,html[data-dark-mode="true"] .job-card,html[data-dark-mode="true"] .compact-list,html[data-dark-mode="true"] .compact-person,html[data-dark-mode="true"] .compact-head{background:var(--paper)}html[data-reduced-motion="true"] *{transition:none!important;animation:none!important}
@media(max-width:950px){.hero,.process-grid,.reach-grid,.result-layout{grid-template-columns:1fr}.hero-graphic{display:none}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{flex-direction:row;overflow:auto}.nav-item{white-space:nowrap}.account-grid,.grid-3{grid-template-columns:repeat(2,1fr)}.job-grid{grid-template-columns:1fr}.compact-head{display:none}.compact-person{grid-template-columns:1fr auto}.compact-person>:nth-child(2),.compact-person>:nth-child(3){grid-column:1/-1}.profile-hero{grid-template-columns:auto 1fr}.profile-hero>.quick-actions{grid-column:1/-1}}
@media(max-width:650px){.header{position:static;min-height:auto;padding:12px;align-items:flex-start}.logo{width:250px;max-width:70vw}.header-actions{flex-direction:column;align-items:stretch}.landing{padding:15px}.main{padding:15px}.hero{padding:26px}.grid-2,.grid-3,.grid-4,.account-grid{grid-template-columns:1fr}.dataset{flex-direction:column}.skill-row{grid-template-columns:1fr}.page-heading{align-items:stretch;flex-direction:column}}
.legal-footer{max-width:1180px;margin:28px auto 0;padding:18px 0 26px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.legal-footer a{color:var(--blue);font-weight:800;text-decoration:none}.legal-footer a:hover{text-decoration:underline}.legal-page{min-height:100vh;padding:28px}.legal-page .legal-shell{max-width:920px;margin:0 auto}.legal-page .legal-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.legal-page .legal-header .logo{width:320px;max-width:60vw}.legal-content{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.legal-content h1{margin-top:0}.legal-content h2{margin-top:1.7rem}.legal-content p,.legal-content li{line-height:1.65}.legal-placeholder{background:var(--warn-bg);border:1px solid #efc28d;border-radius:12px;padding:14px;margin:18px 0}.legal-meta{color:var(--muted);font-size:.9rem}.legal-back{margin-bottom:16px;display:inline-flex;text-decoration:none}.legal-list{padding-left:1.2rem}
