/* local landing pages (/website-design-*/) */
.lp{padding-bottom:84px}
@media(min-width:900px){.lp{padding-bottom:0}}
.lp-hero{max-width:1100px;margin:0 auto;padding:clamp(110px,16vh,170px) var(--pad) 90px;text-align:center;display:flex;flex-direction:column;align-items:center}
.lp-crumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--mute);margin-bottom:28px}
.lp-crumbs a:hover{color:#fff}
.lp-eyebrow{display:inline-flex;align-items:center;gap:10px}
.lp-eyebrow i{width:7px;height:7px;border-radius:50%;background:#FF5A1F;display:inline-block}
.lp-title{font-size:clamp(42px,8.4vw,112px);font-weight:800;letter-spacing:-.05em;line-height:.98;margin-top:18px;max-width:14ch}
.lp-intro{max-width:680px;margin-top:28px;color:var(--mute);font-size:clamp(17px,1.6vw,20px);display:flex;flex-direction:column;gap:14px}
.lp-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}
.lp-sec{padding:100px 0 30px}
.lp-sec.process{padding-bottom:30px}
.lp-h2{font-size:clamp(34px,5.6vw,68px);margin-top:14px;font-weight:750}
.lp-grid{display:grid;gap:14px;max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.lp-card{background:#111112;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:28px 26px 30px}
.lp-card h3{font-size:clamp(22px,2vw,26px)}
.lp-card h3::before{content:"";display:block;width:22px;height:2px;background:#FF5A1F;margin-bottom:18px}
.lp-card p{color:var(--mute);margin-top:10px;font-size:16px}
@media(min-width:700px){.lp-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.lp-grid{grid-template-columns:repeat(6,1fr)}.lp-card{grid-column:span 2}.lp-card:nth-child(4),.lp-card:nth-child(5){grid-column:span 3}}
.lp-prose{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.lp-prose p{max-width:760px}
.lp-prose p{color:#c7c7cc;font-size:clamp(17px,1.5vw,19px);margin-top:20px;line-height:1.6}
.lp-prose .lp-h2{margin-bottom:8px}
.lp-link{color:#fff;border-bottom:1px solid #FF5A1F;padding-bottom:2px}
.lp-link:hover{color:#FF5A1F}
.lp-faq{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.lp-faq-item{border-top:1px solid var(--line)}
.lp-faq-item:last-child{border-bottom:1px solid var(--line)}
.lp-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:clamp(18px,1.7vw,22px);font-weight:600;letter-spacing:-.02em;min-height:44px}
.lp-faq-item summary::-webkit-details-marker{display:none}
.lp-faq-item summary::after{content:"+";font-size:26px;font-weight:400;color:#FF5A1F;flex:none;transition:transform .3s var(--ease)}
.lp-faq-item[open] summary::after{transform:rotate(45deg)}
.lp-faq-item p{color:var(--mute);padding:0 0 26px;max-width:720px;font-size:17px;line-height:1.6}
.lp-faq-item summary:focus-visible,.lp a:focus-visible{outline:2px solid #FF5A1F;outline-offset:3px;border-radius:6px}
.lp .final{margin-top:90px}
.lp-final-title{font-size:clamp(46px,9vw,130px)}
