.hero .wrap{grid-template-columns:1.15fr .85fr}
.kicker{display:inline-block;margin:0 0 12px;font-weight:800;color:var(--accent-text);font-size:14px;background:var(--surface);border:1px solid var(--line);padding:4px 14px;border-radius:99px}
.hero h1{margin-bottom:10px}
.hero .lead{margin-bottom:12px;font-size:21px}
.svcline{margin:0 0 8px;font-weight:800;font-size:16px}
.lead2{margin:0 0 22px;color:var(--ink);font-weight:600}
.hero-fig{margin:0}.hero-fig img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.18)}
.hero .cta .btn.ghost{display:none}.hero .cta .btn.wa{display:inline-flex}
.btn.wa{background:#1a9f4b;border-color:#1a9f4b;color:#fff}
.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.stats4 div{border-inline-start:3px solid #ff8a4c;padding:2px 14px}
.stats4 b{display:block;font-size:34px;font-weight:800;color:#ff8a4c;line-height:1.25}
.stats4 div:last-child b{font-size:26px;line-height:1.5}
.stats4 span{font-size:15px;opacity:.85}
.trust{padding:40px 0}.trust .t{font-size:clamp(22px,3vw,28px);margin:0}
.qwide{max-width:760px;margin:0 auto}
.pr2{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.steps.s7{grid-template-columns:repeat(7,1fr);gap:20px 12px}.steps.s7 span{font-size:13.5px;line-height:1.6}
.steps.s7 li::before{font-size:30px}
.steps.s7 b{font-size:18px;margin-bottom:2px}
.wk6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.wk6 figure{margin:0;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;background:var(--surface)}
.wk6 img{display:block;width:100%;height:100%;object-fit:cover}
.wk6 figcaption{position:absolute;inset-inline:0;bottom:0;padding:26px 14px 12px;color:#fff;font-weight:800;font-size:17px;background:linear-gradient(to top,rgba(10,18,28,.85),transparent)}
.formula{margin:0 0 8px;font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--accent-text)}
.wd{background:transparent;border:0;border-radius:0;margin:0}
.wd summary.btn{display:inline-flex;justify-content:center;list-style:none;width:auto}
.wd summary.btn::after{display:none}
.wd summary.btn::-webkit-details-marker{display:none}
.wd[open] summary.btn{margin-bottom:10px}
.wd ul{margin:10px 0 0;padding-inline-start:20px}
.wd .chips{margin-top:14px}
.chips.grp li{padding:10px 20px;font-size:18px;font-weight:800}.chips.grp li span{display:block}
.chips.grp{margin-bottom:18px}
@media (max-width:1000px){.steps.s7{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
@media (max-width:860px){.stats4{grid-template-columns:1fr 1fr}.pr2{grid-template-columns:1fr}.wk6{grid-template-columns:1fr 1fr}.hero .wrap{grid-template-columns:1fr}.hero-fig{max-width:520px}}
@media (max-width:560px){.stats4 div:last-child b{font-size:19px}.stats4 b{font-size:26px}.stats4 span{font-size:13px}.stats4{gap:12px 8px}.wk6{gap:10px}.wk6 figcaption{font-size:14px;padding:20px 10px 8px}.hero .lead{font-size:18px}.hero .cta{flex-direction:column}}
/* hover: service cards + area chips */
#services .grid .card,#areas .chips li{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
#services .grid .card{position:relative}
#services .grid .card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
#services .grid .card .ic{transition:transform .18s ease}
#areas .chips li:has(>a){cursor:pointer}
#areas .chips li a{color:inherit}
@media (hover:hover){
#services .grid .card:hover,#services .grid .card:focus-within{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 28px rgba(20,40,60,.14)}
#services .grid .card:hover .ic,#services .grid .card:focus-within .ic{transform:scale(1.12)}
#services .grid .card h3 a:hover{text-decoration:none}
#areas .chips li:hover,#areas .chips li:focus-within{transform:translateY(-2px);background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 18px rgba(255,122,46,.28)}
#areas .btn.ghost{transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
#areas .btn.ghost:hover{transform:translateY(-2px);background:var(--ink);color:var(--bg);border-color:var(--ink)}
}
@media (hover:none){
#services .grid .card:active,#areas .chips li:active{transform:scale(.98);border-color:var(--accent)}
}
@media (prefers-reduced-motion:reduce){
#services .grid .card,#services .grid .card .ic,#areas .chips li,#areas .btn.ghost{transition:none}
#services .grid .card:hover,#services .grid .card:focus-within,#services .grid .card:hover .ic,#areas .chips li:hover,#areas .btn.ghost:hover{transform:none}
}