/*
Theme Name: Cocopoal
Text Domain: cocopoal
Description: Premium coconut product intelligence and private-label website
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
:root{--forest:#17392c;--dark:#10271e;--cream:#f7f4e9;--lime:#d6e895;--ink:#20372c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.cp-wrap{max-width:1220px;margin:auto;padding-left:34px;padding-right:34px}.cp-header{background:#fbfaf3;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8e6da}.cp-nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cp-logo{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.17em;font-size:22px}.cp-logo-mark{width:48px;height:48px;border-radius:50%;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-size:36px}.cp-logo small{display:block;font-size:8px;letter-spacing:.2em;margin-top:3px;font-weight:500}.cp-nav nav{display:flex;gap:32px;font-size:13px}.cp-nav-cta{border:1px solid var(--forest);padding:14px 18px;font-size:12px;font-weight:700}.cp-hero{background:var(--forest);color:white;overflow:hidden}.cp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:660px;align-items:center;gap:70px;padding-top:90px;padding-bottom:90px}.cp-kicker{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#72956d}.cp-hero .cp-kicker{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.04em}h1{font-size:clamp(55px,6vw,92px);line-height:1.07;margin:25px 0}h1 em,h2 em{font-weight:400;color:var(--lime)}.cp-hero p{font-size:17px;line-height:1.9;color:#d8e3d8;max-width:560px}.cp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.cp-button{background:var(--lime);color:var(--dark);padding:17px 24px;display:inline-block;font-size:13px;font-weight:700}.cp-outline{background:transparent;color:white;border:1px solid #91a69a}.cp-markets{margin-top:64px;font-size:10px;letter-spacing:.2em;color:#a6b9a9}.cp-markets strong{display:block;margin-top:12px;color:white;font-size:12px}.cp-hero-art{min-height:475px;border-radius:240px 240px 12px 12px;background:radial-gradient(circle at 45% 35%,#f8edc8 0,#dfd5aa 25%,#759477 49%,#234f3c 73%,#10291e 100%);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 25px 65px #0b2119}.cp-round{height:255px;width:255px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff8df 0 16%,#b6a078 17% 23%,#533b26 24% 31%,#d8ebc2 32% 40%,#214b2d 41%);box-shadow:0 22px 35px #17332388;display:flex;align-items:end;justify-content:center;padding-bottom:24px;font-size:20px;font-weight:700;letter-spacing:.15em;color:white;text-shadow:0 2px 5px #13281c}.cp-round span{color:var(--lime)}.cp-art-title{font-family:'Playfair Display',serif;font-size:26px;color:white;margin-top:35px}.cp-art-foot{font-size:10px;letter-spacing:.17em;color:#d4e7d2;margin-top:14px}.cp-strip{background:#dbe7ba;padding:22px 0;color:#24422d;text-align:center;font-size:11px;font-weight:700;letter-spacing:.14em}.cp-strip span{margin:0 26px}.cp-section{padding-top:115px;padding-bottom:110px}.cp-sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.cp-sectionhead h2,.cp-process h2,.cp-contact h2{font-size:clamp(42px,5vw,68px);line-height:1.1;margin:20px 0}.cp-sectionhead h2 em,.cp-contact h2 em{color:#5b8766}.cp-sectionhead p{max-width:375px;line-height:1.8;color:#607367}.cp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cp-card{background:white;border:1px solid #e8e9dd;transition:transform .2s}.cp-card:hover{transform:translateY(-6px)}.cp-card-art{height:205px;background:linear-gradient(140deg,#d6e3bf,#9cb89b 55%,#355a44);position:relative;display:grid;place-items:center;overflow:hidden}.cp-card:nth-child(2n) .cp-card-art{background:linear-gradient(140deg,#e9dcc4,#b9c6a4,#55765a)}.cp-card-art>span{position:absolute;top:15px;left:17px;font-size:11px;color:#17392c}.cp-symbol{font-size:135px;color:#f8f2d9;text-shadow:12px 16px 0 #456b50;line-height:1}.cp-card-art small{position:absolute;bottom:13px;left:17px;font-size:9px;letter-spacing:.15em;color:#153528}.cp-card-body{padding:25px}.cp-card h3{font-family:'Playfair Display',serif;font-size:23px;font-weight:500;margin:10px 0}.cp-card p{font-size:13px;line-height:1.8;color:#64756b;min-height:72px}.cp-card a{font-size:12px;font-weight:700;border-bottom:1px solid #5a8061;padding-bottom:5px}.cp-note{font-size:12px;color:#7a8579;margin-top:30px;line-height:1.7}.cp-process{background:#17392c;color:white;padding:110px 0}.cp-process .cp-kicker{color:var(--lime)}.cp-process h2 em{color:var(--lime)}.cp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:70px}.cp-steps>div{border-top:1px solid #678673;padding-top:25px}.cp-steps b{color:var(--lime);font-size:13px}.cp-steps h3{font-family:'Playfair Display',serif;font-weight:400;font-size:28px;margin:22px 0 12px}.cp-steps p{font-size:13px;line-height:1.8;color:#b8c9bb}.cp-contact{text-align:center;padding-top:115px;padding-bottom:125px}.cp-contact p{max-width:590px;margin:0 auto 30px;color:#637668;line-height:1.8}.cp-footer{background:#0e241b;color:#e6eee5;padding-top:65px}.cp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding-bottom:65px}.cp-footer-logo{font-size:30px;letter-spacing:.18em}.cp-footer p{font-size:13px;color:#a9bcae;line-height:1.8;margin-top:16px}.cp-footer strong{font-size:11px;letter-spacing:.2em;color:var(--lime)}.cp-footer a{display:block;font-size:13px;margin-top:18px}.cp-bottom{padding-top:24px;padding-bottom:24px;border-top:1px solid #345042;font-size:11px;color:#a4b6a7}@media(max-width:1000px){.cp-grid{grid-template-columns:repeat(2,1fr)}.cp-hero-grid{gap:25px}.cp-nav nav{display:none}}@media(max-width:700px){.cp-wrap{padding-left:20px;padding-right:20px}.cp-hero-grid{grid-template-columns:1fr;padding-top:60px;padding-bottom:50px;gap:40px}.cp-hero-art{min-height:350px}.cp-round{width:180px;height:180px;font-size:14px}.cp-section{padding-top:70px;padding-bottom:70px}.cp-sectionhead{display:block}.cp-grid{grid-template-columns:1fr}.cp-steps{grid-template-columns:1fr 1fr;gap:20px}.cp-footer-grid{grid-template-columns:1fr;gap:20px}.cp-nav-cta{display:none}.cp-strip{font-size:9px;line-height:2}.cp-strip span{margin:0 8px}.cp-markets{margin-top:40px}}