/* Perbaikan tablet dan iPad (Goesaff) */
@media(min-width:601px) and (max-width:900px){
html body .top{padding:8px 28px!important}
html body .panel{overflow-y:auto!important;padding:21px 32px 28px!important}
html body .pg{flex:none!important;min-height:min-content!important;gap:21px!important}
html body .pl,html body .pg>.pr.steps,html body .faqa,html body .pg>.slides.pr,html body .chwrap,html body .hub{padding-left:0!important;padding-right:0!important}
html body .pr,html body .chwrap,html body .abtw,html body .pr.steps,html body .faqa{flex:none!important;overflow:visible!important;min-height:min-content!important}
html body .slides,html body .slides.cards,html body .pg>.slides.pr{flex-direction:column!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;gap:16px!important}
html body .slide,html body .slide.ct,html body .grp{flex:none!important;overflow:visible!important;width:100%!important}
html body .dots{display:none!important}
html body .slide.ct{display:contents!important}
html body .slides.hero{display:grid!important;grid-template-columns:1.35fr 1fr!important;gap:24px 32px!important;align-items:center!important;align-content:start!important}
html body .hphoto{flex:none!important}
html body .arch{height:320px!important;min-height:0!important;flex:none!important;width:auto!important}
html body .arch img{height:100%!important;width:auto!important}
html body .b1,html body .b2{flex:0 1 auto!important;padding:14px 26px!important}
html body .stats{grid-column:1/-1!important;grid-template-columns:repeat(4,1fr)!important}
html body .abtw .abt,html body .abt{padding:28px 32px!important;margin:0!important}
html body .tiles{grid-template-columns:repeat(3,1fr)!important}
html body .hub{flex-direction:column!important}
html body .hub>.slide,html body .hub .lcard>.slide{flex:none!important;width:100%!important}
html body .frow{flex-direction:row!important}
html body .h2{font-size:30px!important}
}
@media(min-width:901px) and (max-width:1180px){
html body .tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}
html body .stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 21px!important}
html body .stat span{font-size:13px!important}
html body .panel{padding:21px 32px 13px!important}
html body .bar{padding:10px 32px!important}
}
@media(min-width:1181px) and (max-width:1300px){
html body .top{padding:8px 24px!important;gap:10px!important}
html body .tab,html body .tabl{padding:10px 8px!important;font-size:14px!important}
html body .tab.on::after,html body .tabl.on::after{left:8px!important;right:8px!important}
html body .cta{padding:11px 18px!important;font-size:14px!important}
}
/* Keselarasan antarhalaman (desktop dan iPad landscape) */
html body .tab.on,html body .tabl.on{font-weight:600!important;-webkit-text-stroke:.5px currentColor}
@media(min-width:901px){
html body .top{height:76px!important;min-height:0!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
html body .logo{width:48px!important;height:48px!important}
html body .bar{height:60px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
html body .wabtn{min-height:40px!important;padding:8px 20px!important}
html body .panel{padding-top:40px!important}
html body .pg,html body .hub{align-items:center!important;align-content:stretch!important}
html body .pg>.pr,html body .pg>.faqa,html body .pg>.abtw,html body .pg>.chkl,html body .pg>.chwrap>.chkl,html body .hub>.lcard{align-self:stretch!important;justify-content:center!important}
html body .pg>.abtw{display:flex!important;flex-direction:column!important;justify-content:center!important}
html body .slides.hero{align-items:center!important;align-content:stretch!important;grid-template-rows:1fr auto!important}
html body .hub>.contact,html body .hub>.slide.contact{align-self:center!important}
html body .scroll{padding-top:24px!important}
}
html body .tabl,html body .tab,html body .cta{letter-spacing:normal!important;word-spacing:normal!important}
html body .pgl{padding-top:0!important}
@media(min-width:901px){html body .pgl .pl{margin-top:0!important;padding-top:0!important;top:0!important}}
@media(min-width:901px) and (max-width:1180px){html body .scroll{padding-left:32px!important;padding-right:32px!important}}
@media(min-width:901px){
html body #privasi .pg{align-items:start!important}
html body #privasi .pg>.pl{position:sticky!important;top:0!important;align-self:start!important}
html body .scroll>.intro{margin-top:auto!important}
html body .scroll>.calc{margin-bottom:auto!important}
}
@media(min-width:901px) and (min-height:1000px){
html body .scroll>.calc{flex:none!important}
html body .scroll>.intro{padding-bottom:22px!important;gap:10px 34px!important}
html body .scroll>.selw{padding-bottom:24px!important}
html body .sel{padding:14px 22px!important}
html body .calc{gap:22px 40px!important}
html body .calc .box{padding:26px 30px!important;gap:20px!important}
html body .calc .fld input{padding:12px 14px!important}
html body .calc .chip{min-height:44px!important}
html body .calcr{gap:18px!important}
}