:root{
  --ink:#173d45; --muted:#58727a; --line:#d8edf2; --soft:#f5fbfd;
  --soft2:#eaf8fb; --brand:#2e9fba; --brand-dark:#237e94; --white:#fff;
  --shadow:0 16px 42px rgba(40,102,115,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fbfeff;line-height:1.72}
a{color:inherit}.wrap{width:min(1120px,92%);margin:auto}
.topbar{background:#dff4f8;color:#255d69;text-align:center;padding:9px 12px;font-size:14px;border-bottom:1px solid #cbe9ef}
header{position:sticky;top:0;z-index:50;background:rgba(230,248,251,.96);backdrop-filter:blur(12px);border-bottom:1px solid #cfeaf0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}
.logo{font-weight:800;font-size:25px;letter-spacing:-.5px;text-decoration:none}.logo span{color:var(--brand)}
nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;font-weight:700;color:#35616b}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:white!important;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:800;border:0;box-shadow:0 8px 20px rgba(46,159,186,.2);transition:.2s}
.btn:hover{transform:translateY(-2px);background:var(--brand-dark)}
.btn.secondary{background:white;color:var(--brand-dark)!important;border:1px solid #b9e3ec;box-shadow:none}
.hero{padding:72px 0 54px;background:linear-gradient(140deg,#fbfeff,#ecf9fc)}
.hero-grid,.split{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:stretch}
.hero-copy,.hero-visual,.card,.visual-card{min-height:100%;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.hero-copy{padding:46px}.hero-visual{padding:18px;display:flex;align-items:center;justify-content:center}
.hero-visual img,.visual-card img{width:100%;height:auto;display:block;border-radius:18px}
.eyebrow{display:inline-block;background:#e3f6fa;color:#26788b;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(34px,4.4vw,52px);line-height:1.06;letter-spacing:-1.6px;margin:18px 0}
h2{font-size:clamp(28px,3vw,39px);line-height:1.18;letter-spacing:-.8px;margin:0 0 18px}
h3{font-size:21px;line-height:1.3}
.lead{font-size:18px;color:#456870}
.rating{margin:18px 0 0;font-size:14px;color:#4e6e76}.rating strong{color:#1b5968}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
section{padding:68px 0}.section-head{max-width:780px;margin-bottom:28px}.section-head p{color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:25px}.card p,.muted{color:var(--muted)}
.icon{width:42px;height:42px;border-radius:12px;background:#e5f7fa;display:flex;align-items:center;justify-content:center;font-weight:900;color:#247d90}
.split .content-card{padding:34px;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.visual-card{padding:16px;display:flex;align-items:center}
.checks{padding:0;list-style:none}.checks li{margin:10px 0;padding-left:28px;position:relative}.checks li:before{content:"✓";position:absolute;left:0;color:#23879d;font-weight:900}
.procon{display:grid;grid-template-columns:1fr 1fr;gap:20px}.procon .card ul{margin:0;padding-left:20px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:22px;border:1px solid var(--line);background:white;border-radius:24px;box-shadow:var(--shadow);text-align:center;position:relative}.price-card.featured{outline:2px solid #7ad1e2;transform:translateY(-6px)}
.price-card img{width:100%;max-height:260px;object-fit:contain}.tag{display:inline-block;background:#dff5fa;color:#266b7a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.price-note{font-size:14px;color:#687e84}.price-card .btn{width:100%;margin-top:12px}
.quote{font-size:16px}.person{margin-top:14px;font-weight:800}.person small{display:block;font-weight:500;color:#71868b}
.faq{display:grid;gap:12px}.faq details{background:white;border:1px solid var(--line);border-radius:16px;padding:17px 20px}.faq summary{cursor:pointer;font-weight:800}
.legal{background:#f1fafc;border-top:1px solid var(--line)}.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.legal article{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}
footer{background:#dff4f8;border-top:1px solid #c7e8ef;padding:30px 0;color:#46676f}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-links{display:flex;gap:16px;flex-wrap:wrap}
.mobile-cta{display:none;position:fixed;bottom:12px;left:12px;right:12px;z-index:60}.mobile-cta .btn{width:100%;box-shadow:0 12px 32px rgba(25,98,113,.28)}
.note{font-size:13px;color:#6d858b;background:#f6fbfc;border:1px solid #dceff3;padding:12px 14px;border-radius:12px}
@media(max-width:900px){
 nav{display:none}.hero-grid,.split,.grid-3,.pricing,.procon,.legal-grid{grid-template-columns:1fr}
 .hero{padding-top:38px}.hero-copy{padding:30px}.price-card.featured{transform:none}
 .mobile-cta{display:block}body{padding-bottom:74px}
}


/* User-provided Cooljet imagery */
.product-photo{
  width:100%;
  max-width:620px;
  margin:auto;
  object-fit:contain;
  background:#fff;
}
.hero-product-photo{
  max-height:520px;
}
.lifestyle-photo{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  border-radius:18px;
}
.package-units{
  min-height:250px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:0;
  overflow:visible;
  padding:10px 0 2px;
}
.package-units img{
  width:auto;
  height:225px;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 10px 14px rgba(32,89,102,.10));
}
.package-two img{
  width:52%;
  height:auto;
  max-height:220px;
  margin:0 -3%;
}
.package-three img{
  width:39%;
  height:auto;
  max-height:205px;
  margin:0 -5%;
}
@media(max-width:600px){
  .lifestyle-photo{min-height:250px}
  .package-units{min-height:210px}
  .package-units img{max-height:190px}
  .package-two img{max-height:180px}
  .package-three img{max-height:165px}
}