
:root{
  --ink:#111;
  --paper:#f4f1e9;
  --paper2:#e8e3d8;
  --white:#fff;
  --muted:#5e5a53;
  --line:#cfc8ba;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:12px max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(244,241,233,.97);position:sticky;top:0;z-index:20}
.brand img{width:76px;height:62px;object-fit:cover;border-radius:2px}
.desktop-nav{display:flex;gap:24px;font-weight:700;font-size:14px}
.desktop-nav a:hover{text-decoration:underline}
.top-actions,.hero-actions,.trust-strip{display:flex;gap:14px;align-items:center}
.text-link{font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:3px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;transition:.15s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-dark{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.btn-light{background:var(--paper);color:var(--ink);border:1px solid var(--paper)}
.btn-outline{background:transparent;border:1px solid var(--ink)}
.btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}
.btn-large{padding:16px 24px}
.hero{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center;padding:84px 24px 76px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px}
h1,h2,h3{font-family:Impact,"Arial Black",Arial,sans-serif;text-transform:uppercase;line-height:.96;margin:0;font-weight:900}
h1{font-size:clamp(52px,7vw,100px);letter-spacing:-.025em}
h1 span{display:block;color:var(--ink);background:none;padding:0}
h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.015em}
h3{font-size:26px;line-height:1.04}
.hero-lede{font-size:19px;line-height:1.58;max-width:700px;margin:28px 0;color:#37342f}
.hero-actions{flex-wrap:wrap}
.trust-strip{margin-top:28px;gap:22px;flex-wrap:wrap;font-weight:700;font-size:14px;color:#36332e}
.hero-card{display:flex;justify-content:center}
.hero-card-inner{width:min(405px,100%);background:var(--ink);color:#fff;padding:48px 46px;min-height:390px;display:flex;flex-direction:column;justify-content:center;border-radius:4px}
.hero-card-inner .stamp{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:38px;line-height:.95;margin-bottom:25px}
.hero-card-inner p{font-size:18px;margin:6px 0}
.hero-card-inner a{margin-top:25px;font-weight:800;text-decoration:underline}
.proof{background:var(--ink);color:#fff;padding:24px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:24px;align-items:center}
.proof div{display:flex;flex-direction:column;gap:5px}
.section{max-width:var(--max);margin:0 auto;padding:90px 24px}
.section-heading{max-width:880px;margin-bottom:40px}
.muted{font-size:18px;line-height:1.62;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{padding:30px 0;border-top:2px solid var(--ink);min-height:270px;display:flex;flex-direction:column}
.card-number{font-weight:800;font-size:12px;margin-bottom:34px;color:var(--muted)}
.card p{line-height:1.62;color:#44413b}
.card a{font-weight:800;margin-top:auto}
.service-special{background:var(--paper2);max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}
.ripouts{background:#f8f6f0;max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}
.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 30px}
.special-grid strong{padding:18px 0;border-bottom:1px solid var(--line);font-size:17px}
.small-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:18px}
.split,.quote-section,.no-surprises{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:start}
.steps{list-style:none;padding:0;margin:0}
.steps li{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li>span{width:36px;height:36px;background:var(--ink);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:0 0 auto}
.steps strong{font-size:17px}
.steps p{margin:6px 0 0;color:var(--muted);line-height:1.5}
.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.area-grid div{padding:24px 0;border-top:2px solid var(--ink)}
.area-grid strong{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:24px;text-transform:uppercase}
.area-grid p{line-height:1.6;color:#4a463f}
.quote-section{background:var(--paper2);max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}
.quote-intro p{line-height:1.62}
.mini-note{margin-top:24px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:600}
.quote-form{background:#fff;padding:30px;border-radius:4px;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.025em}
input,select,textarea{font:inherit;border:1px solid #b9b3a8;border-radius:3px;background:#fff;padding:14px 13px;width:100%;text-transform:none}
textarea{resize:vertical}
.full{grid-column:1/-1}
.full-width{width:100%;margin-top:18px}
.form-note{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}
.no-surprises>p{font-size:20px;line-height:1.62;color:#37342f}
.faq details{border-top:1px solid var(--line);padding:21px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:800;font-size:18px}
.faq p{max-width:780px;color:var(--muted);line-height:1.62}
.final-cta{background:var(--ink);color:#fff;padding:68px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:120px 1fr auto;gap:36px;align-items:center}
.final-cta img{width:112px;height:94px;object-fit:cover;border-radius:3px}
footer{max-width:var(--max);margin:0 auto;padding:30px 24px;display:flex;gap:24px;justify-content:space-between;font-size:13px;color:#3f3b35}
@media(max-width:850px){
  .desktop-nav{display:none}
  .hero{grid-template-columns:1fr;padding-top:56px}
  .hero-card{display:none}
  .proof{align-items:flex-start;flex-direction:column}
  .cards,.split,.quote-section,.no-surprises{grid-template-columns:1fr}
  .special-grid{grid-template-columns:1fr 1fr}
  .area-grid{grid-template-columns:1fr}
  .final-cta{grid-template-columns:1fr}
  .final-cta img{display:none}
  footer{flex-direction:column}
}
@media(max-width:560px){
  .top-actions .text-link{display:none}
  h1{font-size:49px}
  .hero,.section{padding-left:18px;padding-right:18px}
  .form-grid,.special-grid{grid-template-columns:1fr}
  .full{grid-column:auto}
  .quote-form{padding:20px}
  .trust-strip{gap:12px;flex-direction:column;align-items:flex-start}
}

.service-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}
.service-choice{appearance:none;border:1px solid #111;background:transparent;padding:15px 10px;font-weight:800;text-transform:uppercase;cursor:pointer}
.service-choice.active{background:#111;color:#fff}
.conditional.hidden{display:none}
.nested{width:100%}
@media(max-width:560px){.service-picker{grid-template-columns:1fr}.nested{grid-template-columns:1fr}}

.service-page-hero{max-width:1180px;margin:auto;padding:95px 24px 75px;min-height:500px;display:flex;align-items:center}.service-page-hero>div{max-width:900px}.service-page-hero h1{font-family:Impact,"Arial Black",Arial,sans-serif;text-transform:uppercase;line-height:.95;margin:0;font-size:clamp(58px,8vw,110px)}.seo-service-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #111}.seo-service-list div{padding:24px 0;border-bottom:1px solid #cfc8ba;font-size:18px;font-weight:800;margin-right:28px}.page-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e8e3d8;max-width:none;padding-left:max(24px,calc((100vw - 1180px))/2);padding-right:max(24px,calc((100vw - 1180px))/2)}.page-detail>p{font-size:19px;line-height:1.65}.page-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.page-links a{font-size:20px;font-weight:800;padding:20px 0;border-bottom:1px solid #cfc8ba}@media(max-width:850px){.seo-service-list{grid-template-columns:1fr 1fr}.page-detail{grid-template-columns:1fr}}@media(max-width:560px){.seo-service-list,.page-links{grid-template-columns:1fr}.service-page-hero h1{font-size:54px}}
.reviews-section{padding-top:95px;padding-bottom:95px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{background:#fff;padding:28px;min-height:285px;display:flex;flex-direction:column;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.045)}.stars{font-size:23px;letter-spacing:3px;margin-bottom:22px}.review-card blockquote{margin:0;font-size:18px;line-height:1.55;font-weight:600}.review-meta{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:5px}.review-meta span{font-size:12px;color:#666}@media(max-width:850px){.reviews-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.reviews-grid{grid-template-columns:1fr}}

.recent-work{padding-top:95px;padding-bottom:95px}.work-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.work-card{margin:0;background:#111;color:#fff;overflow:hidden}.work-card img{display:block;width:100%;height:390px;object-fit:cover}.work-card figcaption{padding:18px 20px;display:flex;flex-direction:column;gap:5px}.work-card figcaption strong{font-size:19px}.work-card figcaption span{opacity:.72}.before-after{margin-top:70px}.ba-heading{margin-bottom:25px}.ba-heading h3{font-size:clamp(32px,5vw,58px);margin:0;text-transform:uppercase}.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ba-pair figure,.proof-grid figure{margin:0;position:relative}.ba-pair img{display:block;width:100%;height:520px;object-fit:cover}.ba-pair figure>span{position:absolute;z-index:2;top:14px;left:14px;background:#111;color:#fff;padding:8px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.job-proof{padding-top:80px;padding-bottom:90px}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.proof-grid img{display:block;width:100%;height:520px;object-fit:cover}.proof-grid figcaption{padding:12px 0;font-weight:700}.proof-action{grid-column:1/-1}.proof-action img{height:600px}
@media(max-width:850px){.work-grid{grid-template-columns:1fr 1fr}.work-card-wide{grid-column:1/-1}.work-card img{height:360px}.ba-pair img,.proof-grid img{height:430px}}
@media(max-width:560px){.work-grid,.ba-pair,.proof-grid{grid-template-columns:1fr}.work-card-wide,.proof-action{grid-column:auto}.work-card img,.ba-pair img,.proof-grid img,.proof-action img{height:390px}}

.seo-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.seo-copy-grid p{font-size:18px;line-height:1.7;color:#45413b;margin:0}
@media(max-width:760px){.seo-copy-grid{grid-template-columns:1fr;gap:20px}}
