:root{
  --ink:#111111;
  --red:#B31F24;
  --red-dark:#7E0C10;
  --white:#FFFFFF;
  --paper:#FAFAF9;
  --line:#E3E1DD;
  --gray:#6B6963;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Inter',sans-serif; background:var(--white); color:var(--ink); -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Fraunces',serif; font-weight:500; line-height:1.12; color:var(--ink);}
.mono{font-family:'IBM Plex Mono',monospace;}
a{color:inherit;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

header{background:var(--white); border-bottom:2px solid var(--ink); position:relative; z-index:50;}
.headerbar{display:flex; align-items:center; justify-content:space-between; padding:16px 32px; max-width:1180px; margin:0 auto; gap:20px;}
.navlinks{display:flex; gap:22px; font-size:13.5px; font-weight:500; flex-wrap:wrap;}
.navlinks a{color:var(--ink); text-decoration:none; opacity:0.8; padding-bottom:4px; border-bottom:2px solid transparent; white-space:nowrap;}
.navlinks a:hover, .navlinks a.active{opacity:1; border-bottom-color:var(--red);}
.headerctas{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.navcta{background:var(--red); color:var(--white); padding:10px 18px; border-radius:2px; font-size:12.5px; font-weight:600; letter-spacing:.02em; text-decoration:none; white-space:nowrap;}
.navcta:hover{background:var(--red-dark);}
.navcta.cash{background:var(--ink); color:var(--white); border:1.5px solid var(--ink);}
.navcta.cash:hover{background:var(--white); color:var(--ink);}

.navtoggle{display:none; flex-direction:column; justify-content:center; gap:5px; width:32px; height:32px; background:none; border:none; cursor:pointer; padding:0; flex-shrink:0;}
.navtoggle span{display:block; width:100%; height:2px; background:var(--ink); transition:transform 0.2s, opacity 0.2s;}
.navtoggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.navtoggle.open span:nth-child(2){opacity:0;}
.navtoggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.lang-toggle{display:flex; border:1px solid var(--ink); border-radius:2px; overflow:hidden; flex-shrink:0;}
.i18n-es{display:none;}
.lang-btn{background:var(--white); border:none; padding:8px 10px; font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; cursor:pointer; color:var(--ink);}
.lang-btn.active{background:var(--ink); color:var(--white);}
footer .lang-toggle .lang-btn{background:transparent; color:var(--white); border-color:#3A3A38;}
footer .lang-toggle{border-color:#3A3A38;}
footer .lang-toggle .lang-btn.active{background:var(--red); border-color:var(--red);}

.mobilemenu{display:none; flex-direction:column; padding:8px 24px 20px; border-top:1px solid var(--line); gap:2px;}
.mobilemenu.open{display:flex;}
.mobilemenu a{color:var(--ink); text-decoration:none; font-size:15px; font-weight:500; padding:12px 4px; border-bottom:1px solid var(--line);}
.mobilemenu a.navcta{border-radius:3px; text-align:center; padding:13px; margin-top:10px; border-bottom:none;}
.mobilemenu a.navcta.cash{margin-top:14px;}
.logo{display:flex; align-items:center; gap:10px; font-family:'Fraunces',serif; font-weight:500; font-size:19px; text-decoration:none;}
.logo-mark{height:30px; width:auto; display:block;}
.wordmark{letter-spacing:.08em; font-size:0.84em; white-space:nowrap;}
.footlogo{display:flex; align-items:center; gap:10px; margin-bottom:14px;}
.footlogo img{height:26px; width:auto;}
.footlogo span{font-family:'Fraunces',serif; font-size:17px; color:var(--white); font-weight:500;}
.logo svg{flex-shrink:0;}

.hero{background:var(--ink); color:var(--white); padding:80px 0 56px;}
.hero-areas{display:flex; gap:10px; margin-bottom:22px;}
.area-pill{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.06em; padding:6px 12px; border-radius:20px; border:1px solid rgba(255,255,255,0.3); color:#DEDCD5;}
.hero h1{font-size:44px; max-width:660px; margin-bottom:18px; color:var(--white);}
.hero p.sub{font-size:16px; color:#C6C4BC; max-width:540px; margin-bottom:32px; line-height:1.6;}
.hero-stats{display:flex; gap:44px;}
.hstat .num{font-family:'IBM Plex Mono',monospace; font-size:26px; font-weight:500; color:var(--red);}
.hstat .label{font-size:12px; color:#A9A79F; margin-top:2px;}

.pagehero{background:var(--ink); color:var(--white); padding:56px 0;}
.pagehero h1{color:var(--white); font-size:36px;}
.pagehero p{color:#C6C4BC; margin-top:10px; max-width:600px; font-size:15px; line-height:1.6;}

.searchbar{background:var(--paper); border-bottom:1px solid var(--line); padding:20px 32px;}
.searchgrid{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr auto; gap:12px;}
.searchgrid input, .searchgrid select{width:100%; padding:12px 14px; border-radius:2px; border:1px solid var(--line); background:var(--white); color:var(--ink); font-family:'Inter'; font-size:14px;}
.searchbtn{background:var(--red); color:var(--white); border:none; padding:12px 22px; border-radius:2px; font-weight:600; font-size:14px; cursor:pointer; white-space:nowrap;}
.searchbtn:hover{background:var(--red-dark);}

section{padding:64px 0;}
.section-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:32px;}
.section-head h3{font-size:26px;}
.section-head .tag{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--red);}

.turfs{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.turf{border:2px solid var(--ink); border-radius:4px; padding:32px; position:relative; overflow:hidden;}
.turf.photo{color:var(--white); background-size:cover; background-position:center;}
.turf.photo .eyebrow{color:var(--white); opacity:0.9;}
.turf.photo h4{color:var(--white);}
.turf.photo p{color:#EDEBE3;}
.turf.photo a{color:#FFD9D9 !important;}
.turf .eyebrow{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--red); margin-bottom:10px;}
.turf h4{font-size:21px; margin-bottom:10px;}
.turf p{font-size:14px; line-height:1.65; color:#3A3A38; max-width:400px;}

.listings{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.listings.cols3{grid-template-columns:repeat(3,1fr);}
.card{background:var(--white); border:1px solid var(--line); border-radius:4px; overflow:hidden;}
.card .photo{height:130px; background:repeating-linear-gradient(135deg, #F1F0EC, #F1F0EC 10px, #E8E6E0 10px, #E8E6E0 20px); display:flex; align-items:center; justify-content:center; color:#9C9A92; font-size:11px; letter-spacing:.06em; text-transform:uppercase; font-family:'IBM Plex Mono';}
.card .body{padding:14px 16px;}
.card .citytag{font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--red); margin-bottom:6px;}
.card .price{font-family:'IBM Plex Mono',monospace; font-weight:500; font-size:16px; color:var(--ink); margin-bottom:3px;}
.card .addr{font-size:13px; color:#413f36; margin-bottom:6px;}
.card .meta{font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:#8a8880;}
.emptystate{padding:48px; text-align:center; color:var(--gray); font-size:14px; border:1px dashed var(--line); border-radius:4px;}

.bio{background:var(--paper); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.bio .wrap{display:grid; grid-template-columns:260px 1fr; gap:56px; align-items:center;}
.bio-photo{aspect-ratio:1; border-radius:4px; background:var(--ink); display:flex; align-items:center; justify-content:center; color:var(--white); font-family:'Fraunces'; font-size:40px; border:3px solid var(--red); overflow:hidden;}
.bio-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.bio h3{font-size:26px; margin-bottom:14px;}
.bio p{font-size:15px; line-height:1.7; color:#3a3930; max-width:620px; margin-bottom:12px;}

.testimonials{background:var(--ink); color:var(--white);}
.testimonials .section-head h3{color:var(--white);}
.tgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.biogrid{display:grid; grid-template-columns:280px 1fr; gap:56px; align-items:start;}
.contactgrid{display:grid; grid-template-columns:1fr 380px; gap:48px; align-items:start;}
.tcard{background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.14); border-radius:4px; padding:22px;}
.tcard p{font-size:14px; line-height:1.65; color:#DCDAD3; margin-bottom:14px;}
.tcard .who{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--red); letter-spacing:.04em;}

.prosecol{max-width:760px;}
.prosecol h2{font-size:24px; margin:28px 0 12px;}
.prosecol h2:first-child{margin-top:0;}
.prosecol p{font-size:15px; line-height:1.75; color:#2E2E2C; margin-bottom:14px;}

.formcard{background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:32px; max-width:520px;}
.formcard label{display:block; font-size:13px; font-weight:500; margin-bottom:6px; margin-top:16px;}
.formcard label:first-child{margin-top:0;}
.formcard input, .formcard textarea{width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:2px; font-family:'Inter'; font-size:14px;}
.formcard textarea{min-height:100px; resize:vertical;}
.formcard button{margin-top:22px; background:var(--red); color:var(--white); border:none; padding:13px 26px; border-radius:2px; font-weight:600; font-size:14px; cursor:pointer;}
.formcard button:hover{background:var(--red-dark);}
.formmsg{margin-top:14px; font-size:13.5px; color:var(--red-dark); display:none;}
.formmsg.ok{color:#1F6B3A;}
.hp{position:absolute; left:-9999px; height:0; width:0; overflow:hidden;}

.blogcard{border-bottom:1px solid var(--line); padding:28px 0; display:grid; grid-template-columns:200px 1fr; gap:24px;}
.harpanel{border:2px dashed var(--line); border-radius:4px; padding:40px 32px; text-align:center; background:var(--paper);}
.harpanel h4{font-size:17px; margin-bottom:10px;}
.harpanel p{font-size:13.5px; color:#5A5850; max-width:520px; margin:0 auto 18px; line-height:1.6;}
.harpanel code{background:var(--white); border:1px solid var(--line); padding:2px 6px; border-radius:2px; font-family:'IBM Plex Mono',monospace; font-size:11.5px;}
.harpanel .btn{display:inline-block; background:var(--red); color:var(--white); padding:12px 24px; border-radius:2px; font-weight:600; font-size:13.5px; text-decoration:none; margin-top:4px;}
.harpanel .note{font-size:12px; color:var(--gray); margin-top:16px;}
.note{font-size:12px; color:var(--gray);}

.harframe-wrap{border:2px solid var(--ink); border-radius:4px; overflow:hidden; background:var(--paper);}
.harframe{width:100%; height:700px; border:none; display:block;}

.followrow{display:flex; flex-wrap:wrap; gap:10px; padding:24px 0; border-top:1px solid #2C2C2A; border-bottom:1px solid #2C2C2A; margin-bottom:20px;}
.followpill{font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:#DEDCD5; border:1px solid #3A3A38; padding:7px 14px; border-radius:20px; text-decoration:none;}
.followpill:hover{border-color:var(--red); color:var(--white);}

.regioncard{border:2px solid var(--ink); border-radius:4px; padding:32px; position:relative; overflow:hidden;}
.regioncard.photo{color:var(--white); background-size:cover; background-position:center; border-color:transparent;}
.regioncard.photo .eyebrow{color:var(--white); opacity:0.9;}
.regioncard.photo h4{color:var(--white);}
.regioncard.photo p, .regioncard.photo .citylist{color:#EDEBE3;}
.regioncard.photo a{color:#FFD9D9 !important;}
.regioncard .eyebrow{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--red); margin-bottom:10px;}
.regioncard h4{font-size:21px; margin-bottom:10px;}
.regioncard p{font-size:14px; line-height:1.65; color:#3A3A38; max-width:420px;}
.citylist{font-family:'IBM Plex Mono',monospace; font-size:12px; color:#5A5850; margin-top:12px; line-height:1.8;}
.wacoband{border:1px solid var(--line); border-radius:4px; padding:18px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; flex-wrap:wrap; background:var(--paper);}
.wacoband p{font-size:13.5px; color:#3A3A38;}
.wacoband a{color:var(--red); font-weight:600; font-size:13px; text-decoration:none;}

.calcgrid{display:grid; grid-template-columns:380px 1fr; gap:40px; align-items:start;}
.calc-results{background:var(--ink); color:var(--white); border-radius:4px; padding:32px;}
.calc-results .bigresult{font-family:'IBM Plex Mono',monospace; font-size:38px; font-weight:600; color:var(--red); margin-bottom:4px;}
.calc-results .biglabel{font-size:12px; color:#B0AC9C; text-transform:uppercase; letter-spacing:.06em; margin-bottom:24px;}
.calc-row{display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.12); font-size:13.5px;}
.calc-row span:last-child{font-family:'IBM Plex Mono',monospace; color:#DEDCD5;}
.calc-row.total{border-bottom:none; margin-top:6px; padding-top:16px; border-top:2px solid var(--red); font-weight:600;}
.calc-row.total span:last-child{color:var(--white); font-size:15px;}
.calcnote{font-size:12px; color:var(--gray); margin-top:18px; line-height:1.6;}

.noteblock{border-left:3px solid var(--red); background:var(--paper); padding:16px 22px; margin:26px 0; border-radius:0 4px 4px 0;}
.notelabel{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--red); display:block; margin-bottom:6px;}
.noteblock p{font-size:14px; line-height:1.65; color:#2E2E2C; margin:0;}

.concerngrid{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:28px 0 40px;}
.concerncard{border:1px solid var(--line); border-radius:4px; padding:24px 26px; background:var(--white);}
.concerncard h4{font-size:16.5px; margin-bottom:10px;}
.concerncard p{font-size:13.5px; line-height:1.65; color:#3A3A38; margin-bottom:14px;}
.concerntip{border-top:1px solid var(--line); padding-top:12px; font-size:13px; line-height:1.6; color:#2E2E2C;}
.tiplabel{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--red); display:block; margin-bottom:6px;}

.servicegrid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.servicecard{border:2px solid var(--ink); border-radius:4px; padding:22px 20px; text-decoration:none; color:var(--ink); display:block; transition:none;}
.servicecard:hover{background:var(--ink); color:var(--white);}
.servicecard:hover .servicecard-arrow{color:var(--red);}
.servicecard h4{font-size:16px; margin-bottom:8px;}
.servicecard p{font-size:12.5px; line-height:1.55; color:inherit; opacity:0.85; margin-bottom:12px;}
.servicecard-arrow{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--red); font-weight:600;}

.blogcard .thumb{height:130px; background:repeating-linear-gradient(135deg, #F1F0EC, #F1F0EC 10px, #E8E6E0 10px, #E8E6E0 20px); border-radius:4px; background-size:cover; background-position:center;}
.blogcard h3{font-size:20px; margin-bottom:8px;}
.blogcard .date{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--red); margin-bottom:8px; display:block;}
.blogcard p{font-size:14px; color:#3a3930; line-height:1.6;}

.trustbar{display:flex; flex-wrap:wrap; gap:28px; padding:18px 0; border-top:1px solid rgba(255,255,255,0.15); border-bottom:1px solid rgba(255,255,255,0.15); margin-top:6px;}
.trustbar span{font-family:'IBM Plex Mono',monospace; font-size:12px; color:#DEDCD5; letter-spacing:.02em;}
.trustbar span b{color:var(--red); font-weight:600;}

.pathbtns{display:flex; gap:16px; margin-top:28px; max-width:620px;}
.pathbtn{flex:1; text-align:center; padding:16px 18px; border-radius:2px; font-weight:600; font-size:14.5px; text-decoration:none; border:2px solid var(--red);}
.pathbtn.solid{background:var(--red); color:var(--white);}
.pathbtn.outline{background:transparent; color:var(--white); border-color:rgba(255,255,255,0.55);}
.pathbtn.outline:hover{border-color:var(--red); color:var(--white);}

.diffgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.diffgrid.cols4{grid-template-columns:repeat(4,1fr);}
.diffcard{border:1px solid var(--line); border-radius:4px; padding:26px;}
.diffcard .num{font-family:'IBM Plex Mono',monospace; color:var(--red); font-size:13px; margin-bottom:12px; display:block;}
.diffcard h4{font-size:17.5px; margin-bottom:10px;}
.diffcard p{font-size:14px; line-height:1.6; color:#3A3A38;}

.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.steps.n3{grid-template-columns:repeat(3,1fr);}
.step{padding-top:6px; border-top:2px solid var(--ink);}
.step .stepnum{font-family:'IBM Plex Mono',monospace; font-size:22px; color:var(--red); font-weight:600; margin:12px 0 8px; display:block;}
.step h4{font-size:15px; margin-bottom:6px;}
.step p{font-size:13px; line-height:1.55; color:#4A4A46;}

.ctaband{background:var(--ink); color:var(--white); padding:52px 0; text-align:center;}
.ctaband h3{color:var(--white); font-size:26px; margin-bottom:10px;}
.ctaband p{color:#C6C4BC; font-size:15px; margin-bottom:26px;}
.ctaband .btns{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.ctaband .btn{padding:13px 26px; border-radius:2px; font-weight:600; font-size:14px; text-decoration:none;}
.ctaband .btn.primary{background:var(--red); color:var(--white);}
.ctaband .btn.secondary{border:1px solid rgba(255,255,255,0.4); color:var(--white);}

.callout{border:2px solid var(--red); border-radius:4px; padding:22px 26px; display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:36px; flex-wrap:wrap;}
.callout h4{font-size:16.5px; margin-bottom:4px;}
.callout p{font-size:13.5px; color:#3A3A38;}
.callout .btn{background:var(--red); color:var(--white); padding:12px 22px; border-radius:2px; font-weight:600; font-size:13.5px; text-decoration:none; white-space:nowrap;}

.pullquote{border-left:4px solid var(--red); padding-left:24px; margin:32px 0; font-family:'Fraunces',serif; font-size:19px; font-style:italic; line-height:1.5; color:var(--ink);}
.pullquote .attr{font-family:'IBM Plex Mono',monospace; font-style:normal; font-size:12px; color:var(--red); margin-top:10px; display:block;}

.inlinetest{background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:22px 26px; margin:32px 0;}
.inlinetest p{font-size:14.5px; font-style:italic; color:#2E2E2C; margin-bottom:10px;}
.inlinetest .who{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--red);}

.intent-toggle{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px;}
.intent-opt{flex:1 1 auto; min-width:110px; text-align:center; padding:11px 10px; border:1px solid var(--line); border-radius:2px; cursor:pointer; font-size:12.5px; font-weight:500; background:var(--white);}
.intent-opt.active{border-color:var(--red); background:#FCEEEE; color:var(--red-dark);}
.field-group{display:none;}
.field-group.show{display:block;}
.miniline{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--red); letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; display:block;}

footer{background:var(--ink); color:#B6B4AC; padding:44px 0 28px;}
.footgrid{display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:32px;}
footer h4{font-family:'Fraunces'; color:var(--white); font-size:16px; margin-bottom:14px; font-weight:500;}
footer a{color:#B6B4AC; text-decoration:none; font-size:13.5px; display:block; margin-bottom:8px;}
.footbottom{border-top:1px solid #2C2C2A; padding-top:20px; font-size:12px; display:flex; justify-content:space-between; color:#6E6D67;}

/* ============ MOBILE ============ */
@media (max-width: 860px){
  .wrap{padding:0 20px;}
  .headerbar{padding:14px 20px;}
  .navlinks, .headerctas{display:none;}
  .navtoggle{display:flex;}
  .logo{font-size:16px;}
  .logo-mark{height:24px;}

  .hero{padding:48px 0 36px;}
  .hero h1{font-size:28px; max-width:100%;}
  .hero p.sub{font-size:14.5px;}
  .hero-areas{gap:6px;}
  .area-pill{font-size:10.5px; padding:5px 10px;}
  .trustbar{gap:14px 20px; padding:16px 0;}
  .trustbar span{font-size:11px;}
  .hero-stats{flex-wrap:wrap; gap:20px 32px;}
  .pathbtns{flex-direction:column; max-width:100%;}

  .searchbar{padding:16px 20px;}
  .searchgrid{grid-template-columns:1fr; gap:10px;}

  section{padding:44px 0;}
  .section-head{flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:24px;}
  .section-head h3{font-size:21px;}

  .diffgrid, .diffgrid.cols4{grid-template-columns:1fr;}
  .turfs{grid-template-columns:1fr;}
  .listings{grid-template-columns:1fr 1fr; gap:12px;}
  .servicegrid{grid-template-columns:1fr;}
  .concerngrid{grid-template-columns:1fr;}
  .steps, .steps.n3{grid-template-columns:1fr; gap:16px;}
  .step{border-top:none; border-left:2px solid var(--ink); padding-left:16px; padding-top:0;}
  .tgrid{grid-template-columns:1fr;}

  .bio .wrap, .biogrid{grid-template-columns:1fr; gap:24px; text-align:left;}
  .bio-photo{max-width:220px; margin:0 auto;}
  .bio h3{font-size:22px;}

  .contactgrid{grid-template-columns:1fr;}
  .calcgrid{grid-template-columns:1fr;}
  .blogcard{grid-template-columns:1fr; gap:14px;}
  .blogcard .thumb{height:170px;}

  .footgrid{grid-template-columns:1fr; gap:28px;}
  .footbottom{flex-direction:column; gap:8px; align-items:flex-start;}
  .followrow{gap:8px;}

  .pagehero h1{font-size:26px;}
  .prosecol h2{font-size:20px;}

  .harframe{height:520px;}
  .calc-results .bigresult{font-size:30px;}

  .callout{flex-direction:column; align-items:flex-start;}
  .intent-toggle{gap:6px;}
  .intent-opt{min-width:0; font-size:11.5px; padding:10px 6px;}
}

@media (max-width: 480px){
  .hero h1{font-size:24px;}
  .listings{grid-template-columns:1fr;}
  .diffcard, .servicecard, .concerncard{padding:20px 18px;}
}