.khv-section{background:#f4eff8;padding:65px 0;scroll-margin-top:110px}
.khv-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:55px}
.khv-copy{max-width:400px;min-width:0}
body.klevr-modern .khv-copy h2{color:#32134d;font-size:clamp(32px,3.3vw,45px);line-height:1.12;letter-spacing:-.045em;font-weight:720;margin:0 0 20px}
body.klevr-modern .khv-copy>p{color:#75637f;font-size:15px;line-height:1.85;margin:0 0 28px}
.khv-links{display:flex;align-items:center;flex-wrap:wrap;gap:15px 23px}
.khv-links a{display:inline-flex;align-items:center;gap:12px;color:#4c2467;font-size:12px;line-height:1.8;font-weight:700;text-decoration:none}
.khv-links .khv-build{background:#36115e;color:#fff;border-radius:99px;min-height:47px;padding:0 23px}
.khv-links a svg{width:17px;height:17px}
.khv-links a:hover{text-decoration:underline;text-underline-offset:4px}
.khv-links .khv-build:hover{background:#502473;text-decoration:none}
.khv-player-column{min-width:0}
.khv-deck{display:grid;gap:12px}
.khv-hand{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;isolation:isolate;padding:36px 32px 32px;width:100%;max-width:680px;margin:0 auto}
.khv-card-native{grid-row:1;position:relative;min-width:0;padding:5px;background:#fff;border:1px solid #e8dfed;border-radius:23px;box-shadow:0 22px 35px -16px #32134d55,0 3px 8px #32134d0d;transform-origin:50% 80%}
.khv-card-native:nth-child(1){grid-column:1 / span 3;transform:translateY(17px) rotate(-8deg);z-index:1}
.khv-card-native:nth-child(2){grid-column:3 / span 3;transform:translateY(-9px);z-index:3}
.khv-card-native:nth-child(3){grid-column:5 / span 3;transform:translateY(17px) rotate(8deg);z-index:2}
.khv-hand[data-hand-count="2"]{max-width:490px}
.khv-hand[data-hand-count="2"] .khv-card-native:nth-child(1){grid-column:1 / span 4;transform:translateY(12px) rotate(-7deg)}
.khv-hand[data-hand-count="2"] .khv-card-native:nth-child(2){grid-column:4 / span 4;transform:translateY(-5px) rotate(7deg)}
.khv-hand[data-hand-count="1"]{max-width:332px;grid-template-columns:1fr;padding:24px 22px}
.khv-hand[data-hand-count="1"] .khv-card-native{grid-column:1;transform:rotate(-3deg)}
.khv-stage{position:relative;background:#17121d;width:100%;aspect-ratio:9/16}
.khv-card-native .khv-stage{overflow:hidden;border-radius:17px}
.khv-stage>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.khv-stage>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.khv-landscape .khv-stage{aspect-ratio:16/9}
/* YouTube is upright and fully exposed: no overlapping card, crop, overlay or click blocker. */
.khv-youtube-card{position:relative;width:100%;max-width:292px;margin:22px auto 0;box-shadow:0 20px 32px -15px #32134d40}
.khv-youtube-card .khv-stage{min-width:200px;min-height:200px;overflow:visible}
.khv-landscape .khv-youtube-card{max-width:520px}
.khv-stage>iframe,.khv-youtube-host{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;min-height:200px;min-width:200px}
.khv-playback{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;max-width:470px;margin:21px auto 0}
.khv-muted{font-size:10px;color:#856b96;line-height:1.8}
.khv-buttons{display:flex;align-items:center;gap:9px}
.khv-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;border:1px solid #dfd3e8;background:transparent;color:#54316a;border-radius:99px;cursor:pointer;padding:5px;font:inherit;font-size:11px;font-weight:650;line-height:1.5}
.khv-buttons button[hidden],.khv-count[hidden]{display:none}
.khv-buttons .khv-motion{padding:5px 17px;min-width:112px}
.khv-buttons button:hover{border-color:#9066a7;background:#fff9}
.khv-buttons button svg{width:15px;height:15px}
.khv-buttons [data-video-previous] svg{transform:rotate(180deg)}
.khv-count{font-size:10px;color:#866d95;font-variant-numeric:tabular-nums;white-space:nowrap}
.khv-status{font-size:11px;line-height:1.7;color:#795a8b;max-width:470px;margin:10px auto 0;min-height:0}
.khv-status:empty{display:none}
.khv-section :is(a,button):focus-visible{outline:3px solid #8fa641;outline-offset:4px}
@media(max-width:1050px){.khv-grid{gap:28px;grid-template-columns:.8fr 1.2fr}.khv-hand{padding-inline:24px}.khv-card-native{padding:4px;border-radius:20px}.khv-card-native .khv-stage{border-radius:15px}}
@media(max-width:760px){
 .khv-section{padding:43px 0;scroll-margin-top:92px}
 .khv-grid{grid-template-columns:1fr;gap:20px}
 body.klevr-modern .khv-copy h2{font-size:32px;margin-bottom:16px}
 body.klevr-modern .khv-copy>p{font-size:13px;margin-bottom:23px}
 .khv-copy{max-width:470px}
 .khv-hand{max-width:490px;padding:30px 19px 26px}
 .khv-hand[data-hand-count="2"]{max-width:390px}
 .khv-card-native{padding:3px;border-radius:16px;box-shadow:0 17px 25px -13px #32134d55,0 2px 5px #32134d0d}
 .khv-card-native .khv-stage{border-radius:12px}
 .khv-card-native:nth-child(1),.khv-card-native:nth-child(3){transform:translateY(11px) rotate(-7deg)}
 .khv-card-native:nth-child(3){transform:translateY(11px) rotate(7deg)}
 .khv-card-native:nth-child(2){transform:translateY(-5px)}
 .khv-playback{gap:8px 15px;max-width:390px;margin-top:18px}
 .khv-buttons{gap:5px}
 .khv-buttons button{min-height:44px;min-width:40px}
 .khv-buttons .khv-motion{min-width:102px;padding:5px 11px}
 .khv-muted{font-size:9px}
}