:root{--teal:#087f79;--teal2:#0a6d69;--lime:#9ac43c;--ink:#16302f;--muted:#657876;--bg:#f6faf9;--white:#fff;--line:#dfe9e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:white;line-height:1.55}
a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 22px}.top{background:#eaf6f4;color:#315b58;font-size:13px;padding:7px 0;text-align:center}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.nav{height:76px;display:flex;align-items:center;gap:26px}.logo{height:80px;width:auto}.navlinks{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:700}.btn{display:inline-block;padding:13px 19px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800}.btn.alt{background:white;color:var(--teal);border:1px solid var(--teal)}.btn.lime{background:var(--lime);color:#16302f}
.hero{background:linear-gradient(120deg,#eff9f7,#fff);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
h1{font-size:52px;line-height:1.04;margin:12px 0 18px;letter-spacing:-.035em}h2{font-size:34px;line-height:1.12;margin:0 0 12px}h3{margin:0 0 8px}.lead{font-size:18px;color:var(--muted);max-width:680px}.hero img{width:100%;height:430px;object-fit:cover;border-radius:28px;box-shadow:0 22px 60px #173b3520}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:-25px;position:relative;z-index:2}.trust div{background:#fff;padding:20px;text-align:center;font-weight:800}.trust small{display:block;color:var(--muted);font-weight:500}
section{padding:74px 0}.soft{background:var(--bg)}.section-head{max-width:720px;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.price{font-size:30px;font-weight:900;color:var(--teal);margin:8px 0}.muted{color:var(--muted)}.card ul{padding-left:18px;margin:12px 0}.link{color:var(--teal);font-weight:900}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.gallery img{width:100%;height:240px;object-fit:cover;border-radius:18px}.gallery img:first-child{grid-row:span 2;height:492px}.hours{border:1px solid var(--line);border-radius:20px;padding:24px}.hours-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.hours-row:last-child{border:0}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.cta{background:var(--teal);color:#fff;border-radius:28px;padding:42px}.cta p{color:#d9efec}
footer{background:#102f2d;color:#d9e8e6;padding:45px 0 90px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot img{height:55px;background:white;border-radius:8px;padding:4px}
.breadcrumb{font-size:13px;color:var(--muted);padding-top:25px}.pagehero{padding:45px 0 55px;background:var(--bg)}.pagehero h1{font-size:44px}.pricebox{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.content{max-width:780px}.content h2{margin-top:40px;font-size:28px}.content p,.content li{color:#465f5d}.notice{background:#eff9f7;border-left:4px solid var(--teal);padding:16px 18px;border-radius:10px}.sticky{display:none}
@media(max-width:850px){.navlinks{display:none}.nav .btn{margin-left:auto}.hero{padding:45px 0}.hero-grid,.two{grid-template-columns:1fr}.hero img{height:310px}h1{font-size:39px}.trust{grid-template-columns:1fr 1fr;margin-top:18px}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img,.gallery img:first-child{height:210px;grid-row:auto}.gallery img:first-child{grid-column:span 2}.foot{grid-template-columns:1fr}.sticky{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;z-index:50;background:white;border-top:1px solid var(--line)}.sticky a{text-align:center;padding:13px 4px;font-size:13px;font-weight:900;color:var(--teal)}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.hero img{height:260px}.trust{grid-template-columns:1fr 1fr}.nav .btn{font-size:12px;padding:10px 12px}.logo{height:42px}.pagehero h1{font-size:36px}}
.brand{
  display:flex;
  align-items:center;
  gap:18px;
}

.brand-name{
  font-size:30px;
  line-height:1;
  font-weight:800;
  letter-spacing:-0.03em;
  color:#16302f;
  white-space:nowrap;
}
/* ==================================================
   BRACES PAGE POLISH
   ================================================== */


/* ---------- Retainer ---------- */

.retainer-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  max-width:860px;
}

.retainer-card{
  padding:28px;
  border-radius:24px;
  transition:transform .2s ease, box-shadow .2s ease;
}

.retainer-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(16,48,47,.08);
}

.retainer-card img{
  display:block;
  width:100%;
  height:300px;
  object-fit:contain;
  border-radius:18px;
  margin-bottom:24px;
  background:#fff;
}

.retainer-card h3{
  font-size:25px;
  line-height:1.2;
  margin:0 0 16px;
}

.retainer-card .price{
  font-size:40px !important;
  line-height:1;
  font-weight:800;
  color:var(--teal);
  margin:0 0 24px;
}

.retainer-card p{
  font-size:18px;
  line-height:1.65;
  margin-bottom:0;
}


/* ---------- Payment Plan ---------- */

.payment-plan{
  padding-top:85px;
  padding-bottom:85px;
}

.payment-plan .two{
  gap:70px;
  align-items:center;
}

.payment-plan h2{
  font-size:40px;
  line-height:1.12;
}

.payment-plan .card{
  padding:36px;
  border-radius:24px;
  box-shadow:0 14px 40px rgba(16,48,47,.05);
}

.payment-plan .card h3{
  font-size:24px;
  margin-top:0;
  margin-bottom:26px;
}

.payment-plan .card p{
  margin-bottom:20px;
  line-height:1.5;
}


/* ---------- Braces Information ---------- */

.braces-info{
  max-width:960px;
}

.braces-info h2{
  font-size:36px;
  line-height:1.15;
  margin-top:0;
  margin-bottom:20px;
}

.braces-info h2:not(:first-child){
  margin-top:52px;
}

.braces-info p{
  font-size:18px;
  line-height:1.75;
  color:var(--muted);
  max-width:900px;
}

.braces-info .btn{
  margin-top:10px;
}


/* ---------- Mobile ---------- */

@media(max-width:850px){

  .retainer-grid{
    grid-template-columns:1fr;
    max-width:520px;
  }

  .retainer-card img{
    height:280px;
  }

  .payment-plan .two{
    gap:36px;
  }

  .payment-plan h2{
    font-size:34px;
  }

  .braces-info h2{
    font-size:30px;
  }

}


@media(max-width:520px){

  .retainer-card{
    padding:20px;
  }

  .retainer-card img{
    height:240px;
  }

  .retainer-card .price{
    font-size:36px !important;
  }

  .retainer-card p{
    font-size:17px;
  }

  .payment-plan{
    padding-top:58px;
    padding-bottom:58px;
  }

  .payment-plan .card{
    padding:26px;
  }

  .braces-info p{
    font-size:17px;
  }

}
/* =========================
   RETAINER SECTION
   ========================= */

.retainer-grid {
  display: grid;
  grid-template-columns: repeat(2, 344px);
  justify-content: center;
  gap: 22px;
}

.retainer-card {
  width: 100%;
}

.retainer-card img {
  width: 100%;
  height: 296px;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 20px;
}

/* Mobile */
@media (max-width: 760px) {
  .retainer-grid {
    grid-template-columns: 1fr;
    max-width: 344px;
    margin-left: auto;
    margin-right: auto;
  }

  .retainer-card img {
    height: 296px;
  }
}
/* RETAINER SECTION */

.retainer-grid {
  display: grid;
  grid-template-columns: repeat(2, 344px);
  justify-content: center;
  gap: 22px;
}

.retainer-card {
  width: 344px;
}

.retainer-card .retainer-img {
  display: block;
  width: 100%;
  height: 296px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  margin-bottom: 20px;
}

@media (max-width: 760px) {
  .retainer-grid {
    grid-template-columns: 1fr;
    max-width: 344px;
    margin-left: auto;
    margin-right: auto;
  }

  .retainer-card {
    width: 100%;
  }
}
/* =========================
   BRACES HERO POLISH
   ========================= */

.pagehero .two {
  align-items: stretch;
}

.pagehero .two > div:last-child {
  display: flex;
  align-items: stretch;
}

.pagehero .two > div:last-child img {
  width: 100% !important;
  height: 100% !important;
  max-height: 455px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 28px;
}

/* Mobile */
@media (max-width: 760px) {
  .pagehero .two > div:last-child img {
    height: 320px !important;
    max-height: 320px !important;
  }
}
/* BRACES PACKAGE CHECKLIST */

.pricebox ul {
  list-style: none;
  padding-left: 0;
  margin: 22px 0;
}

.pricebox ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.pricebox ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #078b82;
  font-weight: 800;
  font-size: 20px;
}