.klmp-page{max-width:1140px;margin:0 auto 90px;color:#f5f8fc}
.klmp-page *{box-sizing:border-box}
.klmp-intro{max-width:810px;margin:0 0 38px}
.klmp-page .klmp-kicker,.klmp-page .klmp-index{margin:0 0 12px;color:#c49b62;font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.klmp-page .klmp-intro h2{margin:0 0 16px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.08;letter-spacing:-.045em}
.klmp-page p{color:#c6d4e2;line-height:1.7}
.klmp-feature{padding:clamp(22px,3vw,38px);border:1px solid #1d4265;border-radius:20px;background:linear-gradient(145deg,#0b2745,#071b31);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.klmp-feature-head{margin-bottom:24px}
.klmp-page .klmp-feature h3{margin:4px 0 10px;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.025em}
.klmp-page .klmp-feature p{margin:0 0 20px}
.klmp-player{padding:19px 21px;border:1px solid #2c5578;border-radius:15px;background:#04172b}
.klmp-player audio{display:block;width:100%}
.klmp-player .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.klmp-player.is-enhanced audio{display:none}
.klmp-controls{display:grid;grid-template-columns:auto minmax(110px,1fr) auto auto;gap:16px;align-items:center}
.klmp-controls[hidden]{display:none!important}
.klmp-transport{display:flex;gap:7px}
.klmp-transport button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #3e709c;border-radius:9px;background:#103759;color:white;font-size:1.1rem;cursor:pointer;line-height:1}
.klmp-transport button:hover:not(:disabled){border-color:#79beff;background:#1d5b94}
.klmp-transport button:disabled{opacity:.4;cursor:default}
.klmp-transport button:focus-visible,.klmp-variant:focus-visible,.klmp-controls input:focus-visible{outline:3px solid #c49b62;outline-offset:3px}
.klmp-seek-label{display:block;min-width:0}
.klmp-controls input[type=range]{width:100%;margin:0;accent-color:#4ba5ff;cursor:pointer}
.klmp-controls input[type=range]:disabled{cursor:default;opacity:.45}
.klmp-controls output{color:#d6e6f4;font-size:.83rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.klmp-volume{display:flex;align-items:center;gap:7px;width:105px}
.klmp-volume input{min-width:0}
.klmp-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.klmp-variant{min-height:96px;padding:15px;text-align:left;border:1px solid #2a4b6a;border-radius:12px;background:#081c32;color:#f5f8fc;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.klmp-variant:hover{border-color:#5ea5e1;transform:translateY(-2px)}
.klmp-variant[aria-pressed=true]{background:#123d64;border-color:#64b9ff;box-shadow:inset 0 0 0 1px #64b9ff}
.klmp-variant strong,.klmp-variant span{display:block}
.klmp-variant strong{font-size:.97rem;line-height:1.3}
.klmp-variant span{margin-top:5px;font-size:.82rem;color:#b7cbda;line-height:1.4}
.klmp-page .klmp-note{margin:14px 0 0!important;color:#a9c1d3;font-size:.88rem}
.klmp-two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.klmp-two-up .klmp-feature{display:flex;flex-direction:column}
.klmp-two-up .klmp-feature>p{flex:1}
.klmp-two-up .klmp-player{margin-top:auto;width:100%;min-width:0}
.klmp-two-up .klmp-controls{grid-template-columns:auto minmax(0,1fr);gap:12px 16px;min-width:0}
.klmp-two-up .klmp-transport{grid-column:1;grid-row:1}
.klmp-two-up .klmp-seek-label{grid-column:2;grid-row:1}
.klmp-two-up .klmp-controls output{grid-column:1;grid-row:2}
.klmp-two-up .klmp-volume{grid-column:2;grid-row:2;justify-self:end;width:min(100%,130px)}
.klmp-halves{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;color:#a8c2d7;font-size:.78rem}
.klmp-halves span:last-child{text-align:right;color:#e2c28f}
.klmp-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px;padding:28px clamp(22px,3vw,38px);border:1px solid #3e668b;border-radius:18px;background:linear-gradient(105deg,#0b3359,#0a2038)}
.klmp-cta h3{margin:4px 0 8px;font-size:clamp(1.4rem,2.5vw,2rem)}
.klmp-cta p:last-child{margin:0}
.klmp-cta .klm-btn{flex:none;white-space:nowrap}
@media(max-width:900px){.klmp-two-up{grid-template-columns:1fr}.klmp-controls{grid-template-columns:auto 1fr auto}.klmp-volume{grid-column:2/4;justify-self:end}.klmp-volume input{width:90px}}
@media(max-width:650px){.klmp-variants{grid-template-columns:repeat(2,minmax(0,1fr))}.klmp-controls{grid-template-columns:1fr auto;gap:12px}.klmp-transport{grid-column:1/3}.klmp-volume{grid-column:1/3;justify-self:start;width:150px}.klmp-cta{display:block}.klmp-cta .klm-btn{display:inline-flex;margin-top:20px;white-space:normal}}
@media(max-width:650px){.klmp-two-up .klmp-transport{grid-column:1/3;grid-row:1}.klmp-two-up .klmp-seek-label{grid-column:1/3;grid-row:2}.klmp-two-up .klmp-controls output{grid-column:1;grid-row:3}.klmp-two-up .klmp-volume{grid-column:2;grid-row:3;justify-self:end;width:105px}}
@media(max-width:390px){.klmp-variants{grid-template-columns:1fr}.klmp-player{padding:15px}.klmp-two-up .klmp-controls{grid-template-columns:minmax(0,1fr)}.klmp-two-up .klmp-transport{grid-column:1;grid-row:1}.klmp-two-up .klmp-seek-label{grid-column:1;grid-row:2}.klmp-two-up .klmp-controls output{grid-column:1;grid-row:3}.klmp-two-up .klmp-volume{grid-column:1;grid-row:4;justify-self:start;width:min(100%,150px)}}
@media(prefers-reduced-motion:reduce){.klmp-variant{transition:none}.klmp-variant:hover{transform:none}}