:root{--ink:#153f3b;--ink-2:#315b56;--mint:#dcefe9;--mint-2:#edf7f3;--cream:#f7f4ed;--white:#fff;--line:rgba(21,63,59,.15);--accent:#dd8b62;--shadow:0 24px 70px rgba(21,63,59,.12);--radius:22px;--font-body:'DM Sans',sans-serif;--font-head:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(100% - 40px,1180px);margin-inline:auto}.skip-link{position:fixed;top:-60px;left:16px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,244,237,.92);border-bottom:1px solid transparent;backdrop-filter:blur(16px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand-mark{width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:800}.brand-mark svg{width:25px}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-head);font-size:19px;text-transform:uppercase;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.06em;text-transform:uppercase;margin-top:5px}.menu-toggle{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:6px}.menu-toggle span{width:24px;height:2px;background:var(--ink);transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav{position:fixed;inset:76px 0 0;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;font:600 24px var(--font-head);transform:translateX(100%);transition:transform .35s ease}.site-nav.is-open{transform:translateX(0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:0 24px;border:1px solid var(--ink);border-radius:100px;background:var(--ink);color:#fff;font-weight:600;transition:.25s;cursor:pointer}.button:hover{background:#205751;transform:translateY(-2px)}.button-small{min-height:44px;padding:0 18px;font-size:14px}.text-link{font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px}.hero{overflow:hidden;padding:56px 0 72px}.hero-grid{display:grid;gap:52px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}.eyebrow span{width:28px;height:1px;background:currentColor}.hero h1,.section h2{margin:0;font:700 clamp(44px,12vw,76px)/1.05 var(--font-head);letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--ink-2)}.hero-text{max-width:520px;margin:25px 0 30px;font-size:18px;color:#4b6965}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.trust-row{display:flex;gap:26px;margin-top:44px;padding-top:25px;border-top:1px solid var(--line)}.trust-row>div{display:grid}.trust-row strong{font:700 20px var(--font-head)}.trust-row small{color:#6e817e;font-size:12px}.stars{color:var(--accent);letter-spacing:2px;font-size:12px}.hero-art{position:relative;min-height:430px;display:grid;place-items:center}.tooth-card{position:relative;width:min(82vw,340px);height:410px;border-radius:170px 170px 32px 32px;background:linear-gradient(145deg,#bcded5,#e8f4ef);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.tooth-card>svg{width:72%;filter:drop-shadow(0 25px 24px rgba(21,63,59,.13))}.care-note{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,.86);padding:14px;border-radius:15px;display:flex;gap:12px;align-items:center;backdrop-filter:blur(8px)}.care-note>span{width:35px;height:35px;background:var(--ink);color:#fff;border-radius:50%;display:grid;place-items:center}.care-note strong,.care-note small{display:block}.care-note small{color:#65807c}.orb{position:absolute;border-radius:50%}.orb-one{width:70px;height:70px;background:var(--accent);top:30px;right:1%}.orb-two{width:36px;height:36px;border:8px solid var(--ink);bottom:55px;left:2%}.floating-chip{position:absolute;background:#fff;border-radius:100px;padding:9px 14px;font-size:12px;font-weight:600;box-shadow:0 10px 30px rgba(21,63,59,.12)}.chip-one{left:0;top:110px}.chip-two{right:0;bottom:110px}.promise-strip{background:var(--ink);color:#fff;overflow:hidden}.promise-strip .container{display:flex;gap:30px;overflow:auto;white-space:nowrap;padding-block:17px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.promise-strip span:before{content:'✦';color:#9fd0c4;margin-right:30px}.section{padding:90px 0}.split-grid{display:grid;gap:38px}.section h2{font-size:clamp(36px,9vw,62px)}.about-copy{font-size:18px;color:#4c6965}.about-copy p:first-child{margin-top:0}.arrow{display:inline-block;margin-top:18px;color:var(--ink)}.services-section{background:var(--mint-2)}.heading-row{display:grid;gap:25px;margin-bottom:45px}.heading-row>p{max-width:460px;color:#57716d}.service-grid{display:grid;gap:14px}.service-card{position:relative;background:#fff;border:1px solid rgba(21,63,59,.08);border-radius:var(--radius);padding:26px;min-height:280px;transition:.3s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card>span{font-size:12px;color:#809490}.service-icon{font-size:25px;color:var(--accent);margin:36px 0 25px}.service-card h3{font:700 22px var(--font-head);margin:0 0 12px}.service-card p{color:#637b77;margin:0}.service-card a{position:absolute;bottom:24px;font-size:13px;font-weight:700}.experience-section{background:var(--ink);color:#fff}.experience-grid{display:grid;gap:55px}.experience-art{position:relative;min-height:390px;background:var(--mint);border-radius:160px 160px 28px 28px;color:var(--ink);display:grid;place-items:center}.circle-copy{text-align:center}.circle-copy span{font-size:11px;letter-spacing:.2em}.circle-copy strong{display:block;font:800 44px/1.02 var(--font-head);letter-spacing:-.05em;margin-top:10px}.mini-card{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;display:flex;gap:9px;font-size:12px;box-shadow:var(--shadow)}.mini-card b{color:var(--accent)}.mini-card:nth-of-type(2){top:65px;left:-7px}.mini-card:nth-of-type(3){top:150px;right:-7px}.mini-card:nth-of-type(4){bottom:45px;left:25px}.light{color:#b6d3cc}.experience-copy h2{margin-bottom:42px}.step{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-top:1px solid rgba(255,255,255,.17)}.step b{color:#8ebbb0}.step h3{font:700 20px var(--font-head);margin:0 0 6px}.step p{margin:0;color:#b8cbc7}.reviews-section{background:#fff}.review-score{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:35px}.review-score .eyebrow{grid-column:1/-1}.review-score>strong{font:800 78px/1 var(--font-head);letter-spacing:-.07em}.review-score>div{display:grid;text-align:right}.review-score small{color:#687d79}.review-grid{display:grid;gap:14px}.review-grid blockquote{margin:0;background:var(--cream);padding:28px;border-radius:var(--radius)}.review-grid blockquote>p{font:600 20px/1.5 var(--font-head);min-height:120px}.review-grid footer{display:flex;align-items:center;gap:12px}.review-grid footer>span{width:40px;height:40px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-size:12px;font-weight:700}.review-grid footer strong,.review-grid footer small{display:block}.review-grid footer small{color:#7c8e8b}.appointment-section{background:var(--ink);color:#fff}.appointment-grid{display:grid;gap:55px}.appointment-copy>p:not(.eyebrow){color:#b8cbc7;max-width:500px}.contact-quick{display:grid;gap:20px;margin-top:40px}.contact-quick>*{display:grid;border-top:1px solid rgba(255,255,255,.2);padding-top:15px}.contact-quick span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#91aca6}.appointment-form{background:#fff;color:var(--ink);padding:25px;border-radius:var(--radius);display:grid;gap:20px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.field label small{font-weight:400;text-transform:none;letter-spacing:0;color:#7c8e8b}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #cddbd7;background:transparent;padding:10px 0;outline:none;color:var(--ink);border-radius:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink)}.button-light{background:var(--mint);color:var(--ink);border:0;margin-top:5px}.contact-grid{display:grid;gap:50px}.contact-details{display:grid;gap:0}.contact-details>div{padding:25px 0;border-top:1px solid var(--line)}.contact-details span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#6b807c}.contact-details p{margin:8px 0 0}.contact-details a{display:inline-block;margin-top:8px;font-weight:700}.contact-section .button{margin-top:30px}.site-footer{background:#0d302d;color:#fff;padding:65px 0 90px}.footer-grid{display:grid;gap:32px}.footer-brand .brand-mark{border-color:#fff}.footer-grid>p{font:600 24px var(--font-head);color:#a9c8c1}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.15);margin-top:45px;padding-top:20px;color:#8fa9a3;font-size:12px}.mobile-cta{position:fixed;z-index:90;bottom:12px;left:20px;right:20px;display:flex;justify-content:space-between;background:var(--accent);color:#fff;border-radius:100px;padding:15px 22px;font-weight:700;box-shadow:0 10px 35px rgba(87,44,24,.25)}.toast{position:fixed;z-index:200;top:90px;left:20px;right:20px;padding:16px 20px;border-radius:12px;background:#fff;box-shadow:var(--shadow);transition:.3s}.toast-success{border-left:4px solid #3b9d76}.toast-error{border-left:4px solid #d65f5f}.toast-hide{opacity:0;transform:translateY(-15px);pointer-events:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(min-width:720px){.container{width:min(100% - 64px,1180px)}.hero{padding:80px 0 100px}.hero-grid,.split-grid,.appointment-grid,.contact-grid{grid-template-columns:1.05fr .95fr;align-items:center}.hero-actions{flex-direction:row;align-items:center}.hero-art{min-height:520px}.tooth-card{height:500px}.section{padding:120px 0}.heading-row{grid-template-columns:1fr .65fr;align-items:end}.service-grid,.review-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:.85fr 1.15fr;align-items:center}.appointment-form{grid-template-columns:repeat(2,1fr);padding:38px}.full{grid-column:1/-1}.contact-quick{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr;align-items:start}.mobile-cta{display:none}}
@media(min-width:980px){.nav-wrap{height:86px}.menu-toggle{display:none}.site-nav{position:static;inset:auto;background:transparent;flex-direction:row;gap:30px;font:600 14px var(--font-body);transform:none}.hero-grid{grid-template-columns:1fr .9fr}.hero h1{font-size:76px}.service-grid{grid-template-columns:repeat(3,1fr)}.review-grid{grid-template-columns:repeat(3,1fr)}.review-score{grid-template-columns:auto 1fr;column-gap:20px;justify-content:start}.review-score>div{text-align:left}.split-grid{grid-template-columns:1.1fr .9fr;align-items:start}.experience-art{min-height:560px}.circle-copy strong{font-size:62px}.site-footer{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* Refined clinic design */
:root{--ink:#123a36;--ink-2:#496863;--mint:#dfeee9;--mint-2:#f3f8f6;--cream:#faf9f6;--accent:#e69467;--line:rgba(18,58,54,.12);--shadow:0 24px 70px rgba(18,58,54,.11);--radius:18px}
body{background:#fff;color:var(--ink)}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(18,58,54,.08)}
.nav-wrap{height:72px}.brand-mark{background:var(--ink);border:0;color:#fff}.brand strong{font-size:17px}.brand small{font-size:8px;color:#607772}.site-nav{background:#fff}.button{min-height:52px;padding:0 25px;border:0;box-shadow:0 10px 24px rgba(18,58,54,.14)}.button:hover{box-shadow:0 14px 30px rgba(18,58,54,.2)}
.hero{position:relative;padding:0;min-height:auto;background:#f3eee8;overflow:hidden}.hero-photo{height:355px;background:url('../images/suyog-hero.png') 66% center/cover no-repeat}.hero-inner{position:relative}.hero-copy{padding:36px 0 50px}.hero-rating{display:flex;align-items:center;gap:8px;margin-bottom:25px;font-size:12px;color:#607772}.hero-rating .stars{font-size:11px}.hero-rating strong{font:700 15px var(--font-head);color:var(--ink)}.hero .eyebrow{margin-bottom:15px}.hero h1{font-size:clamp(45px,13vw,78px);letter-spacing:-.065em;line-height:.99}.hero h1 em{color:var(--accent)}.hero-text{font-size:17px;line-height:1.65;margin:22px 0 28px;color:#4f6d68}.hero-actions{gap:18px}.hero-call{display:grid;line-height:1.25}.hero-call small{font-size:11px;color:#728682}.hero-call strong{font-size:15px}.hero-points{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;font-weight:600;color:#54706b}.hero-points span::first-letter{color:var(--accent)}
.promise-strip{background:var(--ink)}.promise-strip .container{justify-content:flex-start;padding-block:14px}.promise-strip span{font-size:10px}.promise-strip span:before{color:var(--accent)}
.section{padding:82px 0}.section h2{font-size:clamp(36px,9vw,58px);line-height:1.08}.eyebrow{color:#6b827e;font-size:10px}.eyebrow span{background:var(--accent)}.split-grid{gap:30px}.about-copy{font-size:17px;line-height:1.8}.about-copy p:first-child{font-size:20px;line-height:1.6;color:var(--ink)}
.services-section{background:var(--cream)}.heading-row{margin-bottom:38px}.service-grid{gap:12px}.service-card{min-height:250px;border:1px solid var(--line);box-shadow:none;padding:24px;background:#fff}.service-card:hover{box-shadow:0 20px 45px rgba(18,58,54,.08)}.service-icon{width:42px;height:42px;border-radius:12px;background:var(--mint-2);display:grid;place-items:center;margin:26px 0 20px;font-size:17px}.service-card h3{font-size:20px}.service-card p{font-size:14px;line-height:1.65}.service-card a{bottom:21px}
.experience-section{background:#123a36}.experience-art{background:linear-gradient(145deg,#e5f1ed,#b9d9d0);border-radius:28px;min-height:360px}.circle-copy strong{font-size:42px}.mini-card{border:1px solid rgba(18,58,54,.08);box-shadow:0 14px 35px rgba(18,58,54,.12)}.experience-copy h2{font-size:44px}.step{padding:19px 0}.step p{font-size:14px}
.reviews-section{background:#fff}.review-grid blockquote{background:var(--cream);border:1px solid var(--line);padding:25px}.review-grid blockquote>p{font-size:18px;min-height:auto;margin-bottom:35px}.review-score>strong{font-size:68px}.stars{color:#e48d5f}
.appointment-section{background:#173f3b}.appointment-copy h2{font-size:48px}.appointment-form{border-radius:20px;box-shadow:0 28px 70px rgba(5,27,24,.2)}.field input,.field select,.field textarea{min-height:44px}.button-light{background:var(--accent);color:#fff}
.contact-section{background:var(--mint-2)}.contact-details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 24px}.contact-details>div:last-child{border-bottom:0}.site-footer{background:#0e2f2c}.mobile-cta{background:var(--accent);box-shadow:0 12px 30px rgba(129,67,34,.3)}
@media(min-width:720px){.hero-photo{height:500px;background-position:center}.hero-copy{max-width:610px;padding:55px 0 70px}.hero-actions{flex-direction:row}.section{padding:105px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:265px}.experience-art{min-height:480px}.review-grid blockquote>p{min-height:110px}}
@media(min-width:980px){.nav-wrap{height:82px}.hero{min-height:690px;background:#efe9e2}.hero-photo{position:absolute;inset:0;background-position:center;background-size:cover}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,239,233,.98) 0%,rgba(244,239,233,.95) 32%,rgba(244,239,233,.35) 53%,rgba(244,239,233,0) 73%)}.hero-inner{min-height:690px;display:flex;align-items:center}.hero-copy{padding:72px 0;max-width:570px}.hero h1{font-size:72px}.hero-text{max-width:480px}.hero-rating{margin-bottom:32px}.hero-points{gap:24px}.promise-strip .container{justify-content:space-between}.service-grid{grid-template-columns:repeat(3,1fr)}.section{padding:125px 0}.split-grid{gap:90px}.experience-art{min-height:540px}.experience-copy h2{font-size:56px}.appointment-grid{gap:90px}.appointment-form{padding:42px}.contact-grid{gap:90px}}