:root{--green:#075b37;--green-dark:#043c27;--gold:#ddaa31;--ink:#11271e;--muted:#64736d;--line:#dfe9e3;--soft:#f3f8f5;--white:#fff;--shadow:0 22px 55px rgba(7,52,34,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8f6;color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;padding-bottom:78px}img{max-width:100%;display:block}a{transition:.25s ease}.topbar{height:84px;background:linear-gradient(135deg,var(--green-dark),var(--green));display:flex;align-items:center;justify-content:space-between;padding:10px 18px;position:sticky;top:0;z-index:50;box-shadow:0 8px 30px rgba(3,43,29,.18)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}.brand img{width:62px;height:62px;object-fit:contain}.brand span{min-width:0}.brand b{font-size:15px;display:block;white-space:nowrap}.brand small{display:block;font-size:9px;color:#f5d68d;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.desktop-nav{display:none}.menu-btn{border:0;background:transparent;color:var(--gold);font-size:34px;cursor:pointer}.mobile-menu{position:fixed;top:86px;left:12px;right:12px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 18px 50px rgba(11,43,29,.2);z-index:45;display:none}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px;color:var(--green-dark);font-weight:700;text-decoration:none;border-bottom:1px solid var(--line)}
.hero{min-height:640px;background-image:var(--hero,url('../images/hero-placeholder.svg'));background-size:cover;background-position:center;position:relative;border-radius:0 0 32px 32px;overflow:hidden;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,44,29,.93) 0%,rgba(3,54,34,.77) 48%,rgba(3,44,29,.18) 100%)}.hero-content{position:relative;padding:58px 24px 150px;max-width:690px;color:#fff}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:1.7px;color:var(--gold);font-weight:800;font-size:12px}.eyebrow{display:inline-flex;border:1px solid rgba(231,190,84,.55);border-radius:999px;padding:9px 14px;background:rgba(5,59,38,.42);backdrop-filter:blur(8px)}.hero h1{font-size:clamp(40px,10vw,70px);line-height:1.04;margin:19px 0;letter-spacing:-2px}.hero h1 em{display:block;color:var(--gold);font-style:normal}.hero p{font-size:16px;line-height:1.75;max-width:560px;color:rgba(255,255,255,.9)}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#168652,var(--green));color:#fff;box-shadow:0 12px 28px rgba(3,78,43,.28)}.btn-light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.48);backdrop-filter:blur(9px)}.btn:hover{transform:translateY(-2px)}
.feature-grid{display:grid;grid-template-columns:1fr;margin:-105px 18px 26px;position:relative;z-index:4;background:#fff;padding:10px;border-radius:24px;box-shadow:var(--shadow)}.feature-grid article{display:flex;align-items:flex-start;gap:14px;padding:18px;border-bottom:1px solid #edf2ef}.feature-grid article:last-child{border-bottom:0}.feature-icon{width:50px;height:50px;flex:0 0 50px;border-radius:16px;display:grid;place-items:center;background:#edf7f1;color:var(--green)}.feature-grid i,.stats-grid i{font-size:25px}.feature-grid h3{font-size:14px;margin:2px 0 6px}.feature-grid p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}
.section{margin:20px 18px;padding:28px 22px;border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(18,62,42,.06)}.section h2{font-size:28px;margin:8px 0 16px;letter-spacing:-.8px}.section p{line-height:1.75}.about{display:grid;gap:24px}.about-copy p{color:#41564d}.about-meta{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:700;font-size:13px;margin-top:14px}.media-card{position:relative}.media-card>img{width:100%;height:270px;object-fit:cover;border-radius:20px}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:66px;height:66px;background:#fff;color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:32px;box-shadow:0 8px 28px rgba(0,59,34,.3)}.media-badge{position:absolute;right:12px;bottom:12px;background:linear-gradient(135deg,var(--green),#0d7b48);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 10px 28px rgba(3,62,36,.28)}.media-badge strong,.media-badge span{display:block}.media-badge strong{font-size:22px}.media-badge span{font-size:11px;margin-top:3px}.split-panel{background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;display:grid;gap:24px}.split-panel .section-label{color:#f4c75d}.split-panel article+article{border-top:1px solid rgba(255,255,255,.2);padding-top:22px}.vision{font-size:18px;font-weight:600}.split-panel ul{list-style:none;margin:0;padding:0}.split-panel li{display:flex;gap:9px;margin:10px 0;line-height:1.5}.split-panel li i{color:#f2c04f}
.section-heading{text-align:center;margin-bottom:24px}.section-heading>span{color:var(--green);font-weight:800;letter-spacing:1.6px;font-size:11px}.section-heading h2{margin:6px 0 7px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.section-heading.light span,.section-heading.light h2{color:#f1c34f}.stats-panel{position:relative;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(3,51,32,.95),rgba(7,91,55,.90)),var(--stats-bg);background-size:cover;background-position:center}.stats-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.10),transparent 35%)}.stats-panel>*{position:relative}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid article{text-align:center;padding:20px 8px;border:1px solid rgba(255,255,255,.19);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(4px)}.stat-icon{width:52px;height:52px;border:1px solid rgba(244,199,93,.7);border-radius:50%;display:grid;place-items:center;margin:0 auto;color:#f2c04f}.stats-grid strong{display:block;font-size:28px;margin:10px 0 5px}.stats-grid>article>span:last-child{font-size:11px;color:rgba(255,255,255,.85)}
.value-grid,.facility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.value-grid article,.facility-grid article{text-align:center;padding:18px 12px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdfc);transition:.25s ease}.value-grid article:hover,.facility-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(5,65,39,.10);border-color:#c8dfd2}.icon-circle,.avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#edf6f0;color:var(--green);margin:0 auto}.icon-circle i,.avatar i{font-size:30px}.value-grid h3,.facility-grid h3{font-size:14px;margin:11px 0 7px}.value-grid p,.facility-grid p,.org p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.facility-grid img{width:100%;height:105px;object-fit:cover;border-radius:14px}
.org{background:linear-gradient(135deg,#f9fcfa,#eef6f1);border:1px solid #dceae1}.org-flow{max-width:1100px;margin:auto}.org-founder article{max-width:520px;margin:auto;background:#fff;border:1px solid #dce9e1;border-radius:20px;padding:18px;display:flex;align-items:center;gap:15px;text-align:left;box-shadow:0 12px 30px rgba(21,57,40,.09)}.org-founder img,.org-team img{width:68px;height:68px;object-fit:cover;border-radius:50%}.org-founder small{color:var(--gold);font-weight:800;font-size:10px;letter-spacing:1.3px}.org h3{margin:2px 0 5px;font-size:16px}.org b{font-size:12px;color:var(--green)}.org-line{height:34px;position:relative}.org-line:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:var(--gold)}.org-line span{display:none}.org-team{display:grid;gap:16px}.org-unit{position:relative}.org-unit>article,.org-child article{position:relative;background:#fff;border:1px solid #dce9e1;border-radius:18px;padding:17px;display:flex;align-items:center;gap:13px;text-align:left;box-shadow:0 9px 24px rgba(21,57,40,.06)}.org-unit>article:before{content:"";position:absolute;top:-13px;left:50%;width:1px;height:13px;background:var(--gold)}.org-team .avatar,.org-team img{margin:0;flex:0 0 62px}.org-child{position:relative;margin-top:12px;padding-top:12px}.org-child:before{content:"";position:absolute;left:31px;top:0;width:1px;height:12px;background:var(--gold)}.org-child article{border-color:#e2ece6;background:#fbfdfc}
.gallery{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.gallery figure{min-width:85%;margin:0;scroll-snap-align:start;position:relative;overflow:hidden;border-radius:18px}.gallery img{width:100%;height:235px;object-fit:cover;transition:.35s ease}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;left:10px;right:10px;bottom:10px;color:#fff;background:linear-gradient(90deg,rgba(4,60,39,.94),rgba(7,91,55,.8));padding:11px 13px;border-radius:12px}.gallery figcaption b,.gallery figcaption span{display:block}.gallery figcaption span{font-size:11px;margin-top:3px}.empty{width:100%;padding:28px;text-align:center;background:var(--soft);border-radius:16px;color:var(--muted)}
.site-footer{margin:28px 18px 100px;padding:30px 22px 22px;border-radius:24px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;box-shadow:0 12px 36px rgba(18,62,42,.12)}.footer-inner{display:flex;flex-direction:column;gap:24px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#061c2b}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:16px}.footer-brand span{font-size:10px;color:rgba(255,255,255,.75);margin-top:4px}.footer-social{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.footer-social>span{width:100%;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#f1c34f;margin-bottom:2px}.footer-social a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(242,192,79,.45);border-radius:10px;color:#fff;text-decoration:none;font-size:11px;font-weight:700;background:rgba(255,255,255,.05);transition:.2s ease}.footer-social a:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);color:#fff}.footer-social a[aria-label*="WhatsApp"]{border-color:rgba(242,192,79,.65)}.footer-social i{font-size:17px}.footer-copy{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);text-align:center;color:rgba(255,255,255,.62);font-size:10px}.bottom-nav{height:76px;position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#fff;box-shadow:0 -8px 26px rgba(5,45,30,.13);z-index:60;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;color:#456056;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px}.bottom-nav i{font-size:21px}.bottom-nav .active{color:var(--gold)}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(min-width:760px){body{padding-bottom:0}.site-footer{max-width:1110px;margin:30px auto 50px;padding:30px 40px 22px}.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}.footer-social>span{width:auto;margin-right:5px;margin-bottom:0}.footer-copy{text-align:right}.topbar{height:92px;padding:12px 4vw}.brand img{width:68px;height:68px}.brand b{font-size:18px}.brand small{font-size:10px;max-width:360px}.desktop-nav{display:flex;align-items:center;gap:26px}.desktop-nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:700}.desktop-nav a:hover{color:var(--gold)}.desktop-nav .nav-cta{border:1px solid rgba(242,192,79,.65);padding:10px 14px;border-radius:10px}.menu-btn{display:none}.hero{min-height:680px;border-radius:0;background-position:center 48%}.hero-content{padding:80px 6vw 160px}.feature-grid{grid-template-columns:repeat(4,1fr);margin:-92px auto 32px;max-width:1110px;padding:0}.feature-grid article{border-bottom:0;border-right:1px solid #edf2ef;padding:25px 22px}.feature-grid article:last-child{border-right:0}.section{max-width:1110px;margin:26px auto;padding:40px}.about,.split-panel{grid-template-columns:1.05fr .95fr;align-items:center}.about{gap:45px}.media-card>img{height:360px}.split-panel article+article{border-top:0;border-left:1px solid rgba(255,255,255,.2);padding-top:0;padding-left:34px}.stats-grid{grid-template-columns:repeat(5,1fr)}.stats-grid article{border-radius:0;border-width:0 1px 0 0;background:transparent}.stats-grid article:last-child{border-right:0}.value-grid{grid-template-columns:repeat(5,1fr)}.facility-grid{grid-template-columns:repeat(4,1fr)}.org-line{height:48px}.org-line:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;background:var(--gold)}.org-team{grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.org-unit>article{display:block;text-align:left;min-height:190px;padding:22px}.org-team .avatar,.org-team img{margin:0 0 14px}.org-unit>article:before{top:-14px}.org-child{margin-top:14px;padding-top:14px}.org-child:before{left:31px;height:14px}.org-child article{display:block;min-height:0;padding:18px}.org-child article:before{content:""}.gallery figure{min-width:32%}.bottom-nav{display:none}}
@media(min-width:1200px){.topbar{padding-left:calc((100vw - 1180px)/2);padding-right:calc((100vw - 1180px)/2)}.hero-content{padding-left:calc((100vw - 1110px)/2)}}
/* =========================================================
   FOOTER MOBILE - SOSIAL MEDIA 1 BARIS
   ========================================================= */

@media (max-width: 759px) {

    /* Footer utama */
    .site-footer {
        padding: 28px 14px 80px;
    }

    /* Brand tetap di atas */
    .footer-inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
    }

    /* Area sosial media */
    .footer-social {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin: 0;
    }

    /* Judul IKUTI KAMI */
    .footer-social > span {
        grid-column: 1 / -1;
        display: block;
        width: auto;
        margin: 0 0 2px 0;
        white-space: nowrap;
    }

    /* Tombol sosial media */
    .footer-social a {
        display: flex !important;
        align-items: center;
        justify-content: center;

        width: 100%;
        min-width: 0;

        padding: 9px 4px;
        gap: 5px;

        border-radius: 10px;

        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* Icon */
    .footer-social a i {
        flex: 0 0 auto;
        font-size: 19px;
    }

    /* Nama sosial media */
    .footer-social a b {
        display: inline-block;
        min-width: 0;

        font-size: 11px;
        line-height: 1;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Copyright */
    .footer-copy {
        margin-top: 16px;
        font-size: 9px;
        text-align: center;
    }
}