.institution-page{color:#10213d;background:#fff}.institution-shell{width:min(1180px,calc(100% - 40px));margin:auto}.institution-hero{position:relative;overflow:hidden;padding:145px 0 95px;background:#071b3b;color:#fff}.institution-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(105,151,225,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(105,151,225,.1) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent 88%)}.institution-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr .82fr;gap:86px;align-items:center}.institution-kicker{margin:0 0 17px;color:#176bff;font-size:10px;font-weight:800;letter-spacing:.17em}.institution-hero .institution-kicker{color:#82aeff}.institution-hero h1{max-width:710px;margin:0;color:#fff;font-size:clamp(47px,5vw,69px);line-height:1.04;letter-spacing:-.065em}.institution-hero h1 span,.institution-heading h2 span,.institution-basmalah h2 span{color:#78aaff}.institution-hero p:not(.institution-kicker){max-width:650px;margin:24px 0 0;color:#b6c6df;font-size:16px;line-height:1.82}.institution-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.button.institution-primary,.button.institution-ghost,.button.institution-basmalah-button,.button.institution-cta-ghost{min-height:49px;padding:13px 19px;border-radius:9px;font-size:13px;font-weight:800}.button.institution-primary{background:#176bff;color:#fff;box-shadow:0 12px 32px rgba(23,107,255,.28)}.button.institution-primary:hover{color:#fff;background:#4085ff}.button.institution-ghost{color:#fff;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.04)}.institution-map{position:relative;width:min(435px,100%);height:390px;justify-self:end}.institution-map:before,.institution-map:after{content:'';position:absolute;top:50%;left:50%;border:1px dashed rgba(133,174,243,.36);border-radius:50%;transform:translate(-50%,-50%)}.institution-map:before{width:355px;height:355px}.institution-map:after{width:238px;height:238px}.institution-map-core{position:absolute;z-index:2;top:50%;left:50%;width:124px;height:124px;display:grid;place-content:center;text-align:center;border-radius:50%;background:#176bff;box-shadow:0 0 0 14px rgba(23,107,255,.13),0 24px 60px rgba(0,0,0,.28);transform:translate(-50%,-50%)}.institution-map-core b{font-size:23px;letter-spacing:-.05em}.institution-map-core span{margin-top:4px;color:#cce0ff;font-size:9px}.institution-node{position:absolute;z-index:1;padding:9px 12px;color:#d9e7ff;border:1px solid rgba(151,186,243,.3);border-radius:99px;background:rgba(12,42,87,.9);font-size:10px;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.17)}.n1{top:3%;left:31%}.n2{top:18%;right:1%}.n3{bottom:18%;right:0}.n4{bottom:4%;left:31%}.n5{bottom:18%;left:0}.n6{top:46%;left:-3%}.n7{top:20%;left:1%}.n8{top:45%;right:-4%}.institution-intro{padding:77px 0;border-bottom:1px solid #dce5f0;background:#fff}.institution-intro-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}.institution-intro h2,.institution-heading h2,.institution-basmalah h2,.institution-cta h2{margin:0;color:#10213d;font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.06em}.institution-intro p:not(.institution-kicker){max-width:760px;margin:18px 0 0;color:#637089;font-size:15px;line-height:1.82}.institution-section{padding:100px 0;background:#f5f8fd}.institution-heading{max-width:760px}.institution-heading h2{margin-top:0}.institution-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:43px}.institution-cards article{min-height:345px;padding:25px;border:1px solid #dce5f0;border-radius:15px;background:#fff;box-shadow:0 15px 35px rgba(14,37,72,.05)}.institution-cards article>b{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#e8f0ff;color:#176bff;font-size:11px}.institution-cards article:nth-child(3n+2)>b{background:#eeeaff;color:#7958e8}.institution-cards article:nth-child(3n)>b{background:#e7f8f2;color:#12a875}.institution-cards small{display:block;margin-top:20px;color:#7b8ca7;font-size:9px;font-weight:800;letter-spacing:.1em}.institution-cards h3{margin:8px 0 9px;color:#152b4a;font-size:20px;line-height:1.2}.institution-cards p{margin:0;color:#637089;font-size:12px;line-height:1.72}.institution-cards ul{margin:16px 0 0;padding:0;list-style:none}.institution-cards li{position:relative;margin:7px 0;padding-left:15px;color:#405470;font-size:11px;line-height:1.4}.institution-cards li:before{content:'';position:absolute;top:.48em;left:0;width:5px;height:5px;border-radius:50%;background:#176bff}.institution-cards a{display:inline-flex;margin-top:16px;color:#176bff;font-size:11px;font-weight:800}.institution-basmalah{padding:96px 0;color:#fff;background:linear-gradient(125deg,#00351f,#00723a)}.institution-basmalah-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:105px;align-items:center}.institution-basmalah .institution-kicker{color:#a9e6b3}.institution-basmalah h2{color:#fff}.institution-basmalah h2 span{color:#bfe98e}.institution-basmalah p:not(.institution-kicker){max-width:660px;margin:19px 0 0;color:#c5dfc9;font-size:15px;line-height:1.8}.button.institution-basmalah-button{margin-top:28px;color:#00351f;background:#c8ef9e}.institution-basmalah-list{display:grid;gap:9px}.institution-basmalah-list span{display:grid;grid-template-columns:39px 1fr;gap:3px 12px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06)}.institution-basmalah-list i{grid-row:1 / 3;width:37px;height:37px;display:grid;place-items:center;color:#d4f3af;border-radius:9px;background:rgba(255,255,255,.1);font-size:9px;font-style:normal;font-weight:800}.institution-basmalah-list b{font-size:13px}.institution-basmalah-list small{color:#b8d7be;font-size:10px}.institution-cta{padding:101px 0;text-align:center;background:#fff}.institution-cta .institution-shell{max-width:850px}.institution-cta h2{margin-top:0}.institution-cta p:not(.institution-kicker){max-width:650px;margin:18px auto 0;color:#637089;font-size:15px;line-height:1.8}.institution-cta>div>div{display:flex;justify-content:center;gap:11px;margin-top:29px}.button.institution-cta-ghost{color:#176bff;border:1px solid #c9d9f2;background:#fff}@media(max-width:1050px){.institution-hero-layout,.institution-basmalah-grid{gap:55px}.institution-cards{grid-template-columns:repeat(2,1fr)}.institution-map{justify-self:center}}@media(max-width:800px){.institution-hero-layout,.institution-intro-grid,.institution-basmalah-grid{grid-template-columns:1fr}.institution-hero{padding-top:112px}.institution-map{justify-self:start}.institution-intro-grid{gap:20px}.institution-intro{padding:60px 0}}@media(max-width:600px){.institution-shell{width:calc(100% - 32px)}.institution-hero{padding:94px 0 68px}.institution-hero h1{font-size:43px}.institution-hero p:not(.institution-kicker),.institution-intro p:not(.institution-kicker),.institution-basmalah p:not(.institution-kicker),.institution-cta p:not(.institution-kicker){font-size:14px}.institution-actions,.institution-cta>div>div{flex-direction:column}.institution-actions .button,.institution-cta .button{width:100%}.institution-map{width:340px;height:325px;transform:scale(.9);transform-origin:left center;margin-right:-35px}.institution-cards{grid-template-columns:1fr}.institution-cards article{min-height:auto}.institution-section{padding:72px 0}.institution-basmalah,.institution-cta{padding:73px 0}}
.institution-context-visual{position:relative;overflow:hidden;max-width:345px;padding:18px;border:1px solid #dbe6f3;border-radius:17px;background:linear-gradient(145deg,#f6faff,#e9f1ff);box-shadow:0 19px 45px rgba(14,37,72,.09)}.institution-context-visual:before{content:'';position:absolute;right:-55px;bottom:-65px;width:190px;height:190px;border:35px solid rgba(23,107,255,.07);border-radius:50%}.institution-context-head{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:13px;padding:13px;border-radius:11px;color:#fff;background:#0c2f65}.institution-context-head b{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#176bff;font-size:11px}.institution-context-head span{font-size:11px;font-weight:800}.institution-context-row{position:relative;z-index:1;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;margin-top:8px;padding:11px;border:1px solid #dce7f5;border-radius:10px;background:rgba(255,255,255,.9)}.institution-context-row i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#176bff;background:#e7f0ff;font-size:9px;font-style:normal;font-weight:800}.institution-context-row:nth-child(3) i{color:#7958e8;background:#eeeaff}.institution-context-row:nth-child(4) i{color:#0d9eba;background:#e5f6f9}.institution-context-row b,.institution-context-row small{display:block}.institution-context-row b{color:#203855;font-size:11px}.institution-context-row small{margin-top:3px;color:#71839d;font-size:8px}.institution-context-row em{width:19px;height:19px;display:grid;place-items:center;color:#16855f;border-radius:50%;background:#e2f7ed;font-size:10px;font-style:normal;font-weight:800}.institution-context-visual>p{position:relative;z-index:1;margin:13px 4px 2px!important;color:#58708e!important;font-size:9px!important;font-weight:800;line-height:1.4!important}@media(max-width:800px){.institution-context-visual{max-width:480px}}@media(max-width:600px){.institution-context-visual{max-width:none}}
.institution-cards .institution-coming{grid-column:2 / span 2;min-height:245px;background:linear-gradient(135deg,#0d2852,#164b96);border-color:#164b96;color:#fff;text-align:center}.institution-cards .institution-coming>b{margin-inline:auto;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}.institution-cards .institution-coming small{color:#9cc1ff}.institution-cards .institution-coming h3{color:#fff}.institution-cards .institution-coming p{max-width:530px;margin-inline:auto;color:#c5d9f6}.institution-cards .institution-coming>span{display:inline-block;margin-top:18px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#bcd6ff;font-size:10px;font-weight:800}@media(max-width:1050px){.institution-cards .institution-coming{grid-column:1 / -1}}@media(max-width:600px){.institution-cards .institution-coming{grid-column:auto}}

/* Lembaga heroes start close to the navigation; the visual carries the height, not empty padding. */
@media (min-width: 801px) { .institution-hero { padding: 94px 0 72px; } }
@media (min-width: 601px) and (max-width: 800px) { .institution-hero { padding-top: 80px; } }
@media (max-width: 600px) { .institution-hero { padding: 76px 0 62px; } }