:root{--ink:#0A1220;--orange:#F97316;--orange-dark:#EA580C;--bg:#FFFBF5;--card:#FFFFFF;--slate:#475569;--mist:#ECFDF5}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:#0f172a;line-height:1.6}
header{text-align:center;padding:48px 20px 24px;background:linear-gradient(180deg,#FFFBF5,#FFF7ED)}
.logo{max-width:720px;width:92%;height:auto;border-radius:16px;box-shadow:0 8px 30px rgba(15,23,42,.08)}
h1{font-size:2rem;margin:24px 0 8px;color:var(--ink)}
.sub{color:var(--slate);font-size:1.1rem}
.price{color:var(--orange-dark);font-size:1.05rem}
section{max-width:860px;margin:18px auto;padding:24px 20px;background:var(--card);border-radius:18px;box-shadow:0 4px 18px rgba(15,23,42,.05)}
h2{color:var(--orange-dark);margin-top:0}
.steps li,.apps .app{margin:10px 0}
.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.app{border-radius:14px;padding:16px;background:var(--mist)}
.app h3{margin:0 0 6px;color:var(--ink)}
.app p{color:var(--slate)}
.contractor{border-top:6px solid #EA580C}.service{border-top:6px solid #2563EB}.roof{border-top:6px solid #925F39}.cleaning{border-top:6px solid #16A34A}.property{border-top:6px solid #9333EA}
.note{color:var(--slate)}
footer{text-align:center;padding:32px 20px 48px;color:var(--slate);background:#FFFBF5}
footer a{color:var(--orange-dark)}
.small{font-size:.85rem}
a{color:var(--orange-dark)}
.topnav{text-align:center;padding:12px 20px;background:#fff}
.topnav a{color:var(--orange-dark);text-decoration:none;font-weight:600}
.hero-video{width:100%;max-width:860px;border-radius:16px;border:2px solid var(--orange);background:#000}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.steps-grid img,.gallery img{width:100%;height:auto;border-radius:12px;display:block}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.gallery a{color:var(--ink);text-decoration:none;background:var(--mist);border-radius:14px;padding:10px}
.gallery span{display:block;text-align:center;padding:10px 4px 4px;color:var(--orange-dark);font-weight:600}

/* Wow enhancements */
.ba-wrap{position:relative;max-width:860px;margin:18px auto;overflow:hidden;border-radius:16px;box-shadow:0 10px 30px rgba(10,18,32,.12)}
.ba-wrap img{display:block;width:100%;height:auto}
.ba-after{position:relative}
.ba-before{position:absolute;inset:0 auto auto 0;height:100%;overflow:hidden;border-right:3px solid #F97316}
.ba-before img{width:860px;max-width:none;height:100%;object-fit:cover}
.ba-wrap input[type=range]{position:absolute;left:4%;right:4%;bottom:14px;width:92%}
.ba-tag{position:absolute;top:12px;background:rgba(10,18,32,.82);color:#fff;padding:5px 10px;border-radius:999px;font-size:.82rem}
.before-tag{left:12px}.after-tag{right:12px;background:#F97316}
.lang-switch{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.lang-btn,.finder-btn{border:1px solid #CBD5E1;background:#fff;border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:600}
.lang-btn.active{background:#0A1220;color:#fff;border-color:#0A1220}
.report-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #E2E8F0;border-left:5px solid #F97316;border-radius:12px;padding:18px 20px;text-align:left;box-shadow:0 6px 20px rgba(10,18,32,.06)}
.report-label{font-weight:700;color:#0A1220;margin-top:0}
.finder-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:860px;margin:16px auto}
.finder-result{font-size:1.05rem}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:860px;margin:16px auto}
.calc-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:16px}
.calc-card.save{border-color:#F97316;background:#FFF7ED}
.calc-num{font-size:1.45rem;font-weight:800;color:#0A1220}
#pricing-calc input[type=range]{width:min(520px,90%)}
@media(max-width:700px){.calc-grid{grid-template-columns:1fr}.ba-before img{width:100vw}}

/* App grid symmetry: equal-height cards in a clean 3x3 layout */
.apps{grid-auto-rows:1fr;align-items:stretch}
.apps .app{margin:0;height:100%;display:flex;flex-direction:column}
@media(min-width:901px){.apps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px) and (min-width:561px){.apps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.apps{grid-template-columns:1fr}}

/* Missing card accents for Tier-1 apps */
.site{border-top:6px solid #334155}.delivery{border-top:6px solid #0D9488}.serve{border-top:6px solid #CA8A04}.punch{border-top:6px solid #DB2777}