/* KM Assessment: scoped to #kma-app so the theme is unaffected.
   Font family, base font-size and body line-height are inherited from the site. */

   #kma-app{
    /* ---- Brand palette ---- */
    --eg-purple-1:#B91D8F;
    --eg-purple-bg-1:#FEF0FD;
    --eg-purple-line-1:#FFE1FD;
    --eg-blue-1:#E9F6FF;
    --eg-aqua-bg-1:#e6f6f8;
    --eg-violet-bg-1:#f0ecfe;
    --black:#000;
    --white:#fff;
    --muted:#555;
    --ink:#0B1030;
  
    /* ---- Derived from the palette (no new hex values) ---- */
    --eg-line-strong:color-mix(in srgb,var(--eg-purple-1) 22%,var(--white)); /* inputs, buttons, radio dots */
    --shadow-tint:color-mix(in srgb,var(--black) 6%,transparent);
    --shadow:0 1px 2px var(--shadow-tint),0 6px 24px var(--shadow-tint);
    --shadow-lg:0 8px 40px color-mix(in srgb,var(--black) 10%,transparent);
    --shadow-btn:0 6px 18px color-mix(in srgb,var(--eg-purple-1) 28%,transparent);
  
    /* ---- Result-state colors (preserved) ---- */
    --good:#1F7A46;
    --good-bg:#E7F4EC;
    --warn:#B5730B;
    --warn-bg:#FCF1DE;
    --crit:#B23150;
    --crit-bg:#FBE7EC;
    --tier-leader:#0C5C30;
    --tier-leader-bg:#DFF5E7;
    --tier-scaling:#7A4B04;
    --tier-scaling-bg:#FDEAC9;
    --tier-found:#7A1330;
    --tier-found-bg:#FBD9E1;
  
    /* ---- Type scale (edit these) ---- */
    --fs-xs:.75rem;                        /* labels, chips, eyebrows, footnotes */
    --fs-sm:.875rem;                       /* hints, secondary text */
    --fs-lg:1.25rem;                       /* h3, lead, card titles */
    --fs-h2:clamp(1.5rem,3vw,2rem);
    --fs-h1:clamp(2rem,5vw,3rem);
    --fs-stat:2rem;                        /* slider value, ROI number */
    --fs-display:clamp(3.4rem,9vw,5rem);   /* headline stat */
    --lh-tight:1.1;
    --lh-none:1;
    --fw-medium:500;
    --fw-bold:600;
  
    /* ---- Layout ---- */
    --r:14px;
    --r-sm:10px;
    --maxw:1080px;
    display:block;
    position:relative;
    isolation:isolate;
    margin:0;
    background:var(--eg-purple-bg-1);
    border-radius:15px;
    color:var(--black);
    -webkit-font-smoothing:antialiased;
    color-scheme:light;
  }
  
  /* ===== Base ===== */
  #kma-app, #kma-app *{box-sizing:border-box}
  #kma-app [hidden]{display:none!important}
  #kma-app h1,#kma-app h2,#kma-app h3,#kma-app h4,#kma-app .disp{color:var(--black);font-weight:var(--fw-bold);text-wrap:balance;letter-spacing:-.01em;margin:0}
  #kma-app h1{font-size:var(--fs-h1);line-height:var(--lh-tight)}
  #kma-app h2{font-size:var(--fs-h2);line-height:var(--lh-tight)}
  #kma-app h3{font-size:var(--fs-lg)}
  #kma-app b,#kma-app strong{font-weight:var(--fw-bold)}
  #kma-app p{margin:0}
  #kma-app a,#kma-app a:hover,#kma-app a:focus{color:var(--eg-purple-1);text-decoration:none}
  #kma-app .eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing: .04em;text-transform:uppercase;color:var(--eg-purple-1)}
  #kma-app .tnum{font-variant-numeric:tabular-nums}
  #kma-app .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px}
  #kma-app button{cursor:pointer;text-transform:none;letter-spacing:normal}
  #kma-app :focus-visible{outline:2.5px solid var(--eg-purple-1);outline-offset:2px;border-radius:4px}
  
  div#kma-v-intro {
      background: white;
  }
  
  /* ===== Top bar ===== */
  #kma-app .top{
    position:relative;
    display: none;
    z-index:50;
    background:color-mix(in srgb,var(--eg-purple-bg-1) 86%,transparent);
    backdrop-filter:saturate(1.4) blur(10px);
    border-bottom:1px solid var(--eg-purple-line-1)
    }
  #kma-app .top .wrap{display:flex;align-items:center;gap:14px;height:60px}
  #kma-app .logo{display:flex;align-items:baseline;gap:.12em;font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--black);letter-spacing:-.02em}
  #kma-app .logo b,#kma-app .logo .heart{color:var(--eg-purple-1)}
  #kma-app .top .tag{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--black);
    border:1px solid var(--eg-line-strong);border-radius:999px;padding:3px 9px}
  #kma-app .top .spacer{flex:1}
  #kma-app .stepdots{display:flex;gap:7px;align-items:center}
  #kma-app .stepdots i{width:8px;height:8px;border-radius:50%;background:var(--eg-line-strong);display:block;transition:.25s}
  #kma-app .stepdots i.on{background:var(--eg-purple-1);transform:scale(1.15)}
  #kma-app .stepdots i.done{background:var(--eg-purple-1)}
  
  /* ===== Buttons ===== */
  #kma-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:none;border-radius:999px;
    font-weight:var(--fw-bold);padding:14px 26px;transition:transform .12s ease,box-shadow .2s ease,background .2s,filter .2s}
  #kma-app .btn.primary{background:var(--eg-purple-1);color:var(--white);box-shadow:var(--shadow-btn)}
  #kma-app .btn.primary:hover{/* filter:brightness(.92); *//* transform:translateY(-1px); */}
  #kma-app .btn.ghost{background:var(--white);color:var(--black);border:1.5px solid var(--eg-line-strong)}
  #kma-app .btn.ghost:hover{border-color:var(--eg-purple-1);color:var(--eg-purple-1)}
  #kma-app .btn.lg{padding:16px 34px}
  #kma-app .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
  #kma-app .linklike{background:none;border:none;color:var(--black);font-size:var(--fs-sm);text-decoration:none;padding:6px}
  #kma-app .linklike:hover{color:var(--eg-purple-1)}
  
  /* ===== Hero ===== */
  #kma-app .hero{padding-block: 76px;position:relative;overflow:hidden;background: var(--eg-purple-bg-1);border-radius: 15px;}
  #kma-app .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
  #kma-app .hero p.lead{font-size:var(--fs-lg);color:var(--black);margin-top:20px;max-width: 57ch;}
  #kma-app .hero .cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}
  #kma-app .hero .meta{margin-top:18px;font-size:var(--fs-sm);color:var(--black);display:flex;gap:18px;flex-wrap:wrap}
  #kma-app .badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--eg-purple-bg-1);
    color:var(--eg-purple-1);
    font-weight:var(--fw-bold);
    font-size:var(--fs-sm);
    letter-spacing:.02em;
    }
  #kma-app .previewcard{background:var(--white);border-radius:20px;box-shadow:var(--shadow-lg);padding:24px}
  #kma-app .previewcard .pc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
  #kma-app .pill{font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:4px 11px;border-radius:999px;letter-spacing:.03em}
  #kma-app .pill.leader{background:var(--good-bg);color:var(--good)}
  #kma-app .pill.scaling{background:var(--warn-bg);color:var(--warn)}
  #kma-app .pill.found{background:var(--crit-bg);color:var(--crit)}
  #kma-app .gaugewrap{display:flex;align-items:center;gap:18px}
  #kma-app .mini-dims{margin-top:16px;display:flex;flex-direction:column;gap:9px}
  #kma-app .mini-dims .d{display:grid;grid-template-columns:88px 1fr auto;gap:10px;align-items:center;font-size:var(--fs-sm)}
  #kma-app .track{height:8px;background:var(--eg-purple-line-1);border-radius:999px;overflow:hidden}
  #kma-app .track > span{display:block;height:100%;background:var(--eg-purple-1);border-radius:999px}
  
  /* ===== "What you'll learn" cards ===== */
  #kma-app .learn{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
  #kma-app .lcard{background: var(--eg-blue-1);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
  #kma-app .lcard .ic{width:38px;height:38px;border-radius:10px;background: white;color: black;display:grid;place-items:center;margin-bottom:12px}
  #kma-app .lcard h4{margin-bottom:6px}
  #kma-app .lcard p{color:var(--black)}
  #kma-app .section{padding-block: 56px;}
  #kma-app .section:nth-child(3) {
      background: var(--eg-purple-bg-1);
      border-radius: 15px;
  }
  #kma-app .rule{height:1px;background:var(--eg-purple-line-1);border:none;margin:0;display: none;}
  
  /* ===== Key finding ===== */
  #kma-app .finding{background:var(--white);}
  #kma-app .finding-grid{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;margin-top:16px}
  #kma-app .finding-stat{text-align:center;padding-right:36px;border-right:2px solid var(--eg-purple-line-1);flex:0 0 auto}
  #kma-app .fbig{font-weight:var(--fw-bold);font-size: var(--fs-display)!important;color:var(--eg-purple-1);line-height:var(--lh-none);letter-spacing:-.03em}
  #kma-app .fbig span{font-size:.5em;vertical-align:super}
  #kma-app .fbig-sub{font-weight:var(--fw-bold);color:var(--black);margin-top:10px;line-height:var(--lh-tight)}
  #kma-app .finding-copy h2{margin-bottom:12px}
  #kma-app .finding-copy p{color:var(--black)}
  #kma-app .finding-copy p b{color:var(--eg-purple-1)}
  #kma-app .fnote{margin-top:14px;font-style:italic;color:var(--black)}
  #kma-app .metric-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 0}
  #kma-app .metric-chips li{background: var(--eg-aqua-bg-1);color: black;font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:7px 13px;border-radius: 9px;}
  #kma-app .sub-lead{color:var(--black);}
  #kma-app .drivers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
  #kma-app .dcard{background:var(--white);border-radius:14px;padding:24px;box-shadow:var(--shadow)}
  #kma-app .dcard .dnum{font-weight:var(--fw-bold);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--eg-purple-1)}
  #kma-app .dcard h4{margin:9px 0;line-height:var(--lh-tight)}
  #kma-app .dcard p{color:var(--black)}
  @media(max-width:820px){
    #kma-app .finding-grid{grid-template-columns:1fr;gap:22px}
    #kma-app .finding-stat{border-right:none;border-bottom:2px solid var(--eg-purple-line-1);padding-right:0;padding-bottom:20px}
    #kma-app .drivers{grid-template-columns:1fr}
  }
  
  /* ===== Survey ===== */
  #kma-app .survey-head{padding-block:26px 8px}
  #kma-app .progress{height:6px;background:var(--eg-purple-line-1);border-radius:999px;overflow:hidden;margin-top:16px}
  #kma-app .progress > span{display:block;height:100%;background:var(--eg-purple-1);border-radius:999px;transition:width .4s ease}
  #kma-app .qcard{background:var(--white);border:1px solid var(--eg-purple-line-1);border-radius:var(--r);padding:clamp(18px,3vw,30px);box-shadow:var(--shadow);margin-top:22px}
  #kma-app .qcard + .qcard{margin-top:18px}
  #kma-app .qlab{font-weight:var(--fw-bold);margin-bottom:4px}
  #kma-app .qhint{font-size:var(--fs-sm);color:var(--black);margin-bottom:16px}
  #kma-app .grid-q{display:flex;flex-direction:column;gap:14px}
  #kma-app .rowq{display:grid;grid-template-columns:1fr;gap:8px}
  #kma-app .rowq .rl{font-weight:var(--fw-bold)}
  #kma-app .rowq .rl small{display:block;font-weight:400;font-size:var(--fs-sm)}
  #kma-app .scale{display:flex;flex-wrap:wrap;gap:8px}
  #kma-app .scale button{border:1.5px solid var(--eg-line-strong);background:var(--white);color:var(--black);border-radius:999px;
    padding:9px 15px;font-size:var(--fs-sm);font-weight:var(--fw-bold);transition:.15s;flex:1 1 auto;min-width:max-content;white-space:nowrap}
  #kma-app .scale button:hover{border-color:var(--eg-purple-1)}
  #kma-app .scale button[aria-pressed="true"]{background:var(--eg-purple-1);border-color:var(--eg-purple-1);color:var(--white)}
  #kma-app .chips{display:flex;flex-wrap:wrap;gap:10px}
  #kma-app .chip{border:1.5px solid var(--eg-line-strong);background:var(--white);border-radius:999px;padding:10px 16px;font-weight:var(--fw-bold);color:var(--black);text-align: left;}
  #kma-app .chip[aria-pressed="true"]{background:var(--eg-purple-bg-1);border-color:var(--eg-purple-1);color:var(--eg-purple-1)}
  #kma-app .sliderbox{padding-top:4px}
  #kma-app .sliderbox .val{font-weight:var(--fw-bold);font-size:var(--fs-stat);color:var(--eg-purple-1);line-height:var(--lh-none)}
  #kma-app .sliderbox .val small{font-size:var(--fs-sm);color:var(--black);font-weight:var(--fw-bold)}
  #kma-app input[type=range]{width:100%;accent-color:var(--eg-purple-1);height:26px}
  #kma-app .sliderbox .ends{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--black);margin-top:2px}
  #kma-app .sliderbox.dim{opacity:.4;pointer-events:none}
  #kma-app .navrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}
  #kma-app .qdef{font-size:var(--fs-sm);color:var(--black);background:var(--eg-purple-bg-1);border-radius:8px;padding:8px 12px;margin-bottom:14px;display:flex;gap:8px;align-items:flex-start}
  #kma-app .qdef b{color:var(--eg-purple-1)}
  
  /* Matrix question */
  #kma-app .matrix{display:grid;gap:2px 6px;align-items:stretch}
  #kma-app .mhead{display:contents}
  #kma-app .mhead .mh{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--black);text-align:center;line-height:var(--lh-tight);
    align-self:end;padding:0 2px 8px;letter-spacing:.01em}
  #kma-app .mrow{display:contents}
  #kma-app .mrow .mrl{font-weight:var(--fw-bold);padding:10px 10px 10px 0;align-self:center;border-top:1px solid var(--eg-purple-line-1)}
  #kma-app .mcell{border:none;background:none;padding:8px 2px;display:grid;place-items:center;border-top:1px solid var(--eg-purple-line-1);cursor:pointer}
  #kma-app .mcell .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--eg-line-strong);transition:.15s;background:var(--white);display:block}
  #kma-app .mcell:hover .dot{border-color:var(--eg-purple-1)}
  #kma-app .mcell[aria-pressed="true"] .dot{border-color:var(--eg-purple-1);background:var(--eg-purple-1);box-shadow:inset 0 0 0 3px var(--white)}
  #kma-app .mcell .ml{display:none}
  #kma-app .mrow:first-of-type .mrl,#kma-app .mrow:first-of-type .mcell{border-top:none}
  
  /* Single-choice list */
  #kma-app .optlist{display:flex;flex-direction:column;gap:8px}
  #kma-app .optrow{display:flex;align-items:center;gap:12px;border:1.5px solid var(--eg-line-strong);border-radius:10px;padding:12px 15px;background:var(--white);cursor:pointer;text-align:left;font-weight:var(--fw-medium);color:var(--black)}
  #kma-app .optrow:hover{border-color:var(--eg-purple-1)}
  #kma-app .optrow .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--eg-line-strong);flex:0 0 auto}
  #kma-app .optrow[aria-pressed="true"]{border-color:var(--eg-purple-1);background:var(--eg-purple-bg-1)}
  #kma-app .optrow[aria-pressed="true"] .dot{border-color:var(--eg-purple-1);background:var(--eg-purple-1);box-shadow:inset 0 0 0 3px var(--eg-purple-bg-1)}
  #kma-app .notsure{margin-top:14px}
  #kma-app .notsure button{border:1.5px solid var(--eg-line-strong);background:var(--white);border-radius:999px;padding:8px 15px;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--black)}
  #kma-app .notsure button[aria-pressed="true"]{background:var(--black);border-color:var(--black);color:var(--white)}
  
  @media(max-width:720px){
    #kma-app .matrix{display:flex;flex-direction:column;gap:0}
    #kma-app .mhead{display:none}
    #kma-app .mrow{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;border-top:1px solid var(--eg-purple-line-1)}
    #kma-app .mrow:first-of-type{border-top:none;padding-top:2px}
    #kma-app .mrow .mrl{flex-basis:100%;border:none;padding:0;margin-bottom:2px}
    #kma-app .mcell{border:1.5px solid var(--eg-line-strong);border-radius:999px;padding:8px 13px;display:inline-flex;gap:7px;align-items:center;flex:0 1 auto}
    #kma-app .mcell .dot{width:15px;height:15px}
    #kma-app .mcell .ml{display:inline;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--black);text-align: left;}
    #kma-app .mcell[aria-pressed="true"]{border-color:var(--eg-purple-1);background:var(--eg-purple-bg-1)}
    #kma-app .mcell[aria-pressed="true"] .ml{color:var(--eg-purple-1)}
  }
  
  /* ===== Gate (email form) ===== */
  #kma-app .gate{padding-block:44px}
  #kma-app .gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
  #kma-app .gate .peek{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--eg-purple-line-1);box-shadow:var(--shadow-lg);background:var(--white)}
  #kma-app .gate .peek .blurwrap{filter:blur(7px);opacity:.9;pointer-events:none;padding:26px}
  #kma-app .gate .peek .lock{position:absolute;inset:0;display:grid;place-items:center;
    background:linear-gradient(180deg,color-mix(in srgb,var(--eg-purple-bg-1) 30%,transparent),color-mix(in srgb,var(--eg-purple-bg-1) 75%,transparent))}
  #kma-app .gate .peek .lock .lk{background:var(--white);border:1px solid var(--eg-purple-line-1);border-radius:14px;padding:14px 20px;box-shadow:var(--shadow);font-weight:var(--fw-bold);display:flex;gap:10px;align-items:center;color:var(--black)}
  #kma-app .form{background:var(--white);border:1px solid var(--eg-purple-line-1);border-radius:20px;padding:clamp(22px,3vw,34px);box-shadow:var(--shadow)}
  #kma-app .field{margin-bottom:15px}
  #kma-app .field label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:6px;color:var(--black)}
  #kma-app .field input,#kma-app .field select{width:100%;border:1.5px solid var(--eg-line-strong);border-radius:10px;padding:12px 14px;font:inherit;background:var(--white);color:var(--black)}
  #kma-app .field input:focus,#kma-app .field select:focus{border-color:var(--eg-purple-1);outline:none}
  #kma-app .consent{font-size:var(--fs-xs);color:var(--black);margin-top:10px}
  #kma-app .gate-status{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--eg-purple-bg-1);color:var(--black);font-size:var(--fs-sm)}
  #kma-app .gate-status.err{background:var(--crit-bg);color:var(--crit)}
  
  /* WPForms fields styled like the gate form */
  #kma-app .form .wpforms-container{margin-top: 17px!important;}
  #kma-app .form .wpforms-field-label{display:block;font-size:var(--fs-sm)!important;font-weight:var(--fw-bold)!important;margin:0 0 6px!important;color:var(--black)!important}
  #kma-app .form .wpforms-field input[type=text],#kma-app .form .wpforms-field input[type=email],#kma-app .form .wpforms-field input[type=tel],#kma-app .form .wpforms-field select{
    width:100%!important;max-width:100%!important;height:auto!important;border:1.5px solid var(--eg-line-strong)!important;border-radius:10px!important;padding:12px 14px!important;
    font:inherit!important;background:var(--white)!important;color:var(--black)!important;box-shadow:none!important}
  #kma-app .form .wpforms-field input:focus,#kma-app .form .wpforms-field select:focus{border-color:var(--eg-purple-1)!important;outline:none!important}
  #kma-app .form .wpforms-submit-container{padding:6px 0 0!important}
  #kma-app .form button.wpforms-submit{width:100%!important;height:auto!important;border:none!important;border-radius:999px!important;padding:16px 34px!important;
    font:inherit!important;background:var(--eg-purple-1)!important;color:var(--white)!important;font-weight:var(--fw-bold)!important;box-shadow:var(--shadow-btn)!important;cursor:pointer}
  #kma-app .form button.wpforms-submit:hover{filter:brightness(.92)}
  #kma-app .form .wpforms-error-container,#kma-app .form label.wpforms-error{color:var(--crit)!important;font-size:var(--fs-sm)!important}
  #kma-app .form .wpforms-confirmation-container-full{background:var(--good-bg)!important;border:1px solid var(--good)!important;border-radius:12px;color:var(--black)!important}
  
  /* ===== Results ===== */
  #kma-app .res{padding-block:34px 60px}
  #kma-app .res-hero{background:var(--eg-purple-1);color:var(--white);border-radius:24px;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
  #kma-app .res-hero .brush2{position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb,var(--white) 20%,transparent),transparent 62%)}
  #kma-app .res-hero-grid{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;position:relative}
  #kma-app .res-hero h1{color:var(--white)}
  #kma-app .res-hero .sub{color:var(--white);margin-top:10px!important}
  #kma-app .res-hero .pctline{margin-top:16px;font-size:var(--fs-sm);color:var(--white)}
  #kma-app .tierpill{display:inline-flex;align-items:center;gap:9px;font-weight:var(--fw-medium);font-size:var(--fs-sm);letter-spacing:.06em;
    text-transform:uppercase;padding:8px 16px;border-radius:999px;margin-bottom:14px}
  #kma-app .tierpill.leader{background:var(--tier-leader-bg);color:var(--tier-leader)}
  #kma-app .tierpill.scaling{background:var(--tier-scaling-bg);color:var(--tier-scaling)}
  #kma-app .tierpill.found{background:var(--tier-found-bg);color:var(--tier-found)}
  
  #kma-app .cols{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:24px}
  #kma-app .panel{background:var(--white);border:1px solid var(--eg-purple-line-1);border-radius:var(--r);padding:24px;box-shadow:var(--shadow);margin-top: 20px;}
  #kma-app .panel h3{margin-bottom:4px}
  #kma-app .panel .ph{font-size:var(--fs-sm);color:var(--black);margin-bottom:18px}
  
  #kma-app .dimbar{margin-bottom:18px}
  #kma-app .dimbar .dt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
  #kma-app .dimbar .dt .sc{font-weight:var(--fw-bold)}
  #kma-app .dtrack{height:12px;background:var(--eg-purple-line-1);border-radius:999px;position:relative;overflow:visible}
  #kma-app .dtrack > span{display:block;height:100%;border-radius:999px;background:var(--eg-purple-1)}
  #kma-app .dtrack .bm{position:absolute;top:-4px;width:2px;height:20px;background:var(--black);border-radius:2px}
  #kma-app .dtrack .bm::after{content:attr(data-l);position:absolute;top: -20px;left:50%;transform:translateX(-50%);font-size:var(--fs-xs);color: var(--muted);white-space:nowrap;font-weight:var(--fw-bold)}
  #kma-app .legend{display:flex;gap:16px;font-size:var(--fs-xs);color:var(--black);margin-top:6px}
  #kma-app .legend i{display:inline-block;width:12px;height:6px;border-radius:2px;vertical-align:middle;margin-right:5px}
  
  #kma-app .ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
  #kma-app .rung{border:1.5px solid var(--eg-line-strong);border-radius:12px;padding:14px 12px;text-align:center;position:relative;background:var(--white)}
  #kma-app .rung .st{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--black)}
  #kma-app .rung .nm{font-weight:var(--fw-bold);margin-top:4px}
  #kma-app .rung .mv{font-size:var(--fs-xs);color:var(--black);margin-top:3px}
  #kma-app .rung.on{background:var(--eg-purple-1);border-color:var(--eg-purple-1)}
  #kma-app .rung.on .nm,#kma-app .rung.on .st,#kma-app .rung.on .mv{color:var(--white)}
  #kma-app .rung.done{background:var(--eg-purple-bg-1);border-color:var(--eg-purple-line-1)}
  
  /* Roadmap moves */
  #kma-app .roadmap{margin-top:26px}
  #kma-app .move{display:grid;grid-template-columns:auto 1fr;gap:20px;background:var(--white);border:1px solid var(--eg-purple-line-1);
    border-radius:var(--r);padding:22px;box-shadow:var(--shadow);margin-top:16px;position:relative;overflow:hidden}
  #kma-app .move .rail{position:absolute;left:0;top:0;bottom:0;width:5px;display:none}
  #kma-app .move .num{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--white);background:var(--eg-purple-1)}
  #kma-app .move h4{font-size:var(--fs-lg);margin-bottom:3px}
  #kma-app .move .sev{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-left:8px;vertical-align:middle}
  #kma-app .sev.high{background:var(--crit-bg);color:var(--crit)}
  #kma-app .sev.med{background:var(--warn-bg);color:var(--warn)}
  #kma-app .sev.low{background:var(--good-bg);color:var(--good)}
  #kma-app .move .cur{font-size:var(--fs-sm);color:var(--black);background:var(--eg-purple-bg-1);border-radius:8px;padding:8px 12px;margin:10px 0;display:inline-block}
  #kma-app .move .cur b{color:var(--eg-purple-1)}
  #kma-app .move p{color:var(--black);margin-top:8px}
  #kma-app .move .egain{margin-top:12px;font-size:var(--fs-sm);background:var(--eg-purple-bg-1);border-radius:10px;padding:11px 14px;color:var(--black)}
  #kma-app .move .egain b{color:var(--eg-purple-1)}
  
  /* Final CTA + footer */
  #kma-app .finalcta{background:var(--eg-purple-1);color:var(--white);border-radius:20px;padding:clamp(24px,4vw,38px);margin-top:30px;text-align:center;box-shadow:var(--shadow-lg)}
  #kma-app .finalcta h2{color:var(--white)}
  #kma-app .finalcta p{color:var(--white);margin:12px auto 22px!important}
  #kma-app .finalcta .btn.primary{background:var(--white);color:var(--eg-purple-1);box-shadow:var(--shadow-lg)}
  #kma-app .finalcta .btn.primary:hover{background:var(--white);color:var(--black);filter:none}
  /* "Your PDF report is on its way" note under the final CTA (real submissions only) */
  #kma-app .pdf-note{display:flex;align-items:flex-start;gap:12px;max-width:640px;margin:22px auto 0;padding:14px 18px;background:var(--white);border:1px solid var(--eg-purple-line-1);border-radius:var(--r);box-shadow:var(--shadow);font-size:var(--fs-sm);line-height:1.5;color:var(--black);text-align:left}
  #kma-app .pdf-note-ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--eg-purple-bg-1);color:var(--eg-purple-1)}
  #kma-app .pdf-note-text{flex:1;min-width:0;overflow-wrap:anywhere;padding-top:1px}
  #kma-app .foot{padding-block:26px 40px;color:var(--black);font-size:var(--fs-xs);text-align:center}
  #kma-app .foot .rule{margin-bottom:22px}
  
  /* ===== Story chapters ===== */
  #kma-app .story{margin-top:8px}
  #kma-app .chap{padding-block:34px 6px;margin-top:30px}
  #kma-app .chap:first-of-type{border-top:none}
  #kma-app .chap-eye{font-weight:var(--fw-bold);text-transform:uppercase;color:var(--eg-purple-1)}
  #kma-app .chap h2{margin:10px 0}
  #kma-app .chap-lead{color:var(--black)}
  #kma-app .src{font-size:var(--fs-sm)!important;color:var(--black);margin-top:16px;}
  
  /* ROI panel */
  #kma-app .roi-panel{margin-top:20px}
  #kma-app .roi-ct{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--black);margin-bottom:6px}
  #kma-app .roi-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
  #kma-app .roi-callout{background:var(--eg-purple-bg-1);border:1px solid var(--eg-purple-line-1);border-radius:12px;padding:20px 22px}
  #kma-app .roi-callout .big{font-weight:var(--fw-bold);font-size:var(--fs-stat);color:var(--eg-purple-1);line-height:var(--lh-none);letter-spacing:-.02em}
  #kma-app .roi-callout .big small{color:var(--black);font-weight:var(--fw-bold)}
  #kma-app .roi-callout p{color:var(--black);margin-top:10px}
  
  /* Leader moves */
  #kma-app #leadmoves{display:flex;flex-direction:column;gap:12px;margin-top:8px}
  #kma-app .lmove{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:center;background:var(--white);border:1px solid var(--eg-purple-line-1);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-top:10px}
  #kma-app .lmove .lrail{position:absolute;left:0;top:0;bottom:0;width:4px}
  #kma-app .lm-cap{font-weight:var(--fw-bold);margin-bottom:5px}
  #kma-app .lm-lead{color:var(--black)}
  #kma-app .lm-lead b{color:var(--eg-purple-1)}
  #kma-app .lm-you{text-align:right;color:var(--black)}
  #kma-app .lm-chip{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:6px}
  #kma-app .lm-chip.ok{background:var(--good-bg);color:var(--good)}
  #kma-app .lm-chip.gap{background:var(--eg-purple-bg-1);color:var(--eg-purple-1)}
  
  /* ===== Responsive ===== */
  @media(max-width:860px){
    #kma-app .hero-grid{grid-template-columns:1fr;gap:34px}
    #kma-app .learn{grid-template-columns:1fr}
    #kma-app .gate-grid{grid-template-columns:1fr}
    #kma-app .gate .peek{order:2}
    #kma-app .cols{grid-template-columns:1fr}
    #kma-app .res-hero-grid{grid-template-columns:1fr;gap:20px;text-align:center}
    #kma-app .res-hero-grid .gauge-lg{margin:0 auto}
    #kma-app .ladder{grid-template-columns:repeat(2,1fr)}
  }
  @media(max-width:760px){
    #kma-app .roi-grid{grid-template-columns:1fr;gap:18px}
    #kma-app .lmove{grid-template-columns:1fr;gap:8px}
    #kma-app .lm-you{text-align:left;border-top:1px solid var(--eg-purple-line-1);padding-top:10px}
  }
  @media(max-width:520px){
    #kma-app .move{grid-template-columns:1fr}
    #kma-app .move .num{width:38px;height:38px}
  }
  @media(prefers-reduced-motion:reduce){
    #kma-app, #kma-app *{transition:none!important;animation:none!important}
  }