.article-hero{background:#111;padding:80px 0 64px;color:#fff;text-align:center}.article-hero .breadcrumb{font-size:12px;color:rgb(255 255 255 / .45);margin-bottom:18px}.article-hero .breadcrumb a{color:rgb(255 255 255 / .65);text-decoration:none}.article-hero .breadcrumb a:hover{color:#EE964B}.post-tag{display:inline-block;background:#EE964B;color:#000;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:2px;margin-bottom:16px}.article-hero h1{font-size:clamp(28px, 4.2vw, 56px);line-height:1.15;max-width:880px;margin:0 auto;text-wrap:pretty;padding:0 20px}.article-meta{display:flex;gap:24px;justify-content:center;align-items:center;margin-top:24px;font-size:13px;color:rgb(255 255 255 / .55);flex-wrap:wrap}.article-meta strong{color:#fff}.article-cover{width:100%;max-width:1140px;margin:-40px auto 0;padding:0 20px;position:relative;z-index:10}.article-cover img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:6px;box-shadow:0 24px 48px rgb(0 0 0 / .2)}.article-body{padding:64px 0 80px;background:#fff;width:100%}.article-grid{display:grid;grid-template-columns:280px 1fr 280px;gap:48px;max-width:1440px;margin:0 auto;padding:0 40px;align-items:flex-start}.article-grid>*{min-width:0}.article-aside{font-size:12px;color:#888;position:relative}.article-aside.left{position:sticky;top:120px;align-self:start;height:max-content}.article-aside h4{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#EE964B;margin-bottom:12px}.toc-wrapper{position:sticky;top:120px;max-height:calc(100vh - 150px);overflow-y:auto}.toc-list{list-style:none;padding:0;border-left:1px solid #f0f0f0;margin-top:12px}.toc-list li{padding:4px 0 4px 16px;position:relative}.toc-list li.h2{font-weight:600;font-size:13px;color:#111}.toc-list li.h3{font-size:12px;padding-left:28px;color:#888}.toc-list li a{color:inherit;text-decoration:none;transition:color 0.2s;display:block}.toc-list li a:hover{color:#EE964B}.mobile-toc{display:none;background:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:32px;overflow:hidden}.mobile-toc-btn{width:100%;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:#111;cursor:pointer}.mobile-toc-btn i{font-size:12px;transition:transform 0.3s}.mobile-toc.open .mobile-toc-btn i{transform:rotate(180deg)}.mobile-toc-content{display:none;padding:0 20px 20px}.mobile-toc.open .mobile-toc-content{display:block}.share-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.share-list a{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#555;text-decoration:none;transition:all 0.2s}.share-list a:hover{border-color:#EE964B;color:#EE964B}.sidebar-solusi-wrapper{margin-bottom:40px}.sidebar-solusi-wrapper h4{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#EE964B;margin-bottom:12px}.sidebar-solusi-list{display:flex;flex-direction:column;gap:16px}.sidebar-solusi-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:6px;overflow:hidden;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s}.sidebar-solusi-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgb(0 0 0 / .06);border-color:#EE964B}.sidebar-solusi-card img{width:100%;height:140px;object-fit:cover}.sidebar-solusi-content{padding:12px}.sidebar-solusi-content h5{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#111;margin:0 0 6px}.sidebar-solusi-content p{font-size:11px;color:#666;margin:0;line-height:1.5}.related-service-cta{background:#FFF9F3;border:1.5px solid #FEE5D2;border-radius:8px;padding:32px;margin:48px 0;position:relative;overflow:hidden}.related-service-cta .cta-label{position:absolute;top:0;right:0;background:#EE964B;color:#000;font-size:10px;font-weight:700;padding:4px 12px;text-transform:uppercase;letter-spacing:1px;border-bottom-left-radius:8px}.cta-content{display:flex;gap:24px;align-items:flex-start}.cta-img{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0}.cta-img img{width:100%;height:100%;object-fit:cover}.cta-text h4{font-size:18px;margin:0 0 8px;color:#000}.cta-text p{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5}.btn-cta{display:inline-block;background:#000;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s}.btn-cta:hover{background:#333;color:#fff;transform:translateX(5px)}.google-preferred-source-container{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0A0A0A;border:1px solid #222;border-radius:8px;padding:16px 20px;margin:40px 0 24px;flex-wrap:wrap}.preferred-source-label{font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:#ccc}.author-card{background:#f9f9f9;border-radius:6px;padding:32px;display:flex;gap:24px;align-items:center;margin-top:64px;border:1px solid #eee}.author-avatar{width:80px!important;height:80px!important;border-radius:50%!important;overflow:hidden!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #EE964B;background:#fff;padding:0!important}.author-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important}.author-card h4{font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;margin:0 0 6px}.author-card p{font-size:14px;color:#555;line-height:1.6;margin:0}.related-articles{padding:80px 0;background:#f9f9f9;border-top:1px solid #eee}.related-articles h2{font-size:28px;margin-bottom:40px;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1140px;margin:0 auto;padding:0 20px}.related-card{background:#fff;border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow 0.3s,transform 0.3s;display:block;height:100%;border:1px solid #eee}@media (max-width:1100px){.article-grid{grid-template-columns:1fr;gap:32px}.article-aside.left{display:none}.mobile-toc{display:block}.sidebar-solusi-wrapper{width:100%;overflow:hidden;margin:32px 0}.sidebar-solusi-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px;gap:16px}.sidebar-solusi-card{min-width:260px;scroll-snap-align:start;flex-shrink:0}.sidebar-solusi-list::-webkit-scrollbar{display:none}.sidebar-solusi-list{-ms-overflow-style:none;scrollbar-width:none}}@media (max-width:768px){.article-body{padding:40px 0}.article-grid{padding:0 16px}.cta-content{flex-direction:column}.author-card{flex-direction:column;text-align:center}.related-grid{grid-template-columns:1fr;padding:0 16px}.article-hero{padding:60px 0 40px}.article-hero h1{font-size:28px}}.article-content{width:100%;font-family:'Poppins',sans-serif;color:#333;font-size:16px;line-height:1.8;overflow-wrap:break-word}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:'Headland One',serif;color:#111;margin-top:48px;margin-bottom:20px;line-height:1.3}.article-content h2{font-size:clamp(24px, 3vw, 32px);border-bottom:2px solid #f0f0f0;padding-bottom:12px}.article-content h3{font-size:clamp(20px, 2.5vw, 26px)}.article-content h4{font-size:clamp(18px, 2vw, 22px)}.article-content p{margin-bottom:24px}.article-content a{color:#EE964B;text-decoration:none;font-weight:500;border-bottom:1px solid #fff0;transition:border-color 0.2s,color 0.2s}.article-content a:hover{border-color:#EE964B}.article-content ul,.article-content ol{margin-bottom:28px;padding-left:24px}.article-content li{margin-bottom:12px;position:relative}.article-content ul{list-style:none;padding-left:0}.article-content ul li{padding-left:24px}.article-content ul li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:#EE964B}.article-content ol{counter-reset:article-list;list-style:none;padding-left:0}.article-content ol li{counter-increment:article-list;padding-left:32px}.article-content ol li::before{content:counter(article-list) ".";position:absolute;left:0;font-family:'Headland One',serif;color:#EE964B;font-weight:700}.article-content blockquote{margin:40px 0;padding:24px 32px;background:#fdfaf6;border-left:4px solid #EE964B;border-radius:0 8px 8px 0;font-style:italic}.article-content blockquote p{font-family:'Headland One',serif;font-size:20px;color:#444;line-height:1.6;margin-bottom:0}.article-content blockquote p:last-child{margin-bottom:0}.article-content img,.article-content figure{max-width:100%;height:auto;border-radius:8px;margin:32px 0;display:block}.article-content figcaption{text-align:center;font-size:13px;color:#888;margin-top:12px;font-style:italic}.article-content code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px;color:#F95738}.article-content pre{background:#111;color:#f4f4f4;padding:20px;border-radius:8px;overflow-x:auto;margin-bottom:28px}.article-content pre code{background:#fff0;color:inherit;padding:0}.article-content hr{border:none;border-top:1px solid #ececec;margin:48px 0}@media (max-width:768px){.article-content{font-size:15px}.article-content h2{margin-top:40px}.article-content blockquote{padding:20px 24px}.article-content blockquote p{font-size:18px}}