@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;800&family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap";body::-webkit-scrollbar{display:none}:root{--c-text: #111812;--c-bg: #F5F7F5;--c-accent: #2563EB;--font-serif: "Playfair Display", serif;--font-sans: "Manrope", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);overflow-x:hidden}.hero-layout{position:relative;width:100%;max-width:1600px;margin:0 auto;padding:100px 24px 0;display:flex;align-items:center;justify-content:space-between;min-height:90vh}.three-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-left{width:45%;z-index:2}.hero-right{width:55%;height:80vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.mega-title{font-family:var(--font-serif);font-weight:600;line-height:.95;letter-spacing:-.02em;color:var(--c-text);font-size:clamp(3rem,7vw,6rem)}.marquee-wrap{background:var(--c-text);color:#fff;padding:2.5rem 0;overflow:hidden;white-space:nowrap;margin-top:2rem}.marquee-track{display:flex;gap:4rem;animation:scroll 25s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn-magnetic{display:inline-flex;padding:18px 38px;border-radius:999px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;transition:transform .3s ease}.btn-magnetic:hover{transform:scale(1.05)}.page-container{padding-top:100px;min-height:80vh;max-width:1600px;margin:0 auto;padding-left:24px;padding-right:24px}.product-card{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #00000005}@media(max-width:1024px){.hero-layout{flex-direction:column-reverse;text-align:center;justify-content:center;height:auto;padding-bottom:60px}.hero-left{width:100%;margin-top:40px;display:flex;flex-direction:column;align-items:center}.hero-right{width:100%;height:45vh}.mega-title{font-size:clamp(3rem,10vw,3.5rem)}}@media(max-width:768px){.hero-left{padding:0 16px}.btn-magnetic{width:100%;justify-content:center}}.btn-reset{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;font-size:inherit}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}