@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plus-jakarta-sans-400.ttf') format('truetype')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plus-jakarta-sans-500.ttf') format('truetype')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/plus-jakarta-sans-600.ttf') format('truetype')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/plus-jakarta-sans-700.ttf') format('truetype')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/plus-jakarta-sans-800.ttf') format('truetype')}
/* EDIT WARNA UTAMA DI SINI */
:root{--navy:#222768;--navy-deep:#171b50;--lime:#aafa20;--green:#367b12;--ink:#20264c;--muted:#62677b;--pale:#f4f6fa;--line:#e5e8f0;--font:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #599819;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2}h1,h2{font-weight:800;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.2vw,2.9rem)}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding:100px 0}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--green);margin-bottom:22px;line-height:1.6}.topbar{background:var(--navy-deep);color:#dfe4ff;font-size:.75rem}.topbar-inner{display:flex;justify-content:space-between;padding:8px 0;gap:12px}.topbar-inner span:first-child{letter-spacing:.13em}.site-header{position:sticky;top:0;background:rgba(255,255,255,.98);z-index:20;box-shadow:0 4px 24px #171b5006}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px}.brand{display:block;flex-shrink:0}.brand img{width:219px;height:71px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:25px;font-weight:600;font-size:.82rem}.site-header nav>a{padding-block:10px;position:relative}.site-header nav>a:not(.nav-contact):hover,.site-header nav>a.active{color:var(--green)}.site-header nav>a.active:after{content:'';position:absolute;bottom:2px;left:0;width:18px;height:3px;background:var(--lime);border-radius:4px}.site-header nav .nav-contact{background:var(--navy);color:white;padding:12px 19px;border-radius:8px;display:flex;gap:18px;align-items:center}.nav-contact span{color:var(--lime);font-size:1.15rem}.menu-toggle{display:none}.hero{overflow:hidden;background:var(--navy);color:white;position:relative}.hero:after{content:'';position:absolute;width:580px;height:580px;border:1px solid #ffffff0d;transform:rotate(45deg);right:-200px;top:-220px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:90px;padding-block:84px 94px;align-items:center}.hero-copy,.hero-art{position:relative;z-index:1}.hero .eyebrow{color:#e2e5ff;display:flex;align-items:center;gap:10px}.small-mark{display:block;width:9px;height:9px;border-radius:2px;background:var(--lime);transform:rotate(45deg)}h1{font-size:clamp(2.7rem,4.3vw,4rem);line-height:1.13}.lime-text{color:var(--lime)}.hero-description{color:#d1d5f1;max-width:470px;margin-top:25px;font-size:1rem;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:14px 20px;border-radius:7px;font-size:.84rem;line-height:1.7;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 22px #12164025}.button-lime{background:var(--lime);color:var(--navy-deep)}.button span{font-size:1.3rem;line-height:1}.text-link{font-size:.83rem;display:flex;gap:12px;align-items:center}.text-link:hover{color:var(--lime)}.hero-foot{display:flex;gap:20px;align-items:center;margin-top:44px}.hero-foot>span{font-size:1.65rem;color:var(--lime);font-weight:800;letter-spacing:-.06em}.hero-foot p{font-size:.77rem;color:#c6cbec;line-height:1.8}.hero-foot strong{font-weight:600;color:#fff}.hero-art{padding:12px 0 25px}.identity-frame{background:white;border-radius:70px 16px 70px 16px;padding:27px 36px 20px;position:relative;transform:rotate(2deg);box-shadow:18px 18px 0 #9ced1b}.identity-frame>img{width:100%;aspect-ratio:1;object-fit:contain}.identity-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--navy);font-size:.58rem;font-weight:800;letter-spacing:.15em;padding-top:15px}.identity-caption>span:last-child{font-size:1.4rem;color:var(--green)}.hero-note{position:absolute;bottom:-12px;left:-35px;display:flex;align-items:center;gap:13px;background:#fff;color:var(--navy);padding:17px 24px;border-radius:12px;box-shadow:0 10px 35px #0c103329;font-size:.8rem;line-height:1.75;transform:rotate(-2deg)}.note-icon{font-size:2rem;color:var(--green)}.values-ribbon{background:var(--lime);padding:19px 0}.values-ribbon .container{display:flex;justify-content:space-between;align-items:center;gap:22px}.values-ribbon span{font-size:.84rem;font-weight:800}.values-ribbon i{font-size:1rem;font-style:normal;color:#528221}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:end;margin-bottom:45px}.section-heading>p{font-size:.94rem;color:var(--muted);max-width:430px;line-height:1.9;padding-bottom:5px}.section-heading .eyebrow{margin-bottom:14px}.levels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}.level-card{border:1px solid var(--line);border-radius:15px;padding:22px 19px;background:white;min-height:326px;transition:transform .2s,box-shadow .2s}.level-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #2227680b}.level-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;color:#8e92a6;font-size:.8rem}.level-symbol{font-size:1.6rem;color:var(--navy);line-height:1}.level-card .level-label{font-size:.6rem;letter-spacing:.1em;font-weight:800;color:var(--green);margin-bottom:10px;line-height:1.7}.level-card h3{font-size:1.7rem;font-weight:800;letter-spacing:-.04em;margin-bottom:13px}.level-card>p:not(.level-label){font-size:.82rem;line-height:1.85;color:var(--muted);min-height:92px}.level-card details{margin-top:22px}.level-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;font-size:.77rem;font-weight:700;padding-top:16px;border-top:1px solid var(--line)}.level-card summary::-webkit-details-marker{display:none}.level-card summary span{font-size:1.2rem;font-weight:500;transition:transform .2s}.level-card details[open] summary span{transform:rotate(45deg)}.level-details{font-size:.8rem;color:var(--muted);padding-top:14px;line-height:1.8}.level-featured{background:var(--navy);color:white;border-color:var(--navy)}.level-featured .level-top{color:#cbd0ee}.level-featured .level-symbol,.level-featured .level-label{color:var(--lime)}.level-featured>p:not(.level-label),.level-featured .level-details{color:#d0d4ef}.level-featured summary{border-color:#ffffff24}.about-section{background:var(--pale)}.about-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:85px;align-items:center}.about-statement{padding:44px;background:#e7efdc;border-radius:16px 65px 16px 16px;min-height:450px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.about-statement:after{content:'';position:absolute;right:-90px;bottom:-150px;width:250px;height:250px;border:45px solid #aafa205c;transform:rotate(45deg);border-radius:20px}.about-statement>.eyebrow{font-size:.68rem;position:relative;z-index:1}.about-statement>p{font-size:clamp(1.8rem,2.9vw,2.55rem);font-weight:800;line-height:1.33;letter-spacing:-.045em;position:relative;z-index:1}.about-statement em{font-style:normal;color:var(--green)}.about-signature{font-size:.8rem;font-weight:800;letter-spacing:.08em;margin-top:26px;z-index:1}.about-signature span{font-size:.66rem;display:block;font-weight:500;letter-spacing:.18em}.about-copy h2{margin-bottom:25px}.about-copy>p:not(.eyebrow){font-size:.93rem;color:var(--muted);margin-bottom:16px}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:27px}.about-values span{font-size:.75rem;font-weight:800;color:var(--green);display:block;margin-bottom:8px}.about-values strong{display:block;font-size:.88rem}.about-values p{font-size:.8rem;color:var(--muted);line-height:1.8;margin-top:7px}.programs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.program-card{padding:29px 25px 23px;border-radius:15px;background:var(--pale);display:flex;flex-direction:column;position:relative;overflow:hidden}.program-number{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:#777d98;font-weight:700;margin-bottom:32px}.program-number>span{font-size:1.6rem;display:flex;align-items:center;justify-content:center;background:#e4efdd;color:var(--green);height:44px;width:44px;border-radius:12px}.program-card h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.035em;margin-bottom:17px}.program-card>p{font-size:.84rem;color:var(--muted);line-height:1.9}.program-card ul{padding:0;margin:22px 0 30px;list-style:none;font-size:.79rem;color:#484e69}.program-card li{position:relative;padding-left:18px;margin:9px 0;line-height:1.6}.program-card li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}.program-bottom{display:block;font-size:.62rem;font-weight:700;letter-spacing:.1em;margin-top:auto;padding-top:19px;border-top:1px solid #dfe3ed;color:#626983}.testimonials-section{background:var(--navy-deep);color:#fff}.testimonials-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:42px}.testimonials-heading .eyebrow{color:var(--lime);margin-bottom:15px}.demo-notice{font-size:.8rem;color:#c8cdea;max-width:340px;line-height:1.85}.demo-notice>span{display:block;font-size:.65rem;letter-spacing:.12em;color:var(--lime);font-weight:700;margin-bottom:10px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.testimonial-card{background:#242959;padding:27px 30px 29px;border-radius:14px;display:flex;flex-direction:column}.quote-mark{font-size:4rem;color:var(--lime);font-family:Georgia,serif;line-height:1;height:44px}.testimonial-card blockquote{font-size:1rem;line-height:1.95;margin:12px 0 30px;font-weight:500;color:#eef0ff}.testimonial-card figcaption{display:flex;gap:13px;align-items:center;margin-top:auto}.avatar{height:43px;width:43px;flex-shrink:0;background:#363c70;color:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700}.testimonial-card figcaption strong{font-size:.82rem;display:block;font-weight:600}.testimonial-card figcaption small{font-size:.72rem;color:#b6bedf;display:block;margin-top:2px}.contact-section{padding:85px 0}.contact-panel{background:#eef5e5;padding:50px 55px;border-radius:18px;display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.contact-panel .eyebrow{margin-bottom:16px}.contact-panel h2{font-size:2.2rem}.contact-panel>div>p:not(.eyebrow){margin-top:19px;font-size:.9rem;color:var(--muted);max-width:500px}.contact-side .location-label{font-size:.71rem;letter-spacing:.12em;font-weight:800}.contact-side>p{margin-top:4px!important}.contact-side .button{margin-top:22px}.contact-side small{display:block;font-size:.75rem;color:var(--muted);margin-top:16px;max-width:275px;line-height:1.8}.site-footer{padding:0 0 26px}.footer-main{display:flex;gap:35px;justify-content:space-between;align-items:center;padding-bottom:35px}.footer-main>p{font-size:.82rem;color:var(--muted);line-height:1.9}.back-top{font-size:.78rem;display:flex;align-items:center;gap:18px}.back-top span{width:39px;height:39px;border-radius:50%;background:var(--pale);display:grid;place-items:center;font-size:1.2rem}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;font-size:.73rem;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-100px;left:15px;background:var(--lime);color:var(--navy);padding:12px 18px;border-radius:5px}.skip-link:focus{top:12px}
@media(min-width:1500px){.hero-grid{padding-block:100px 110px}}
@media(max-width:1160px){.container{width:calc(100% - 64px)}.header-inner{gap:10px}.site-header nav{gap:16px;font-size:.76rem}.brand img{width:185px;height:65px}.hero-grid{gap:65px}.hero-actions{gap:18px}.hero-note{left:-25px}.section-heading{gap:65px}.levels-grid{gap:10px}.level-card{padding:20px 14px}.level-card>p:not(.level-label){min-height:118px}.programs-grid{gap:13px}.program-card{padding:25px 20px}.about-grid{gap:50px}.contact-panel{gap:40px;padding:40px}.contact-panel h2{font-size:2rem}}
@media(max-width:960px){.header-inner{min-height:80px}.menu-toggle{display:flex;align-items:center;justify-content:center;background:var(--pale);border:0;border-radius:8px;height:44px;width:44px;cursor:pointer}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:20px;height:2px;background:var(--navy);position:relative}.menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0}.menu-lines:before{top:-6px}.menu-lines:after{top:6px}.menu-toggle[aria-expanded=true] .menu-lines{background:transparent}.menu-toggle[aria-expanded=true] .menu-lines:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{top:0;transform:rotate(-45deg)}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:20px 32px 28px;box-shadow:0 15px 25px #1b20551a;align-items:stretch;gap:3px;font-size:.93rem}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav>a{padding:10px 5px}.site-header nav>a.active:after{display:none}.site-header nav .nav-contact{margin-top:10px;justify-content:space-between;padding:12px 16px}.hero-grid{gap:45px;padding-block:60px 75px}.identity-frame{padding:20px 25px 14px;border-radius:45px 12px 45px 12px;box-shadow:12px 12px 0 #9ced1b}.identity-caption{font-size:.49rem;letter-spacing:.08em}.hero-note{padding:12px 16px;font-size:.7rem;left:-20px;bottom:0}.hero-foot{margin-top:30px}h1{font-size:2.65rem}.hero-description{font-size:.91rem}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:75px 0}.levels-grid{grid-template-columns:repeat(6,1fr);gap:15px}.level-card{grid-column:span 2;min-height:0;padding:22px}.level-card:nth-child(4),.level-card:nth-child(5){grid-column:span 3}.level-card>p:not(.level-label){min-height:0}.level-top{margin-bottom:20px}.programs-grid{grid-template-columns:repeat(2,1fr);gap:20px}.program-card{padding:28px}.section-heading{gap:40px}.about-grid{gap:35px;align-items:stretch}.about-statement{padding:30px;min-height:420px}.about-statement>p{font-size:1.9rem}.about-values{grid-template-columns:1fr;gap:15px}.about-values span{display:none}.testimonials-heading{gap:35px}.testimonials-grid{gap:15px}.testimonial-card{padding:24px}.testimonial-card blockquote{font-size:.9rem}.contact-panel{gap:35px;padding:35px}.contact-panel h2{font-size:1.8rem}.footer-main{gap:20px}.footer-main>p{max-width:240px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.topbar-inner{font-size:.62rem;gap:8px;padding:7px 0}.topbar-inner span:first-child{letter-spacing:.05em}.header-inner{min-height:76px}.brand img{width:195px;height:63px}.site-header nav{top:76px;padding-inline:20px}html{scroll-padding-top:92px}.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:42px 62px}.hero .eyebrow{font-size:.68rem;margin-bottom:18px}h1{font-size:clamp(2.6rem,9vw,3.8rem);line-height:1.13}.hero-description{max-width:470px;font-size:.95rem;margin-top:23px}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:27px}.button{font-size:.83rem;padding:13px 18px}.hero-foot{margin-top:30px}.hero-art{width:min(340px,86%);margin-inline:auto;padding-top:0}.identity-frame{padding:23px 32px 16px}.identity-caption{font-size:.5rem}.hero-note{left:-20px;bottom:-4px;font-size:.72rem}.hero:after{width:350px;height:350px;top:400px;right:-220px}.values-ribbon{padding:19px 0}.values-ribbon .container{display:grid;grid-template-columns:1fr 1fr;gap:11px 24px}.values-ribbon span{font-size:.78rem;text-align:center}.values-ribbon i{display:none}.section{padding:61px 0}.eyebrow{font-size:.7rem;margin-bottom:16px}h2{font-size:2.1rem;line-height:1.2}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.section-heading>p{font-size:.9rem;max-width:100%;padding-bottom:0}.levels-grid{grid-template-columns:1fr 1fr;gap:12px}.level-card,.level-card:nth-child(4),.level-card:nth-child(5){grid-column:auto;padding:21px 17px}.level-card:last-child{grid-column:1 / -1}.level-card h3{font-size:1.6rem}.level-card .level-label{font-size:.56rem;letter-spacing:.07em}.level-card>p:not(.level-label){font-size:.8rem;min-height:87px}.level-card:last-child>p:not(.level-label){min-height:0}.level-card summary{font-size:.73rem;gap:3px}.level-card details{margin-top:18px}.level-top{margin-bottom:21px}.level-details{font-size:.78rem}.about-grid{grid-template-columns:1fr;gap:34px}.about-statement{min-height:370px;padding:32px}.about-statement>p{font-size:2.25rem}.about-statement>.eyebrow{margin-bottom:24px}.about-copy h2{margin-bottom:21px}.about-values{grid-template-columns:1fr 1fr;gap:20px}.about-values span{display:block}.programs-grid{gap:14px}.program-card{padding:23px 18px}.program-number{margin-bottom:23px}.program-number>span{width:37px;height:37px;font-size:1.4rem}.program-card h3{font-size:1.08rem}.program-card>p{font-size:.8rem}.program-card ul{font-size:.74rem;margin-top:18px;margin-bottom:22px}.program-bottom{font-size:.54rem;letter-spacing:.055em}.testimonials-heading{display:block;margin-bottom:28px}.demo-notice{margin-top:24px;max-width:100%;font-size:.75rem}.testimonials-grid{grid-template-columns:1fr;gap:15px}.testimonial-card{padding:26px}.testimonial-card blockquote{font-size:.98rem;margin-bottom:24px}.quote-mark{font-size:3.7rem;height:38px}.contact-section{padding:55px 0}.contact-panel{grid-template-columns:1fr;padding:30px 25px;gap:27px;border-radius:15px}.contact-panel h2{font-size:1.8rem}.contact-panel>div>p:not(.eyebrow){font-size:.85rem}.contact-side small{max-width:100%}.footer-main{display:grid;grid-template-columns:1fr;gap:18px;padding-bottom:30px}.footer-main>p{max-width:100%;font-size:.84rem}.footer-brand img{width:219px;height:71px;margin-left:-15px}.back-top{width:max-content;margin-top:4px}.footer-bottom{font-size:.67rem;gap:8px;flex-direction:column}.site-footer{padding-bottom:23px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.topbar-inner span:first-child{font-size:.56rem}.topbar-inner span:last-child{font-size:.56rem}.hero-actions{gap:17px}h1{font-size:2.45rem}.levels-grid,.programs-grid{grid-template-columns:1fr}.level-card:last-child{grid-column:auto}.level-card>p:not(.level-label){min-height:0}.program-card h3{font-size:1.3rem}.program-card>p,.program-card ul{font-size:.9rem}.program-bottom{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.topbar,.site-header,.menu-toggle,.hero-art,.hero-actions,.contact-section,.back-top{display:none}body{font-size:11pt}.hero,.testimonials-section{background:white;color:#222}.container{width:100%}.section{padding:25px 0}.hero-grid{display:block;padding:20px 0}.hero-description,.hero-foot p,.testimonial-card blockquote,.demo-notice{color:#444}.lime-text,.hero .eyebrow,.hero-foot>span,.hero-foot strong{color:#222}.program-card,.testimonial-card,.level-card{break-inside:avoid}.testimonial-card{background:#f3f3f3}.testimonial-card figcaption small{color:#444}.levels-grid{grid-template-columns:repeat(3,1fr)}.level-card{color:#222;background:white}.level-featured>p:not(.level-label){color:#444}}

/* Ukuran teks untuk kenyamanan membaca. */
.level-card>p:not(.level-label),.level-details,.program-card>p,.program-card ul,.about-copy>p:not(.eyebrow),.section-heading>p{font-size:1rem}
.site-header nav,.level-card summary,.text-link,.button,.testimonial-card figcaption strong,.contact-side small,.about-values p,.back-top{font-size:.875rem}
.level-card .level-label,.program-bottom,.identity-caption{font-size:.75rem;letter-spacing:.04em}
.level-card>p:not(.level-label){min-height:150px}
@media(max-width:960px){.level-card>p:not(.level-label){min-height:0}}
@media(max-width:700px){.level-card>p:not(.level-label),.level-details{font-size:.9375rem}.level-card .level-label{font-size:.75rem}.level-card summary{font-size:.875rem}.program-card>p,.program-card ul{font-size:1rem}.programs-grid{grid-template-columns:1fr}.program-card h3{font-size:1.35rem}.program-card{padding:27px}.program-number{margin-bottom:20px}.program-bottom{font-size:.75rem}.identity-caption{font-size:.58rem}.contact-side small{font-size:.875rem}}