.kpl-wrap{max-width:1180px;margin:0 auto;padding:64px 24px 90px;color:#f7f2e8}.kpl-hero{text-align:center;max-width:850px;margin:0 auto 34px}.kpl-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#d8aa55;font-weight:800}.kpl-hero h1,.kpl-section-head h2{color:#fff;margin:10px 0 14px}.kpl-hero p{font-size:19px;color:#cbc4b8}.kpl-hero>strong{display:block;font-size:18px;color:#f6d99e}.kpl-launch-banner,.kpl-notice{margin:26px auto 0;padding:15px 18px;border:1px solid rgba(216,170,85,.45);border-radius:14px;background:rgba(216,170,85,.10);color:#fff}.kpl-notice-error{border-color:#b94a48;background:rgba(185,74,72,.12)}.kpl-cycle{display:flex;justify-content:center;gap:8px;margin:30px 0}.kpl-cycle button{border:1px solid #4b4843;background:#211f1c;color:#ddd;padding:11px 17px;border-radius:999px;cursor:pointer}.kpl-cycle button.is-active{background:#d8aa55;color:#17130d;border-color:#d8aa55}.kpl-cycle span{font-size:11px;margin-left:5px}.kpl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.kpl-plan-card{position:relative;background:#1d1b19;border:1px solid #3e3a35;border-radius:20px;padding:28px;display:flex;flex-direction:column}.kpl-plan-card.is-popular{border-color:#d8aa55;box-shadow:0 0 0 1px rgba(216,170,85,.25)}.kpl-popular{position:absolute;top:14px;right:14px;background:#d8aa55;color:#17130d;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase}.kpl-plan-card h2{color:#fff;margin:0 0 8px}.kpl-plan-card p{color:#bbb3a7;min-height:54px}.kpl-price{margin:16px 0 18px}.kpl-price strong{display:block;color:#fff;font-size:38px;line-height:1.05}.kpl-price small{color:#aaa}.kpl-plan-card ul{list-style:none;padding:0;margin:0 0 24px;flex:1}.kpl-plan-card li{padding:9px 0;border-bottom:1px solid #332f2b;color:#ddd}.kpl-select{display:block;text-align:center;background:#d8aa55;color:#17130d!important;padding:13px 16px;border-radius:12px;font-weight:800}.kpl-matrix-section{margin-top:70px}.kpl-section-head{text-align:center;margin-bottom:24px}.kpl-table-wrap{overflow-x:auto;border:1px solid #3c3833;border-radius:18px}.kpl-matrix{width:100%;border-collapse:separate;border-spacing:0;background:#1c1a18}.kpl-matrix th,.kpl-matrix td{padding:15px;border-bottom:1px solid #35312d;text-align:center;color:#ddd}.kpl-matrix th:first-child{text-align:left;min-width:240px}.kpl-matrix thead th{position:sticky;top:0;background:#24211e;color:#fff;z-index:2}.kpl-yes{color:#e2b55f;font-weight:900}.kpl-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:44px 0}.kpl-explain article,.kpl-faq details{background:#1d1b19;border:1px solid #3d3934;border-radius:16px;padding:20px}.kpl-explain h3{color:#fff}.kpl-explain p,.kpl-faq p{color:#bbb3a7}.kpl-faq{max-width:900px;margin:60px auto 0}.kpl-faq details{margin:10px 0}.kpl-faq summary{cursor:pointer;color:#fff;font-weight:700}.kpl-notice{max-width:850px;text-align:center;margin-bottom:20px}@media(max-width:900px){.kpl-cards,.kpl-explain{grid-template-columns:1fr}.kpl-wrap{padding:38px 16px 70px}.kpl-plan-card p{min-height:0}}

/* Phase 6.1: clearer shared benefits and differentiated plan matrix */
.kpl-shared-section {
    max-width: 1180px;
    margin: 54px auto 20px;
}
.kpl-shared-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.kpl-shared-grid span {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 14px 16px;
    border: 1px solid rgba(219, 176, 73, .18);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}
.kpl-shared-grid b { color: #e4b94f; }
.kpl-matrix thead th small {
    display: block;
    margin-top: 5px;
    color: #e4b94f;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.kpl-matrix tbody td:nth-child(4),
.kpl-matrix thead th:nth-child(4) {
    background: rgba(219, 176, 73, .055);
}
.kpl-matrix td strong { color: #f2ca65; }
.kpl-fit-row td { line-height: 1.45; }
.kpl-matrix-note {
    margin: 14px 0 0;
    color: rgba(255,255,255,.62);
    font-size: 13px;
}
@media (max-width: 800px) {
    .kpl-shared-grid { grid-template-columns: 1fr; }
}

/* Phase 7: conversion-focused matrix and feature education */
.kpl-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:34px 0 46px}.kpl-outcomes article,.kpl-roi-grid article{border:1px solid rgba(216,170,85,.2);border-radius:18px;background:rgba(255,255,255,.025);padding:22px}.kpl-outcomes span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(216,170,85,.45);border-radius:50%;color:#e4b94f;font-weight:800}.kpl-outcomes h3,.kpl-roi-grid h3{color:#fff;margin:14px 0 8px}.kpl-outcomes p,.kpl-roi-grid p{color:#bbb3a7;margin:0}.kpl-group-row th{padding:12px 15px!important;background:rgba(216,170,85,.09)!important;color:#e8c16c!important;text-transform:uppercase;letter-spacing:.08em;font-size:12px;text-align:left!important}.kpl-feature-label{display:inline-flex;align-items:center;gap:9px}.kpl-info{display:inline-grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #d8aa55;border-radius:50%;background:transparent;color:#e8c16c;font-size:13px;font-weight:900;line-height:1;cursor:pointer;transition:.18s ease}.kpl-info:hover,.kpl-info:focus{background:#d8aa55;color:#17130d;transform:translateY(-1px)}.kpl-roi{margin:70px 0}.kpl-roi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kpl-final-cta{text-align:center;margin:74px auto 0;padding:42px 24px;border:1px solid rgba(216,170,85,.3);border-radius:24px;background:rgba(216,170,85,.07)}.kpl-final-cta h2{color:#fff;margin:10px 0}.kpl-final-cta p{color:#c9c0b2;max-width:700px;margin:0 auto 22px}.kpl-final-cta a,.kpl-modal-cta{display:inline-block;padding:13px 22px;border-radius:12px;background:#d8aa55;color:#17130d!important;font-weight:800}.kpl-modal[hidden]{display:none}.kpl-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.kpl-modal-backdrop{position:absolute;inset:0;background:rgba(5,4,3,.82);backdrop-filter:blur(5px)}.kpl-modal-dialog{position:relative;z-index:1;width:min(680px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid rgba(216,170,85,.38);border-radius:22px;background:#1b1917;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.kpl-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid #484039;border-radius:50%;background:#25211e;color:#fff;font-size:24px;cursor:pointer}.kpl-modal-kicker{display:block;padding-right:45px;color:#e4b94f;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.kpl-modal-dialog h2{color:#fff;margin:9px 48px 12px 0;font-size:32px}.kpl-modal-description{color:#d2cbc0;font-size:17px;line-height:1.65}.kpl-modal-benefits{margin:24px 0;padding:20px;border:1px solid #38332e;border-radius:16px;background:#211e1b}.kpl-modal-benefits h3{color:#fff;margin:0 0 12px}.kpl-modal-benefits ul{list-style:none;margin:0;padding:0}.kpl-modal-benefits li{position:relative;padding:8px 0 8px 25px;color:#d5cec3}.kpl-modal-benefits li:before{content:'✓';position:absolute;left:0;color:#e4b94f;font-weight:900}.kpl-modal-dialog blockquote{margin:22px 0;padding:16px 18px;border-left:3px solid #d8aa55;background:rgba(216,170,85,.08);color:#f2dba7;font-size:17px;font-weight:700}.kpl-modal-cta{margin-top:4px}.kpl-modal-open{overflow:hidden}.kpl-matrix td{font-weight:650}.kpl-matrix tbody td:nth-child(4){color:#f0c96f}.kpl-matrix-note{line-height:1.55}
@media(max-width:900px){.kpl-outcomes,.kpl-roi-grid{grid-template-columns:1fr}.kpl-modal-dialog{padding:26px 20px}.kpl-modal-dialog h2{font-size:27px}.kpl-feature-label{align-items:flex-start}.kpl-info{flex:0 0 23px}}

/* Feature modal quote alignment fix */
.kpl-modal-dialog blockquote {
    position: relative;
    min-height: 64px;
    padding: 18px 20px 18px 58px !important;
    overflow: hidden;
    line-height: 1.55;
}
.kpl-modal-dialog blockquote::before {
    content: "\201C" !important;
    position: absolute !important;
    top: 8px !important;
    left: 17px !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    color: rgba(232, 193, 108, .55) !important;
    font-size: 46px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: none !important;
}
.kpl-modal-dialog blockquote::after {
    content: none !important;
    display: none !important;
}
@media (max-width: 600px) {
    .kpl-modal-dialog blockquote {
        padding: 17px 16px 17px 50px !important;
    }
    .kpl-modal-dialog blockquote::before {
        left: 14px !important;
        font-size: 40px !important;
    }
}

/* Recruitment invitation redemption */
.kpl-invitation{max-width:900px;margin:0 auto 28px;padding:24px 26px;border:1px solid rgba(212,175,55,.45);border-radius:18px;background:#171717;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.12)}.kpl-invitation>span{display:block;margin-bottom:7px;color:#d4af37;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.kpl-invitation h2{margin:0 0 8px;color:#fff}.kpl-invitation p{margin:0 0 16px;color:#d8d8d8}.kpl-invitation-code{display:inline-flex;flex-direction:column;gap:4px;margin:4px 12px 10px 0;padding:11px 14px;border-radius:10px;background:#2a2a2a}.kpl-invitation-code small{color:#aaa}.kpl-invitation-code strong{color:#fff;letter-spacing:.05em}.kpl-invitation-button,.kpl-invitation-compact button{border:0;border-radius:10px;background:#d4af37;color:#111;font-weight:800;padding:12px 18px;cursor:pointer}.kpl-invitation-success{background:#18351f;border-color:#4e9d62}.kpl-invitation-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px}.kpl-invitation-compact>span{margin:0}.kpl-invitation-compact form{display:flex;gap:8px;flex:1;max-width:520px}.kpl-invitation-compact input{flex:1;min-width:0;border:1px solid #555;border-radius:10px;background:#fff;color:#111;padding:11px 13px}@media(max-width:700px){.kpl-invitation-compact{align-items:stretch;flex-direction:column}.kpl-invitation-compact form{max-width:none;flex-direction:column}}


/* Pay As You Go comparison column */
.kpl-matrix{min-width:980px}
.kpl-matrix .kpl-payg-head{background:#201f1d;color:#fff}
.kpl-matrix .kpl-payg-head small{color:#bdb6aa}
.kpl-matrix .kpl-payg-cell{background:rgba(255,255,255,.018);color:#d6d0c7}
.kpl-matrix th:not(:first-child),.kpl-matrix td{min-width:155px}
@media(max-width:900px){
    .kpl-table-wrap{-webkit-overflow-scrolling:touch}
    .kpl-matrix{min-width:920px}
    .kpl-matrix th:first-child{min-width:210px}
    .kpl-matrix th:not(:first-child),.kpl-matrix td{min-width:145px}
}
