:root{--blue:#248A29;--navy:#165C28;--sky:#f2f9ee;--mint:#eaf7e7;--green:#268A32;--text:#293c2d;--muted:#66776a;--border:#dfeadb;--gold:#ffd51b;--gold-deep:#e8bb0a}*{box-sizing:border-box}body{margin:0;background:#fafcf8;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1140px,calc(100% - 36px));margin:auto}.top{background:var(--navy);color:#f5f9ef;padding:9px 0;font-size:12px}.top .container{display:flex;justify-content:space-between;gap:8px}.nav{border-bottom:3px solid var(--gold);position:sticky;z-index:10;top:0;background:#fff;box-shadow:0 3px 18px #165c2812}.navwrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}.logo{display:flex;align-items:center;gap:10px;font-weight:850;font-size:23px;color:var(--navy)}.mark{background:linear-gradient(135deg,#278c32 0%,#77a72b 68%,#f0c90c 100%);color:white;padding:10px 13px;border-radius:13px;letter-spacing:-2px}.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:.7px;color:var(--muted)}.links{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:650}.links a:hover{color:var(--blue)}.btn{transition:background-color .2s,transform .2s;background:var(--blue);color:white;border:none;border-radius:10px;padding:13px 20px;font-weight:700;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn.alt{background:white;color:var(--blue);border:1px solid var(--border)}.btn.green{background:var(--green)}.mobile{display:none}.hero{background:linear-gradient(115deg,#f0f8e8 0%,#ffffff 60%,#fff9df 100%);padding:70px 0 78px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:52px}.eyebrow{box-shadow:inset 3px 0 0 var(--gold);display:inline-block;border:1px solid #d7e9a8;color:#417022;background:#f5f8df;border-radius:50px;padding:8px 14px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(35px,4vw,57px);line-height:1.12;letter-spacing:-1.8px;margin:22px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:16px;line-height:1.8;color:var(--muted);max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{background:white;border:1px solid var(--border);box-shadow:0 25px 70px #246d281e;border-radius:25px;padding:20px;transform:rotate(1deg)}.visual-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mini-pill{font-size:11px;font-weight:750;color:var(--green);background:var(--mint);border-radius:40px;padding:7px 10px}.illustration{background:linear-gradient(135deg,#14692d 0%,#2f8c39 72%,#88a92a 100%);color:white;border-radius:20px;min-height:205px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.illustration:after{content:'✦';font-size:190px;position:absolute;right:0;top:-35px;opacity:.08}.illustration strong{font-size:23px}.illustration p{color:#f7ffe8;font-size:13px;margin:8px 0}.visual-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.tiny-card{border:1px solid var(--border);border-radius:14px;padding:15px;font-size:12px;color:var(--muted)}.tiny-card strong{display:block;font-size:15px;color:var(--navy);margin-top:5px}.trust{background:white;border-bottom:1px solid var(--border);padding:23px 0}.trustgrid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.trustgrid span{font-size:13px;color:#547159;font-weight:700}.section{padding:76px 0}.secttitle{text-align:center;max-width:680px;margin:0 auto 32px}.section h2{font-size:32px;color:var(--navy);margin:10px 0}.subtitle{color:var(--muted);line-height:1.7}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:0 9px 22px #165c280c}.card h3{color:var(--navy);margin:18px 0 10px}.card p{font-size:14px;line-height:1.75;color:var(--muted)}.symbol{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;background:#f1f7df;font-size:24px}.card a{font-size:13px;font-weight:800;color:var(--blue)}.section.pale{background:#f2f8eb}.project-card{overflow:hidden;padding:0}.cover{height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#27733b,#c7b526);color:white;font-size:47px}.project-body{padding:24px}.project-label{font-size:11px;color:var(--green);font-weight:800}.project-stats{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:18px 0}.project-stats strong{display:block;margin-top:6px;color:var(--navy)}.line{height:8px;background:#e8efdf;border-radius:10px;margin-bottom:16px;overflow:hidden}.line i{display:block;height:100%;width:65%;background:#77aa33;border-radius:10px}.note{font-size:12px;color:var(--muted);line-height:1.6}.sim{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{margin:15px 0}.field label{font-weight:700;font-size:13px;display:block;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid #dae6d6;background:white;border-radius:10px;padding:13px}.result{background:linear-gradient(135deg,#125b28,#2f8538);border-radius:20px;padding:30px;color:white;display:flex;flex-direction:column;justify-content:center}.result small{color:#eaf7db}.result big{font-size:35px;font-weight:850;margin:12px 0 22px}.result p{color:#eaf7db;font-size:13px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{text-align:center}.number{background:var(--green);box-shadow:0 0 0 4px #f5e9a4;color:white;border-radius:50%;display:inline-grid;place-items:center;width:45px;height:45px;font-weight:800}.step h3{font-size:15px}.step p{font-size:13px;color:var(--muted);line-height:1.6}.cta{background:linear-gradient(120deg,#196a2e,#81a92c);color:#fff;border-radius:24px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{color:white;margin:0 0 12px}.cta p{color:#f1f9e7}footer{background:#154f26;color:#f0f8e8;padding:48px 0 22px;font-size:13px}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{display:block;margin:12px 0;color:#f0f8e8}footer p{line-height:1.7;color:#d3e8d0}.foot{border-top:1px solid #557a56;padding-top:20px;margin-top:35px;color:#cbddc2}.disclaimer{margin-top:12px;padding:10px 13px;background:#fff7e7;border:1px solid #f5deb1;border-radius:9px;color:#7c5a1f;font-size:12px}.modal{display:none;position:fixed;z-index:99;inset:0;background:#153a20b0;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-content{background:white;border-radius:18px;padding:28px;max-width:440px;width:100%;box-shadow:0 30px 70px #0f281644}.modal-content h3{margin-top:0}.modal-content p{line-height:1.7;color:var(--muted)}@media(max-width:950px){.links{display:none}.mobile{display:block}.hero-grid{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:650px){.top{font-size:10px}.hero{padding:40px 0}.hero h1{font-size:39px}.grid3,.sim,.steps,footer .cols{grid-template-columns:1fr}.trustgrid{display:grid;grid-template-columns:1fr 1fr}.section{padding:52px 0}.cta{padding:25px;display:block}.hero-visual{transform:none}.navwrap{min-height:72px}.logo{font-size:19px}}
.brand-logo{width:58px;height:64px;object-fit:contain;flex-shrink:0;border-radius:8px;background:#fff}.logo{gap:11px}.logo small{letter-spacing:.4px}footer .brand-logo{background:white}@media(max-width:650px){.brand-logo{width:46px;height:51px}.logo{gap:7px}.logo small{font-size:8px}} 
/* Album kegiatan - slider horizontal */
.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.album-hint{font-size:13px;color:var(--muted)}
.album-controls{display:flex;gap:8px;align-items:center}
.album-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--green);font-size:22px;font-weight:750;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #14391910}
.album-arrow:hover{background:var(--green);color:#fff}.album-arrow:disabled{opacity:.35;cursor:not-allowed}
.gallery-grid{display:flex!important;grid-template-columns:none!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#96b781 transparent;padding:6px 2px 18px;overscroll-behavior-x:contain}
.gallery-card{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}
@media(max-width:950px){.gallery-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:650px){.gallery-card{flex-basis:86%}.gallery-photo{height:220px}}
@media(prefers-reduced-motion:reduce){.gallery-grid{scroll-behavior:auto}}

.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.album-hint{font-size:13px;color:var(--muted);font-weight:700}.album-controls{display:flex;gap:10px}.album-arrow{width:42px;height:42px;border:none;border-radius:999px;background:var(--green);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;box-shadow:0 10px 20px rgba(39,95,41,.16)}.album-arrow:disabled{opacity:.45;cursor:not-allowed}.gallery-grid{display:flex!important;grid-template-columns:none!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#96b781 transparent;padding:6px 2px 10px;overscroll-behavior-x:contain}.gallery-card{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;background:transparent;border:none;box-shadow:none}.gallery-body,.gallery-note{display:none!important}.gallery-photo{height:320px;border-radius:26px;position:relative;overflow:hidden;display:block;padding:0;border:1px solid rgba(0,0,0,.05);box-shadow:0 18px 40px rgba(17,48,22,.12);background-size:cover;background-position:center}.gallery-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 35%,rgba(0,0,0,.58) 100%)}.gallery-photo .gallery-overlay{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px;color:#fff}.gallery-photo .gallery-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(3px);margin-bottom:10px}.gallery-photo .gallery-title{margin:0;font-size:19px;line-height:1.35;color:#fff;max-width:90%}.gallery-photo.g1{background-image:linear-gradient(135deg,rgba(40,87,34,.45),rgba(219,181,7,.28)),radial-gradient(circle at 20% 18%,rgba(255,255,255,.22) 0 10%,transparent 11%),radial-gradient(circle at 78% 24%,rgba(255,255,255,.18) 0 9%,transparent 10%),linear-gradient(180deg,#6b8f3d 0%,#4d6f2e 42%,#d0aa1d 100%)}.gallery-photo.g2{background-image:linear-gradient(135deg,rgba(30,77,52,.42),rgba(234,199,31,.24)),radial-gradient(circle at 22% 25%,rgba(255,255,255,.18) 0 8%,transparent 9%),linear-gradient(180deg,#50793d 0%,#7ea53f 45%,#d4b425 100%)}.gallery-photo.g3{background-image:linear-gradient(135deg,rgba(22,81,50,.45),rgba(222,194,25,.22)),radial-gradient(circle at 26% 20%,rgba(255,255,255,.18) 0 8%,transparent 9%),radial-gradient(circle at 72% 28%,rgba(255,255,255,.16) 0 7%,transparent 8%),linear-gradient(180deg,#648443 0%,#537d39 48%,#c5a514 100%)}.gallery-photo.g4{background-image:linear-gradient(135deg,rgba(29,83,36,.42),rgba(225,193,30,.24)),linear-gradient(180deg,#4e7640 0%,#709245 46%,#d6b31d 100%)}.gallery-photo.g5{background-image:linear-gradient(135deg,rgba(32,91,46,.45),rgba(232,191,18,.24)),radial-gradient(circle at 28% 22%,rgba(255,255,255,.16) 0 8%,transparent 9%),linear-gradient(180deg,#5c8442 0%,#769847 50%,#c7a612 100%)}.gallery-photo.g6{background-image:linear-gradient(135deg,rgba(34,82,52,.46),rgba(224,188,18,.2)),radial-gradient(circle at 70% 20%,rgba(255,255,255,.15) 0 8%,transparent 9%),linear-gradient(180deg,#477247 0%,#5a8547 50%,#c2a20f 100%)}
@media(max-width:950px){.gallery-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:650px){.album-toolbar{align-items:flex-start;flex-direction:column}.gallery-card{flex-basis:88%}.gallery-photo{height:250px}.gallery-photo .gallery-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.gallery-grid{scroll-behavior:auto}}

/* Enhanced EL-ARBAH information and service experience */
.feature-hub{padding:68px 0;background:#fff}.feature-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.feature-heading h2,.journey-inner h2{font-size:clamp(25px,3vw,36px);color:#185329;margin:8px 0}.feature-heading p,.journey-inner p{color:#677767;line-height:1.7}.feature-kicker{font-size:11px;letter-spacing:1.3px;font-weight:850;color:#3f8b38}.feature-inline{font-weight:750;color:#20753d;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-tile{border:1px solid #dce9d9;background:linear-gradient(145deg,#fff,#f7fbf4);padding:25px;min-height:195px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 30px #225a2410;transition:transform .2s,box-shadow .2s}.feature-tile:hover{transform:translateY(-3px);box-shadow:0 18px 30px #225a2420}.feature-ico{font-size:31px;margin-bottom:14px}.feature-tile strong{color:#194d2b;font-size:17px}.feature-tile small{color:#657968;font-size:13px;line-height:1.6;margin-top:7px}.feature-tile em{font-style:normal;font-weight:800;color:#257e36;font-size:13px;margin-top:auto;padding-top:17px}.journey-band{padding:49px 0;background:linear-gradient(120deg,#e9f5e4,#fff8dc)}.journey-inner{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.journey-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.journey-steps span{background:#fff;border:1px solid #d9e5d3;padding:16px;border-radius:12px;font-size:14px;font-weight:750;color:#2c5f32}.journey-steps a{grid-column:1/-1;color:#1d793a;font-weight:800;margin-top:7px}.info-intro{border-radius:18px;background:linear-gradient(110deg,#e7f4e5,#fff7df);padding:23px;margin-bottom:18px}.info-intro p{margin:7px 0 0;color:#556b55;line-height:1.7}.info-quicknav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}.info-quicknav a{border-radius:999px;background:#f0f8ed;color:#246f35;border:1px solid #d7e8d5;padding:9px 14px;font-weight:700;font-size:13px}.info-main{line-height:1.8}.info-body{white-space:pre-line;line-height:1.85}.info-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0}.info-options article{padding:18px;border-radius:14px;border:1px solid #dfeade;background:#fbfdf9}.info-options article span{color:#b09313;font-weight:900}.info-options article h3{font-size:15px;margin:7px 0;color:#245b31}.info-options article p{font-size:13px;color:#6a766a;line-height:1.7}.product-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product-list-tile{background:#fff;border:1px solid #dde9da;border-radius:20px;padding:27px;box-shadow:0 10px 23px #1f50200d;display:flex;flex-direction:column}.product-icon{font-size:38px}.product-list-tile h2{font-size:21px;color:#20572c;margin:14px 0 8px}.product-list-tile p{color:#697869;line-height:1.75;font-size:14px;flex:1}.product-list-tile a,.service-cta a{color:#207738;font-weight:800}.service-cta{margin:27px 0;background:linear-gradient(115deg,#1d6331,#2d843c);color:#fff;border-radius:20px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:18px}.service-cta p{opacity:.85}.service-cta a{background:#ffdd4a;color:#21512b;border-radius:9px;padding:13px 17px;white-space:nowrap}.product-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px}.detail-side{align-self:start}
@media(max-width:850px){.feature-grid,.product-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-inner,.product-detail-grid{grid-template-columns:1fr}}@media(max-width:620px){.feature-grid,.product-list-grid,.info-options{grid-template-columns:1fr}.feature-heading,.service-cta{display:block}.feature-inline{display:inline-block;margin-top:12px}.journey-steps{grid-template-columns:1fr}.journey-steps a{grid-column:auto}}

/* Homepage preview – aligned currency fields and accessible desktop/mobile layout */
.sim-preview .preview-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;align-content:center}
.sim-preview .field{margin:0 0 8px;min-width:0}
.sim-preview .field label{min-height:20px}
.sim-preview .field input,.sim-preview .field select{height:52px;font-variant-numeric:tabular-nums}
.sim-preview .field input{text-align:right;font-weight:650}
.sim-preview .field input[readonly]{background:#eff5ed;color:#1d6532}
.sim-preview .preview-help,.sim-preview .preview-error{grid-column:1/-1;font-size:12px;line-height:1.65;margin:0;color:#657a65}
.sim-preview .preview-error{color:#a22727}
.sim-preview .preview-divider{border-top:1px solid #ffffff55;padding-top:16px;text-align:right}
.sim-preview .preview-result big,.sim-preview .preview-result h3{font-variant-numeric:tabular-nums;text-align:right}
.sim-preview .preview-result big{font-size:clamp(27px,3vw,36px)}
.sim-preview .preview-detail-link{text-align:center;display:block;margin-top:12px}
@media(max-width:700px){.sim-preview .preview-form{grid-template-columns:1fr 1fr;gap:6px 10px}.sim-preview .field label{font-size:12px}}
@media(max-width:390px){.sim-preview .preview-form{grid-template-columns:1fr}}