:root{--ink:#17211d;--muted:#60716a;--line:#dce5df;--paper:#fbfcf8;--soft:#eef5ee;--mint:#2f8f67;--mint-dark:#176345;--gold:#d99a2b;--coral:#dd6f5e;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfcf8eb;justify-content:space-between;align-items:center;padding:16px clamp(20px,5vw,72px);display:flex;position:sticky;top:0;left:0;right:0}.brand,nav,.hero-actions,.trust-row,.eyebrow,.contact-line{align-items:center;display:flex}.contact-form,.contact-form label{gap:8px;display:grid}.contact-form{gap:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-form label{color:var(--ink);font-size:.9rem;font-weight:750}.contact-form label span,.form-note{color:var(--muted);font-weight:500}.contact-form input,.contact-form select,.contact-form textarea{background:var(--paper);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:8px;outline:none;width:100%;padding:13px 14px;transition:border-color .16s,box-shadow .16s}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #2f8f6721}.contact-form button:disabled{cursor:wait;opacity:.75}.honeypot{position:absolute;left:-10000px}.form-feedback{border-radius:8px;align-items:center;gap:8px;margin:0;padding:12px 14px;font-weight:700;display:flex}.form-feedback.success{background:var(--soft);color:var(--mint-dark)}.form-feedback.error{color:#9f3d30;background:#dd6f5e1f}.form-note{text-align:center;margin:-6px 0 0;font-size:.82rem}.spinner{animation:.8s linear infinite spin}.contact-action-simple{max-width:440px}.contact-action-simple p{color:#ffffffb8;margin-bottom:20px;line-height:1.6}.contact-page{min-height:100vh}.back-link{color:var(--muted);align-items:center;gap:7px;font-weight:750;display:inline-flex}.contact-hero{background:radial-gradient(circle at 10% 10%, #2f8f671f, transparent 34%), var(--paper);grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:start;gap:clamp(36px,6vw,80px);min-height:calc(100vh - 69px);padding:clamp(52px,7vw,90px) clamp(20px,5vw,72px);display:grid}.contact-intro{padding-top:24px;position:sticky;top:110px}.contact-intro h1{font-size:clamp(2.5rem,5vw,4.6rem)}.contact-benefits{gap:14px;margin-top:34px;display:grid}.contact-benefits span{align-items:center;gap:10px;font-weight:700;display:flex}.contact-benefits svg{color:var(--mint)}.contact-card-large{border:1px solid var(--line);padding:clamp(24px,4vw,42px);box-shadow:0 24px 70px #17211d1a}.form-heading{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:20px}.form-heading span{margin-bottom:7px;font-size:1.35rem;font-weight:850;display:block}.form-heading p{color:var(--muted);margin:0;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}.brand{gap:10px;font-weight:800}.brand-mark{background:var(--ink);color:var(--white);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}nav{color:var(--muted);gap:22px;font-size:.95rem;font-weight:650}nav a:hover{color:var(--ink)}.nav-contact{background:var(--ink);color:var(--white);border-radius:8px;padding:10px 14px}.nav-contact:hover{background:var(--mint-dark);color:var(--white)}.hero{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;gap:clamp(34px,6vw,72px);min-height:calc(100vh - 70px);padding:clamp(48px,7vw,92px) clamp(20px,5vw,72px);display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--mint-dark);letter-spacing:0;text-transform:uppercase;gap:8px;margin:0 0 18px;font-size:.82rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:980px;margin-bottom:24px;font-size:clamp(2.45rem,6vw,5.25rem);line-height:.98}h2{letter-spacing:0;margin-bottom:16px;font-size:clamp(2rem,4vw,3.55rem);line-height:1.04}h3{letter-spacing:0;font-size:1.2rem}.hero-text,.section-heading p,.cta-section p,.service-card p,.project-card p,.price-card p{color:var(--muted);font-size:1.04rem;line-height:1.65}.hero-text{max-width:680px}.hero-actions{flex-wrap:wrap;gap:12px;margin:32px 0 22px}.button{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 18px;font-weight:800;display:inline-flex}.primary{background:var(--mint);color:var(--white);box-shadow:0 12px 28px #2f8f673d}.primary:hover{background:var(--mint-dark)}.secondary{background:var(--white);border:1px solid var(--line)}.trust-row{color:var(--muted);flex-wrap:wrap;gap:16px;font-weight:700}.trust-row span,.check-list span,.price-card li{align-items:center;gap:8px;display:flex}.hero-visual{background:linear-gradient(135deg, #2f8f672e, #dd6f5e1f), var(--white);border:1px solid var(--line);border-radius:8px;min-height:430px;position:relative;overflow:hidden;box-shadow:0 28px 70px #17211d1f}.browser-bar{background:var(--ink);align-items:center;gap:8px;height:46px;padding:0 18px;display:flex}.browser-bar span{background:var(--gold);border-radius:50%;width:10px;height:10px}.browser-bar span:nth-child(2){background:var(--coral)}.browser-bar span:nth-child(3){background:var(--mint)}.mock-site{grid-template-columns:1fr .72fr;gap:22px;padding:clamp(22px,4vw,42px);display:grid}.mock-left,.mock-panel,.service-card,.project-card,.price-card,.contact-card{border:1px solid var(--line);background:#ffffffd1;border-radius:8px}.mock-left{min-height:300px;padding:26px}.mock-badge{background:var(--soft);color:var(--mint-dark);border-radius:999px;margin-bottom:30px;padding:8px 12px;font-weight:800;display:inline-block}.mock-title,.mock-line,.mock-cta{border-radius:8px}.mock-title{background:var(--ink);max-width:280px;height:58px;margin-bottom:20px}.mock-line{background:#cddbd3;width:72%;height:14px;margin-bottom:12px}.mock-line.wide{width:90%}.mock-cta{background:var(--mint);width:150px;height:46px;margin-top:32px}.mock-panel{align-self:end;min-height:240px;padding:24px}.metric span{color:var(--muted);margin-bottom:8px;font-weight:700;display:block}.metric strong{font-size:2.3rem}.chart{align-items:end;gap:10px;height:126px;margin-top:28px;display:flex}.chart span{background:var(--gold);border-radius:8px 8px 0 0;flex:1}.strip{background:var(--ink);color:var(--white);grid-template-columns:repeat(3,1fr);padding:28px clamp(20px,5vw,72px);display:grid}.strip div{border-right:1px solid #ffffff29;padding:8px 24px}.strip div:last-child{border-right:0}.strip strong,.strip span{display:block}.strip strong{font-size:1.8rem}.strip span{color:#ffffffb8}.section{padding:clamp(64px,9vw,110px) clamp(20px,5vw,72px)}.section-heading{max-width:760px;margin-bottom:34px}.service-grid,.project-grid,.pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card,.project-card,.price-card{padding:26px}.service-card svg{color:var(--mint);margin-bottom:18px}.local-seo{background:var(--white)}.area-grid{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.area-grid span{background:var(--soft);border:1px solid var(--line);color:var(--mint-dark);border-radius:999px;padding:10px 14px;font-weight:800}.local-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.local-copy p{border-left:4px solid var(--mint);color:var(--muted);margin:0;padding-left:18px;font-size:1.04rem;line-height:1.7}.split{background:var(--soft);grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;display:grid}.check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.check-list span{background:var(--white);border:1px solid var(--line);border-radius:8px;min-height:58px;padding:0 18px;font-weight:800}.project-shot{border-radius:8px;flex-direction:column;gap:28px;min-height:210px;margin-bottom:22px;padding:20px;display:flex}.project-shot span{background:#ffffffd1;border-radius:999px;width:fit-content;padding:8px 12px;font-weight:800;display:inline-flex}.project-shot div{background:#ffffffbd;border-radius:8px;flex:1}.project-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.project-tags span{background:var(--soft);border:1px solid var(--line);color:var(--mint-dark);border-radius:999px;padding:8px 10px;font-size:.86rem;font-weight:800}.project-link{color:var(--mint-dark);align-items:center;gap:8px;margin-top:8px;font-weight:800;display:inline-flex}.project-link:hover{color:var(--ink)}.shot-1{background:linear-gradient(135deg,#2f8f67,#9fcf8f)}.shot-2{background:linear-gradient(135deg,#dd6f5e,#f0bc75)}.shot-3{background:linear-gradient(135deg,#334b3f,#7ab8aa)}.price-card strong{margin-bottom:12px;font-size:2rem;display:block}.price-card ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.featured{background:var(--ink);color:var(--white);transform:translateY(-10px)}.featured p,.featured li{color:#ffffffc2}.process ol{counter-reset:steps;gap:14px;margin:0;padding:0;list-style:none;display:grid}.process li{background:var(--white);border:1px solid var(--line);counter-increment:steps;border-radius:8px;align-items:center;gap:14px;min-height:62px;padding:12px 18px;font-weight:800;display:flex}.process li:before{background:var(--mint);color:var(--white);content:counter(steps);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.cta-section{background:var(--ink);color:var(--white);grid-template-columns:1fr 360px;align-items:center;gap:34px;padding:clamp(64px,9vw,110px) clamp(20px,5vw,72px);display:grid}.cta-section .eyebrow,.cta-section p{color:#ffffffb8}.contact-card{background:var(--white);color:var(--ink);gap:12px;padding:22px;display:grid}.contact-line{border:1px solid var(--line);border-radius:8px;gap:10px;min-height:52px;padding:0 14px}.full{width:100%}footer{color:var(--muted);justify-content:space-between;align-items:center;padding:26px clamp(20px,5vw,72px);display:flex}footer a{font-weight:800}@media (max-width:920px){nav{display:none}.hero,.split,.cta-section{grid-template-columns:1fr}.hero{min-height:auto}.service-grid,.project-grid,.pricing-grid,.local-copy{grid-template-columns:1fr}.featured{transform:none}.strip{grid-template-columns:1fr}.strip div{border-bottom:1px solid #ffffff29;border-right:0;padding:18px 0}.strip div:last-child{border-bottom:0}.contact-card{max-width:460px}.contact-hero{grid-template-columns:1fr}.contact-intro{padding-top:0;position:static}.contact-card-large{max-width:none}}@media (max-width:620px){.form-grid{grid-template-columns:1fr}.site-header{padding:12px 18px}h1{font-size:2.45rem}h2{font-size:2rem}.hero{padding-top:42px}.hero-actions .button{width:100%}.hero-visual{min-height:0}.mock-site{grid-template-columns:1fr}.mock-panel{align-self:stretch}.check-list,.cta-section{grid-template-columns:1fr}.contact-card{width:100%}}
