/* =========================================================
   ANAM TALHA DENTAL — PREMIUM RESPONSIVE WEBSITE
   ========================================================= */
:root{
  --ink:#172529;
  --muted:#66767a;
  --teal:#11aeb4;
  --teal-dark:#087f86;
  --aqua:#dff5f5;
  --ice:#edfafa;
  --cream:#fbfdfc;
  --white:#fff;
  --line:#dce9e9;
  --shadow:0 22px 60px rgba(16,54,57,.10);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 48px));margin:auto}
.section{padding:105px 0}
.section-sm{padding:70px 0}
.topbar{background:var(--ink);color:#d8eeee;font-size:12px}
.topbar-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between}
.top-links{display:flex;gap:24px}
.header{position:sticky;top:0;z-index:50;background:rgba(251,253,252,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,233,233,.65)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--teal);color:white;display:grid;place-items:center;font-family:Manrope;font-weight:800;font-size:14px;position:relative}
.brand-mark span{font-size:12px;margin-left:1px}
.brand-text{font-family:Manrope;font-size:16px;font-weight:800;letter-spacing:-.4px;line-height:.8}
.brand-text span{color:var(--teal)}
.brand-text b{display:block;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#738286;margin-top:5px}
.nav-menu{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700;color:#526266}
.nav-menu>a:not(.nav-cta){position:relative;padding:28px 0}
.nav-menu>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--teal);transition:.25s}
.nav-menu>a:hover:after,.nav-menu>a.active:after{right:0}
.nav-cta{background:var(--teal);color:#fff;padding:12px 17px;border-radius:30px;box-shadow:0 9px 25px rgba(17,174,180,.22)}
.nav-cta span,.btn span{margin-left:10px}
.menu-toggle{display:none;background:none;border:0;width:42px}
.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}

.hero{min-height:660px;background:linear-gradient(135deg,#eaf9f9 0%,#d9f2f4 100%);position:relative;overflow:hidden}
.hero-shape{position:absolute;width:700px;height:700px;border-radius:50%;right:-160px;top:-120px;background:rgba(255,255,255,.42)}
.hero-grid{min-height:660px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:45px;position:relative;z-index:1}
.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;color:var(--teal-dark);display:inline-block;margin-bottom:18px}
.hero h1{font:700 clamp(48px,6vw,76px)/1.02 Manrope;letter-spacing:-3px;max-width:650px}
h1 em,h2 em{font-style:normal;color:var(--teal-dark)}
.hero-copy>p{font-size:16px;color:#647477;max-width:510px;margin:25px 0 31px}
.hero-actions{display:flex;align-items:center;gap:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;padding:15px 23px;border-radius:30px;font-weight:800;font-size:12px;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--teal);color:white;box-shadow:0 12px 30px rgba(17,174,180,.25)}
.btn-dark{background:var(--ink);color:#fff}
.text-link{font-weight:800;font-size:12px}
.text-link span{color:var(--teal);margin-left:7px}
.hero-stats{display:flex;gap:40px;margin-top:55px}
.hero-stats div{display:flex;flex-direction:column}
.hero-stats strong{font:700 25px Manrope}
.hero-stats span{font-size:10px;color:#718083}
.hero-visual{height:600px;position:relative;display:flex;align-items:center;justify-content:center}
.hero-orb{width:470px;height:470px;background:#b9e8eb;border-radius:50%;position:absolute}
.hero-photo-wrap{width:430px;height:520px;border-radius:220px 220px 30px 30px;overflow:hidden;position:relative;z-index:2;border:12px solid rgba(255,255,255,.55);box-shadow:var(--shadow)}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover}
.floating-card{position:absolute;z-index:3;bottom:80px;left:5px;background:white;padding:13px 20px 13px 13px;border-radius:18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}
.card-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--aqua);color:var(--teal-dark);font-weight:900}
.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:12px}.floating-card small{font-size:9px;color:var(--muted)}
.sparkle{position:absolute;right:30px;top:110px;color:white;font-size:38px;z-index:3}

.intro{background:white}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}
.intro-art{position:relative;height:480px}
.art-circle{width:430px;height:430px;background:#dff4f4;border-radius:50%;position:absolute;left:15px;top:20px}
.intro-art img{position:absolute;width:370px;height:430px;object-fit:cover;border-radius:190px 190px 25px 25px;left:45px;top:0;box-shadow:var(--shadow)}
.experience-badge{position:absolute;bottom:25px;right:0;background:var(--ink);color:#fff;border-radius:18px;padding:18px 22px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}
.experience-badge strong{font:700 35px Manrope;color:#6ed9dc}.experience-badge span{font-size:10px;line-height:1.3}
h2{font:700 clamp(36px,4vw,52px)/1.1 Manrope;letter-spacing:-2px}
.intro-copy>p,.feature-copy>p{color:var(--muted);font-size:15px;margin:22px 0}
.check-list{display:grid;gap:13px;margin:25px 0 30px}
.check-list div{font-size:12px;font-weight:700}.check-list span{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--aqua);color:var(--teal-dark);border-radius:50%;margin-right:9px}

.services{background:var(--ice)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}
.section-head p{max-width:510px;color:var(--muted);font-size:14px;margin-top:17px}
.round-arrow{width:54px;height:54px;border:1px solid #bfdede;border-radius:50%;display:grid;place-items:center;font-size:19px;color:var(--teal-dark);transition:.25s}
.round-arrow:hover{background:var(--teal);color:#fff;transform:rotate(10deg)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.service-card{background:#fff;border-radius:24px;padding:30px;min-height:260px;display:flex;flex-direction:column;transition:.3s;box-shadow:0 8px 30px rgba(18,61,63,.04)}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.service-card.featured{background:var(--teal);color:white}
.service-icon{width:52px;height:52px;border-radius:16px;background:var(--aqua);color:var(--teal-dark);display:grid;place-items:center;font-size:23px;margin-bottom:25px}
.featured .service-icon{background:rgba(255,255,255,.18);color:#fff}
.service-card h3{font:700 18px Manrope}.service-card p{font-size:12px;color:var(--muted);margin:10px 0 20px}.featured p{color:#d9ffff}
.service-card a{font-size:11px;font-weight:800;margin-top:auto}.service-card a span{color:var(--teal);margin-left:7px}.featured a span{color:white}

.feature{background:#fff}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.feature-photo{height:550px;position:relative}
.photo-blob{position:absolute;inset:40px 30px 0 0;background:#dff5f5;border-radius:45% 55% 25% 65%}
.feature-photo img{position:absolute;width:410px;height:480px;object-fit:cover;left:35px;top:0;border-radius:220px 220px 25px 25px;box-shadow:var(--shadow)}
.mini-rating{position:absolute;right:0;bottom:35px;background:#fff;border-radius:17px;padding:13px 17px;box-shadow:var(--shadow)}
.mini-rating strong,.mini-rating span{display:block}.mini-rating strong{color:#f0b62d;letter-spacing:2px}.mini-rating span{font-size:9px;color:var(--muted)}
.feature-list{display:grid;gap:20px;margin:30px 0}
.feature-list>div{display:flex;gap:15px}
.feature-list>div>span{font:700 12px Manrope;color:var(--teal);padding-top:2px}
.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:13px}.feature-list small{font-size:11px;color:var(--muted);margin-top:2px}

.trust{background:var(--ink);color:white}
.trust-inner{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:30px;align-items:center}
.trust .eyebrow{color:#72dfe1}.trust h2{font-size:31px}.trust h2 em{color:#72dfe1}
.trust-stat{border-left:1px solid rgba(255,255,255,.13);padding-left:25px}.trust-stat strong{display:block;font:700 30px Manrope;color:#6ed9dc}.trust-stat span{font-size:10px;color:#a9bcbe}

.doctors{background:var(--ice)}
.centered{text-align:center;display:block}.centered .eyebrow{margin-bottom:10px}.centered p{margin:15px auto 0;color:var(--muted);max-width:550px;font-size:13px}
.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:48px}
.doctor-card{background:white;border-radius:26px;overflow:hidden;box-shadow:0 10px 40px rgba(18,61,63,.05)}
.doctor-img{height:340px;background:#d8eff0;overflow:hidden}.doctor-img img{width:100%;height:100%;object-fit:cover}
.doctor-info{padding:20px 22px;position:relative}.doctor-info h3{font:700 17px Manrope}.doctor-info>span{font-size:10px;color:var(--muted)}
.socials{position:absolute;right:18px;top:22px;display:flex;gap:6px}.socials a{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px}

.reviews{background:white}
.review-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.review-photo{height:500px;position:relative}.review-photo img{height:100%;width:100%;object-fit:cover;border-radius:30px 180px 30px 180px}.quote-mark{position:absolute;bottom:30px;right:-22px;width:70px;height:70px;background:var(--teal);color:#fff;border-radius:50%;display:grid;place-items:center;font:700 50px Georgia}
.stars{color:#f1b52a;letter-spacing:4px;font-size:16px;margin:25px 0 17px}
blockquote{font:600 24px/1.45 Manrope;letter-spacing:-.5px;max-width:610px}
.review-person{display:flex;align-items:center;gap:12px;margin-top:27px}.avatar{width:43px;height:43px;border-radius:50%;background:var(--aqua);display:grid;place-items:center;font-weight:800;color:var(--teal-dark)}.review-person strong,.review-person span{display:block}.review-person strong{font-size:12px}.review-person span{font-size:9px;color:var(--muted)}
.slider-controls{display:flex;align-items:center;gap:12px;margin-top:30px}.slider-controls button{width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:50%;cursor:pointer}.slider-controls span{font-size:10px;color:var(--muted);margin:0 4px}

.appointment{background:var(--ice)}
.appointment-box{background:#d8f2f3;border-radius:35px;padding:55px 60px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;position:relative;overflow:hidden}
.appointment-box:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.35);right:-170px;top:-200px}
.appointment-copy,.appointment-form{position:relative;z-index:1}.appointment-copy>p{color:var(--muted);font-size:13px;max-width:390px;margin:18px 0 28px}
.contact-mini{display:grid;gap:14px}.contact-mini>div{display:flex;gap:11px;align-items:center}.contact-mini>div>span{width:34px;height:34px;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--teal-dark)}.contact-mini small,.contact-mini strong{display:block}.contact-mini small{font-size:8px;color:var(--muted)}.contact-mini strong{font-size:11px}
.appointment-form{background:#fff;padding:28px;border-radius:25px;box-shadow:var(--shadow);display:grid;gap:15px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.appointment-form label{font-size:9px;font-weight:800;color:#536367}.appointment-form input,.appointment-form select,.appointment-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fbfdfd;padding:11px 12px;margin-top:6px;outline:0;font-size:11px;resize:vertical}.appointment-form input:focus,.appointment-form select:focus,.appointment-form textarea:focus{border-color:var(--teal)}.full{width:100%}.form-note{font-size:10px;text-align:center;color:var(--teal-dark);min-height:14px}

.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-grid>div:first-child p{color:var(--muted);font-size:13px;max-width:370px;margin:18px 0 20px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{border:0;background:none;width:100%;display:flex;justify-content:space-between;text-align:left;padding:21px 0;font:700 14px Manrope;cursor:pointer}.faq-item button span{font-size:20px;color:var(--teal);transition:.25s}.faq-answer{max-height:0;overflow:hidden;color:var(--muted);font-size:12px;transition:.3s;padding-right:30px}.faq-item.open .faq-answer{max-height:120px;padding-bottom:20px}.faq-item.open button span{transform:rotate(45deg)}

.contact{background:var(--teal);color:#fff}.contact-grid{display:grid;grid-template-columns:1.2fr 1.3fr auto;gap:45px;align-items:center}.contact .eyebrow{color:#c9ffff}.contact h2{font-size:38px}.contact h2 em{color:#c7ffff}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contact-details>div{display:flex;gap:10px}.contact-details>div>span{width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center}.contact-details p{font-size:10px;line-height:1.5;color:#d7ffff}.contact-details strong{display:block;font-size:11px;color:white;margin-bottom:3px}.contact .btn{background:white;color:var(--ink);white-space:nowrap}

footer{background:#101d20;color:#a6b9bb}.footer-top{padding:50px 0 35px;display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand .brand-text{color:white}.footer-top>p{font-size:11px;margin-left:auto}.footer-links{display:flex;gap:20px;font-size:10px}.footer-links a:hover{color:#fff}.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;font-size:9px}
.back-top{position:fixed;right:22px;bottom:22px;width:43px;height:43px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:.25s;z-index:40}.back-top.show{opacity:1;visibility:visible}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:980px){
  .nav-menu{gap:14px}.nav-menu>a:not(.nav-cta){padding:28px 0}
  .hero-grid,.intro-grid,.feature-grid,.review-grid,.appointment-box,.faq-grid{grid-template-columns:1fr;gap:55px}
  .hero-grid{padding-top:50px}.hero{min-height:auto}.hero-visual{height:520px}
  .intro-art,.feature-photo{max-width:520px;width:100%;margin:auto}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .trust-inner{grid-template-columns:repeat(2,1fr)}.trust-intro{grid-column:1/-1}
  .contact-grid{grid-template-columns:1fr}.contact-details{max-width:700px}.contact .btn{justify-self:start}
  .footer-top{flex-wrap:wrap}.footer-top>p{margin-left:0}
}
@media(max-width:760px){
  .container{width:min(100% - 32px,1160px)}
  .topbar-inner{justify-content:center}.top-links{display:none}
  .nav{height:68px}.menu-toggle{display:block}.nav-menu{position:absolute;top:68px;left:0;right:0;background:white;padding:10px 20px 25px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 35px rgba(0,0,0,.08)}.nav-menu.open{display:flex}.nav-menu>a:not(.nav-cta){padding:12px 5px}.nav-menu>a:not(.nav-cta):after{display:none}.nav-cta{text-align:center;margin-top:8px}
  .hero h1{font-size:46px;letter-spacing:-2px}.hero-visual{height:470px}.hero-orb{width:360px;height:360px}.hero-photo-wrap{width:315px;height:395px}.floating-card{left:0;bottom:30px}.sparkle{right:5px;top:70px}
  .hero-stats{gap:18px;flex-wrap:wrap;margin-top:38px}
  .section{padding:75px 0}.section-sm{padding:55px 0}
  .intro-art,.feature-photo{height:420px}.art-circle{width:340px;height:340px}.intro-art img{width:300px;height:370px}.feature-photo img{width:315px;height:390px}.photo-blob{inset:20px 0 0 0}.experience-badge{right:0}
  .section-head{align-items:start}.round-arrow{display:none}
  .service-grid,.doctor-grid{grid-template-columns:1fr}.doctor-img{height:390px}
  .review-photo{height:390px}.review-grid{gap:45px}.review-photo img{border-radius:25px 130px 25px 130px}
  .appointment-box{padding:35px 22px;border-radius:25px}.form-row{grid-template-columns:1fr}
  .trust-inner{grid-template-columns:1fr 1fr}.trust-stat{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:18px 0 0}
  .contact-details{grid-template-columns:1fr}.footer-top{display:grid;gap:20px}.footer-links{flex-wrap:wrap}.footer-bottom{display:grid;gap:8px}
}