/* Dental CROE public website styles */
:root {
  --dc-primary: #0e4bb3;
  --dc-sky: #7ec8ea;
  --dc-sky-soft: #eaf8ff;
  --dc-pink: #f3c6cc;
  --dc-ink: #14304d;
  --dc-muted: #5b6b7c;
  --dc-border: #d8e8f5;
}
.dental-croe-page { color: var(--dc-ink); background: #fff; }
.dental-croe-page a { color: var(--dc-primary); }
.dc-nav { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--dc-border); }
.dc-nav-inner { max-width: 1180px; margin: 0 auto; padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dc-logo { height: 54px; width: auto; border-radius: 8px; }
.dc-nav-links { display: flex; align-items: center; gap: 18px; font-weight: 600; }
.dc-nav-links a { color: var(--dc-ink); text-decoration: none; }
.dc-nav-links a:hover { color: var(--dc-primary); }
.dc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 18px; border-radius: 999px; font-weight: 700; text-decoration: none; border: 1px solid transparent; }
.dc-btn-primary { background: var(--dc-primary); color: #fff !important; box-shadow: 0 10px 24px rgba(14,75,179,.22); }
.dc-btn-secondary { background: #fff; border-color: var(--dc-border); color: var(--dc-primary) !important; }
.dc-hero { position: relative; overflow: hidden; background: radial-gradient(circle at top left, #e0f6ff 0, #fff 42%, #fdf3f6 100%); }
.dc-hero:before { content:""; position:absolute; right:-120px; top:-110px; width:360px; height:360px; border-radius:50%; background:rgba(126,200,234,.35); }
.dc-hero-wrap { max-width: 1180px; margin: 0 auto; padding: 72px 18px 56px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: 34px; align-items: center; }
.dc-eyebrow { color: var(--dc-primary); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; }
.dc-title { font-size: clamp(38px, 5vw, 68px); line-height: .98; font-weight: 850; margin: 14px 0 18px; color: var(--dc-ink); }
.dc-title span { color: var(--dc-primary); }
.dc-lead { font-size: 18px; color: var(--dc-muted); line-height: 1.65; max-width: 680px; }
.dc-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.dc-hero-card { position: relative; border-radius: 28px; background: linear-gradient(160deg, var(--dc-sky), #fff); padding: 24px; box-shadow: 0 22px 50px rgba(20,48,77,.16); border: 1px solid rgba(255,255,255,.8); }
.dc-hero-card-inner { border-radius: 24px; background:#fff; padding: 22px; min-height: 320px; display:flex; flex-direction:column; justify-content:space-between; }
.dc-card-logo { width: 260px; max-width: 100%; border-radius: 10px; background: var(--dc-sky); }
.dc-smile-figure { margin-top: 24px; border-radius: 22px; background: linear-gradient(135deg,#f9f9ff,#e9f8ff); border: 1px solid var(--dc-border); padding: 24px; }
.dc-smile-row { display:flex; gap:10px; justify-content:center; align-items:center; margin-top: 14px; }
.dc-tooth-chip { width:44px; height:52px; border:1px solid #a7c5d9; border-radius:14px; background:#fff; display:flex; align-items:center; justify-content:center; color:var(--dc-primary); font-weight:800; }
.dc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 1180px; margin: 0 auto; padding: 0 18px 36px; }
.dc-stat { background: #fff; border: 1px solid var(--dc-border); border-radius: 18px; padding: 18px; box-shadow: 0 8px 24px rgba(20,48,77,.05); }
.dc-stat strong { display:block; color:var(--dc-primary); font-size: 24px; }
.dc-section { max-width: 1180px; margin: 0 auto; padding: 64px 18px; }
.dc-section-head { display:flex; justify-content:space-between; gap:22px; align-items:end; margin-bottom: 28px; }
.dc-section h2 { font-size: clamp(28px, 3vw, 42px); line-height:1.1; margin: 0; color: var(--dc-ink); }
.dc-section p { color: var(--dc-muted); line-height: 1.65; }
.dc-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:18px; }
.dc-service { border:1px solid var(--dc-border); border-radius:24px; padding:22px; background:#fff; box-shadow: 0 12px 28px rgba(20,48,77,.06); }
.dc-service-icon { width:48px; height:48px; border-radius:16px; background:var(--dc-sky-soft); color:var(--dc-primary); display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:14px; }
.dc-service h3 { font-size: 19px; margin:0 0 8px; color:var(--dc-ink); }
.dc-split { display:grid; grid-template-columns: .9fr 1.1fr; gap:24px; align-items:center; }
.dc-panel { border-radius:26px; border:1px solid var(--dc-border); background:linear-gradient(180deg,#fff,#f8fcff); padding:26px; }
.dc-list { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
.dc-list li { display:flex; gap:10px; align-items:flex-start; color:var(--dc-muted); }
.dc-check { color:var(--dc-primary); font-weight:900; }
.dc-locations { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:18px; }
.dc-location { border:1px solid var(--dc-border); border-radius:22px; padding:22px; background:#fff; }
.dc-location h3 { margin-top:0; color:var(--dc-primary); }
.dc-contact-strip { background: var(--dc-primary); color:#fff; }
.dc-contact-strip .dc-section { padding-top:42px; padding-bottom:42px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.dc-contact-strip p { color:#eef6ff; margin:0; }
.dc-footer { background:#f7fbff; border-top:1px solid var(--dc-border); }
.dc-footer .dc-section { padding-top:36px; padding-bottom:36px; display:flex; justify-content:space-between; gap:18px; align-items:center; flex-wrap:wrap; }
@media (max-width: 900px) {
  .dc-nav-links { display:none; }
  .dc-hero-wrap, .dc-split { grid-template-columns: 1fr; }
  .dc-grid, .dc-stats, .dc-locations { grid-template-columns: 1fr; }
  .dc-section-head { display:block; }
}