/* SINTESA Cara Penggunaan — page-scoped, responsive */
.guide-main{max-width:1230px;margin:0 auto;color:#17335d;min-width:0}.guide-main *{box-sizing:border-box}.guide-main section{margin-bottom:22px}.guide-main h1,.guide-main h2,.guide-main h3,.guide-main p{margin:0}.guide-main h1{font-size:clamp(30px,4.1vw,51px);letter-spacing:-1.4px;line-height:1.15}.guide-main h1 em{font-style:normal;color:#1767db}.guide-main h2{font-size:clamp(22px,2.8vw,32px);line-height:1.25;letter-spacing:-.6px}.guide-main h3{font-size:clamp(18px,1.9vw,23px);line-height:1.3}.guide-main p{font-size:14px;line-height:1.75;color:#5b6e8b}.guide-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:900;color:#1767db;margin-bottom:12px}.guide-intro{text-align:center;padding:49px 15px 38px}.guide-intro p{max-width:730px;margin:16px auto 23px}.guide-primary{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:15px 26px;border-radius:13px;background:#1767db;color:white;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 8px 22px #1356bd20}.guide-primary:hover{background:#1056bb;color:#fff}.guide-security{background:linear-gradient(135deg,#102e63,#19478d);color:white;border:1px solid #2d61ae;border-radius:24px;padding:clamp(20px,3.3vw,39px)}.guide-security h2{color:white}.guide-security p{color:#dce9fc;margin-top:15px}.guide-security .guide-eyebrow{color:#a9d4ff}.guide-sec-head{display:flex;gap:16px;align-items:center}.guide-sec-icon{flex:none;border-radius:16px;background:#ffffff18;border:1px solid #ffffff40;color:#b4ffe1;font-size:24px;font-weight:900;display:grid;place-items:center;width:52px;height:52px}.guide-sec-link{display:inline-flex;margin-top:16px;color:#fff;background:#ffffff22;border:1px solid #ffffff38;padding:11px 15px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800}.guide-sec-link:hover{background:#ffffff33;color:#fff}.guide-section{border-radius:25px;background:#fff;border:1px solid #dce7fa;padding:clamp(18px,3.2vw,39px)}.guide-heading{max-width:740px;margin-bottom:26px}.guide-heading p{margin-top:10px}.guide-step{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(20px,4vw,54px);padding:29px 0;border-top:1px solid #e7edf8;align-items:center;min-width:0}.guide-step:nth-of-type(even) .guide-step-copy{order:2}.guide-step:nth-of-type(even) .guide-step-media{order:1}.guide-step-copy{min-width:0}.guide-step-copy p{margin-top:12px}.guide-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e5f0ff;color:#1464c9;font-size:15px;font-weight:900;margin-bottom:16px}.guide-step-media{display:flex;gap:12px;justify-content:center;align-items:flex-start;min-width:0;background:linear-gradient(135deg,#eaf3ff,#f7faff);border:1px solid #e2eaf8;border-radius:18px;padding:18px}.guide-shot{flex:1;max-width:330px;min-width:0;margin:0}.guide-shot img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;object-position:top;border-radius:10px;border:1px solid #dce7fa;background:white;box-shadow:0 8px 17px #194c8214}.guide-shot figcaption{color:#687b98;font-size:11px;font-weight:700;line-height:1.5;text-align:center;margin-top:10px}.guide-three .guide-shot img{max-height:370px}.guide-wide .guide-shot{max-width:540px}.guide-wide .guide-shot img{max-height:460px}.guide-end{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px clamp(20px,3vw,36px);border-radius:23px;background:linear-gradient(120deg,#143d7f,#243889);color:white}.guide-end .guide-eyebrow{color:#aed5ff}.guide-end h2{color:white}.guide-end p{margin-top:8px;max-width:680px;color:#e0ebff}.guide-end-link{flex:none;max-width:250px;text-align:center;padding:16px 20px;border-radius:12px;background:#f0f5ff;color:#1555b9;font-size:13px;font-weight:900;text-decoration:none}.guide-end-link:hover{background:white;color:#123e82}.guide-footnote{text-align:center;font-size:11px!important;color:#7887a0!important;margin:14px 0 28px!important}
@media(max-width:760px){.guide-intro{padding:30px 10px 25px}.guide-intro p{font-size:13px}.guide-main section{margin-bottom:13px}.guide-security,.guide-section,.guide-end{border-radius:19px}.guide-security p{font-size:12px}.guide-sec-head{align-items:flex-start;gap:10px}.guide-sec-icon{width:39px;height:39px;border-radius:11px}.guide-heading{margin-bottom:12px}.guide-heading p{font-size:13px}.guide-step{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0}.guide-step:nth-of-type(even) .guide-step-copy,.guide-step:nth-of-type(even) .guide-step-media{order:initial}.guide-step-copy p{font-size:13px}.guide-number{margin-bottom:9px}.guide-step-media{padding:11px;gap:8px}.guide-shot img{max-height:430px}.guide-three .guide-shot img{max-height:280px}.guide-shot figcaption{font-size:10px}.guide-end{display:block}.guide-end p{font-size:12px}.guide-end-link{display:block;max-width:100%;margin-top:18px}}
@media(max-width:390px){.guide-three .guide-step-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-three .guide-shot:last-child{grid-column:1/-1;max-width:180px;margin:0 auto}.guide-three .guide-shot img{max-height:270px}}