:root{
  --orange:#F47A1F;
  --dark:#1C1C1C;
  --beige:#FFF6E0;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.6;color:var(--dark);background:#fff}
h1,h2,h3,h4{font-family:Anton, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; letter-spacing:0.5px;margin:0 0 .4rem}
h1{font-size:clamp(2rem,4vw,3rem)}
h2{font-size:clamp(1.6rem,3vw,2.2rem)}
h3{font-size:1.25rem}
a{color:inherit;text-decoration:none}
.container{width:min(1100px,92%);margin-inline:auto}
.btn{display:inline-block;padding:.8rem 1.1rem;border-radius:.6rem;font-weight:700;border:2px solid transparent;transition:.2s}
.btn-dark{background:var(--dark);color:#fff}
.btn-light{background:#fff;color:var(--dark);border-color:var(--dark)}
.btn:hover{opacity:.9;transform:translateY(-1px)}
.center{text-align:center;margin-top:1rem}

/* Header */
.site-header{background:var(--orange);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.brand-wordmark{height:48px;width:auto;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.1))}
.nav{display:flex;gap:1rem;align-items:center;font-weight:600}
.nav a{padding:.4rem .2rem}

/* Hero */
.hero{background:var(--orange);color:#1b1b1b;padding:2.6rem 0}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
.hero-copy p{max-width:60ch}
.hero-ctas{display:flex;gap:.8rem;margin:1rem 0}
.badges{display:flex;gap:1rem;flex-wrap:wrap;padding:0;margin:1rem 0 0;list-style:none}
.hero-art img{width:100%;max-width:420px;display:block;margin-inline:auto}

/* Cards */
.cards{display:grid;gap:1rem;margin:1rem 0}
.cards.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cards.four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:#fff;border:1px solid #e8e6e2;border-radius:12px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.step{display:inline-grid;place-items:center;background:var(--dark);color:#fff;height:32px;width:32px;border-radius:999px;margin-bottom:.4rem;font-weight:800}

/* Sections */
.how-it-works,.services{padding:2rem 0}
.cta-strip{background:var(--dark);color:#fff;padding:1.6rem 0;margin:2rem 0}
.strip{display:flex;align-items:center;justify-content:space-between}

/* Page hero */
.page-hero{background:var(--beige);padding:2rem 0;border-bottom:1px solid #eee}

/* About */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:2rem 0}
.about-art img{width:100%;max-width:360px;display:block;margin-inline:auto}
.list{padding-left:1rem}
.list li{margin:.3rem 0}

/* Services */
.service-list{padding:2rem 0}
.service-list article{padding:1rem 0;border-bottom:1px solid #eee}
.notice{background:#fff8e8;border:1px solid #ffe0b3;padding:1rem;border-radius:12px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;padding:2rem 0}
.form-card label{display:block;font-weight:600;margin:.6rem 0}
.form-card input,.form-card textarea{margin-top:.35rem;width:100%;padding:.7rem;border-radius:8px;border:1px solid #ddd;font:inherit}
.form-card .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.checkbox{font-weight:400}
.status{margin-top:.6rem}
.phone{font-weight:800}

/* Footer */
.site-footer{background:#111;color:#eee;margin-top:2rem}
.site-footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:1.6rem 0}
.footer-wordmark{height:40px;margin-bottom:.6rem}
.footer-bottom{border-top:1px solid #222;padding:.8rem 0;text-align:center}

/* Responsive */
@media (max-width: 900px){
  .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
  .strip{flex-direction:column;gap:1rem}
  .form-card .grid{grid-template-columns:1fr}
}