:root{--o1:#F15E22;--o2:#F5841F;--ink:#1d1a17;--mut:#4d4640;--bg:#fbf7f2;--alt:#f3ebe1;--line:#e4d8c9;--r:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;border-radius:8px;z-index:10}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.top{position:sticky;top:0;z-index:5;background:rgba(251,247,242,.96);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:16px;min-height:64px}
.brand img{width:150px;height:auto}
.nav{display:none;margin-left:auto;gap:22px}
.nav a{text-decoration:none;font-weight:600;color:var(--mut)}
.nav a:hover{color:var(--ink)}
.bar .btn-sm{margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--o2);color:var(--ink);font-weight:700;text-decoration:none;border:2px solid var(--o2)}
.btn:hover{background:var(--o1);border-color:var(--o1)}
.btn-ghost{background:transparent;border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-sm{min-height:40px;padding:0 18px}
.hero{padding:56px 0 48px;background:linear-gradient(180deg,#fff3e6,var(--bg))}
.eyebrow{margin:0 0 10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;color:#a63c0b}
h1{margin:0 0 16px;font-size:clamp(2rem,6vw,3.4rem);line-height:1.1;max-width:18ch}
h2{margin:0 0 10px;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2}
h3{margin:0 0 6px;font-size:1.1rem}
.lead{max-width:60ch;font-size:1.15rem;color:var(--mut);margin:0 0 24px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:28px 0 0}
.chips li{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:.92rem}
.sec{padding:56px 0}
.alt{background:var(--alt)}
.sub{color:var(--mut);max-width:62ch;margin:0 0 28px}
.grid{display:grid;gap:14px;grid-template-columns:1fr}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 16px;border-top:4px solid var(--o1)}
.card p{margin:0;color:var(--mut)}
.stats{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px;grid-template-columns:1fr 1fr}
.stats li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.stats strong{display:block;font-size:1.45rem;line-height:1.2;color:var(--ink)}
.stats span{display:block;margin-top:4px;color:var(--mut);font-size:.92rem}
.note{max-width:70ch;color:var(--mut);margin:0}
.two{display:grid;gap:28px;grid-template-columns:1fr}
.two p{color:var(--mut)}
.steps{list-style:none;counter-reset:s;padding:0;margin:20px 0 0;display:grid;gap:12px;grid-template-columns:1fr}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 16px 60px;position:relative}
.steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--o2);color:var(--ink);font-weight:800;display:grid;place-items:center}
.steps strong{display:block}
.steps span{color:var(--mut)}
.contact{background:var(--ink);color:#fff}
.contact .sub{color:#e7ded3}
.contact .btn-ghost{border-color:#fff;color:#fff}
.contact .btn-ghost:hover{background:#fff;color:var(--ink)}
.mail{margin:20px 0 0;color:#e7ded3}
.foot{padding:28px 0;background:#141210;color:#d9cfc3;font-size:.95rem}
.foot p{margin:0 0 6px}
.foot a{color:#fff}
.small{font-size:.85rem;color:#a89e92}
@media(min-width:720px){
 .nav{display:flex}
 .bar .btn-sm{margin-left:0}
 .brand img{width:180px}
 .grid{grid-template-columns:repeat(2,1fr)}
 .stats{grid-template-columns:repeat(4,1fr)}
 .two{grid-template-columns:1.2fr 1fr}
 .steps{grid-template-columns:repeat(2,1fr)}
 .hero{padding:84px 0 72px}
}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}