/*
Theme Name: Maple Digital Solutions
Theme URI: https://example.com/
Author: Maple Digital Solutions
Description: Responsive, editable agency website with portfolio filtering and a customizer-managed homepage.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: maple-digital
*/
:root{--orange:#f26705;--red:#d62807;--ink:#0c2b3d;--cream:#f8f5f0;--muted:#61717d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.wrap{max-width:1190px;margin:auto;padding:0 24px}.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 18px #0000000b}.nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:8px}.brand img{width:44px;height:49px}.brand-main{font-size:26px;letter-spacing:3px;font-weight:800;line-height:1}.brand-small{font-size:8px;letter-spacing:3px}.menu{display:flex;align-items:center;gap:30px;list-style:none;padding:0;margin:0}.menu a{font-size:13px;font-weight:600}.menu a:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;padding:15px 25px;font-size:13px;font-weight:700;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(110deg,#ff7900,#d62807)}.btn-light{background:white;color:var(--red)}.mobile-toggle{display:none;background:none;border:0;font-size:27px}.hero{background:var(--cream);position:relative;overflow:hidden}.hero-layout{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:450px}.hero-copy{padding:50px 0;z-index:1}.eyebrow{color:var(--red);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(38px,4.5vw,65px);letter-spacing:-2px;line-height:1.07;margin:14px 0}.accent{color:#e94c05}.hero p{font-size:20px;line-height:1.4;max-width:450px}.hero-visual{height:450px;align-self:stretch;background-size:cover;background-position:center}.hero-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.watch{font-weight:700;font-size:13px}.watch span{border:2px solid var(--orange);border-radius:50%;padding:9px;color:var(--orange);margin-right:8px}.section{padding:65px 0}.section-heading{text-align:center;max-width:650px;margin:0 auto 34px}.section-heading h2{font-size:clamp(30px,3vw,43px);line-height:1.16;margin:10px 0}.section-heading p{font-size:15px;color:var(--muted)}.services{background:#fcfaf7;position:relative}.services:before{content:'';position:absolute;left:-45px;top:0;width:190px;height:210px;background:url('assets/images/leaf.svg') no-repeat center/contain;transform:rotate(-30deg);opacity:.28}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{background:white;border:1px solid #e9e6e2;border-radius:10px;box-shadow:0 4px 12px #0000000b;text-align:center;padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;min-height:220px}.service-icon{font-size:44px;line-height:1;color:var(--orange);margin-bottom:14px}.service-card h3{font-size:17px;margin:4px 0 10px}.service-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.service-card a{margin-top:auto;padding-top:15px;color:var(--orange);font-size:24px}.cases{background:linear-gradient(120deg,#d94400,#f26705 55%,#ff980e);color:white}.cases .section-heading p{color:#fff}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:25px 0 18px}.filter{background:#fff;color:var(--ink);border:1px solid #ffffffab;border-radius:8px;padding:13px 15px;font-size:12px;cursor:pointer}.filter.active,.filter:hover{background:transparent;color:white}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{background:white;color:var(--ink);border-radius:8px;padding:12px;display:flex;flex-direction:column;min-height:285px}.project-card[hidden]{display:none}.project-card img{width:100%;aspect-ratio:1.9;object-fit:cover;border-radius:5px}.project-cat{font-size:10px;font-weight:800;color:var(--orange);text-transform:uppercase;margin:11px 0 3px}.project-card h3{font-size:15px;margin:0 0 4px}.project-card p{font-size:12px;color:var(--muted);margin:0 0 12px;line-height:1.45}.project-link{font-size:11px;font-weight:700;color:var(--orange);align-self:flex-end;margin-top:auto}.cta{background:linear-gradient(100deg,#a81805,#f36703);color:white;padding:32px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0 0 5px;font-size:26px}.cta p{margin:0}.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.difference-item{text-align:center;padding:10px 20px;border-right:1px solid #e5e5e5}.difference-item:last-child{border:0}.difference-item .service-icon{font-size:36px}.difference-item h3{font-size:15px}.difference-item p{font-size:12px;color:var(--muted)}.plans{background:radial-gradient(circle at 90% 0,#a92c0b,#420b07 60%,#270706);color:white}.plans .section-heading p{color:#eee}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:920px;margin:auto}.plan{border:1px solid #ffffff75;border-radius:9px;text-align:center;padding:25px 25px 18px;position:relative}.plan.popular{border:2px solid #ff8800}.popular-label{position:absolute;top:-15px;left:10%;right:10%;background:#ff8800;color:white;border-radius:10px;font-size:11px;padding:5px}.plan h3{font-size:24px;margin:7px 0 0}.plan p{font-size:12px;color:#eee}.plan ul{text-align:left;font-size:12px;line-height:1.9;list-style:'✓  ';padding-left:25px}.plan li::marker{color:#ff8200}.price{font-size:32px;font-weight:800}.plan .btn{width:100%;padding:12px}.contact{background:#fff;padding:55px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact form{display:grid;gap:12px}.contact input,.contact textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:13px}.contact textarea{min-height:120px}.site-footer{background:#fafafa;border-top:1px solid #eee;padding:36px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:25px}.footer-grid h4{margin:0 0 10px}.footer-grid p,.footer-grid a{font-size:12px;color:var(--muted);line-height:1.8}.footer-grid a{display:block}.copyright{border-top:1px solid #eee;padding-top:14px;margin-top:24px;font-size:11px;color:#899}.notice{padding:12px;border-radius:8px;background:#e7f8ed;color:#146b3c}.inner-page{padding:70px 0;min-height:55vh}.inner-page h1{font-size:42px}@media(max-width:950px){.menu{gap:13px}.hero-layout{grid-template-columns:50% 50%}.service-grid,.difference-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.nav-row{min-height:65px}.brand-main{font-size:20px}.brand img{width:35px}.mobile-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:65px;background:white;padding:20px;flex-direction:column;align-items:flex-start;box-shadow:0 10px 12px #0001}.menu.open{display:flex}.nav-row>.btn{display:none}.hero-layout{display:flex;flex-direction:column}.hero-copy{padding:38px 0}.hero-visual{width:100%;height:280px}.hero h1{font-size:43px}.section{padding:48px 0}.service-grid,.project-grid,.difference-grid,.plan-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.cta-row{flex-direction:column;align-items:flex-start}.difference-item{border:0;border-bottom:1px solid #eee}.filter{font-size:11px;padding:10px}.project-card{min-height:0}}