@font-face{font-family:DM;src:url('/assets/fonts/dm-sans-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('/assets/fonts/dm-sans-600.woff2');font-weight:600;font-display:swap}:root{--ink:#20213d;--muted:#62657a;--purple:#5746de;--line:#e5e5ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font:16px/1.65 DM,Arial,sans-serif;color:var(--ink);background:#fff}button{font:inherit}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #285fbb;outline-offset:5px}.wrap{width:min(1220px,90%);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:30px}.brand{font-size:32px;font-weight:600;letter-spacing:-1.6px;text-decoration:none}.brand span{color:var(--purple)}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a{text-decoration:none}.nav-demo{background:#eeebff;color:#4534c1;padding:10px 18px;border-radius:9px}.hero{padding:70px 0 85px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.3px;display:flex;align-items:center;gap:8px;margin:0 0 22px}.status-dot{width:7px;height:7px;background:#5746de;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.1vw,58px);line-height:1.08;letter-spacing:-2.3px;margin-bottom:25px}h1>span{color:var(--purple)}h2{font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-1.3px;margin-bottom:15px}h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin-bottom:14px}p{margin-bottom:18px;color:var(--muted)}.lead{font-size:21px;line-height:1.5;color:var(--ink)}.hero-copy>p:not(.eyebrow){max-width:540px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--purple);color:white;text-decoration:none;font-weight:600;font-size:14px;padding:14px 22px;border-radius:9px;white-space:nowrap;transition:background .15s}.button:hover{background:#4132b7}.text-link{font-size:14px;text-decoration:none}.small{font-size:12px;line-height:1.6}.preview-shell{padding:20px;background:#f0eeff;border-radius:22px;position:relative;box-shadow:0 16px 60px #46348c0d}.preview-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;margin-bottom:17px;color:#62578a}.live-badge{background:white;color:#5746de;border-radius:30px;padding:4px 10px;font-size:10px;letter-spacing:0}.workspace-preview{display:grid;grid-template-columns:65px 1fr;background:white;border:1px solid #e2def3;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #46348c0a}.preview-sidebar{display:flex;flex-direction:column;align-items:center;gap:17px;background:#faf9ff;border-right:1px solid #eeebf6;padding:16px 5px}.mini-brand{font-size:29px;color:var(--purple);line-height:1;margin-bottom:12px;letter-spacing:-3px}.preview-sidebar>span{font-size:21px;line-height:1.2;text-align:center;width:49px;padding:6px;border-radius:7px;color:#777487}.preview-sidebar>span>span{display:block;font-size:8px;margin-top:4px}.preview-sidebar .selected{background:#e8e2ff;color:#5746de}.preview-body{padding:19px}.preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efedf6;padding-bottom:14px;font-size:12px}.preview-top>span{font-size:9px;color:#737486}.email-sender{display:flex;align-items:center;gap:8px;margin:24px 0 20px}.avatar{display:grid;place-items:center;width:30px;height:30px;background:#ffdfcc;color:#8c4126;border-radius:50%;font-size:10px;flex-shrink:0}.email-sender strong{font-size:11px;display:block}.email-sender small{display:block;color:#767689;font-size:8px}.email-tag{margin-left:auto;font-size:8px;background:#fff0cb;padding:3px 6px;border-radius:4px;white-space:nowrap}.preview-body h2{font-size:21px;letter-spacing:-.5px}.preview-body>p{font-size:12px;line-height:1.7;margin-bottom:13px}.attachment{display:flex;align-items:center;gap:12px;background:#f7f7fb;border:1px solid #e9e8f1;border-radius:7px;padding:11px;margin:20px 0}.attachment>span:first-child{font-size:25px;color:#7560dd}.attachment strong,.attachment small{display:block;font-size:10px}.attachment small{font-size:8px;color:#737486}.task-note{background:#e6f8f0;border-radius:7px;padding:13px 16px}.task-note>span{font-size:8px;letter-spacing:1px;color:#277454;font-weight:600}.task-note p{font-size:12px;color:#2a5145;margin:4px 0 0}.preview-caption{text-align:center;font-size:10px;margin:15px 0 0;color:#78718c}.uses-section{background:#fafaff;padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}.section-heading>p{max-width:340px;font-size:14px;margin-bottom:18px}.section-heading .eyebrow{color:var(--purple);margin-bottom:15px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.use-card{border-radius:14px;padding:28px}.lilac{background:#ede7ff}.peach{background:#ffebdd}.mint{background:#ddf5e9}.card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ffffffb0;font-size:23px;margin-bottom:25px}.use-card p{font-size:14px;color:#4f5268}.example{display:block;font-size:11px;padding-top:18px;border-top:1px solid #20213d15;color:#55556c}.section-note{margin-top:22px;margin-bottom:0}.section{padding:85px 0}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:40px 0 50px;padding:0}.steps li>span{display:inline-grid;place-items:center;background:#f0edff;color:#5746de;width:36px;height:36px;border-radius:50%;font-size:11px;font-weight:600;margin-bottom:20px}.steps p{font-size:14px;max-width:310px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#5746de;color:white;padding:34px 38px;border-radius:15px}.demo-banner p{font-size:14px;color:#e5e0ff;max-width:710px;margin-bottom:0}.demo-banner h3{margin-top:13px}.pill{font-size:9px;letter-spacing:1px;color:#e4deff}.button.white{background:white;color:#4534c1}.button.white:hover{background:#ede9ff}.pricing-section{background:#f5f7fc;padding:75px 0}.pricing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 25px}.filters{display:inline-flex;background:#e9ecf4;padding:4px;border-radius:10px;gap:3px}.filters button{border:0;background:transparent;color:#585e75;font-size:12px;padding:9px 14px;border-radius:7px;cursor:pointer}.filters button[aria-pressed=true]{background:white;color:#4534c1;box-shadow:0 2px 6px #292e4c0a}.draft-label{font-size:11px;color:#6a7083}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{display:flex;flex-direction:column;background:white;border:1px solid #e0e4ef;border-radius:13px;padding:26px}.price-card[hidden]{display:none}.plan-label{font-size:9px;color:var(--purple);font-weight:600;letter-spacing:1px}.price-card h3{margin:12px 0 0}.price{font-size:37px!important;line-height:1.2;letter-spacing:-1.4px;font-weight:600;color:var(--ink)!important;margin:23px 0 19px}.price small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.price.quote{font-size:28px!important;line-height:1.6}.price-card>p{font-size:13px;line-height:1.65}.price-card ul{padding:0;list-style:none;margin:3px 0 25px;font-size:12px;line-height:1.6}.price-card li{padding:7px 0 7px 21px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:#5746de}.price-card .plan-note{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;font-size:11px;margin-bottom:0}.price-card.featured{border:2px solid #8c7dea;padding:25px}.pricing-footnote{background:#e9edf7;border-radius:9px;padding:18px 23px;margin-top:25px;font-size:12px}.pricing-footnote strong{font-weight:600}.pricing-footnote p{font-size:11px;margin:4px 0 0}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-top:80px;padding-bottom:85px}.faq-section .eyebrow{color:var(--purple)}details{border-bottom:1px solid var(--line);padding:18px 0}details:first-child{padding-top:0}summary{font-size:15px;font-weight:600;cursor:pointer}details p{font-size:13px;margin:12px 0 2px}footer{background:#f8f8fc;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0}.footer-inner p,.footer-inner>a:last-child{font-size:12px;margin:0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:8px;left:8px;background:white;padding:12px;z-index:100}@media(max-width:1050px){.hero{gap:30px}.preview-shell{padding:14px}.preview-body{padding:14px}.email-tag{display:none}nav{gap:18px}.use-card{padding:22px}.section-heading{gap:30px}.price-card{padding:22px}.price-card.featured{padding:21px}}@media(max-width:760px){.nav{align-items:flex-start;gap:20px}.brand{font-size:28px}nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 15px;max-width:280px}nav a{font-size:11px}.nav-demo{padding:5px 10px}.hero{grid-template-columns:1fr;gap:40px;padding-top:35px;padding-bottom:55px}h1{font-size:43px;max-width:580px}.hero-copy>p:not(.eyebrow){max-width:600px}.preview-shell{width:100%;max-width:540px;margin:auto;padding:18px}.preview-body{padding:19px}.email-tag{display:block}.section-heading{display:block}.section-heading>p{max-width:540px;margin-top:20px}.use-grid{grid-template-columns:1fr;gap:15px}.use-card{padding:24px}.card-icon{margin-bottom:18px}.steps{grid-template-columns:1fr;gap:20px;margin:30px 0}.steps p{max-width:100%}.steps li{position:relative;padding-left:58px}.steps li>span{position:absolute;left:0;top:0}.steps h3{font-size:20px}.demo-banner{flex-direction:column;align-items:flex-start;padding:28px;gap:22px}.price-grid{grid-template-columns:repeat(2,1fr)}.pricing-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.filters button{font-size:11px;padding:9px 12px}.faq-section{grid-template-columns:1fr;gap:25px}.uses-section,.pricing-section,.section{padding-top:55px;padding-bottom:55px}.faq-section{padding-top:55px;padding-bottom:55px}.footer-inner{flex-wrap:wrap}.price{font-size:32px!important}}@media(max-width:480px){.price-grid{grid-template-columns:1fr}h1{font-size:39px;letter-spacing:-1.7px}.hero .eyebrow{font-size:8px}.preview-shell{padding:12px;border-radius:15px}.preview-body{padding:14px}.workspace-preview{grid-template-columns:48px 1fr}.preview-sidebar>span{width:39px}.email-tag{display:none}.preview-body h2{font-size:18px}.preview-top>span{font-size:8px}.lead{font-size:19px}.footer-inner p{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Focused mandatory-training journey. */
.demo-banner{margin-top:35px}.pricing-toolbar{justify-content:flex-start}
/* Searchable prototype course catalogue. */
.catalogue-controls{margin-top:30px}.course-filters{display:flex;gap:8px;flex-wrap:wrap}.course-filters button{border:1px solid #dfdcec;background:white;color:#57536e;border-radius:25px;font-size:12px;padding:9px 15px;cursor:pointer}.course-filters button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}.course-filters button span{margin-left:6px;opacity:.75}.catalogue-count{font-size:12px;margin:22px 0 18px}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalogue-card{display:flex;flex-direction:column;background:white;border:1px solid #e5e1f1;border-radius:13px;padding:25px;min-width:0}.catalogue-card:nth-child(3n+1){border-top:4px solid #b9a4ef}.catalogue-card:nth-child(3n+2){border-top:4px solid #f2bd9c}.catalogue-card:nth-child(3n){border-top:4px solid #9dddc1}.catalogue-card h3{font-size:20px;margin:0 0 8px}.catalogue-card>p{font-size:13px;margin-bottom:0}.catalogue-card[hidden]{display:none}@media(max-width:1000px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalogue-grid{grid-template-columns:1fr}.course-filters{gap:6px}.course-filters button{font-size:11px;padding:8px 12px}.catalogue-card{padding:22px}}
/* Employer reporting: a sample of the product output, using fictional data. */
.results-section{background:#f3f7fc;padding:70px 0}.report-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}.report-benefits h3{font-size:18px}.report-benefits p{font-size:13px}.employer-report{background:white;border:1px solid #dce3ee;border-radius:14px;overflow:hidden;box-shadow:0 10px 35px #28385b06}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px}.report-kicker{font-size:9px;font-weight:600;letter-spacing:1px;color:#71618d}.report-heading h3{margin:8px 0;font-size:24px}.report-heading p{font-size:11px;margin:0}.sample-download{font-size:12px;text-decoration:none;color:var(--purple);background:#f0ecff;padding:10px 15px;border-radius:8px;white-space:nowrap}.report-metrics{display:grid;grid-template-columns:repeat(5,1fr);background:#fafbfe;border-top:1px solid #e6eaf1;border-bottom:1px solid #e6eaf1;padding:22px 26px;gap:18px}.report-metrics strong{font-size:28px;display:block;line-height:1.3}.report-metrics span{font-size:10px;color:#636b7f}.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 26px}.report-toolbar p{font-size:11px;margin:0}.report-toolbar button{font-size:11px;background:white;color:#4d3cc3;border:1px solid #d8d2f1;border-radius:7px;padding:8px 11px;cursor:pointer;white-space:nowrap}.report-toolbar button[aria-pressed=true]{background:#f0ecff}.report-scroll{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.5;min-width:850px}.results-table thead{background:#f3f4fa;color:#65647b}.results-table th,.results-table td{padding:14px 18px;border-bottom:1px solid #eceef5;vertical-align:top}.results-table tbody th{font-weight:600;white-space:nowrap}.results-table td:last-child{max-width:230px}.result-badge{display:inline-block;border-radius:5px;font-size:9px;padding:4px 7px;white-space:nowrap}.result-badge.pass{background:#ddf5e9;color:#245e44}.result-badge.retry{background:#fff0d1;color:#805319}.result-badge.pending{background:#eef0f6;color:#666a7e}.report-footer{padding:21px 26px}.report-footer strong{font-size:12px}.report-footer p{font-size:11px;margin:5px 0 0}.results-table tr[hidden]{display:none}@media(max-width:900px){.report-heading{align-items:flex-start;flex-direction:column}.report-benefits{gap:20px}.nav{gap:15px}nav{gap:17px}}@media(max-width:600px){.results-section{padding:50px 0}.report-benefits{grid-template-columns:1fr;gap:10px}.report-heading,.report-footer{padding:20px}.report-metrics{grid-template-columns:repeat(3,1fr);padding:18px}.report-toolbar{flex-direction:column;align-items:flex-start;padding:18px}.report-heading h3{font-size:21px}}
.policy-option{margin-top:28px;padding:25px 28px;border:1px solid #dce0ed;border-radius:12px;background:#fff}.policy-option h3{margin:10px 0;font-size:21px}.policy-option p{font-size:13px;max-width:850px;margin-bottom:0}

.hero-benefits {
  background: #f5f2ff;
  border: 1px solid #e8e1fa;
  border-radius: 20px;
  padding: clamp(22px, 4vw, 38px);
}

.hero-benefits h2 { font-size: 24px; letter-spacing: -.5px; }
.hero-benefits dl { margin: 0; }
.hero-benefits dl > div { padding: 15px 0; border-top: 1px solid #ded7f2; }
.hero-benefits dl > div:last-child { padding-bottom: 0; }
.hero-benefits dt { font-weight: 600; }
.hero-benefits dd { margin: 4px 0 0; color: var(--muted); font-size: 14px; }

.action-demo-section { background: #faf9ff; border-block: 1px solid #eeebf7; }
.action-demo {
  max-width: 1040px;
  margin-inline: auto;
  padding: clamp(10px, 2vw, 20px);
  background: #f0edff;
  border: 1px solid #e3def9;
  border-radius: 18px;
}

.action-demo-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  margin-bottom: 10px;
  color: #514678;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
}

.action-demo-screen {
  position: relative;
  overflow: hidden;
  aspect-ratio: 960 / 600;
  border-radius: 10px;
  background: #202420 url('/demo/leandows/jfdidows-wallpaper.svg') center / cover;
}

.action-demo-screen iframe {
  position: absolute;
  inset: 0;
  width: 960px;
  height: 600px;
  border: 0;
  transform-origin: top left;
  transform: scale(var(--desktop-scale, 1));
  pointer-events: none;
}

.action-demo-screen:has(> .action-demo-brief:not([hidden])) {
  display: grid;
  aspect-ratio: auto;
  min-height: min(47vw, 600px);
}

.action-demo-brief:not([hidden]) {
  position: relative;
  display: grid;
  place-items: center;
  padding: clamp(10px, 4vw, 36px);
  background: rgb(12 15 27 / .66);
  backdrop-filter: blur(4px);
}

.action-demo-brief-card {
  width: min(100%, 590px);
  padding: clamp(18px, 4vw, 34px);
  border: 1px solid #515570;
  border-radius: 16px;
  background: #202638;
  color: #d8dbee;
  box-shadow: 0 18px 48px rgb(0 0 0 / .36);
  font-size: 15px;
  line-height: 1.5;
}

.action-demo-brief-card h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(23px, 3vw, 35px);
  line-height: 1.12;
}

.action-demo-brief-card p { margin: 0 0 16px; color: inherit; }
.action-demo-brief-card strong { color: #fff; }
.action-demo-brief-card .action-demo-brief-label {
  margin-bottom: 7px;
  color: #c5b6ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.action-demo-brief-reading {
  display: grid;
  gap: 5px;
  margin-bottom: 16px;
  padding-block: 11px;
  border-block: 1px solid #444b65;
}

.action-demo-brief-reading a {
  justify-self: start;
  color: #d2c6ff;
  text-underline-offset: 3px;
}

.action-demo-scenes { margin-top: 12px; }
.action-demo-scenes p { margin: 0 0 8px; font-size: 14px; }
.action-demo-scenes strong {
  display: block;
  color: var(--ink);
  margin: 0 0 2px;
  font-size: clamp(17px, 2vw, 22px);
  letter-spacing: -.02em;
}
.action-demo.is-enhanced .action-demo-scenes { display: grid; }
.action-demo.is-enhanced [data-demo-scene] { grid-area: 1 / 1; visibility: hidden; }
.action-demo.is-enhanced [data-demo-scene].is-current { visibility: visible; }

.action-demo-steps:not([hidden]) { display: flex; flex-wrap: wrap; gap: 8px; }
.action-demo button {
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid #d7cff4;
  border-radius: 8px;
  background: white;
  color: #4534a3;
  cursor: pointer;
  font-size: 13px;
}

.action-demo button[aria-current="step"] {
  color: white;
  background: var(--purple);
  border-color: var(--purple);
}

.brand {
  font-size: clamp(23px, 3vw, 32px);
  line-height: 1.1;
  letter-spacing: -.045em;
}

@media (max-width: 410px) {
  .nav { gap: 12px; }
}

.action-demo-report {
  position: absolute;
  inset: 0;
  overflow: auto;
  padding: clamp(12px, 5vw, 55px);
  background: linear-gradient(135deg, #fff, #f0ecff);
}

.action-demo-report:not([hidden]) {
  display: grid;
  align-content: start;
}

.action-demo-report .report-kicker { margin: 0 0 5px; }
.action-demo-report h3 { margin-bottom: clamp(5px, 2vw, 20px); font-size: clamp(16px, 3vw, 36px); }
.action-demo-report dl { display: grid; gap: 5px; margin: 0; }
.action-demo-report dl > div { border-top: 1px solid #d9d1ef; padding-top: 5px; }
.action-demo-report dt { font-weight: 600; }
.action-demo-report dd { margin: 0; color: var(--muted); }
.action-demo-report dt, .action-demo-report dd { font-size: clamp(12px, 2vw, 20px); line-height: 1.35; }

/* Give the HR report the full width directly below the homepage introduction. */
.hero.evidence-hero {
  display: block;
  padding: clamp(26px, 4vw, 52px) 0 28px;
}

.evidence-hero h1 {
  max-width: 24ch;
  margin-bottom: 16px;
  text-wrap: balance;
}

.evidence-hero .hero-copy > .lead {
  max-width: 62ch;
}

.evidence-hero .actions {
  margin-top: 20px;
}

.results-section.evidence-results {
  padding-top: clamp(24px, 3vw, 40px);
}

.evidence-results .section-heading {
  margin-bottom: 20px;
}

.signup-section {
  background: #f1edff;
  padding: clamp(36px, 6vw, 72px) 0;
}

#hr-signup:not([hidden]) {
  display: grid;
  gap: 10px;
  max-width: 420px;
}

#hr-signup label {
  font-weight: 600;
}

#signup-email {
  width: 100%;
  padding: 13px 16px;
  border: 1px solid #c9c1e8;
  border-radius: 9px;
  background: white;
  color: var(--ink);
  font: inherit;
}

#hr-signup .button {
  justify-self: start;
  white-space: normal;
}

#signup-status:empty {
  margin: 0 0 12px;
}

.trial-actions {
  gap: 12px 18px;
}

.trial-actions p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.price-card .plan-trial {
  align-self: start;
  margin-top: 16px;
}

#results .section-note > .button {
  margin-top: 10px;
}

.report-heading h2 {
  margin: 8px 0;
  font-size: 24px;
  letter-spacing: normal;
}

.section-heading.feature-heading > h1 + p {
  margin-top: 12px;
}

.section-heading.feature-heading {
  display: block;
}

.section-heading.feature-heading > h2 {
  max-width: 34ch;
  margin-bottom: 12px;
  text-wrap: balance;
}

.section-heading.feature-heading > p {
  max-width: 72ch;
  margin: 0;
  font-size: clamp(17px, 1.6vw, 21px);
}

.section-heading.feature-heading > p + p {
  margin-top: 12px;
}

.faq-section.home-faq {
  display: block;
}

.home-faq .faq {
  max-width: 850px;
}

/* Shared palette for klearn’s marketing and admin views. */
.klearn-home,
.klearn-admin {
  --ink: #22212b;
  --muted: #585664;
  --purple: #4d38c7;
  --line: #dedde5;
  --paper: #fcfcfd;
  --paper-shade: #f4f4f7;
  --accent-soft: #efebfc;
  --night: #171c2e;
  --night-muted: #c9cddd;
  background: var(--paper);
}

.klearn-admin > main {
  background: var(--paper-shade);
}

.klearn-home > .nav {
  border-bottom: 1px solid var(--line);
}

.klearn-home .nav-demo {
  background: transparent;
  color: var(--purple);
  box-shadow: inset 0 0 0 1px var(--line);
}

.klearn-home .evidence-hero {
  padding-block: clamp(32px, 4.5vw, 60px) 30px;
}

.klearn-home .evidence-hero h1 {
  max-width: 1050px;
}

.klearn-home .trial-actions {
  margin-bottom: 0;
}

@media (min-width: 1100px) {
  .klearn-home .evidence-hero h1 span { display: block; }
}

.klearn-home .action-demo-section {
  background: transparent;
  border: 0;
}

.klearn-home .action-demo-section > .section {
  padding-top: 0;
}

.klearn-home .action-demo {
  max-width: none;
  padding: clamp(12px, 2vw, 24px);
  background: var(--night);
  border-color: #30364a;
  border-radius: 13px;
}

.klearn-home .action-demo-bar,
.klearn-home .action-demo-scenes p {
  color: var(--night-muted);
}

.klearn-home .action-demo-scenes strong {
  color: #fff;
}

.klearn-home .action-demo button {
  color: #eef0fa;
  background: #262c40;
  border-color: #40475d;
}

.klearn-home .action-demo button[aria-current="step"] {
  background: var(--purple);
  border-color: #8e7af3;
}

.klearn-home .action-demo button:hover {
  border-color: #aa9af5;
}

.klearn-home .action-demo [data-demo-begin] {
  min-height: 42px;
  padding-inline: 16px;
  border-color: #c5b6ff;
  background: #c5b6ff;
  color: #1d2034;
  font-weight: 700;
}

.klearn-home .action-demo [data-demo-begin]:hover {
  background: #ded5ff;
}

.klearn-home .action-demo-steps {
  margin-bottom: 12px;
}

.klearn-home .action-demo-screen {
  border-radius: 7px;
}

.klearn-home .action-demo-section .feature-heading {
  margin: clamp(30px, 5vw, 56px) 0 0;
}

.klearn-home .evidence-results,
.klearn-home .uses-section,
.klearn-home .pricing-section,
.klearn-home .signup-section,
.klearn-home > footer {
  border-top: 1px solid var(--line);
}

.klearn-home .evidence-results,
.klearn-home .pricing-section,
.klearn-home > footer {
  background: var(--paper-shade);
}

.klearn-home .uses-section {
  background: var(--paper);
}

.klearn-home .signup-section {
  background: var(--accent-soft);
}

.klearn-home #signup-email {
  background: #fff;
  border-color: #adaab9;
}

.klearn-home #hr-guide-link {
  color: var(--purple);
}

.klearn-home .use-card {
  background: var(--paper-shade);
}

.klearn-home .pricing-footnote {
  background: var(--paper);
}

.klearn-home .use-card,
.klearn-home .catalogue-card,
.klearn-home .price-card:not(.featured),
.klearn-home .policy-option {
  border: 1px solid var(--line);
}

.klearn-home .course-filters button:not([aria-pressed="true"]) {
  border-color: var(--line);
  color: var(--muted);
}

.klearn-home .price-card.featured {
  border-color: var(--purple);
}

.klearn-home :is(.draft-label, .use-card p, .policy-option p) {
  color: var(--muted);
}

.employer-report.klearn-report {
  background: #fff;
  border-color: var(--line);
  box-shadow: none;
}

.klearn-report .report-heading {
  color: var(--ink);
}

.klearn-report .report-heading :is(.report-kicker, p) {
  color: var(--muted);
}

.klearn-report .sample-download {
  color: var(--purple);
  background: transparent;
  border: 1px solid var(--line);
}

.klearn-report .sample-download:hover {
  background: var(--accent-soft);
}

.klearn-report .report-metrics,
.klearn-report .results-table thead {
  background: var(--paper-shade);
  color: var(--ink);
}

.klearn-report .report-metrics,
.klearn-report .results-table :is(th, td) {
  border-color: var(--line);
}

.klearn-report .report-metrics span,
.klearn-report .report-toolbar p {
  color: var(--muted);
  font-size: 12px;
}

.klearn-report .report-toolbar button {
  color: var(--purple);
  background: transparent;
  border-color: var(--line);
}

.klearn-report .report-toolbar button[aria-pressed="true"] {
  background: var(--accent-soft);
  border-color: var(--purple);
}

.klearn-report .results-table,
.klearn-report .report-footer p {
  font-size: 12px;
}

.klearn-report .result-badge {
  font-size: 10px;
}

.klearn-report .result-badge.pass {
  background: #e5efe6;
  color: #24563c;
}

.klearn-report .result-badge.retry {
  background: #f5e6ca;
  color: #6c4516;
}

.klearn-report .result-badge.pending {
  background: var(--paper-shade);
  color: var(--muted);
}

.brand {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.brand::before {
  content: "";
  flex: 0 0 auto;
  width: 1.08em;
  height: 1.08em;
  margin-right: .28em;
  background: url('/assets/favicon.svg?v=klearn-glow-1') center / contain no-repeat;
}