/*
Theme Name: P&D Creative Modern
Author: P&D Creative Website Project
Description: Modern responsive WordPress theme for P&D Creative Co., Inc. Elementor-compatible.
Version: 2.0.0
*/
:root{--green:#176b45;--green2:#0e4f34;--lime:#8bbf45;--ink:#17221d;--muted:#66736c;--paper:#f7faf8;--white:#fff;--line:#dfe8e2;--shadow:0 16px 40px rgba(20,45,32,.10);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.topbar{background:var(--green2);color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;padding:7px 0}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--ink);font-size:22px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--lime));display:grid;place-items:center;color:#fff;font-weight:900}.menu{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0;font-weight:700;font-size:14px}.menu a{color:var(--ink)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:20px}
.hero{background:linear-gradient(135deg,#0e4f34,#176b45 55%,#5e9d3c);color:#fff;padding:92px 0 80px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.eyebrow,.product-label{text-transform:uppercase;letter-spacing:1.5px;font-weight:800;font-size:12px}.eyebrow{color:#dff4df}.hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.04;letter-spacing:-2px;margin:14px 0 22px}.hero p{font-size:19px;max-width:720px;color:#edf8ef}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 19px;border-radius:12px;font-weight:800;border:1px solid transparent}.btn-primary{background:#fff;color:var(--green2)}.btn-outline{border-color:rgba(255,255,255,.55);color:#fff}.btn-dark{background:var(--green2);color:#fff}.hero-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);padding:28px;border-radius:24px}.hero-card strong{font-size:21px}.hero-card ul{padding-left:20px}
.section{padding:76px 0}.section.alt{background:var(--paper)}.section-head{max-width:760px;margin-bottom:34px}.section-head h2,.callout h2{font-size:clamp(30px,4vw,45px);line-height:1.1;margin:10px 0 12px;letter-spacing:-1px}.section-head p,.card p{color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 8px 25px rgba(20,45,32,.05)}.card h3{margin:8px 0 9px;font-size:21px}.icon{width:46px;height:46px;border-radius:13px;background:#e9f5eb;color:var(--green);display:grid;place-items:center;font-weight:900}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.badge{background:#eaf4ec;color:var(--green2);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800}
.statbar{background:var(--ink);color:#fff;padding:26px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{text-align:center}.stat strong{font-size:30px;display:block}.stat span{color:#cbd8d0;font-size:13px}.product-card{padding:0;overflow:hidden}.product-top{height:125px;background:linear-gradient(135deg,#dcefe0,#f4f8e9);display:flex;align-items:flex-end;padding:20px}.product-body{padding:22px}.page-hero{background:var(--paper);padding:58px 0 48px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:48px;line-height:1.08;margin:10px 0}.page-hero p{max-width:780px;color:var(--muted);font-size:18px}.prose{max-width:850px}.prose h2{font-size:31px;margin-top:40px}.prose h3{font-size:22px}.prose p,.prose li{color:#455149}.prose ul{padding-left:22px}.callout{background:linear-gradient(135deg,#f0f8ed,#fff);border:1px solid #d8e8d3;border-radius:22px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.notice{padding:13px 16px;border-radius:12px;background:#fff7df;border:1px solid #f0df9c;color:#5d4d1e}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-box{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}.site-footer{background:#101b15;color:#d9e4dd;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:35px}.site-footer h3{color:#fff}.site-footer a{color:#d9e4dd}.footer-bottom{border-top:1px solid #314039;margin-top:35px;padding-top:18px;font-size:13px;display:flex;justify-content:space-between}
@media(max-width:900px){.hero-grid,.contact-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.menu-toggle{display:block}.menu{display:none;position:absolute;left:4%;right:4%;top:74px;background:#fff;padding:18px;border:1px solid var(--line);border-radius:15px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.nav{position:relative}}
@media(max-width:600px){.topbar .container{flex-direction:column}.hero{padding:65px 0}.grid-3,.grid-4,.grid-2,.stats{grid-template-columns:1fr}.section{padding:55px 0}.page-hero h1{font-size:39px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}

.card h3 a{color:var(--ink)}.card h3 a:hover{color:var(--green);text-decoration:underline}