:root { --pm-bg: #f5f8fb; --pm-surface: #ffffff; --pm-surface-soft: #f7fbfd; --pm-text: #123154; --pm-text-soft: #45617f; --pm-line: #d9e7f0; --pm-primary: #123d6f; --pm-primary-2: #24598f; --pm-accent: #45c7c6; --pm-accent-2: #7be2df; --pm-shadow: 0 16px 44px rgba(18, 49, 84, 0.08); --pm-radius-xl: 28px; --pm-radius-lg: 20px; --pm-radius-md: 14px; --pm-max: 1240px; --pm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial,           Helvetica, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; font-family: var(--pm-font); color: var(--pm-text); background: radial-gradient(circle at top right, rgba(69, 199, 198, 0.10), transparent 22%            ),        linear-gradient(180deg, #f9fcfe 0%, var(--pm-bg) 100%); line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.pm-wrap { width: min(calc(100% - 32px), var(--pm-max)); margin: 0px auto; }
.pm-hero { padding: 42px 0px 28px; }
.pm-hero-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 0px; background: linear-gradient(135deg, rgb(15, 55, 100) 0%, rgb(30, 79, 132) 54%, rgb(47, 99, 153) 100%); border-radius: var(--pm-radius-xl); box-shadow: var(--pm-shadow); min-height: 440px; }
.pm-hero-card::before { content: ""; position: absolute; inset: 0px; pointer-events: none; }
.pm-hero-main, .pm-hero-side { position: relative; z-index: 1; padding: 56px; }
.pm-badge { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; background: rgba(123, 226, 223, 0.14); border: 1px solid rgba(123, 226, 223, 0.3); border-radius: 999px; color: rgb(217, 251, 251); font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.pm-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--pm-accent-2); box-shadow: rgba(123, 226, 223, 0.12) 0px 0px 0px 6px; }
.pm-title { margin: 24px 0px 18px; color: rgb(255, 255, 255); font-size: clamp(34px, 5vw, 62px); line-height: 1.02; letter-spacing: -0.03em; font-weight: 900; max-width: 11.5ch; }
.pm-subtitle { max-width: 690px; margin: 0px 0px 30px; color: rgba(255, 255, 255, 0.88); font-size: clamp(18px, 2vw, 22px); }
.pm-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.pm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; padding: 0px 24px; border-radius: 14px; font-weight: 800; font-size: 16px; transition: transform 0.18s, box-shadow 0.18s, background 0.18s; }
.pm-btn:hover { transform: translateY(-1px); }
.pm-btn--primary { color: rgb(18, 49, 84); background: linear-gradient(135deg, rgb(140, 240, 235) 0%, rgb(77, 213, 209) 100%); box-shadow: rgba(77, 213, 209, 0.2) 0px 12px 26px; }
.pm-btn--secondary { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(10px); }
.pm-trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }
.pm-trust-pill { padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.9); font-weight: 700; line-height: 1.4; }
.pm-side-card { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 34px; margin: 32px; border-radius: 24px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); }
.pm-side-card h2 { margin: 0px 0px 18px; color: rgb(255, 255, 255); font-size: 28px; line-height: 1.1; letter-spacing: -0.02em; }
.pm-side-card p { margin: 0px; color: rgba(255, 255, 255, 0.86); font-size: 16px; }
.pm-side-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
.pm-side-item { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); font-weight: 700; }
.pm-side-item:first-child { border-top: 0px; padding-top: 0px; }
.pm-icon { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 12px; background: rgba(123, 226, 223, 0.18); color: var(--pm-accent-2); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; }
.pm-section { padding: 26px 0px; }
.pm-section--spacious { padding: 42px 0px 34px; }
.pm-kicker { display: inline-block; margin-bottom: 10px; color: var(--pm-accent); font-size: 13px; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; }
.pm-h2 { margin: 0px 0px 14px; color: var(--pm-primary); font-size: clamp(28px, 3vw, 42px); line-height: 1.08; letter-spacing: -0.03em; font-weight: 900; }
.pm-lead { max-width: 860px; margin: 0px; color: var(--pm-text-soft); font-size: 19px; }
.pm-grid-2 { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 28px; align-items: stretch; }
.pm-panel { background: var(--pm-surface); border: 1px solid var(--pm-line); border-radius: var(--pm-radius-lg); box-shadow: var(--pm-shadow); padding: 32px; }
.pm-panel--soft { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 251, 253) 100%); }
.pm-list { display: grid; gap: 16px; margin: 0px; padding: 0px; list-style: none; }
.pm-list li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: flex-start; padding: 0px; margin: 0px; }
.pm-list strong { display: block; margin-bottom: 4px; color: var(--pm-primary); font-size: 20px; }
.pm-list p { margin: 0px; color: var(--pm-text-soft); font-size: 17px; }
.pm-check { width: 42px; height: 42px; border-radius: 50%; border: 2px solid rgba(69, 199, 198, 0.55); color: var(--pm-accent); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; margin-top: 2px; background: rgba(69, 199, 198, 0.05); }
.pm-cards { display: grid; gap: 16px; }
.pm-mini-card { border-radius: 18px; border: 1px solid var(--pm-line); background: rgb(255, 255, 255); padding: 22px 22px 20px; box-shadow: rgba(18, 49, 84, 0.05) 0px 8px 24px; position: relative; overflow: hidden; }
.pm-mini-card::before { content: ""; position: absolute; inset: 0px auto 0px 0px; width: 5px; background: linear-gradient(180deg, var(--pm-accent) 0%, #78ddd8 100%); }
.pm-mini-card h3 { margin: 0px 0px 8px; color: var(--pm-primary); font-size: 23px; line-height: 1.12; letter-spacing: -0.02em; }
.pm-mini-card p { margin: 0px; color: var(--pm-text-soft); font-size: 17px; }
.pm-audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 28px; }
.pm-audience-card { background: var(--pm-surface); border: 1px solid var(--pm-line); border-radius: 22px; padding: 28px; box-shadow: var(--pm-shadow); }
.pm-audience-card h3 { margin: 14px 0px 10px; color: var(--pm-primary); font-size: 24px; line-height: 1.14; letter-spacing: -0.02em; }
.pm-audience-card p { margin: 0px 0px 18px; color: var(--pm-text-soft); font-size: 16px; }
.pm-tag { display: inline-flex; align-items: center; min-height: 30px; padding: 0px 12px; border-radius: 999px; background: rgba(69, 199, 198, 0.1); color: rgb(22, 138, 136); font-size: 12px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; }
.pm-chip-list { display: flex; flex-wrap: wrap; gap: 10px; }
.pm-chip { display: inline-flex; align-items: center; min-height: 38px; padding: 0px 14px; border-radius: 999px; border: 1px solid var(--pm-line); background: var(--pm-surface-soft); color: var(--pm-primary); font-weight: 700; font-size: 14px; }
.pm-doctor { display: grid; grid-template-columns: 1.03fr 0.97fr; gap: 28px; align-items: stretch; }
.pm-doctor-card, .pm-cta-card { border-radius: 24px; overflow: hidden; box-shadow: var(--pm-shadow); }
.pm-doctor-card { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 253, 255) 100%); border: 1px solid var(--pm-line); padding: 30px; }
.pm-doctor-head { display: flex; gap: 18px; align-items: center; margin-bottom: 18px; }
.pm-avatar { width: 88px; height: 88px; border-radius: 50%; background: linear-gradient(rgb(237, 246, 251) 0%, rgb(255, 255, 255) 100%); border: 1px solid var(--pm-line); box-shadow: rgba(69, 199, 198, 0.04) 0px 0px 0px 10px inset; display: inline-flex; align-items: center; justify-content: center; color: var(--pm-primary); font-size: 28px; font-weight: 900; }
.pm-doctor-head h3 { margin: 0px 0px 8px; color: var(--pm-primary); font-size: 34px; line-height: 1.05; letter-spacing: -0.03em; }
.pm-doctor-head p, .pm-doctor-meta p, .pm-contact p { margin: 0px; }
.pm-doctor-role { color: var(--pm-primary); font-weight: 800; font-size: 17px; }
.pm-doctor-meta { display: grid; gap: 10px; padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--pm-line); color: var(--pm-text-soft); font-size: 16px; }
.pm-contact { display: grid; gap: 12px; padding-top: 20px; margin-top: 22px; border-top: 1px solid var(--pm-line); }
.pm-contact-row { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: flex-start; color: var(--pm-primary); font-weight: 800; }
.pm-contact-row span:last-child { color: var(--pm-primary); font-size: 17px; }
.pm-cta-card { background: linear-gradient(135deg, rgb(16, 57, 102) 0%, rgb(29, 77, 128) 58%, rgb(39, 79, 133) 100%); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding: 34px; position: relative; }
.pm-cta-card::before { content: ""; position: absolute; inset: 0px; pointer-events: none; }
.pm-cta-card > * { position: relative; z-index: 1; }
.pm-cta-card h3 { margin: 0px 0px 16px; font-size: 32px; line-height: 1.06; letter-spacing: -0.03em; }
.pm-cta-card p { margin: 0px; color: rgba(255, 255, 255, 0.88); font-size: 17px; }
.pm-cta-box { display: grid; gap: 16px; margin-top: 26px; padding: 22px; border-radius: 18px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(10px); }
.pm-cta-link { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 0px 20px; border-radius: 14px; color: rgb(18, 49, 84); background: linear-gradient(135deg, rgb(140, 240, 235) 0%, rgb(86, 216, 212) 100%); font-size: 17px; font-weight: 900; letter-spacing: 0.01em; box-shadow: rgba(77, 213, 209, 0.18) 0px 12px 28px; }
.pm-cta-link small { display: block; margin-bottom: 4px; color: rgba(18, 49, 84, 0.72); font-size: 12px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.pm-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 26px; }
.pm-proof { background: rgb(255, 255, 255); border: 1px solid var(--pm-line); border-radius: 18px; padding: 22px 18px; text-align: left; box-shadow: rgba(18, 49, 84, 0.05) 0px 8px 26px; }
.pm-proof strong { display: block; margin-bottom: 8px; color: var(--pm-primary); font-size: 17px; }
.pm-proof span { color: var(--pm-text-soft); font-size: 15px; }
.pm-footer-note { margin-top: 18px; color: var(--pm-text-soft); font-size: 14px; }
@media (max-width: 1120px) {
  .pm-hero-card, .pm-grid-2, .pm-doctor, .pm-audience-grid, .pm-proof-grid { grid-template-columns: 1fr; }
  .pm-side-card { margin: 0px 32px 32px; }
}
@media (max-width: 780px) {
  .pm-hero-main, .pm-hero-side, .pm-panel, .pm-doctor-card, .pm-cta-card, .pm-audience-card { padding: 24px; }
  .pm-side-card { margin: 0px 24px 24px; padding: 24px; }
  .pm-trust-strip, .pm-proof-grid { grid-template-columns: 1fr; }
  .pm-title { max-width: none; }
  .pm-doctor-head { flex-direction: column; align-items: flex-start; }
  .pm-list li { grid-template-columns: 34px 1fr; }
  .pm-check { width: 34px; height: 34px; font-size: 15px; }
}