@keyframes scrolldown{0%{top:-100%}to{top:100%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-up,.reveal-scale,.product-glow,.hero-content,.hero-subtitle,.hero-title,.hero-text,.scroll-indicator,.main-product-img{opacity:1!important;transform:none!important}}:root{--rei-black:#0a0a0a;--rei-dark-gray:#1a1a1a;--rei-yellow:#f9c200;--rei-light:#f4f4f4;--font-sans:"Montserrat", sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--rei-black);color:var(--rei-light);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}body::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(90deg,#f9c200,#ffeb99);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.font-serif{font-family:var(--font-serif)}.italic{font-style:italic}.font-bold{font-weight:700}.font-black{font-weight:900}.font-normal{font-weight:400}.text-yellow{color:var(--rei-yellow)}.text-white{color:#fff}.text-xl{font-size:1.25rem}.reveal-up{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.reveal-up.active{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-scale.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-up,.reveal-scale,.product-glow,.hero-content,.hero-subtitle,.hero-title,.hero-text,.scroll-indicator,.main-product-img{opacity:1!important;transform:none!important}}@media (width>=640px){.logo-text{display:inline}}@media (width>=768px){.hero-subtitle{letter-spacing:.3em;margin-bottom:16px;font-size:.875rem}.hero-text{font-size:1.125rem}}@media (width<=360px){.floating-badge{padding:12px 10px;font-size:.8125rem;bottom:-12px;right:-12px}}@media (width<=768px){.history-image-wrapper{max-width:360px;padding:12px}.history-img-frame,.history-img,.history-img-overlay{border-radius:16px}.floating-badge{padding:12px 14px;font-size:.875rem;bottom:-16px;right:-12px}}@media (width>=768px){.history-grid{grid-template-columns:1fr 1fr}.history-text{order:1;padding-right:32px}.history-image-wrapper{order:2}}@media (width>=1024px){.history-title{font-size:3.5rem}}@media (width>=768px){.product-flex{flex-direction:row}.product-img-wrapper,.product-info{width:50%}.product-info{text-align:left;align-items:flex-start}.feature-item{align-items:flex-start}}@media (width>=1024px){.product-title{font-size:4rem}}@media (width>=768px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.catalog-header h2{font-size:3.5rem}}@media (width>=768px){.footer-content{text-align:left;flex-direction:row;justify-content:space-between}}.btn-outline{border:1px solid var(--rei-yellow);color:var(--rei-yellow);text-transform:uppercase;letter-spacing:1px;cursor:pointer;align-items:center;gap:12px;padding:16px 32px;font-weight:700;transition:color .3s;display:inline-flex;position:relative;overflow:hidden}.btn-outline .bg-hover{background:var(--rei-yellow);transform-origin:0;z-index:0;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.btn-outline:hover{color:var(--rei-black)}.btn-outline:hover .bg-hover{transform:scaleX(1)}.btn-outline span,.btn-outline i{z-index:10;transition:transform .3s;position:relative}.btn-outline:hover i{transform:translate(4px)}.btn-whatsapp{background:var(--rei-yellow);color:var(--rei-black);border-radius:50px;justify-content:center;align-items:center;gap:12px;padding:20px 40px;font-size:1.125rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #f9c2004d}.btn-whatsapp:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 30px #ffffff80}.navbar{z-index:50;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:24px 32px;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.navbar.hidden-nav{transform:translateY(-100%)}.nav-logo{color:var(--rei-yellow);letter-spacing:-1px;align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.logo-text{display:none}.nav-link{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:700;transition:color .3s}.nav-link:hover{color:var(--rei-yellow)}@media (width>=640px){.logo-text{display:inline}}.hero-section{background:var(--rei-black);height:200vh;position:relative}.hero-sticky{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-overlay{background:linear-gradient(to bottom, transparent, #0a0a0a80, var(--rei-black));z-index:10;position:absolute;inset:0}.hero-img{object-fit:contain;object-position:center;opacity:.4;transform-origin:50%;will-change:transform, opacity;background:var(--rei-black);flex-shrink:0;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.hero-content{z-index:20;text-align:center;will-change:transform, opacity;width:100%;max-width:1000px;padding:0 16px;position:relative}.hero-subtitle{color:var(--rei-yellow);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 4px #00000080;margin-bottom:12px;font-size:.75rem}.hero-title{color:#fff;text-shadow:0 10px 20px #00000080;margin-bottom:24px;font-size:clamp(2rem,8vw,7rem);line-height:1}.hero-text{color:#ccc;max-width:min(600px,90vw);margin:0 auto;font-size:clamp(1rem,2.5vw,1.25rem)}.scroll-indicator{z-index:20;will-change:opacity;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:clamp(16px,4vh,40px);left:50%;transform:translate(-50%)}.scroll-text{color:#999;text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.scroll-line{background:#ffffff4d;width:1px;height:48px;position:relative;overflow:hidden}.scroll-dot{background:var(--rei-yellow);width:100%;height:100%;animation:1.5s ease-in-out infinite scrolldown;position:absolute;top:-100%}@media (width>=768px){.hero-subtitle{letter-spacing:.3em;margin-bottom:16px;font-size:.875rem}.hero-text{font-size:1.125rem}}.history-section{background:var(--rei-black);z-index:10;padding:120px 0;position:relative;overflow:hidden}.history-grid{z-index:10;grid-template-columns:1fr;align-items:center;gap:64px;display:grid;position:relative}.history-badge{align-items:center;gap:16px;margin-bottom:24px;display:flex}.badge-line{background:var(--rei-yellow);width:48px;height:2px}.badge-text{color:var(--rei-yellow);text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:700}.history-title{margin-bottom:32px;font-size:2.5rem;line-height:1.2}.history-title span{color:#aaa;font-weight:400}.history-desc{color:#aaa;margin-bottom:24px;font-size:1.125rem;line-height:1.6}.history-image-wrapper{width:100%;max-width:560px;margin:0 auto;padding:20px;position:relative}.history-image-container{background:var(--rei-black);border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.history-img-frame{background:var(--rei-black);border-radius:20px;justify-content:center;align-items:center;width:100%;max-height:80vh;display:flex;position:relative;overflow:hidden}.history-img-overlay{z-index:2;pointer-events:none;background:#0003;border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.history-image-container:hover .history-img-overlay{opacity:0}.history-img{object-fit:contain;object-position:center;border-radius:20px;width:auto;max-width:100%;height:auto;max-height:80vh;transition:transform .7s;display:block}.history-img-frame:hover .history-img{transform:scale(1.02)}.floating-badge{background:var(--rei-yellow);color:var(--rei-black);z-index:10;border-radius:12px;max-width:calc(100% - 32px);padding:16px 18px;font-size:1rem;font-weight:700;animation:6s ease-in-out infinite float;position:absolute;bottom:-16px;left:auto;right:-16px;box-shadow:0 20px 25px -5px #0000001a}@media (width<=360px){.floating-badge{padding:12px 10px;font-size:.8125rem;bottom:-12px;right:-12px}}@media (width<=768px){.history-image-wrapper{max-width:360px;padding:12px}.history-img-frame,.history-img,.history-img-overlay{border-radius:16px}.floating-badge{padding:12px 14px;font-size:.875rem;bottom:-16px;right:-12px}}.decor-1{filter:blur(100px);background:#f9c2000d;border-radius:50%;width:400px;height:400px;position:absolute;top:0;right:0;transform:translate(30%,-50%)}.decor-2{filter:blur(120px);background:#ffffff0d;border-radius:50%;width:500px;height:500px;position:absolute;bottom:0;left:0;transform:translate(-30%,30%)}@media (width>=768px){.history-grid{grid-template-columns:1fr 1fr}.history-text{order:1;padding-right:32px}.history-image-wrapper{order:2}}@media (width>=1024px){.history-title{font-size:3.5rem}}.product-section{background:var(--rei-dark-gray);height:150vh;position:relative}.product-sticky{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.product-bg-pattern{opacity:.2;background-image:radial-gradient(var(--rei-yellow) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0}.product-flex{z-index:10;flex-direction:column;align-items:center;gap:48px;width:100%;max-width:1200px;padding:0 24px;display:flex;position:relative}.product-img-wrapper{justify-content:center;width:100%;display:flex;position:relative}.product-glow{filter:blur(60px);opacity:0;will-change:opacity, transform;background:#f9c20033;border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-product-img{z-index:10;filter:drop-shadow(0 25px 25px #00000080);will-change:transform, opacity;opacity:0;width:75%;max-width:400px;margin:0 auto;position:relative;transform:translateY(300px)scale(.5)rotate(-15deg)}.product-info{text-align:center;flex-direction:column;align-items:center;display:flex}.product-title{will-change:transform, opacity;margin-bottom:8px;font-size:3rem;line-height:1.1}.product-desc{color:#aaa;will-change:transform, opacity;margin-bottom:32px;font-size:1.25rem}.product-features{will-change:transform, opacity;gap:24px;display:flex}.feature-item{flex-direction:column;align-items:center;display:flex}.feature-item i{color:var(--rei-yellow);margin-bottom:8px;font-size:2rem}.feature-item span{color:#ccc;text-transform:uppercase;font-size:.875rem;font-weight:700}@media (width>=768px){.product-flex{flex-direction:row}.product-img-wrapper,.product-info{width:50%}.product-info{text-align:left;align-items:flex-start}.feature-item{align-items:flex-start}}@media (width>=1024px){.product-title{font-size:4rem}}.catalog-section{background:var(--rei-black);z-index:20;border-top:1px solid #ffffff0d;padding:120px 0;position:relative}.catalog-header{text-align:center;margin-bottom:80px}.catalog-header h2{margin-bottom:16px;font-size:2.5rem}.catalog-header p{color:#aaa;max-width:600px;margin:0 auto;font-size:1.125rem}.menu-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.menu-card{background:var(--rei-dark-gray);cursor:pointer;border-radius:16px;width:100%;min-width:0;max-width:560px;margin:0 auto;padding:10px;transition:all .5s}.menu-card:hover{box-shadow:0 0 30px #f9c20026}.menu-card-inner{aspect-ratio:3/4;background:var(--rei-dark-gray);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.menu-overlay{z-index:10;background:#0000004d;transition:background .5s;position:absolute;inset:0}.menu-card:hover .menu-overlay{background:#0000001a}.menu-img{object-fit:cover;background:var(--rei-dark-gray);width:100%;height:100%;transition:transform .7s;display:block}.menu-card:hover .menu-img{transform:scale(1.02)}.menu-content{z-index:20;background:linear-gradient(#0000,#000c,#000);width:100%;padding:24px;transition:transform .5s;position:absolute;bottom:0;left:0;transform:translateY(16px)}.menu-card:hover .menu-content{transform:translateY(0)}.menu-content h3{margin-bottom:4px;font-size:1.5rem}.menu-content p{color:var(--rei-yellow);text-transform:uppercase;letter-spacing:1px;font-size:.875rem;font-weight:700}.menu-content i{vertical-align:middle;margin-left:4px}.cta-container{text-align:center;margin-top:96px}.cta-container p{color:#aaa;margin-bottom:24px}@media (width>=768px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.catalog-header h2{font-size:3.5rem}}footer{z-index:20;background:#050505;border-top:1px solid #ffffff0d;padding:48px 0;position:relative}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand h4{font-size:1.25rem}.footer-brand p{color:#666;font-size:.875rem}.footer-social{gap:16px;display:flex}.social-link{color:#aaa;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-link:hover{color:var(--rei-yellow);background:#ffffff1a}.footer-copy{color:#666;font-size:.875rem}@media (width>=768px){.footer-content{text-align:left;flex-direction:row;justify-content:space-between}}.float-wa{z-index:50;color:#fff;opacity:0;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;transition:transform .3s,opacity .5s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:0 10px 15px -3px #00000080}.float-wa.visible{opacity:1;transform:translateY(0)}.float-wa:hover{background:#20b858;transform:scale(1.1)}.float-wa:hover .wa-tooltip{opacity:1;transform:scale(1)}.wa-tooltip{color:#000;white-space:nowrap;opacity:0;pointer-events:none;transform-origin:100%;background:#fff;border-radius:8px;margin-right:16px;padding:8px 16px;font-size:.875rem;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;right:100%;transform:scale(.95);box-shadow:0 4px 6px -1px #0000001a}
