@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";@import "/page-list/styleguide.css";:root{--variable-collection-gray:rgba(86, 86, 86, 1);--variable-collection-gray-over-gray:rgba(76, 76, 76, 1);--variable-collection-gray-text:rgba(75, 66, 96, 1)}.h1{font-family:montserrat,Helvetica;font-weight:700;font-size:32px}.h2{font-family:montserrat,Helvetica;font-weight:700;font-size:24px}.h3{font-family:montserrat,Helvetica;font-weight:700;font-size:20px}.h4{font-family:montserrat,Helvetica;font-weight:700;font-size:18px}.displaytext{font-family:montserrat,Helvetica;font-weight:700;font-size:60px}.maintext{font-family:montserrat,Helvetica;font-weight:500;font-size:38px}.bodytext{font-family:montserrat,Helvetica;font-weight:400;font-size:18px}.navtext{font-family:montserrat,Helvetica;font-weight:500;font-size:14px}.button-text{font-family:montserrat,Helvetica;font-weight:700;font-size:18px}.buttonsmall{font-family:montserrat,Helvetica;font-weight:500;font-size:15px}.subtext{font-family:montserrat,Helvetica;font-weight:400;font-size:14px}.caption{font-family:montserrat,Helvetica;font-weight:400;font-size:12px}@media(max-width:1024px){.displaytext{font-size:52px}.maintext{font-size:32px}.h1{font-size:28px}.h2{font-size:22px}.h3{font-size:18px}}@media(max-width:768px){.displaytext{font-size:44px}.maintext{font-size:28px}.h1{font-size:24px}.h2{font-size:20px}.h3{font-size:18px}.h4{font-size:16px}.bodytext{font-size:16px}.navtext{font-size:15px}.button-text{font-size:16px}.buttonsmall{font-size:14px}}@media(max-width:576px){.displaytext{font-size:36px}.maintext{font-size:24px}.h1{font-size:22px}.h2{font-size:18px}.h3{font-size:16px}.h4{font-size:15px}.bodytext{font-size:15px}.navtext{font-size:14px}.button-text{font-size:15px}.buttonsmall{font-size:13px}.subtext{font-size:13px}.caption{font-size:11px}}body{margin:0;padding:0;background-color:#fafafc}#navbar{display:flex;justify-content:space-between;align-items:center;padding:.2rem 4%;position:fixed;top:0;left:0;right:0;z-index:99999;margin-bottom:25px}#navbar .sidemenu a{color:#fafafc}.footer{background:url(/assets/images/shadow.png);background-position:inherit;background-size:cover;margin-top:5rem}.footer-info{display:flex;flex-direction:row;margin:25px 60px;gap:25px}.profile{color:#000;width:100%}.footer-nav{width:100%;display:flex;justify-content:space-between}.profile span{position:relative;width:fit-content;margin-top:-1px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;font-weight:800}.profile .name{font-size:32px;font-family:montserrat,Helvetica;font-weight:500}.platform,.company,.social{display:flex;flex-direction:column;gap:25px;margin-left:25px}.platform a,.company a{color:#000;text-decoration:none}.social .icon-sosmed{display:flex;gap:17px}.rights{margin:30px 60px}.rights .line{height:1px;width:100%;background-color:#484269;margin-bottom:50px}@media only screen and (max-width:768px){.footer-info{grid-template-columns:none;margin-bottom:50px}.footer-nav{display:grid;grid-template-columns:1fr 1fr}.platform,.company,.social{gap:6px;margin-left:0}.social .icon-sosmed{display:flex;flex-direction:row;width:16px}}@media only screen and (max-width:576px){.footer-info{flex-direction:column}.footer-nav{display:grid;grid-template-columns:1fr;gap:25px}}ul{list-style:none}.navbar{position:fixed;top:0;left:0;width:100%;box-shadow:0 4px 20px rgba(0,0,0,5%);z-index:9999}.nav-container{max-width:1200px;margin:auto;padding:0 40px;height:75px;display:flex;justify-content:space-between;align-items:center}.logo img{width:50px;height:auto}.nav-wrapper{display:flex;align-items:center;gap:165px}.nav-main{display:flex;gap:40px;background:linear-gradient(130deg,#ab0003,#c20407);padding:8px 30px;border-radius:50px}.nav-main a{color:#fff;text-decoration:none}.nav-side{display:flex;gap:30px;align-items:center}.nav-side a{color:#fff;text-decoration:none}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer}.hamburger span{width:25px;height:3px;background:#fff;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media(max-width:992px){.nav-wrapper{position:absolute;top:75px;left:0;width:100%;flex-direction:column;align-items:center;padding:40px 0;gap:30px;display:none;box-shadow:0 15px 30px rgba(0,0,0,8%)}.nav-wrapper.active{display:flex}.nav-main{flex-direction:column;background:0 0;padding:0;gap:20px}.nav-main a{color:#000}.nav-side{flex-direction:column;gap:20px}.hamburger{display:flex}}.section-hero{min-height:100vh;display:flex;align-items:center;background-image:url(/assets/images/section-hero.png);background-size:cover;background-position:50%;padding:100px 20px}.hero-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:60px}.hero-content{max-width:600px}.hero-title{color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.4)}.hero-subtitle{margin-top:20px;color:#fff;opacity:.95}.hero-form{background:rgba(71,71,71,.35);backdrop-filter:blur(12px);border-radius:20px;padding:40px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full{grid-column:span 2}.form-field label{color:#fff}.form-field input{padding:14px 18px;border-radius:12px;border:none;background:#f2f2f2;transition:.3s ease}.form-field input:focus{outline:none;box-shadow:0 0 0 2px rgba(194,4,7,.4)}.button-red{height:48px;border-radius:12px;border:none;cursor:pointer;color:#fff;background:linear-gradient(130deg,#ab0003,#c20407);transition:all .3s ease}.button-red:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(171,0,3,.35)}@media(max-width:768px){.section-hero{padding:80px 20px;text-align:center}.hero-container{gap:40px}.hero-form{padding:25px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:span 1}}.promo-section{padding:60px 20px;background-color:#fff}.container{max-width:1200px;margin:0 auto}.promo-card{background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%);border-radius:24px;padding:30px;color:#fff}.promo-content{display:flex;flex-direction:column}.promo-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:50px;border:1px dashed #fff;font-size:14px;width:fit-content}.promo-badge-text{margin:0}.promo-title{margin:20px 0 0;font-size:24px;font-weight:700}.promo-bottom{display:flex;flex-direction:column;margin-top:20px;gap:20px}.promo-description{font-size:14px;line-height:1.6;margin:0}.button-white{all:unset;box-sizing:border-box;width:100%;height:44px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.button-text-red{font-weight:600;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:768px){.promo-title{font-size:32px}.promo-description{font-size:16px}.promo-card{padding:40px}}@media(min-width:1024px){.promo-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}.promo-description{max-width:650px}.button-white{width:150px}}@media(min-width:1280px){.container{max-width:1224px}.promo-title{font-size:40px}}.services{display:flex;flex-direction:column;gap:57px;align-items:center;margin-bottom:5rem}.services .slides{width:86%;position:relative}.services .text-wrapper{height:39px;margin-top:31px;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent;text-align:center}.services .content-slide{display:flex;gap:30px;position:relative}.services .main-info{flex:1;border-radius:37px;padding:39px 58px;display:flex;flex-direction:column;gap:47px;background-image:url(/assets/images/slide/preview-instalasi-software.png);background-size:cover;background-position:50%}.services .service-main{position:relative;margin-top:-1px;text-shadow:0 4px 4px #00000040;color:#fff}.services .description{position:relative;width:319px;color:#fff}.services .price-info{width:fit-content;display:inline-flex;height:36px;align-items:center;justify-content:center;gap:10px;padding:0 23px;position:relative;border-radius:50px;background:linear-gradient(90deg,#fd2c2f 0%,#cb182a 53%,#9a0324 97%)}.services .price{position:relative;width:fit-content;color:#fff;white-space:nowrap}.services .preview{flex:0 0 27%;min-height:456px;border-radius:37px;padding:31px 29px;background-image:url(/assets/images/slide/preview-penggantian-perangkat.png);background-size:cover;background-position:50%}.services .service-preview{position:relative;margin-top:-1px;text-shadow:0 4px 4px #00000040;color:#fff}.services .button-slide{position:absolute;top:84%;right:calc(27% + 73px);transform:translate(50%,-50%);display:flex}.services .frame,.services .div{position:relative;width:164px;height:149px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:21px}.services .union{position:absolute;inset:0;width:100%;height:100%}.services .button-l,.services .button-r{width:91.5px;height:63px;background:#ebebeb;border:none;position:relative;z-index:2}.services .button-l{border-radius:15px 0 0 15px;left:38px}.services .button-r{border-radius:0 15px 15px 0;right:38px}.services .button-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.union-r-res,.union-l-res{display:none}@media only screen and (max-width:576px){.services .main-info{padding:38px 23px;width:100px;height:500px}}@media only screen and (max-width:768px){.services .preview{display:none}.services .text-wrapper{font-size:25px}.services .main-info .service-main{font-size:30px}.services .main-info .description{font-size:16px;width:90%}.services .price{font-size:14px}.services .button-slide{transform:none;justify-content:center;bottom:0;top:auto;right:0}.union-r-res,.union-l-res{display:flex}.union-r,.union-l{display:none}}.method-option{position:relative;max-width:1440px;min-height:791px;margin:0 auto;background-color:#fafafc;overflow:hidden}.method-option-media{position:absolute;top:0;right:0;width:761px;height:100%}.method-option-image{width:100%;height:100%;object-fit:cover}.method-option-overlay{position:absolute;inset:0;background:linear-gradient(to left,rgba(255,255,255,.95) 0%,rgba(255,255,255,.6) 40%,rgba(255,255,255,0) 100%)}.method-option-content{position:relative;width:70%;padding:64px 0 0 90px;display:flex;flex-direction:column;gap:72px}.method-option-headline{display:flex;flex-direction:column;gap:24px}.method-option-title-main{color:#000;margin:0}.method-option-title-main span{color:#c80a23}.method-option-intro{color:var(--variable-collection-gray-text);max-width:520px}.method-option-list{display:flex;flex-direction:column;gap:40px}.method-option-item{display:flex;gap:22px;align-items:flex-start}.method-option-icon-box{width:82px;height:82px;border-radius:14px;background:linear-gradient(130deg,#ab0003,#c20407);display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-option-icon{width:28px;height:28px}.method-option-info{display:flex;flex-direction:column;gap:12px}.method-option-title{color:#c80a23;margin:0}.method-option-desc{color:var(--variable-collection-gray-text);margin:0}@media only screen and (max-width:576px){.method-option-title-main{font-size:35px}.method-option-content{width:90%;padding-left:25px}}@media only screen and (max-width:768px){.method-option-intro{font-size:16px}.method-option-icon-box{width:60px;height:60px}}.catalog{max-width:1200px;margin:0 auto;padding:72px 24px;display:flex;flex-direction:column;gap:48px}.catalog-title{text-align:center;background:linear-gradient(130deg,#ab0003,#c20407);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:56px;justify-items:center}.product-card{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;transition:transform .2s ease}.product-card:hover{transform:translateY(-6px)}.product-image{width:240px;height:240px;object-fit:cover;border-radius:15px}.product-info{display:flex;flex-direction:column;gap:6px}.product-title{margin:0}.product-desc{margin:0}.product-actions{display:flex;gap:16px}.btn{padding:6px 18px;border-radius:7px;text-decoration:none;transition:all .2s ease}.btn-link{color:#9a0324}.btn-link:hover{text-decoration:underline}.btn-primary{color:#fff;background:linear-gradient(130deg,#ab0003,#c20407)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(171,0,3,.35)}@media only screen and (max-width:576px){.catalog-grid{grid-template-columns:repeat(2,1fr);gap:20px}.product-image{width:100%;height:auto;aspect-ratio:1/1}.product-title{font-size:14px}.product-desc{font-size:12px}.product-actions{flex-direction:column;gap:8px}.btn{width:100%;text-align:center}}.testimonials{padding:60px 20px;background:#f9f9f9}.container{max-width:1200px;margin:0 auto}.testimonials-title{text-align:center;margin-bottom:40px;font-size:24px;font-weight:700;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.testimonials-list{display:grid;grid-template-columns:1fr;gap:24px}.testimonial-card{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 15px rgba(0,0,0,6%);transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.testimonial-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.badge-icon{width:18px;height:18px;background:url(/assets/images/icon/thumbs-up.svg)no-repeat 50%;background-size:contain}.testimonial-quote{font-size:15px;line-height:1.6;color:#333;margin:0}.testimonial-footer{display:flex;align-items:center;gap:12px;margin-top:auto}.testimonial-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.testimonial-info{display:flex;flex-direction:column}.testimonial-name{font-style:normal;font-weight:600;font-size:14px}.testimonial-role{font-size:13px;color:#777}@media(min-width:768px){.testimonials-title{font-size:32px}.testimonials-list{grid-template-columns:repeat(2,1fr)}.testimonial-card{padding:28px}}@media(min-width:1024px){.testimonials-list{grid-template-columns:repeat(3,1fr)}.testimonials{padding:80px 40px}}@media(min-width:1280px){.container{max-width:1224px}}.product-card-highlight{width:100%;max-width:1200px;margin:0 auto}.product{display:flex;height:100%;gap:20px;margin:0 auto;justify-content:center}.product-thumb{display:flex;justify-content:center;height:100%}.product-thumb img{width:80%;border-radius:25px;margin:0}.product-header{text-align:left}.product-info{display:flex;flex-direction:column;gap:20px;width:100%}.product-categories{display:flex;gap:10px}.product-category{padding:3px 21px;border-radius:25px;background:linear-gradient(130deg,#ab0003,#c20407);color:#fff}.product-id{margin:0;color:var(--variable-collection-gray)}.product-title{margin:5px 0 0;color:#000}.product-meta{display:contents}.product-warranty,.product-sold{margin:0;display:flex;align-items:center}.product-warranty img,.product-sold img{margin-right:15px}.product-detail{width:100%;max-width:900px;padding:25px;border-radius:20px}.product-detail .service-box{top:230px;left:0}.product-detail .price{display:flex;width:fit-content;height:73px;align-items:center;justify-content:center;gap:10px;padding:10px;top:0;left:0;border-radius:25px 25px 0 0;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%);color:#fff}.product-detail .description{padding:20px;border-radius:0 0 25px 25px;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%);text-align:left;display:flex;flex-direction:column;gap:15px}.product-detail .title{position:relative;align-self:stretch;margin-top:-1px;color:#fff}.product-detail .desc{position:relative;align-self:stretch;color:#fff}.product-detail .button{padding:10px 25px;border-radius:7px;border:none;cursor:pointer;color:#fff;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%)}.product-detail .button{cursor:pointer;transition:opacity .2s ease-in-out}.product-detail .button:hover{opacity:.9}.product-detail .button:active{opacity:.8}.product-detail .button:focus-visible{outline:2px solid #fff;outline-offset:2px}.top-section{display:flex;justify-content:space-between;align-items:center;border-radius:25px 25px 0 0;color:#fff}@media only screen and (max-width:576px){.product{display:grid;grid-template-columns:300px;gap:20px}.product-info{gap:10px}}@media only screen and (max-width:769px){.top-section .h1{font-size:20px}.product-detail{padding:0}.product-detail .price{height:auto}.product-thumb img{width:100%}.product-detail{width:100%;margin:0 auto}}.section{margin-top:150px}#product-detail{width:100%}.product-detail-wrapper{padding:24px 16px}.product-detail-container{background:#f3f3f3;border-radius:16px;padding:24px}.tab-header{position:relative;display:flex;gap:24px;border-bottom:1px solid #ddd;padding-bottom:8px}.tab-button{background:0 0;border:none;font-size:16px;font-weight:600;cursor:pointer;padding-bottom:6px}.tab-indicator{position:absolute;bottom:-1px;height:3px;background:linear-gradient(130deg,#ab0003,#c20407);transition:.3s ease}.tab-content{display:none;margin-top:24px}.tab-content.active{display:block}.respondent{display:flex;flex-direction:column;gap:5px}.detail-layout{display:flex;flex-direction:column;gap:24px}.detail-section ul{padding-left:18px;line-height:1.6;color:#6b6b6b}.detail-note-box{background:#fff;padding:18px;border-radius:12px}.review-layout{display:flex;flex-direction:column;gap:16px}.review-card{background:#fff;padding:20px;border-radius:12px}.review-user{margin-top:12px;display:flex;align-items:center;gap:10px}.review-user img{width:36px;height:36px;border-radius:50%}@media(min-width:576px){.product-detail-wrapper{padding:40px}.product-detail-container{padding:32px}}@media(min-width:768px){.detail-layout{flex-direction:row;gap:40px}.detail-main{flex:2}.detail-note-box{flex:1}.review-layout{max-width:600px;margin:auto}}@media(min-width:992px){.product-detail-container{max-width:1100px;margin:auto}.review-layout{max-width:1024px}}@media(min-width:1200px){.product-detail-container{padding:48px}}.related-product{background:#fafafc;padding:40px 16px}.related-product .product-detail-wrapper{padding:24px 16px}.related-product .product-detail-container{background:#f3f3f3;border-radius:16px;padding:24px}.related-product .tab-header{position:relative;display:flex;gap:24px;border-bottom:1px solid #ddd;padding-bottom:8px}.related-product .tab-button{background:0 0;border:none;font-size:16px;font-weight:600;cursor:pointer;padding-bottom:6px}.related-product .tab-indicator{position:absolute;bottom:-1px;height:3px;background:linear-gradient(130deg,#ab0003,#c20407);transition:.3s ease}.related-product .tab-content{display:none;margin-top:24px}.related-product .tab-content.active{display:block}.related-product .respondent{display:flex;flex-direction:column;gap:5px}.related-product .detail-layout{display:flex;flex-direction:column;gap:24px}.related-product .detail-section ul{padding-left:18px;line-height:1.6;color:#6b6b6b}.related-product .detail-note-box{background:#fff;padding:18px;border-radius:12px}.related-product .review-layout{display:flex;flex-direction:column;gap:16px}.related-product .review-card{background:#fff;padding:20px;border-radius:12px}.related-product .review-user{margin-top:12px;display:flex;align-items:center;gap:10px}.related-product .review-user img{width:36px;height:36px;border-radius:50%}@media(min-width:576px){.related-product .product-detail-wrapper{padding:40px}.related-product .product-detail-container{padding:32px}}@media(min-width:768px){.related-product .detail-layout{flex-direction:row;gap:40px}.related-product .detail-main{flex:2}.related-product .detail-note-box{flex:1}.related-product .review-layout{max-width:600px;margin:auto}}@media(min-width:992px){.related-product .product-detail-container{max-width:1100px;margin:auto}.related-product .review-layout{max-width:1024px}}@media(min-width:1200px){.related-product .product-detail-container{padding:48px}}.related-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.section-title{margin-bottom:24px}.product-grid{display:grid;grid-template-columns:1fr;gap:20px}.services-grid{flex:1;background:#fafafc;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:16px;border-radius:16px;background:#fff;transition:all .25s ease}.service-content{display:flex;gap:15px;flex-direction:column}.service-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,6%)}.service-image{width:100%;max-width:180px;aspect-ratio:1/1;object-fit:cover;border-radius:14px}.service-info{display:flex;flex-direction:column;gap:10px;padding-top:15px}.service-title{margin:0}.service-desc{display:none}.service-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.btn{padding:8px 18px;border-radius:8px;font-size:14px;text-decoration:none;transition:all .2s ease;border:none}.btn-link{color:#9a0324}.btn-link:hover{background:rgba(154,3,36,8%)}.btn-primary{color:#fff;background:linear-gradient(130deg,#ab0003,#c20407)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(171,0,3,.25)}.related-right{display:flex;flex-direction:column;gap:24px}.promo{background:linear-gradient(130deg,#ab0003,#c20407);color:#fff;padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:12px}.promo-highlight{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}.reseller{background:#fff;padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:12px}.full{width:100%}@media(min-width:576px){.service-image{max-width:200px}}@media(min-width:768px){.service-card{padding:20px}.service-image{max-width:220px}.btn{width:auto}}@media(min-width:1024px){.related-container{flex-direction:row;align-items:flex-start}.related-left{flex:2}.related-right{flex:1}.product-grid{grid-template-columns:repeat(3,1fr);gap:30px}.service-desc{display:contents}}@media(min-width:1280px){.related-product{padding:80px 20px}.product-card:hover{transform:translateY(-8px)}}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative}.page-title .text-wrapper{margin-top:70px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent}.service-highlight-wrapper{padding:40px 16px;background:linear-gradient(180deg,#fafafc,#f3f4f8);display:flex;justify-content:center}.service-highlight{width:100%;max-width:1100px;background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:28px;box-shadow:0 20px 50px rgba(0,0,0,6%)}.service-image-highlight{width:100%;height:auto;border-radius:20px;object-fit:cover;box-shadow:0 15px 40px rgba(0,0,0,8%)}.service-content{display:flex;flex-direction:column;gap:24px}.service-header{display:flex;flex-direction:column;gap:12px}.service-badge{width:fit-content;padding:6px 14px;font-size:13px;border-radius:50px;background:rgba(171,0,3,8%);color:#ab0003;font-weight:600}.service-highlight-title{margin:0;font-size:26px}.service-description{margin:0;color:#555;line-height:1.6}.service-footer{display:flex;flex-direction:column;gap:16px}.service-price{font-size:24px;font-weight:700;color:#ab0003}.service-highlight-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s ease}.btn-outline{border:1px solid #ab0003;color:#ab0003}.btn-outline:hover{background:rgba(171,0,3,8%)}.btn-primary{color:#fff;background:linear-gradient(130deg,#ab0003,#c20407)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(171,0,3,.25)}@media(min-width:768px){.service-highlight{flex-direction:row;align-items:center;padding:40px;gap:40px}.service-media{flex:1}.service-content{flex:1}.service-highlight-title{font-size:30px}.service-footer{flex-direction:row;justify-content:space-between;align-items:center}}@media(min-width:1024px){.service-highlight{padding:56px;gap:60px}.service-highlight-title{font-size:34px}.service-image-highlight{border-radius:24px}}@media(min-width:1280px){.service-highlight{max-width:1200px}}.services{display:flex;flex-direction:column;max-width:1440px;margin:0 auto;min-height:100%}.services-sidebar{background:#ebebeb;padding:16px}.service-categories{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.service-categories::-webkit-scrollbar{display:none}.category{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:none;background:0 0;cursor:pointer;white-space:nowrap;flex-shrink:0;color:#6b6b6b;transition:all .2s ease}.category:hover{background:rgba(0,0,0,5%)}.category--active{color:#fff;background:linear-gradient(130deg,#ab0003,#c20407)}.services-grid{flex:1;background:#fafafc;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:16px;border-radius:16px;background:#fff;transition:all .25s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,6%)}.service-image{width:100%;max-width:180px;aspect-ratio:1/1;object-fit:cover;border-radius:14px}.service-info{display:flex;flex-direction:column;gap:10px;padding-top:15px}.service-title{margin:0}.service-desc{display:none}.service-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.btn{padding:8px 18px;border-radius:8px;font-size:14px;text-decoration:none;transition:all .2s ease}.btn-link{color:#9a0324}.btn-link:hover{background:rgba(154,3,36,8%)}.btn-primary{color:#fff;background:linear-gradient(130deg,#ab0003,#c20407)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(171,0,3,.25)}@media(min-width:576px){.services-grid{gap:20px;padding:20px}.service-image{max-width:200px}}@media(min-width:768px){.services{flex-direction:row}.services-sidebar{width:260px;padding:24px;border-radius:0 20px 20px 0}.service-categories{flex-direction:column;overflow:visible}.services-grid{grid-template-columns:repeat(2,1fr);padding:28px;gap:24px}.service-card{padding:20px}.service-image{max-width:220px}}@media(min-width:1024px){.services-sidebar{width:300px;padding:32px}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px}.service-image{max-width:240px}.service-desc{display:contents}}@media(min-width:1280px){.services-grid{gap:32px;padding:40px}.service-card{padding:24px}}@media(min-width:1536px){.services-grid{gap:40px}}.mission-section{width:100%;background-color:#ebebeb;padding:50px 20px}.mission-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.mission-title{margin:0;color:#000}.mission-content{display:flex;flex-direction:column;gap:24px}.mission-text{margin:0;color:var(--variable-collection-gray-text)}@media(min-width:768px){.mission-section{padding:70px 40px}.mission-content{flex-direction:row;gap:60px}.mission-text{flex:1}}@media(min-width:1024px){.mission-section{padding:90px 60px}.mission-content{gap:100px}.mission-text{font-size:17px;line-height:30px}}@media(min-width:1280px){.mission-container{max-width:1300px}.mission-content{gap:140px}}.vision-section{display:flex;flex-direction:column;gap:40px;padding:40px 20px;margin:40px auto;max-width:1200px}.vision-content{width:100%}.vision-heading-wrapper{margin-bottom:24px}.vision-heading{margin:0;color:#000}.vision-heading-highlight{color:#e31e24;font-weight:700}.vision-heading-text{font-weight:500}.vision-description{max-width:100%}.vision-description-text{margin:0;color:var(--variable-collection-gray-text)}.vision-media{width:100%;display:flex;justify-content:center}.vision-image{width:100%;max-width:500px;height:auto;object-fit:cover}@media(min-width:768px){.vision-section{flex-direction:row;align-items:center;gap:60px;padding:60px 40px}.vision-content{flex:1}.vision-description{max-width:450px}.vision-media{flex:1;justify-content:flex-end}.vision-image{max-width:600px}}@media(min-width:1024px){.vision-section{gap:100px;padding:80px 60px}.vision-image{max-width:700px}.vision-description{max-width:500px}}@media(min-width:1280px){.vision-section{max-width:1300px}}.key-value-section{width:100%;padding:60px 20px}.key-value-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.key-value-intro{max-width:600px}.frame-heading{margin:0 0 20px;color:var(--variable-collection-gray-text)}.frame-heading-highlight{color:#c41e3a;font-weight:700}.frame-heading-text{font-weight:500}.key-value-description{margin:0;color:var(--variable-collection-gray-text)}.key-value-list{display:grid;grid-template-columns:1fr;gap:40px}.key-value-item{display:flex;flex-direction:column}.key-value-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%)}.key-value-icon img{width:28px;height:28px}.key-value-item-title{margin:20px 0 10px;color:var(--variable-collection-gray-text)}.key-value-text{margin:0;color:var(--variable-collection-gray-text)}@media(min-width:768px){.key-value-container{gap:60px}.key-value-list{grid-template-columns:repeat(2,1fr);gap:50px 60px}}@media(min-width:1024px){.key-value-container{flex-direction:row;align-items:flex-start;gap:80px}.key-value-intro{flex:1;max-width:450px}.key-value-list{flex:1.5;gap:60px 80px}}@media(min-width:1280px){.key-value-container{max-width:1300px}.key-value-list{gap:80px 100px}}.portfolio-section{padding:60px 20px;max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:50px}.portfolio-header{text-align:center;display:flex;flex-direction:column;gap:16px}.portfolio-title{margin:0;background:linear-gradient(119deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.portfolio-description{margin:0}.portfolio-list{display:grid;grid-template-columns:1fr;gap:30px}.portfolio-card{background-color:#ebebeb;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px;transition:transform .2s ease,box-shadow .2s ease}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,8%)}.portfolio-client{display:flex;align-items:center;gap:12px}.client-avatar{width:45px;height:45px}.client-avatar img{width:100%;height:100%;border-radius:50%;border:1px solid #e0e0e0}.client-name{margin:0;font-size:14px;color:var(--variable-collection-gray-over-gray)}.portfolio-thumbnail{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.portfolio-service-name{margin:0;color:var(--variable-collection-gray-over-gray)}.portfolio-summary{margin-top:8px;font-size:14px;color:var(--variable-collection-gray-over-gray)}@media(min-width:768px){.portfolio-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.portfolio-list{grid-template-columns:repeat(3,1fr);gap:40px}.portfolio-section{padding:80px 40px}}@media(min-width:1280px){.portfolio-section{padding:100px 0}}.reseller-section{padding:60px 20px}.reseller-container{max-width:1200px;margin:0 auto;background:linear-gradient(130deg,#ab0003 0%,#b40306 47%,#c20407 100%);border-radius:32px;padding:40px 30px;display:flex;flex-direction:column;gap:30px;align-items:flex-start}.reseller-content{display:flex;flex-direction:column;gap:20px}.reseller-title{margin:0;color:#fff}.reseller-benefits{display:flex;flex-direction:column;gap:10px}.benefits-title{margin:0;color:#fff}.benefits-description{margin:0;color:#fff}.reseller-cta{border:none;padding:12px 22px;border-radius:6px;background-color:#fce7e7;color:#9a0324;cursor:pointer;transition:all .2s ease}.reseller-cta:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.15)}@media(min-width:768px){.reseller-container{flex-direction:row;justify-content:space-between;align-items:center;padding:60px 50px}.reseller-title{font-size:34px}.reseller-content{max-width:600px}}@media(min-width:1024px){.reseller-container{padding:80px 70px;border-radius:40px}.reseller-title{font-size:42px}.reseller-cta{font-size:15px;padding:14px 28px}}@media(min-width:1280px){.reseller-container{max-width:1300px}.reseller-title{font-size:48px}}.support-section{padding:48px 16px}.support-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.support-title{text-align:center;margin:0;font-size:28px;line-height:1.2;background:linear-gradient(130deg,#ab0003,#b40306,#c20407);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.support-content{display:flex;flex-direction:column;gap:40px}.support-image-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.support-image-wrapper img{width:60%;height:auto;border-radius:16px;object-fit:cover}.support-cards{display:flex;flex-direction:column;gap:24px}.support-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,5%);display:flex;flex-direction:column;gap:20px}.support-card-header{display:flex;flex-direction:column;gap:12px}.support-card-header h2{margin:0;font-size:18px}.divider{width:28px;height:3px;background:#2a2828}.support-card-body{display:flex;flex-direction:column;gap:12px}.contact-link{font-weight:600;text-decoration:none;color:#2a2828}.contact-link:hover{text-decoration:underline}.support-card-body p{margin:0;font-size:14px;line-height:1.5}.support-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;text-decoration:none;font-size:14px;color:#fff;background:linear-gradient(130deg,#ab0003,#b40306,#c20407);transition:.3s ease}.support-button:hover{opacity:.85}.support-button img{width:18px;height:18px}@media(min-width:768px){.support-section{padding:64px 24px}.support-title{font-size:36px}.support-card{padding:28px}.support-image-wrapper img{width:80%}}@media(min-width:1024px){.support-content{flex-direction:row;align-items:center;gap:64px}.support-image-wrapper{flex:1}.support-cards{flex:1}.support-card{padding:32px}}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative}.page-title .text-wrapper{margin-top:70px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;font-family:var(--h-1-font-family);font-weight:var(--h-1-font-weight);color:transparent;font-size:var(--h-1-font-size);letter-spacing:var(--h-1-letter-spacing);line-height:var(--h-1-line-height);font-style:var(--h-1-font-style)}.search-section{padding:48px 16px}.search-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.search-title{margin:0;background:linear-gradient(161deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.search-form{display:flex;align-items:center;gap:12px;background-color:#ebebeb;border-radius:16px;padding:12px 16px;width:100%;transition:box-shadow .2s ease}.search-form:focus-within{box-shadow:0 0 0 2px rgba(171,0,3,.2)}.search-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.search-icon img{width:100%;height:100%}.search-form input{flex:1;border:none;background:0 0;outline:none;color:#333}.search-form input::placeholder{color:var(--variable-collection-gray-over-gray)}@media(min-width:768px){.search-section{padding:64px 24px}.search-title{font-size:36px}.search-form{padding:14px 20px}.search-form input{font-size:15px}}@media(min-width:1024px){.search-section{padding:80px 0}.search-title{font-size:var(--h-1-font-size)}}.topics{padding:0 120px;display:flex;flex-direction:column;gap:32px}.topics-heading{text-align:center;font-family:var(--h-1-font-family);font-weight:var(--h-1-font-weight);font-size:var(--h-1-font-size);line-height:var(--h-1-line-height);letter-spacing:var(--h-1-letter-spacing);background:linear-gradient(130deg,#ab0003,#b40306,#c20407);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.topic-card{background-color:#ebebeb;border-radius:17px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.topic-header{display:flex;align-items:center;gap:12px}.topic-icon{width:25px;height:25px;border-radius:14px;padding:13px;background:linear-gradient(130deg,#ab0003,#b40306,#c20407)}.topic-title{font-family:var(--h-2-font-family);font-weight:var(--h-2-font-weight);font-size:var(--h-2-font-size);line-height:var(--h-2-line-height);letter-spacing:var(--h-2-letter-spacing);color:var(--variable-collection-gray-text)}.topic-description{font-family:var(--sub-text-font-family);font-weight:var(--sub-text-font-weight);font-size:var(--sub-text-font-size);line-height:var(--sub-text-line-height);letter-spacing:var(--sub-text-letter-spacing);color:var(--variable-collection-gray-text)}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative}.page-title .text-wrapper{margin-top:70px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;font-family:var(--h-1-font-family);font-weight:var(--h-1-font-weight);color:transparent;font-size:var(--h-1-font-size);letter-spacing:var(--h-1-letter-spacing);line-height:var(--h-1-line-height);font-style:var(--h-1-font-style)}.article-layout{display:flex;flex-direction:column;gap:50px;max-width:1200px;margin:0 auto;padding:40px 20px}.article{width:100%;display:flex;flex-direction:column}.article-hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.article-meta{display:flex;flex-direction:column;gap:16px;margin-top:24px}.article-author{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.author-avatar{width:36px;height:36px;border-radius:50%}.author-name,.article-date{color:#97989f}.article-category{align-self:flex-start;padding:6px 14px;border-radius:30px;background:linear-gradient(130deg,#ab0003,#c20407);color:#fff}.article-header{margin-top:32px}.article-title{margin:0}.article-content{margin-top:24px;display:flex;flex-direction:column;gap:24px}.sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-share{padding:20px;border-radius:12px;background:linear-gradient(130deg,#ab0003,#c20407);color:#fff}.sidebar-share-title{margin:0 0 10px}.share-sosmed{display:flex;gap:20px}.share-sosmed img{height:22px}.sidebar-title{margin:0}.recommendation-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{padding:8px 0 8px 15px;border-left:3px solid transparent;transition:all .2s ease}.recommendation-item:hover{border-left-color:#fd2c2f;background:rgba(253,44,47,5%)}.recommendation-text{margin:0}@media(min-width:1024px){.article-layout{display:grid;grid-template-columns:3fr 1fr;gap:60px;padding:60px 40px}.article-meta{flex-direction:row;justify-content:space-between;align-items:center}.sidebar{position:sticky;top:120px;align-self:start}}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative}.page-title .text-wrapper{margin-top:70px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;font-family:var(--h-1-font-family);font-weight:var(--h-1-font-weight);color:transparent;font-size:var(--h-1-font-size);letter-spacing:var(--h-1-letter-spacing);line-height:var(--h-1-line-height);font-style:var(--h-1-font-style)}.article-category{padding:0 16px;margin-bottom:32px}.article-category-container{max-width:1208px;margin:0 auto}.category-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}.category-list{display:flex;gap:12px;list-style:none;padding:0;margin:0;overflow-x:auto;scrollbar-width:none}.category-list::-webkit-scrollbar{display:none}.category-item{flex:none;padding:8px 22px;border-radius:50px;color:#fff;background:linear-gradient(130deg,#ab0003,#c20407);cursor:pointer;white-space:nowrap;transition:all .25s ease}.category-item:hover{opacity:.9}.category-item.is-active{box-shadow:0 0 0 2px rgba(255,255,255,.3)inset}.category-dropdown{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:50px;border:none;background:linear-gradient(130deg,#ab0003,#c20407);color:#fff;cursor:pointer;flex-shrink:0}.category-dropdown-icon{width:14px;height:14px}.category-dropdown-icon img{width:100%;height:100%}@media(min-width:768px){.article-category{margin-bottom:40px}.category-item{padding:10px 28px}}@media(min-width:1024px){.category-navigation{gap:24px}.category-list{gap:15px;overflow:visible}.category-dropdown{display:none}}@media(min-width:1280px){.article-category{padding:0}}.featured-section{padding:0 16px;margin-bottom:40px}.featured-container{max-width:1208px;margin:0 auto}.featured-article{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:24px;border-radius:16px;overflow:hidden;background-image:url(/assets/images/section-hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff}.featured-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.3));z-index:1}.article-header,.article-meta{position:relative;z-index:2}.article-header{max-width:100%}.article-title{color:#fff}.article-meta{display:flex;flex-direction:column;gap:12px;padding:12px 16px;border-radius:12px;background-color:rgba(255,255,255,.15);backdrop-filter:blur(8px);width:fit-content}.author-info{display:flex;align-items:center;gap:10px}.author-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.author-name-highlight,.publish-date{color:#fff}@media(min-width:768px){.featured-article{min-height:380px;padding:32px}.article-title{font-size:28px}.article-meta{flex-direction:row;align-items:center;gap:20px}}@media(min-width:1024px){.featured-article{min-height:450px;padding:40px}.article-header{max-width:720px}.article-title{font-size:var(--h-1-font-size)}.author-avatar img{width:36px;height:36px}.author-name-highlight,.publish-date{font-size:var(--sub-text-font-size)}}@media(min-width:1280px){.featured-section{padding:0}}.article-list-section{padding:40px 16px}.article-list-container{max-width:1246px;margin:0 auto}.article-list-grid{display:grid;grid-template-columns:1fr;gap:24px}.article-list-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.article-list-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,8%)}.article-list-thumbnail{width:100%;height:220px;object-fit:cover}.article-list-body{padding:20px;display:flex;flex-direction:column;gap:18px}.article-list-header{display:flex;flex-direction:column;gap:14px}.article-list-category{align-self:flex-start;padding:6px 18px;border-radius:50px;color:#fff;background:linear-gradient(130deg,#ab0003,#c20407)}.article-list-title{color:#0f172a}.article-list-meta{display:flex;justify-content:space-between;align-items:center}.article-list-author{display:flex;align-items:center;gap:10px}.author-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.author-name,.article-list-date{color:var(--variable-collection-gray-text)}@media(min-width:576px){.article-list-grid{grid-template-columns:repeat(2,1fr);gap:28px}.article-list-thumbnail{height:230px}}@media(min-width:992px){.article-list-grid{grid-template-columns:repeat(3,1fr);gap:32px}.article-list-thumbnail{height:240px}}@media(min-width:1280px){.article-list-section{padding:60px 0}.article-list-grid{gap:37px}}.page{padding:50px 16px}.support-faq{display:flex;flex-direction:column;gap:48px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background-color:#ebebeb;border-radius:6px;padding:20px}.faq-question{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-marker{font-size:16px}.faq-question-text{flex:1}.faq-icon{font-size:24px;transition:transform .2s ease}.faq-answer{margin-top:16px;display:flex;flex-direction:column;gap:8px}details[open] .faq-icon{transform:rotate(45deg)}@media(min-width:768px){.page{padding:50px}}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative}.page-title .text-wrapper{margin-top:70px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;font-family:var(--h-1-font-family);font-weight:var(--h-1-font-weight);color:transparent;font-size:var(--h-1-font-size);letter-spacing:var(--h-1-letter-spacing);line-height:var(--h-1-line-height);font-style:var(--h-1-font-style)}.related-topics{padding:48px 16px}.related-topics__container{max-width:1208px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.related-topics__heading{text-align:center;font-family:var(--h-1-font-family);font-weight:var(--h-1-font-weight);font-size:26px;line-height:1.3;background:linear-gradient(130deg,#ab0003,#b40306,#c20407);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.topics-grid{display:grid;grid-template-columns:1fr;gap:20px}.topic-card{background-color:#ebebeb;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:all .25s ease}.topic-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,6%)}.topic-header{display:flex;align-items:center;gap:14px}.topic-icon{width:44px;height:44px;border-radius:12px;padding:10px;background:linear-gradient(130deg,#ab0003,#b40306,#c20407)}.topic-title,.topic-description{color:var(--variable-collection-gray-text)}@media(min-width:768px){.topics-grid{grid-template-columns:repeat(2,1fr);gap:24px}.related-topics__heading{font-size:32px}.topic-title{font-size:20px}.topic-description{font-size:15px}}@media(min-width:1024px){.topics-grid{grid-template-columns:repeat(3,1fr);gap:32px}.related-topics{padding:64px 0}.related-topics__heading{font-size:var(--h-1-font-size)}}.article-list-section{padding:40px 16px}.article-list-container{max-width:1246px;margin:0 auto}.article-list-grid{display:grid;grid-template-columns:1fr;gap:24px}.article-list-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.article-list-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,8%)}.article-list-thumbnail{width:100%;height:220px;object-fit:cover}.article-list-body{padding:20px;display:flex;flex-direction:column;gap:18px}.article-list-header{display:flex;flex-direction:column;gap:14px}.article-list-category{align-self:flex-start;padding:6px 18px;border-radius:50px;color:#fff;background:linear-gradient(130deg,#ab0003,#c20407)}.article-list-title{color:#0f172a}.article-list-meta{display:flex;justify-content:space-between;align-items:center}.article-list-author{display:flex;align-items:center;gap:10px}.author-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.author-name,.article-list-date{color:var(--variable-collection-gray-text)}@media(min-width:576px){.article-list-grid{grid-template-columns:repeat(2,1fr);gap:28px}.article-list-thumbnail{height:230px}}@media(min-width:992px){.article-list-grid{grid-template-columns:repeat(3,1fr);gap:32px}.article-list-thumbnail{height:240px}}@media(min-width:1280px){.article-list-section{padding:60px 0}.article-list-grid{gap:37px}}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative}.page-title .text-wrapper{margin-top:70px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent}.tracker-section{padding:60px 16px;display:flex;justify-content:center}.tracker-container{width:100%;display:flex;flex-direction:column;gap:30px}.tracker-title{font-size:22px;font-weight:700;line-height:1.3;background:linear-gradient(130deg,#ab0003,#c20407);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tracker-form{display:flex;flex-direction:column;gap:14px}.tracker-label{font-size:14px;color:#2e2e3a}.tracker-input-group{display:flex;flex-direction:column;gap:12px}.tracker-input{display:flex;align-items:center;gap:10px;background:#ebebeb;padding:12px 16px;border-radius:50px;transition:.3s ease}.tracker-input:focus-within{background:#fff;box-shadow:0 0 0 2px rgba(194,4,7,.2)}.tracker-input img{width:16px;opacity:.6}.tracker-input input{border:none;outline:none;background:0 0;width:100%;font-size:14px;color:#2e2e3a}.tracker-button{width:100%;padding:12px 20px;border:none;border-radius:50px;cursor:pointer;font-weight:600;font-size:14px;color:#fff;background:linear-gradient(130deg,#ab0003,#c20407);transition:.3s ease}.tracker-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(171,0,3,.25)}@media(min-width:576px){.tracker-section{padding:70px 20px}.tracker-title{font-size:24px}.tracker-input input{font-size:15px}}@media(min-width:768px){.tracker-container{max-width:720px;gap:36px}.tracker-title{font-size:28px}.tracker-input-group{flex-direction:row;align-items:center}.tracker-input{flex:1}.tracker-button{width:auto;padding:14px 28px}}@media(min-width:1024px){.tracker-container{max-width:900px;gap:40px}.tracker-title{font-size:32px}.tracker-input{padding:14px 20px}.tracker-button{padding:14px 32px;font-size:15px}}@media(min-width:1280px){.tracker-container{max-width:1e3px}.tracker-title{font-size:36px}}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative}.page-title .text-wrapper{margin-top:70px;background:linear-gradient(90deg,#fd2c2f 0%,#c80a23 47%,#9a0324 100%);-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent}.tracking{padding:40px 16px;display:flex;justify-content:center}.tracking-wrapper{width:100%;display:grid;grid-template-columns:1fr;gap:24px}.tracking-info{background:#fff;padding:24px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,4%)}.tracking-header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px;color:#2e2e3a}.tracking-code{background:#f1f3ff;padding:6px 14px;border-radius:50px;font-size:13px;font-weight:600;color:#4b4260}.tracking-grid{display:grid;grid-template-columns:1fr;gap:18px}.tracking-item{display:flex;flex-direction:column;gap:4px}.tracking-item.full{grid-column:span 1}.label{font-size:13px;color:#9aa0b5}.value{font-size:14px;color:#2e2e3a}.highlight{color:#c00407;font-weight:600}.tracking-status{background:linear-gradient(135deg,#ab0003,#c00407);padding:24px;border-radius:20px;color:#fff;box-shadow:0 8px 20px rgba(171,0,3,.25)}.tracking-status h2{margin-bottom:24px;font-size:18px}.timeline{position:relative;padding-left:26px}.timeline::before{content:"";position:absolute;left:8px;top:0;width:2px;height:100%;background:rgba(255,255,255,.4)}.timeline-item{position:relative;margin-bottom:24px;opacity:.7}.timeline-item.active,.timeline-item.done{opacity:1}.timeline-dot{position:absolute;left:-24px;top:4px;width:16px;height:16px;background:#fff;border-radius:50%}@media(min-width:576px){.tracking{padding:50px 20px}.tracking-info,.tracking-status{padding:30px}}@media(min-width:768px){.tracking-wrapper{max-width:720px;gap:32px}.tracking-header{flex-direction:row;justify-content:space-between;align-items:center}.tracking-grid{grid-template-columns:repeat(2,1fr);gap:20px 30px}.tracking-item.full{grid-column:span 2}}@media(min-width:1024px){.tracking-wrapper{max-width:1100px;grid-template-columns:1.1fr .9fr;gap:40px}.tracking-info,.tracking-status{padding:40px;border-radius:24px}.tracking-status h2{font-size:20px}}@media(min-width:1280px){.tracking-wrapper{max-width:1200px}}\ .purchase-layout{padding:48px 16px}.purchase-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.purchase-form-section{position:relative;width:100%}.purchase-accent-line{display:none}.purchase-title{font-family:var(--h-2-font-family);font-size:28px;font-weight:var(--h-2-font-weight);margin-bottom:28px;background:linear-gradient(130deg,#ab0003,#c20407);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.purchase-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field input,.form-field textarea,.form-field select{width:100%;padding:14px 18px;border-radius:12px;border:none;background-color:#ebebeb}.form-field textarea{min-height:100px;resize:none}.form-terms{display:flex;align-items:flex-start;gap:10px;font-size:14px}.submit-button{width:100%;padding:14px;border-radius:8px;border:none;cursor:pointer;font-family:var(--button-text-font-family);font-size:14px;color:#fff;background:linear-gradient(130deg,#ab0003,#c20407);transition:opacity .2s ease}.submit-button:hover{opacity:.9}.purchase-summary{width:100%;padding:24px;border-radius:16px;background:linear-gradient(130deg,#ab0003,#c20407);color:#fff}.purchase-summary h4{margin-bottom:20px}.summary-list{list-style:none;padding:0;margin:0 0 20px}.summary-list li{display:flex;justify-content:space-between;margin-bottom:12px}.summary-total{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.4);padding-top:16px;font-size:16px;font-weight:600}@media(min-width:768px){.purchase-layout{padding:64px 24px}.purchase-title{font-size:32px}.submit-button{width:auto;padding:14px 40px}}@media(min-width:1024px){.purchase-container{flex-direction:row;align-items:flex-start;gap:64px}.purchase-form-section{flex:1}.purchase-summary{width:320px;position:sticky;top:100px}.purchase-accent-line{display:block;position:absolute;left:-40px;top:0;height:100%}}