<!DOCTYPE html>

<head>

<title>The Tender Dentist | Woodland Hills</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Georgia, serif;

line-height: 1.7;

color: #3d4f5f;

background: #f8f6f3;

}

body::before {

content: "";

position: fixed;

top: -120px;

right: -90px;

width: 420px;

height: 420px;

background: radial-gradient(circle, rgba(42, 143, 158, 0.18) 0%, transparent 70%);

border-radius: 50%;

z-index: -1;

}

body::after {

content: "";

position: fixed;

bottom: -140px;

left: -110px;

width: 460px;

height: 460px;

background: radial-gradient(circle, rgba(227, 28, 35, 0.08) 0%, transparent 70%);

border-radius: 50%;

z-index: -1;

}

.header {

background: rgba(255, 255, 255, 0.94);

backdrop-filter: blur(10px);

padding: 14px 0;

position: sticky;

top: 0;

z-index: 100;

border-bottom: 1px solid rgba(0,0,0,0.05);

}

.nav {

max-width: 1080px;

margin: 0 auto;

padding: 0 20px;

display: flex;

justify-content: space-between;

align-items: center;

}

.logo-img {

height: 58px;

width: auto;

display: block;

}

.book-btn {

background: #2A8F9E;

color: white;

padding: 12px 24px;

border-radius: 50px;

text-decoration: none;

font-weight: 600;

font-size: 14px;

letter-spacing: 0.3px;

transition: all 0.25s ease;

}

.book-btn:hover {

background: #227a87;

}

.hero {

background: linear-gradient(160deg, #2A8F9E 0%, #1f6f7c 100%);

color: white;

padding: 90px 22px 85px;

text-align: center;

position: relative;

overflow: hidden;

}

.hero::before {

content: "";

position: absolute;

top: -70px;

left: -50px;

width: 240px;

height: 240px;

background: rgba(255,255,255,0.08);

border-radius: 50%;

}

.hero::after {

content: "";

position: absolute;

bottom: -90px;

right: -60px;

width: 300px;

height: 300px;

background: rgba(227, 28, 35, 0.12);

border-radius: 50%;

}

.hero h1 {

font-size: 38px;

font-weight: 500;

margin-bottom: 16px;

letter-spacing: -0.4px;

position: relative;

}

.hero p {

font-size: 18px;

max-width: 460px;

margin: 0 auto 36px;

opacity: 0.95;

position: relative;

}

.cta-buttons {

display: flex;

gap: 14px;

justify-content: center;

flex-wrap: wrap;

position: relative;

}

.cta-primary {

background: white;

color: #2A8F9E;

padding: 15px 32px;

border-radius: 50px;

text-decoration: none;

font-weight: 600;

font-size: 15px;

}

.cta-secondary {

background: transparent;

color: white;

border: 1.5px solid rgba(255,255,255,0.75);

padding: 14px 28px;

border-radius: 50px;

text-decoration: none;

font-weight: 500;

font-size: 15px;

}

.section {

max-width: 1080px;

margin: 0 auto;

padding: 70px 22px;

}

.section h2 {

font-size: 28px;

color: #2A8F9E;

margin-bottom: 22px;

font-weight: 500;

}

.philosophy {

background: white;

border-radius: 24px;

padding: 42px 36px;

box-shadow: 0 12px 40px rgba(42, 143, 158, 0.08);

margin-top: -48px;

position: relative;

z-index: 10;

}

.philosophy p {

font-size: 17px;

color: #5a6b75;

max-width: 640px;

line-height: 1.75;

}

/* Doctor section */

.doctor-card {

background: white;

border-radius: 24px;

padding: 36px;

box-shadow: 0 12px 40px rgba(42, 143, 158, 0.08);

}

.doctor-photo {

margin-bottom: 32px;

}

.doctor-photo img {

width: 100%;

border-radius: 16px;

display: block;

box-shadow: 0 8px 24px rgba(0,0,0,0.08);

}

.doctor-info h3 {

color: #2A8F9E;

font-size: 22px;

margin-bottom: 16px;

font-weight: 600;

}

.doctor-info p {

color: #5a6b75;

font-size: 16px;

line-height: 1.75;

margin-bottom: 16px;

}

.doctor-info p:last-child {

margin-bottom: 0;

}

.services-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 20px;

}

.service-card {

background: white;

padding: 30px 26px;

border-radius: 20px;

box-shadow: 0 8px 28px rgba(42, 143, 158, 0.06);

transition: transform 0.25s ease, box-shadow 0.25s ease;

border-top: 3px solid transparent;

}

.service-card:hover {

transform: translateY(-5px);

box-shadow: 0 14px 36px rgba(42, 143, 158, 0.12);

border-top-color: #E31C23;

}

.service-card h3 {

color: #2A8F9E;

margin-bottom: 10px;

font-size: 17px;

font-weight: 600;

}

.service-card p {

color: #6a7a85;

font-size: 15px;

}

.locations {

background: #f0ebe4;

}

.location-card {

background: white;

padding: 28px 26px;

border-radius: 18px;

margin-bottom: 20px;

box-shadow: 0 6px 22px rgba(0,0,0,0.03);

}

.location-card h3 {

color: #2A8F9E;

margin-bottom: 8px;

font-size: 18px;

}

.map-container {

border-radius: 18px;

overflow: hidden;

box-shadow: 0 8px 28px rgba(42, 143, 158, 0.08);

}

.map-container iframe {

display: block;

width: 100%;

height: 340px;

border: 0;

}

.final-cta {

text-align: center;

background: white;

border-radius: 24px;

padding: 52px 30px;

box-shadow: 0 12px 40px rgba(42, 143, 158, 0.07);

}

.final-cta h2 {

margin-bottom: 10px;

}

.final-cta p {

color: #6a7a85;

margin-bottom: 28px;

font-size: 16px;

}

.footer {

background: #1f6f7c;

color: white;

text-align: center;

padding: 40px 20px;

margin-top: 70px;

}

.footer p {

opacity: 0.9;

font-size: 14px;

}

@media (max-width: 700px) {

.logo-img {

height: 48px;

}

.hero h1 {

font-size: 30px;

}

.hero p {

font-size: 16px;

}

.philosophy {

padding: 32px 24px;

}

.section {

padding: 50px 18px;

}

.doctor-card {

padding: 28px 22px;

}

.map-container iframe {

height: 280px;

}

</style>

</head>

<body>

<a href="https://schedule.jarvisanalytics.com/frame?eoid=14455&elid=14000000000670" class="book-btn" target="_blank">Book Appointment</a>

</nav>

</header>

<h1>Welcome to The Tender Dentist</h1>

<p>Soft, unhurried care in a calm and respectful space.</p>

<a href="https://schedule.jarvisanalytics.com/frame?eoid=14455&elid=14000000000670" class="cta-primary" target="_blank">Book Online Now</a>

</div>

</section>

<h2>The Tender Dentist Way</h2>

<p>Most people would rather be almost anywhere else than at the dentist. We keep that in mind. Treatment recommendations stay minimal. We show you what we see. We move gently. And we try to make the whole experience feel more like a quiet conversation than a procedure.</p>

</div>

</section>

<h2>Meet Dr. Rostamian</h2>

</div>

<h3>Dr. Shahen Rostamian, DDS</h3>

<p>

Dr. Rostamian has spent over 20,000 hours refining his techniques for restoring oral health. He trained at the Misch Implant Institute under Dr. Carl Misch and brings advanced digital technology — including low-radiation 3D cone beam imaging — into everyday care.

</p>

<p>

He earned his undergraduate degree in Physiological Sciences from UCLA and his dental degree from USC, where he spent much of his free time volunteering at the Mobile Children’s Clinic and working in the emergency clinic.

</p>

<p>

Patients often notice his light-hearted approach and genuine desire to make visits feel less clinical and more human. He speaks Farsi, Armenian, and some Spanish, and believes the best dental care happens when people feel respected, informed, and at ease.

</p>

</div>

</section>

<h2>What We Offer</h2>

<h3>Dental Implants</h3>

<p>Careful planning with 3D imaging and advanced training for natural, lasting results.</p>

</div>

<h3>Gum Health</h3>

<p>A calm, antimicrobial approach focused on healing and long-term balance.</p>

</div>

<h3>Crowns & Fillings</h3>

<p>Metal-free restorations chosen for strength, beauty, and gentle bonding.</p>

</div>

<h3>Cosmetic Care</h3>

<p>Subtle refinements designed to look natural and feel comfortable.</p>

</div>

<h3>Night Guards & Sleep</h3>

<p>Custom appliances for grinding and mild sleep-related concerns.</p>

</div>

<h3>Family Care</h3>

<p>Unhurried, gentle visits for anxious patients and the whole family.</p>

</div>

</section>

<h2>Our Location</h2>

<h3>Woodland Hills</h3>

<p>23111 Ventura Blvd, Suite 202<br>

Woodland Hills, CA 91364<br>

(818) 224-4224</p>

</div>

<iframe

src="https://maps.google.com/maps?q=23111+Ventura+Blvd+Suite+202,+Woodland+Hills,+CA+91364&t=&z=15&ie=UTF8&iwloc=&output=embed"

width="100%"

height="340"

style="border:0;"

allowfullscreen=""

loading="lazy"

referrerpolicy="no-referrer-when-downgrade">

</iframe>

</div>

</section>

<h2>When you’re ready</h2>

<p>Book online in a few taps, or simply text us.</p>

<a href="https://schedule.jarvisanalytics.com/frame?eoid=14455&elid=14000000000670" class="book-btn" target="_blank" style="font-size:15px; padding:14px 32px;">Book Appointment</a>

</p>

</div>

</section>

<p style="margin-top:6px; opacity:0.8;">Woodland Hills, California</p>

</footer>

</body>

</html>