html{scroll-behavior:smooth}.demo-top{flex-wrap:wrap}.example-nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:14px}.example-nav a{text-decoration:none}.example-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.rich-section{padding:70px 0;border-top:1px solid #c7cbc4}.rich-section>header{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;max-width:none;padding:0;margin-bottom:35px}.rich-section h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 20px}.rich-section p{max-width:680px}.rich-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.rich-card{padding:25px;border:1px solid #b8bfb5;border-radius:10px}.rich-card h3{font-size:23px;line-height:1.2;margin:0 0 15px}.rich-card p{margin:0 0 18px}.rich-card a{color:inherit}.brief-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.brief{padding:36px;background:#e8e9df;border-radius:12px}.brief:nth-child(2){background:#dde4d7}.brief h3{font:inherit;font-size:32px;line-height:1.1;margin:18px 0}.brief .outline{width:100%;height:140px;margin-bottom:22px;opacity:.75}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:steps}.process-grid article:before{counter-increment:steps;content:'0' counter(steps);display:block;margin:0 0 24px;font-size:14px;letter-spacing:.1em}.process-grid h3{font-size:22px;line-height:1.2}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.rich-faq{max-width:850px;margin-left:auto}.rich-faq details{padding:24px 0;border-top:1px solid #aeb8aa}.rich-faq summary{cursor:pointer;font-weight:650;font-size:20px}.rich-faq p{font-size:16px}.example-contact{padding:48px;margin:40px 0 60px;background:#132239;color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;border-radius:12px}.example-contact h2{font-size:40px;line-height:1.1;margin:10px 0 25px}.example-contact p{max-width:620px}.example-contact a{color:inherit}.example-contact .button{background:#b4f16c;color:#132239}.example-contact ul{padding-left:20px}.example-contact li{margin-bottom:12px}.detail-hero{padding:65px 0}.detail-hero h1{max-width:950px}.detail-hero p{max-width:720px;font-size:21px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-block{padding:35px;border:1px solid #bbc2b7}.detail-block h2{font-size:29px}.detail-block .prep{font-size:15px;border-top:1px solid #bbc2b7;padding-top:18px}.demo-strip{font-size:12px}.example-footer-links{display:flex;flex-wrap:wrap;gap:22px}.example-inquiry-note{font-size:14px;opacity:.85}body[data-industry=electrical] .rich-section h2,body[data-industry=electrical] .brief h3{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-weight:900}body[data-industry=electrical] .rich-card,body[data-industry=electrical] .brief,body[data-industry=electrical] .example-contact{border-radius:0}body[data-industry=electrical] .brief{background:#f1d84c;color:#191b1d}body[data-industry=electrical] .brief:nth-child(2){background:#191b1d;color:white}body[data-industry=electrical] .example-contact{background:#191b1d;border-left:8px solid #f1d84c}body[data-industry=electrical] .example-contact .button{background:#f1d84c}body[data-industry=tree-care] .rich-section h2,body[data-industry=tree-care] .brief h3,body[data-industry=tree-care] .detail-hero h1{font-family:Georgia,serif;font-weight:400}body[data-industry=tree-care] .brief:first-child{background:#153c31;color:#f5f0df}body[data-industry=tree-care] .example-contact{background:#153c31;color:#f5f0df}body[data-industry=tree-care] .rich-card{border:0;border-top:1px solid #aeb8aa;padding:25px 0;border-radius:0}body[data-industry=landscaping] .rich-section h2,body[data-industry=landscaping] .brief h3,body[data-industry=landscaping] .detail-hero h1{font-family:Georgia,serif;font-weight:400}body[data-industry=landscaping] .rich-grid{grid-template-columns:1fr 1fr}body[data-industry=landscaping] .brief:first-child{background:#d7c5ae;border-radius:90px 90px 8px 8px;padding-top:50px}body[data-industry=landscaping] .brief:nth-child(2){background:#e6d7c9}body[data-industry=landscaping] .example-contact{background:#8d4f36;color:#fff8ee;border-radius:0}body[data-industry=landscaping] .example-contact .button{background:#fff0d9;color:#60331f}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}h1,h2,h3,a{overflow-wrap:anywhere}@media(max-width:800px){.example-nav{gap:14px}.rich-section{padding:45px 0}.rich-section>header,.about-layout,.brief-grid,.detail-grid,.example-contact{grid-template-columns:1fr;gap:22px}.rich-grid,body[data-industry=landscaping] .rich-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.example-contact{padding:28px}.brief{padding:27px}.demo-top{align-items:start!important;flex-direction:column!important}.detail-hero{padding:30px 0}.detail-block{padding:24px}.example-contact h2{font-size:33px}}@media(max-width:440px){.process-grid{grid-template-columns:1fr}.example-nav{gap:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep sample themes while making controls comfortable to use. */
.example-nav a{display:inline-flex;align-items:center;min-height:44px;padding:7px 4px}.example-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;text-align:center}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}summary{min-height:44px;padding:10px 0}.demo-strip a{display:inline-block;padding:5px 0}