:root{--cocoa-900: #221009;--cocoa-800: #2f1810;--cocoa-700: #4a2c1c;--cocoa-500: #6b4226;--cocoa-400: #8a5a38;--cream: #f7f1e6;--cream-2: #efe3d0;--paper: #fffdf8;--gold: #c2954a;--gold-2: #d9b777;--ink: #2a1d14;--muted: #806b58;--line: rgba(42, 29, 20, .12);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--shadow: 0 20px 50px -22px rgba(34, 16, 9, .45);--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:min(1140px,92vw);margin:0 auto}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.08;letter-spacing:-.01em}h1{font-size:clamp(2.6rem,6vw,4.6rem)}h2{font-size:clamp(2rem,4vw,3rem)}em{font-style:italic;color:var(--gold)}a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--gold);margin-bottom:.9rem}.eyebrow-light{color:var(--gold-2)}.btn{display:inline-block;background:var(--cocoa-800);color:var(--cream);font-family:var(--sans);font-weight:600;font-size:.95rem;padding:.85rem 1.6rem;border:1px solid var(--cocoa-800);border-radius:999px;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}.btn:hover{background:var(--cocoa-700);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-sm{padding:.6rem 1.1rem;font-size:.85rem}.btn-lg{padding:1.05rem 2.2rem;font-size:1.05rem}.btn-ghost{background:transparent;color:var(--cocoa-800);border-color:var(--line)}.btn-ghost:hover{background:#2a1d140d;box-shadow:none}.announce{background:var(--cocoa-900);color:var(--gold-2);text-align:center;font-size:.78rem;letter-spacing:.04em;padding:.55rem 1rem}.nav{position:sticky;top:0;z-index:50;background:#fffdf8db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:26px;height:26px;padding:3px;background:linear-gradient(135deg,var(--cocoa-700),var(--cocoa-900));border-radius:6px}.brand-mark span{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-radius:2px}.brand-name{font-family:var(--serif);font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.brand-name-2{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:1.8rem}.nav-links a{font-size:.92rem;font-weight:500;color:var(--ink);transition:color .15s}.nav-links a:hover{color:var(--gold)}.nav-links .btn{color:var(--cream)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}.nav-toggle span{width:24px;height:2px;background:var(--cocoa-800);border-radius:2px}.hero{background:radial-gradient(120% 120% at 80% 0%,var(--cream) 0%,var(--paper) 55%);padding:clamp(3rem,7vw,6rem) 0;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.hero-copy h1{margin-bottom:1.3rem}.lede{font-size:1.12rem;color:var(--muted);max-width:33rem;margin-bottom:1.8rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.8rem}.hero-points{list-style:none;display:flex;flex-wrap:wrap;gap:1.4rem}.hero-points li{position:relative;padding-left:1.3rem;font-size:.88rem;font-weight:500;color:var(--cocoa-500)}.hero-points li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}.bar-wrap{position:relative;display:flex;justify-content:center;perspective:900px}.bar{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(330px,80%);padding:16px;background:linear-gradient(150deg,var(--cocoa-500) 0%,var(--cocoa-700) 45%,var(--cocoa-900) 100%);border-radius:14px;box-shadow:0 40px 70px -28px #221009b3,inset 0 2px 4px #ffdcaa2e;transform:rotate(-8deg) rotateX(8deg);transition:transform .4s ease}.bar:hover{transform:rotate(-4deg) rotateX(4deg) translateY(-6px)}.square{aspect-ratio:1;border-radius:5px;background:linear-gradient(150deg,#ffdcaa38,#00000047);box-shadow:inset 2px 2px 5px #ffdcaa38,inset -2px -2px 6px #0006}.bar-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(115deg,rgba(255,255,255,.25) 0%,transparent 35%);pointer-events:none}.bar-shadow{position:absolute;bottom:-28px;width:60%;height:30px;background:#2210094d;filter:blur(22px);border-radius:50%}.trust{background:var(--cocoa-900);color:var(--cream)}.trust-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.82rem;letter-spacing:.03em;color:#f7f1e6d1}.trust-inner span:first-child{color:var(--gold-2);font-weight:600}.section{padding:clamp(3.5rem,8vw,6.5rem) 0}.section-cream{background:var(--cream)}.section-dark{background:linear-gradient(160deg,var(--cocoa-800),var(--cocoa-900));color:var(--cream)}.section-head{text-align:center;max-width:40rem;margin:0 auto 3rem}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card-featured{border-color:var(--gold);box-shadow:0 16px 40px -24px #c2954a99}.badge{position:absolute;top:1.1rem;right:1.1rem;background:var(--gold);color:#3a2a10;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px}.thumb{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:10px;width:84px;height:84px;border-radius:10px;margin-bottom:1.2rem;box-shadow:inset 0 2px 4px #ffdcaa2e}.thumb span{border-radius:3px;background:linear-gradient(150deg,#ffdcaa40,#0000004d)}.thumb-dark{background:linear-gradient(150deg,#4a2c1c,#1c0d06)}.thumb-milk{background:linear-gradient(150deg,#9c6a3f,#6b4226)}.thumb-nut{background:linear-gradient(150deg,#7a4a2a,#3d2212)}.card-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:600;margin-bottom:.35rem}.card h3{font-size:1.6rem}.card-note{font-size:.8rem;color:var(--gold);font-weight:600;letter-spacing:.02em;margin-bottom:.7rem}.card-desc{font-size:.92rem;color:var(--muted);flex:1;margin-bottom:1.2rem}.tasting{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.tasting li{font-size:.74rem;font-weight:500;color:var(--cocoa-500);background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem}.bundle{text-align:center;margin-top:2.4rem;font-family:var(--serif);font-size:1.35rem;font-style:italic;color:var(--cocoa-500)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.feature{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem 1.4rem}.feature-k{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:54px;padding:0 .6rem;border-radius:12px;background:linear-gradient(150deg,var(--cocoa-700),var(--cocoa-900));color:var(--gold-2);font-family:var(--serif);font-size:1.5rem;font-weight:700;margin-bottom:1.1rem}.feature h3{font-size:1.25rem;margin-bottom:.5rem}.feature p{font-size:.9rem;color:var(--muted)}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}.story-visual{display:flex;justify-content:center}.cocoa{position:relative;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--cocoa-500),var(--cocoa-900));box-shadow:var(--shadow),inset 0 4px 12px #ffdcaa26;display:flex;align-items:center;justify-content:center;gap:10px}.bean{width:34px;height:48px;border-radius:50% 50% 48% 48%/60% 60% 40% 40%;background:linear-gradient(150deg,#8a5a38,#2f1810);box-shadow:inset -3px -4px 8px #00000080,inset 2px 2px 5px #ffdcaa40;position:relative}.bean:nth-child(2){transform:translateY(-14px) rotate(-12deg)}.bean:nth-child(3){transform:translateY(8px) rotate(10deg)}.bean:after{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;background:#00000059;border-radius:2px}.story-copy p{color:var(--muted);margin-top:1rem;max-width:34rem}.story-copy h2{margin-bottom:.4rem}.story-stats{display:flex;gap:2.4rem;margin-top:2rem}.story-stats strong{display:block;font-family:var(--serif);font-size:2.2rem;color:var(--cocoa-700);line-height:1}.story-stats span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.quote{background:#ffffff0d;border:1px solid rgba(247,241,230,.12);border-radius:var(--radius);padding:1.8rem}.stars{color:var(--gold-2);letter-spacing:.15em;margin-bottom:1rem}.quote blockquote{font-family:var(--serif);font-size:1.3rem;line-height:1.35;margin-bottom:1.3rem}.quote figcaption strong{display:block;font-size:.95rem}.quote figcaption span{font-size:.82rem;color:#f7f1e699}.cta{background:radial-gradient(110% 130% at 50% 0%,var(--cocoa-700),var(--cocoa-900));color:var(--cream);text-align:center;padding:clamp(3.5rem,8vw,6rem) 0}.cta-inner{max-width:38rem;margin:0 auto}.cta h2{margin-bottom:.8rem}.cta p{color:#f7f1e6c7;margin-bottom:2rem}.cta .btn-lg{background:var(--gold);border-color:var(--gold);color:#3a2a10}.cta .btn-lg:hover{background:var(--gold-2)}.footer{background:var(--cocoa-900);color:#f7f1e6bf;padding:3.5rem 0 1.6rem}.footer-inner{display:grid;grid-template-columns:1.3fr 2fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(247,241,230,.12)}.footer-brand p{font-size:.88rem;margin-top:1rem;max-width:22rem}.footer-brand .brand-name{color:var(--cream)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.footer-cols h4{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-2);margin-bottom:.9rem}.footer-cols a{display:block;font-size:.9rem;padding:.25rem 0;transition:color .15s}.footer-cols a:hover{color:var(--cream)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding-top:1.5rem;font-size:.78rem;color:#f7f1e680}@media (max-width: 920px){.hero-inner{grid-template-columns:1fr;gap:2.5rem}.bar-wrap{order:-1}.products,.features,.quotes{grid-template-columns:1fr 1fr}.story,.footer-inner{grid-template-columns:1fr}}@media (max-width: 640px){.nav-links{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 4vw 1.4rem;box-shadow:var(--shadow);display:none}.nav-links.open{display:flex}.nav-links a{padding:.5rem 0}.nav-toggle{display:flex}.products,.features,.quotes{grid-template-columns:1fr}.trust-inner{justify-content:center;text-align:center}.story-stats{gap:1.5rem}}