/* Conversion and SEO refinement layer for JFC Renovation */
:root{--radius-lg:32px;--radius-md:22px;--soft:#fffaf0}
.topline-actions{display:flex;align-items:center;gap:18px;font-weight:900}
.nav{position:sticky}
.hero-conversion h1{max-width:760px}
.btn.subtle{background:rgba(255,255,255,.09)}
.btn.outline{background:transparent;border:2px solid var(--blue);color:var(--blue)}
.contact .btn.outline,.contact .btn.ghost{border-color:rgba(255,255,255,.7);color:white}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.trust-strip span,.proof-list span{display:inline-flex;align-items:center;border-radius:999px;padding:10px 13px;font-weight:900;font-size:14px}
.trust-strip span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:white}
.conversion-section{background:linear-gradient(180deg,var(--cream),#fff)}
.service-card{display:flex;flex-direction:column;min-height:100%}
.service-card .card-link{position:relative;z-index:1;margin-top:auto;font-weight:950;color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.proof-section{background:#fff}
.proof-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.proof-list span{background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(7,54,66,.06)}
.proof-list.inverted span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:white}
.process-section{background:linear-gradient(180deg,#fff,var(--cream))}
.process-section .step h3{margin:0 0 8px;font-size:20px}
.process-section .step p{margin:0;color:#555;line-height:1.45}
.portfolio-cta{background:#fff}
.mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini-gallery img{width:100%;height:190px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
.mini-gallery img:first-child{grid-column:1/-1;height:260px}
.contact-panel .actions{margin-top:20px}
.service-grid .card:after{opacity:.45}
.quote-hero .lead{max-width:880px}
.quote-select-card input,.quote-select-card select,.quote-field textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 15px;font:inherit;background:white;color:#111}
.quote-select-card input:focus,.quote-select-card select:focus,.quote-field textarea:focus{outline:3px solid rgba(242,195,0,.35);border-color:var(--yellow)}
.quote-select-card label,.quote-field label{display:block;margin-bottom:8px;font-weight:950;color:#17343b}
.quote-select-card.full,.quote-field.full{grid-column:1/-1}
.summary-line{gap:16px}
@media(max-width:900px){
  body{padding-bottom:76px}
  .nav{position:sticky!important;top:0}
  .topline{display:block}
  .topline .container{padding:8px 0;font-size:12px}
  .topline-actions{gap:10px}
  .hero-conversion .actions .btn,.page-hero .actions .btn{width:100%}
  .trust-strip span,.proof-list span{font-size:12.5px;padding:8px 10px}
  .mini-gallery{grid-template-columns:1fr;gap:10px}
  .mini-gallery img,.mini-gallery img:first-child{height:220px;grid-column:auto}
  .steps{grid-template-columns:1fr!important}
  .floating{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:60!important;display:flex!important;padding:0!important;background:transparent!important}
  .floating a{box-shadow:0 16px 36px rgba(0,0,0,.28)}
  .contact-line{align-items:flex-start;flex-direction:column}
  .quote-select-grid{grid-template-columns:1fr!important}
  .quote-select-card.full,.quote-field.full{grid-column:auto}
}