*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--coffee-dark: #1a0808;--coffee-deep: #3D1F1F;--coffee-primary: #663232;--coffee-warm: #8B6F47;--coffee-gold: #F5C98A;--coffee-cream: #F5E6D3;--coffee-light: #FFF8F0;--text-muted: #6B7280;--text-secondary: #4B5563;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth;font-size:16px;height:auto}body{font-family:var(--font-sans);color:var(--text-secondary);background:#fff;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;width:100%;display:block}app-root{display:block;width:100%}img{max-width:100%;height:auto;display:block}.img-enhance{filter:brightness(1.06) contrast(1.18) saturate(1.35) hue-rotate(-4deg)}.img-enhance-warm{filter:brightness(1.1) contrast(1.15) saturate(1.3) hue-rotate(-8deg)}.img-enhance-hero{filter:brightness(.92) contrast(1.22) saturate(1.4) hue-rotate(-5deg)}.img-enhance-product{filter:brightness(1.05) contrast(1.2) saturate(1.45) hue-rotate(-6deg)}.img-enhance-indoor{filter:brightness(1.15) contrast(1.12) saturate(1.25) hue-rotate(-3deg)}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--coffee-light)}::-webkit-scrollbar-thumb{background:var(--coffee-warm);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}@media(min-width:480px){.container{padding:0 1.25rem}}@media(min-width:640px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 3rem}}.container-main{max-width:1200px;width:100%;margin:0 auto;padding:0 1rem}@media(min-width:480px){.container-main{padding:0 1.25rem}}@media(min-width:640px){.container-main{padding:0 2rem}}@media(min-width:1024px){.container-main{padding:0 3rem}}.section-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--coffee-warm);margin-bottom:1rem}.section-title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;color:var(--coffee-deep);line-height:1.15;margin-bottom:1.25rem}.section-title em{font-style:italic;color:var(--coffee-primary)}.section-subtitle{font-size:1.05rem;color:var(--text-muted);line-height:1.7;max-width:600px}.section-header{text-align:center;margin-bottom:2rem;padding:0 .5rem}@media(min-width:640px){.section-header{margin-bottom:3.5rem;padding:0 1rem}}.section-header .section-subtitle{margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-size:clamp(.8rem,2vw,.95rem);font-weight:600;transition:all .25s;line-height:1;cursor:pointer}@media(min-width:640px){.btn{padding:.875rem 2rem}}.btn-primary{background:linear-gradient(135deg,var(--coffee-primary),var(--coffee-warm));color:#fff;box-shadow:0 4px 20px #66323259;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #66323273;opacity:.95}.btn-outline{border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{border-color:#fffc;background:#ffffff1a;transform:translateY(-2px)}.btn-white{background:#fff;color:var(--coffee-primary);box-shadow:0 4px 20px #fff3;border:none}.btn-white:hover{background:var(--coffee-cream);transform:translateY(-2px);box-shadow:0 8px 32px #ffffff4d}.btn-gold{background:var(--coffee-gold);color:var(--coffee-deep);border-radius:9999px;font-weight:700;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9rem;border:none}.btn-gold:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.85rem;font-weight:600;color:var(--coffee-deep)}.form-control{padding:.75rem .9rem;border:2px solid #E5E7EB;border-radius:.75rem;font-size:clamp(.9rem,2vw,.95rem);font-family:var(--font-sans);color:var(--coffee-deep);background:#fff;transition:border-color .2s,box-shadow .2s;width:100%;outline:none}@media(min-width:640px){.form-control{padding:.875rem 1.125rem;border-radius:1rem}}.form-control:focus{border-color:var(--coffee-primary);box-shadow:0 0 0 4px #66323214}.form-control::placeholder{color:#9ca3af}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}