/* Tentang dan Cara Kerja: versi editorial yang mengikuti Beranda. Halaman legal tetap memakai brand-info.css. */
.info-editorial{background:#fff;color:var(--brand-navy)}
.info-editorial .info-shell{width:min(1200px,calc(100% - 80px))}
.ie-hero{background:#F1F3F7;border-bottom:1px solid #DCE4EC;padding:26px 0 54px}
.ie-breadcrumb{margin:0 0 34px;color:#526078;font-size:.72rem;line-height:1.6}
.ie-breadcrumb a{color:var(--brand-navy);text-decoration:none;border-bottom:1px solid #9CB4C8;padding-bottom:2px}
.ie-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);gap:clamp(36px,6vw,95px);align-items:start}
.ie-hero h1,.ie-body h2,.ie-cta h2{font-family:var(--display);font-weight:600;letter-spacing:-.035em;color:var(--brand-navy);text-wrap:balance}
.ie-hero h1{font-size:clamp(2.45rem,3.8vw,3.55rem);line-height:1.12;max-width:710px}
.ie-lead{max-width:690px;margin-top:21px;color:#42516A;font-size:.99rem;line-height:1.8}
.ie-lead p,.ie-hero-note p,.ie-assurance p{margin:0}
.ie-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:29px}
.info-editorial .ie-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:47px;border-radius:6px;padding:12px 18px;text-decoration:none;font:700 .78rem/1.45 var(--body);transition:background .15s,color .15s}
.info-editorial .ie-button-navy{background:var(--brand-navy);border:1px solid var(--brand-navy);color:#fff}
.info-editorial .ie-button-navy:hover{background:#263A5F;color:#fff}
.info-editorial .ie-button-navy span{color:var(--celeste);font-size:1rem;font-weight:400}
.ie-text-link{display:inline-flex;align-items:center;gap:16px;font-size:.78rem;font-weight:700;line-height:1.5;color:var(--brand-navy);text-decoration:none;border-bottom:1px solid #91AABF;padding-bottom:4px}
.ie-text-link:hover{border-color:var(--brand-navy)}
.ie-hero-note{border:1px solid #DCE4EC;border-top:3px solid var(--celeste);background:#fff;padding:30px 32px;color:#42516A;font-size:.91rem;line-height:1.9;box-shadow:0 10px 27px rgba(20,32,60,.025)}
.info-how-it-works .ie-hero-grid{display:block;max-width:930px}
.info-how-it-works .ie-hero h1{max-width:880px}
.info-how-it-works .ie-lead{max-width:790px}
.ie-assurance{margin-top:19px;padding-left:15px;border-left:2px solid var(--celeste);color:#526078;font-size:.78rem;line-height:1.7}
.ie-quicknav{position:sticky;top:var(--nav-h,80px);z-index:25;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #DCE4EC}
.ie-quicknav>.info-shell{display:flex;align-items:center;gap:35px;min-height:65px}
.ie-quicknav-label{flex:none;color:#66758B;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.ie-quicknav-links{display:flex;align-items:center;gap:9px;overflow-x:auto;min-width:0;scrollbar-width:none}
.ie-quicknav-links::-webkit-scrollbar{display:none}
.ie-quicknav-links a{flex:none;color:#42516A;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:5px;padding:8px 10px;font-size:.72rem;font-weight:600;line-height:1.4}
.ie-quicknav-links a:hover,.ie-quicknav-links a:focus-visible{background:#EEF5FB;border-color:#D3E5F2;color:var(--brand-navy)}
.ie-body{padding-block:42px 86px}
.ie-section{scroll-margin-top:calc(var(--nav-h,80px) + 85px);display:grid;grid-template-columns:minmax(230px,.54fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);border-top:1px solid #DDE5EC;padding:36px 0 39px}
.ie-section-heading{min-width:0}
.ie-body h2{font-size:clamp(1.42rem,2.15vw,1.82rem);line-height:1.3}
.ie-section-copy{max-width:690px;color:#43516A;font-size:.94rem;line-height:1.85}
.ie-section-copy p+p{margin-top:13px}
.ie-section-copy ul{list-style:none;margin:0;padding:0}
.ie-section-copy li{position:relative;padding:12px 0 12px 22px;border-bottom:1px solid #CADBE8}
.ie-section-copy li:first-child{padding-top:0}
.ie-section-copy li:last-child{border-bottom:0;padding-bottom:0}
.ie-section-copy li::before{content:'';position:absolute;left:0;top:25px;width:6px;height:6px;border-radius:50%;background:#5BA4DD}
.ie-section-copy li:first-child::before{top:13px}
.ie-step-number{display:block;flex:none;color:#4F88B4;font:500 .78rem/1.3 var(--mono);padding-top:5px}
.ie-step .ie-section-heading{display:flex;gap:18px;align-items:flex-start}
.ie-final-note{background:#EAF3FA;border:1px solid #D4E6F2;border-left:3px solid var(--celeste);border-radius:5px;padding:30px 34px;margin-top:24px}
.ie-final-note .ie-section-copy li{border-color:#CBDFED}
.ie-cta{background:#EDF5FB;border-top:1px solid #D4E6F2;padding:46px 0 52px}
.ie-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.ie-cta h2{font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.25;max-width:650px}
.ie-cta p{margin-top:13px;color:#526078;font-size:.85rem;line-height:1.75;max-width:620px}
.ie-cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;flex:none;min-width:250px}
.info-editorial .ie-button-outline{background:transparent;border:1px solid #9FBBD0;color:var(--brand-navy)}
.info-editorial .ie-button-outline:hover{background:#fff}
.ie-alternative{margin:5px 0 0!important;text-align:center;font-size:.72rem!important}
.ie-alternative button{border:0;background:transparent;color:var(--brand-navy);padding:0;font-family:inherit;font-size:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body:has(.info-editorial) .jo-footer-cta{display:none}
.info-editorial a:focus-visible,.info-editorial button:focus-visible{outline:2px solid #2B5FD9;outline-offset:4px}
@media(max-width:900px){.info-editorial .info-shell{width:calc(100% - 48px)}.ie-hero-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);gap:35px}.ie-hero h1{font-size:clamp(2.25rem,4.6vw,3rem)}.ie-section{gap:42px;grid-template-columns:220px minmax(0,1fr)}.ie-quicknav>.info-shell{gap:15px}}
@media(max-width:700px){.info-editorial .info-shell{width:calc(100% - 36px)}.ie-hero{padding:20px 0 31px}.ie-breadcrumb{margin-bottom:25px}.ie-hero-grid{display:block}.ie-hero h1{font-size:clamp(2rem,8vw,2.55rem);line-height:1.14}.ie-lead{font-size:.86rem;line-height:1.75;margin-top:17px}.ie-hero-actions{margin-top:22px;gap:15px}.ie-hero-note{margin-top:25px;padding:20px 22px;font-size:.82rem;line-height:1.75}.ie-assurance{font-size:.73rem;margin-top:18px}.ie-quicknav>.info-shell{min-height:55px;gap:12px}.ie-quicknav-label{display:none}.ie-quicknav-links{width:100%;gap:5px}.ie-quicknav-links a{font-size:.7rem;padding:8px 10px}.ie-body{padding-block:25px 57px}.ie-section{display:block;padding:26px 0 29px;scroll-margin-top:calc(var(--nav-h,70px) + 70px)}.ie-section-heading{margin-bottom:14px}.ie-section-copy{font-size:.84rem;line-height:1.8}.ie-body h2{font-size:1.42rem}.ie-step .ie-section-heading{gap:13px}.ie-step-number{padding-top:4px}.ie-final-note{padding:23px 21px;margin-top:13px}.ie-cta{padding:36px 0 43px}.ie-cta-inner{display:block}.ie-cta h2{font-size:1.7rem}.ie-cta p{font-size:.8rem}.ie-cta-actions{margin-top:23px;min-width:0}.info-editorial .ie-button{width:100%}}
@media(max-width:480px){.ie-hero-actions{display:block}.ie-hero-actions .ie-button{width:100%}.ie-hero-actions .ie-text-link{margin-top:17px}.ie-hero-note{margin-top:23px}.ie-hero h1{font-size:2.15rem}.ie-quicknav>.info-shell{width:100%;padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.info-editorial *{scroll-behavior:auto!important;transition:none!important}}