:root{color-scheme:light;--bg: #f6f7f8;--ink: #17212b;--muted: #66727e;--accent: #2563eb;--accent-deep: #1d4ed8;--panel: rgba(255, 255, 255, .86);--panel-strong: rgba(255, 255, 255, .96);--line: rgba(23, 33, 43, .09);--line-strong: rgba(23, 33, 43, .16);--shadow: 0 20px 48px rgba(17, 27, 36, .08);--success-bg: rgba(56, 122, 92, .1);--success-ink: #245843;--error-bg: rgba(181, 72, 44, .1);--error-ink: #8e341d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(23,33,43,.05),transparent 26%),linear-gradient(180deg,#fbfcfd 0%,var(--bg) 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);color:var(--ink);padding:12px 14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #bf5a371f}#root{min-height:100vh}.app-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:8px 24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcd6;border-bottom:1px solid rgba(23,33,43,.06)}.nav-brand{display:inline-flex;align-items:center}.nav-brand-logo{display:block;width:auto;height:72px}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:.95rem}.page-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px}.hero-panel,.public-panel,.workspace-hero{border:1px solid var(--line);border-radius:32px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel{padding:52px}.landing-panel{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:24px;align-items:start}.landing-actions-banner{grid-column:1 / -1;justify-content:center;margin-bottom:4px}.landing-actions-banner .button{min-width:176px;background:var(--accent);border-color:var(--accent);color:#f8fbff;box-shadow:0 14px 28px #1c4f802e}.landing-actions-banner .button:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.landing-actions-banner .button.primary,.landing-actions-banner .button.secondary,.landing-actions-banner .button.ghost{background:var(--accent);border-color:var(--accent);color:#f8fbff}.landing-copy{display:grid;align-content:start;gap:18px}.landing-brand{display:inline-flex;align-items:center;width:fit-content}.landing-brand-logo{display:block;width:min(520px,100%);height:auto}.landing-copy h1{max-width:11ch}.landing-side,.landing-access{display:grid;gap:16px}.landing-card{min-height:100%}.landing-placeholder{display:flex;flex-direction:column;justify-content:center}.landing-points,.landing-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-story{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-points div,.landing-story-card,.landing-placeholder-list span,.landing-summary div{padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--panel-strong)}.landing-points p,.landing-story-card p{margin-bottom:0}.landing-placeholder-list{display:grid;gap:10px;margin-top:18px}.hero-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.sidebar-card,.section-card,.metric-grid div,.platform-switch-card,.brand-preview,.empty-state,.stack-list li,.stack-list div{padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--panel-strong);box-shadow:0 10px 28px #111b240a}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;font-size:clamp(2.8rem,7vw,5rem);line-height:.94}.workspace-title{max-width:none;font-size:clamp(2.2rem,5vw,3.6rem)}.lede,.muted,.section-head p,.stack-list span,.section-card span,.brand-preview span,.empty-state span,.form-message{color:var(--muted);line-height:1.6}.hero-actions,.public-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:28px}.form-error-message{color:var(--error-ink);line-height:1.5}.button,.tab-pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover,.tab-pill:hover,.choice-pill:hover,.scale-pill:hover,.text-button:hover{transform:translateY(-1px)}.button.primary,.tab-pill.active{background:var(--accent);border-color:var(--accent);color:#f8fbff}.button.secondary,.tab-pill,.choice-pill,.scale-pill{background:#ffffffd1}.button.ghost{background:#ffffff6b}.button.danger{border-color:#8c2f183d;color:#8c2f18}.button.compact{min-height:36px;padding:0 14px}.button:disabled{cursor:default;opacity:.68}.text-button{border:0;padding:0;background:transparent;color:var(--accent-deep)}.text-button.strong{font-weight:700}.inline-link{color:var(--accent-deep);text-decoration:underline;text-underline-offset:.18em}.auth-grid,.workspace-layout,.content-grid{display:grid;gap:18px}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-shell{display:grid;gap:18px}.workspace-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:34px}.workspace-badge{min-width:260px;padding:18px 20px;border:1px solid var(--line);border-radius:24px;background:var(--panel-strong)}.workspace-layout{grid-template-columns:260px minmax(0,1fr)}.workspace-sidebar{display:grid;gap:14px;align-content:start}.tab-list{display:grid;gap:10px}.workspace-content,.content-grid{min-width:0}.content-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.card{position:relative;grid-column:span 4;padding:28px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card.tall{grid-column:span 8}.card.wide{grid-column:span 12}.ranking-params-card{z-index:30}.ranking-table-card{z-index:1}.auth-card{min-height:100%}.metric-grid,.section-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid.single{grid-template-columns:minmax(0,1fr)}.platform-switch-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.platform-switch-card.active{border-color:var(--accent);box-shadow:0 12px 24px #1220291f}.platform-switch-card:hover{transform:translateY(-1px)}.stack-list{display:grid;gap:12px;list-style:none;padding:0;margin:0}.stack-list strong,.section-card strong,.brand-preview strong{display:block;margin-bottom:6px}.form-stack{display:grid;gap:14px}.form-stack.narrow{max-width:520px}.form-inline{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.links-create-form label{flex:1 1 220px}.links-create-form .button{align-self:end}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid-span-2{grid-column:span 2}.form-field,.form-stack label{display:grid;gap:8px}.form-inline .grow{flex:1 1 320px}.notice{padding:14px 18px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.notice.success{background:var(--success-bg);color:var(--success-ink)}.notice.error{background:var(--error-bg);color:var(--error-ink)}.floating-notice-shell{position:fixed;top:20px;left:20px;right:20px;z-index:95;display:flex;justify-content:center;pointer-events:none}.floating-notice{max-width:min(720px,calc(100vw - 40px));padding:14px 18px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--panel-strong)}.floating-notice.success{background:var(--success-bg);color:var(--success-ink)}.floating-notice.error{background:var(--error-bg);color:var(--error-ink)}.button:disabled,button:disabled{opacity:.48;cursor:not-allowed}.progress{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#17212b0f;color:var(--muted)}.progress.warn{background:#c68e2e24;color:#8a5e0d}.progress.good{background:#2c7c5929;color:#21543d}.badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:5px 10px;border-radius:999px;font-size:.84rem}.badge.employee{background:#2c7c5924;color:#21543d;border:1px solid rgba(44,124,89,.24)}.badge.candidate{background:#1c4f8029;color:#143a5d;border:1px solid rgba(28,79,128,.28)}.badge.included{background:#2c7c5924;color:#21543d}.table-wrap{overflow-x:auto}.ranking-row.employee-row{background:linear-gradient(90deg,rgba(44,124,89,.07),transparent 58%)}.ranking-row.candidate-row{background:linear-gradient(90deg,rgba(28,79,128,.11),transparent 62%)}.ranking-row.employee-row td:first-child,.ranking-row.candidate-row td:first-child{border-left:3px solid transparent}.ranking-row.employee-row td:first-child{border-left-color:#2c7c597a}.ranking-row.candidate-row td:first-child{border-left-color:#1c4f80ad}.fixed-table-height{max-height:420px;overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{color:var(--muted);font-size:.86rem;font-weight:700}.inline-tabs{display:flex;flex-wrap:wrap;gap:10px}.links-filter{min-width:220px}.links-filter.inline{display:flex;align-items:center;gap:10px;min-width:0}.links-filter.inline span{margin:0;white-space:nowrap}.links-filter.inline select{min-width:220px}.links-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.links-subhead-row{margin-top:8px}.table-sort{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700}.table-sort-button{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.link-action-cell{display:flex;justify-content:flex-end;align-items:center}.copy-toast{position:fixed;z-index:80;width:min(280px,calc(100vw - 32px));transform:translateY(-50%);padding:10px 14px;border-radius:16px;background:var(--accent);color:#f8fbff;box-shadow:var(--shadow);font-size:.9rem;font-weight:700;line-height:1.35;text-align:center;pointer-events:none}.role-check-toast{position:fixed;z-index:90;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2c7c59;color:#fff;font-weight:800;box-shadow:var(--shadow);pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:#12202929}.modal-card{width:min(460px,calc(100vw - 32px));padding:22px 24px;border:1px solid var(--line);border-radius:24px;background:var(--panel-strong);box-shadow:var(--shadow)}.modal-card.large{width:min(920px,calc(100vw - 32px))}.modal-card.document-profile-card{width:min(760px,calc(100vw - 32px))}.modal-card p{margin-bottom:0}.compact-document-profile-form{gap:12px}.compact-document-profile-grid{gap:12px 14px}.compact-document-profile-grid label{gap:6px}.compact-document-profile-grid span{font-size:.84rem}.compact-document-profile-grid input,.compact-document-profile-grid textarea{font-size:.92rem;padding:9px 11px}.modal-actions{display:flex;justify-content:flex-end;margin-top:18px}.training-toolbar{position:relative;z-index:6;display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(160px,.9fr)) auto;gap:14px;align-items:stretch}.form-field.inline{align-content:start}.training-toolbar-stat{position:relative;display:grid;gap:8px;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--panel-strong)}.training-toolbar-stat strong{display:block}.training-action-block{display:grid;align-content:start;gap:8px}.training-status-note{color:var(--muted);font-size:.88rem;line-height:1.35;max-width:220px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section-comment{color:var(--muted);font-size:.92rem;line-height:1.5}.info-line{position:relative;z-index:8;display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.info-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:999px;background:#1220290f;color:var(--muted);font-size:.8rem;font-weight:700;padding:0}.info-popover{position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);z-index:120;width:min(320px,calc(100vw - 48px));padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);box-shadow:var(--shadow);color:var(--ink);line-height:1.5}.info-popover-floating{position:fixed;top:0;left:0;right:auto;transform:none;z-index:9999}.link-action-cell{min-width:126px}.public-shell{max-width:980px}.public-panel{padding:28px}.public-company-logo{display:block;max-width:180px;max-height:72px;margin:0 auto 18px;object-fit:contain}.public-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.public-header.centered{justify-content:center;text-align:center}.progress-chip{padding:10px 14px;border-radius:999px;background:#1c4f801a;color:var(--accent-deep);font-size:.9rem}.public-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.92rem}.section-stack{display:grid;gap:18px}.public-footer-status{display:flex;justify-content:center}.question-section{display:grid;gap:18px;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--panel-strong)}.question-stack{display:grid;gap:16px}.question-card{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#ffffffb8}.question-id,.stat-label{display:block;margin-bottom:6px;color:var(--muted);font-size:.82rem}.section-head.centered,.question-copy.centered{text-align:center;justify-items:center}.scale-block,.choice-row{display:grid;gap:12px}.scale-labels{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}.scale-row,.choice-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.choice-pill,.scale-pill{min-width:52px;min-height:42px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}.scale-pill{min-width:42px;width:42px;padding:0}.scale-dot{width:10px;height:10px;border-radius:999px;background:currentColor}.choice-pill.active,.scale-pill.active{background:var(--accent);border-color:var(--accent);color:#fff7f1}.brand-preview{display:grid;gap:12px}.brand-logo-preview{max-width:180px;max-height:72px;object-fit:contain}.billing-topbar{display:grid;gap:18px}.active-tab-button{border-radius:999px;min-width:108px;justify-content:center}.active-tab-button.inactive{opacity:.78;background:#1220290f;color:var(--ink);border-color:#1220291f}.table-action-row{display:flex;flex-wrap:wrap;gap:8px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#1220290a}.brand-swatch{height:96px;border-radius:18px}.empty-state{display:grid;gap:8px}.empty-state.strong strong{font-size:1.08rem}.landing-footer{display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:center;margin:18px 0 10px;color:var(--muted);font-size:.94rem}.landing-footer a{color:var(--accent);text-decoration:none;font-weight:600}.contact-line{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;margin-top:12px}.contact-icon{color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.contact-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px}.contact-line a,.contact-line span{color:var(--ink);text-decoration:none;line-height:1.5}.terms-panel{display:block}.terms-copy{display:grid;gap:20px}.terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.payment-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.payment-badges span{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#c15b3d14;color:var(--ink);font-weight:600}.terms-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}@media (max-width: 1080px){.landing-panel,.workspace-layout,.auth-grid,.hero-summary,.landing-points,.landing-story,.terms-grid{grid-template-columns:minmax(0,1fr)}.card,.card.tall,.card.wide{grid-column:span 12}.workspace-hero{flex-direction:column}.workspace-badge{min-width:0;width:100%}.landing-copy h1{max-width:none}}@media (max-width: 720px){.page-shell{width:min(100%,calc(100% - 20px));padding-top:20px}.app-nav{min-height:0;padding:10px 16px;align-items:flex-start;flex-direction:column}.nav-brand-logo{height:56px}.hero-panel,.public-panel,.workspace-hero,.card{padding:20px;border-radius:24px}.landing-panel{gap:18px}.landing-brand-logo{width:min(340px,100%)}.landing-footer{justify-content:flex-start}.metric-grid,.metric-grid.three,.section-cards{grid-template-columns:minmax(0,1fr)}.form-inline{align-items:stretch}.links-head{flex-direction:column}.training-toolbar,.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid-span-2{grid-column:span 1}.public-header{flex-direction:column}h1,.workspace-title{max-width:none}}
