:root{
  --oh-bg:#07080d;
  --oh-card:#0c111d;
  --oh-card2:#101725;
  --oh-line:rgba(255,255,255,.10);
  --oh-text:#f8fafc;
  --oh-muted:#a7adbb;
  --oh-orange:#ff8a12;
  --oh-orange2:#ffb11b;
  --oh-cyan:#54e2ff;
  --oh-purple:#a66bff;
  --oh-green:#27e07d;
}
body.orange-home-page{
  margin:0;
  min-height:100vh;
  color:var(--oh-text);
  background:
    radial-gradient(circle at 18% 12%, rgba(255,138,18,.18), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(117,82,255,.16), transparent 30%),
    radial-gradient(circle at 52% 88%, rgba(84,226,255,.11), transparent 32%),
    #05070c;
  font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  overflow-x:hidden;
  padding-bottom:104px;
}
.orange-home-shell{
  width:min(100%,720px);
  margin:0 auto;
  padding:18px 16px 28px;
  position:relative;
}
.orange-home-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.orange-home-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%)}
.orange-home-orb{position:absolute;border-radius:999px;filter:blur(24px);opacity:.55;animation:ohFloat 8s ease-in-out infinite}
.orange-home-orb.one{width:190px;height:190px;left:-60px;top:110px;background:rgba(255,138,18,.42)}
.orange-home-orb.two{width:210px;height:210px;right:-90px;top:310px;background:rgba(84,226,255,.22);animation-delay:-2.5s}
.orange-home-orb.three{width:180px;height:180px;right:40px;bottom:90px;background:rgba(166,107,255,.28);animation-delay:-5s}
@keyframes ohFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-18px,0)}}
.orange-home-header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 0 14px;position:sticky;top:0;z-index:50;
  backdrop-filter:blur(16px);
}
.orange-home-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:-.03em;font-size:17px}
.orange-home-logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#111;font-weight:950;background:linear-gradient(135deg,#ffc22a,#ff7118 56%,#a75cff);box-shadow:0 10px 28px rgba(255,133,18,.28)}
.orange-home-head-actions{display:flex;gap:8px;align-items:center}
.orange-home-head-actions a{min-height:36px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#f9fafb;font-size:12px;font-weight:900;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.orange-home-head-actions a.primary{background:linear-gradient(135deg,var(--oh-orange2),var(--oh-orange));color:#111;border:0;box-shadow:0 10px 24px rgba(255,138,18,.24)}
.orange-home-hero{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:28px;
  padding:24px 22px 20px;background:
    linear-gradient(140deg,rgba(255,138,18,.18),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(255,177,27,.28),transparent 28%),
    linear-gradient(145deg,#111827,#070b14 58%,#111827);
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07);
}
.orange-home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;opacity:.65}
.orange-home-hero:after{content:"";position:absolute;width:150px;height:150px;right:22px;top:28px;border-radius:999px;background:linear-gradient(135deg,rgba(255,177,27,.9),rgba(255,113,24,.42));filter:blur(.2px);opacity:.65;animation:ohGlow 4.5s ease-in-out infinite}
@keyframes ohGlow{0%,100%{transform:scale(.92);opacity:.52}50%{transform:scale(1.04);opacity:.78}}
.orange-home-hero>*{position:relative;z-index:1}
.orange-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(9,15,26,.66);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#ffe6bc;box-shadow:inset 0 0 0 1px rgba(255,138,18,.08)}
.orange-kicker i{width:9px;height:9px;border-radius:999px;background:var(--oh-green);box-shadow:0 0 16px var(--oh-green);animation:ohPulse 1.8s ease-in-out infinite}
@keyframes ohPulse{50%{opacity:.35;transform:scale(.82)}}
.orange-home-hero h1{font-family:'Syne','DM Sans',sans-serif;margin:18px 0 10px;font-size:clamp(36px,11vw,64px);line-height:.92;letter-spacing:-.075em;max-width:580px}
.orange-home-hero h1 span{display:block;background:linear-gradient(100deg,#fff 0%,#ffd348 30%,#ff7e1e 57%,#ff5f9b 82%,#a66bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.orange-home-lead{max-width:520px;color:#d3d8e3;font-size:15px;line-height:1.62;margin:0 0 18px}
.orange-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 18px}
.orange-home-actions a{min-height:42px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:950;border:1px solid rgba(255,255,255,.12)}
.orange-home-actions .main{background:linear-gradient(135deg,#ffbf22,#ff7a16);color:#111;border:0;box-shadow:0 13px 28px rgba(255,121,22,.28)}
.orange-home-actions .soft{background:rgba(255,255,255,.075);color:#f9fafb}
.orange-home-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.orange-home-proof article{min-height:74px;border-radius:18px;background:rgba(10,15,26,.65);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 8px}
.orange-home-proof b{font-size:13px;margin-top:6px}.orange-home-proof small{font-size:11px;color:var(--oh-muted)}
.orange-dot-icon{width:18px;height:18px;border-radius:7px;background:linear-gradient(135deg,var(--oh-orange2),var(--oh-orange));box-shadow:0 0 18px rgba(255,138,18,.44)}
.orange-dot-icon.cyan{background:linear-gradient(135deg,#70f1ff,#227bff)}.orange-dot-icon.purple{background:linear-gradient(135deg,#c59aff,#8754ff)}
.orange-live-card{margin-top:14px;border-radius:22px;background:rgba(8,13,24,.78);border:1px solid rgba(255,255,255,.10);padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.orange-live-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.orange-live-top small{display:block;color:#9da5b4;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.orange-live-top b{font-size:16px}.orange-live-status{padding:8px 12px;border-radius:999px;background:rgba(39,224,125,.12);border:1px solid rgba(39,224,125,.28);font-weight:900;font-size:12px;color:#b7ffd4}
.orange-eq{height:48px;border-radius:16px;background:rgba(0,0,0,.22);display:flex;align-items:end;gap:6px;padding:9px 10px;overflow:hidden}
.orange-eq i{flex:1;min-width:10px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#6bf3ff,#2080ff 55%,#a66bff);animation:ohBars 1.35s ease-in-out infinite}.orange-eq i:nth-child(2){animation-delay:-.25s}.orange-eq i:nth-child(3){animation-delay:-.55s}.orange-eq i:nth-child(4){animation-delay:-.1s}.orange-eq i:nth-child(5){animation-delay:-.75s}.orange-eq i:nth-child(6){animation-delay:-.4s}.orange-eq i:nth-child(7){animation-delay:-.9s}
@keyframes ohBars{0%,100%{height:18px}50%{height:38px}}
.orange-live-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.orange-live-mini div{border-radius:14px;padding:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.orange-live-mini small{display:block;font-size:10px;color:#9da5b4;font-weight:850}.orange-live-mini b{font-size:15px}
.orange-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.orange-info-card{border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10);padding:16px;min-height:118px;box-shadow:0 15px 38px rgba(0,0,0,.20)}.orange-info-card.wide{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(140deg,rgba(255,138,18,.17),rgba(16,23,37,.78))}.orange-info-card span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,138,18,.14);color:#ffb11b;margin-bottom:12px}.orange-info-card h2,.orange-info-card h3{margin:0;color:#fff;letter-spacing:-.04em}.orange-info-card h2{font-size:22px}.orange-info-card h3{font-size:17px}.orange-info-card p{margin:6px 0 0;color:#aeb5c4;font-size:12.5px;line-height:1.5}.orange-info-card a{flex:0 0 auto;min-height:38px;padding:0 15px;border-radius:13px;background:linear-gradient(135deg,#ffbf22,#ff7a16);color:#111;text-decoration:none;font-size:12px;font-weight:950}
.orange-mini-strip{display:flex;gap:8px;overflow:auto;margin:14px 0 0;padding-bottom:2px;scrollbar-width:none}.orange-mini-strip::-webkit-scrollbar{display:none}.orange-mini-strip span{white-space:nowrap;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-size:11.5px;font-weight:850;color:#d8deea}.orange-mini-strip span:first-child{background:rgba(255,138,18,.14);border-color:rgba(255,138,18,.28);color:#ffe1b6}
@media(max-width:520px){.orange-home-shell{padding:16px 16px 24px}.orange-home-header{padding-top:8px}.orange-home-brand{font-size:16px}.orange-home-logo{width:42px;height:42px;border-radius:14px}.orange-home-head-actions a{min-height:34px;padding:0 12px}.orange-home-hero{padding:22px 18px 18px;border-radius:24px}.orange-home-hero h1{font-size:43px}.orange-home-lead{font-size:14px}.orange-home-proof{gap:8px}.orange-home-proof article{min-height:66px}.orange-section-grid{gap:10px}.orange-info-card{padding:14px;min-height:106px;border-radius:20px}.orange-info-card.wide{align-items:flex-start;flex-direction:column}.orange-info-card h2{font-size:20px}.orange-info-card h3{font-size:16px}}
@media(max-width:380px){.orange-home-hero h1{font-size:38px}.orange-home-proof small{display:none}.orange-home-actions a{min-height:40px;padding:0 15px}.orange-live-mini b{font-size:13px}}


/* home-orange-products-v2 start */
/* Bersihin text yang diminta dihapus */
.orange-home-lead{
  display:none!important;
}
.orange-info-card.wide p{
  display:none!important;
}

/* Hero tetap hidup tapi lebih padat setelah deskripsi dihapus */
.orange-home-hero{
  padding-top:22px!important;
}
.orange-home-hero h1{
  margin:16px 0 16px!important;
}
.orange-home-actions{
  margin-top:8px!important;
}

/* Angka Panel / VPS / Script di live engine dibuat lebih gede */
.orange-live-mini div{
  padding:11px 12px!important;
  min-height:58px!important;
}
.orange-live-mini small{
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
.orange-live-mini b{
  display:block!important;
  margin-top:2px!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  text-shadow:0 0 18px rgba(255,138,18,.22)!important;
}

/* Card ajakan produk: text bawah sudah dihapus, judul dibuat rapi */
.orange-info-card.wide{
  min-height:auto!important;
  padding:16px!important;
  align-items:center!important;
  border-color:rgba(255,138,18,.20)!important;
  box-shadow:0 18px 44px rgba(255,138,18,.08), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.orange-info-card.wide h2{
  font-size:22px!important;
  line-height:1.15!important;
}
.orange-info-card.wide a{
  min-height:39px!important;
  padding:0 17px!important;
  font-size:12.5px!important;
  border-radius:14px!important;
}

/* Produk yang dijual: ganti 4 info card lama jadi 3 card produk premium */
.orange-product-card{
  position:relative;
  overflow:hidden;
  grid-column:1/-1;
  min-height:92px;
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 12%, rgba(255,138,18,.22), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.orange-product-card:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,#ff8a12,#ffca45,#55e6ff,#a66bff);
  opacity:.85;
  animation:orangeProductLine 3.8s linear infinite;
}
@keyframes orangeProductLine{
  0%{transform:translateX(-35%)}
  50%{transform:translateX(12%)}
  100%{transform:translateX(35%)}
}
.orange-product-card.vps{
  background:
    radial-gradient(circle at 12% 12%, rgba(84,226,255,.20), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
}
.orange-product-card.script{
  background:
    radial-gradient(circle at 12% 12%, rgba(166,107,255,.20), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
}
.orange-product-icon{
  width:46px!important;
  height:46px!important;
  margin:0!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  font-weight:950!important;
  color:#1b1004!important;
  background:linear-gradient(135deg,#ffe0a3,#ff9d22 58%,#ff7118)!important;
  box-shadow:0 10px 24px rgba(255,138,18,.22)!important;
}
.orange-product-card.vps .orange-product-icon{
  color:#05151c!important;
  background:linear-gradient(135deg,#9ef5ff,#25cfff)!important;
  box-shadow:0 10px 24px rgba(37,207,255,.18)!important;
}
.orange-product-card.script .orange-product-icon{
  color:#14051f!important;
  background:linear-gradient(135deg,#d9bdff,#9a61ff)!important;
  box-shadow:0 10px 24px rgba(154,97,255,.18)!important;
}
.orange-product-card h3{
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}
.orange-product-card p{
  margin:5px 0 0!important;
  color:#b9c0cf!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.orange-product-card a{
  min-height:34px;
  padding:0 13px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#161006;
  font-size:12px;
  font-weight:950;
  background:linear-gradient(135deg,#ffe0a3,#ff9d22);
  border:0;
}

@media(max-width:520px){
  .orange-home-hero h1{
    font-size:40px!important;
    margin-bottom:13px!important;
  }
  .orange-home-actions a{
    min-height:39px!important;
    padding:0 15px!important;
    font-size:12px!important;
    border-radius:13px!important;
  }
  .orange-live-mini b{
    font-size:24px!important;
  }
  .orange-info-card.wide{
    flex-direction:row!important;
    gap:12px!important;
  }
  .orange-info-card.wide h2{
    font-size:20px!important;
  }
  .orange-info-card.wide a{
    min-width:104px!important;
    text-align:center!important;
  }
  .orange-product-card{
    grid-template-columns:42px 1fr auto;
    gap:10px;
    padding:13px;
    min-height:86px;
    border-radius:20px;
  }
  .orange-product-icon{
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
    font-size:18px!important;
  }
  .orange-product-card h3{
    font-size:16px!important;
  }
  .orange-product-card p{
    font-size:12px!important;
  }
  .orange-product-card a{
    min-height:32px!important;
    padding:0 11px!important;
    font-size:11.5px!important;
  }
}
@media(max-width:380px){
  .orange-home-hero h1{font-size:36px!important}
  .orange-product-card{
    grid-template-columns:40px 1fr;
  }
  .orange-product-card a{
    grid-column:2;
    width:max-content;
  }
}
/* home-orange-products-v2 end */




/* product-icons-correct-v3 start */
.brand-product-logo{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:inherit!important;
  box-sizing:border-box!important;
}
.brand-pterodactyl-logo{
  background:#e9e9e9!important;
  padding:3px!important;
}
.brand-do-logo{
  background:#fff!important;
  padding:8px!important;
}
.brand-script-logo{
  background:transparent!important;
  padding:0!important;
}
.pd-product-card.panel .pd-icon-box,
.pd-product-card.vps .pd-icon-box,
.pd-product-card.script .pd-icon-box{
  overflow:hidden!important;
  padding:5px!important;
}
.pd-product-card.panel .pd-icon-box svg,
.pd-product-card.vps .pd-icon-box svg,
.pd-product-card.script .pd-icon-box svg{
  display:none!important;
}
.pd-product-card.panel,
.pd-product-card.vps,
.pd-product-card.script{
  min-height:360px!important;
}
.pd-product-card h2,
.pd-product-card .pd-chip-row,
.pd-product-card .pd-package-strip,
.pd-product-card .pd-script-preview,
.pd-product-card .pd-price-row,
.pd-product-card .pd-order-btn{
  visibility:visible!important;
  opacity:1!important;
}
.brand-mini-logo{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  object-fit:contain!important;
  background:rgba(255,255,255,.96)!important;
  padding:3px!important;
  vertical-align:middle!important;
  margin-right:8px!important;
}
.orange-product-icon{
  overflow:hidden!important;
  padding:4px!important;
  font-size:0!important;
  color:transparent!important;
}
.orange-brand-logo{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}
.orange-pterodactyl-logo{background:#e9e9e9!important;padding:2px!important;}
.orange-do-logo{background:#fff!important;padding:5px!important;}
.orange-script-logo{background:transparent!important;padding:0!important;}
@media(max-width:520px){
  .pd-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  .pd-product-card.panel,
  .pd-product-card.vps,
  .pd-product-card.script{
    min-height:360px!important;
  }
  .brand-product-logo{padding:4px!important;}
  .brand-do-logo{padding:6px!important;}
}
@media(max-width:380px){
  .pd-product-grid{gap:10px!important;}
  .pd-product-card.panel,
  .pd-product-card.vps,
  .pd-product-card.script{min-height:350px!important;}
}
/* product-icons-correct-v3 end */