:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-elevated: #18181f;--surface: rgba(255, 255, 255, .03);--surface-border: rgba(255, 255, 255, .07);--surface-hover: rgba(255, 255, 255, .06);--text-primary: #f0f0f2;--text-secondary: #8a8a95;--text-muted: #55555f;--accent: #b8965a;--accent-light: #d4b27a;--accent-subtle: rgba(184, 150, 90, .12);--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 72px;--container: 1200px;--section-gap: 140px;--ease: cubic-bezier(.16, 1, .3, 1);--duration: .5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--accent);color:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--container);margin:0 auto;padding:0 24px}@media (min-width: 768px){.container{padding:0 40px}}@media (min-width: 1400px){.container{padding:0 20px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:1.15;color:var(--text-primary)}em{font-family:var(--font-serif);font-style:italic;color:var(--accent-light)}.section-title{font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.02em;margin-bottom:0}.section-title.center{text-align:center}.section-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--accent)}.section-eyebrow.center{justify-content:center}.eyebrow-line{width:32px;height:1px;background-color:var(--accent)}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background-color:var(--accent);color:#0a0a0f;font-family:var(--font-sans);font-weight:600;font-size:.9rem;letter-spacing:.02em;border:none;border-radius:0;cursor:pointer;transition:background-color var(--duration) var(--ease),transform var(--duration) var(--ease);text-decoration:none}.btn-primary:hover{background-color:var(--accent-light);transform:translateY(-2px)}.btn-primary.btn-lg{padding:18px 40px;font-size:1rem}.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-weight:500;font-size:.9rem;letter-spacing:.02em;border:1px solid var(--surface-border);border-radius:0;cursor:pointer;transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease);text-decoration:none}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-light)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:1000;transition:background-color .4s,border-bottom .4s;border-bottom:1px solid transparent}.navbar.scrolled{background-color:#0a0a0feb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--surface-border)}.nav-container{max-width:var(--container);margin:0 auto;padding:0 24px;height:100%;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){.nav-container{padding:0 40px}}.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-ygz{font-family:var(--font-sans);font-weight:700;font-size:1.3rem;letter-spacing:.08em;color:var(--text-primary)}.logo-divider{width:1px;height:18px;background-color:var(--accent)}.logo-group{font-family:var(--font-sans);font-weight:300;font-size:1.1rem;letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase}.nav-links{display:none;align-items:center;gap:36px}@media (min-width: 900px){.nav-links{display:flex}.mobile-menu-btn{display:none!important}}.nav-link{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;transition:color var(--duration) var(--ease);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:1px;background-color:var(--accent);transition:width var(--duration) var(--ease)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-link.nav-cta{color:var(--accent);border:1px solid var(--accent);padding:8px 20px;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.nav-link.nav-cta:after{display:none}.nav-link.nav-cta:hover{background-color:var(--accent);color:#0a0a0f}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span{display:block;width:24px;height:1.5px;background-color:var(--text-primary);transition:transform .3s,opacity .3s}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-primary);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu-inner{display:flex;flex-direction:column;align-items:center;gap:32px}.mobile-link{font-family:var(--font-sans);font-size:1.5rem;font-weight:500;letter-spacing:.05em;color:var(--text-secondary);transition:color .3s;text-transform:uppercase}.mobile-link:hover{color:var(--accent-light)}@media (min-width: 900px){.mobile-menu{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 70% 30%,rgba(184,150,90,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 20% 80%,rgba(184,150,90,.04) 0%,transparent 70%)}.hero-content{position:relative;z-index:2;padding-bottom:10vh}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:32px;text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--accent);opacity:0;transform:translateY(20px)}.hero-title{font-size:clamp(2.8rem,6.5vw,5.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.08;margin-bottom:28px;max-width:800px}.title-line{display:block;overflow:hidden;opacity:0;transform:translateY(40px)}.hero-subtitle{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--text-secondary);max-width:540px;line-height:1.8;margin-bottom:44px;opacity:0;transform:translateY(20px)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(20px)}.hero-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);opacity:0}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s infinite}@keyframes scrollPulse{0%{opacity:1;transform:scaleY(1)}50%{opacity:.3}to{opacity:1;transform:scaleY(1)}}.stats-section{padding:80px 0;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.stats-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.stat-item{flex:1;min-width:160px;text-align:center;padding:20px 24px}.stat-number{display:block;font-family:var(--font-sans);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1;margin-bottom:8px}.stat-label{display:block;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.stat-divider{width:1px;height:48px;background-color:var(--surface-border);flex-shrink:0}@media (max-width: 768px){.stats-row{flex-direction:column;gap:8px}.stat-divider{width:48px;height:1px}}.about-section{padding:var(--section-gap) 0}.about-grid{display:grid;grid-template-columns:1fr;gap:60px}@media (min-width: 900px){.about-grid{grid-template-columns:1fr 1fr;gap:80px;align-items:start}}.about-left{position:sticky;top:calc(var(--nav-height) + 40px)}.about-lead{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-top:24px}.value-cards{display:flex;flex-direction:column;gap:0}.value-card{padding:36px 0;border-bottom:1px solid var(--surface-border);opacity:0;transform:translateY(30px)}.value-card:first-child{border-top:1px solid var(--surface-border)}.value-number{font-family:var(--font-serif);font-size:.85rem;color:var(--accent);margin-bottom:12px;font-style:italic}.value-card h3{font-size:1.25rem;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.value-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.services-section{padding:var(--section-gap) 0;background-color:var(--bg-secondary)}.section-header-center{text-align:center;max-width:600px;margin:0 auto 72px}.section-desc{color:var(--text-secondary);font-size:1.05rem;margin-top:16px}.services-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background-color:var(--bg-elevated);border:1px solid var(--surface-border);padding:44px 36px;display:flex;flex-direction:column;gap:20px;transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease);position:relative;overflow:hidden;opacity:0;transform:translateY(40px)}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:transparent;transition:background-color var(--duration) var(--ease)}.service-card:hover{border-color:#b8965a40;transform:translateY(-4px)}.service-card:hover:before{background-color:var(--accent)}.service-index{font-family:var(--font-serif);font-style:italic;font-size:.85rem;color:var(--accent)}.service-icon{color:var(--accent);opacity:.7}.service-card h3{font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.service-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;flex:1}.service-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--surface-border)}.service-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:gap var(--duration) var(--ease)}.service-link:hover{gap:14px}.cta-section{padding:var(--section-gap) 0}.cta-box{border:1px solid var(--surface-border);padding:72px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:36px;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(184,150,90,.04) 0%,transparent 70%);pointer-events:none}.cta-content h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.02em;margin-bottom:12px}.cta-content p{color:var(--text-secondary);font-size:1.1rem}.footer{padding:80px 0 40px;border-top:1px solid var(--surface-border);background-color:var(--bg-primary)}.footer-top{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:60px}@media (min-width: 768px){.footer-top{grid-template-columns:2fr 1fr 1fr;gap:60px}}.footer-logo{margin-bottom:20px}.brand-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7;max-width:320px}.footer-col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:20px;font-weight:600}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:var(--text-secondary);font-size:.9rem;transition:color .3s}.footer-col ul li a:hover{color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--surface-border);color:var(--text-muted);font-size:.85rem;flex-wrap:wrap;gap:16px}.legal-links{display:flex;gap:24px}.legal-links a{color:var(--text-muted);transition:color .3s}.legal-links a:hover{color:var(--text-primary)}.reveal-up{opacity:0;transform:translateY(40px)}.reveal-fade{opacity:0}@media (max-width: 768px){:root{--section-gap: 80px;--nav-height: 64px}.hero-title{font-size:clamp(2.2rem,8vw,3.5rem)}.cta-box{padding:48px 24px}.footer-bottom{flex-direction:column;text-align:center}}.about-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:80px;background:linear-gradient(to bottom,var(--accent),transparent);opacity:.3}.about-section{position:relative}body{animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.highlight-nav{color:var(--accent)!important}.contact-section{padding:var(--section-gap) 0;background-color:var(--bg-primary);position:relative}.contact-grid{display:grid;grid-template-columns:1fr;gap:60px}@media (min-width: 900px){.contact-grid{grid-template-columns:1fr 1fr;gap:80px}}.contact-info-list{margin-top:40px;display:flex;flex-direction:column;gap:32px}.contact-info-item{display:flex;align-items:flex-start;gap:16px}.contact-info-icon{color:var(--accent);flex-shrink:0}.contact-info-text h4{color:var(--text-primary);font-size:1.05rem;margin-bottom:4px}.contact-info-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.contact-form-wrapper{background-color:var(--bg-elevated);border:1px solid var(--surface-border);padding:48px;border-radius:4px}.form-group{margin-bottom:24px}.form-label{display:block;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:500}.form-input,.form-textarea{width:100%;background-color:#ffffff05;border:1px solid var(--surface-border);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:16px;transition:border-color var(--duration) var(--ease),background-color var(--duration) var(--ease);border-radius:0;outline:none}.form-textarea{resize:vertical;min-height:120px}.form-input:focus,.form-textarea:focus{border-color:var(--accent);background-color:#ffffff0a}.form-submit{width:100%;margin-top:12px}.whatsapp-btn-wrapper{margin-top:36px;padding-top:36px;border-top:1px solid var(--surface-border)}.whatsapp-btn{display:inline-flex;align-items:center;gap:12px;background-color:#25d366;color:#fff!important;padding:16px 28px;border-radius:6px;font-size:1.15rem;font-family:var(--font-sans);font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;box-shadow:0 4px 14px #25d36633}.whatsapp-btn:hover{background-color:#1ebd5a;transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.whatsapp-icon{width:26px;height:26px}.whatsapp-btn-wrapper p{margin-top:14px;font-size:.95rem;color:var(--text-secondary);font-style:italic}.nav-wholesale-link{color:var(--accent)!important;border:1px solid rgba(184,150,90,.25);padding:6px 14px!important;border-radius:4px;transition:all .3s ease}.nav-wholesale-link:hover{background-color:var(--accent-subtle);border-color:var(--accent)}.nav-wholesale-link:after{display:none!important}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.wholesale-highlights{padding:100px 0;background-color:var(--bg-secondary)}.w-highlights-grid{display:grid;grid-template-columns:1fr;gap:40px}@media (min-width: 768px){.w-highlights-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.w-highlights-grid{grid-template-columns:repeat(4,1fr)}}.w-stat-card{padding:40px 30px;background-color:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:8px;transition:transform .3s ease}.w-stat-card:hover{transform:translateY(-5px);border-color:#b8965a66}.w-stat-val{font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:15px;font-family:var(--font-sans);line-height:1}.w-stat-title{font-size:1.1rem;color:var(--text-primary);font-weight:600;margin-bottom:8px}.w-stat-desc{font-size:.9rem;color:var(--text-secondary)}
