/* Kissimmee AC Repair — Design B "The Cool Room"
   Palette: teal #0E5E63 · ice #DCEFF5 · sand #F6E9D8 · charcoal #22302E */
:root{--teal:#0E5E63;--ice:#DCEFF5;--sand:#F6E9D8;--char:#22302E;--line:#C9DEE5;--body:#3C5A59;--serif:Georgia,"Times New Roman",serif;--sans:"Trebuchet MS",Verdana,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:#fff;color:var(--char);line-height:1.7}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}

/* header */
.head{border-bottom:1px solid var(--line);background:#fff}
.head .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.brand{font-family:var(--serif);font-size:1.32rem;color:var(--teal);text-decoration:none}
.brand i{font-style:normal;border-bottom:3px solid var(--sand)}
.navlinks{display:flex;gap:16px;font-size:.84rem;flex-wrap:wrap}
.navlinks a{color:var(--body);text-decoration:none;font-weight:600}
.navlinks a:hover{color:var(--teal);text-decoration:underline}
.phpill{background:var(--teal);color:#fff;border-radius:99px;padding:9px 18px;font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap}

/* buttons */
.btn{display:inline-block;padding:13px 26px;border-radius:99px;font-weight:700;font-size:.9rem;text-decoration:none;border:0;cursor:pointer}
.btn-t{background:var(--teal);color:#fff}
.btn-s{background:var(--sand);color:var(--char);border:1px solid #d8b98c}
.btn-line{background:transparent;border:1px solid var(--teal);color:var(--teal)}

/* hero (centered) */
.hero{background:var(--ice);text-align:center;padding:54px 0 0}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5vw,3rem);line-height:1.1;color:var(--teal);max-width:740px;margin:0 auto}
.hero h1 b{font-style:italic;font-weight:400}
.hero .lead{max-width:660px;margin:18px auto 24px;color:var(--body)}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.arch{border-radius:160px 160px 10px 10px;overflow:hidden}
.hero .arch{max-width:700px;margin:0 auto}
.hero .arch img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#bcd6de}
.ribbon{background:var(--teal);color:#fff;font-size:.82rem}
.ribbon .wrap{display:flex;justify-content:center;gap:36px;padding-top:13px;padding-bottom:13px;flex-wrap:wrap}
.ribbon b{color:#ffd9a0}

/* interior page header */
.pagehead{background:var(--ice);text-align:center;padding:46px 0 40px}
.pagehead h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,4vw,2.5rem);color:var(--teal);max-width:780px;margin:0 auto}
.pagehead .lead{max-width:720px;margin:14px auto 0;color:var(--body)}

/* sections */
.sec{padding:48px 0}
.sec.ice{background:var(--ice)}
.sec.sand{background:var(--sand)}
.sec h2{font-family:var(--serif);font-weight:400;font-size:1.85rem;color:var(--teal);margin-bottom:10px}
.sec h3{font-family:var(--serif);font-weight:400;font-size:1.22rem;color:var(--teal);margin-bottom:6px}
.sec p{color:var(--body);max-width:740px}
.sec p+p,.sec p+ul{margin-top:12px}
.sec ul{color:var(--body);padding-left:20px;max-width:740px}
.lede{max-width:700px;color:var(--body);margin-bottom:24px}
.center{text-align:center}
.center .lede,.center p{margin-left:auto;margin-right:auto}

/* symptom grid */
.symgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px}
.sym{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:13px;align-items:flex-start;text-decoration:none}
.sym:hover{border-color:var(--teal)}
.sym .dot{min-width:44px;height:44px;border-radius:50%;background:var(--ice);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.sym b{display:block;margin-bottom:3px;color:var(--teal)}
.sym p{font-size:.86rem;max-width:none}

/* service rows */
.svc-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.svc-row:last-child{border-bottom:0}
.svc-row.flip .arch{order:2}
.svc-row .arch img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#bcd6de}
.svc-row p{max-width:none;font-size:.92rem}
.svc-row .more{display:inline-block;margin-top:8px;color:var(--teal);font-weight:700;text-decoration:none}
.svc-row .more:hover{text-decoration:underline}

/* timeline */
.timeline{max-width:660px;margin:0 auto;border-left:3px solid var(--teal);padding-left:24px}
.tstep{position:relative;padding-bottom:22px}
.tstep:last-child{padding-bottom:0}
.tstep:before{content:"";position:absolute;left:-33px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--sand);border:3px solid var(--teal)}
.tstep b{color:var(--teal)}
.tstep p{font-size:.92rem;max-width:none;margin-top:3px}

/* quote form */
.quote-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;max-width:540px;text-align:left}
.center .quote-form{margin:0 auto}
.quote-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.quote-form input,.quote-form textarea{display:block;width:100%;border:1px solid var(--line);background:#f4f9fb;border-radius:8px;padding:11px 12px;font-size:.95rem;font-family:inherit;margin-top:5px}
.quote-form textarea{min-height:84px;resize:vertical}
.quote-form .btn{width:100%;text-align:center;margin-top:4px}
.form-disclosure{margin-top:12px;color:#6c8b91;font-size:.74rem;line-height:1.5}
.form-disclosure a{color:#4a7480}
.hp-field{display:none!important}

/* cards / faq */
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.card p{font-size:.9rem;max-width:none}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px;max-width:820px}
.faq-item h3{margin-bottom:5px}
.faq-item p{font-size:.92rem;max-width:none}
.sec.ice .faq-item,.sec.ice .card,.sec.sand .card{box-shadow:0 6px 18px rgba(14,94,99,.07)}

/* two-col */
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
figure.photo figcaption{padding:9px 4px 0;font-size:.83rem;color:#4a7480}

/* footer */
footer{background:var(--char);color:#b9cbc9;padding:38px 0 92px;font-size:.85rem}
footer .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
footer b{color:#fff;display:block;margin-bottom:8px;font-family:var(--serif);font-size:.98rem}
footer a{display:block;color:#b9cbc9;margin:4px 0;text-decoration:none}
footer a:hover{color:#fff}

/* sticky mobile CTA */
.mobile-sticky{position:fixed;bottom:0;left:0;right:0;display:none;grid-template-columns:1fr 1fr;z-index:50}
.mobile-sticky a{padding:14px;text-align:center;font-weight:800;font-size:.85rem;text-decoration:none}
.mobile-sticky .call{background:var(--teal);color:#fff}
.mobile-sticky .quote{background:var(--sand);color:var(--char)}

/* responsive */
@media(max-width:860px){
  .symgrid,.cardgrid,.two,footer .wrap{grid-template-columns:1fr}
  .svc-row,.svc-row.flip{grid-template-columns:1fr}
  .svc-row.flip .arch{order:0}
}
@media(max-width:600px){
  .hero{padding-top:34px}
  .hero h1{font-size:clamp(1.6rem,7.5vw,2.1rem)}
  .ctas .btn{width:100%;text-align:center}
  .mobile-sticky{display:grid}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-with-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-with-logo img{width:56px;height:56px;display:block;flex:0 0 56px;object-fit:contain}.brand-with-logo .brand-copy{display:inline-block}