.CatalogShowcase-module__PDVabW__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.CatalogShowcase-module__PDVabW__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}@media (max-width:480px){.CatalogShowcase-module__PDVabW__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.CatalogShowcase-module__PDVabW__card{border-radius:var(--radius-md);text-decoration:none;display:block;overflow:hidden}.CatalogShowcase-module__PDVabW__imageWrapper{aspect-ratio:4/3;border-radius:var(--radius-md);background:#111;width:100%;position:relative;overflow:hidden}.CatalogShowcase-module__PDVabW__imageWrapper img{opacity:.85;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s}.CatalogShowcase-module__PDVabW__card:hover .CatalogShowcase-module__PDVabW__imageWrapper img{opacity:1;transform:scale(1.07)}.CatalogShowcase-module__PDVabW__overlay{background:linear-gradient(#0000000d 40%,#000000c7 100%);align-items:flex-end;padding:.75rem;transition:background .3s;display:flex;position:absolute;inset:0}.CatalogShowcase-module__PDVabW__card:hover .CatalogShowcase-module__PDVabW__overlay{background:linear-gradient(#0b3b601a 40%,#0b3b60e0 100%)}.CatalogShowcase-module__PDVabW__label{color:#fff;text-shadow:0 1px 4px #00000080;font-size:.78rem;font-weight:600;line-height:1.3}
.page-module___8aEwW__hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.page-module___8aEwW__heroBackground{z-index:1;position:absolute;inset:0}.page-module___8aEwW__heroBackground img{animation:20s ease-in-out infinite alternate page-module___8aEwW__heroZoom;transform:scale(1.08)}@keyframes page-module___8aEwW__heroZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.page-module___8aEwW__heroOverlay{background:linear-gradient(115deg,#020617ed 0%,#0b3b60d1 55%,#0b3b6059 100%);position:absolute;inset:0}.page-module___8aEwW__heroContent{z-index:10;width:100%;padding-top:calc(var(--nav-height) + 2rem);grid-template-columns:1fr;align-items:center;gap:3rem;padding-bottom:4rem;display:grid;position:relative}@media (min-width:900px){.page-module___8aEwW__heroContent{padding-top:calc(var(--nav-height) + 3rem);grid-template-columns:1fr auto;gap:4rem;padding-bottom:5rem}}.page-module___8aEwW__heroText{color:#fff}.page-module___8aEwW__heroText h1{color:#fff;margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.1}.page-module___8aEwW__badge{color:var(--secondary);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbbf241f;border:1px solid #fbbf2466;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.page-module___8aEwW__badge:before{content:"";background:var(--secondary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite page-module___8aEwW__pulse}@keyframes page-module___8aEwW__pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.page-module___8aEwW__heroStats{border-top:1px solid #ffffff1a;flex-wrap:nowrap;gap:2rem;width:100%;margin-top:2rem;padding-top:2rem;display:flex}.page-module___8aEwW__heroStat{flex-direction:column;flex:1 1 0;gap:.2rem;min-width:0;display:flex}.page-module___8aEwW__heroStatNum{color:var(--secondary);font-size:clamp(1.4rem,4vw,1.75rem);font-weight:800;font-family:var(--font-heading);white-space:nowrap;line-height:1}.page-module___8aEwW__heroStatLabel{color:#fff9;font-size:clamp(.7rem,2vw,.8rem);font-weight:500;line-height:1.2}@media (max-width:480px){.page-module___8aEwW__heroStats{gap:.75rem}}.page-module___8aEwW__desktopCollage{justify-content:center;align-items:center;width:100%;display:none}.page-module___8aEwW__mobileCollage{justify-content:center;align-items:center;width:100%;margin-top:1.5rem;margin-bottom:2rem;display:flex}@media (min-width:900px){.page-module___8aEwW__desktopCollage{width:auto;display:flex}.page-module___8aEwW__mobileCollage{display:none}}.page-module___8aEwW__sectionLabel{letter-spacing:.12em;color:var(--primary);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:inline-flex}.page-module___8aEwW__sectionLabel:before{content:"";background:var(--secondary);border-radius:9999px;width:24px;height:2px;display:block}.page-module___8aEwW__minimalCard{border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--background);box-shadow:var(--shadow-sm);padding:2.5rem 2.5rem 2.5rem 3.25rem;transition:box-shadow .4s,transform .4s,border-color .4s;position:relative;overflow:hidden}.page-module___8aEwW__minimalCard:after{content:"";background:var(--secondary);width:4px;height:0%;transition:height .5s;position:absolute;top:0;left:0}.page-module___8aEwW__minimalCard:hover{box-shadow:var(--shadow-xl);transform:translate(6px)}.page-module___8aEwW__minimalCard:hover:after{height:100%}.page-module___8aEwW__minimalIcon{color:#0b3b600a;font-size:5rem;font-weight:900;font-family:var(--font-heading);-webkit-user-select:none;user-select:none;position:absolute;top:-1rem;right:1.5rem}.page-module___8aEwW__marqueeContainer{width:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.page-module___8aEwW__marqueeTrack{gap:3.5rem;width:max-content;padding:.5rem 2rem;animation:45s linear infinite page-module___8aEwW__marquee;display:flex}.page-module___8aEwW__marqueeTrack:hover{animation-play-state:paused}.page-module___8aEwW__marqueeItem{filter:grayscale()opacity(.55);flex-shrink:0;justify-content:center;align-items:center;width:150px;height:80px;transition:all .4s;display:flex}.page-module___8aEwW__marqueeItem:hover{filter:grayscale(0%)opacity();transform:scale(1.08)}.page-module___8aEwW__marqueeItem img{object-fit:contain;max-width:100%;max-height:100%}@keyframes page-module___8aEwW__marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.75rem))}}.page-module___8aEwW__mb-12{margin-bottom:3rem}.page-module___8aEwW__mb-10{margin-bottom:2.5rem}.page-module___8aEwW__mb-8{margin-bottom:2rem}.page-module___8aEwW__mb-6{margin-bottom:1.5rem}.page-module___8aEwW__mb-4{margin-bottom:1rem}.page-module___8aEwW__mb-2{margin-bottom:.5rem}.page-module___8aEwW__mt-16{margin-top:4rem}.page-module___8aEwW__mt-6{margin-top:1.5rem}.page-module___8aEwW__mt-4{margin-top:1rem}.page-module___8aEwW__mt-auto{margin-top:auto}.page-module___8aEwW__max-w-2xl{max-width:42rem}.page-module___8aEwW__max-w-xl{max-width:36rem}.page-module___8aEwW__mx-auto{margin-left:auto;margin-right:auto}.page-module___8aEwW__uppercase{text-transform:uppercase}.page-module___8aEwW__tracking-widest{letter-spacing:.1em}.page-module___8aEwW__font-normal{font-weight:400}.page-module___8aEwW__hidden{display:none}@media (min-width:768px){.page-module___8aEwW__md\:flex-row{flex-direction:row}.page-module___8aEwW__md\:block{display:block}}
.Product3DCollage-module__wlEvhG__collageContainer{perspective:1500px;cursor:pointer;--mouse-x:0;--mouse-y:0;justify-content:center;align-items:center;width:440px;height:480px;margin:0 auto;display:flex;position:relative}.Product3DCollage-module__wlEvhG__collageInner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.Product3DCollage-module__wlEvhG__glowBg{filter:blur(45px);pointer-events:none;z-index:0;background:radial-gradient(circle,#fbbf2433 0%,#0b3b6059 45%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(-150px)}.Product3DCollage-module__wlEvhG__collageCard{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:195px;height:250px;transform-style:preserve-3d;background:#0f172a66;border:1px solid #ffffff26;border-radius:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s,border-color .4s,box-shadow .4s;position:absolute;overflow:hidden;box-shadow:0 15px 35px #00000073}.Product3DCollage-module__wlEvhG__cardFrame{width:100%;height:100%;transform-style:preserve-3d;position:relative}.Product3DCollage-module__wlEvhG__cardImage{object-fit:cover;border-radius:15px;transition:transform .6s}.Product3DCollage-module__wlEvhG__cardOverlay{background:linear-gradient(#0000 30%,#0f172a4d 60%,#0f172ae6 100%);transition:opacity .4s;position:absolute;inset:0}.Product3DCollage-module__wlEvhG__cardBadge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0b3b60cc;border:1px solid #fbbf244d;border-radius:10px;padding:8px 12px;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s;position:absolute;bottom:14px;left:12px;right:12px;transform:translateZ(25px);box-shadow:0 5px 15px #0000004d}.Product3DCollage-module__wlEvhG__badgeText{color:#fff;letter-spacing:.02em;text-shadow:0 2px 4px #00000080;font-size:.78rem;font-weight:700;display:block}.Product3DCollage-module__wlEvhG__cardBillboard{z-index:1;top:15px;left:15px;transform:rotateY(-22deg)rotateX(10deg)rotate(-8deg)translateZ(-90px)scale(.9)}.Product3DCollage-module__wlEvhG__cardNeonBox{z-index:2;top:25px;right:15px;transform:rotateY(22deg)rotateX(8deg)rotate(8deg)translateZ(-60px)scale(.92)}.Product3DCollage-module__wlEvhG__cardHurufTimbul{z-index:5;border-color:#fbbf2473;margin-top:-125px;margin-left:-97.5px;top:50%;left:50%;transform:rotateY(-5deg)rotateX(5deg)rotate(-3deg)translate3d(0,5px,40px)scale(1)}.Product3DCollage-module__wlEvhG__cardHurufTimbul .Product3DCollage-module__wlEvhG__cardBadge{background:#fbbf24e6;border-color:#fff}.Product3DCollage-module__wlEvhG__cardHurufTimbul .Product3DCollage-module__wlEvhG__badgeText{color:var(--primary)}.Product3DCollage-module__wlEvhG__cardCarBranding{z-index:4;bottom:15px;left:25px;transform:rotateY(-18deg)rotateX(12deg)rotate(-6deg)translateZ(15px)scale(.94)}.Product3DCollage-module__wlEvhG__cardStikerKaca{z-index:3;bottom:25px;right:25px;transform:rotateY(18deg)rotateX(-5deg)rotate(6deg)translate(0,0)scale(.94)}.Product3DCollage-module__wlEvhG__collageInner:hover .Product3DCollage-module__wlEvhG__collageCard{opacity:.35;filter:blur(2px)grayscale(30%)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__collageCard:hover{opacity:1;filter:none;z-index:100;border-color:var(--secondary);box-shadow:0 25px 55px #0009,0 0 25px #fbbf2440}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__collageCard:hover .Product3DCollage-module__wlEvhG__cardImage{transform:scale(1.08)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__collageCard:hover .Product3DCollage-module__wlEvhG__cardOverlay{opacity:.8}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__collageCard:hover .Product3DCollage-module__wlEvhG__cardBadge{background:var(--secondary);border-color:#fff;transform:translateZ(40px)scale(1.05)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__collageCard:hover .Product3DCollage-module__wlEvhG__badgeText{color:var(--primary)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardBillboard:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(45px,35px,160px)scale(1.15)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardNeonBox:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(-45px,25px,160px)scale(1.15)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardHurufTimbul:hover{transform:rotateY(0)rotateX(0)rotate(0)translateZ(180px)scale(1.18)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardCarBranding:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(35px,-35px,160px)scale(1.15)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardStikerKaca:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(-35px,-25px,160px)scale(1.15)}@media (max-width:900px){.Product3DCollage-module__wlEvhG__collageContainer{width:320px;height:360px;margin-top:1.5rem;margin-bottom:1.5rem}.Product3DCollage-module__wlEvhG__glowBg{width:250px;height:250px}.Product3DCollage-module__wlEvhG__collageCard{border-radius:12px;width:140px;height:180px}.Product3DCollage-module__wlEvhG__cardImage{border-radius:11px}.Product3DCollage-module__wlEvhG__cardBadge{border-radius:6px;padding:4px 6px;bottom:8px;left:8px;right:8px;transform:translateZ(15px)}.Product3DCollage-module__wlEvhG__badgeText{font-size:.65rem}.Product3DCollage-module__wlEvhG__cardBillboard{top:5px;left:5px;transform:rotateY(-18deg)rotateX(8deg)rotate(-6deg)translateZ(-60px)scale(.9)}.Product3DCollage-module__wlEvhG__cardNeonBox{top:15px;right:5px;transform:rotateY(18deg)rotateX(6deg)rotate(6deg)translateZ(-40px)scale(.92)}.Product3DCollage-module__wlEvhG__cardHurufTimbul{margin-top:-90px;margin-left:-70px;transform:rotateY(-5deg)rotateX(5deg)rotate(-3deg)translate3d(0,5px,20px)scale(1)}.Product3DCollage-module__wlEvhG__cardCarBranding{bottom:5px;left:15px;transform:rotateY(-15deg)rotateX(10deg)rotate(-5deg)translateZ(10px)scale(.94)}.Product3DCollage-module__wlEvhG__cardStikerKaca{bottom:15px;right:15px;transform:rotateY(15deg)rotateX(-5deg)rotate(5deg)translate(0,0)scale(.94)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardBillboard:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(20px,15px,80px)scale(1.1)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardNeonBox:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(-20px,10px,80px)scale(1.1)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardHurufTimbul:hover{transform:rotateY(0)rotateX(0)rotate(0)translateZ(100px)scale(1.12)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardCarBranding:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(15px,-15px,80px)scale(1.1)}.Product3DCollage-module__wlEvhG__collageInner .Product3DCollage-module__wlEvhG__cardStikerKaca:hover{transform:rotateY(0)rotateX(0)rotate(0)translate3d(-15px,-10px,80px)scale(1.1)}}