:root {
  --ink: #111315;
  --ink-soft: #1a1d20;
  --charcoal: #24272a;
  --paper: #f4f2ed;
  --white: #fff;
  --muted: #6e7479;
  --line: rgba(17, 19, 21, .13);
  --amber: #d99a39;
  --amber-light: #efb75d;
  --green: #7da681;
  --radius: 2px;
  --container: 1240px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 118px 0; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 1000; background: var(--white); padding: 12px 18px; }
.skip-link:focus { top: 16px; }

.topbar { color: rgba(255,255,255,.72); background: #0a0b0c; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.topbar__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; }
.topbar p { margin: 0; display: flex; align-items: center; gap: 9px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #88b08d; box-shadow: 0 0 0 4px rgba(136,176,141,.1); }
.topbar__right { display: flex; gap: 14px; align-items: center; }
.topbar__right a { color: var(--amber-light); }
.topbar__separator { height: 11px; width: 1px; background: rgba(255,255,255,.18); }

.site-header { height: 78px; position: sticky; top: 0; z-index: 100; color: var(--white); background: rgba(17,19,21,.94); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.1); transition: box-shadow .25s, background .25s; }
.site-header.is-scrolled { background: rgba(12,13,14,.98); box-shadow: 0 12px 40px rgba(0,0,0,.22); }
.header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 13px; min-width: 220px; }
.brand__mark { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: var(--amber-light); }
.brand__mark svg { width: 27px; height: 27px; stroke-width: 1.25; }
.brand__text { display: flex; flex-direction: column; line-height: 1; }
.brand__text strong { font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 500; letter-spacing: .18em; }
.brand__text small { margin-top: 7px; color: rgba(255,255,255,.52); font-size: 8px; letter-spacing: .16em; }
.desktop-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 30px); margin-left: auto; }
.desktop-nav a { position: relative; color: rgba(255,255,255,.7); font-size: 12px; letter-spacing: .02em; transition: color .2s; }
.desktop-nav a::after { content:""; position: absolute; height: 1px; left: 0; right: 100%; bottom: -9px; background: var(--amber); transition: right .25s; }
.desktop-nav a:hover { color: var(--white); }
.desktop-nav a:hover::after { right: 0; }
.header__actions { display: flex; align-items: center; gap: 13px; }
.header-phone { display: flex; gap: 9px; align-items: center; }
.header-phone svg { width: 17px; }
.header-phone span { display: flex; flex-direction: column; gap: 3px; }
.header-phone small { color: rgba(255,255,255,.5); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.header-phone strong { font-size: 12px; font-weight: 600; }
.menu-toggle { width: 42px; height: 42px; display: none; background: transparent; border: 1px solid rgba(255,255,255,.2); padding: 10px; cursor: pointer; }
.menu-toggle span { display: block; height: 1px; margin: 5px 0; background: #fff; transition: transform .25s, opacity .25s; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.mobile-nav { display: none; }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 0 24px; border: 1px solid transparent; border-radius: var(--radius); font-size: 12px; font-weight: 700; letter-spacing: .045em; cursor: pointer; transition: transform .2s, background .2s, border-color .2s, color .2s; }
.button svg { width: 17px; }
.button:hover { transform: translateY(-2px); }
.button--amber { color: #17130d; background: linear-gradient(135deg, var(--amber-light), var(--amber)); box-shadow: 0 10px 30px rgba(217,154,57,.2); }
.button--amber:hover { background: linear-gradient(135deg, #f4c16c, #e0a345); }
.button--ghost { color: var(--white); background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.25); }
.button--ghost:hover { border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.09); }
.button--small { min-height: 42px; padding-inline: 18px; }
.button--full { width: 100%; }

.hero { position: relative; min-height: calc(100vh - 112px); height: 790px; max-height: 900px; color: var(--white); background: #111315; overflow: hidden; }
.hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,10,11,.96) 0%, rgba(9,10,11,.82) 31%, rgba(9,10,11,.35) 57%, rgba(9,10,11,.13) 100%), linear-gradient(0deg, rgba(9,10,11,.55) 0%, transparent 34%); }
.hero__glow { position: absolute; left: 28%; top: 8%; width: 350px; height: 350px; border-radius: 50%; background: rgba(217,154,57,.1); filter: blur(100px); }
.hero__container { height: 100%; position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) 365px; align-items: center; gap: 40px; padding-bottom: 35px; }
.hero__content { max-width: 700px; }
.eyebrow { display: flex; align-items: center; gap: 12px; color: #9a6a25; font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow span { width: 32px; height: 1px; background: currentColor; }
.eyebrow--light { color: var(--amber-light); }
.hero h1, .section-heading h2, .why h2, .appointment h2, .faq h2, .contact-map h2 { margin: 22px 0 24px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 5.6vw, 82px); line-height: .98; font-weight: 400; letter-spacing: -.035em; }
.hero h1 em, .section-heading h2 em, .why h2 em, .appointment h2 em, .faq h2 em, .contact-map h2 em { color: var(--amber-light); font-weight: 400; }
.hero__content > p { max-width: 570px; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.75; }
.hero__buttons { display: flex; gap: 12px; margin-top: 34px; }
.hero__note { display: flex; align-items: center; gap: 14px; margin-top: 36px; }
.approval-icon { width: 32px; height: 32px; display: grid; place-items: center; color: #17130d; background: var(--amber-light); border-radius: 50%; font-size: 13px; }
.hero__note > div:last-child { display: flex; flex-direction: column; gap: 3px; }
.hero__note strong { font-size: 11px; }
.hero__note span { color: rgba(255,255,255,.5); font-size: 9px; }

.hero-card { align-self: end; margin-bottom: 84px; background: rgba(18,20,22,.84); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(20px); padding: 26px; box-shadow: var(--shadow); }
.hero-card__top { display: flex; align-items: center; gap: 13px; }
.hero-card__top > div { display: flex; flex-direction: column; gap: 4px; }
.hero-card__top small { color: rgba(255,255,255,.5); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.hero-card__top strong { font: 400 19px Georgia, serif; }
.pulse-icon { position: relative; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(239,183,93,.3); border-radius: 50%; }
.pulse-icon i { width: 8px; height: 8px; background: var(--amber-light); border-radius: 50%; box-shadow: 0 0 0 7px rgba(239,183,93,.1); }
.hero-card__line { height: 1px; margin: 21px 0 12px; background: rgba(255,255,255,.12); }
.hero-card ul { list-style: none; padding: 0; margin: 0; }
.hero-card li { display: flex; gap: 15px; align-items: center; padding: 12px 0; }
.hero-card li > span { color: var(--amber-light); font: 400 12px Georgia, serif; }
.hero-card li p { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.hero-card li strong { font-size: 11px; font-weight: 600; }
.hero-card li small { color: rgba(255,255,255,.45); font-size: 9px; }
.hero-card > a { display: flex; justify-content: space-between; align-items: center; margin-top: 13px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); color: var(--amber-light); font-size: 11px; font-weight: 700; }
.hero-card > a svg { width: 16px; }
.hero-card__footnote { display: block; margin-top: 12px; color: rgba(255,255,255,.32); font-size: 7px; }
.hero__scroll { position: absolute; left: 28px; bottom: 26px; display: flex; flex-direction: column; align-items: center; gap: 12px; color: rgba(255,255,255,.45); font-size: 7px; letter-spacing: .2em; }
.hero__scroll span { width: 1px; height: 42px; background: linear-gradient(var(--amber), transparent); }

.trust-strip { background: #fff; border-bottom: 1px solid var(--line); }
.trust-strip__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-strip article { display: flex; align-items: center; gap: 15px; min-height: 104px; padding: 15px 28px; border-left: 1px solid var(--line); }
.trust-strip article:last-child { border-right: 1px solid var(--line); }
.trust-number { color: #b88a45; font: italic 18px Georgia, serif; }
.trust-strip article div { display: flex; flex-direction: column; gap: 5px; }
.trust-strip strong { font: 400 15px Georgia, serif; }
.trust-strip p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.4; }

.section-heading { margin-bottom: 55px; }
.section-heading--split { display: grid; grid-template-columns: 1.4fr .6fr; align-items: end; gap: 60px; }
.section-heading--split > p { max-width: 430px; margin: 0 0 13px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.section-heading h2, .why h2, .appointment h2, .faq h2, .contact-map h2 { font-size: clamp(40px, 4vw, 58px); line-height: 1.08; }
.section-heading--center { text-align: center; }
.section-heading--center .eyebrow { justify-content: center; }

.services { background: var(--paper); }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); background: rgba(255,255,255,.65); border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.service-card { min-height: 365px; position: relative; display: flex; flex-direction: column; padding: 36px 34px 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; transition: transform .25s, box-shadow .25s, background .25s; }
.service-card:hover { z-index: 2; transform: translateY(-5px); background: #fff; box-shadow: 0 24px 55px rgba(17,19,21,.1); }
.service-card--featured { color: #fff; background: var(--ink-soft); }
.service-card--featured:hover { background: #202326; }
.service-card__no { position: absolute; top: 26px; right: 26px; color: rgba(17,19,21,.25); font: italic 12px Georgia, serif; }
.service-card--featured .service-card__no { color: rgba(255,255,255,.28); }
.service-icon { width: 56px; height: 56px; display: grid; place-items: center; color: #a5732e; border: 1px solid rgba(165,115,46,.35); }
.service-icon svg { width: 31px; height: 31px; stroke-width: 1.2; }
.service-card h3 { margin: 25px 0 12px; font: 400 23px Georgia, serif; }
.service-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.service-card--featured p { color: rgba(255,255,255,.57); }
.service-card ul { display: flex; flex-wrap: wrap; gap: 7px 14px; list-style: none; padding: 0; margin: 17px 0 0; color: rgba(255,255,255,.67); font-size: 9px; }
.service-card li::before { content:"✓"; margin-right: 5px; color: var(--amber-light); }
.service-card > a { display: flex; justify-content: space-between; margin-top: auto; padding-top: 20px; color: #906222; border-top: 1px solid var(--line); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.service-card--featured > a { color: var(--amber-light); border-color: rgba(255,255,255,.13); }

.why { color: #fff; background: var(--ink); overflow: hidden; }
.why__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 7vw, 100px); align-items: center; }
.why__visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.why__visual::before { content:""; position: absolute; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.05); border-radius: 50%; box-shadow: 0 0 0 85px rgba(255,255,255,.018), 0 0 0 170px rgba(255,255,255,.012); }
.diagnostic-panel { position: relative; z-index: 2; width: min(100%, 490px); background: #191c1e; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 40px 80px rgba(0,0,0,.4); }
.diagnostic-panel__head { height: 48px; display: flex; align-items: center; padding: 0 17px; border-bottom: 1px solid rgba(255,255,255,.1); }
.diagnostic-panel__head span { margin-right: auto; color: rgba(255,255,255,.45); font-size: 8px; letter-spacing: .18em; }
.diagnostic-panel__head i { width: 6px; height: 6px; margin-left: 6px; border-radius: 50%; background: rgba(255,255,255,.16); }
.diagnostic-panel__head i:last-child { background: var(--amber); }
.diagnostic-panel__body { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; min-height: 300px; padding: 30px; }
.gauge { width: 155px; height: 155px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--amber) 0 92%, rgba(255,255,255,.08) 92%); }
.gauge::before { content:""; position: absolute; width: 126px; height: 126px; border-radius: 50%; background: #191c1e; }
.gauge div { z-index: 1; display: flex; flex-direction: column; text-align: center; }
.gauge strong { font: 400 32px Georgia, serif; }
.gauge small { margin-top: 4px; color: rgba(255,255,255,.38); font-size: 6px; letter-spacing: .13em; }
.diagnostic-list p { display: flex; justify-content: space-between; margin: 0; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 9px; }
.diagnostic-list span { color: rgba(255,255,255,.55); }
.diagnostic-list b { color: #87ad8c; font-size: 7px; letter-spacing: .08em; }
.diagnostic-list p:last-child b { color: var(--amber-light); }
.why__badge { position: absolute; z-index: 3; right: 0; bottom: 25px; width: 135px; height: 135px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #18130c; background: var(--amber); border-radius: 50%; box-shadow: 0 15px 40px rgba(0,0,0,.25); }
.why__badge strong { font: 400 33px Georgia, serif; }
.why__badge span { font-size: 8px; line-height: 1.4; text-transform: uppercase; }
.why__lead { max-width: 520px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.75; }
.why-list { margin: 35px 0 28px; }
.why-list article { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.11); }
.why-list article > span { color: var(--amber-light); font: italic 12px Georgia, serif; }
.why-list h3 { margin: 0 0 8px; font: 400 17px Georgia, serif; }
.why-list p { margin: 0; color: rgba(255,255,255,.48); font-size: 11px; line-height: 1.7; }
.text-link { display: inline-flex; gap: 25px; padding-bottom: 7px; color: #8b5e20; border-bottom: 1px solid currentColor; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.text-link--light { color: var(--amber-light); }

.process { background: #fff; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }
.process-grid::before { content:""; position: absolute; left: 12.5%; right: 12.5%; top: 39px; border-top: 1px dashed rgba(17,19,21,.25); }
.process-grid article { position: relative; z-index: 2; text-align: center; padding: 0 25px; }
.process-icon { width: 78px; height: 78px; display: grid; place-items: center; margin: 0 auto 24px; color: #986922; background: #fff; border: 1px solid #d8c3a1; border-radius: 50%; font: italic 16px Georgia, serif; box-shadow: 0 0 0 8px #fff; }
.process-grid h3 { margin: 0 0 11px; font: 400 19px Georgia, serif; }
.process-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }

.models { color: #fff; background: #292c2e; padding: 60px 0; }
.models__inner { display: grid; grid-template-columns: 1fr 1.4fr; align-items: center; gap: 70px; }
.models small { color: var(--amber-light); font-size: 8px; letter-spacing: .17em; }
.models h2 { margin: 10px 0 0; font: 400 27px/1.25 Georgia, serif; }
.model-tags { display: flex; flex-wrap: wrap; gap: 9px; }
.model-tags span { padding: 10px 14px; color: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.14); font-size: 9px; transition: border-color .2s, color .2s; }
.model-tags span:hover { color: var(--amber-light); border-color: rgba(239,183,93,.5); }

.testimonials { background: #eeeae2; }
.rating-summary { display: flex; align-items: center; gap: 16px; padding: 0 0 10px 25px; border-left: 1px solid var(--line); }
.rating-summary > strong { font: 400 43px Georgia, serif; }
.rating-summary div { display: flex; flex-direction: column; gap: 5px; }
.rating-summary span { color: #b47b2c; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.rating-summary small { color: var(--muted); font-size: 8px; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.testimonial-grid blockquote { margin: 0; min-height: 310px; display: flex; flex-direction: column; padding: 31px; background: rgba(255,255,255,.73); border: 1px solid rgba(17,19,21,.1); }
.quote-mark { height: 46px; color: var(--amber); font: 400 54px/1 Georgia, serif; }
.testimonial-grid blockquote > p { margin: 15px 0 28px; color: #494e52; font: 400 16px/1.65 Georgia, serif; }
.testimonial-grid footer { display: flex; gap: 12px; align-items: center; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); }
.testimonial-grid footer > span { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; background: #363a3d; border-radius: 50%; font-size: 8px; }
.testimonial-grid footer div { display: flex; flex-direction: column; gap: 4px; }
.testimonial-grid footer strong { font-size: 10px; }
.testimonial-grid footer small { color: var(--muted); font-size: 8px; }
.demo-notice { margin: 18px 0 0; color: #8a8176; font-size: 9px; text-align: center; }

.appointment { color: #fff; background: linear-gradient(135deg, #151719, #242729); }
.appointment__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px, 7vw, 100px); align-items: center; }
.appointment__copy > p { max-width: 470px; color: rgba(255,255,255,.55); font-size: 13px; line-height: 1.8; }
.appointment__contact { display: flex; flex-direction: column; gap: 12px; margin: 32px 0 22px; }
.appointment__contact a { display: flex; gap: 14px; align-items: center; }
.contact-icon { width: 40px; height: 40px; display: grid; place-items: center; color: var(--amber-light); border: 1px solid rgba(239,183,93,.28); border-radius: 50%; }
.appointment__contact a div { display: flex; flex-direction: column; gap: 5px; }
.appointment__contact small { color: rgba(255,255,255,.38); font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.appointment__contact strong { font: 400 17px Georgia, serif; }
.appointment__privacy { color: rgba(255,255,255,.3); font-size: 8px; }
.appointment-form { padding: 40px; color: var(--ink); background: #f7f5f0; box-shadow: 0 35px 80px rgba(0,0,0,.25); }
.form-heading { display: flex; align-items: start; justify-content: space-between; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.form-heading small { color: #9d6b25; font-size: 7px; letter-spacing: .18em; }
.form-heading h3 { margin: 6px 0 0; font: 400 25px Georgia, serif; }
.form-heading > span { color: #9b958d; font: italic 10px Georgia, serif; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-grid label { display: flex; flex-direction: column; gap: 8px; }
.form-grid label > span { font-size: 8px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.form-grid__full { grid-column: 1 / -1; }
input, select, textarea { width: 100%; color: var(--ink); background: #fff; border: 1px solid rgba(17,19,21,.16); border-radius: 0; outline: none; }
input, select { height: 47px; padding: 0 13px; }
textarea { resize: vertical; min-height: 80px; padding: 13px; }
input:focus, select:focus, textarea:focus { border-color: #b77c2a; box-shadow: 0 0 0 3px rgba(183,124,42,.09); }
input::placeholder, textarea::placeholder { color: #a7a29b; font-size: 10px; }
.field-error { border-color: #a64137 !important; }
.checkbox { display: flex; gap: 10px; align-items: flex-start; margin: 18px 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.checkbox input { width: 15px; height: 15px; flex: 0 0 auto; margin: 0; accent-color: var(--amber); }
.checkbox a { color: #8e5e1d; text-decoration: underline; }
.form-status { min-height: 18px; margin: 10px 0 0; color: #9a4036; font-size: 9px; text-align: center; }

.faq { background: #fff; }
.faq__grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(50px, 8vw, 110px); }
.faq__heading { position: sticky; top: 120px; align-self: start; }
.faq__heading p { max-width: 340px; margin: -4px 0 28px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.accordion__item { border-top: 1px solid var(--line); }
.accordion__item:last-child { border-bottom: 1px solid var(--line); }
.accordion__item button { width: 100%; min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0; text-align: left; background: transparent; border: 0; cursor: pointer; }
.accordion__item button span { font: 400 17px Georgia, serif; }
.accordion__item button i { position: relative; width: 24px; height: 24px; flex: 0 0 auto; }
.accordion__item button i::before, .accordion__item button i::after { content:""; position: absolute; left: 5px; right: 5px; top: 12px; height: 1px; background: #8c5f20; }
.accordion__item button i::after { transform: rotate(90deg); transition: transform .25s; }
.accordion__item.is-open button i::after { transform: rotate(0); }
.accordion__content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.accordion__content > p { overflow: hidden; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.8; }
.accordion__item.is-open .accordion__content { grid-template-rows: 1fr; }
.accordion__item.is-open .accordion__content > p { margin: -5px 50px 25px 0; }

.contact-map { position: relative; color: #fff; background: #202326; overflow: hidden; }
.contact-map__pattern { position: absolute; inset: 0; opacity: .07; background-image: linear-gradient(30deg, transparent 48%, #fff 49%, #fff 50%, transparent 51%), linear-gradient(150deg, transparent 48%, #fff 49%, #fff 50%, transparent 51%); background-size: 90px 90px; }
.contact-map__grid { min-height: 650px; position: relative; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 65px; }
.contact-map__card { padding: 80px 0; }
.contact-details { margin: 35px 0; }
.contact-details > div { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.11); }
.contact-details > div > span { color: var(--amber-light); font: italic 11px Georgia, serif; }
.contact-details p { display: flex; flex-direction: column; gap: 7px; margin: 0; }
.contact-details small { color: rgba(255,255,255,.34); font-size: 7px; letter-spacing: .15em; }
.contact-details strong, .contact-details a { color: rgba(255,255,255,.75); font: 400 14px/1.6 Georgia, serif; }
.contact-map__buttons { display: flex; gap: 10px; }
.map-placeholder { height: 520px; position: relative; overflow: hidden; background: #34383b; border: 1px solid rgba(255,255,255,.1); }
.map-placeholder::before { content:""; position: absolute; inset: 0; background: radial-gradient(circle at 55% 44%, rgba(217,154,57,.1), transparent 30%), linear-gradient(35deg, transparent 45%, rgba(255,255,255,.07) 46%, rgba(255,255,255,.07) 48%, transparent 49%); }
.map-road { position: absolute; height: 28px; background: #2c3032; border-block: 1px solid rgba(255,255,255,.06); transform: rotate(-22deg); }
.map-road--one { width: 800px; left: -100px; top: 120px; }
.map-road--two { width: 700px; left: -80px; top: 330px; transform: rotate(34deg); }
.map-road--three { width: 500px; right: -150px; top: 260px; transform: rotate(85deg); }
.map-pin { position: absolute; z-index: 3; left: 53%; top: 42%; width: 55px; height: 55px; display: grid; place-items: center; background: var(--amber); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 15px 35px rgba(0,0,0,.3); }
.map-pin span { width: 13px; height: 13px; border-radius: 50%; background: #29231b; }
.map-placeholder p { position: absolute; z-index: 4; left: 25px; bottom: 22px; margin: 0; color: rgba(255,255,255,.42); font-size: 9px; line-height: 1.6; }

.footer { color: #fff; background: #101214; padding-top: 70px; }
.footer__top { display: grid; grid-template-columns: 1.25fr .65fr .65fr .85fr; gap: 55px; padding-bottom: 55px; }
.brand--footer { margin-bottom: 20px; }
.footer__brand > p { max-width: 290px; color: rgba(255,255,255,.38); font-size: 10px; line-height: 1.7; }
.footer__column { display: flex; flex-direction: column; align-items: start; gap: 12px; }
.footer__column h3 { margin: 0 0 8px; color: rgba(255,255,255,.86); font: 400 15px Georgia, serif; }
.footer__column > a:not(.button) { color: rgba(255,255,255,.43); font-size: 9px; transition: color .2s; }
.footer__column > a:hover { color: var(--amber-light); }
.footer__phone { margin: 3px 0 8px; color: var(--amber-light) !important; font: 400 20px Georgia, serif !important; }
.footer__bottom { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.1); }
.footer__bottom p, .footer__bottom a { color: rgba(255,255,255,.3); font-size: 7px; }
.footer__bottom div { display: flex; gap: 20px; }
.trademark-note { padding: 16px 0 28px; border-top: 1px solid rgba(255,255,255,.06); }
.trademark-note p { max-width: 970px; margin: 0; color: rgba(255,255,255,.2); font-size: 7px; line-height: 1.6; }
.mobile-dock { display: none; }
.back-to-top { position: fixed; z-index: 80; right: 20px; bottom: 20px; width: 40px; height: 40px; color: #17130d; background: var(--amber); border: 0; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .2s, transform .2s; cursor: pointer; }
.back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .75s ease, transform .75s ease; }
.reveal--delay { transition-delay: .18s; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1120px) {
  .desktop-nav, .header-phone { display: none; }
  .menu-toggle { display: block; }
  .mobile-nav { position: fixed; z-index: 99; inset: 112px 0 0; display: flex; flex-direction: column; gap: 0; padding: 25px 24px 40px; background: #121416; opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .25s, visibility .25s, transform .25s; }
  .mobile-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .mobile-nav > a:not(.button) { padding: 17px 0; color: rgba(255,255,255,.75); border-bottom: 1px solid rgba(255,255,255,.1); font: 400 21px Georgia, serif; }
  .mobile-nav .button { margin-top: 24px; }
  .hero__container { grid-template-columns: 1fr 330px; }
  .hero-card { margin-bottom: 50px; }
  .trust-strip article { padding-inline: 18px; }
}

@media (max-width: 900px) {
  .section { padding: 88px 0; }
  .hero { min-height: 760px; height: auto; }
  .hero__image { object-position: 63% center; }
  .hero__overlay { background: linear-gradient(90deg, rgba(9,10,11,.95), rgba(9,10,11,.67) 70%, rgba(9,10,11,.25)), linear-gradient(0deg, rgba(9,10,11,.75), transparent 50%); }
  .hero__container { min-height: 760px; grid-template-columns: 1fr; padding-top: 75px; padding-bottom: 75px; }
  .hero-card { display: none; }
  .hero__content { max-width: 630px; }
  .trust-strip__grid { grid-template-columns: repeat(2, 1fr); }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .why__grid, .appointment__grid, .faq__grid, .contact-map__grid { grid-template-columns: 1fr; }
  .why__visual { min-height: 450px; order: 2; }
  .process-grid { grid-template-columns: repeat(2, 1fr); row-gap: 55px; }
  .process-grid::before { display: none; }
  .models__inner { grid-template-columns: 1fr; gap: 30px; }
  .testimonial-grid { grid-template-columns: 1fr; }
  .testimonial-grid blockquote { min-height: 260px; }
  .faq__heading { position: static; }
  .contact-map__grid { gap: 0; padding-bottom: 70px; }
  .contact-map__card { padding-bottom: 35px; }
  .footer__top { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer__cta { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  html { scroll-padding-top: 72px; }
  body { padding-bottom: 66px; }
  .container { width: min(calc(100% - 30px), var(--container)); }
  .topbar { display: none; }
  .site-header { height: 72px; }
  .brand { min-width: 0; gap: 9px; }
  .brand__mark { width: 36px; height: 36px; }
  .brand__mark svg { width: 23px; height: 23px; }
  .brand__text strong { font-size: 15px; }
  .brand__text small { font-size: 6px; }
  .header__actions .button { display: none; }
  .mobile-nav { inset: 72px 0 66px; }
  .section { padding: 72px 0; }
  .hero { min-height: 700px; }
  .hero__image { object-position: 67% center; }
  .hero__overlay { background: linear-gradient(90deg, rgba(9,10,11,.95), rgba(9,10,11,.54)), linear-gradient(0deg, rgba(9,10,11,.9), transparent 65%); }
  .hero__container { min-height: 700px; padding-top: 50px; align-items: end; padding-bottom: 72px; }
  .hero h1 { font-size: clamp(45px, 14vw, 62px); }
  .hero__content > p { max-width: 92%; font-size: 13px; line-height: 1.65; }
  .hero__buttons { flex-direction: column; align-items: stretch; max-width: 360px; }
  .hero__note { margin-top: 25px; }
  .hero__scroll { display: none; }
  .trust-strip__grid { grid-template-columns: 1fr; }
  .trust-strip article { min-height: 84px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .section-heading--split { grid-template-columns: 1fr; gap: 5px; }
  .section-heading h2, .why h2, .appointment h2, .faq h2, .contact-map h2 { font-size: 39px; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 335px; }
  .why__visual { min-height: 360px; }
  .diagnostic-panel__body { grid-template-columns: 1fr; gap: 25px; }
  .gauge { width: 125px; height: 125px; margin: auto; }
  .gauge::before { width: 102px; height: 102px; }
  .diagnostic-panel { width: calc(100% - 24px); }
  .why__badge { width: 105px; height: 105px; right: -5px; bottom: 0; }
  .why__badge strong { font-size: 26px; }
  .process-grid { grid-template-columns: 1fr; }
  .models { padding: 50px 0; }
  .rating-summary { padding-left: 0; border-left: 0; }
  .appointment-form { padding: 27px 20px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid__full { grid-column: auto; }
  .appointment__contact { align-items: flex-start; }
  .accordion__item button { min-height: 76px; }
  .accordion__item button span { font-size: 15px; }
  .contact-map__buttons { flex-direction: column; }
  .map-placeholder { height: 390px; }
  .footer__top { grid-template-columns: 1fr 1fr; gap: 38px 25px; }
  .footer__brand, .footer__cta { grid-column: 1 / -1; }
  .footer__bottom { flex-direction: column; align-items: flex-start; justify-content: center; padding: 20px 0; }
  .footer__bottom div { flex-wrap: wrap; gap: 10px 18px; }
  .mobile-dock { position: fixed; z-index: 95; left: 0; right: 0; bottom: 0; height: 66px; display: grid; grid-template-columns: repeat(3,1fr); color: #fff; background: rgba(15,17,18,.98); border-top: 1px solid rgba(255,255,255,.13); backdrop-filter: blur(14px); }
  .mobile-dock a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: rgba(255,255,255,.66); border-right: 1px solid rgba(255,255,255,.08); font-size: 8px; }
  .mobile-dock a:last-child { color: #1a140c; background: var(--amber); font-weight: 800; }
  .mobile-dock span { font-size: 16px; }
  .back-to-top { bottom: 82px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* =========================================================
   AYDINLIK MAVİ YENİ TASARIM + HERO SLIDER
   ========================================================= */
:root {
  --ink: #0d1b2e;
  --ink-soft: #102a50;
  --charcoal: #17345e;
  --paper: #f5f7fb;
  --muted: #657287;
  --line: rgba(13, 27, 46, .12);
  --amber: #0758c9;
  --amber-light: #1680ef;
  --shadow: 0 22px 60px rgba(23, 52, 94, .15);
}

body { background: #fff; }
.topbar { color: #52647c; background: #f1f5fa; border-bottom: 1px solid #e2e9f3; }
.topbar__right a { color: #0758c9; font-weight: 700; }
.topbar__separator { background: #cdd8e6; }
.status-dot { background: #16a361; box-shadow: 0 0 0 4px rgba(22,163,97,.11); }

.site-header { color: var(--ink); background: rgba(255,255,255,.97); border-bottom: 1px solid #e2e8f0; backdrop-filter: blur(18px); }
.site-header.is-scrolled { background: rgba(255,255,255,.98); box-shadow: 0 12px 35px rgba(23,52,94,.1); }
.brand__mark { color: #0758c9; border-color: rgba(7,88,201,.25); background: #f2f7ff; }
.brand__text strong { color: #0b2d5c; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-weight: 850; }
.brand__text small { color: #6d7b8f; font-weight: 700; }
.desktop-nav a { color: #364963; font-weight: 600; }
.desktop-nav a::after { background: #0758c9; }
.desktop-nav a:hover { color: #0758c9; }
.header-phone svg { color: #0758c9; }
.header-phone small { color: #8290a2; }
.header-phone strong { color: #17345e; }
.menu-toggle { border-color: #ccd8e8; }
.menu-toggle span { background: #0b2d5c; }

.button { border-radius: 3px; }
.button--amber { color: #fff; background: linear-gradient(135deg, #1680ef, #0758c9); box-shadow: 0 10px 28px rgba(7,88,201,.22); }
.button--amber:hover { color: #fff; background: linear-gradient(135deg, #2991fa, #064daf); }
.button--outline-dark { color: #17345e; background: rgba(255,255,255,.68); border-color: rgba(23,52,94,.28); }
.button--outline-dark:hover { color: #0758c9; background: #fff; border-color: #0758c9; }

.hero-slider { min-height: 650px; height: min(74vh, 720px); max-height: 720px; color: var(--ink); background: #edf3f9; overflow: hidden; }
.hero-slider__track { position: absolute; inset: 0; }
.hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: scale(1.015); transition: opacity .65s ease, visibility .65s ease, transform 1.2s ease; }
.hero-slide.is-active { z-index: 2; opacity: 1; visibility: visible; transform: scale(1); }
.hero-slide__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-slide__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.96) 25%, rgba(255,255,255,.78) 43%, rgba(255,255,255,.16) 63%, rgba(255,255,255,0) 100%); }
.hero-slide__inner { position: relative; z-index: 3; height: 100%; display: flex; align-items: center; }
.hero-slide__content { width: min(590px, 49%); padding-bottom: 25px; opacity: 0; transform: translateY(18px); transition: opacity .55s .18s ease, transform .55s .18s ease; }
.hero-slide.is-active .hero-slide__content { opacity: 1; transform: translateY(0); }
.hero-slide .eyebrow { color: #0758c9; }
.hero-slide__kicker { margin: 18px 0 0; color: #718098; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.hero-slide h1, .hero-slide h2 { margin: 17px 0 23px; color: #0b213e; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-size: clamp(45px, 4.4vw, 68px); line-height: 1.03; font-weight: 850; letter-spacing: -.045em; }
.hero-slide h1 em, .hero-slide h2 em { color: #0758c9; font-style: normal; font-weight: 850; }
.hero-slide__lead { max-width: 540px; margin: 0; color: #536277; font-size: 15px; line-height: 1.75; }
.hero-slider .hero__buttons { margin-top: 30px; }
.hero-slider__controls { position: absolute; z-index: 5; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 20px; pointer-events: none; }
.hero-slider__arrows { display: flex; gap: 7px; pointer-events: auto; }
.hero-slider__arrows button { width: 42px; height: 42px; color: #fff; background: #0758c9; border: 0; cursor: pointer; transition: background .2s, transform .2s; }
.hero-slider__arrows button:hover { background: #0b2d5c; transform: translateY(-2px); }
.hero-slider__dots { display: flex; gap: 7px; pointer-events: auto; }
.hero-slider__dots button { width: 24px; height: 3px; padding: 0; background: rgba(11,45,92,.25); border: 0; cursor: pointer; transition: width .25s, background .25s; }
.hero-slider__dots button.is-active { width: 48px; background: #0758c9; }
.hero-slider__controls > p { display: flex; align-items: baseline; gap: 5px; margin: 0 0 0 auto; color: #738096; }
.hero-slider__controls > p strong { color: #0758c9; font-size: 16px; }
.hero-slider__controls > p span { font-size: 9px; }

/* Slider kenar payını ekranla birlikte akışkan tut; geniş monitörde solda boş alan bırakma. */
@media (min-width: 641px) {
  .hero-slide__inner,
  .hero-slider__controls {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: clamp(24px, 4vw, 72px);
  }
}

.trust-strip { position: relative; z-index: 10; margin-top: -1px; background: #fff; }
.trust-strip__grid { background: #fff; box-shadow: 0 15px 45px rgba(23,52,94,.09); }
.trust-strip article { border-color: #e1e8f1; }
.trust-number { color: #0758c9; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-style: normal; font-weight: 850; }
.trust-strip strong { color: #102a50; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-weight: 800; }

.eyebrow { color: #0758c9; }
.eyebrow--light { color: #66b4ff; }
.section-heading h2, .why h2, .appointment h2, .faq h2, .contact-map h2 { font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-weight: 800; letter-spacing: -.035em; }
.section-heading h2 em, .why h2 em, .appointment h2 em, .faq h2 em, .contact-map h2 em { color: #0758c9; font-style: normal; font-weight: 800; }

.services { background: #f6f8fc; }
.service-grid { gap: 16px; background: transparent; border: 0; }
.service-card { min-height: 350px; background: #fff; border: 1px solid #dfe7f1; box-shadow: 0 8px 24px rgba(23,52,94,.04); }
.service-card::before { content:""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: #0758c9; transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.service-card:hover::before { transform: scaleX(1); }
.service-card--featured { color: #fff; background: linear-gradient(145deg, #0b65d8, #06469e); border-color: #0758c9; }
.service-card--featured:hover { background: linear-gradient(145deg, #1476ee, #0758c9); }
.service-card__no { color: rgba(7,88,201,.28); font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-style: normal; font-weight: 800; }
.service-icon { color: #0758c9; background: #edf5ff; border-color: #c9dfff; }
.service-card--featured .service-icon { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.3); }
.service-card h3 { color: #102a50; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-weight: 800; }
.service-card--featured h3 { color: #fff; }
.service-card > a { color: #0758c9; }
.service-card--featured > a, .service-card li::before { color: #8dceff; }

.why { background: linear-gradient(135deg, #071b38, #0a3975); }
.why h2 em { color: #59acff; }
.diagnostic-panel { background: #fff; border-color: rgba(255,255,255,.3); box-shadow: 0 35px 80px rgba(0,0,0,.3); }
.diagnostic-panel__head { background: #edf5ff; border-color: #d9e8fa; }
.diagnostic-panel__head span { color: #58708e; }
.diagnostic-panel__head i { background: #b8cbe1; }
.diagnostic-panel__head i:last-child { background: #0758c9; }
.diagnostic-panel__body { color: #102a50; }
.gauge { background: conic-gradient(#1680ef 0 92%, #e3edf8 92%); }
.gauge::before { background: #fff; }
.gauge small { color: #718098; }
.diagnostic-list p { border-color: #e3eaf2; }
.diagnostic-list span { color: #53657a; }
.diagnostic-list b { color: #168b55; }
.diagnostic-list p:last-child b { color: #0758c9; }
.why__badge { color: #fff; background: #1680ef; }
.text-link { color: #0758c9; }
.text-link--light { color: #6ab7ff; }

.process-icon { color: #0758c9; border-color: #bfd8f8; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-style: normal; font-weight: 850; }
.process-grid h3 { color: #102a50; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-weight: 800; }
.models { background: #0758c9; }
.models small { color: #badeff; }
.models h2 { font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-weight: 800; }
.model-tags span:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,.08); }
.testimonials { background: #f4f7fb; }
.rating-summary span, .quote-mark { color: #0758c9; }
.testimonial-grid blockquote { background: #fff; border-color: #dfe7f1; box-shadow: 0 10px 30px rgba(23,52,94,.05); }
.google-reviews-source { margin: 24px 0 0; text-align: right; color: #0758c9; font-size: 12px; font-weight: 750; }
.google-review-card footer a { color: #102a50; font-size: 10px; font-weight: 800; }

.appointment { background: linear-gradient(135deg, #0758c9, #0a3975); }
.appointment h2 em { color: #9cd1ff; }
.contact-icon { color: #9cd1ff; border-color: rgba(156,209,255,.4); }
.appointment-form { background: #fff; }
.form-heading small, .checkbox a { color: #0758c9; }
input:focus, select:focus, textarea:focus { border-color: #0758c9; box-shadow: 0 0 0 3px rgba(7,88,201,.09); }

.contact-map { color: var(--ink); background: #eef4fb; }
.contact-map__pattern { opacity: .035; filter: invert(1); }
.contact-map .eyebrow--light { color: #0758c9; }
.contact-map h2 em { color: #0758c9; }
.contact-details > div { border-color: rgba(13,27,46,.12); }
.contact-details > div > span { color: #0758c9; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-style: normal; font-weight: 800; }
.contact-details small { color: #728096; }
.contact-details strong, .contact-details a { color: #213b5f; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-weight: 700; }
.contact-map .button--ghost { color: #0758c9; background: #fff; border-color: #bdd4ef; }
.map-placeholder { background: #dce9f7; border-color: #cad9e9; }
.map-placeholder p { color: #53657a; }
.map-pin { background: #0758c9; }
.map-pin span { background: #fff; }
.map-road { background: #cddcec; border-color: rgba(255,255,255,.7); }

.footer { background: #071b38; }
.brand--footer .brand__mark { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); }
.brand--footer .brand__text strong { color: #fff; }
.brand--footer .brand__text small { color: rgba(255,255,255,.45); }
.footer__phone { color: #62b2ff !important; }
.mobile-dock a:last-child, .back-to-top { color: #fff; background: #0758c9; }

@media (max-width: 1120px) {
  .mobile-nav { color: var(--ink); background: #fff; box-shadow: 0 24px 50px rgba(23,52,94,.12); }
  .mobile-nav > a:not(.button) { color: #29415f; border-color: #e2e9f2; }
}

@media (max-width: 900px) {
  .hero-slider { min-height: 650px; height: 650px; }
  .hero-slide__image { object-position: 62% center; }
  .hero-slide__shade { background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.83) 58%, rgba(255,255,255,.28)); }
  .hero-slide__content { width: min(610px, 72%); }
  .hero-slider__controls { bottom: 18px; }
}

@media (max-width: 640px) {
  .hero-slider { min-height: 700px; height: 700px; }
  .hero-slide__image { object-position: 68% center; }
  .hero-slide__shade { background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.88) 72%, rgba(255,255,255,.42)), linear-gradient(0deg, rgba(255,255,255,.98), transparent 58%); }
  .hero-slide__inner { align-items: flex-end; padding-bottom: 100px; }
  .hero-slide__content { width: 100%; padding-bottom: 0; }
  .hero-slide h1, .hero-slide h2 { font-size: clamp(38px, 11.5vw, 50px); }
  .hero-slide__lead { max-width: 94%; font-size: 12px; line-height: 1.65; }
  .hero-slider .hero__buttons { max-width: 340px; }
  .hero-slider__controls { bottom: 25px; }
  .hero-slider__arrows button { width: 38px; height: 38px; }
  .hero-slider__controls > p { display: none; }
  .trust-strip { margin-top: 0; }
}

/* Model kataloğu */
.models-catalog { padding: 110px 0; color: var(--ink); background: #f4f7fb; }
.models-catalog .section-heading { margin-bottom: 42px; }
.models-catalog .section-heading small { color: inherit; }
.model-categories { display: grid; grid-template-columns: 1.4fr .78fr .95fr; gap: 16px; align-items: stretch; }
.model-category { position: relative; overflow: hidden; background: #fff; border: 1px solid #dbe5f0; box-shadow: 0 12px 32px rgba(23,52,94,.055); }
.model-category::before { content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #0758c9; }
.model-category header { min-height: 96px; display: flex; align-items: center; gap: 17px; padding: 22px 25px; color: #fff; background: linear-gradient(135deg, #0b65d8, #0751b8); }
.model-category header > span { width: 43px; height: 43px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; font-size: 11px; font-weight: 850; }
.model-category header div { display: flex; flex-direction: column; gap: 6px; }
.model-category header small { color: rgba(255,255,255,.62); font-size: 7px; font-weight: 800; letter-spacing: .13em; }
.model-category header h3 { margin: 0; font-size: 20px; line-height: 1.1; }
.model-chip-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; padding: 18px; }
.model-chip { min-height: 58px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; padding: 11px 13px; color: #17345e; text-align: left; background: #f7f9fc; border: 1px solid #e1e8f1; cursor: pointer; transition: color .2s, border-color .2s, background .2s, transform .2s, box-shadow .2s; }
.model-chip::after { content:"→"; position: absolute; opacity: 0; }
.model-chip:hover, .model-chip:focus-visible { color: #0758c9; background: #edf5ff; border-color: #a9caf2; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(7,88,201,.08); outline: none; }
.model-chip.is-selected { color: #fff; background: #0758c9; border-color: #0758c9; box-shadow: 0 8px 22px rgba(7,88,201,.2); }
.model-chip.is-selected small { color: rgba(255,255,255,.72); }
.model-chip strong { font-size: 11px; font-weight: 800; }
.model-chip small { color: #7b899b; font-size: 7px; line-height: 1.45; letter-spacing: 0; }
.model-chip--wide { grid-column: span 2; }
.model-seo-note { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 18px; margin-top: 18px; padding: 23px 27px; background: #fff; border: 1px solid #dbe5f0; border-left: 4px solid #0758c9; }
.model-seo-note__icon { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: #0758c9; border-radius: 50%; font-family: Georgia, serif; font-style: italic; }
.model-seo-note strong { color: #102a50; font-size: 12px; }
.model-seo-note p { margin: 6px 0 0; color: #69788c; font-size: 9px; line-height: 1.65; }
.model-seo-note a { display: inline-flex; align-items: center; gap: 15px; padding: 12px 16px; color: #0758c9; border: 1px solid #b9d2f0; font-size: 9px; font-weight: 800; white-space: nowrap; text-transform: uppercase; letter-spacing: .06em; }
.model-seo-note a:hover { color: #fff; background: #0758c9; }
.model-selection-status { min-height: 18px; margin: 12px 0 0; color: #0758c9; font-size: 9px; font-weight: 700; text-align: center; }

@media (max-width: 1050px) {
  .model-categories { grid-template-columns: 1fr 1fr; }
  .model-category:first-child { grid-column: 1 / -1; }
  .model-category:first-child .model-chip-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .model-category:first-child .model-chip--wide { grid-column: span 2; }
}

@media (max-width: 700px) {
  .models-catalog { padding: 74px 0; }
  .model-categories { grid-template-columns: 1fr; }
  .model-category:first-child { grid-column: auto; }
  .model-category:first-child .model-chip-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .model-category:first-child .model-chip--wide { grid-column: span 2; }
  .model-seo-note { grid-template-columns: 38px 1fr; padding: 20px; }
  .model-seo-note a { grid-column: 1 / -1; justify-content: center; }
}

/* Sekmeli Volkswagen model seçici */
.models-catalog .section-heading { margin-bottom: 44px; }
.model-categories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; overflow: hidden; background: #fff; border: 1px solid #dbe5f0; border-radius: 22px; box-shadow: 0 18px 45px rgba(23,52,94,.08); }
.model-category, .model-category:first-child { display: contents; }
.model-category::before { display: none; }
.model-category header { grid-row: 1; min-height: 108px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 18px 30px; color: #355071; background: #edf3fa; border: 0; cursor: pointer; transition: color .2s, background .2s, box-shadow .2s; }
.model-category header:focus-visible { position: relative; z-index: 2; outline: 3px solid #83b9f5; outline-offset: -3px; }
.model-category header > span { width: 43px; height: 43px; color: #0758c9; background: #fff; border: 1px solid #c9daf0; border-radius: 12px; }
.model-category header div { gap: 5px; }
.model-category header h3 { font-size: 13px; }
.model-category header small { order: 2; color: #8b9db1; font-size: 8px; letter-spacing: .16em; }
.model-category.is-active header { margin: 10px; min-height: 88px; color: #fff; background: linear-gradient(135deg,#1375e8,#0758c9); border-radius: 14px; box-shadow: 0 12px 28px rgba(7,88,201,.25); }
.model-category.is-active header > span { color: #0758c9; border-color: #fff; }
.model-category.is-active header small { color: rgba(255,255,255,.72); }
.model-category .model-chip-grid, .model-category:first-child .model-chip-grid { display: none; grid-row: 2; grid-column: 1 / -1; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 10px; padding: 26px; border-top: 1px solid #dbe5f0; }
.model-category.is-active .model-chip-grid { display: grid; }
.model-chip, .model-chip--wide, .model-category:first-child .model-chip--wide { position: relative; grid-column: span 1; min-height: 76px; padding: 15px 42px 15px 16px; border-radius: 13px; }
.model-chip::after { content:"→"; right: 15px; top: 50%; opacity: 1; color: #8ea5bf; font-size: 18px; transform: translateY(-50%); }
.model-chip:hover::after, .model-chip.is-selected::after { color: currentColor; }
.model-chip strong { font-size: 11px; }
.model-chip small { font-size: 7px; }
.model-seo-note { margin-top: 16px; border-radius: 16px; }

@media (max-width: 1100px) {
  .model-category .model-chip-grid, .model-category:first-child .model-chip-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .models-catalog .section-heading { margin-bottom: 28px; }
  .model-categories { grid-template-columns: 1fr; border-radius: 16px; }
  .model-category { display: block; }
  .model-category header { grid-row: auto; justify-content: flex-start; min-height: 76px; padding: 14px 18px; border-bottom: 1px solid #dbe5f0; }
  .model-category.is-active header { min-height: 70px; margin: 7px; }
  .model-category .model-chip-grid, .model-category:first-child .model-chip-grid { grid-row: auto; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 14px; }
  .model-chip, .model-chip--wide, .model-category:first-child .model-chip--wide { grid-column: span 1; min-height: 68px; }
  .model-seo-note { border-radius: 13px; }
}

/* BEHA son görsel, okunabilirlik ve responsive düzenlemeleri */
.brand__logo { width: 112px; height: 40px; flex: 0 0 auto; object-fit: contain; object-position: left center; }
.brand__text small { margin-top: 4px; white-space: nowrap; }
.brand--footer .brand__logo { width: 128px; height: 48px; filter: drop-shadow(0 5px 12px rgba(0,0,0,.18)); }
.topbar__right a { transition: color .2s; }
.topbar__right a:hover, .footer__instagram:hover, .footer__credit a:hover { color: #3a92f4; }
.trust-strip article p { font-size: 12px; line-height: 1.55; }
.section-heading--split > p, .why__lead { font-size: 16px; line-height: 1.8; }
.service-card > p { font-size: 14px; line-height: 1.75; }
.service-card li { font-size: 12px; line-height: 1.55; }
.service-icon { width: 74px; height: 74px; overflow: hidden; border-radius: 14px; }
.service-icon img { width: 68px; height: 68px; object-fit: contain; }
.why-list p, .process-grid p, .testimonial-grid p, .faq__heading > p, .accordion__content p { font-size: 13px; line-height: 1.75; }
.rating-art { width: min(430px, 100%); max-height: 142px; margin-left: auto; object-fit: contain; object-position: right center; }
.appointment__copy > p { font-size: 15px; line-height: 1.8; }
.appointment__privacy { font-size: 10px; }
.contact-details small { font-size: 9px; }
.contact-details strong, .contact-details a { font-size: 13px; line-height: 1.7; }
.plus-code { display: block; margin-top: 7px; color: #66809f !important; font-size: 10px !important; font-weight: 600; letter-spacing: 0; text-transform: none; }
.footer__brand > p, .footer__column > a:not(.button), .footer__hours, .footer__instagram { font-size: 11px; line-height: 1.7; }
.footer__instagram { color: #62b2ff; font-weight: 700; }
.footer__bottom p, .footer__bottom a, .trademark-note p { font-size: 9px; line-height: 1.65; }
.footer__credit { margin-left: 8px; }
.footer__credit a { color: rgba(255,255,255,.7); font-weight: 700; }
.appointment { padding: 105px 0; background: linear-gradient(125deg, #0869d9 0%, #0756b8 43%, #0a3975 100%); }
.appointment__grid { grid-template-columns: minmax(300px,.78fr) minmax(560px,1.22fr); gap: clamp(45px,7vw,95px); }
.appointment-form { padding: 43px 46px 48px; border-radius: 18px; box-shadow: 0 30px 75px rgba(0,23,62,.3); }
.form-heading h3 { font-family: Georgia, "Times New Roman", serif; font-size: 27px; }
.form-grid { gap: 18px 16px; }
.form-grid label > span { font-size: 9px; }
.form-grid input, .form-grid select, .form-grid textarea { min-height: 48px; padding: 13px 14px; font-size: 13px; border-radius: 10px; }
.form-grid textarea { min-height: 80px; }
.checkbox { font-size: 10px; }
.appointment-form .button--full { min-height: 52px; color: #fff; background: linear-gradient(90deg,#1680ef,#0758c9); border-radius: 9px; box-shadow: 0 12px 25px rgba(7,88,201,.2); }
.appointment-form .button--full:hover { background: linear-gradient(90deg,#2490ff,#0758c9); }
.map-placeholder { text-decoration: none; box-shadow: 0 18px 45px rgba(7,88,201,.12); }
.map-placeholder iframe { display:block; width:100%; height:100%; border:0; }

@media (max-width: 1120px) {
  .mobile-nav { top: 112px; bottom: 0; left: 0; right: 0; max-height: calc(100dvh - 112px); overflow-y: auto; overscroll-behavior: contain; pointer-events: none; }
  .mobile-nav.is-open { pointer-events: auto; }
  .mobile-nav > a:not(.button) { min-height: 58px; display: flex; align-items: center; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-size: 18px; font-weight: 750; }
  .appointment__grid { grid-template-columns: 1fr; }
  .appointment__copy { max-width: 680px; }
}

@media (max-width: 900px) {
  .section-heading--split > p, .why__lead { font-size: 15px; }
  .rating-art { width: min(400px,100%); margin: 8px 0 0; object-position: left center; }
  .appointment { padding: 82px 0; }
  .appointment-form { width: 100%; }
}

@media (max-width: 640px) {
  body { font-size: 16px; }
  .site-header .brand { max-width: calc(100% - 58px); }
  .brand__logo { width: 94px; height: 34px; }
  .brand__text small { font-size: 6px; letter-spacing: .12em; }
  .mobile-nav { top: 72px; bottom: 66px; max-height: calc(100dvh - 138px); padding: 12px 20px 26px; }
  .mobile-nav > a:not(.button) { min-height: 56px; padding: 12px 2px; font-size: 17px; }
  .mobile-nav .button { min-height: 52px; margin-top: 18px; }
  .service-card { min-height: auto; padding: 27px 24px; }
  .service-card > p { font-size: 14px; }
  .service-icon { width: 68px; height: 68px; }
  .service-icon img { width: 62px; height: 62px; }
  .why-list p, .process-grid p, .testimonial-grid p, .accordion__content p { font-size: 13px; }
  .rating-art { max-height: 110px; }
  .appointment { padding: 72px 0; }
  .appointment__grid { gap: 36px; }
  .appointment-form { padding: 27px 18px 30px; border-radius: 14px; }
  .form-heading h3 { font-size: 24px; }
  .form-grid input, .form-grid select, .form-grid textarea { min-height: 51px; font-size: 16px; }
  .form-grid label > span { font-size: 10px; }
  .checkbox { font-size: 11px; line-height: 1.6; }
  .contact-details strong, .contact-details a { font-size: 14px; }
  .map-placeholder { height: 320px; }
  .footer__bottom p, .footer__bottom a, .trademark-note p { font-size: 10px; }
  .footer__credit { display: block; margin: 6px 0 0; }
}

/* Açık header/footer ve hizmet açılır menüsü */
.topbar { display: none; }
.nav-dropdown { position: relative; display: flex; align-items: center; align-self: stretch; }
.nav-dropdown__trigger { display: flex; align-items: center; gap: 7px; }
.nav-dropdown__trigger span { color: #0758c9; font-size: 14px; transition: transform .2s; }
.nav-dropdown__menu { position: absolute; z-index: 120; left: -24px; top: calc(100% - 8px); width: 255px; display: grid; padding: 13px; background: #fff; border: 1px solid #dfe7f1; border-radius: 10px; box-shadow: 0 22px 55px rgba(16,42,80,.16); opacity: 0; visibility: hidden; transform: translateY(9px); transition: opacity .2s, visibility .2s, transform .2s; }
.nav-dropdown__menu a { padding: 12px 13px; border-radius: 7px; font-size: 12px; }
.nav-dropdown__menu a::after { display: none; }
.nav-dropdown__menu a:hover { color: #0758c9; background: #f0f6fe; }
.nav-dropdown:hover .nav-dropdown__menu, .nav-dropdown:focus-within .nav-dropdown__menu { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-dropdown:hover .nav-dropdown__trigger span, .nav-dropdown:focus-within .nav-dropdown__trigger span { transform: rotate(180deg); }
.mobile-services-toggle, .mobile-services-menu { display: none; }

.footer { color: #102a50; background: #f3f7fc; border-top: 1px solid #dce6f2; }
.brand--footer .brand__text small { color: #6d7b8f; }
.footer__brand > p { color: #5d718a; }
.footer__column h3 { color: #0d274a; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: 800; }
.footer__column > a:not(.button) { color: #5d718a; }
.footer__column > a:hover, .footer__instagram:hover { color: #0758c9; }
.footer__instagram { color: #0758c9; }
.footer__phone { color: #0758c9 !important; font-family: Inter, Avenir, "Segoe UI", Arial, sans-serif !important; font-weight: 850 !important; }
.footer__hours { color: #718198; }
.footer__bottom { border-top-color: #d4dfec; }
.footer__bottom p, .footer__bottom a { color: #72839a; }
.footer__credit a { color: #e5352f; }
.trademark-note { border-top-color: #d4dfec; }
.trademark-note p { color: #8a99ad; }

@media (max-width: 1120px) {
  .mobile-nav { top: 78px; max-height: calc(100dvh - 78px); }
  .mobile-services-toggle { width: 100%; min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 12px 2px; color: #29415f; background: none; border: 0; border-bottom: 1px solid #e2e9f2; font-size: 18px; font-weight: 750; text-align: left; cursor: pointer; }
  .mobile-services-toggle span { color: #0758c9; transition: transform .2s; }
  .mobile-services-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
  .mobile-services-menu { display: none; padding: 6px 0 10px 14px; background: #f5f8fc; border-bottom: 1px solid #e2e9f2; }
  .mobile-services-menu.is-open { display: grid; }
  .mobile-services-menu a { min-height: 43px; display: flex; align-items: center; padding: 8px 12px; color: #526982; font-size: 14px; font-weight: 650; border-left: 2px solid #c9dcf5; }
}

@media (max-width: 640px) {
  .mobile-nav { top: 72px; bottom: 66px; max-height: calc(100dvh - 138px); }
  .footer { padding-top: 52px; }
  .footer__top { grid-template-columns: 1fr; gap: 32px; }
  .footer__brand, .footer__cta { grid-column: auto; }
  .footer__column { gap: 10px; }
  .footer__column > a:not(.button), .footer__brand > p, .footer__hours, .footer__instagram { font-size: 13px; }
}

/* Son mobil düzenlemeler */
.hours-list { display: flex !important; flex-direction: column; gap: 4px; }
.footer-address, .contact-details a { color: inherit; text-decoration: none; }
.footer-address:hover, .contact-details a:hover { color: #0758c9; }
.why__badge { overflow: visible; color: transparent; background: transparent; box-shadow: none; }
.why__badge img { width: 100%; height: 100%; display: block; object-fit: contain; }

@media (max-width: 1120px) {
  .site-header { z-index: 1000; }
  .mobile-nav { position: fixed !important; z-index: 999; top: 78px !important; right: 0; bottom: 0; left: 0; width: 100vw; height: calc(100dvh - 78px); max-height: none !important; overflow-y: auto; background: #fff !important; }
  .mobile-dock { z-index: 1001; }
}

@media (max-width: 640px) {
  .mobile-nav { top: 72px !important; bottom: 66px; height: calc(100dvh - 138px); }
  .services .section-heading h2, .models-catalog .section-heading h2, .testimonials .section-heading h2 { word-break: normal; overflow-wrap: normal; hyphens: none; }
  .service-card ul { display: grid; grid-template-columns: 1fr; gap: 9px; }
  .service-card > a { margin-top: 22px; }
  .models-catalog { padding: 62px 0 38px; }
  .services .desktop-break { display: none; }
  .testimonials { padding-top: 54px; }
  .models-catalog .section-heading { margin-bottom: 24px; }
  .model-selection-status:empty { display: none; }
  .why__badge { right: 10px; bottom: 10px; width: 108px; height: 108px; }
  .appointment-form { max-width: 100%; overflow: hidden; box-sizing: border-box; }
  .checkbox { align-items: flex-start; }
  .checkbox span { min-width: 0; overflow-wrap: anywhere; }
  .appointment-form .button--full { width: 100%; max-width: 100%; padding-inline: 14px; }
  .footer__bottom { min-height: auto; gap: 18px; padding: 24px 0; }
  .footer__bottom p { margin: 0; }
  .footer__bottom div { display: grid; gap: 10px; }
  .hero-slider { min-height: 610px; height: 610px; max-height: 610px; }
  .hero-slide__image { object-position: 66% center; }
  .hero-slide__shade { background: linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.82) 27%,rgba(255,255,255,.98) 54%,rgba(255,255,255,.99) 100%); }
  .hero-slide__inner { align-items: flex-start; padding-top: 205px; padding-bottom: 78px; }
  .hero-slide__kicker { margin-top: 10px; }
  .hero-slide h1, .hero-slide h2 { margin: 12px 0 16px; font-size: clamp(34px,10.5vw,44px); }
  .hero-slider .hero__buttons { margin-top: 20px; }
  .hero-slider__controls { bottom: 16px; }
  .why__badge { right: 16px; bottom: 14px; width: 92px; height: 92px; }
  .google-reviews-source { text-align: left; font-size: 11px; }
}

/* BEHA kurumsal paleti — logodaki B harfinin bordo/kırmızı tonu */
:root { --brand-red:#a8151d; --brand-red-dark:#741018; --brand-red-soft:#f8e9ea; --amber:#a8151d; --amber-light:#cf3b42; }
.desktop-nav a::after,.hero-slider__dots button.is-active,.service-card::before,.diagnostic-panel__head i:last-child,.map-pin,.mobile-dock a:last-child,.back-to-top { background:#a8151d; }
.desktop-nav a:hover,.header-phone svg,.hero-slide .eyebrow,.hero-slide h1 em,.hero-slide h2 em,.hero-slider__controls>p strong,.trust-number,.eyebrow,.section-heading h2 em,.faq h2 em,.contact-map h2 em,.service-card>a,.diagnostic-list p:last-child b,.text-link,.process-icon,.rating-summary span,.quote-mark,.google-reviews-source,.form-heading small,.checkbox a,.contact-map .eyebrow--light,.contact-details>div>span,.nav-dropdown__trigger span,.nav-dropdown__menu a:hover,.footer__column>a:hover,.footer__instagram,.footer-address:hover,.contact-details a:hover,.mobile-services-toggle span { color:#a8151d; }
.button--amber,.hero-slider__arrows button,.appointment-form .button--full { color:#fff; background:linear-gradient(135deg,#c32a32,#971219); box-shadow:0 10px 28px rgba(168,21,29,.24); }
.button--amber:hover,.hero-slider__arrows button:hover,.appointment-form .button--full:hover { color:#fff; background:linear-gradient(135deg,#d33b43,#741018); }
.button--outline-dark:hover,.contact-map .button--ghost { color:#a8151d; border-color:#a8151d; }
.service-card--featured { background:linear-gradient(145deg,#b71f27,#781018); border-color:#a8151d; }
.service-card--featured:hover { background:linear-gradient(145deg,#ca3038,#8a1119); }
.service-icon { color:#a8151d; background:#f9ecee; border-color:#ebc5c8; }
.why { background:radial-gradient(circle at 28% 48%,#4d141a 0%,#211518 43%,#111315 100%); }
.why h2 em,.eyebrow--light,.text-link--light,.appointment h2 em,.contact-icon { color:#ef9da2; }
.gauge { background:conic-gradient(#b51e26 0 92%,#eadfe0 92%); }
.models { background:linear-gradient(135deg,#8f121a,#5e0d13); }
.appointment { background:linear-gradient(125deg,#b32129 0%,#8b1119 48%,#4b1016 100%); }
input:focus,select:focus,textarea:focus { border-color:#a8151d; box-shadow:0 0 0 3px rgba(168,21,29,.1); }
.model-category::before,.model-seo-note { border-left-color:#a8151d; }
.model-category header,.model-category.is-active header { background:linear-gradient(135deg,#b8222a,#7a1017); }
.model-category header>span,.model-category.is-active header>span,.model-chip:hover,.model-chip:focus-visible,.model-seo-note a,.model-selection-status { color:#a8151d; }
.model-chip.is-selected,.model-seo-note__icon,.model-seo-note a:hover { color:#fff; background:#a8151d; border-color:#a8151d; }
.footer__phone { color:#a8151d!important; }
.service-icon img,.why__badge img,.rating-art { filter:hue-rotate(145deg) saturate(.9) brightness(.82); }

@media (max-width:640px) {
  .why__visual { min-height:0; padding-bottom:104px; overflow:visible; }
  .why__badge { right:18px; bottom:12px; width:82px; height:82px; }
  .footer__bottom > div { order:1; }
  .footer__bottom > p { order:2; margin-top:8px; }
}

/* Masaüstü hizmet menüsü header çizgisinin tam altından açılır */
@media (min-width:1121px) {
  .desktop-nav { align-self:stretch; height:100%; }
  .desktop-nav>a,.nav-dropdown { display:flex; align-items:center; height:100%; }
  .nav-dropdown__menu { top:100%; margin-top:0; }
  .desktop-nav a,
  .nav-dropdown__trigger { border-bottom:0; text-decoration:none; }
  .desktop-nav a::after { display:none; }
  .desktop-nav a:hover,
  .desktop-nav a:focus-visible,
  .nav-dropdown:hover .nav-dropdown__trigger,
  .nav-dropdown:focus-within .nav-dropdown__trigger { color:#a8151d; }
}

/* BEHA açık yüzey dengesi ve son okunabilirlik düzeltmeleri */
.service-card--featured > a {
  color:#fff;
  border-top-color:rgba(255,255,255,.32);
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}
.service-card--featured > a:hover { color:#fff; }

.why {
  color:#10233d;
  background:
    radial-gradient(circle at 25% 48%,rgba(168,21,29,.08) 0 20%,transparent 48%),
    linear-gradient(135deg,#faf7f7 0%,#f4f6f9 100%);
}
.why__visual::before {
  border-color:rgba(168,21,29,.08);
  box-shadow:0 0 0 85px rgba(168,21,29,.025),0 0 0 170px rgba(168,21,29,.016);
}
.why h2 { color:#10233d; }
.why h2 em { color:#a8151d; }
.why .eyebrow--light,.why .text-link--light { color:#a8151d; }
.why__lead { color:#58697d; }
.why-list article { border-top-color:#dce3eb; }
.why-list article > span { color:#a8151d; }
.why-list h3 { color:#10233d; }
.why-list p { color:#607084; }
.why .diagnostic-panel { box-shadow:0 28px 70px rgba(32,48,69,.14); }

.models.models-catalog {
  color:#10233d;
  background:#f3f6fa;
}
.models-catalog .section-heading h2 { color:#10233d; }
.models-catalog .section-heading h2 em { color:#a8151d; }
.models-catalog .section-heading > p { color:#58697d; }
.models-catalog .eyebrow { color:#a8151d; }
.models-catalog .model-category header { color:#445a74; background:#e9eef5; }
.models-catalog .model-category.is-active header { color:#fff; background:linear-gradient(135deg,#bd2830,#8b1119); }
.models-catalog .model-category header > span { color:#a8151d; }
.models-catalog .model-category header small { color:#778ca4; }
.models-catalog .model-category.is-active header small { color:rgba(255,255,255,.78); }
.models-catalog .model-category header > span { font-size:12px; }
.models-catalog .model-category header h3 { font-size:15px; }
.models-catalog .model-category header small { font-size:9px; }
.models-catalog .model-chip strong { font-size:13px; }
.models-catalog .model-chip small { font-size:9px; line-height:1.5; }
.models-catalog .model-seo-note strong { font-size:14px; }
.models-catalog .model-seo-note p { font-size:10.5px; }
.models-catalog .model-seo-note a { font-size:10px; }
.models-catalog .model-selection-status { font-size:11px; }

.appointment {
  color:#10233d;
  background:
    radial-gradient(circle at 12% 50%,rgba(168,21,29,.07),transparent 34%),
    linear-gradient(135deg,#faf7f7 0%,#f1f4f8 100%);
}
.appointment .eyebrow--light { color:#a8151d; }
.appointment h2 { color:#10233d; }
.appointment h2 em { color:#a8151d; }
.appointment__copy > p { color:#58697d; }
.appointment__contact a { color:#10233d; }
.appointment__contact small { color:#7a899b; }
.appointment__contact strong { color:#10233d; }
.appointment .contact-icon { color:#a8151d; border-color:rgba(168,21,29,.25); background:#fff; }
.appointment__privacy { color:#7a899b; }
.appointment-form { border:1px solid #e0e6ee; box-shadow:0 25px 65px rgba(32,48,69,.13); }
.footer__credit a,.footer__credit a:hover { color:#a8151d; }

@media (max-width:1120px) {
  .why__grid { gap:34px; }
  .why__content { order:1; }
  .why__visual { order:2; }
  .appointment__copy { max-width:760px; }
}

@media (max-width:640px) {
  .why,.appointment { padding:68px 0; }
  .why__visual { padding-bottom:82px; }
  .why__content h2,.appointment h2 { font-size:clamp(36px,10.5vw,44px); }
  .why__lead,.appointment__copy > p { font-size:15px; }
  .why-list article { grid-template-columns:34px 1fr; gap:12px; padding:18px 0; }
  .models.models-catalog { padding:64px 0 44px; }
  .models-catalog .section-heading > p { color:#58697d; }
  .models-catalog .model-category header { color:#354b66; }
  .models-catalog .model-category header h3 { font-size:15px; }
  .models-catalog .model-chip strong { font-size:clamp(12px,3.4vw,13px); }
  .models-catalog .model-chip small { font-size:9px; }
  .models-catalog .model-seo-note strong { font-size:13px; line-height:1.45; }
  .models-catalog .model-seo-note p { font-size:10px; line-height:1.6; }
  .appointment__grid { gap:30px; }
  .appointment-form { padding:26px 18px 30px; }
  .footer__credit a { color:#a8151d; }
}