
:root{--blue-900:#0b3b8f;--blue-800:#1148a6;--blue-950:#082b6b;--blue-100:#d6e4ff;--blue-300:#8bb4ff;--slate-900:#0f172a;--red-500:#e53935}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:#fff;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Rounded white header */
.header{position:sticky;top:0;z-index:50;background:transparent;border:0;padding:10px 0}
.nav-bar{
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-radius:28px;padding:0px 14px;box-shadow:0 6px 18px rgba(2,6,23,.08)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-img{height:32px;width:auto;display:block}
.nav{display:none;gap:24px;font-weight:600; padding:0px}
@media(min-width:768px){.nav{display:flex}}
.nav a{color:#1f2937;text-decoration:none}.nav a:hover{color:#1d4ed8}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:700;color:#fff;background:var(--red-500);box-shadow:0 6px 16px rgba(229,57,53,.25)}
.nav-cta:hover{filter:brightness(1.05)}
@media (max-width:767px){.nav{display:none}.nav-cta{height:40px;padding:0 16px}}

/* Hero */
.hero{
  margin-top: -60px;position:relative;overflow:hidden;
  background:radial-gradient(60% 70% at 20% 20%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 60%),
             radial-gradient(40% 50% at 80% 60%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 60%),
             linear-gradient(135deg,var(--blue-800),var(--blue-900) 60%,var(--blue-950));
  color:#fff}
.hero-inner{padding:100px 0}
.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:1024px){.hero-grid{grid-template-columns:1.1fr .9fr}}
.hero h1{font-size:48px;line-height:1.1;margin:0;font-weight:900;letter-spacing:.5px}
@media(min-width:640px){.hero h1{font-size:64px}}
.hero p{max-width:600px;color:var(--blue-100);font-size:18px;margin-top:12px}
.hero-cta{margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 24px;font-weight:700;cursor:pointer;text-decoration:none}
.btn-red{background:var(--red-500);color:#fff}.btn-red:hover{filter:brightness(1.05)}
.btn-outline{border:1px solid #cbd5e1;color:#1f2937;background:#fff}
.badges{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;color:#dbeafe;font-size:14px}
.call-card{margin-top:24px;display:inline-flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);border-radius:16px;padding:10px 14px}

/* HERO IMAGE: full width, behind text, no shadow/tint */
.hero-figure{position:absolute;right:0;top:0;bottom:0;left:0;width:100%;height:100%;
  display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:0}
.hero-figure img{width:100%;height:auto;opacity:1;filter:none;background:transparent;object-fit:cover}
.hero h1,.hero p,.hero .hero-cta,.hero .badges,.hero .call-card{position:relative;z-index:2}

/* Sections */
.televisit{background:#f8fafc;padding:56px 0}
.tele-card{border:2px dashed #cbd5e1;border-radius:24px;background:#fff;padding:24px}
.grid-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:768px){.grid-tiles{grid-template-columns:repeat(4,1fr)}}
.tile{height:48px;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:600}

.section{padding:72px 0}
.section-title{text-align:center;font-size:40px;font-weight:900;color:#111827}
.section-title .accent{color:var(--red-500)}
.card{border:2px dashed #cbd5e1;border-radius:16px;padding:18px;background:#fff}

.treatments{background:#f8fafc;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.treatments-grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:768px){.treatments-grid{grid-template-columns:repeat(2,1fr)}}

.faq .q{font-weight:800;margin:0}
.faq .a{color:#475569;margin-top:6px}

.cta{background:linear-gradient(180deg,var(--blue-900),var(--blue-950));color:#fff}
.cta-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:1024px){.cta-grid{grid-template-columns:1.1fr .9fr;align-items:start}}

.footer{border-top:1px solid #e5e7eb;background:#fff;padding:40px 0;color:#475569;font-size:14px}
.footer-grid{display:grid;gap:20px}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.small{font-size:12px;color:#64748b;margin-top:16px}
input,textarea{font-family:inherit}label{display:block}
