@import url('assets/fonts.css');

:root{--kk-dark:#0b1112;--kk-dark-2:#111a1b;--kk-light:#f2f3ef;--kk-paper:#fffef9;--kk-ink:#19312e;--kk-accent:#62bec9;--kk-accent-dark:#2b727a;--kk-muted-dark:#b5c4c0;--kk-muted-light:#556961}
html{scroll-behavior:smooth}body.kk-home-page{margin:0;background:var(--kk-dark);color:#f5f6f1}body.kk-home-page .wp-site-blocks{padding:0}.kk-home{font:400 16px/1.75 Muli,Arial,sans-serif;background:var(--kk-dark);color:#f5f6f1;overflow:hidden}.kk-home *{box-sizing:border-box}.kk-home :where(h1,h2,h3,p,figure,.wp-block-group,.wp-block-buttons,ul){margin:0}.kk-home img{display:block;max-width:100%;height:auto}.kk-home a{color:inherit;text-decoration:none}.kk-home a:hover{text-decoration:underline;text-underline-offset:5px}.kk-home :is(a,button,summary):focus-visible{outline:3px solid var(--kk-accent);outline-offset:5px}.kk-home .kk-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.kk-home h1,.kk-home h2,.kk-home h3{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.06;text-wrap:balance}.kk-home h1{font-size:clamp(58px,7.4vw,98px)}.kk-home h2{font-size:clamp(39px,4.2vw,58px)}.kk-home h3{font-size:28px}.kk-home em{font-style:normal;color:var(--kk-accent-dark)}.kk-home .kk-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--kk-accent-dark)}.kk-home .kk-small{font-size:12px;line-height:1.7}.kk-home .kk-section{padding-block:clamp(70px,8vw,108px)}.kk-home :is(section,main)[id]{scroll-margin-top:30px}

.kk-home :is(.kk-hero,.kk-teacher,.kk-final) :is(em,.kk-eyebrow){color:var(--kk-accent)}

.kk-home .kk-header{background:var(--kk-dark);border-bottom:1px solid #ffffff18}.kk-home .kk-header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:34px}.kk-home .kk-logo{flex:0 0 auto}.kk-home .kk-logo img{width:132px;height:64px;object-fit:contain}.kk-home .kk-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.kk-home .kk-login{border-left:1px solid #ffffff30;padding-left:30px}.kk-home .kk-login span{color:var(--kk-accent);margin-left:7px}

.kk-home .kk-hero>.kk-hero-overlay,.kk-home .kk-hero>.kk-hero-inner,.kk-home .kk-final>.kk-final-overlay,.kk-home .kk-final>.kk-final-content{margin-block-start:0!important}

.kk-home .kk-hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;background:var(--kk-dark)}.kk-home .kk-hero-image{position:absolute;inset:0;z-index:-3}.kk-home .kk-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.kk-home .kk-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b1112fa 0%,#0b1112e7 30%,#0b111275 57%,transparent 86%),linear-gradient(0deg,#0b1112 0%,transparent 30%)}.kk-home .kk-hero-inner{padding-block:72px 90px}.kk-home .kk-hero-copy{max-width:590px}.kk-home .kk-hero h1{margin-top:21px}.kk-home .kk-hero .kk-lead{font-size:17px;line-height:1.8;max-width:400px;color:#c3cfcb;margin-top:25px}.kk-home .wp-block-buttons{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.kk-home .kk-hero .wp-block-buttons{margin-top:29px}.kk-home .kk-hero .kk-small{color:#9eb2ac;margin-top:16px}.kk-home .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:14px 22px;border:1px solid var(--kk-accent);border-radius:3px;background:var(--kk-accent);color:#102b2b;font-size:13px;line-height:1.4;font-weight:700;transition:transform .2s,background .2s}.kk-home .wp-block-button__link:hover{text-decoration:none;transform:translateY(-2px);background:#4eabb6}.kk-home .kk-secondary .wp-block-button__link{background:#0b111280;color:#f4f6f1;border-color:#82918e}.kk-home .kk-secondary .wp-block-button__link:hover{background:#ffffff10}

.kk-home .kk-strip{background:var(--kk-dark);border-block:1px solid #ffffff18}.kk-home .kk-strip-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:25px}.kk-home .kk-strip p{display:flex;gap:16px;align-items:center}.kk-home .kk-strip strong{font:600 31px/1 Oswald,sans-serif;color:var(--kk-accent)}.kk-home .kk-strip span{font-size:11px;line-height:1.65;color:#b9c7c2}

.kk-home .kk-platform{background:var(--kk-light);color:var(--kk-ink)}.kk-home .kk-platform h2{margin-top:13px}.kk-home .kk-platform-intro{max-width:690px;margin-top:17px;color:var(--kk-muted-light);font-size:16px}.kk-home .kk-platform-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,.8fr);gap:52px;align-items:center;margin-top:50px}.kk-home .kk-device-stage{position:relative;width:100%;padding:8px 72px 42px 4px;perspective:1200px;container-type:inline-size}.kk-home .kk-laptop{position:relative;width:100%;aspect-ratio:1600/1134;transform-origin:50% 50%;animation:kk-laptop-tilt 8.5s ease-in-out infinite}.kk-home .kk-device-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;pointer-events:none}.kk-home .kk-laptop-screen{position:absolute;inset:4% 2.8% 11.2%;background:#111a1b;overflow:hidden;border-radius:1%;font-size:1.25cqw;color:#aebecb}.kk-home .kk-demo-bar{height:12%;display:flex;align-items:center;gap:3%;padding:0 4%;border-bottom:1px solid #ffffff16;font-size:.95cqw;letter-spacing:.1em}.kk-home .kk-demo-bar img{height:80%;width:auto}.kk-home .kk-demo-avatar{margin-left:auto;display:grid;place-items:center;width:2.7cqw;height:2.7cqw;background:var(--kk-accent);color:#102526;border-radius:50%;font-weight:700}.kk-home .kk-demo-layout{height:88%;display:grid;grid-template-columns:26% 74%}.kk-home .kk-demo-layout aside{background:#0c1218;padding:12% 8%;display:flex;flex-direction:column;gap:1.25cqw}.kk-home .kk-demo-layout small{font-size:.85cqw;letter-spacing:.06em;color:#8ca09d}.kk-home .kk-demo-layout aside b{font-weight:400;padding:.65cqw}.kk-home .kk-demo-active{background:#62bec91b;color:#c8e6e2;border-left:2px solid var(--kk-accent)}.kk-home .kk-demo-progress{margin-top:auto;font-size:1cqw}.kk-home .kk-demo-progress i{display:block;height:3px;background:linear-gradient(to right,var(--kk-accent) 38%,#35423f 38%);margin-top:1cqw}.kk-home .kk-demo-main{padding:5%}.kk-home .kk-demo-main>strong{display:block;font:600 2.6cqw/1.25 Oswald,sans-serif;color:#f4f3ee;margin:.8cqw 0 1.4cqw}.kk-home .kk-demo-video{height:25cqw;position:relative;background:#080d15;overflow:hidden}.kk-home .kk-demo-video img{width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.82}.kk-home .kk-demo-play{position:absolute;left:46%;top:39%;border:1px solid #ffffffb8;border-radius:50%;padding:.8cqw 1.1cqw;color:#fff;background:#09131d80;font-size:1.5cqw}.kk-home .kk-demo-time{position:absolute;bottom:1.1cqw;left:1cqw;font-size:.8cqw;color:#fff}.kk-home .kk-demo-video i{position:absolute;bottom:.55cqw;left:1cqw;right:1cqw;height:2px;background:linear-gradient(to right,var(--kk-accent) 35%,#ffffff55 35%)}.kk-home .kk-demo-main p{font-size:1.1cqw;color:#9faaa6;margin-top:1.3cqw}.kk-home .kk-phone{position:absolute;right:0;bottom:7%;width:24%;aspect-ratio:700/1403;z-index:5;transform-origin:50% 50%;animation:kk-phone-tilt 8.5s ease-in-out -.6s infinite}.kk-home .kk-phone-screen{position:absolute;inset:2.2% 5.5% 2.5%;background:#10191a;border-radius:8% 8% 9% 9%;overflow:hidden;padding:18% 9% 8%;font-size:1.13cqw;color:#c0d0cb}.kk-home .kk-phone-top{position:absolute;top:5.6%;left:9%;right:9%;display:flex;justify-content:space-between;font-size:.95cqw;color:#eaf0ec}.kk-home .kk-phone-screen small{font-size:.78cqw;color:var(--kk-accent)}.kk-home .kk-phone-screen>strong{display:block;font:600 2.1cqw/1.15 Oswald,sans-serif;color:#f4f4ef;margin:1.1cqw 0}.kk-home .kk-phone-photo{position:relative;height:9.4cqw;overflow:hidden}.kk-home .kk-phone-photo img{width:100%;height:100%;object-fit:cover}.kk-home .kk-phone-photo span{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.kk-home .kk-phone-screen>b{display:block;font-size:.9cqw;margin:1cqw 0}.kk-home .kk-phone-tag{display:block;background:var(--kk-accent);color:#102526;padding:.75cqw;text-align:center;font-size:.72cqw;font-weight:700}.kk-home .kk-learning-steps{display:grid;gap:6px}.kk-home .kk-learning-step{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:20px 17px;border-left:2px solid transparent}.kk-home .kk-learning-step.is-active{border-left-color:var(--kk-accent-dark);background:#e4eae4}.kk-home .kk-learning-step .kk-step-number{font:600 25px/1 Oswald,sans-serif;color:#7a9088}.kk-home .kk-learning-step.is-active .kk-step-number{color:var(--kk-accent-dark)}.kk-home .kk-learning-step h3{font-size:24px}.kk-home .kk-learning-step p:not(.kk-step-number){font-size:13px;line-height:1.7;color:var(--kk-muted-light);margin-top:6px}
@keyframes kk-laptop-tilt{0%,100%{transform:perspective(1100px) rotateX(1.5deg) rotateY(-3deg)}50%{transform:perspective(1100px) rotateX(-1.5deg) rotateY(3deg)}}@keyframes kk-phone-tilt{0%,100%{transform:perspective(850px) rotateX(-1deg) rotateY(4deg) rotateZ(2deg)}50%{transform:perspective(850px) rotateX(2deg) rotateY(-3deg) rotateZ(2deg)}}
.kk-home .kk-device-stage.is-paused :is(.kk-laptop,.kk-phone){animation-play-state:paused}

/* Realistic, self-contained previews of the member dashboard and song library. */
.kk-home .kk-demo-scroll{will-change:transform;transform:translateZ(0)}
.kk-home .kk-laptop-screen{background:#f3f3ee;color:#17302d}
.kk-home .kk-dashboard-demo{position:relative;display:grid;grid-template-columns:18% 82%;min-height:154%;background:#f3f3ee;animation:kk-dashboard-scroll 34s ease-in-out infinite alternate}
.kk-home .kk-dash-sidebar{background:#0a1217;color:#c8d2ce;padding:3.1cqw 1.25cqw 2cqw;display:flex;flex-direction:column;gap:1.45cqw;font-size:.68cqw}.kk-home .kk-dash-sidebar img{width:60%;height:auto;margin:0 auto .15cqw}.kk-home .kk-dash-sidebar>span{text-align:center;font-size:.48cqw;letter-spacing:.16em;color:#61bdc7;margin-bottom:1.2cqw}.kk-home .kk-dash-sidebar b{font-weight:600;padding:.75cqw .7cqw;border-left:2px solid transparent}.kk-home .kk-dash-sidebar b.is-current{background:#163334;border-left-color:var(--kk-accent);color:#fff}
.kk-home .kk-dash-page{min-width:0}.kk-home .kk-dash-top{height:3.7cqw;display:flex;align-items:center;padding:0 3.2cqw;background:#0a1217;color:#f4f4ee;font-size:.58cqw;font-weight:800;letter-spacing:.16em}.kk-home .kk-dash-hero{height:17cqw;padding:4.2cqw 6.5cqw;background:radial-gradient(circle at 80% 30%,#163332,#0a1217 55%);color:#f5f5ef}.kk-home .kk-dash-hero small,.kk-home .kk-dash-continue small{display:block;color:var(--kk-accent);font-size:.58cqw;letter-spacing:.16em;font-weight:800}.kk-home .kk-dash-hero strong{display:block;font:700 3.9cqw/1.05 Oswald,sans-serif;margin-top:1.2cqw}.kk-home .kk-dash-hero p{font-size:.8cqw;color:#adbbb6;margin-top:1.1cqw}.kk-home .kk-dash-body{padding:3cqw 6.5cqw 5cqw}.kk-home .kk-dash-continue{display:grid;grid-template-columns:1.5fr .75fr;gap:2cqw;align-items:center;padding:2.1cqw;background:#f8faf5;border:1px solid #d3ddd4}.kk-home .kk-dash-continue strong{display:block;font:700 1.85cqw/1.15 Oswald,sans-serif;margin:.7cqw 0}.kk-home .kk-dash-continue p{font-size:.7cqw}.kk-home .kk-dash-continue span{display:inline-block;margin-top:1.1cqw;padding:.7cqw 1cqw;background:#287e87;color:#fff;font-size:.58cqw;font-weight:700}.kk-home .kk-dash-continue img{width:100%;aspect-ratio:16/9;object-fit:cover}.kk-home .kk-dash-title{display:flex;justify-content:space-between;align-items:center;margin:2.7cqw 0 1.2cqw}.kk-home .kk-dash-title strong{font:700 1.75cqw/1 Oswald,sans-serif}.kk-home .kk-dash-title span{font-size:.55cqw;color:#287e87}.kk-home .kk-dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1cqw}.kk-home .kk-dash-cards article{background:#fff;border:1px solid #d3ddd4;padding-bottom:1.2cqw}.kk-home .kk-dash-cards img{width:100%;aspect-ratio:16/9;object-fit:cover}.kk-home .kk-dash-cards small{display:block;margin:.85cqw 1cqw .5cqw;color:#287e87;font-size:.55cqw}.kk-home .kk-dash-cards strong{display:block;margin-inline:1cqw;font:700 1.12cqw/1.12 Oswald,sans-serif}
.kk-home .kk-phone-screen{padding:0;background:#f2f3ee;color:#17302d}.kk-home .kk-songs-demo{min-height:260%;background:#f2f3ee;animation:kk-songs-scroll 38s ease-in-out infinite alternate}.kk-home .kk-songs-head{position:relative;padding:3.2cqw 1.25cqw 2.5cqw;background:radial-gradient(circle at 75% 35%,#153331,#091216 60%);color:#f5f5ef}.kk-home .kk-songs-head img{width:28%;height:auto}.kk-home .kk-songs-head>span{position:absolute;top:3.2cqw;right:1.25cqw;padding:.65cqw;border:1px solid #ffffff55;font-size:.55cqw}.kk-home .kk-songs-head small{display:block;margin-top:2.1cqw;color:var(--kk-accent);font-size:.54cqw;letter-spacing:.12em}.kk-home .kk-songs-head strong{display:block;margin-top:.7cqw;font:700 2.3cqw/1 Oswald,sans-serif}.kk-home .kk-songs-head p{margin-top:.9cqw;color:#bdc8c4;font-size:.68cqw;line-height:1.6}.kk-home .kk-songs-body{padding:1.6cqw 1.2cqw 3cqw}.kk-home .kk-songs-filters{display:flex;gap:.45cqw;flex-wrap:wrap;margin-bottom:1.4cqw}.kk-home .kk-songs-filters :is(b,span){padding:.5cqw .7cqw;border:1px solid #cbd5cd;border-radius:3cqw;font-size:.52cqw}.kk-home .kk-songs-filters b{background:#287e87;color:#fff;border-color:#287e87}.kk-home .kk-songs-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7cqw}.kk-home .kk-songs-grid article{position:relative;background:#fff;border:1px solid #d2dbd2;padding-bottom:.9cqw;min-width:0}.kk-home .kk-songs-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.kk-home .kk-songs-grid i{position:absolute;top:.4cqw;left:.35cqw;padding:.32cqw;background:#0a1217e8;color:#fff;font-size:.42cqw;font-style:normal}.kk-home .kk-songs-grid small{display:block;margin:.65cqw .65cqw .35cqw;color:#287e87;font-size:.48cqw;font-weight:800}.kk-home .kk-songs-grid strong{display:block;margin-inline:.65cqw;font:700 .9cqw/1.12 Oswald,sans-serif;overflow-wrap:anywhere}
@keyframes kk-dashboard-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(-34%)}}
@keyframes kk-songs-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(-58%)}}
.kk-home .kk-device-stage.is-paused .kk-demo-scroll{animation-play-state:paused}

.kk-home .kk-teacher{background:var(--kk-dark);color:#f5f6f1}.kk-home .kk-two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,6vw,78px);align-items:center}.kk-home .kk-teacher h2{margin:16px 0 25px}.kk-home .kk-teacher-copy>p:not(.kk-eyebrow){color:var(--kk-muted-dark);margin-top:18px;max-width:48ch}.kk-home .kk-teacher-copy a{color:var(--kk-accent);text-decoration:underline;text-underline-offset:4px}.kk-home .kk-optional-cta{margin-top:28px}.kk-home .kk-optional-cta:empty{display:none}.kk-home .kk-teacher-image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}

.kk-home .kk-starter{background:var(--kk-light);color:var(--kk-ink)}.kk-home .kk-starter h2{margin:15px 0 22px}.kk-home .kk-starter-copy>p:not(.kk-eyebrow,.kk-small){color:var(--kk-muted-light);max-width:43ch}.kk-home .kk-starter-list{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px;color:#304f45;font-size:14px}.kk-home .kk-starter-list li{position:relative;padding-left:24px}.kk-home .kk-starter-list li:before{content:'✓';position:absolute;left:0;color:var(--kk-accent-dark);font-weight:700}.kk-home .kk-starter-copy .kk-small{color:#687b72;margin-top:13px;max-width:55ch}.kk-home .kk-starter-image{position:relative;overflow:hidden;aspect-ratio:.95;background:#10131c;border-radius:5px}.kk-home .kk-starter-image img{position:absolute;max-width:none;width:215%;height:auto;right:-1%;top:0}.kk-home .kk-equipment-callout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,6vw,80px);align-items:center;margin-top:75px;padding-top:60px;border-top:1px solid #cad6c9}.kk-home .kk-pad-image img{width:100%;height:auto;object-fit:contain}.kk-home .kk-equipment-callout h3{font-size:clamp(38px,4vw,50px);margin:15px 0 22px}.kk-home .kk-equipment-callout>div>p:not(.kk-eyebrow){color:var(--kk-muted-light);max-width:43ch}.kk-home .kk-equipment-callout .kk-small{margin-top:14px}

.kk-home .kk-pricing{background:var(--kk-light);color:var(--kk-ink);border-top:1px solid #d3ddd1}.kk-home .kk-pricing-title{text-align:center}.kk-home .kk-pricing-title h2{margin:14px 0}.kk-home .kk-pricing-title>p:last-child{color:var(--kk-muted-light)}.kk-home .kk-trial{max-width:840px;margin:42px auto 35px;padding:28px 31px;display:flex;justify-content:space-between;align-items:center;gap:28px;background:#e2ebe2;border-left:3px solid var(--kk-accent-dark)}.kk-home .kk-trial strong{font:600 40px/1.1 Oswald,sans-serif;color:var(--kk-accent-dark)}.kk-home .kk-trial p{max-width:310px;color:#405e4c;font-size:14px}.kk-home .kk-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:840px;margin-inline:auto}.kk-home .kk-price-card{position:relative;display:flex;flex-direction:column;padding:32px;background:var(--kk-paper);border:1px solid #d0dbce;border-radius:5px}.kk-home .kk-price-card.kk-annual{background:#e8efe9;border:2px solid var(--kk-accent-dark);padding:31px}.kk-home .kk-saving{position:absolute;top:-14px;right:20px;padding:7px 13px;border-radius:3px;background:var(--kk-accent-dark);color:#fff;font-size:11px;font-weight:700}.kk-home .kk-price{display:flex;align-items:end;gap:7px;margin-top:20px}.kk-home .kk-price strong{font:600 54px/1 Oswald,sans-serif;color:var(--kk-ink)}.kk-home .kk-price span{font-size:12px;color:var(--kk-muted-light);padding-bottom:7px}.kk-home .kk-billing{font-size:13px;line-height:1.75;color:var(--kk-muted-light);margin-top:13px}.kk-home .kk-price-card ul{list-style:none;padding:22px 0 0;margin:20px 0 27px;border-top:1px solid #ccd8cc;display:grid;gap:13px;color:#355648;font-size:13px}.kk-home .kk-price-card li{position:relative;padding-left:23px}.kk-home .kk-price-card li:before{content:'✓';position:absolute;left:0;color:var(--kk-accent-dark);font-weight:700}.kk-home .kk-plan-button{width:100%;min-height:48px;margin-top:auto;border:1px solid var(--kk-accent-dark);border-radius:3px;background:transparent;color:var(--kk-accent-dark);font:700 13px Muli,sans-serif}.kk-home .kk-annual .kk-plan-button{background:var(--kk-accent-dark);color:#fff;border-color:var(--kk-accent-dark)}.kk-home .kk-plan-button:disabled{opacity:1;cursor:not-allowed}.kk-home .kk-checkout-status{text-align:center;color:#697d72;margin-top:19px}

.kk-home .kk-faq{background:var(--kk-light);color:var(--kk-ink);padding-top:0}.kk-home .kk-faq>.kk-wrap{max-width:840px}.kk-home .kk-faq h2{margin:15px 0 30px}.kk-home .wp-block-details{border-top:1px solid #ccd8ca}.kk-home .wp-block-details:last-child{border-bottom:1px solid #ccd8ca}.kk-home summary{position:relative;list-style:none;cursor:pointer;padding:20px 38px 20px 0;min-height:66px;font-size:15px;line-height:1.65;font-weight:700}.kk-home summary::-webkit-details-marker{display:none}.kk-home summary:after{content:'+';position:absolute;right:3px;top:14px;color:var(--kk-accent-dark);font-size:25px;font-weight:400}.kk-home details[open] summary:after{content:'−'}.kk-home details>p{max-width:660px;padding:0 38px 18px 0;color:var(--kk-muted-light);font-size:14px}.kk-home details>p+p{padding-top:0}.kk-home details a{color:var(--kk-accent-dark);text-decoration:underline;text-underline-offset:4px}

.kk-home .kk-final{position:relative;isolation:isolate;text-align:center;padding-block:clamp(75px,9vw,115px);background:var(--kk-dark);overflow:hidden}.kk-home .kk-final-image{position:absolute;inset:0;z-index:-3}.kk-home .kk-final-image img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.kk-home .kk-final-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071011dc,#071011b8),linear-gradient(0deg,#0b1112c9,transparent 48%,#0b111266)}.kk-home .kk-final-content{max-width:800px}.kk-home .kk-final h2{font-size:clamp(48px,6vw,72px)}.kk-home .kk-final p{max-width:610px;margin:22px auto 30px;color:#d2dcd7}.kk-home .kk-final .wp-block-buttons{justify-content:center}

.kk-home .kk-footer{padding-block:35px 25px;background:var(--kk-dark);border-top:1px solid #ffffff18}.kk-home .kk-footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.kk-home .kk-footer .kk-logo img{width:120px;height:56px}.kk-home .kk-footer p{font-size:12px;color:#8fa59c;margin-top:7px}.kk-home .kk-footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;padding-top:12px}.kk-home .kk-footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:20px;margin-top:24px;border-top:1px solid #ffffff11;color:#81988d;font-size:11px}.kk-home .kk-footer-bottom a+a{margin-left:20px}.kk-skip{position:absolute;top:-100px;left:20px;z-index:100000;background:#fff;color:#111;padding:12px 20px}.kk-skip:focus{top:20px}

body.kk-modal-open{overflow:hidden}.kk-video-modal{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:24px;opacity:1;visibility:visible;transition:opacity .2s,visibility .2s}.kk-video-modal[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none}.kk-video-modal-backdrop{position:absolute;inset:0;background:#050a0be8;backdrop-filter:blur(5px)}.kk-video-modal-dialog{position:relative;width:min(960px,100%);padding:54px 18px 18px}.kk-video-modal-close{position:absolute;top:0;right:0;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;background:#0b1112;color:#fff;font:300 30px/1 Arial,sans-serif;cursor:pointer}.kk-video-modal-close:hover{background:#ffffff18}.kk-video-modal-frame{position:relative;display:grid;place-items:center;align-content:center;gap:14px;width:100%;aspect-ratio:16/9;padding:30px;background:radial-gradient(circle at 70% 25%,#62bec928,transparent 32%),linear-gradient(145deg,#132728,#080d0e);border:1px solid #ffffff26;border-radius:5px;color:#f5f6f1;text-align:center;box-shadow:0 30px 90px #0008}.kk-video-modal-frame h2{margin:0;font:700 clamp(28px,4vw,48px)/1.08 Oswald,'Arial Narrow',sans-serif}.kk-video-modal-frame p{margin:0;color:#aebfba}.kk-video-modal-play{display:grid;place-items:center;width:74px;height:74px;padding-left:5px;border-radius:50%;background:var(--kk-accent);color:#102b2b;font-size:25px;box-shadow:0 0 0 12px #62bec912}

@media(max-width:960px){.kk-home .kk-wrap{width:min(1200px,calc(100% - 56px))}.kk-home .kk-nav{gap:20px}.kk-home .kk-login{padding-left:20px}.kk-home .kk-platform-grid{grid-template-columns:1.45fr .8fr;gap:25px}.kk-home .kk-device-stage{padding-right:50px}.kk-home .kk-two-col{gap:42px}.kk-home .kk-starter-image{aspect-ratio:.8}}
@media(max-width:700px){.kk-home .kk-wrap{width:calc(100% - 40px)}.kk-home .kk-header-inner{min-height:86px;flex-wrap:wrap;padding-block:11px 15px}.kk-home .kk-logo img{width:106px;height:50px}.kk-home .kk-nav{gap:15px;font-size:11px;flex-wrap:wrap}.kk-home .kk-login{padding-left:0;border:0}.kk-home .kk-hero{min-height:620px;align-items:flex-start}.kk-home .kk-hero-inner{padding-block:55px 100px}.kk-home .kk-hero-image img{object-position:62% center}.kk-home .kk-hero-overlay{background:linear-gradient(90deg,#0b1112f2,#0b111286 62%,#0b11122b),linear-gradient(0deg,#0b1112,transparent 42%)}.kk-home .kk-hero h1{font-size:clamp(54px,15vw,70px)}.kk-home .kk-hero .kk-lead{font-size:15px;max-width:330px}.kk-home .kk-strip-inner{grid-template-columns:1fr;gap:17px}.kk-home .kk-strip p{gap:13px}.kk-home .kk-strip strong{min-width:50px}.kk-home .kk-section{padding-block:58px}.kk-home .kk-platform-grid{grid-template-columns:1fr;gap:25px;margin-top:34px}.kk-home .kk-device-stage{padding:0 35px 25px 0}.kk-home .kk-learning-step{grid-template-columns:34px 1fr;padding:17px 13px}.kk-home .kk-two-col{grid-template-columns:1fr;gap:30px}.kk-home .kk-teacher-image{grid-row:2}.kk-home .kk-starter-image{aspect-ratio:.9;max-width:420px;width:100%;margin-inline:auto}.kk-home .kk-equipment-callout{grid-template-columns:1fr;gap:22px;margin-top:48px;padding-top:38px}.kk-home .kk-pad-image{max-width:420px;margin-inline:auto}.kk-home .kk-trial{display:block;padding:25px;margin-top:31px}.kk-home .kk-trial strong{font-size:36px}.kk-home .kk-trial p{margin-top:13px;max-width:none}.kk-home .kk-price-grid{grid-template-columns:1fr;gap:26px}.kk-home .kk-price-card,.kk-home .kk-price-card.kk-annual{padding:26px}.kk-home .kk-final .wp-block-button,.kk-home .kk-final .wp-block-button__link{width:100%;max-width:340px}.kk-home .kk-footer-inner{display:block}.kk-home .kk-footer nav{margin-top:18px}.kk-home .kk-footer-bottom{flex-wrap:wrap}.kk-home summary{font-size:14px}}
@media(max-width:390px){.kk-home .kk-wrap{width:calc(100% - 32px)}.kk-home .kk-nav{gap:12px}.kk-home .kk-nav a:nth-child(2),.kk-home .kk-nav a:nth-child(4){display:none}.kk-home .kk-phone{width:27%}.kk-home .kk-platform-intro{font-size:14px}.kk-home .kk-price strong{font-size:48px}.kk-home .kk-footer nav{gap:17px}}
@media(max-width:700px){.kk-video-modal{padding:12px}.kk-video-modal-dialog{padding:48px 0 0}.kk-video-modal-frame{padding:20px}.kk-video-modal-play{width:58px;height:58px;font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kk-home *{animation:none!important;transition:none!important}}

/* Keep the editor readable while preserving the public composition. */
.block-editor-block-list__layout .kk-home .kk-optional-cta:empty{display:flex;min-height:48px;border:1px dashed var(--kk-accent);border-radius:3px}
.block-editor-block-list__layout .kk-home .kk-hero-image,.block-editor-block-list__layout .kk-home .kk-final-image{position:relative;height:280px;z-index:0}.block-editor-block-list__layout .kk-home .kk-hero-overlay,.block-editor-block-list__layout .kk-home .kk-final-overlay{display:none}.block-editor-block-list__layout .kk-home .kk-hero{display:block;min-height:0}.block-editor-block-list__layout .kk-home .kk-hero-inner{padding-block:30px}.block-editor-block-list__layout .kk-home .kk-hero-copy{max-width:none}.block-editor-block-list__layout .kk-home .kk-final{padding-block:30px}.block-editor-block-list__layout .kk-home .kk-final-content{max-width:1200px;text-align:left}.block-editor-block-list__layout .kk-home .kk-final .wp-block-buttons{justify-content:flex-start}
.kk-home a.kk-plan-button{display:grid;place-items:center;text-decoration:none}


/* Keep the preview within the top 20% and give every course image a stable box. */
@keyframes kk-dashboard-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(-20%)}}
@keyframes kk-songs-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(-20%)}}
.kk-home .kk-dash-cards img{height:7.9cqw;object-fit:cover}

.kk-home .kk-songs-grid img{height:9.2cqw;object-fit:cover}

.kk-home .kk-demo-scroll img{transform:translateZ(0);backface-visibility:hidden;content-visibility:visible}

/* Phone preview: scroll only over actual content, with a 20% maximum. */
.kk-home .kk-songs-demo{min-height:100%;--kk-preview-screen:45.84cqw}
@media(max-width:390px){.kk-home .kk-songs-demo{--kk-preview-screen:51.57cqw}}
@keyframes kk-songs-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(min(0px,max(-20%,calc(var(--kk-preview-screen) - 100%))))}}
.kk-home .kk-songs-grid article:nth-child(n+5)::before{content:"";display:block;width:100%;aspect-ratio:1;background-position:center;background-size:cover}
.kk-home .kk-songs-grid article:nth-child(n+5)>img{display:none}
.kk-home .kk-songs-grid article:nth-child(5)::before{background-image:url("https://kyttekool.ee/wp-content/uploads/2026/09/Memphis-May-Fire-Overdose-feat.-Blindside-Large-640×640.jpg")}
.kk-home .kk-songs-grid article:nth-child(6)::before{background-image:url("https://kyttekool.ee/wp-content/uploads/2026/09/mgk-papercuts-Large-640×640.jpg")}
/* Launch audit: readable light-section CTA and complete mobile navigation. */
.kk-home .kk-starter .wp-block-button__link{background:var(--kk-accent-dark);border-color:var(--kk-accent-dark);color:#fff}
.kk-home .kk-starter .wp-block-button__link:hover{background:#225e65;border-color:#225e65}
@media(max-width:700px){.kk-home .kk-header .kk-nav{width:100%;gap:10px 16px;font-size:12px}.kk-home .kk-header .kk-nav a:nth-child(n){display:inline-flex;align-items:center;min-height:40px}}
/* Small consent text needs normal-text contrast on the light background. */
.kk-home .kk-starter .kk-small{color:var(--kk-muted-light)}