/* Foto kartu asli sebagai mockup 3D pada hero. */
.hero-visual{perspective:1000px;perspective-origin:50% 46%}.product-stage{width:275px;height:275px;transform-style:preserve-3d;animation:card-float 6s ease-in-out infinite;will-change:transform}.review-card{inset:0;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:19px;background:none;box-shadow:0 30px 40px #000b,0 9px 14px #0008;transform:translateZ(22px)}.review-card:before{display:none}.card-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;user-select:none;-webkit-user-drag:none}.product-stage:after{content:'';position:absolute;z-index:-1;inset:12% 7% -14%;border-radius:50%;background:#000;filter:blur(24px);opacity:.7;transform:translateZ(-45px)}.product-stage:hover{animation-play-state:paused;transform:rotateX(7deg) rotateY(-15deg) rotateZ(2deg) translateY(-8px) scale(1.045)}
@keyframes card-float{0%,100%{transform:rotateX(5deg) rotateY(-11deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateX(-4deg) rotateY(12deg) rotateZ(2deg) translateY(-15px)}}
@media (prefers-reduced-motion:reduce){.product-stage{animation:none;transform:rotateX(4deg) rotateY(-9deg)}}
@media(max-width:800px){.product-stage{width:250px;height:250px;animation-duration:7s}.product-stage:hover{transform:rotateX(4deg) rotateY(-9deg) translateY(-5px) scale(1.02)}}

/* Aksen cahaya kuning pada elemen penting. */
.eyebrow,.hero h1 em,.star-fill,.step-number{filter:drop-shadow(0 0 5px #ffe60080)}.hero h1 em{ text-shadow:0 0 10px #ffe60055,0 0 22px #ffe6002b}.eyebrow{ text-shadow:0 0 8px #ffe60070}.stats strong{ text-shadow:0 0 9px #ffe60040}.button-primary,.nav-cta,.button-dark{box-shadow:0 0 10px #ffe60080,0 0 24px #ffe60038}.button-primary:hover,.nav-cta:hover,.button-dark:hover{box-shadow:0 0 14px #ffe600aa,0 0 32px #ffe6005c}.trust-line .material-symbols-outlined,.feature-card b,.step-card b{filter:drop-shadow(0 0 4px #ffe6008f)}.order-banner{box-shadow:0 0 38px #ffe60012,inset 0 1px 0 #ffe60018}.section-heading .eyebrow{display:inline-block;padding-inline:7px;border-radius:999px;background:#ffe60012;box-shadow:0 0 13px #ffe60020}

/* Kartu konten: ukuran teks lebih nyaman dibaca pada layar desktop. */
.feature-card,.step-card{padding:20px 22px}.feature-icon{width:30px;height:30px}.feature-icon .material-symbols-outlined{font-size:17px}.feature-card h3,.step-card h3{margin:13px 0 8px;font-size:.9rem;line-height:1.25}.feature-card p,.step-card p{font-size:.68rem;line-height:1.58}.feature-card b,.step-card b{margin-top:11px;font-size:.6rem}.feature-card b .material-symbols-outlined,.step-card b .material-symbols-outlined{font-size:1rem}.comparison{padding:20px 24px}.comparison-column h3{margin-bottom:10px;font-size:.82rem}.comparison-column h3 .material-symbols-outlined{font-size:1rem}.comparison-column ul{padding-left:17px;font-size:.65rem;line-height:1.55}.comparison-column li+li{margin-top:4px}.step-number{width:34px;height:34px;border-radius:8px;font-size:.76rem}.step-card{min-height:160px}
@media(max-width:800px){.feature-card,.step-card{padding:18px}.feature-card h3,.step-card h3{font-size:.88rem}.feature-card p,.step-card p{font-size:.7rem}.comparison{padding:18px}.comparison-column ul{font-size:.68rem}}

/* Navbar tetap tersedia saat halaman digulir. */
.site-header{position:sticky;top:0;background:rgb(9 13 21 / .9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 #ffffff0a;z-index:50}

/* Footer yang lebih terbaca. */
.footer-grid>div:first-child p{font-size:.66rem;line-height:1.6}.footer-grid h3{font-size:.62rem;letter-spacing:.09em}.footer-grid>div:not(:first-child)>a{font-size:.65rem}.footer-grid a small{padding-left:22px;font-size:.54rem}.footer-grid a .material-symbols-outlined{font-size:.95rem}.footer-badge{padding:6px 9px;font-size:.54rem}.footer-bottom{font-size:.54rem}
@media(max-width:800px){.footer-grid>div:first-child p{font-size:.7rem}.footer-grid>div:not(:first-child)>a{font-size:.7rem}.footer-bottom{font-size:.6rem}}

.brand{gap:0}.brand-name{display:inline-flex;align-items:baseline;font-size:1.06rem;font-weight:800;letter-spacing:-.065em}.brand-name span:last-child{color:var(--yellow);text-shadow:0 0 8px #ffe60045}

.order-actions .whatsapp-button,.order-actions .instagram-button{min-height:43px;border:0;color:#fff;font-size:.65rem}.social-icon{width:19px;height:19px;fill:currentColor}.order-actions .whatsapp-button{background:#25d366;box-shadow:0 7px 18px #25d36655}.order-actions .whatsapp-button:hover{box-shadow:0 9px 25px #25d3668c}.order-actions .instagram-button{background:linear-gradient(135deg,#833ab4 0%,#c13584 38%,#fd1d1d 67%,#fcb045 100%);box-shadow:0 7px 18px #c1358460}.order-actions .instagram-button:hover{box-shadow:0 9px 25px #c1358499}

/* Ambient glow: memberi kedalaman pada latar gelap tanpa mengganggu teks. */
main{position:relative;isolation:isolate;overflow:hidden}main:before,main:after{content:'';position:absolute;z-index:-1;width:46vw;height:46vw;max-width:680px;max-height:680px;border-radius:50%;background:#ffe600;filter:blur(135px);opacity:.055;pointer-events:none}main:before{top:7%;left:-27%}main:after{top:51%;right:-30%}.hero{background:radial-gradient(ellipse 42% 72% at 82% 47%,#ffe60014,transparent 72%)}.benefits{background:radial-gradient(ellipse 35% 52% at 10% 20%,#ffe6000a,transparent 75%),radial-gradient(ellipse 30% 46% at 90% 86%,#ffe60008,transparent 75%)}.steps{background:radial-gradient(ellipse 44% 44% at 50% 48%,#ffe60009,transparent 75%)}.faq{background:radial-gradient(ellipse 35% 65% at 80% 52%,#ffe6000b,transparent 76%)}.site-footer{position:relative;overflow:hidden;background:radial-gradient(ellipse 40% 110% at 8% 100%,#ffe60010,transparent 70%),#080c14}.site-footer:before{content:'';position:absolute;top:-100px;right:-160px;width:360px;height:360px;border-radius:50%;background:#ffe600;filter:blur(110px);opacity:.045;pointer-events:none}.site-footer>*{position:relative}

/* Fix/Override Garis Ungu */
body, html {
  border-inline: none !important;
  border-left: none !important;
  border-right: none !important;
}

@media (max-width: 800px) {
  body, html {
    border-inline: none !important;
    border-inline-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
}