/*
Theme Name: kelasbisnis Theme
Version: 0.5.0
Requires PHP: 7.4
*/
*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,sans-serif;color:#20242c}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:auto;padding:0 24px}.header{background:white;border-bottom:1px solid #eee;position:sticky;top:0}.header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}.logo{font-size:23px;font-weight:800}.nav{display:flex;gap:20px;align-items:center}.btn{display:inline-block;background:#191d25;color:white;border-radius:40px;padding:12px 26px;font-weight:600}.hero{text-align:center;padding:100px 0}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.15;margin:25px auto;max-width:850px}.lead{color:#7b8491;font-size:22px;max-width:760px;margin:0 auto 30px}.tag{background:#eaf7ff;color:#008bc6;padding:5px 17px;border-radius:20px}.section{padding:75px 0}.alt{background:#f6f7f9}.center{text-align:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{padding:26px;background:white;border:1px solid #e5e6e9;border-radius:24px;box-shadow:0 7px 25px #00000008}.muted{color:#7b8491}.section h2{font-size:38px;line-height:1.2}.faq details{padding:20px 0;border-bottom:1px solid #ddd}.faq summary{cursor:pointer;font-weight:600}.footer{background:#191d25;color:white;padding:30px 0}.content{min-height:55vh;padding:55px 24px}.toggle{display:none}@media(max-width:720px){.grid{grid-template-columns:1fr}.nav{display:none}.nav.open{display:flex;position:absolute;top:65px;left:0;right:0;background:white;flex-direction:column;padding:25px;box-shadow:0 12px 20px #0001}.toggle{display:block;border:0;background:white;font-size:26px}.hero{padding:75px 0}.section{padding:55px 0}}

:root{--kb-navy:#17263C;--kb-blue:#2563EB}.logo img{display:block;width:min(220px,48vw);height:auto}.kb-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.kb-footer-logo{width:200px;max-width:55vw;height:auto}.footer{background:#17263C}.tag{background:#edf4ff;color:#2563EB}.btn{background:#17263C}.btn:hover{background:#2563EB}@media(max-width:720px){.kb-footer-inner{justify-content:center;text-align:center}.logo img{width:min(180px,45vw)}}
/* kelasbisnis v0.4.0 */
.kb-hero,.kb-final{background:#17263C;color:#fff}.kb-hero .wrap{padding-top:90px;padding-bottom:90px}.kb-eyebrow{color:#93C5FD;font-size:12px;font-weight:800;letter-spacing:.08em}.kb-hero h1{font-size:clamp(38px,6vw,65px);letter-spacing:-.04em;line-height:1.13;max-width:850px;margin:20px 0}.kb-hero h2{font-size:clamp(24px,4vw,38px);line-height:1.2;color:#93C5FD;max-width:780px}.kb-hero p,.kb-final p{color:#CBD5E1;font-size:18px;max-width:760px}.kb-hero small{color:#CBD5E1}.kb-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.kb-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:40px;font-size:14px;font-weight:700}.kb-blue{background:#2563EB;color:white}.kb-dark{background:#17263C;color:white}.kb-outline{border:1px solid #73859b;color:white}.kb-label{color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.08em}.kb-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.kb-benefit{border:1px solid #e5e7eb;border-radius:20px;padding:22px;display:flex;gap:14px}.kb-benefit>b{color:#2563EB}.kb-benefit h3,.kb-step h3{margin:0 0 8px}.kb-benefit p,.kb-step p{color:#667085;font-size:15px;margin:0}.kb-course{display:flex;flex-direction:column;gap:12px}.kb-course h3{font-size:23px;line-height:1.3;margin:0}.kb-course>p{font-size:15px;color:#667085;flex:1;margin:0}.kb-icon{display:flex;align-items:center;justify-content:center;background:#eaf1ff;color:#2563EB;border-radius:15px;width:64px;height:64px}.kb-icon .dashicons{font-size:30px;width:30px;height:30px}.kb-course-foot{border-top:1px solid #e5e7eb;padding-top:20px;display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.kb-course-foot small{display:block;color:#667085}.kb-course-foot strong{display:block;font-size:22px}.kb-growing{background:#edf4ff}.kb-growing p{max-width:760px}.kb-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.kb-step{border:1px solid #e5e7eb;border-radius:18px;padding:22px;display:flex;gap:18px}.kb-step>strong{color:#2563EB;font-size:23px}.kb-narrow{max-width:850px}.kb-faq{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:18px 22px;margin:12px 0}.kb-faq summary{cursor:pointer;font-weight:700}.kb-faq p{color:#667085}.kb-final{text-align:center;padding:70px 0}.kb-final h2{font-size:clamp(30px,4vw,48px);line-height:1.18}.kb-final p{margin:20px auto}.kb-contact{font-size:13px!important}.header{z-index:100}@media(max-width:850px){.kb-benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.kb-benefits,.kb-steps{grid-template-columns:1fr}.kb-hero .wrap{padding-top:65px;padding-bottom:65px}.kb-actions{flex-direction:column}.kb-course-foot .kb-button,.kb-actions .kb-button{width:100%}}

/* v0.5.0 */
.kb-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kb-benefit{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:28px 18px;min-height:240px}.kb-benefit-icon,.kb-step-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf1ff;color:#2563eb;flex-shrink:0}.kb-benefit-icon{font-size:30px;font-weight:300}.kb-benefit h3{margin:0;font-size:19px;line-height:1.35}.kb-benefit p{margin:0}
.kb-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kb-step{border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.kb-step:not(:last-child):after{content:'';position:absolute;top:30px;left:calc(50% + 38px);width:calc(100% - 58px);height:2px;background:#c7d8ff}.kb-step-icon{position:relative;z-index:1}.kb-step-card{border:1px solid #e5e7eb;border-radius:20px;padding:20px;width:100%;height:100%;background:white}.kb-step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kb-step-top h3{font-size:18px}.kb-step-top strong{color:#2563eb}.kb-step p{line-height:1.65}
@media(max-width:850px){.kb-benefits,.kb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-step:after{display:none}}
@media(max-width:720px){.kb-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kb-benefit{padding:20px 12px;min-height:215px}.kb-benefit h3{font-size:16px}.kb-benefit p{font-size:13px}.kb-steps{grid-template-columns:1fr;gap:0}.kb-step{flex-direction:row;align-items:stretch;gap:14px;padding-bottom:18px}.kb-step:not(:last-child):before{content:'';position:absolute;left:31px;top:64px;bottom:0;width:2px;background:#c7d8ff}.kb-step-card{flex:1;height:auto;padding:18px}.nav.open{top:100%;padding:10px 24px 20px;gap:0;align-items:stretch}.nav.open a:not(.btn){padding:10px 8px;border-bottom:1px solid #eee}.nav.open .btn{text-align:center;margin-top:12px}.toggle{cursor:pointer}}
@media(max-width:370px){.kb-benefits{grid-template-columns:1fr}.kb-benefit{min-height:0}}