/* Halaman domain. Ubah warna dan tata letak di sini tanpa mengubah beranda. */
.dm-hero{background:radial-gradient(circle at 48% 15%,#e2efff,#cce4ff 75%);padding:78px 0 48px}.dm-hero-inner{text-align:center;max-width:770px;margin:auto}.dm-eyebrow{display:inline-block;background:#ffffffc9;border:1px solid white;padding:9px 14px;border-radius:30px;font-size:10px;color:#226bdd;font-weight:800;letter-spacing:1px}.dm-eyebrow i{color:#fc9b57;margin-right:4px}.dm-hero h1{font-size:clamp(32px,4.1vw,55px);font-weight:800;letter-spacing:-1.8px;margin:20px 0 15px}.dm-hero h1 span{color:#2375dc}.dm-hero-inner>p{font-size:14px;line-height:1.8;color:#59718d}.dm-mode{display:inline-flex;gap:5px;background:#fff;border-radius:50px;padding:5px;margin:20px 0 16px;box-shadow:0 9px 25px #195caf1a}.dm-mode button{border:0;border-radius:30px;padding:11px 19px;background:transparent;font-size:11px;color:#60738f;font-weight:800}.dm-mode button.active{background:#2275df;color:#fff}.dm-mode i{margin-right:4px}.dm-search{display:flex;align-items:center;gap:9px;background:white;border:1px solid #b9d3f6;border-radius:12px;box-shadow:0 16px 32px #1d5aa727;padding:7px;max-width:690px;margin:auto}.dm-search>i{color:#8aa0ba;margin-left:13px}.dm-search input{border:0;outline:0;padding:12px 2px;flex:1;min-width:0;color:#203455;font-size:14px}.dm-search button{border:0;border-radius:8px;background:#ffad32;color:#202b42;font-size:12px;font-weight:800;padding:13px 22px;white-space:nowrap}.dm-search button:hover{background:#ffbd58}.dm-search-result{font-size:12px;max-width:690px;margin:8px auto 0;text-align:left}.dm-search-result:not(:empty){background:white;border:1px solid #d6e5f8;padding:13px;border-radius:9px}.dm-search-result.error{color:#b33c45}.dm-subnote{font-size:11px!important;color:#7287a1!important;margin:13px auto 0}.dm-top-tlds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:54px auto 16px}.dm-top-tlds article{padding:20px 21px;background:#fff;border-radius:13px;box-shadow:0 11px 25px #1b5caf18;border:1px solid #eaf0fa}.dm-top-tlds strong{display:block;font-size:25px;font-weight:800;letter-spacing:-1px}.dm-top-tlds article:nth-child(2) strong{color:#2275df}.dm-top-tlds article:nth-child(3) strong{color:#d8417d}.dm-top-tlds span{display:block;font-size:11px;color:#7789a2;min-height:31px}.dm-top-tlds b{font-size:18px}.dm-top-tlds small{font-size:10px;color:#8494aa;font-weight:500}.dm-minor-tlds{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.dm-minor-tlds span{padding:10px 13px;background:#eaf3ff;border:1px solid #bed7f7;border-radius:8px;font-size:11px;color:#24518e}.dm-minor-tlds b{margin-left:4px}.dm-price-note,.dm-price-disclaimer{font-size:10px;color:#7285a2;text-align:center;margin:17px 0 0}.dm-section{padding:94px 0}.dm-price-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.dm-period{border:1px solid #e2ebf7;border-radius:30px;background:#f2f6fc;padding:4px}.dm-period button{border:0;border-radius:26px;padding:10px 15px;font-size:11px;font-weight:800;background:transparent;color:#6c7d93}.dm-period button.active{background:#1f73e4;color:white}.dm-filter{display:flex;align-items:center;gap:8px;color:#3172ce;border:1px solid #dce7f8;border-radius:9px;padding:9px 12px}.dm-filter select{border:0;outline:0;background:transparent;color:#455c78;font-size:11px}.dm-tld-card{border:1px solid #e6edf7;border-radius:14px;padding:21px;height:100%;box-shadow:0 8px 24px #2852a50b;transition:transform .2s}.dm-tld-card:hover{transform:translateY(-5px)}.dm-tld-card h3{font-size:24px;font-weight:800;color:#146bd7}.dm-tld-card p{font-size:11px;color:#798ba2;min-height:35px}.dm-tld-card small{display:block;color:#9aabc0;font-size:10px}.dm-tld-card strong{font-size:20px;display:inline-block;letter-spacing:-.5px}.dm-tld-card span{font-size:10px;color:#8392a8}.dm-tld-card a{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:13px;border-top:1px solid #edf2f8;color:#1672de;font-size:11px;font-weight:800}.dm-benefits{background:linear-gradient(180deg,#f7fbff,#eff8ff)}.dm-benefit{background:white;border:1px solid #e2eefa;border-radius:15px;padding:28px;min-height:205px;box-shadow:0 15px 30px #2c599814}.dm-benefit i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9f2ff;color:#2678e4;margin-bottom:18px}.dm-benefit h3,.dm-feature h3{font-size:15px;font-weight:800}.dm-benefit p,.dm-feature p{font-size:12px;color:#72849d;line-height:1.8}.dm-features{background:#fff}.dm-feature{height:100%;border:1px solid #e6edf8;border-radius:14px;padding:25px;text-align:center}.dm-feature i{display:grid;place-items:center;width:50px;height:50px;background:#edf6ff;color:#2279e6;border-radius:13px;margin:0 auto 18px;font-size:19px}.dm-tips{background:#fbfdff}.dm-tip{padding:32px 0;border-bottom:1px solid #e8eff8;min-height:280px}.dm-tip:last-child{border-bottom:0}.dm-tip-image{width:100%;max-width:445px;display:block;margin:auto;filter:drop-shadow(0 12px 24px #1e54a225)}.dm-tip-number{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#3182e9}.dm-tip h3{font-size:25px;font-weight:800;margin:12px 0;color:#1d2c48}.dm-tip h3 i{font-size:18px;color:#2079e7;margin-right:7px}.dm-tip p{font-size:13px;color:#6d7f98;line-height:1.9;max-width:450px}.dm-faq .accordion{max-width:820px;margin:auto}.dm-faq .accordion-item{border:1px solid #e5edf8;border-radius:9px;margin-bottom:10px}.dm-faq .accordion-button{font-size:12px;font-weight:800}.dm-faq .accordion-body{font-size:12px;line-height:1.8;color:#6c7e96}.dm-team{background:#f7fbff}.dm-team h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1px;font-weight:800;margin:13px 0}.dm-team h2 span{color:#2478df}.dm-team p{font-size:13px;color:#73849a;line-height:1.9}.dm-team-image{width:100%;max-width:480px;display:block;margin:auto}.dm-team-stats{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.dm-team-stats span{font-size:11px;font-weight:800;padding:9px 11px;border:1px solid #dce9f8;background:#fff;border-radius:8px}.dm-team-stats i{color:#1e73dc;margin-right:4px}.back-top{left:20px;right:auto}@media(max-width:767px){.dm-top-tlds{grid-template-columns:1fr;gap:9px;margin-top:38px}.dm-top-tlds article{padding:15px}.dm-top-tlds span{min-height:0}.dm-section{padding:70px 0}.dm-price-controls{flex-wrap:wrap}.dm-tip{min-height:0}.dm-tip-image{max-width:340px}}@media(max-width:575px){.dm-hero{padding:55px 0 45px}.dm-search{flex-wrap:wrap}.dm-search input{width:calc(100% - 60px)}.dm-search button{width:100%}.dm-mode{width:100%;display:flex}.dm-mode button{flex:1}.dm-tld-card{padding:16px}.dm-tld-card strong{font-size:17px}.dm-price-grid{--bs-gutter-x:10px}.dm-tip h3{font-size:21px}}


/* Penyegaran tiga area domain: daftar harga, manfaat, dan fitur. */
.dm-pricing{background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%)}
.dm-pricing .section-heading,.dm-benefits .section-heading,.dm-features .section-heading{margin-bottom:38px}
.dm-price-controls{background:#fff;border:1px solid #e4ecf8;border-radius:20px;padding:13px 16px;margin:0 0 24px;box-shadow:0 10px 30px rgba(25,71,133,.045)}
.dm-period{display:inline-flex;gap:4px;background:#edf4ff;border:0;border-radius:14px;padding:5px}
.dm-period button{border-radius:10px;font-size:13px;padding:11px 18px}
.dm-period button.active{background:#2568d8;box-shadow:0 5px 13px rgba(37,104,216,.25)}
.dm-filter{border-radius:12px;background:#f7faff;padding:12px 14px}
.dm-filter select{font-size:13px;cursor:pointer}
.dm-domain-item[hidden]{display:none!important}
.dm-tld-card{display:flex;flex-direction:column;min-height:282px;background:#fff;border:1px solid #e0eaf8;border-radius:19px;padding:21px;box-shadow:0 12px 30px rgba(26,69,131,.055);transition:transform .2s,box-shadow .2s,border-color .2s}
.dm-tld-card:hover{transform:translateY(-5px);box-shadow:0 19px 36px rgba(35,91,170,.13);border-color:#a9c8f7}
.dm-tld-card-top{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:11px;gap:4px}
.dm-tld-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#eaf2ff;color:#296cdb;font-size:16px}
.dm-domain-item:nth-child(3n+2) .dm-tld-icon{background:#ecf8f4;color:#187c71}
.dm-domain-item:nth-child(3n) .dm-tld-icon{background:#fff4e9;color:#c77427}
.dm-tld-badge{display:inline-flex;border-radius:100px;padding:6px 9px;color:#2568d8;background:#eaf3ff;font-size:10px;font-weight:800;white-space:nowrap}
.dm-tld-card h3{font-size:27px;margin-bottom:3px;color:#152b51;letter-spacing:-1px}
.dm-tld-card p{font-size:12px;min-height:34px;color:#697d99;margin:0}
.dm-tld-cost{margin-top:auto;padding-top:13px}
.dm-tld-cost small{color:#71829c;font-size:11px;margin-bottom:2px}
.dm-tld-cost strong{font-size:21px;color:#173b74;letter-spacing:-.7px}
.dm-tld-cost span{font-size:11px}
.dm-tld-card a{margin-top:16px;padding-top:13px;font-size:12px}
.dm-benefits{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,#dceeff 0%,transparent 30%),linear-gradient(130deg,#eaf4ff,#f8fbff 65%)}
.dm-benefit{position:relative;overflow:hidden;min-height:267px;border:1px solid #dceafb;border-radius:24px;padding:30px 32px;box-shadow:0 16px 38px rgba(32,86,154,.09);transition:transform .2s,box-shadow .2s}
.dm-benefit:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(32,86,154,.13)}
.dm-benefit:after{content:'';position:absolute;right:-75px;top:-85px;width:210px;height:210px;border-radius:50%;background:#eaf3ff;pointer-events:none}
.dm-benefit-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#4186ed,#245bca);font-size:24px;box-shadow:0 9px 18px rgba(35,100,205,.22);margin-bottom:23px}
.dm-benefit:nth-child(1) i{margin:0}
.dm-benefit-index{position:absolute;right:27px;top:40px;color:#5684c1;font-weight:800;font-size:10px;letter-spacing:1px;z-index:1}
.dm-benefit h3{font-size:20px;margin-bottom:9px;color:#172c50}
.dm-benefit p{font-size:13px;max-width:440px;line-height:1.8;margin-bottom:17px}
.dm-benefit-footer{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#2768c8}
.dm-benefit-footer i{font-size:13px}
.dm-features{background:#fff}
.dm-feature{position:relative;overflow:hidden;min-height:220px;padding:26px 26px 25px;text-align:left;border:1px solid #e2ebf8;border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(25,70,135,.04);transition:transform .2s,border-color .2s,box-shadow .2s}
.dm-feature:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#397de2;opacity:0;transition:opacity .2s}
.dm-feature:hover{transform:translateY(-4px);border-color:#b7d1f6;box-shadow:0 17px 35px rgba(25,70,135,.1)}
.dm-feature:hover:before{opacity:1}
.dm-feature-icon{display:grid;place-items:center;width:54px;height:54px;background:#eaf3ff;color:#246bd8;border-radius:16px;margin:0 0 21px;font-size:21px}
.dm-feature:nth-child(1) i{margin:0}
.dm-features .col-lg-4:nth-child(3n+2) .dm-feature-icon{background:#e9f8f3;color:#17866c}
.dm-features .col-lg-4:nth-child(3n) .dm-feature-icon{background:#fff3e9;color:#ce7830}
.dm-feature h3{font-size:17px;margin-bottom:8px;color:#162b4f}
.dm-feature p{font-size:12px;line-height:1.8;margin-bottom:0;color:#697e9a}
@media(max-width:575px){.dm-price-controls{padding:12px}.dm-period,.dm-filter{width:100%;justify-content:center}.dm-period button{flex:1}.dm-filter select{flex:1}.dm-tld-card{padding:15px;min-height:267px}.dm-tld-card h3{font-size:23px}.dm-tld-cost strong{font-size:17px}.dm-tld-badge{font-size:8px;padding:5px 6px}.dm-benefit{padding:25px;min-height:0}.dm-benefit-index{top:37px;right:20px;font-size:9px}.dm-feature{min-height:0}}
.dm-benefit .dm-benefit-icon i,.dm-feature .dm-feature-icon i{display:inline;width:auto;height:auto;background:none;color:inherit;border-radius:0;margin:0;font-size:inherit}
.dm-benefit .dm-benefit-footer i{display:inline;width:auto;height:auto;background:none;color:inherit;border-radius:0;margin:0}

/* Palet biru tua sesuai gambar acuan Mas (sekitar #16497f). */
.dm-pricing{background:linear-gradient(180deg,#f1f7fd 0%,#fff 72%)}
.dm-pricing .kicker,.dm-features .kicker{color:#16497f}
.dm-price-controls{border-color:#d5e3f1;box-shadow:0 14px 34px rgba(22,73,127,.08)}
.dm-period{background:#e8f1fa}
.dm-period button.active{background:#16497f;box-shadow:0 6px 16px rgba(22,73,127,.25)}
.dm-filter{color:#16497f;background:#f0f6fb;border-color:#d6e5f1}
.dm-tld-card{border-color:#d9e7f2;box-shadow:0 12px 30px rgba(22,73,127,.06)}
.dm-tld-icon{background:#e7f1fa;color:#16497f}
.dm-domain-item:nth-child(3n+2) .dm-tld-icon,.dm-domain-item:nth-child(3n) .dm-tld-icon{background:#e7f1fa;color:#16497f}
.dm-tld-badge{color:#16497f;background:#e6f1fb}
.dm-tld-cost strong{color:#16497f}
.dm-tld-card a{color:#16497f}
.dm-domain-item:first-child .dm-tld-card,.dm-domain-item:nth-child(2) .dm-tld-card{background:linear-gradient(155deg,#16497f,#103864);border-color:#16497f;box-shadow:0 18px 38px rgba(22,73,127,.20)}
.dm-domain-item:first-child .dm-tld-card h3,.dm-domain-item:nth-child(2) .dm-tld-card h3,
.dm-domain-item:first-child .dm-tld-cost strong,.dm-domain-item:nth-child(2) .dm-tld-cost strong{color:#fff}
.dm-domain-item:first-child .dm-tld-card p,.dm-domain-item:nth-child(2) .dm-tld-card p,
.dm-domain-item:first-child .dm-tld-card small,.dm-domain-item:nth-child(2) .dm-tld-card small,
.dm-domain-item:first-child .dm-tld-card .dm-tld-cost span,.dm-domain-item:nth-child(2) .dm-tld-card .dm-tld-cost span{color:#c9ddf2}
.dm-domain-item:first-child .dm-tld-card a,.dm-domain-item:nth-child(2) .dm-tld-card a{color:#fff;border-top-color:#ffffff38}
.dm-domain-item:first-child .dm-tld-icon,.dm-domain-item:nth-child(2) .dm-tld-icon{background:#ffffff25;color:#fff}
.dm-domain-item:first-child .dm-tld-badge,.dm-domain-item:nth-child(2) .dm-tld-badge{background:#fff;color:#16497f}
.dm-benefits{background:radial-gradient(circle at 8% 10%,#ffffff16 0%,transparent 31%),linear-gradient(120deg,#16497f 0%,#103964 100%)}
.dm-benefits .section-heading h2,.dm-benefits .section-heading h2 span{color:#fff}
.dm-benefits .section-heading p{color:#d5e5f4}
.dm-benefits .section-heading .kicker{color:#b9d9f5}
.dm-benefit{background:#fff;box-shadow:0 24px 48px rgba(3,28,56,.18)}
.dm-benefit:after{background:#eaf3fa}
.dm-benefit-icon{background:linear-gradient(135deg,#28699f,#16497f);box-shadow:0 9px 19px rgba(22,73,127,.22)}
.dm-benefit-index{color:#16497f}
.dm-benefit-footer{color:#16497f}
.dm-feature{border-color:#dce8f3;box-shadow:0 10px 28px rgba(22,73,127,.05)}
.dm-feature:before{background:#16497f}
.dm-feature-icon,.dm-features .col-lg-4:nth-child(3n+2) .dm-feature-icon,.dm-features .col-lg-4:nth-child(3n) .dm-feature-icon{background:#e7f1fa;color:#16497f}
.dm-feature:hover{border-color:#9cbedc;box-shadow:0 17px 35px rgba(22,73,127,.12)}
