:root{
  --navy:#0b2d4a;--navy-deep:#08233a;--navy-mid:#164c75;--blue:#1f84bd;--blue-2:#36a7d8;
  --sky:#dfeef7;--pale:#f2f7fb;--ink:#08263d;--muted:#71818d;--line:#d7e3eb;--white:#fff;--peach:#ffeadb;--brand-yellow:#ffed00;
  --radius:9px;--container:1360px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(var(--container),calc(100% - 64px));margin:auto}.narrow{max-width:980px}
.site-header{height:75px;background:#fff;display:flex;align-items:center;border-bottom:1px solid rgba(8,38,61,.06);position:relative;z-index:50}.header-inner{display:flex;align-items:center;gap:36px;height:100%}.brand{font-size:20px;letter-spacing:-.045em;white-space:nowrap;display:inline-flex;align-items:baseline}.brand-work{font-weight:800;color:var(--navy)}.brand-again{font-weight:400;color:var(--brand-yellow)}.custom-logo{max-height:35px;width:auto}.primary-nav{margin-left:auto}.primary-nav ul{list-style:none;display:flex;gap:35px;margin:0;padding:0;align-items:center}.primary-nav a{font-size:13px;font-weight:650;letter-spacing:-.01em}.header-cta{border:1px solid var(--navy);padding:10px 20px;border-radius:999px;font-size:12px;font-weight:700;min-width:108px;text-align:center}.nav-toggle{display:none;background:transparent;border:0;margin-left:auto}.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:6px}
.hero{background:linear-gradient(100deg,#0b2d4a 0%,#0a3558 68%,#0c3d65 100%);color:#fff;overflow:hidden}.hero-slider{position:relative;height:526px}.hero-slide{display:none;height:526px}.hero-slide.is-active{display:block}.hero-grid{height:526px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px}.hero-copy{max-width:650px;padding:0 0 4px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:15px;text-transform:uppercase}.eyebrow.light{color:#dbe8f0}.hero h1,.content-hero h1{font-size:60px;line-height:.99;letter-spacing:-.057em;margin:0 0 21px;max-width:690px;font-weight:500}.hero p{font-size:15px;line-height:1.55;max-width:570px;color:#e4edf3;margin:0 0 29px}.hero-actions{display:flex;gap:22px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:5px;font-size:12px;font-weight:750;line-height:1.2}.btn-light{background:#fff;color:var(--navy)}.btn-primary,.btn-accent{background:#1f7eb6;color:#fff}.hero-secondary{font-size:12px;font-weight:650;color:#fff}.hero-secondary span{font-size:16px;margin-left:6px}.hero-art{height:390px;position:relative;align-self:center}.hero-ring{position:absolute;border-radius:50%;border-style:solid}.hero-ring-main{width:244px;height:244px;right:118px;top:35px;border-width:40px;border-color:rgba(90,174,222,.72);z-index:1}.hero-ring-corner{width:154px;height:154px;left:23px;bottom:-107px;border-width:33px;border-color:rgba(71,149,198,.46)}.hero-panel{position:absolute;right:87px;top:81px;width:189px;height:234px;border-radius:10px;background:linear-gradient(180deg,#1e638e 0%,#1c75a7 100%);box-shadow:0 28px 58px rgba(0,0,0,.10);z-index:2}.hero-kl{position:absolute;width:109px;height:109px;border-radius:50%;background:#071f34;left:39px;top:13px;display:grid;place-items:center;font-size:26px;font-weight:800;letter-spacing:.02em}.hero-badge{position:absolute;right:5px;top:34px;background:#fff;color:var(--ink);padding:11px 13px;border-radius:7px;min-width:176px;box-shadow:0 10px 30px rgba(0,0,0,.13);display:flex;gap:10px;align-items:center;z-index:5}.hero-badge-icon{width:29px;height:29px;border-radius:50%;background:#e8f3f9;color:#1673aa;display:grid;place-items:center;font-size:12px}.hero-badge b{display:block;font-size:10px;line-height:1.2}.hero-badge small{display:block;font-size:8px;color:#7a8b96;margin-top:3px}.hero-progress-card{position:absolute;left:44px;bottom:42px;background:#fff;color:var(--ink);width:263px;padding:21px 22px 18px;border-radius:7px;box-shadow:0 18px 42px rgba(0,0,0,.15);z-index:6}.hero-progress-card small{display:block;color:#768895;font-size:8px;letter-spacing:.08em;margin-bottom:7px}.hero-progress-card strong{display:block;font-size:13px;margin-bottom:12px}.progress-track{display:block;height:4px;background:#e5edf2;border-radius:4px;overflow:hidden;margin-bottom:9px}.progress-track i{display:block;height:100%;background:#1e79b0}.hero-progress-card em{font-style:normal;color:#7b8c96;font-size:8px}.hero-custom-image{height:100%;width:100%;object-fit:contain}.hero-dots{position:absolute;bottom:24px;right:max(calc((100% - var(--container))/2),32px);display:flex;gap:9px;z-index:10}.hero-dots button{width:21px;height:6px;border:0;border-radius:999px;background:rgba(255,255,255,.28);padding:0;cursor:pointer}.hero-dots button.is-active{background:#fff}
.quick-nav{border-bottom:1px solid var(--line);background:#fff}.quick-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:31px}.quick-note{font-size:9px;color:#87959f;display:flex;align-items:center;gap:9px}.quick-note span{font-size:10px}.quick-links{display:flex;gap:40px}.quick-links a{font-size:10px;font-weight:650;display:flex;gap:8px;align-items:center}.quick-links span{font-size:10px;color:#405b6c}
.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:26px}.section h2,.growth-section h2,.coach-section h2{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:500}.section-link{font-size:10px;font-weight:700;border-bottom:1px solid #8fa5b4;padding-bottom:3px}.section-link span{padding-left:5px}
.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.learning-card{border:1px solid #b9cbd7;border-radius:8px;overflow:hidden;background:#fff}.learning-cover{height:228px;background:#d9e9f4;display:grid;place-items:center;position:relative;overflow:hidden}.learning-cover img{width:100%;height:100%;object-fit:cover}.card-number{position:absolute;top:16px;left:17px;font-size:10px;font-weight:600;color:#2a5068}.cover-monogram{background:linear-gradient(145deg,#0d3152,#0f5792);color:#fff;font-size:27px;font-weight:800;width:202px;height:109px;display:grid;place-items:center;transform:translateY(34px) rotate(-2deg);box-shadow:0 10px 23px rgba(0,0,0,.12);border:4px solid #fff}.learning-card:nth-child(2) .cover-monogram{background:linear-gradient(145deg,#135d9a,#146fab)}.learning-card:nth-child(3) .cover-monogram{background:linear-gradient(145deg,#103b68,#2c7bad)}.learning-body{padding:17px 20px 16px}.pill{font-size:7px;color:#3178a3;background:#edf6fb;border-radius:3px;padding:3px 5px;display:inline-block;letter-spacing:.05em}.learning-body h3{font-size:16px;margin:8px 0 5px;font-weight:650}.learning-body p,.growth-card p,.article-card p,.coach-card p{color:var(--muted);font-size:10px;line-height:1.5}.learning-body p{margin:0}.card-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:14px;font-size:8px;color:#83939d}.card-meta a{color:#236d9a;font-weight:700}
.growth-section{background:var(--pale);padding-top:60px;padding-bottom:62px}.growth-section h2{margin-bottom:24px}.growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.growth-card{background:#fff;border:1px solid #e6edf1;border-radius:7px;padding:19px;min-height:178px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.growth-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(12,45,74,.07)}.icon-tile{width:33px;height:33px;background:var(--peach);color:#c86d3f;border-radius:5px;display:grid;place-items:center;margin-bottom:14px;font-size:12px}.growth-card:nth-child(2) .icon-tile{background:#d9f4e8;color:#28755a}.growth-card:nth-child(3) .icon-tile{background:#e8ddff;color:#7053b8}.growth-card:nth-child(4) .icon-tile{background:#ffe5d4;color:#c46b3f}.growth-card:nth-child(5) .icon-tile{background:#dceeff;color:#3674a9}.growth-card:nth-child(6) .icon-tile{background:#ffe0e4;color:#b85062}.growth-card h3{font-size:13px;margin:0 0 5px;font-weight:650}.growth-card p{margin:0;max-width:310px}.read-more{font-size:8.5px;font-weight:700;margin-top:auto;padding-top:12px}
.coach-section{background:#fff;padding-top:74px;padding-bottom:78px}.coach-head{text-align:center;margin-bottom:36px}.coach-head .eyebrow{color:#1c69a0}.coach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;max-width:1060px;margin:0 auto}.coach-card{text-align:center}.coach-photo-wrap{width:220px;height:220px;margin:0 auto 21px;border-radius:50%;padding:10px;background:#fff;box-shadow:0 0 0 1px #e0e7ed,0 14px 38px rgba(12,45,74,.10)}.coach-photo{width:100%;height:100%;border-radius:50%;object-fit:cover}.coach-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,#f7fbfd 0 21%,transparent 22%),linear-gradient(145deg,#dceaf3,#b8d4e5);position:relative;overflow:hidden}.coach-placeholder:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#d7a47c;top:40px}.coach-placeholder:after{content:"";position:absolute;width:130px;height:92px;border-radius:60px 60px 0 0;background:#123a5d;bottom:0}.coach-placeholder span{position:absolute;z-index:3;bottom:20px;color:#fff;font-weight:800;font-size:18px;letter-spacing:.05em}.coach-card h3{font-size:17px;margin:0 0 5px}.coach-role{font-size:10px;color:#315c78;margin-bottom:6px}.coach-card p{margin:0 auto;max-width:260px}
.steps-section{padding-top:66px;padding-bottom:66px;background:#fbfdfe}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid #dbe5eb;border-radius:8px;overflow:hidden;background:#fff}.article-thumb{height:205px;display:block;background:#dce7ee;position:relative;overflow:hidden}.article-thumb img{width:100%;height:100%;object-fit:cover}.article-demo-visual{display:block;width:100%;height:100%}.article-demo-1{background:linear-gradient(135deg,#d8e1e5 0 38%,#354550 38% 62%,#c78f55 62% 68%,#f1f1ed 68%)}.article-demo-2{background:linear-gradient(135deg,#24475a,#8db4c7 48%,#dce7eb 49% 70%,#31475a 71%)}.article-demo-3{background:linear-gradient(135deg,#ece9df 0 55%,#cfb486 56% 62%,#6b8a70 63% 72%,#fafafa 73%)}.article-label{position:absolute;left:18px;bottom:16px;background:#fff;padding:6px 9px;border-radius:4px;font-size:8px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.08)}.article-body{padding:19px}.article-body h3{font-size:15px;line-height:1.3;margin:0 0 7px}.article-body p{margin:0 0 11px}.article-body .read-more{padding:0;color:#174f75}
.final-cta{background:var(--navy-deep);color:#fff;text-align:center;padding:51px 0 49px}.cta-inner{max-width:980px}.final-cta .eyebrow{margin-bottom:7px}.final-cta h2{font-size:26px;line-height:1.08;letter-spacing:-.035em;margin:0 auto 17px;max-width:680px;font-weight:550}.final-cta .btn{padding:9px 16px;font-size:9px}
.site-footer{background:#071f34;color:#fff;padding:44px 0 18px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:31px}.footer-logo{display:inline-flex;margin-bottom:10px}.footer-logo .brand-work{color:#fff}.footer-logo .brand-again{color:var(--brand-yellow)}.footer-about p{font-size:9px;line-height:1.65;color:#c2d1db;max-width:340px;margin:0 0 16px}.social-links{display:flex;gap:10px}.social-links a{width:32px;height:32px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.footer-column{display:flex;flex-direction:column;gap:8px}.footer-column h4{font-size:11px;margin:0 0 5px}.footer-column a{font-size:9px;color:#c2d1db}.footer-bottom{display:flex;justify-content:space-between;color:#8da4b4;font-size:8px;padding-top:15px}
.content-hero{background:var(--pale);padding:85px 0}.content-hero h1{color:var(--ink)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:31px}.post-card{border:1px solid var(--line);border-radius:9px;overflow:hidden}.post-thumb{aspect-ratio:16/10;display:block;background:var(--sky)}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-body{padding:26px}.post-body h2{font-size:25px;line-height:1.25;margin:8px 0}.post-meta,.single-meta{font-size:13px;color:#7d8d97}.single-content{padding:98px 0}.single-content h1{font-size:59px;line-height:1.07;letter-spacing:-.045em;margin:0 0 13px}.single-featured{margin:46px 0}.single-featured img{border-radius:10px}.prose{font-size:20px;line-height:1.8}.prose h2{font-size:39px;line-height:1.2;margin-top:1.6em}.prose a{text-decoration:underline}.empty-state{padding:150px 0;text-align:center}.empty-state h1{font-size:57px;letter-spacing:-.05em}.archive-learning{grid-template-columns:repeat(3,1fr)}
@media(max-width:1080px){.container{width:min(100% - 44px,var(--container))}.hero h1{font-size:52px}.hero-grid{gap:20px}.hero-ring-main{right:70px}.hero-panel{right:45px}.hero-badge{right:0}.hero-progress-card{left:0}.growth-grid{grid-template-columns:repeat(3,1fr)}.coach-grid{gap:28px}.coach-photo-wrap{width:190px;height:190px}}
@media(max-width:900px){.site-header{height:70px}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:24px}.primary-nav.is-open{display:block}.primary-nav ul{flex-direction:column;gap:18px;align-items:flex-start}.header-cta{display:none}.nav-toggle{display:block}.hero-slider,.hero-slide{height:auto;min-height:760px}.hero-grid{height:auto;min-height:760px;grid-template-columns:1fr;align-content:center;gap:0}.hero-copy{padding:55px 0 8px}.hero h1{font-size:50px}.hero-art{height:340px}.hero-dots{right:24px}.quick-inner{height:auto;min-height:84px;align-items:flex-start;flex-direction:column;padding:18px 0}.quick-links{flex-wrap:wrap;gap:15px 28px}.growth-grid{grid-template-columns:repeat(2,1fr)}.coach-grid{grid-template-columns:1fr;max-width:520px}.article-grid,.posts-grid,.archive-learning{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.6fr 1fr 1fr;gap:30px}.footer-main .footer-column:last-child{grid-column:2/4}}
@media(max-width:620px){.container{width:min(100% - 30px,var(--container))}.site-header{height:64px}.brand{font-size:18px}.hero-slider,.hero-slide{min-height:760px}.hero-grid{min-height:760px}.hero h1{font-size:42px;max-width:390px}.hero p{font-size:14px;max-width:380px}.hero-copy{padding-top:48px}.hero-art{height:330px}.hero-ring-main{width:205px;height:205px;right:32px;border-width:34px}.hero-panel{width:158px;height:205px;right:20px}.hero-kl{width:94px;height:94px;left:31px}.hero-badge{right:0;min-width:155px}.hero-progress-card{left:0;width:220px}.hero-dots{right:17px;bottom:15px}.section{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column}.section h2,.growth-section h2,.coach-section h2{font-size:30px}.learning-grid,.article-grid,.posts-grid,.archive-learning{grid-template-columns:1fr}.learning-cover{height:230px}.growth-grid{grid-template-columns:1fr}.growth-card{min-height:155px;padding:18px}.coach-photo-wrap{width:185px;height:185px}.final-cta h2{font-size:25px}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-about{grid-column:1/3}.footer-main .footer-column:last-child{grid-column:auto}.footer-bottom{gap:10px;flex-direction:column}.single-content h1{font-size:40px}.prose{font-size:17px}}
/* v3.4 Learning Area */
.kl-classroom-body{margin:0;background:#f3f8fc;color:#08263d}.kl-classroom{min-height:100vh;display:grid;grid-template-columns:205px 1fr}.kl-class-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #cddde8;padding:25px 20px 25px;display:flex;flex-direction:column}.kl-class-brand{font-size:25px;padding-bottom:27px;border-bottom:1px solid #d8e3ea}.kl-student{display:flex;gap:11px;align-items:center;padding:23px 0}.kl-avatar{width:37px;height:37px;border-radius:50%;background:#dff2fb;color:#1678b0;display:grid;place-items:center;font-size:10px;font-weight:700}.kl-student strong,.kl-student small{display:block}.kl-student strong{font-size:11px}.kl-student small{font-size:8px;color:#78909e;margin-top:3px}.kl-class-nav{display:flex;flex-direction:column;gap:5px}.kl-class-nav a{display:flex;gap:11px;align-items:center;padding:11px 10px;border-radius:8px;font-size:10px;color:#31536b}.kl-class-nav a.active{background:#e3f2fb;color:#126da4;font-weight:700}.kl-help{margin-top:auto;background:#10588d;color:#fff;border-radius:11px;padding:18px 16px}.kl-help strong{font-size:10px}.kl-help p{font-size:8px;line-height:1.5;margin:4px 0 10px}.kl-help a{display:block;text-align:center;background:#fff;color:#0b4168;padding:8px;border-radius:5px;font-size:8px;font-weight:700}.kl-class-main{min-width:0}.kl-class-top{height:76px;background:#f3f8fc;border-bottom:1px solid #d5e2ea;padding:14px 31px}.kl-class-top span,.kl-module-kicker{font-size:8px;color:#1d75ac;letter-spacing:.16em;font-weight:800}.kl-class-top h1{font-size:18px;font-weight:500;margin:7px 0 0}.kl-class-layout{display:grid;grid-template-columns:minmax(0,815px) 297px;gap:21px;padding:26px 31px 70px;max-width:1190px}.kl-lesson-card,.kl-curriculum{background:#fff;border:1px solid #c9dce8;border-radius:12px;overflow:hidden}.kl-video-demo{height:423px;background:linear-gradient(135deg,#0b3f6d,#176ca6);position:relative;color:#fff}.kl-video-label{position:absolute;top:18px;left:21px;border:1px solid rgba(255,255,255,.3);padding:8px 11px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.08em}.kl-video-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:94px;font-weight:800;color:rgba(255,255,255,.045)}.kl-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:0;border-radius:50%;background:#fff;color:#1471ad;font-size:19px;padding-left:5px;cursor:pointer}.kl-video-caption{position:absolute;left:21px;bottom:19px}.kl-video-caption strong,.kl-video-caption small{display:block}.kl-video-caption strong{font-size:14px}.kl-video-caption small{font-size:8px;margin-top:5px}.kl-lesson-copy{padding:24px 25px 23px;display:grid;grid-template-columns:1fr auto;gap:22px}.kl-lesson-copy h2{font-size:23px;font-weight:500;letter-spacing:-.03em;margin:7px 0 0}.kl-complete{align-self:center;border:1px solid #b9d7e8;background:#f7fbfe;color:#176ea3;border-radius:6px;padding:10px 14px;font-size:8px;font-weight:700}.kl-lesson-description{grid-column:1/-1;color:#688292;font-size:11px;line-height:1.7}.kl-lesson-description p{margin:0}.kl-lesson-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.kl-lesson-actions a{border:1px solid #c8dce8;padding:10px 13px;border-radius:6px;font-size:8px;color:#66808f}.kl-lesson-actions a.next{background:#1474b4;color:#fff;border-color:#1474b4}.kl-curriculum{align-self:start}.kl-progress-box{padding:21px 19px;border-bottom:1px solid #cbdce6}.kl-progress-box>div{display:flex;justify-content:space-between;font-size:7px}.kl-progress-box strong{color:#1373ad}.kl-progress-box i{display:block;height:5px;background:#e5ecef;border-radius:4px;margin-top:12px;overflow:hidden}.kl-progress-box b{display:block;height:100%;background:#1681c6}.kl-module-title{padding:17px;border-bottom:1px solid #cbdce6;position:relative}.kl-module-title span,.kl-module-title strong{display:block}.kl-module-title span{font-size:7px;letter-spacing:.15em;color:#1776ad;font-weight:800}.kl-module-title strong{font-size:10px;margin-top:5px}.kl-module-title.collapsed small{position:absolute;right:15px;top:28px;font-size:7px;color:#79909e}.kl-lesson-row{display:flex;gap:11px;align-items:center;padding:12px 14px;border-bottom:1px solid #dbe5eb}.kl-lesson-row.current{background:#e9f5fb}.kl-lesson-num{width:25px;height:25px;flex:0 0 25px;border:1px solid #c9dce8;border-radius:50%;display:grid;place-items:center;font-size:7px;color:#4c7d9b}.kl-lesson-row:nth-of-type(1) .kl-lesson-num,.kl-lesson-row:nth-of-type(2) .kl-lesson-num{background:#ddf3fd;border-color:#ddf3fd;color:#1681c6}.kl-lesson-row strong,.kl-lesson-row small{display:block}.kl-lesson-row strong{font-size:8px}.kl-lesson-row small{font-size:6px;color:#91a1aa;margin-top:3px}.kl-certificate{padding:18px;font-size:9px}.kl-certificate p{font-size:7px;color:#7c909d}.site-footer .brand-work{color:#fff}.site-footer .brand-again{color:#ffed00}
@media(max-width:900px){.kl-classroom{grid-template-columns:1fr}.kl-class-sidebar{position:relative;height:auto}.kl-help{display:none}.kl-class-layout{grid-template-columns:1fr;padding:20px}.kl-video-demo{height:390px}.kl-curriculum{width:100%}}
@media(max-width:620px){.kl-class-sidebar{padding:16px}.kl-student,.kl-class-nav{display:none}.kl-class-brand{padding:0;border:0}.kl-class-top{padding:14px 18px}.kl-class-layout{padding:14px}.kl-video-demo{height:300px}.kl-lesson-copy{grid-template-columns:1fr}.kl-complete{justify-self:start}.kl-lesson-copy h2{font-size:21px}}

/* v3.5 — Ruang Belajar scale matched to Artikel Terbaru */
.growth-section{padding-top:66px;padding-bottom:66px}
.growth-section .eyebrow{margin-bottom:15px}
.growth-section h2{font-size:34px;margin-bottom:26px}
.growth-grid{gap:22px}
.growth-card{min-height:330px;padding:28px 26px;border-radius:8px}
.icon-tile{width:54px;height:54px;border-radius:8px;margin-bottom:24px;font-size:18px}
.growth-card h3{font-size:17px;line-height:1.3;margin:0 0 10px}
.growth-card p{font-size:11px;line-height:1.65;max-width:340px}
.growth-card .read-more{font-size:9px;padding-top:22px}

/* v3.5 — Kata Remote Talent */
.testimonial-section{background:#f2f7fb;padding-top:76px;padding-bottom:80px;overflow:hidden}
.testimonial-head{text-align:center;margin-bottom:34px}
.testimonial-head .eyebrow{color:#1c69a0}
.testimonial-head h2{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:500}
.testimonial-carousel{max-width:1120px;margin:0 auto;position:relative}
.testimonial-track{position:relative;min-height:330px}
.testimonial-slide{display:none;grid-template-columns:285px 1fr;gap:58px;align-items:center;background:#fff;border:1px solid #dbe5eb;border-radius:14px;padding:36px 52px 36px 42px;box-shadow:0 18px 48px rgba(12,45,74,.06)}
.testimonial-slide.is-active{display:grid;animation:klTestimonialIn .45s ease both}
@keyframes klTestimonialIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.testimonial-photo-frame{width:230px;height:230px;border-radius:50%;padding:9px;background:#fff;border:1px solid #d8e4eb;box-shadow:0 12px 30px rgba(8,45,74,.11)}
.testimonial-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#e7f0f5}
.testimonial-copy{position:relative;padding-top:8px}
.quote-mark{position:absolute;left:-7px;top:-29px;font-size:76px;line-height:1;color:#dcecf5;font-family:Georgia,serif}
.testimonial-copy p{position:relative;font-size:19px;line-height:1.75;letter-spacing:-.018em;margin:0 0 24px;color:#173a53;font-weight:400}
.testimonial-person{display:flex;flex-direction:column;gap:4px}
.testimonial-person strong{font-size:14px;color:#08263d}
.testimonial-person span{font-size:10px;color:#71818d}
.testimonial-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}
.testimonial-arrow{width:35px;height:35px;border-radius:50%;border:1px solid #b9cfdd;background:#fff;color:#124d73;display:grid;place-items:center;cursor:pointer;font-size:14px}
.testimonial-dots{display:flex;align-items:center;gap:8px}
.testimonial-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#bed1dd;cursor:pointer}
.testimonial-dots button.is-active{width:24px;border-radius:999px;background:#176fa5}

@media(max-width:900px){
 .growth-card{min-height:265px}
 .testimonial-slide{grid-template-columns:190px 1fr;gap:34px;padding:30px}
 .testimonial-photo-frame{width:175px;height:175px}
 .testimonial-track{min-height:300px}
 .testimonial-copy p{font-size:16px}
}
@media(max-width:620px){
 .growth-section{padding-top:58px;padding-bottom:58px}.growth-section h2,.testimonial-head h2{font-size:30px}
 .growth-card{min-height:220px;padding:22px}.icon-tile{width:48px;height:48px;margin-bottom:18px}
 .testimonial-section{padding-top:60px;padding-bottom:62px}
 .testimonial-slide{grid-template-columns:1fr;text-align:center;gap:22px;padding:30px 22px}
 .testimonial-photo-frame{width:150px;height:150px;margin:0 auto}
 .testimonial-track{min-height:540px}
 .testimonial-copy p{font-size:15px;line-height:1.7}
 .quote-mark{left:50%;transform:translateX(-50%);top:-26px}
 .testimonial-person{align-items:center}
}

/* KerjaLagi v3.5.1 — header logo readability + 20% scale revision */
.site-header .brand{font-size:24px}
.site-header .brand-work{font-weight:800;color:var(--navy)}
.site-header .brand-again{font-weight:400;color:#111}
.site-footer{padding:53px 0 22px}
.footer-main{gap:67px;padding-bottom:37px}
.site-footer .brand{font-size:24px}
.footer-logo{margin-bottom:12px}
.site-footer .brand-work{color:#fff;font-weight:800}
.site-footer .brand-again{color:#ffed00;font-weight:400}
.footer-about p{font-size:10.8px;max-width:408px;margin-bottom:19px}
.social-links{gap:12px}
.social-links a{width:38px;height:38px;font-size:12px}
.footer-column{gap:10px}
.footer-column h4{font-size:13.2px;margin-bottom:6px}
.footer-column a{font-size:10.8px}
.footer-bottom{font-size:9.6px;padding-top:18px}
@media(max-width:620px){.site-header .brand{font-size:21.6px}.site-footer .brand{font-size:21.6px}}

/* v3.6 interactive + editable frontpage cards */
.coach-card{display:block;color:inherit;text-decoration:none;border-radius:14px;padding:10px;transition:transform .2s ease,box-shadow .2s ease}
.coach-card:hover,.coach-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 42px rgba(12,45,74,.09);outline:none}
.growth-card.has-photo{padding:0;overflow:hidden}
.growth-photo{display:block;width:100%;height:165px;overflow:hidden;background:#dce7ee}
.growth-photo img{width:100%;height:100%;object-fit:cover;display:block}
.growth-card.has-photo h3,.growth-card.has-photo p,.growth-card.has-photo .read-more{margin-left:26px;margin-right:26px}
.growth-card.has-photo h3{margin-top:22px}
.growth-card.has-photo .read-more{margin-bottom:24px}
.testimonial-slide{color:inherit;text-decoration:none}
.testimonial-slide:hover .testimonial-person strong{text-decoration:underline;text-underline-offset:3px}
.learning-card,.growth-card,.article-card,.coach-card,.testimonial-slide{cursor:pointer}
@media(max-width:980px){.learning-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.learning-grid{grid-template-columns:1fr}.growth-photo{height:190px}}
\n\n/* KerjaLagi 3.7.0 — Ruang Belajar, Ekosistem, Coach profile */\n.ecosystem-head{margin-bottom:24px}.ecosystem-head h2{margin-bottom:8px}.section-intro{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.ecosystem-card{position:relative}.ecosystem-number{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e5f1f8;color:#0d4d7e;font-size:13px;font-weight:800;margin-bottom:20px;border:1px solid #c8ddea}.ecosystem-card:nth-child(2) .ecosystem-number{background:#e9f6ef;color:#276c52}.ecosystem-card:nth-child(3) .ecosystem-number{background:#f0eaff;color:#6c52a5}.ecosystem-card:nth-child(4) .ecosystem-number{background:#fff0e6;color:#a85e37}.ecosystem-card:nth-child(5) .ecosystem-number{background:#e7f1ff;color:#356b9c}.ecosystem-card:nth-child(6) .ecosystem-number{background:#fff0f2;color:#a34f5c}.ecosystem-card.has-photo .growth-photo{height:150px}.ecosystem-card.has-photo .growth-photo img{width:100%;height:100%;object-fit:cover}.coach-single-role{font-size:15px;color:#41647c;margin-top:-2px;margin-bottom:32px}.coach-prose:after{content:"";display:table;clear:both}.coach-single-photo{float:left;width:180px;height:180px;margin:8px 30px 18px 0;border-radius:50%;padding:6px;background:#fff;box-shadow:0 0 0 1px #dce6ed,0 12px 30px rgba(12,45,74,.10);shape-outside:circle(50%)}.coach-single-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.coach-single .prose>p:first-of-type{margin-top:0}.coach-single .prose{min-height:220px}\n@media(max-width:620px){.ecosystem-grid{grid-template-columns:1fr}.ecosystem-card.has-photo .growth-photo{height:180px}.coach-single-photo{width:112px;height:112px;margin:4px 18px 12px 0;padding:4px}.coach-single-role{font-size:13px;margin-bottom:24px}}\n
/* KerjaLagi 3.7.1 — compact body copy for Coach & About */
.coach-single .prose,
.page-about .prose,
body.page-template-default .single-content .prose {
  font-size: 12px;
  line-height: 1.72;
}
.coach-single .prose h2,
.page-about .prose h2,
body.page-template-default .single-content .prose h2 {
  font-size: 23px;
}
.coach-single .prose h3,
.page-about .prose h3,
body.page-template-default .single-content .prose h3 {
  font-size: 18px;
}
@media(max-width:620px){
  .coach-single .prose,
  .page-about .prose,
  body.page-template-default .single-content .prose {
    font-size: 12px;
    line-height: 1.68;
  }
}

/* KerjaLagi 3.7.2 — global body-copy scale + Coach square portrait */
/* Body copy is intentionally reduced ~50% from the previous presentation.
   Titles, navigation, buttons, labels and section headings keep their hierarchy. */
.hero p{font-size:7.5px;line-height:1.6}
.quick-note{font-size:4.5px}
.quick-links a{font-size:5px}
.learning-body p{font-size:5px;line-height:1.65}
.growth-card p{font-size:5.5px;line-height:1.7}
.coach-card p{font-size:5px;line-height:1.65}
.article-card p{font-size:5px;line-height:1.65}
.section-intro{font-size:6px;line-height:1.7}
.testimonial-copy p{font-size:9.5px;line-height:1.8}
.footer-about p{font-size:5.4px;line-height:1.7}

/* Body copy on standard pages, posts, Coach, About, ecosystem pages, and archives. */
.prose,
.single-content .prose,
.coach-single .prose,
.page-about .prose,
body.page-template-default .single-content .prose{font-size:6px;line-height:1.78}
.prose p,
.single-content .prose p,
.coach-single .prose p,
.page-about .prose p,
body.page-template-default .single-content .prose p{font-size:inherit;line-height:inherit}

/* Keep body-copy heading hierarchy readable; only paragraph/body text is reduced. */
.coach-single .prose h2,.page-about .prose h2,body.page-template-default .single-content .prose h2{font-size:23px}
.coach-single .prose h3,.page-about .prose h3,body.page-template-default .single-content .prose h3{font-size:18px}

/* Coach profile image: exactly 2× the previous desktop frame, now square. */
.coach-single-photo{
  width:360px;
  height:360px;
  margin:8px 34px 24px 0;
  border-radius:0;
  padding:7px;
  background:#fff;
  box-shadow:0 0 0 1px #dce6ed,0 12px 30px rgba(12,45,74,.10);
  shape-outside:inset(0);
}
.coach-single-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}
.coach-single .prose{min-height:390px}

@media(max-width:900px){
  .coach-single-photo{width:280px;height:280px;margin-right:26px}
}
@media(max-width:620px){
  .hero p{font-size:7px}
  .learning-body p,.growth-card p,.coach-card p,.article-card p{font-size:5.5px}
  .testimonial-copy p{font-size:7.5px;line-height:1.75}
  .prose,.single-content .prose,.coach-single .prose,.page-about .prose,body.page-template-default .single-content .prose{font-size:6px;line-height:1.75}
  .coach-single-photo{float:none;width:224px;height:224px;margin:0 0 22px 0;padding:5px;border-radius:0;shape-outside:none}
  .coach-single-photo img{border-radius:0}
  .coach-single .prose{min-height:0}
}


/* KerjaLagi 3.7.3 — readable body copy + balanced Coach profile */
/* Match paragraph/body copy to the Coach subtitle size (15px). */
.hero p,
.quick-note,
.quick-links a,
.learning-body p,
.growth-card p,
.coach-card p,
.article-card p,
.section-intro,
.testimonial-copy p,
.footer-about p,
.prose,
.single-content .prose,
.coach-single .prose,
.page-about .prose,
body.page-template-default .single-content .prose,
.prose p,
.single-content .prose p,
.coach-single .prose p,
.page-about .prose p,
body.page-template-default .single-content .prose p {
  font-size:15px;
  line-height:1.72;
}
/* Keep compact utility/navigation copy separate from body paragraphs. */
.quick-note,.quick-links a{font-size:13px;line-height:1.5}
.footer-about p{font-size:13px;line-height:1.7}
.learning-body p,.growth-card p,.coach-card p,.article-card p,.section-intro{font-size:15px}
.testimonial-copy p{font-size:15px;line-height:1.8}

/* Coach subtitle is editable in WP Admin > Coach KerjaLagi > Coach Details. */
.coach-single-role{font-size:15px;line-height:1.5}

/* Coach portrait: 50% smaller than v3.7.2 (360px -> 180px), square frame. */
.coach-single-photo{
  width:180px;
  height:180px;
  margin:8px 28px 18px 0;
  padding:6px;
  border-radius:0;
  shape-outside:inset(0);
}
.coach-single-photo img{border-radius:0}
.coach-single .prose{min-height:210px}

@media(max-width:900px){
  .coach-single-photo{width:180px;height:180px;margin-right:24px}
}
@media(max-width:620px){
  .hero p,.learning-body p,.growth-card p,.coach-card p,.article-card p,.section-intro,.testimonial-copy p,
  .prose,.single-content .prose,.coach-single .prose,.page-about .prose,body.page-template-default .single-content .prose,
  .prose p,.single-content .prose p,.coach-single .prose p,.page-about .prose p,body.page-template-default .single-content .prose p{
    font-size:15px;
    line-height:1.7;
  }
  .coach-single-photo{float:left;width:150px;height:150px;margin:4px 18px 12px 0;padding:5px}
}

/* Account links share the primary menu typography. */
.header-account{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.site-header .primary-nav a,.site-header .header-account a{font-family:inherit;font-size:13px;font-weight:650;letter-spacing:-.01em;line-height:1.55}

.learning-card [aria-disabled="true"]{cursor:default;pointer-events:none}