.cspc-hero{background:linear-gradient(135deg,#1c1917 0,#44403c 50%,#78350f 100%);color:#fef3c7;position:relative;overflow:hidden}.cspc-hero .prd-hero-inner{position:relative;z-index:1}.cspc-hero-grid{display:grid;grid-template-columns:1fr 220px;gap:2rem;align-items:center}.cspc-hero-kicker{font-size:2.5rem;font-weight:900;color:#fbbf24;margin-bottom:.5rem;line-height:1}.cspc-hero-bean svg{width:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.5))}.cspc-lede{max-width:720px;margin:-.5rem auto 2rem;text-align:center;color:#64748b;font-size:1.05rem}.cspc-species{padding:4rem 0;background:#fafaf9}.cspc-species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.cspc-card{background:#fff;border-radius:16px;padding:1.5rem;border-top:5px solid;box-shadow:0 4px 14px rgba(0,0,0,.04);transition:transform .2s ease}.cspc-card:hover{transform:translateY(-4px)}.cspc-card--arabica{border-color:#059669}.cspc-card--robusta{border-color:#b45309}.cspc-card--liberica{border-color:#8b5cf6}.cspc-card--excelsa{border-color:#0ea5e9}.cspc-card header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.cspc-card h3{margin:0;font-size:1.1rem;color:#1e293b}.cspc-card-share{font-size:1.4rem;font-weight:900;color:#78350f;letter-spacing:-.02em}.cspc-traits{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#fafaf9;border-radius:10px}.cspc-trait{display:grid;grid-template-columns:70px 1fr;gap:.75rem;align-items:center}.cspc-trait-label{font-size:.7rem;font-weight:700;color:#78716c;text-transform:uppercase;letter-spacing:.05em}.cspc-trait-bar{height:6px;background:#e7e5e4;border-radius:99px;overflow:hidden}.cspc-trait-bar>div{height:100%;border-radius:99px}.cspc-card--arabica .cspc-trait-bar>div{background:linear-gradient(90deg,#34d399,#059669)}.cspc-card--robusta .cspc-trait-bar>div{background:linear-gradient(90deg,#f59e0b,#b45309)}.cspc-card--liberica .cspc-trait-bar>div{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.cspc-card--excelsa .cspc-trait-bar>div{background:linear-gradient(90deg,#38bdf8,#0284c7)}.cspc-card p,.cspc-region p{margin:0;font-size:.88rem;line-height:1.55}.cspc-card p{color:#475569}.cspc-regions{padding:4rem 0;background:#fff}.cspc-region-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:1rem;border-radius:16px;overflow:hidden}.cspc-region{padding:2rem 1.5rem;color:#fff;position:relative;min-height:240px}.cspc-region--africa{background:linear-gradient(135deg,#92400e,#78350f)}.cspc-region--americas{background:linear-gradient(135deg,#065f46,#064e3b)}.cspc-region--asia{background:linear-gradient(135deg,#9a3412,#7c2d12)}.cspc-region--oceania{background:linear-gradient(135deg,#0e7490,#155e75)}.cspc-region-mark{position:absolute;top:1rem;right:1rem;font-size:2.5rem;font-weight:900;letter-spacing:-.02em;color:rgba(255,255,255,.2);line-height:1}.cspc-region h3{margin:0 0 .5rem;font-size:1.1rem;color:#fef3c7;max-width:80%}.cspc-region p{color:rgba(255,255,255,.9)}.cspc-flavors{padding:4rem 0;background:#fafaf9}.cspc-flavor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.cspc-flavor{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .2s ease}.cspc-flavor:hover{transform:translateY(-3px)}.cspc-flavor-swatch{width:100%;height:48px;border-radius:8px;margin-bottom:1rem}.cspc-flavor--fruity .cspc-flavor-swatch{background:linear-gradient(90deg,#ec4899,#f472b6,#fb7185)}.cspc-flavor--nutty .cspc-flavor-swatch{background:linear-gradient(90deg,#78350f,#92400e,#b45309)}.cspc-flavor--earthy .cspc-flavor-swatch{background:linear-gradient(90deg,#064e3b,#065f46,#14532d)}.cspc-flavor--spicy .cspc-flavor-swatch{background:linear-gradient(90deg,#991b1b,#dc2626,#f59e0b)}.cspc-flavor h3,.cspc-process h3{margin:0 0 .5rem;font-size:1.05rem;color:#1e293b}.cspc-flavor p,.cspc-process p{margin:0;color:#475569;font-size:.88rem;line-height:1.55}.cspc-processing{padding:4rem 0;background:#1c1917;color:#fef3c7}.cspc-processing .prd-section-title{color:#fbbf24}.cspc-processing .cspc-lede{color:#a8a29e}.cspc-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.cspc-process{background:rgba(255,255,255,.04);border:1px solid rgba(251,191,36,.2);border-radius:14px;padding:1.5rem;transition:all .2s ease}.cspc-process:hover{background:rgba(255,255,255,.08);border-color:rgba(251,191,36,.5)}.cspc-process-icon{width:48px;height:48px;color:#fbbf24;margin-bottom:.75rem}.cspc-process-icon svg{width:100%;height:100%}.cspc-process h3{color:#fbbf24}.cspc-process p{color:#d6d3d1}@media (max-width:900px){.cspc-hero-grid{grid-template-columns:1fr}.cspc-hero-bean{max-width:160px}.cspc-region-strip{grid-template-columns:repeat(2,1fr);border-radius:10px}}@media (max-width:600px){.cspc-region-strip{grid-template-columns:1fr}}