:root { --navy:#12364c; --navy-2:#0b293c; --aqua:#14a8a0; --aqua-dark:#087c78; --ice:#eaf8f6; --ink:#15303d; --muted:#607984; --line:#d9e6e8; --paper:#fff; --warm:#f5faf9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; font-size:16px; }
a { color:inherit; text-decoration:none; }
.site-header { height:88px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; padding:0 max(28px,calc((100vw - 1240px)/2)); border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); position:sticky; top:0; z-index:30; }
.brand { display:flex; align-items:center; gap:12px; width:max-content; }
.brand img { width:174px; height:auto; display:block; }
.brand-mark { display:grid; place-items:center; width:46px; height:46px; color:white; background:var(--navy); border-radius:50% 50% 50% 12%; font-weight:800; font-size:14px; }
.brand b { color:var(--navy); display:block; font-size:18px; letter-spacing:.11em; }
.brand small { display:block; margin-top:3px; color:var(--muted); font-size:11px; }
nav { display:flex; gap:28px; font-size:14px; font-weight:700; color:var(--navy); }
nav a:hover { color:var(--aqua-dark); }
.header-contact { text-align:right; }
.header-contact a { display:block; color:var(--navy); font-weight:800; font-size:16px; }
.header-contact span { display:block; color:var(--muted); margin-top:4px; font-size:13px; }
.hero { min-height:650px; padding:76px max(28px,calc((100vw - 1240px)/2)) 68px; display:grid; grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr); gap:72px; align-items:center; background:radial-gradient(circle at 76% 18%,#e5f8f5 0,transparent 31%),linear-gradient(135deg,#fbfefe 0%,#f4faf9 62%,#ecf7f6 100%); overflow:hidden; position:relative; }
.hero:before { content:''; position:absolute; width:420px; height:420px; border:1px solid rgba(20,168,160,.14); border-radius:50%; right:-180px; top:-180px; box-shadow:0 0 0 58px rgba(20,168,160,.035),0 0 0 118px rgba(20,168,160,.025); }
.hero-copy,.hero-card { position:relative; z-index:1; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--aqua-dark); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.eyebrow span { width:25px; height:2px; background:var(--aqua); }
h1 { max-width:740px; margin:20px 0 22px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(48px,5.2vw,76px); line-height:.98; letter-spacing:-.035em; font-weight:500; color:var(--navy-2); }
h1 em { color:var(--aqua-dark); font-style:normal; }
.hero-lead { max-width:700px; margin:0; color:#435e69; font-size:18px; line-height:1.6; }
.quick-benefits { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:28px; }
.quick-benefits span { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--navy); }
.quick-benefits svg { width:20px; height:20px; padding:3px; color:white; background:var(--aqua); border-radius:50%; }
.hero-actions { display:flex; gap:14px; margin-top:34px; }
.button { min-height:52px; padding:0 25px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; font-weight:800; transition:.2s ease; }
.button.primary { color:white; background:var(--aqua-dark); box-shadow:0 13px 26px rgba(8,124,120,.18); }
.button.primary:hover { transform:translateY(-2px); background:#066d69; }
.button.secondary { color:var(--navy); border:1px solid #a9c6c9; background:rgba(255,255,255,.58); }
.microcopy { margin:16px 0 0; color:var(--muted); font-size:13px; }
.hero-card { padding:38px; border-radius:8px; color:white; background:linear-gradient(155deg,var(--navy) 0%,var(--navy-2) 100%); box-shadow:0 30px 70px rgba(10,42,60,.22); }
.price-label { font-size:14px; color:#b9d6dc; }
.price { margin-top:5px; font-family:Georgia,'Times New Roman',serif; font-size:54px; line-height:1; }
.price small { font-size:30px; }
.divider { height:1px; background:rgba(255,255,255,.16); margin:28px 0; }
.clock-visual { display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:center; }
.clock-number { color:#65ddd2; font-family:Georgia,'Times New Roman',serif; font-size:86px; line-height:.86; }
.clock-visual b { display:block; font-size:20px; }
.clock-visual span { display:block; margin-top:5px; color:#b9d6dc; font-size:13px; line-height:1.45; }
.route { margin-top:30px; display:grid; grid-template-columns:1fr 36px 1fr; align-items:center; }
.route>div:not(.route-line) { display:grid; grid-template-columns:12px 1fr; column-gap:8px; align-items:center; }
.route i { width:12px; height:12px; border:3px solid #65ddd2; border-radius:50%; }
.route b { font-size:14px; }
.route span { grid-column:2; color:#9fc0c8; font-size:12px; margin-top:3px; }
.route-line { height:1px; background:#65ddd2; margin:0 8px; }
.source-note { margin:27px 0 0; padding-top:20px; border-top:1px solid rgba(255,255,255,.16); color:#b9d6dc; font-size:12px; line-height:1.55; }
.source-note a { color:#65ddd2; text-decoration:underline; text-underline-offset:3px; }
.trust-strip { min-height:118px; padding:25px max(28px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1.45fr 1fr 1fr; align-items:center; background:white; border-bottom:1px solid var(--line); }
.trust-strip>div { min-height:58px; padding:0 35px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--line); }
.trust-strip>div:first-child { padding-left:0; }
.trust-strip>div:last-child { border-right:0; }
.trust-strip strong { color:var(--navy); font-family:Georgia,'Times New Roman',serif; font-size:25px; font-weight:500; }
.trust-strip span { color:var(--muted); margin-top:4px; font-size:13px; }
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr;gap:44px;padding-top:58px}.hero-card{max-width:650px}}
@media(max-width:640px){.site-header{height:72px;padding:0 18px}.brand img{width:122px}.brand small,.header-contact span{display:none}.brand-mark{width:38px;height:38px}.brand b{font-size:15px}.header-contact a{font-size:0}.header-contact a:after{content:'Позвонить';font-size:14px;color:var(--aqua-dark)}.hero{padding:44px 18px 40px}h1{font-size:46px}.hero-lead{font-size:16px}.quick-benefits{display:grid}.hero-actions{flex-direction:column}.hero-card{padding:28px 24px}.clock-number{font-size:68px}.trust-strip{padding:12px 18px;grid-template-columns:1fr}.trust-strip>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.trust-strip>div:last-child{border-bottom:0}}

.section { padding:96px max(28px,calc((100vw - 1240px)/2)); }
.section.alt { background:var(--warm); }
.section.dark { color:white; background:var(--navy-2); }
.section-head { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; margin-bottom:48px; align-items:end; }
.kicker { color:var(--aqua-dark); font-size:13px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.section h2 { margin:10px 0 0; color:var(--navy-2); font:500 clamp(35px,4vw,52px)/1.08 Georgia,'Times New Roman',serif; letter-spacing:-.025em; }
.section.dark h2 { color:white; }
.section-intro { max-width:650px; margin:0; color:var(--muted); font-size:18px; line-height:1.65; }
.cards-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.adv-card { min-height:270px; padding:30px; border:1px solid var(--line); border-radius:8px; background:white; }
.adv-card .num { color:var(--aqua); font:500 48px Georgia,serif; }
.adv-card h3 { margin:30px 0 10px; color:var(--navy); font-size:20px; }
.adv-card p { margin:0; color:var(--muted); line-height:1.6; }
.compare { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:white; }
.compare-col { padding:40px; }
.compare-col.bad { background:#f4f6f6; }
.compare-label { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; font-weight:800; color:var(--navy); }
.dot { width:10px; height:10px; border-radius:50%; background:#9cafb4; }
.good .dot { background:var(--aqua); box-shadow:0 0 0 5px #dff5f2; }
.compare ul,.included-list { list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.compare li { padding-left:28px; position:relative; color:#526b75; line-height:1.45; }
.compare li:before { content:'—'; position:absolute; left:0; color:#9cafb4; }
.good li:before { content:'✓'; color:var(--aqua-dark); font-weight:900; }
.included-grid { display:grid; grid-template-columns:1fr .85fr; gap:64px; align-items:start; }
.included-list { grid-template-columns:1fr 1fr; gap:0; border-top:1px solid var(--line); }
.included-list li { padding:18px 16px 18px 0; border-bottom:1px solid var(--line); color:var(--navy); font-weight:700; }
.included-list li:nth-child(odd) { margin-right:20px; }
.result-card { padding:34px; color:white; background:var(--navy); border-radius:8px; }
.result-card small { color:#a9c8cf; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.result-card strong { display:block; margin:15px 0 8px; font:500 38px Georgia,serif; }
.result-card p { color:#c0d7dc; line-height:1.55; }
.result-card a { display:inline-flex; margin-top:12px; color:#6de1d5; font-weight:800; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.step { padding:0 28px; border-left:1px solid #345366; }
.step:first-child { padding-left:0; border-left:0; }
.step span { display:grid; place-items:center; width:42px; height:42px; color:var(--navy-2); background:#65ddd2; border-radius:50%; font-weight:900; }
.step h3 { margin:22px 0 10px; font-size:18px; }
.step p { margin:0; color:#adc6ce; line-height:1.55; font-size:14px; }
.prep-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.prep { padding:26px; border-top:3px solid var(--aqua); background:white; box-shadow:0 10px 35px rgba(18,54,76,.06); }
.prep b { color:var(--navy); font-size:28px; }
.prep span { display:block; margin-top:10px; color:var(--muted); line-height:1.5; }
.expert { display:grid; grid-template-columns:.85fr 1.15fr; background:#eaf6f5; border-radius:10px; overflow:hidden; }
.expert-visual { min-height:390px; display:grid; place-items:center; padding:45px; color:white; background:linear-gradient(145deg,var(--aqua-dark),var(--navy)); text-align:center; }
.expert-seal { width:210px; height:210px; display:grid; place-items:center; padding:30px; border:1px solid rgba(255,255,255,.45); border-radius:50%; box-shadow:0 0 0 18px rgba(255,255,255,.06); font:500 25px/1.2 Georgia,serif; }
.expert-copy { padding:55px; }
.expert-copy blockquote { margin:0; color:var(--navy); font:500 29px/1.35 Georgia,serif; }
.expert-copy p { color:var(--muted); line-height:1.6; }
.faq { max-width:900px; margin:0 auto; }
details { border-bottom:1px solid var(--line); }
summary { padding:23px 40px 23px 0; cursor:pointer; color:var(--navy); font-size:18px; font-weight:800; position:relative; }
summary:after { content:'+'; position:absolute; right:4px; color:var(--aqua-dark); font-size:24px; }
details[open] summary:after { content:'−'; }
details p { max-width:760px; margin:0 0 24px; color:var(--muted); line-height:1.65; }
.booking { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.booking h2 { color:white; }
.booking-facts { display:flex; gap:30px; margin-top:28px; color:#bcd2d8; font-size:14px; }
.booking-form { padding:36px; background:white; border-radius:8px; }
.booking-form h3 { margin:0 0 8px; color:var(--navy); font-size:22px; }
.booking-form p { margin:0 0 24px; color:var(--muted); font-size:14px; }
.fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.booking-form label { display:grid; gap:7px; color:var(--navy); font-size:13px; font-weight:800; }
.booking-form input { width:100%; height:48px; padding:0 14px; border:1px solid #b9cdd0; border-radius:4px; font:inherit; }
.booking-form button { width:100%; height:50px; margin-top:16px; border:0; border-radius:4px; color:white; background:var(--aqua-dark); font-weight:800; cursor:pointer; }
.consent { margin-top:12px!important; font-size:11px!important; }
.footer { padding:38px max(28px,calc((100vw - 1240px)/2)); display:flex; justify-content:space-between; gap:20px; color:#6c828b; background:#071f2e; font-size:13px; }
.sticky-mobile { display:none; }
@media(max-width:900px){.section-head,.included-grid,.expert,.booking{grid-template-columns:1fr;gap:34px}.cards-3,.steps,.prep-grid{grid-template-columns:1fr 1fr}.steps{gap:30px}.step:nth-child(3){border-left:0;padding-left:0}.compare{grid-template-columns:1fr}.compare-col.bad{border-bottom:1px solid var(--line)}}
@media(max-width:640px){.section{padding:66px 18px}.cards-3,.steps,.prep-grid,.fields{grid-template-columns:1fr}.step{border-left:0;padding:0}.included-list{grid-template-columns:1fr}.included-list li:nth-child(odd){margin-right:0}.expert-copy{padding:34px 24px}.expert-visual{min-height:300px}.booking-facts{display:grid;gap:8px}.footer{padding-bottom:92px;flex-direction:column}.sticky-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;padding:10px 14px;background:white;box-shadow:0 -8px 24px rgba(9,40,57,.12)}.sticky-mobile a{width:100%;height:50px;display:grid;place-items:center;color:white;background:var(--aqua-dark);border-radius:4px;font-weight:800}}

/* Med Code brand theme: graphite, gold and white */
:root { --navy:#1b1b1b; --navy-2:#101010; --aqua:#e4c546; --aqua-dark:#d2ad2f; --ice:#242424; --ink:#f4f4f1; --muted:#b9b9b4; --line:#393939; --paper:#141414; --warm:#1a1a1a; }
body { background:#141414; color:#f4f4f1; }
.site-header { color:white; background:#202020; border-bottom-color:#333; }
.brand img { width:184px; }
nav, .header-contact a { color:#fff; }
nav a:hover { color:#e4c546; }
.header-contact span { color:#bdbdbd; }
.hero { min-height:680px; background:radial-gradient(circle at 78% 18%,rgba(228,197,70,.12),transparent 32%),linear-gradient(135deg,#111 0%,#171717 64%,#0f0f0f 100%); }
.hero:before { border-color:rgba(228,197,70,.16); box-shadow:0 0 0 58px rgba(228,197,70,.025),0 0 0 118px rgba(228,197,70,.018); }
.eyebrow,.kicker { color:#e4c546; }
.eyebrow span { background:#e4c546; }
h1, h1 em, .section h2 { color:#fff; }
h1 em { color:#e4c546; }
.hero-question { max-width:700px; margin:28px 0 12px; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:23px; font-weight:800; line-height:1.3; }
.hero-lead { color:#deded9; }
.quick-benefits span { color:#f5f5f1; }
.quick-benefits svg { color:#151515; background:#e4c546; }
.button.primary { color:#171717; background:#e4c546; box-shadow:0 13px 26px rgba(228,197,70,.13); }
.button.primary:hover { background:#f0d45a; }
.button.secondary { color:white; border-color:#6a6040; background:rgba(255,255,255,.025); }
.microcopy { color:#aaa; }
.hero-card { color:#fff; background:linear-gradient(155deg,#272727 0%,#171717 100%); border:1px solid #4b432b; box-shadow:0 32px 80px rgba(0,0,0,.48); }
.hero-card .hero-actions { margin-top:22px; }
.hero-card .button { flex:1; min-width:0; padding-inline:16px; }
.clinic-tour { margin:26px 0 0; }
.clinic-tour video { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:#090909; border:1px solid #5a4e28; border-radius:6px; }
.clinic-tour figcaption { margin-top:12px; color:#f4f4f1; font-size:15px; font-weight:700; line-height:1.4; }
.clinic-tour figcaption span { display:block; margin-top:4px; color:#aaa; font-size:13px; font-weight:400; }
.price-label,.clock-visual span,.source-note { color:#c9c7be; }
.price { color:#e4c546; }
.price small { color:#fff; }
.clock-number,.source-note a { color:#e4c546; }
.route i { border-color:#e4c546; }
.route-line { background:#e4c546; }
.route span { color:#aaa; }
.trust-strip { grid-template-columns:1.2fr 1.2fr .6fr; background:#202020; border-color:#393939; }
.trust-strip>div { border-color:#454545; }
.trust-strip strong { color:#e4c546; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:800; }
.trust-strip span { color:#c2c2bc; line-height:1.45; }
.trust-strip a { color:#e4c546; text-decoration:underline; text-underline-offset:3px; }
.section { background:#141414; }
.section.alt { background:#1b1b1b; }
.section.dark { background:#0e0e0e; }
.section-intro { color:#bebeb8; }
.compare { background:#1e1e1e; border-color:#3c3c3c; }
.compare-col.bad { background:#191919; }
.compare-label,.compare li,.adv-card h3,.included-list li { color:#f4f4f1; }
.dot { background:#777; }
.good .dot { background:#e4c546; box-shadow:0 0 0 5px rgba(228,197,70,.12); }
.good li:before { color:#e4c546; }
.adv-card,.prep { color:#fff; background:#202020; border-color:#434343; box-shadow:0 12px 36px rgba(0,0,0,.18); }
.adv-card .num,.result-card a { color:#e4c546; }
.adv-card p,.prep span { color:#bdbdb7; }
.included-list { border-color:#393939; }
.included-list li { border-color:#393939; }
.result-card { background:#252525; border:1px solid #5a4e28; }
.result-card small,.result-card p { color:#c3c1b8; }
.step { border-color:#383838; }
.step span { color:#111; background:#e4c546; }
.room-showcase { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); gap:0; margin:58px 0 0; overflow:hidden; background:#1d1d1d; border:1px solid #4a432c; border-radius:8px; }
.room-showcase img { display:block; width:100%; height:100%; min-height:520px; max-height:680px; object-fit:cover; }
.room-showcase figcaption { display:flex; flex-direction:column; justify-content:center; padding:48px; }
.room-showcase h3 { margin:14px 0 18px; color:#fff; font-family:Georgia,'Times New Roman',serif; font-size:36px; font-weight:500; line-height:1.15; }
.room-showcase p { margin:0; color:#c6c6c0; font-size:17px; line-height:1.65; }
.prep { border-top-color:#e4c546; }
.prep b { color:#e4c546; }
.expert { background:#1d1d1d; border:1px solid #3d3d3d; }
.expert-visual { background:linear-gradient(145deg,#332d1b,#111); }
.expert-seal { color:#e9cf67; border-color:rgba(228,197,70,.55); box-shadow:0 0 0 18px rgba(228,197,70,.045); }
.expert-copy blockquote { color:#fff; }
.expert-copy p, details p { color:#bdbdb7; }
details { border-color:#3b3b3b; }
summary { color:#f4f4f1; }
summary:after { color:#e4c546; }
.booking-form { color:#fff; background:#242424; border:1px solid #4a432c; }
.booking-form h3,.booking-form label { color:#fff; }
.booking-form p { color:#bdbdb7; }
.booking-form input { color:#fff; background:#181818; border-color:#555; }
.booking-form input::placeholder { color:#888; }
.booking-form button { color:#151515; background:#e4c546; }
.footer { color:#a8a8a2; background:#080808; }
.section-head.compact { grid-template-columns:1fr; max-width:760px; }
#preparation .section-intro { display:none; }
.sticky-mobile { background:#181818; }
.sticky-mobile a { color:#151515; background:#e4c546; }
@media(max-width:900px){.trust-strip{grid-template-columns:1fr}.trust-strip>div{padding:20px 0;border-right:0;border-bottom:1px solid #454545}.trust-strip>div:last-child{border-bottom:0}}
@media(max-width:900px){.room-showcase{grid-template-columns:1fr}.room-showcase img{height:auto;min-height:0;max-height:none}.room-showcase figcaption{padding:34px 28px}}
@media(max-width:640px){.brand img{width:130px}.header-contact a:after{color:#e4c546}.hero{min-height:auto}.hero-question{margin-top:24px;font-size:20px}.clinic-tour{margin-top:22px}.clinic-tour video{border-radius:4px}.room-showcase{margin-top:42px;border-radius:4px}.room-showcase figcaption{padding:28px 22px}.room-showcase h3{font-size:29px}.room-showcase p{font-size:16px}.sticky-mobile{background:#181818}.sticky-mobile a{color:#151515;background:#e4c546}}

/* Compact vertical rhythm for phones and tablets */
@media(max-width:900px){
  .section{padding:64px 28px}
  .section-head{gap:22px;margin-bottom:34px}
}
@media(max-width:640px){
  .hero{padding:32px 18px 28px;gap:28px}
  h1{margin:14px 0 16px;font-size:42px}
  .hero-question{margin:18px 0 8px}
  .hero-lead{line-height:1.52}
  .quick-benefits{gap:10px;margin-top:20px}
  .microcopy{margin-top:12px}
  .hero-card{padding:24px 20px}
  .divider{margin:22px 0}
  .route{margin-top:24px}
  .source-note{margin-top:22px;padding-top:16px}
  .hero-actions{gap:10px;margin-top:18px}
  .clinic-tour{margin-top:18px}
  .trust-strip>div{min-height:0;padding:14px 0}
  .section{padding:44px 18px}
  .section-head{gap:14px;margin-bottom:26px}
  .section h2{font-size:34px}
  .cards-3,.steps,.prep-grid{gap:14px}
  .adv-card{min-height:0;padding:22px}
  .adv-card h3{margin:18px 0 8px}
  .compare-col{padding:26px 22px}
  .compare-label{margin-bottom:16px}
  .compare ul{gap:12px}
  .included-grid,.booking{gap:24px}
  .step h3{margin:14px 0 7px}
  .room-showcase{margin-top:28px}
  .room-showcase figcaption{padding:24px 20px}
  .prep{padding:22px}
  .expert-visual{min-height:230px;padding:30px}
  .expert-copy{padding:28px 22px}
  summary{padding-block:18px}
  .booking-form{padding:26px 22px}
}