:root{--primary: #8B4513;--accent: #F4A460;--secondary: #556B2F;--light: #FFFACD;--dark: #3C2F2F;--gray: #5C4033}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--dark);background:#fdfaf5;line-height:1.6}header{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0003;flex-wrap:wrap}.logo{height:60px;width:auto;max-height:50px}nav{display:flex;flex-wrap:wrap;gap:.5rem}nav a{color:#fff;margin-left:1.5rem;text-decoration:none;font-weight:700;font-size:.9rem;padding:.25rem 0}.menu-toggle{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:.5rem;gap:4px;z-index:101}.menu-toggle span{width:25px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.menu-toggle:hover span{background:var(--accent)}nav a:hover{color:var(--accent)}nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1200px;margin:12rem auto 22rem;padding:0 2rem;grid-auto-rows:minmax(400px,500px);align-items:center;position:relative;overflow:visible}.hero-image-container{position:relative;overflow:hidden;height:100%;z-index:2}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-card{background:linear-gradient(135deg,#8b6f47,#6b4e3d);color:#fff;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;margin-left:-80px;z-index:1;height:100%}.hero-card-content{max-width:400px;width:100%;padding:0 1.5rem}.hero-card-content h2{font-size:2.5rem;margin-bottom:2rem;color:#fff}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1rem}.impact-item{text-align:left}.impact-item h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.impact-item p{font-size:.95rem;opacity:.9;line-height:1.5;margin:0}section.hero-home{max-width:1200px;margin:0 auto;padding:2.75rem 1.5rem 3.5rem;background:#fdfaf5}.hero-home-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.5rem 2rem;align-items:center}.hero-home-copy{text-align:left}.hero-home-copy h1{font-size:clamp(1.85rem,3.1vw,2.8rem);line-height:1.1;color:var(--primary);margin:0 0 1.1rem;font-weight:800;letter-spacing:-.02em}.hero-home-lead{font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.6;color:var(--gray);margin:0 0 1.75rem;max-width:40ch}.hero-home-ctas{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1.5rem}section.hero-home .hero-home-ctas .btn{margin:0}.hero-home-trust{font-size:.9rem;line-height:1.5;color:#5a534c;margin:0;padding-top:.75rem;border-top:1px solid rgba(139,69,19,.15);max-width:32rem}.hero-home-media{min-width:0}.hero-home-image-wrap{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #4327121f}.hero-home-image{display:block;width:100%;height:clamp(280px,36vw,400px);object-fit:cover;object-position:center 35%}.hero-home-overlay-card{position:absolute;bottom:1rem;right:1rem;max-width:min(17rem,calc(100% - 2rem));margin:0;background:#fffffff5;color:var(--primary);padding:.8rem 1.05rem;border-radius:8px;font-size:.92rem;font-weight:700;line-height:1.35;box-shadow:0 4px 16px #0000001f;border:1px solid rgba(139,69,19,.12)}@media(max-width:900px){.hero-home-inner{grid-template-columns:1fr;gap:2rem}.hero-home-media{order:-1}.hero-home-image{height:300px}}section.home-mission-product{max-width:1200px;margin:0 auto;padding:2.25rem 1.5rem 2.75rem;background:#fffdf8;border-top:1px solid rgba(139,69,19,.08);border-bottom:1px solid rgba(139,69,19,.06)}.home-mission-product .home-mission-product-title{margin-bottom:1.75rem}.home-product-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2rem 2.5rem;align-items:center;max-width:880px;margin:0 auto;background:#fff;border-radius:16px;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 8px 32px #43271214;border:1px solid rgba(139,69,19,.1)}.home-product-image-wrap{border-radius:12px;overflow:hidden;background:#f5f0e8;box-shadow:0 4px 16px #4327120f}.home-product-image{display:block;width:100%;max-height:280px;object-fit:contain;object-position:center}.home-product-body{text-align:left;min-width:0}.home-product-name{margin:0 0 .35rem;font-size:clamp(1.35rem,2vw,1.5rem);color:var(--primary);font-weight:800;letter-spacing:-.02em;line-height:1.15}.home-product-tagline{margin:0 0 1rem;color:var(--gray);font-size:1rem;line-height:1.45}.home-product-price{margin:0 0 1.1rem;font-size:1.85rem;font-weight:800;color:var(--primary)}.home-product-currency{font-size:.9em;font-weight:700;margin-right:.05em}.home-product-field{margin-bottom:1.1rem}.home-product-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b5d52;margin-bottom:.45rem}.home-product-qty{display:inline-flex;align-items:center;gap:.65rem;border:1px solid rgba(139,69,19,.2);border-radius:8px;padding:.25rem .4rem;background:#fdfaf5}.home-product-qty button{min-width:44px;min-height:44px;border:none;background:transparent;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--primary);border-radius:6px;transition:background .2s}.home-product-qty button:hover{background:#8b451314}.home-product-qty button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.home-product-qty-value{font-weight:800;min-width:1.5rem;text-align:center;color:var(--dark);font-size:1.1rem}.home-product-cta{margin-bottom:1.1rem}section.home-mission-product .home-product-cta .btn,section.home-mission-product .home-product-cta a.btn{margin:0;display:inline-block;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.home-product-trust{list-style:none;margin:0;padding:.85rem 0 0;border-top:1px solid rgba(139,69,19,.12);font-size:.9rem;line-height:1.45;color:#3d3a36}.home-product-trust li{display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.4rem}.home-product-trust li:last-child{margin-bottom:0}.home-product-check{color:var(--secondary);font-weight:800;flex-shrink:0;line-height:1.4}@media(max-width:720px){.home-product-card{grid-template-columns:1fr;padding:1.35rem 1.1rem 1.25rem}.home-product-image{max-height:220px}}@media(max-width:768px){.hero-split{grid-template-columns:1fr;min-height:auto;margin:3rem auto 4rem;padding:0 1rem;grid-auto-rows:minmax(300px,auto)}.hero-image-container{min-height:300px;max-height:400px}.hero-card{padding:2rem 1.5rem;margin-left:0;margin-top:0;margin-bottom:0;height:auto}.hero-card-content{max-width:100%;padding:0}.hero-card-content h2{font-size:2rem;margin-bottom:1.5rem}.impact-grid{grid-template-columns:1fr;gap:1.5rem}section.hero-home{padding:2.25rem 1rem 2.75rem}}.btn{display:inline-block;background:var(--accent);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;margin:.5rem;transition:all .3s;min-height:44px;box-sizing:border-box}.btn:hover{background:#e08c3e;transform:scale(1.05)}@media(max-width:768px){.btn{padding:.875rem 1.5rem;font-size:.95rem;width:100%;max-width:100%;margin:.5rem 0}}.btn-secondary{background:var(--secondary)}section{padding:80px 20px;max-width:1200px;margin:0 auto}h2{color:var(--primary);text-align:center;font-size:2.8rem;margin-bottom:2rem}@media(max-width:768px){section{padding:40px 15px}h2{font-size:2rem;margin-bottom:1.5rem}}.problem-section{padding:4.5rem 1.5rem 3.5rem;background:#faf7f1}.section-title{text-align:center;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.1;color:#8b4513;margin-bottom:2.5rem;font-weight:800}.problem-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.9rem}.problem-card{display:flex;flex-direction:column}.problem-image{width:100%;height:230px;object-fit:cover;border-radius:10px;display:block;box-shadow:0 10px 24px #43271214}.problem-caption{display:grid;grid-template-columns:64px 1fr;gap:1.1rem;align-items:start;margin-top:1.45rem;padding:.25rem 0 .1rem}.caption-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.65rem;font-weight:800;box-shadow:0 8px 18px #4a2c1426}.caption-copy{border-left:2px solid rgba(139,69,19,.35);padding-left:1rem}.caption-copy h3{margin:0 0 .55rem;font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.08;font-weight:850;letter-spacing:-.035em}.caption-copy p{margin:0;color:#2f2a25;font-size:1rem;line-height:1.55;max-width:32ch}.problem-caption-brown .caption-icon{background:linear-gradient(135deg,#9a4f16,#6d3510)}.problem-caption-brown .caption-copy h3{color:#934613}.problem-caption-brown .caption-copy{border-left-color:#93461373}.problem-caption-green .caption-icon{background:linear-gradient(135deg,#6f852f,#3f5f1e)}.problem-caption-green .caption-copy h3{color:#5b742a}.problem-caption-green .caption-copy{border-left-color:#5b742a80}.caption-arrow{position:relative;height:1px;margin-top:1.45rem;opacity:.95}.caption-arrow:before{content:"";position:absolute;left:0;right:9px;top:0;height:1px;background:currentColor}.caption-arrow:after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.caption-arrow-brown{color:#934613}.caption-arrow-green{color:#5b742a}.problem-cta{text-align:center;width:min(1120px,100%);margin:2.75rem auto 0;padding-top:2rem;border-top:1px solid rgba(139,69,19,.12)}.problem-cta-lead{margin:0 auto 1.25rem;max-width:28rem;font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:700;color:#4a3014;line-height:1.4;letter-spacing:-.02em}.problem-section .problem-cta .problem-cta-btn,.problem-section .problem-cta a.btn{margin:0}.process-video-section{max-width:1200px;margin:0 auto;padding:3.5rem 1.5rem 3.25rem;background:#fdfaf5;border-top:1px solid rgba(139,69,19,.08)}.process-video-section .process-video-section-title{margin-bottom:1.15rem}.process-video-intro{text-align:center;max-width:46rem;margin:0 auto 2.25rem;font-size:clamp(1rem,1.35vw,1.1rem);line-height:1.65;color:#3a342f}.process-video-player-wrap{max-width:min(960px,100%);margin:0 auto 2.5rem;border-radius:12px;overflow:hidden;background:#1a1816;box-shadow:0 12px 40px #43271224;aspect-ratio:16 / 9}.process-video{display:block;width:100%;height:100%;object-fit:contain;vertical-align:top}.process-video-trust-grid{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.25rem;max-width:960px}.process-video-trust-card{background:#fff;border:1px solid rgba(139,69,19,.12);border-radius:10px;padding:1.15rem 1rem;text-align:center;box-shadow:0 2px 12px #4327120d}.process-video-trust-title{margin:0;font-size:clamp(.95rem,1.1vw,1.05rem);font-weight:800;color:var(--primary);line-height:1.3;letter-spacing:-.02em}@media(max-width:720px){.process-video-trust-grid{grid-template-columns:1fr;max-width:20rem}}@media(max-width:950px){.problem-grid{grid-template-columns:1fr;max-width:620px}.problem-image{height:300px}.caption-copy p{max-width:none}}@media(max-width:560px){.problem-section{padding:3.25rem 1rem 2.75rem}.problem-image{height:220px}.problem-caption{grid-template-columns:48px 1fr;gap:.85rem}.caption-icon{width:44px;height:44px;font-size:1.25rem}.caption-copy{padding-left:.8rem}.caption-copy h3{font-size:1.25rem}.caption-copy p{font-size:.95rem}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.grid{grid-template-columns:1fr;gap:1.5rem}}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;text-align:center}.grid-photo-wrap{aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;margin-bottom:.75rem}.grid-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.card .grid-photo-wrap{margin-bottom:0;border-radius:0}.card:has(.grid-photo-wrap) h3{margin:0;padding:1rem 1rem 1.25rem}.product-hero{background:var(--light);text-align:center;padding:100px 20px}.product-img{max-width:400px;border-radius:12px;box-shadow:0 10px 30px #0003}.difference-section{padding:5rem 1.5rem 3rem;background:#faf7f1;max-width:none;width:100%;box-sizing:border-box}.difference-panel{width:min(1120px,100%);margin:0 auto;padding:clamp(2rem,4vw,3.5rem);border:1px solid rgba(139,69,19,.14);border-radius:22px;background:radial-gradient(circle at 12% 25%,rgba(117,139,50,.08),transparent 28%),linear-gradient(135deg,#fffaf1,#f8efe1);box-shadow:0 18px 45px #4a2c1414;position:relative;overflow:hidden}.difference-panel:before{content:"";position:absolute;left:-4rem;top:5rem;width:280px;height:280px;background:linear-gradient(45deg,transparent 48%,rgba(91,116,42,.08) 49%,rgba(91,116,42,.08) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(91,116,42,.06) 49%,rgba(91,116,42,.06) 51%,transparent 52%);border-radius:50%;opacity:.55;pointer-events:none}.difference-heading{text-align:center;position:relative;z-index:1}.difference-heading h2{margin:0;color:#8b4513;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;font-weight:850;letter-spacing:-.035em}.difference-divider{display:flex;align-items:center;justify-content:center;gap:.85rem;color:#9a4f16;margin-top:.9rem}.difference-divider span{display:block;width:58px;height:1px;background:currentColor;opacity:.75}.difference-content{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-top:2.2rem;position:relative;z-index:1}.difference-story{text-align:center;padding:1rem 2rem 1rem 1rem;border-right:1px solid rgba(139,69,19,.18)}.cocoa-illustration{width:230px;height:165px;margin:0 auto 1.4rem;position:relative}.cocoa-pod{position:absolute;left:50%;top:52%;width:150px;height:82px;border:8px solid #8b4513;border-radius:70% 35%;background:linear-gradient(135deg,#b66a28,#f4d08a);transform:translate(-50%,-50%) rotate(-18deg);box-shadow:0 12px 24px #4a2c1429}.cocoa-pod:before{content:"";position:absolute;inset:11px;border-radius:inherit;background:#f6e6bd;border:2px solid rgba(139,69,19,.35)}.cocoa-beans{position:absolute;inset:20px 24px;z-index:1;display:flex;gap:5px;align-items:center;justify-content:center}.cocoa-beans span{width:14px;height:28px;border-radius:50%;background:#fff7df;border:1px solid rgba(139,69,19,.3)}.cocoa-leaf{position:absolute;width:76px;height:42px;background:linear-gradient(135deg,#7a8e3d,#4e6727);border-radius:100% 0;box-shadow:0 8px 18px #4a2c141f}.cocoa-leaf-one{right:8px;top:46px;transform:rotate(-18deg)}.cocoa-leaf-two{right:36px;bottom:24px;transform:rotate(32deg) scale(.78);opacity:.9}.difference-story h3{margin:0 0 1rem;color:#55702a;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2;font-weight:850}.difference-story p{margin:0 auto;max-width:430px;color:#2f2a25;font-size:1.05rem;line-height:1.65}.difference-story .difference-emphasis{margin-top:.8rem;font-weight:700;color:#5b3a1d}.difference-list{display:grid;gap:.85rem}.difference-item{display:grid;grid-template-columns:54px 1fr;gap:1rem;align-items:center;padding:.9rem 1.1rem;border-radius:999px;background:#fffbf2b8;border:1px solid rgba(139,69,19,.08);box-shadow:0 10px 22px #4a2c140e;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.difference-item:hover{transform:translateY(-2px);border-color:#8b451329;box-shadow:0 14px 28px #4a2c1417}.difference-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0}.difference-icon-brown{background:linear-gradient(135deg,#9a4f16,#6d3510)}.difference-icon-gold{background:linear-gradient(135deg,#c99031,#9a6518)}.difference-icon-green{background:linear-gradient(135deg,#6f852f,#3f5f1e)}.difference-item h4{margin:0 0 .15rem;color:#3a2b20;font-size:1.05rem;line-height:1.15;font-weight:850}.difference-item p{margin:0;color:#2f2a25c7;font-size:.95rem;line-height:1.35}@media(max-width:900px){.difference-content{grid-template-columns:1fr}.difference-story{border-right:none;border-bottom:1px solid rgba(139,69,19,.18);padding:0 0 2rem}.difference-list{max-width:620px;margin:0 auto;width:100%}}@media(max-width:560px){.difference-section{padding:3.5rem 1rem 2.5rem}.difference-panel{padding:2rem 1.1rem;border-radius:18px}.difference-heading h2{font-size:2rem}.difference-divider span{width:36px}.cocoa-illustration{width:190px;height:135px}.cocoa-pod{width:125px;height:70px}.difference-item{grid-template-columns:46px 1fr;gap:.8rem;border-radius:18px;padding:.85rem}.difference-icon{width:42px;height:42px}.difference-item h4{font-size:1rem}.difference-item p{font-size:.9rem}}.deeper-meaning-section{margin-top:2rem}footer{background:var(--primary);color:#fff;text-align:center;padding:3rem 1rem}footer .footer-inner{max-width:900px;margin:0 auto}footer .footer-tagline{opacity:.95;font-size:1rem;line-height:1.5;margin:0 auto 1.25rem;max-width:28rem}footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;margin:0 0 1.25rem}footer .footer-links a{color:inherit;text-decoration:none;font-size:.95rem;opacity:.95}footer .footer-links a:hover{text-decoration:underline}footer .footer-muted{margin:0;opacity:.8;font-size:.85rem}.faq{padding:4rem 1.5rem}.faq-container{max-width:960px;margin:0 auto}.faq h1{margin-bottom:.75rem;color:var(--primary)}.faq-intro{margin-bottom:2rem;color:var(--secondary);line-height:1.6}.faq-list{display:grid;gap:1rem}.faq-item{background:var(--light);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:0;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:1rem 1.25rem;font-weight:600;color:var(--primary)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 1.25rem 1.25rem;margin:0;line-height:1.7;color:var(--secondary)}.faq-help{margin-top:2rem;text-align:center}.faq-help p{margin:0 0 .5rem;color:var(--secondary)}.faq-help a{color:var(--accent);font-weight:600;text-decoration:none}.faq-help a:hover{text-decoration:underline}@media(max-width:768px){header{padding:1rem;flex-direction:row;align-items:center;justify-content:space-between}.logo{margin-bottom:0}.menu-toggle{display:flex}nav{position:absolute;top:100%;left:0;right:0;background:linear-gradient(to right,var(--primary),var(--secondary));width:100%;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out;box-shadow:0 4px 10px #0003}nav.nav-open{max-height:500px;padding:1rem 0}nav a{margin-left:0;margin-bottom:0;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.2);width:100%;display:block;text-align:left}nav a:last-child{border-bottom:none}nav a:hover{background:#ffffff1a}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}section.hero-home{padding:2.25rem 1rem 2.75rem}section{padding:40px 15px}h2{font-size:2rem;margin-bottom:1.5rem}.grid{grid-template-columns:1fr;gap:1.5rem}.btn{padding:.875rem 1.5rem;font-size:.95rem;width:100%;max-width:100%;margin:.5rem 0}.product-img{max-width:100%}}@media(max-width:480px){h2{font-size:1.75rem}.logo{max-height:40px}}@media(max-width:768px){.story-image-container{float:none!important;margin:0 auto 2rem!important;max-width:100%!important}}.checkout-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.checkout-form-container{padding:2rem}.checkout-form{background:#fff;padding:4rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;border:1px solid #ddd}.quantity-donation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.address-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}input[type=text],input[type=email],input[type=number]{min-height:44px;box-sizing:border-box;font-size:16px}button[type=button]{min-width:44px;min-height:44px}@media(max-width:768px){.checkout-container{grid-template-columns:1fr;gap:2rem}.checkout-form-container{padding:1rem 0}.checkout-form{padding:2rem 1.5rem}.quantity-donation-grid,.address-grid{grid-template-columns:1fr}}