:root{--bg-main:#fdf9f3;--bg-surface:#fff;--bg-card:#f7efe4;--bg-card-hover:#f2e7d8;--bg-dark:#160f0c;--bg-dark-surface:#241914;--bg-dark-accent:#33231c;--color-primary:#1c130e;--color-copper:#c66838;--color-copper-hover:#d97746;--color-crema:#e8c8a2;--color-crema-light:#f4e2cd;--color-chestnut:#482e22;--color-muted:#7a695f;--color-border:#e8dacb;--color-border-dark:#3f2c23;--color-green-nature:#3c6648;--color-green-light:#ebf3ed;--color-amber-toast:#c07d2b;--font-serif:"Fraunces", "Cinzel", serif;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 2px 6px #160f0c08;--shadow-md:0 6px 18px #160f0c0d;--shadow-lg:0 12px 30px #160f0c14;--shadow-xl:0 20px 48px #160f0c1f;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:24px;--radius-pill:9999px;--transition-fast:.16s ease;--transition-normal:.24s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);color:var(--color-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-main);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:600;line-height:1.2}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.section-padding{padding:96px 0}@media (width<=768px){.section-padding{padding:60px 0}}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-copper);align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;font-weight:600;display:inline-flex}.section-title{color:var(--color-primary);margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem)}.section-subtitle{color:var(--color-muted);font-size:1.1rem;line-height:1.65}.btn{border-radius:var(--radius-pill);transition:all var(--transition-normal);text-align:center;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.96rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-copper);color:#fff;box-shadow:0 2px 8px #c6683833}.btn-primary:hover{background-color:var(--color-copper-hover);transform:translateY(-1.5px);box-shadow:0 4px 14px #c6683847}.btn-secondary{background-color:var(--bg-dark);color:#fff}.btn-secondary:hover{background-color:var(--bg-dark-surface);box-shadow:var(--shadow-sm);transform:translateY(-1.5px)}.btn-outline{border:1.5px solid var(--color-border);color:var(--color-primary);background:0 0}.btn-outline:hover{border-color:var(--color-copper);color:var(--color-copper);background-color:#c668380a}.btn-dark-outline{border:1.5px solid var(--color-border-dark);color:var(--color-crema);background:0 0}.btn-dark-outline:hover{border-color:var(--color-copper);color:#fff;background-color:#c6683826}.badge{border-radius:var(--radius-pill);font-size:.76rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;align-items:center;padding:4px 10px;display:inline-flex}.badge-copper{color:var(--color-copper);background-color:#c668381f}.badge-crema{background-color:var(--color-crema-light);color:var(--color-chestnut)}.badge-green{background-color:var(--color-green-light);color:var(--color-green-nature)}.badge-dark{color:var(--color-crema);background-color:#ffffff1a}.roast-meter{align-items:center;gap:5px;display:inline-flex}.roast-dot{background-color:var(--color-border);width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.roast-dot.active{background-color:var(--color-chestnut)}.roast-dot.active.dark-mode{background-color:var(--color-copper)}.drawer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background-color:#160f0ca6;animation:.25s ease-out fadeIn;position:fixed;inset:0}.modal-dialog{z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);animation:.28s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-copper);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.drawer-backdrop,.modal-content{animation:none!important}}