@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=Oswald:wght@500;600;700&display=swap');

    .kx-result-page{
      --accent:#d9f719;
      --program:#d9f719;
      --soft:rgba(217,247,25,.22);
      --accent-line:rgba(217,247,25,.55);
      --cta-bg:#d9f719;
      --cta-color:#0b0d06;
      --cta-glow:rgba(217,247,25,.45);
      --cta-read-color:#d9f719;
      --cta-read-border:#d9f719;
      --cta-read-glow:rgba(217,247,25,.24);
      font-family:'Montserrat',system-ui,sans-serif;
      background:
        radial-gradient(circle at 14% 0%, var(--soft), transparent 28%),
        radial-gradient(circle at 92% 78%, rgba(255,255,255,.045), transparent 30%),
        linear-gradient(180deg,#000 0%,#050608 44%,#000 100%);
      color:#fff;
      padding:44px 16px;
      min-height:80vh;
    }

    .kx-result-page,
    .kx-result-page *{
      box-sizing:border-box;
    }

    .kx-result-page[data-program="build"]{
      --accent:#d9f719;
      --program:#d9f719;
      --soft:rgba(217,247,25,.22);
      --accent-line:rgba(217,247,25,.55);
      --cta-bg:#d9f719;
      --cta-color:#0b0d06;
      --cta-glow:rgba(217,247,25,.45);
      --cta-read-color:#d9f719;
      --cta-read-border:#d9f719;
      --cta-read-glow:rgba(217,247,25,.24);
    }

    .kx-result-page[data-program="free course"]{
      --accent:#ffffff;
      --program:#ffffff;
      --soft:rgba(255,255,255,.16);
      --accent-line:rgba(255,255,255,.35);
      --cta-bg:#ffffff;
      --cta-color:#08090b;
      --cta-glow:rgba(255,255,255,.38);
      --cta-read-color:#ffffff;
      --cta-read-border:#ffffff;
      --cta-read-glow:rgba(255,255,255,.20);
    }

    .kx-result-page[data-program="perform"]{
      --accent:#ff8f8f;
      --program:#e43a22;
      --soft:rgba(228,58,34,.22);
      --accent-line:rgba(228,58,34,.55);
      --cta-bg:linear-gradient(135deg, #ff5a39 0%, #d8361f 58%, #8e1a0c 100%);
      --cta-color:#ffffff;
      --cta-glow:rgba(228,58,34,.45);
      --cta-read-color:#ffffff;
      --cta-read-border:#e43a22;
      --cta-read-glow:rgba(228,58,34,.30);
    }

    .kx-result-page[data-program="coaching"]{
      --accent:#d8a246;
      --program:#d8a246;
      --soft:rgba(216,162,70,.24);
      --accent-line:rgba(216,162,70,.58);
      --cta-bg:linear-gradient(135deg, #f3cf85 0%, #d8a246 62%, #87591c 100%);
      --cta-color:#161108;
      --cta-glow:rgba(216,162,70,.45);
      --cta-read-color:#d8a246;
      --cta-read-border:#d8a246;
      --cta-read-glow:rgba(216,162,70,.24);
    }

    .kx-result-wrap{ width:min(820px,100%); margin:0 auto; }

    .kx-label{
      text-align:center;
      color:rgba(255,255,255,.48);
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.14em;
      margin-bottom:12px;
    }

    .kx-title{
      font-family:'Oswald',sans-serif;
      text-align:center;
      text-transform:uppercase;
      font-size:clamp(27px,4vw,44px);
      line-height:.95;
      letter-spacing:.035em;
      margin:0 0 14px;
    }

    .kx-title span{ color:var(--accent); }

    .kx-sub{
      text-align:center;
      color:rgba(255,255,255,.64);
      font-size:16px;
      line-height:1.45;
      max-width:760px;
      margin:0 auto 28px;
      font-weight:650;
    }

    .kx-map-card{
      width:min(680px,100%);
      margin-left:auto;
      margin-right:auto;
      border-radius:28px;
      background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025)), rgba(0,0,0,.58);
      border:1px solid var(--accent-line);
      box-shadow:0 0 34px var(--soft);
      padding:14px;
      margin:0 auto 34px;
      max-width:680px;
    }

    .kx-map-card img{
      width:100%;
      max-width:100%;
      height:auto;
      display:block;
      border-radius:20px;
    }

    .kx-position-box,
    .kx-email-box{
      border-radius:24px;
      background:rgba(255,255,255,.055);
      border:1px solid var(--accent-line);
      padding:24px;
      margin:34px 0;
    }

    .kx-position-box h2,
    .kx-email-box h2{
      font-family:'Oswald',sans-serif;
      text-transform:uppercase;
      font-size:32px;
      line-height:1;
      margin:0 0 12px;
      color:var(--accent);
    }

    .kx-position-box p,
    .kx-email-box p{
      color:rgba(255,255,255,.74);
      line-height:1.55;
      font-size:15px;
      font-weight:650;
      margin:0 0 12px;
    }

    .kx-bridge{
      color:rgba(255,255,255,.56);
      font-size:13px;
      font-weight:850;
      letter-spacing:.1em;
      text-transform:uppercase;
      margin:20px 0 12px;
    }

    .kx-observations{ display:grid; gap:16px; margin-top:18px; }

    .kx-observation{
      min-height:112px;
      display:grid;
      grid-template-columns:86px 1fr;
      align-items:center;
      gap:18px;
      position:relative;
      overflow:hidden;
      border-radius:24px;
      background:
        linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
        rgba(0,0,0,.45);
      border:1px solid var(--accent-line);
      padding:18px 22px;
      color:rgba(255,255,255,.76);
      box-shadow:
        0 0 28px var(--soft),
        inset 0 0 22px rgba(255,255,255,.035);
    }

    .kx-observation:after{
      content:"";
      position:absolute;
      right:-40px;
      top:50%;
      width:150px;
      height:150px;
      transform:translateY(-50%);
      border:1px solid var(--accent-line);
      border-radius:50%;
      opacity:.22;
    }

    .kx-observation-num{
      color:var(--accent);
      font-family:'Oswald',sans-serif;
      font-size:54px;
      line-height:1;
      text-align:center;
      text-shadow:0 0 20px var(--soft);
      border-right:1px solid var(--accent-line);
      padding-right:16px;
      position:relative;
      z-index:2;
    }

    .kx-observation p{
      position:relative;
      z-index:2;
      margin:0;
      color:rgba(255,255,255,.76);
      line-height:1.42;
      font-size:15px;
      font-weight:700;
    }

    .kx-email-box{
      border-color:var(--accent-line);
      box-shadow:0 0 32px var(--soft);
      text-align:center;
      position:relative;
      overflow:hidden;
    }

    .kx-email-box:before{
      content:"";
      position:absolute;
      inset:-1px;
      pointer-events:none;
      background:radial-gradient(circle at 50% 0%, var(--soft), transparent 44%);
      opacity:.8;
    }

    .kx-email-box > *{ position:relative; z-index:1; }

    .kx-email-icon{
      width:72px;
      height:72px;
      margin:0 auto 16px;
      border-radius:50%;
      border:1px solid var(--accent-line);
      background:rgba(0,0,0,.42);
      box-shadow:0 0 28px var(--soft), inset 0 0 18px rgba(255,255,255,.06);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .kx-email-icon span{
      width:34px;
      height:24px;
      border:2px solid var(--program);
      border-radius:5px;
      position:relative;
      display:block;
    }

    .kx-email-icon span:before,
    .kx-email-icon span:after{
      content:"";
      position:absolute;
      top:4px;
      width:18px;
      height:2px;
      background:var(--program);
    }

    .kx-email-icon span:before{
      left:1px;
      transform:rotate(32deg);
      transform-origin:left center;
    }

    .kx-email-icon span:after{
      right:1px;
      transform:rotate(-32deg);
      transform-origin:right center;
    }

    .kx-actions{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:12px;
      margin-top:18px;
    }

    .kx-mail-actions{ margin:24px 0 46px; }
    .kx-actions-secondary{ margin-top:18px; }

    .kx-actions a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:14px 22px;
      border-radius:999px;
      font-size:12px;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.08em;
      text-decoration:none;
      text-align:center;
    }

    .kx-primary{ background:var(--program); color:#050608; }
    .kx-mail{ background:#fff; color:#050608; }
    .kx-secondary{ border:1px solid var(--accent-line); color:var(--accent); background:rgba(0,0,0,.26); }

    .kx-email-note{
      max-width:640px;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    .kx-email-disclaimer{
      max-width:620px;
      margin-left:auto !important;
      margin-right:auto !important;
      color:rgba(255,255,255,.58) !important;
      font-size:12.5px !important;
      line-height:1.45 !important;
      font-weight:500 !important;
    }

    .kx-fit-section{
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      padding:28px 0 10px;
      margin:46px 0 0;
      text-align:center;
    }

    .kx-fit-kicker{
      margin:0 auto 12px;
      color:rgba(255,255,255,.66);
      font-size:13px;
      line-height:1.45;
      font-weight:800;
      letter-spacing:.05em;
      text-transform:uppercase;
    }

    .kx-fit-label{
      font-family:'Oswald',sans-serif;
      color:var(--program);
      font-size:clamp(42px,7vw,72px);
      line-height:.9;
      text-transform:uppercase;
      text-shadow:0 0 22px var(--soft);
      margin:0 0 22px;
    }

    .kx-program-map{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
      max-width:680px;
      margin:0 auto 34px;
      align-items:center;
    }

    .kx-program-step{
      min-height:58px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.045);
      color:rgba(255,255,255,.38);
      transform:scale(.94);
      transition:transform .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    .kx-program-step span{
      font-size:11px;
      font-weight:950;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .kx-program-step.is-active{
      transform:scale(1.05);
      border-color:var(--accent-line);
      background:linear-gradient(135deg,var(--soft),rgba(255,255,255,.06)),rgba(0,0,0,.55);
      box-shadow:0 0 26px var(--soft), inset 0 0 20px rgba(255,255,255,.045);
      color:var(--program);
      z-index:2;
    }

    .kx-result-page .kx-proof-single{
      width:min(430px,100%);
      margin:0 auto 34px;
      color:#111;
    }

    .kx-result-page .kx-proof-title{
      margin:0 0 8px;
      display:flex;
      flex-direction:column;
      align-items:center;
    }

    .kx-result-page .kx-proof-title h2{
      margin:0;
      font-family:'Oswald',sans-serif;
      text-transform:uppercase;
      font-size:clamp(34px,6vw,56px);
      line-height:.9;
      letter-spacing:0;
    }

    .kx-result-page .kx-proof-title span{
      display:inline-block;
      color:#000;
      background:var(--proof-accent);
      padding:8px 20px 10px;
      border-radius:12px;
      box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 18px var(--proof-soft);
    }

    .kx-result-page .kx-proof-title img{
      width:150px;
      max-width:44%;
      height:auto;
      display:block;
      margin-top:2px;
    }

    .kx-result-page .kx-proof-card-single{
      position:relative;
      padding:14px;
      border-radius:26px;
      background:linear-gradient(180deg,#ffffff 0%,#f8f8f8 100%);
      box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.05);
      border:1px solid rgba(0,0,0,.06);
      overflow:hidden;
      margin:0;
    }

    .kx-result-page .kx-proof-card-single:before{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at top left,var(--proof-soft),transparent 34%);
      pointer-events:none;
    }

    .kx-result-page .kx-proof-media{
      position:relative;
      z-index:2;
      width:100%;
      max-width:330px;
      margin:0 auto 20px;
      border-radius:18px;
      overflow:hidden;
      background:#0a0a0a;
      box-shadow:0 10px 22px rgba(0,0,0,.16);
    }

    .kx-result-page .kx-proof-media img{
      display:block;
      width:100%;
      aspect-ratio:4/3;
      object-fit:cover;
    }

    .kx-result-page .kx-proof-content{
      position:relative;
      z-index:2;
      padding:0 8px 6px;
      text-align:center;
    }

    .kx-result-page .kx-proof-quote{
      font-size:clamp(15px,1.8vw,18px);
      line-height:1.42;
      font-weight:700;
      letter-spacing:0;
      margin:0 auto 14px;
      color:#111;
      max-width:320px;
    }

    .kx-result-page .kx-proof-sep{
      width:52px;
      height:3px;
      border-radius:999px;
      background:var(--proof-accent);
      margin:0 auto 12px;
      box-shadow:0 0 12px var(--proof-soft);
    }

    .kx-result-page .kx-proof-name{
      font-size:12px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:rgba(0,0,0,.52);
      margin:0;
    }

    .kx-route-bridge{
      max-width:680px;
      margin:0 auto 28px;
      color:rgba(255,255,255,.78);
      font-size:16px;
      line-height:1.5;
      font-weight:700;
    }

    .kx-final-actions{
      margin-top:6px;
      gap:14px;
    }

    .kx-final-actions a{
      min-width:176px;
      min-height:50px;
      padding:10px 24px;
      border-radius:999px;
      font-size:15px;
      font-weight:1000;
      letter-spacing:.055em;
      white-space:nowrap;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .kx-final-actions a:hover{
      transform:translateY(-2px);
    }

    .kx-final-actions .kx-primary{
      background:var(--cta-bg);
      color:var(--cta-color);
      border:0;
      box-shadow:
        0 14px 30px rgba(0,0,0,.18),
        0 0 30px var(--cta-glow),
        inset 0 1px 0 rgba(255,255,255,.25);
    }

    .kx-final-actions .kx-secondary{
      background:
        radial-gradient(circle at 50% -25%, var(--cta-read-glow), transparent 62%),
        rgba(0,0,0,.72);
      color:var(--cta-read-color);
      border:1.5px solid var(--cta-read-border);
      box-shadow:
        0 12px 24px rgba(0,0,0,.18),
        0 0 20px var(--cta-read-glow),
        inset 0 1px 0 rgba(255,255,255,.04);
    }

    @media(max-width:700px){
      .kx-result-page{ padding:34px 12px; }
      .kx-sub{ margin-bottom:34px; }
      .kx-map-card{
        width:100%;
        max-width:100%;
        padding:6px;
        border-radius:18px;
        overflow:hidden;
        margin-bottom:38px;
      }
      .kx-position-box,
      .kx-email-box{ margin:38px 0; }
      .kx-map-card img{ border-radius:14px; }
      .kx-observation{
        grid-template-columns:62px 1fr;
        min-height:126px;
        gap:14px;
        padding:17px 16px;
        border-radius:22px;
      }
      .kx-observation-num{
        font-size:44px;
        padding-right:12px;
      }
      .kx-observation p{ font-size:13.5px; }
      .kx-mail-actions{ margin:28px 0 44px; }
      .kx-fit-section{
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        padding:34px 0 8px;
        margin-top:42px;
      }
      .kx-program-map{
        grid-template-columns:repeat(2,1fr);
        gap:9px;
        margin-bottom:34px;
      }
      .kx-program-step{ min-height:52px; }
      .kx-program-step.is-active{ transform:scale(1.03); }
      .kx-result-page .kx-proof-single{ width:min(360px,100%); margin-bottom:36px; }
      .kx-result-page .kx-proof-card-single{ padding:12px; border-radius:22px; }
      .kx-result-page .kx-proof-media{ max-width:250px; margin-bottom:16px; }
      .kx-result-page .kx-proof-quote{ max-width:250px; font-size:15px; }
      .kx-route-bridge{ font-size:14.5px; margin-bottom:30px; }
      .kx-actions a{ width:100%; }
      .kx-final-actions{
        flex-direction:column;
        align-items:center;
        gap:12px;
      }
      .kx-final-actions a{
        width:min(260px,100%);
        min-width:0;
      }
    }
