/* Design polish layer — overrides visuals only, no content changes */
:root {
  --ink: #101a33;
  --ink-soft: #444e6a;
  --paper: #f7f3ec;
  --accent: #d0642a;
  --accent-deep: #a8441a;
  --navy: #1a2a5c;
  --navy-deep: #0e1731;
  --line: rgba(26, 42, 92, 0.10);
  --shadow: 0 1px 2px rgba(14, 23, 49, .04), 0 18px 40px -12px rgba(14, 23, 49, .16);
  --shadow-lg: 0 2px 4px rgba(14, 23, 49, .05), 0 34px 70px -20px rgba(14, 23, 49, .28);
  --radius: 1.5rem;
  --ease: cubic-bezier(.22, .8, .24, 1);
}

html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-size: 1.02rem; line-height: 1.6; }
::selection { background: var(--accent); color: #fff; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 6px; }

h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }

/* ---------- Header ---------- */
.site-header {
  background: rgba(251, 248, 243, .72);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(26, 42, 92, .08);
  transition: box-shadow .3s var(--ease);
}
.site-header:hover { box-shadow: 0 10px 30px -18px rgba(14, 23, 49, .25); }
.nav { padding: .8rem 0; }
.brand img { filter: drop-shadow(0 4px 8px rgba(26, 42, 92, .18)); }
.brand-text strong { letter-spacing: .06em; font-size: 1.22rem; }
.nav-links { gap: 1.35rem; }
.nav-links > a, .nav-dropdown-btn {
  position: relative; font-size: .74rem; font-weight: 700; letter-spacing: .1em;
  transition: color .25s var(--ease);
}
.nav-links > a:not(.btn)::before,
.nav-dropdown-btn::before {
  content: ""; position: absolute; left: 0; right: 100%; bottom: -.4rem; height: 2px;
  background: var(--accent); border-radius: 2px;
  transition: right .35s var(--ease);
}
.nav-links > a:not(.btn):hover::before,
.nav-dropdown-btn:hover::before { right: 0; }
.nav-dropdown-menu {
  border-radius: 1.25rem; padding: .6rem;
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(26, 42, 92, .08);
  animation: dd-in .25s var(--ease);
}
@keyframes dd-in { from { opacity: 0; transform: translate(-50%, -6px); } to { opacity: 1; transform: translate(-50%, 0); } }
.nav-drop-link:hover, .nav-drop-member:hover { background: rgba(208, 100, 42, .08); }

/* ---------- Buttons ---------- */
.btn {
  padding: .95rem 1.6rem; font-weight: 700; letter-spacing: .01em;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease), filter .3s var(--ease);
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0) scale(.98); }
.btn-primary {
  background: linear-gradient(135deg, #e07a3f 0%, var(--accent) 50%, var(--accent-deep) 100%);
  box-shadow: 0 12px 28px -8px rgba(208, 100, 42, .55), inset 0 1px 0 rgba(255, 255, 255, .25);
}
.btn-primary:hover { box-shadow: 0 18px 34px -8px rgba(208, 100, 42, .65), inset 0 1px 0 rgba(255, 255, 255, .3); filter: brightness(1.05); }
.btn-ghost { background: rgba(26, 42, 92, .06); border: 1px solid rgba(26, 42, 92, .08); }
.btn-ghost:hover { background: rgba(26, 42, 92, .11); }
.btn-light:hover { box-shadow: 0 16px 30px -10px rgba(0, 0, 0, .3); }

.eyebrow {
  display: inline-flex; align-items: center; gap: .6rem;
  letter-spacing: .16em; font-size: .72rem;
}
.eyebrow::before { content: ""; width: 1.6rem; height: 1px; background: currentColor; opacity: .7; }

/* ---------- Hero ---------- */
.hx-stage-veil {
  background:
    radial-gradient(900px 500px at 15% 90%, rgba(208, 100, 42, .22), transparent 60%),
    linear-gradient(105deg, rgba(8, 12, 28, .92) 0%, rgba(8, 12, 28, .58) 48%, rgba(8, 12, 28, .25) 100%),
    linear-gradient(180deg, rgba(8, 12, 28, .1) 0%, rgba(8, 12, 28, .82) 100%);
}
.hx-stage h1, .about-stage h1 {
  font-size: clamp(2.8rem, 6vw, 5rem); line-height: 1; letter-spacing: -.03em;
  text-shadow: 0 6px 40px rgba(0, 0, 0, .35);
}
.hx-lead { font-size: 1.18rem; }
.hx-motto { display: inline-block; padding-top: .9rem; border-top: 1px solid rgba(255, 255, 255, .25); }

/* ---------- Section rhythm & headings ---------- */
.hx-manifesto, .hx-services, .hx-team, .hx-about, .section { padding: clamp(3.8rem, 7vw, 6rem) 0; }
.hx-program { padding: clamp(3.5rem, 6vw, 5.5rem) 0; }
.hx-sec-head h2, .hx-program-intro h2, .hx-manifesto-copy h2, .hx-about h2, .section-head h2 {
  font-size: clamp(2rem, 3.8vw, 3.1rem); letter-spacing: -.02em; line-height: 1.08;
}
.hx-sec-head h2::after, .section-head h2::after {
  content: ""; display: block; width: 3rem; height: 3px; margin-top: .9rem;
  background: linear-gradient(90deg, var(--accent), transparent); border-radius: 3px;
}

/* ---------- Paths strip ---------- */
.hx-paths { background: rgba(255, 255, 255, .72); backdrop-filter: blur(8px); }
.hx-paths-row a, .about-paths-row a { padding: 1.5rem 1.4rem; transition: background .3s var(--ease), transform .3s var(--ease); }
.hx-paths-row a:hover, .about-paths-row a:hover { background: rgba(208, 100, 42, .06); }
.hx-paths-row strong { transition: transform .3s var(--ease), color .3s var(--ease); }
.hx-paths-row a:hover strong { transform: translateX(4px); }

/* ---------- Manifesto orb ---------- */
.hx-manifesto-orb, .about-origin-visual {
  box-shadow: var(--shadow-lg), inset 0 0 0 1px rgba(255, 255, 255, .6);
}

/* ---------- Prompts ---------- */
.hx-prompts li { transition: background .3s var(--ease), padding-left .3s var(--ease); }
.hx-prompts li:hover { background: rgba(255, 255, 255, .6); }
.hx-prompts span { font-size: .8rem; }
.hx-guide { margin-top: .6rem; padding: 1.4rem 1.5rem; border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(208, 100, 42, .09), rgba(26, 42, 92, .05));
  border: 1px solid rgba(208, 100, 42, .2); }

/* ---------- Inputs ---------- */
.hx-guide-form input, .hx-sub input, .inline-form input,
.form input, .form select, .form textarea {
  border: 1px solid rgba(26, 42, 92, .14); border-radius: .9rem;
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.hx-guide-form input:focus, .hx-sub input:focus, .inline-form input:focus,
.form input:focus, .form select:focus, .form textarea:focus {
  outline: none; border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(208, 100, 42, .15);
}

/* ---------- Service mosaic ---------- */
.hx-mosaic { gap: 1rem; }
.hx-mosaic-item, .mosaic-card {
  border-radius: 1.5rem; box-shadow: var(--shadow);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.hx-mosaic-item:hover, .mosaic-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.hx-mosaic-item::after { background: linear-gradient(180deg, transparent 25%, rgba(8, 12, 28, .88) 100%); }
.hx-mosaic-item img { transition: transform .9s var(--ease); }
.hx-mosaic-item:hover img { transform: scale(1.08); }
.hx-mosaic-item strong { font-size: 1.5rem; }

/* ---------- Dual panels ---------- */
.hx-dual-panel { transition: filter .5s var(--ease); }
.hx-dual-panel::before {
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(600px 300px at 20% 100%, rgba(208, 100, 42, .3), transparent 60%);
  opacity: 0; transition: opacity .5s var(--ease);
}
.hx-dual-panel:hover::before { opacity: 1; }
.hx-dual-panel > * { position: relative; z-index: 1; }
.hx-dual-cta::after { content: " →"; display: inline-block; transition: transform .3s var(--ease); }
.hx-dual-panel:hover .hx-dual-cta::after { transform: translateX(6px); }

/* ---------- Team ---------- */
.hx-team-card { transition: transform .4s var(--ease); }
.hx-team-card:hover { transform: translateY(-5px); }
.hx-team-card img { border-radius: 1.2rem; box-shadow: var(--shadow); transition: transform .6s var(--ease), box-shadow .4s var(--ease); }
.hx-team-card:hover img { transform: scale(1.02); box-shadow: var(--shadow-lg); }
.hx-team-card strong { margin-top: .35rem; }

/* ---------- About / sections ---------- */
.hx-about aside { padding: 1.6rem; border-top: 3px solid var(--accent); border-radius: 1.2rem; background: #fff; box-shadow: var(--shadow); }
.hx-about blockquote, .about-quote-band blockquote { position: relative; }
.about-why-inner { padding: 1.6rem; background: #fff; border-radius: 1.3rem; box-shadow: var(--shadow); border-top-width: 3px; }

/* ---------- Closing CTA ---------- */
.hx-close, .section-navy, .about-beliefs {
  position: relative; isolation: isolate;
  background:
    radial-gradient(800px 380px at 82% 0%, rgba(208, 100, 42, .32), transparent 58%),
    radial-gradient(600px 300px at 0% 100%, rgba(80, 110, 200, .22), transparent 60%),
    linear-gradient(165deg, var(--navy-deep), var(--navy));
}
.hx-close { padding: clamp(2.8rem, 5vw, 4rem) 0; }
.hx-close h2 { letter-spacing: -.02em; }

/* ---------- Cards ---------- */
.service-card, .panel, .why-card, .why-mini, .consult-topics, .program-shell, .guide-box, .prompt-grid li {
  border-radius: var(--radius);
}
.service-card {
  background: #fff; box-shadow: 0 1px 2px rgba(14, 23, 49, .04);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
}
.service-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: rgba(208, 100, 42, .3); }
.offer-card { border-radius: 1.6rem; transition: transform .4s var(--ease), background .4s var(--ease); }
.offer-card:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .12); }
.panel { background: #fff; }
.consult-nav-row a { transition: all .25s var(--ease); }
.consult-nav-row a:hover { background: #fff; transform: translateY(-1px); box-shadow: 0 8px 18px -10px rgba(14, 23, 49, .3); }
.consult-banner { border-radius: 0 0 2rem 2rem; }

/* ---------- Footer ---------- */
.site-footer {
  margin-top: 0; padding: 3rem 0 2.4rem;
  background: linear-gradient(180deg, transparent, rgba(26, 42, 92, .04));
}
.footer-links a { position: relative; transition: color .25s var(--ease); }
.footer-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -3px; height: 1px; background: var(--accent); transition: right .3s var(--ease); }
.footer-links a:hover::after { right: 0; }

/* ---------- Motion ---------- */
.hx-reveal, .reveal { transition: opacity .9s var(--ease), transform .9s var(--ease); transform: translateY(26px); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}
@media (max-width: 860px) {
  .nav-links { gap: .9rem; border-radius: 1.25rem; box-shadow: var(--shadow-lg); }
  .hx-stage h1 { font-size: clamp(2.4rem, 11vw, 3.4rem); }
}

/* ---------- Sliders (enhanced by /js/site-slider.js) ---------- */
.slider { position: relative; }
.slider-track {
  --per: 3; --gap: 1rem;
  display: flex !important; gap: var(--gap) !important;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  scrollbar-width: none; -ms-overflow-style: none;
  padding: .4rem .2rem 1.2rem; margin: -.4rem -.2rem 0;
  cursor: grab; overscroll-behavior-x: contain;
}
.slider-track::-webkit-scrollbar { display: none; }
.slider-track.dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
.slider-track.dragging a { pointer-events: none; }
.slider-track > * {
  flex: 0 0 calc((100% - var(--gap) * (var(--per) - 1)) / var(--per)) !important;
  grid-column: auto !important; scroll-snap-align: start; min-width: 0;
}
.slider-track img { -webkit-user-drag: none; user-select: none; }
.slider-btn {
  position: absolute; top: calc(50% - 1.6rem); z-index: 5;
  width: 3rem; height: 3rem; border-radius: 50%;
  border: 1px solid rgba(26, 42, 92, .1); background: rgba(255, 255, 255, .94);
  color: var(--navy); font-size: 1.15rem; cursor: pointer;
  box-shadow: var(--shadow); backdrop-filter: blur(8px);
  transition: transform .3s var(--ease), background .3s var(--ease), color .3s var(--ease), opacity .3s;
}
.slider-btn:hover:not(:disabled) { background: var(--accent); color: #fff; transform: scale(1.08); }
.slider-btn:disabled { opacity: 0; pointer-events: none; }
.slider-prev { left: -1.2rem; }
.slider-next { right: -1.2rem; }
.slider-dots { display: flex; justify-content: center; gap: .5rem; margin-top: .2rem; }
.slider-dots button {
  width: .5rem; height: .5rem; padding: 0; border: 0; border-radius: 99px; cursor: pointer;
  background: rgba(26, 42, 92, .2); transition: width .35s var(--ease), background .35s var(--ease);
}
.slider-dots button.on { width: 1.8rem; background: var(--accent); }
.slider-static .slider-btn, .slider-static .slider-dots { display: none; }
.slider-track .hx-mosaic-item, .slider-track .mosaic-card { min-height: 340px; }
.about-team-rail.slider-track { align-items: stretch; }
@media (max-width: 1100px) { .slider-prev { left: -.4rem; } .slider-next { right: -.4rem; } }
@media (max-width: 640px) { .slider-btn { width: 2.6rem; height: 2.6rem; } }
/* belief list: slider only on small screens */
.slider-mobile .slider-track { display: grid !important; overflow: visible; padding: 0; margin: 0; cursor: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.slider-mobile .slider-track > * { flex: initial !important; }
.slider-mobile .slider-btn, .slider-mobile .slider-dots { display: none; }
@media (max-width: 860px) {
  .slider-mobile .slider-track { display: flex !important; overflow-x: auto; padding: .4rem .2rem 1.2rem; cursor: grab; }
  .slider-mobile .slider-track > * { flex: 0 0 82% !important; }
  .slider-mobile .slider-dots { display: flex; }
}

/* ---------- İletişim ---------- */
.ct-hero {
  padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(2.5rem, 5vw, 4rem);
  background:
    radial-gradient(800px 380px at 85% 0%, rgba(208, 100, 42, .2), transparent 60%),
    linear-gradient(165deg, var(--navy-deep), var(--navy));
  color: #eef2ff;
}
.ct-hero h1 {
  margin: 0 0 .8rem; font-family: var(--font-display); font-weight: 400;
  font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05; letter-spacing: -.025em; color: #fff;
}
.ct-hero p { margin: 0; max-width: 36rem; color: rgba(238, 242, 255, .8); font-size: 1.1rem; }
.ct-hero .eyebrow { color: #ffb48a; }
.ct-body { padding: 0 0 clamp(3.5rem, 7vw, 6rem); }
.ct-grid { display: grid; gap: 1.5rem; grid-template-columns: 1.3fr .9fr; align-items: start; margin-top: -2rem; position: relative; }
.ct-form-card, .ct-card {
  background: #fff; border: 1px solid var(--line); border-radius: 1.6rem;
  box-shadow: var(--shadow-lg); padding: clamp(1.4rem, 3vw, 2.2rem);
}
.ct-form-card h2, .ct-card h3 { margin: 0 0 1.1rem; font-family: var(--font-display); font-weight: 400; color: var(--navy); }
.ct-form-card h2 { font-size: 1.9rem; }
.ct-card h3 { font-size: 1.45rem; }
.ct-row { display: grid; gap: .9rem; grid-template-columns: 1fr 1fr; }
.ct-form label { font-weight: 650; color: var(--navy); font-size: .86rem; }
.ct-form input, .ct-form select, .ct-form textarea { font-weight: 400; }
.ct-form textarea { min-height: 170px; }
.ct-count { justify-self: end; font-size: .74rem; color: var(--ink-soft); font-weight: 500; }
.ct-note, .ct-small { margin: 0; font-size: .82rem; color: var(--ink-soft); }
.ct-side { display: grid; gap: 1.2rem; position: sticky; top: 6rem; }
.ct-card-cta {
  background: radial-gradient(500px 260px at 90% 0%, rgba(208, 100, 42, .3), transparent 60%), linear-gradient(160deg, var(--navy-deep), var(--navy));
  color: #e8eefc; border: 0;
}
.ct-card-cta h3 { color: #fff; }
.ct-card-cta p { color: rgba(232, 238, 252, .82); }
.ct-card-cta .btn { margin: .4rem 0 1rem; }
.ct-card-cta .ct-small { color: rgba(232, 238, 252, .65); }
.ct-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.ct-list li { display: grid; grid-template-columns: auto 1fr auto; gap: .85rem; align-items: center; }
.ct-list small { display: block; color: var(--ink-soft); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; }
.ct-list a { color: var(--navy); font-weight: 650; word-break: break-word; }
.ct-list a:hover { color: var(--accent-deep); }
.ct-ico {
  width: 2.6rem; height: 2.6rem; border-radius: 50%; display: grid; place-items: center;
  background: rgba(208, 100, 42, .1); color: var(--accent-deep); font-size: 1.1rem; font-weight: 700;
}
.ct-copy {
  border: 1px solid var(--line); background: var(--paper); color: var(--navy); border-radius: 99px;
  font-size: .72rem; font-weight: 700; padding: .4rem .8rem; cursor: pointer; transition: all .25s var(--ease);
}
.ct-copy:hover { background: var(--accent); color: #fff; border-color: var(--accent); }
@media (max-width: 900px) {
  .ct-grid { grid-template-columns: 1fr; margin-top: -1.5rem; }
  .ct-side { position: static; }
}
@media (max-width: 560px) { .ct-row { grid-template-columns: 1fr; } }

/* ---------- Randevu ---------- */
.rx-steps { position: relative; --rx-progress: 0%; }
.rx-steps::after {
  content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: var(--rx-progress);
  background: linear-gradient(90deg, var(--accent), #e8a06b); border-radius: 3px;
  transition: width .5s var(--ease);
}
.rx-panel.is-active { animation: rx-in .45s var(--ease); }
@keyframes rx-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.rx-member, .rx-day, .rx-slot { transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease); }
.rx-member:hover, .rx-day:hover, .rx-slot:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.rx-day.is-selected, .rx-slot.is-selected { box-shadow: 0 12px 26px -10px rgba(208, 100, 42, .55); }
.rx-slot-group {
  grid-column: 1 / -1; margin: .6rem 0 .1rem; font-size: .72rem; font-weight: 800;
  letter-spacing: .14em; text-transform: uppercase; color: var(--accent-deep);
}
.rx-fields input, .rx-fields select, .rx-fields textarea { transition: border-color .25s var(--ease), box-shadow .25s var(--ease); }
.rx-fields input:focus, .rx-fields select:focus, .rx-fields textarea:focus {
  outline: none; border-color: var(--accent); box-shadow: 0 0 0 4px rgba(208, 100, 42, .15);
}
.rx-ticket { box-shadow: var(--shadow-lg); border-radius: 1.6rem; }
@media (max-width: 960px) {
  .rx-rail { position: sticky; bottom: 0; z-index: 10; }
}

/* ---------- Kapanış bölümü (Buradayız) — site-theme hx-close-grid ---------- */
.hx-close { position: relative; overflow: hidden; }
.hx-close .about-ghost-light { border: 1px solid rgba(255,255,255,.25); }

/* ---------- Ana ekran banner ---------- */
.hx-stage { min-height: calc(100vh - 4.6rem); align-items: center; isolation: isolate; }
.hx-stage-media img { object-position: center 25%; filter: saturate(1.08) contrast(1.04); }
.hx-stage-veil {
  background:
    radial-gradient(700px 420px at 12% 85%, rgba(208,100,42,.3), transparent 62%),
    radial-gradient(600px 400px at 90% 10%, rgba(90,120,220,.22), transparent 60%),
    linear-gradient(100deg, rgba(8,12,28,.94) 0%, rgba(8,12,28,.7) 42%, rgba(8,12,28,.3) 100%),
    linear-gradient(180deg, rgba(8,12,28,.25) 0%, rgba(8,12,28,.15) 55%, rgba(8,12,28,.9) 100%);
}
/* yıldız / tanecik dokusu */
.hx-stage-media::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 22%, #fff, transparent 60%),
    radial-gradient(1px 1px at 28% 68%, rgba(255,255,255,.8), transparent 60%),
    radial-gradient(1.5px 1.5px at 47% 14%, rgba(255,255,255,.9), transparent 60%),
    radial-gradient(1px 1px at 63% 78%, #fff, transparent 60%),
    radial-gradient(1.5px 1.5px at 78% 30%, rgba(255,255,255,.8), transparent 60%),
    radial-gradient(1px 1px at 90% 62%, #fff, transparent 60%),
    radial-gradient(1px 1px at 36% 40%, rgba(255,255,255,.7), transparent 60%);
  animation: hx-twinkle 5s ease-in-out infinite alternate;
}
@keyframes hx-twinkle { from { opacity: .25; } to { opacity: .7; } }

.hx-stage-frame { padding: clamp(3.5rem, 9vh, 6.5rem) 0 clamp(4.5rem, 10vh, 6.5rem); gap: 2.4rem; }
.hx-stage-copy { max-width: 44rem; }
.hx-stage .about-brand {
  display: inline-flex; align-items: center; gap: .8rem; margin-bottom: 1.2rem;
  font-size: .95rem; letter-spacing: .34em; color: rgba(255,255,255,.85);
}
.hx-stage .about-brand::before { content: ""; width: 2.6rem; height: 1px; background: linear-gradient(90deg, var(--accent), transparent); }
.hx-stage h1 {
  max-width: 11ch; margin-bottom: 1.3rem;
  font-size: clamp(3rem, 7.2vw, 6rem); line-height: .96; letter-spacing: -.035em;
  background: linear-gradient(180deg, #fff 30%, #f3d2bb 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  text-shadow: none; filter: drop-shadow(0 8px 36px rgba(0,0,0,.45));
}
.hx-lead { max-width: 34rem; font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.7; margin-bottom: 2rem; }
.hx-stage .hero-actions .btn { padding: 1rem 1.9rem; font-size: 1rem; }
.hx-stage .about-ghost-light { border: 1px solid rgba(255,255,255,.25); backdrop-filter: blur(10px); }

/* motto: cam rozet */
.hx-motto {
  display: inline-flex; width: fit-content; padding: .7rem 1.3rem; border-radius: 999px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(12px);
  color: rgba(255,255,255,.85); letter-spacing: .22em; font-size: .72rem;
}

/* aşağı kaydır göstergesi */
.hx-stage::after {
  content: ""; position: absolute; left: 50%; bottom: 1.6rem; z-index: 2;
  width: 1.6rem; height: 2.6rem; margin-left: -.8rem; border-radius: 1rem;
  border: 2px solid rgba(255,255,255,.45);
  background: radial-gradient(circle 3px at 50% 30%, #fff 98%, transparent) no-repeat;
  animation: hx-mouse 1.8s ease-in-out infinite;
}
@keyframes hx-mouse { 0%,100% { background-position: 0 0; opacity: .6; } 50% { background-position: 0 14px; opacity: 1; } }

/* giriş animasyonu */
.hx-stage .hx-stage-copy > * { opacity: 0; animation: hx-up .9s var(--ease) forwards; }
.hx-stage .hx-stage-copy > :nth-child(1) { animation-delay: .1s; }
.hx-stage .hx-stage-copy > :nth-child(2) { animation-delay: .25s; }
.hx-stage .hx-stage-copy > :nth-child(3) { animation-delay: .4s; }
.hx-stage .hx-stage-copy > :nth-child(4) { animation-delay: .55s; }
@keyframes hx-up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
.hx-stage .hx-reveal { opacity: 1; transform: none; }

/* altta yolları şeride yumuşak geçiş */
.hx-paths { position: relative; margin-top: -1px; box-shadow: 0 -30px 60px -30px rgba(8,12,28,.35); }

@media (max-width: 960px) {
  .hx-stage { min-height: min(92vh, 760px); }
  .hx-stage::after { display: none; }
  .hx-stage h1 { font-size: clamp(2.6rem, 12vw, 4rem); }
}

/* ana ekran: sıcak terapi odası görseli */
.hx-stage-media img { object-position: center 60%; filter: saturate(1.05) brightness(.9); }

/* ---------- Tipografi: Instrument Serif + Figtree ---------- */
:root {
  --font-display: "Instrument Serif", "Times New Roman", Georgia, serif;
  --font-body: "Figtree", "Segoe UI", sans-serif;
}
html { font-size: 100%; }
body {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  line-height: 1.15;
}
.brand-text strong, .about-brand, .ak-mark, .hx-paths-row strong, .about-paths-row strong,
.hx-mosaic-item strong, .hx-team-card strong, .about-member strong, .ak-member strong,
.about-belief-list strong, .ak-belief-list strong, .hx-close h2, .lead-question, .offer-q,
.hx-about blockquote, .about-quote-band blockquote, .pull-quote, .home-about-end,
.about-why-end, .ak-why-end, .program-close.strong {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
}
.about-brand, .ak-mark { letter-spacing: .08em; }
.brand-text strong {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: .02em;
  font-size: 1.15rem;
}
em { font-style: italic; }
blockquote { font-style: italic; }
.hx-about blockquote, .about-quote-band blockquote, .ak-pull blockquote {
  font-weight: 400 !important; line-height: 1.35;
}

.hx-stage h1, .about-stage h1, .ak-banner h1, .ct-hero h1 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  line-height: 1.08 !important;
  font-size: clamp(2.2rem, 4.8vw, 3.9rem) !important;
}
.hx-stage h1 { background: none; -webkit-text-fill-color: #fff; color: #fff; }
.hx-sec-head h2, .hx-program-intro h2, .hx-manifesto-copy h2, .hx-about h2, .section-head h2 {
  font-size: clamp(1.7rem, 3.2vw, 2.5rem);
}

.hx-lead, .about-stage-lead, .ak-banner-lead { font-size: 1.05rem; }
.nav-links > a, .nav-dropdown-btn { font-size: .78rem; font-weight: 600; }
.eyebrow { font-size: .78rem; font-weight: 650; }
.btn { font-size: .94rem; font-weight: 650; }
.hx-paths-row span, .hx-mosaic-item span, .hx-team-card em { font-size: .92rem; }
.hx-mosaic-item em, .hx-paths-row em { font-size: .78rem; }
.hx-motto { font-size: .78rem; font-weight: 600; }
.form label, .rx-fields label { font-size: .95rem; }
input, select, textarea { font-size: 1rem; font-family: var(--font-body); }

/* Ekip menüsü: Figtree, sade */
.nav-drop-all {
  font-family: var(--font-body) !important;
  font-weight: 650 !important;
  font-size: .78rem !important;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.nav-drop-text strong {
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  letter-spacing: -.005em !important;
}
.nav-drop-text em {
  font-family: var(--font-body) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: .74rem !important;
}

/* ---------- Üst menü düzeltmesi (tek satır) ---------- */
.site-header .container { width: min(1320px, calc(100% - 2.5rem)); }
.site-header .nav { flex-wrap: nowrap; gap: 1.5rem; }
.brand { flex: 0 0 auto; }
.brand-text strong { font-size: 1.05rem; white-space: nowrap; }
.brand-text span { font-size: .62rem; letter-spacing: .06em; white-space: nowrap; }
.nav-links { flex-wrap: nowrap; gap: 1.15rem; }
.nav-links > a, .nav-dropdown-btn { font-size: .72rem; letter-spacing: .07em; white-space: nowrap; text-transform: uppercase; }
.nav-links > .btn-nav-cta {
  margin-left: .4rem; padding: .65rem 1.2rem; font-size: .7rem; letter-spacing: .08em;
  white-space: nowrap; flex: 0 0 auto; text-transform: uppercase;
}
@media (max-width: 1180px) {
  .brand-text span { display: none; }
  .nav-links { gap: .9rem; }
}
@media (max-width: 1020px) {
  .nav-links > a, .nav-dropdown-btn { font-size: .66rem; letter-spacing: .05em; }
}
@media (max-width: 860px) {
  .nav-links { flex-wrap: wrap; }
  .brand-text span { display: block; }
}

/* ana ekran: arka plan biraz daha parlak */
.hx-stage-media img { filter: saturate(1.08) brightness(1.05); }
.hx-stage-veil {
  background:
    radial-gradient(700px 420px at 12% 85%, rgba(208,100,42,.25), transparent 62%),
    linear-gradient(100deg, rgba(8,12,28,.88) 0%, rgba(8,12,28,.55) 45%, rgba(8,12,28,.18) 100%),
    linear-gradient(180deg, rgba(8,12,28,.15) 0%, rgba(8,12,28,.1) 55%, rgba(8,12,28,.8) 100%);
}

/* =====================================================================
   V2 — Kurumsal yeniden tasarım (en sonda; öncekileri ezer)
   ===================================================================== */
:root {
  --bg: #f4f6fb; --surface: #fff;
  --navy: #14224f; --navy-deep: #0b1433;
  --accent: #e2682a; --accent-deep: #c4521a;
  --ink: #0f1a3a; --ink-soft: #4b5675;
  --line: #e2e7f1;
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px;
  --shadow: 0 1px 2px rgba(15,26,58,.05), 0 6px 18px -6px rgba(15,26,58,.10);
  --shadow-lg: 0 2px 4px rgba(15,26,58,.05), 0 20px 40px -16px rgba(15,26,58,.22);
  --radius: var(--r-md);
}
body { background: var(--bg) !important; color: var(--ink); }
.container { width: min(1200px, calc(100% - 3rem)); }
h1, h2, h3, h4 { color: var(--navy); }

/* ---- Header: düz beyaz, net ---- */
.site-header { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 1px solid var(--line); }
.site-header:hover { box-shadow: 0 6px 20px -14px rgba(15,26,58,.3); }
.site-header .nav { padding: .7rem 0; }
.nav-links > a, .nav-dropdown-btn {
  text-transform: uppercase; letter-spacing: .08em; font-size: .74rem; font-weight: 750; color: #3a4668;
}
.nav-links > a:hover, .nav-links > a.active, .nav-dropdown.open > .nav-dropdown-btn { color: var(--navy); }
.nav-links > .btn-nav-cta {
  text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; font-weight: 800; padding: .7rem 1.25rem;
  border-radius: var(--r-sm); background: var(--accent); border: 0; box-shadow: none; color: #fff !important;
}
.nav-links > .btn-nav-cta:hover { background: var(--accent-deep); filter: none; box-shadow: 0 8px 18px -8px rgba(226,104,42,.6); }
.brand-text strong { color: var(--navy); font-weight: 400 !important; }
.nav-dropdown-menu { border-radius: var(--r-md); box-shadow: var(--shadow-lg); }

/* ---- Düğmeler ---- */
.btn { border-radius: var(--r-sm); padding: .9rem 1.5rem; font-weight: 700; letter-spacing: 0; }
.btn-primary { background: var(--accent); box-shadow: none; color: #fff; border: 0; }
.btn-primary:hover { background: var(--accent-deep); box-shadow: 0 10px 22px -10px rgba(226,104,42,.7); filter: none; }
.btn-ghost { background: #fff; color: var(--navy); border: 1px solid var(--line); }
.btn-ghost:hover { border-color: var(--navy); background: #fff; }
.btn-light { background: #fff; color: var(--navy); }
.eyebrow { color: var(--accent-deep); letter-spacing: .1em; font-size: .78rem; }
.eyebrow::before { background: var(--accent); opacity: 1; }
.eyebrow.light { color: #ffb48a; }

/* ---- Hero: split panel + görsel slider (son söz) ---- */
.hx-stage,
.hx-stage-split {
  min-height: min(90vh, 880px) !important;
  height: auto !important;
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 1.08fr) minmax(0, 0.92fr) !important;
  isolation: auto;
}
.hx-stage::after,
.hx-stage-media::after,
.hx-stage-veil,
.hx-stage-frame,
.hx-stage-rail { display: none !important; }
.hx-stage-split .hx-stage-copy {
  max-width: none !important;
  width: 100%;
  justify-content: center;
  padding: clamp(2.5rem, 6vh, 4.8rem) clamp(2rem, 4.5vw, 4.2rem) !important;
  background:
    radial-gradient(540px 280px at 12% 18%, rgba(226,104,42,.18), transparent 60%),
    linear-gradient(165deg, #121c3a 0%, #0b1433 55%, #09102a 100%) !important;
}
.hx-stage-media {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 100%;
}
.hx-stage-media img,
.hx-slide img {
  filter: none !important;
  animation: none !important;
  object-position: center 42% !important;
}
.hx-stage .about-brand::before { display: none !important; }
.hx-stage .about-brand { color: #ffb48a; letter-spacing: .22em; font-size: .88rem; }
.hx-stage h1 {
  color: #fff !important;
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(2.45rem, 4.5vw, 3.9rem) !important;
  line-height: 1.07 !important;
}
.hx-lead { color: rgba(255,255,255,.86); }
.hx-stage .hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  flex-wrap: nowrap !important;
  margin: 1.6rem 0 2.2rem !important;
}
.hx-stage .hero-actions .btn {
  padding: 0.8rem 1.25rem !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.hx-stage .hero-actions .btn-primary {
  background: linear-gradient(135deg, #e2682a 0%, #ff9b6a 100%) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px -6px rgba(226, 104, 42, 0.45) !important;
}
.hx-stage .hero-actions .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px -6px rgba(226, 104, 42, 0.6) !important;
}
.hx-stage .hero-actions .about-ghost-light {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
  backdrop-filter: blur(8px) !important;
}
.hx-stage .hero-actions .about-ghost-light:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  transform: translateY(-2px) !important;
}
.hx-motto {
  background: none !important; border: 0 !important; border-left: 3px solid var(--accent) !important;
  border-radius: 0; padding: .05rem 0 .05rem .85rem !important;
  backdrop-filter: none; letter-spacing: .16em;
}
.hx-stage .hx-stage-copy > * { opacity: 1 !important; animation: none !important; }
@media (max-width: 960px) {
  .hx-stage, .hx-stage-split {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
  }
}

/* ---- 3 yol: hero altında, üstüne binmeden ---- */
.hx-paths {
  background: transparent !important; border: 0; box-shadow: none !important;
  margin-top: 0 !important; padding: 1.5rem 0 0;
  position: relative; z-index: 3; backdrop-filter: none;
}
.hx-paths-row { gap: 1rem; }
.hx-paths-row a {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--shadow-lg);
  padding: 1.5rem 1.6rem;
}
.hx-paths-row a:last-child { border-right: 1px solid var(--line); }
.hx-paths-row a:hover { transform: translateY(-4px); background: #fff; border-color: var(--accent); }
.hx-paths-row strong { font-size: 1.35rem; font-weight: 400 !important; color: var(--navy); }
.hx-paths-row a:hover strong { transform: none; color: var(--accent-deep); }

/* ---- Bölümler: net ritim ---- */
.hx-manifesto, .hx-services, .hx-team, .hx-program, .hx-about, .section { padding: clamp(3.5rem, 6vw, 5.5rem) 0; border: 0; background: transparent; }
.hx-program, .hx-about, .section-soft { background: #fff; border-block: 1px solid var(--line); }
.hx-sec-head h2::after, .section-head h2::after { background: var(--accent); width: 3rem; height: 4px; border-radius: 2px; }
.hx-manifesto-orb, .about-origin-visual { background: #fff; box-shadow: var(--shadow-lg); border: 1px solid var(--line); animation: none; }

/* ---- Kartlar ---- */
.hx-mosaic-item, .mosaic-card, .service-card, .panel, .why-card, .why-mini, .consult-topics, .program-shell,
.hx-about aside, .about-why-inner, .ct-form-card, .ct-card, .rx-ticket {
  border-radius: var(--r-md); box-shadow: var(--shadow); border-color: var(--line);
}
.hx-mosaic-item:hover, .mosaic-card:hover, .service-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.hx-mosaic-item::after { background: linear-gradient(180deg, transparent 30%, rgba(11,20,51,.88) 100%); }
.hx-team-card img, .about-member-photo { border-radius: var(--r-md); }
.hx-dual-panel::before { background: linear-gradient(180deg, transparent, rgba(11,20,51,.2)); opacity: 1; }
.hx-guide { background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--accent); border-radius: var(--r-md); box-shadow: var(--shadow); }
.hx-prompts li:hover { background: var(--bg); }

/* ---- Koyu bantlar: düz lacivert ---- */
.hx-close, .section-navy, .about-beliefs, .about-close, .ct-hero {
  background: linear-gradient(135deg, var(--navy-deep), var(--navy)); color: #e8eefc;
}
.hx-close::before, .hx-close::after { display: none; }
.hx-close h2, .about-beliefs h2, .about-close h2, .ct-hero h1 { color: #fff; }

/* ---- Kapanış: net iki sütun ---- */
.hx-close { text-align: left; }
.hx-close-grid { max-width: 1200px; }
.hx-sub {
  border-radius: var(--r-md);
  box-shadow: var(--shadow-lg);
}
.hx-sub::before { display: none !important; content: none !important; }
.hx-sub-head strong { font-weight: 400 !important; }
@media (max-width: 860px) {
  .hx-close-grid { grid-template-columns: 1fr; }
}

/* ---- Footer: koyu, düzenli ve yüksek kontrastlı ---- */
.site-footer {
  background: #0d1527 !important;
  color: #f1f5f9 !important;
  border: 0;
  margin: 0;
  padding: 3rem 0 2.2rem;
}
.site-footer .brand-text strong { color: #ffffff !important; font-size: 1.05rem; }
.site-footer .brand-text span { color: rgba(241, 245, 249, 0.75) !important; }
.site-footer .footer-grid { gap: 1.5rem 3rem; align-items: center; }
.footer-links a { color: rgba(241, 245, 249, 0.88) !important; font-weight: 500; font-size: 0.95rem; }
.footer-links a:hover { color: #ffffff !important; }
.footer-links a::after { background: var(--accent); }

.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 0.9rem;
  color: #f1f5f9 !important;
  line-height: 1.5;
}
.footer-contact a.footer-phone,
.footer-contact a.footer-phone:visited,
.footer-contact a.footer-phone:active {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #ffffff !important;
  font-weight: 750;
  font-size: 0.96rem;
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-contact a.footer-phone:hover {
  color: #ff9b6a !important;
}
.footer-contact a.footer-phone svg {
  color: #ff9b6a !important;
  stroke: #ff9b6a !important;
  flex-shrink: 0;
}
.footer-hours-pill {
  font-size: 0.85rem;
  color: rgba(241, 245, 249, 0.92) !important;
  font-weight: 500;
}
.footer-address {
  font-size: 0.86rem;
  color: rgba(241, 245, 249, 0.92) !important;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.footer-address svg {
  color: #ff9b6a !important;
  stroke: #ff9b6a !important;
  flex-shrink: 0;
}
.footer-copy {
  font-size: 0.8rem;
  color: rgba(241, 245, 249, 0.65) !important;
  margin-top: 0.2rem;
}

/* ---- Formlar ---- */
.form input, .form select, .form textarea, .hx-guide-form input, .inline-form input, .rx-fields input, .rx-fields select, .rx-fields textarea {
  border-radius: var(--r-sm); border: 1px solid #d3dae8; background: #fff;
}
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(226,104,42,.16); }

/* ---- Hakkımızda ---- */
.about-stage-veil { background: linear-gradient(90deg, rgba(11,20,51,.92), rgba(11,20,51,.55) 55%, rgba(11,20,51,.25)); }
.about-stage-media img { animation: none; }
.about-paths { background: transparent; border: 0; margin-top: -2.5rem; position: relative; z-index: 3; }
.about-paths-row { gap: 1rem; }
.about-paths-row a { background: #fff; border: 1px solid var(--line) !important; border-radius: var(--r-md); box-shadow: var(--shadow-lg); padding: 1.4rem 1.6rem; }
.about-paths-row a:hover { border-color: var(--accent) !important; transform: translateY(-4px); }
.about-origin { background: #fff; }
.pull-quote, .about-quote-band { border-left: 4px solid var(--accent); }

/* ---- Slider okları ---- */
.slider-btn { border-radius: var(--r-sm); width: 2.8rem; height: 2.8rem; }
.slider-btn:hover:not(:disabled) { background: var(--navy); }

/* ---- İletişim ---- */
.ct-hero { padding: clamp(3rem, 6vw, 4.5rem) 0 clamp(4rem, 7vw, 5.5rem); }
.ct-card-cta { background: linear-gradient(135deg, var(--navy-deep), var(--navy)); }
.ct-ico { border-radius: var(--r-sm); background: #fff4ee; }
.ct-copy { border-radius: var(--r-sm); }

/* =====================================================================
   Randevu sayfası — yeniden tasarım
   ===================================================================== */
.rx-page { background: var(--bg); }
.rx-head h1 { color: var(--navy); }

.rx-body { padding: 2.4rem 0 4.5rem; margin-top: 0; position: relative; z-index: 2; }
.rx-shell { grid-template-columns: minmax(0, 1.6fr) minmax(290px, .75fr); gap: 1.4rem; }
.rx-main {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg); padding: clamp(1.2rem, 3vw, 2.2rem);
}

/* adımlar */
.rx-steps { gap: .6rem; border: 0; margin-bottom: 1.8rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--line); }
.rx-steps::after { display: none; }
.rx-steps button {
  display: flex; align-items: center; gap: .65rem; justify-items: initial;
  padding: .7rem .9rem; margin: 0; border: 1px solid var(--line); border-radius: var(--r-sm);
  background: var(--bg); color: var(--ink-soft); transition: all .25s var(--ease);
}
.rx-steps button i {
  width: 1.9rem; height: 1.9rem; border-radius: 50%; display: grid; place-items: center; flex: none;
  background: #fff; border: 1px solid var(--line); color: var(--ink-soft); font-size: .72rem; font-weight: 800; letter-spacing: 0;
}
.rx-steps button span { font-family: var(--font-body); font-size: .95rem; font-weight: 700; }
.rx-steps button.is-current { background: #fff; border: 2px solid var(--accent); color: var(--navy); padding: calc(.7rem - 1px) calc(.9rem - 1px); }
.rx-steps button.is-current i { background: var(--accent); border-color: var(--accent); color: #fff; }
.rx-steps button.is-done { background: #fff; color: var(--navy); }
.rx-steps button.is-done i { background: var(--navy); border-color: var(--navy); color: transparent; position: relative; }
.rx-steps button.is-done i::after { content: "✓"; position: absolute; color: #fff; font-size: .8rem; }

/* panel başlığı */
.rx-panel-head { margin-bottom: 1.4rem; max-width: none; }
.rx-panel-head h2 { font-family: var(--font-display) !important; font-weight: 400 !important; font-size: clamp(1.5rem, 2.6vw, 2rem); margin-bottom: .4rem; }

/* danışman kartları */
.rx-members { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .9rem; }
.rx-member {
  gap: 0; border: 2px solid var(--line); border-radius: var(--r-md); overflow: hidden; background: #fff;
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);
}
.rx-member:hover { border-color: #c9d2e6; box-shadow: var(--shadow); transform: translateY(-3px); }
.rx-member-photo { aspect-ratio: 1 / 1; border-radius: 0; outline: 0 !important; transition: none; }
.rx-member-photo img { object-position: center top; }
.rx-member-meta { padding: .8rem .9rem 1rem; display: grid; gap: .15rem; }
.rx-member-meta strong { font-family: var(--font-body); font-size: .98rem; font-weight: 700; color: var(--navy); }
.rx-member-meta em { font-size: .8rem; color: var(--ink-soft); }
.rx-member:has(input:checked) { border-color: var(--accent); box-shadow: 0 10px 24px -12px rgba(226,104,42,.6); }
.rx-member:has(input:checked)::after {
  content: "✓"; position: absolute; top: .6rem; right: .6rem; width: 1.8rem; height: 1.8rem; border-radius: 50%;
  display: grid; place-items: center; background: var(--accent); color: #fff; font-weight: 800; font-size: .95rem;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}

/* günler & saatler */
.rx-days { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: .6rem; }
.rx-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: .6rem; }
.rx-day, .rx-slot { min-width: 0; border-radius: var(--r-sm); border: 1.5px solid var(--line); background: #fff; box-shadow: none; }
.rx-day { padding: .8rem .4rem; }
.rx-day strong { font-size: .72rem; }
.rx-day-num { font-family: var(--font-body); font-size: 1.6rem; font-weight: 800; color: var(--navy); }
.rx-slot { padding: .85rem .6rem; text-align: center; }
.rx-slot strong { font-size: 1.05rem; color: var(--navy); }
.rx-day:hover, .rx-slot:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow); }
.rx-day.is-selected, .rx-slot.is-selected { background: var(--accent); border-color: var(--accent); color: #fff; }
.rx-day.is-selected .rx-day-num, .rx-slot.is-selected strong { color: #fff; }
.rx-slot-group { color: var(--navy); border-bottom: 1px solid var(--line); padding-bottom: .4rem; margin-top: 1rem; }
.rx-loading, .rx-empty { grid-column: 1 / -1; padding: 1.2rem; text-align: center; background: var(--bg); border: 1px dashed #cfd7e8; border-radius: var(--r-sm); }

/* form alanları */
.rx-fields { gap: 1.1rem; }
.rx-fields label { text-transform: none; letter-spacing: 0; font-size: .9rem; font-weight: 700; color: var(--navy); }
.rx-fields input, .rx-fields select, .rx-fields textarea {
  border: 1.5px solid #d3dae8; border-radius: var(--r-sm); padding: .8rem 1rem; background: #fff; font-weight: 400;
}
.rx-fields input:focus, .rx-fields select:focus, .rx-fields textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(226,104,42,.16); outline: none; }
.rx-nav { justify-content: space-between; }
.rx-nav .btn { min-width: 9rem; }
.rx-nav .btn-primary:disabled { background: #d7dce8; color: #8a94ad; cursor: not-allowed; transform: none; box-shadow: none; }

/* özet kartı */
.rx-rail { position: sticky; top: 5.5rem; }
.rx-ticket { border-radius: var(--r-lg); overflow: hidden; background: #fff; }
.rx-ticket-photo {
  width: 84px; height: 84px; aspect-ratio: 1; border-radius: 50%; margin: 1.5rem 0 0 1.4rem;
  border: 3px solid #fff; box-shadow: 0 0 0 2px var(--accent), var(--shadow); background: #fff;
}
.rx-ticket-photo img { width: 100%; height: 100%; object-fit: cover; }
.rx-ticket-body { padding: 1rem 1.4rem 1.5rem; }
.rx-ticket-body h3 { font-family: var(--font-display) !important; font-size: 1.3rem; font-weight: 400 !important; }
.rx-ticket-body dl > div { grid-template-columns: 5.5rem 1fr; align-items: baseline; gap: .6rem; padding-bottom: .8rem; }
.rx-ticket-body dd { font-weight: 600; }
.rx-ticket-body .btn { width: 100%; }

/* başarı */
.rx-success { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); padding: 3rem 1.5rem; }
.rx-success h2 { font-weight: 400 !important; }

@media (max-width: 980px) {
  .rx-shell { grid-template-columns: 1fr; }
  .rx-rail { position: static; order: 2; bottom: auto; }
  .rx-steps { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 640px) {
  .rx-steps button span { display: none; }
  .rx-steps button { justify-content: center; }
  .rx-fields { grid-template-columns: 1fr; }
  .rx-members { grid-template-columns: repeat(2, 1fr); }
  .rx-nav { flex-direction: column-reverse; }
  .rx-nav .btn { width: 100%; }
}

/* ---- Koyu / görsel üstü başlıklar beyaz kalsın ---- */
.consult-banner h2, .consult-banner figcaption, .consult-banner .code,
.hx-stage h1, .about-stage h1, .rx-hero h1, .ak-banner h1, .sem-banner h1, .ct-hero h1, .ix-banner h1,
.hx-dual-panel h2, .hx-mosaic-item strong, .mosaic-card strong,
.hx-close h2, .about-close h2, .about-beliefs h2, .about-belief-list strong,
.section-navy h2, .section-navy h3, .offer-card h3, .offer-q,
.ct-card-cta h3, .team-hero-media h1 {
  color: #fff !important;
}
.consult-banner .code, .consult-banner h2 { text-shadow: 0 4px 24px rgba(0,0,0,.45); }

/* ---------- Logo animasyonu: uzayda süzülen Laika ---------- */
@keyframes logo-float {
  0%, 100% { transform: translateY(0) rotate(-6deg) scale(1); }
  25% { transform: translateY(-4px) rotate(2deg) scale(1.05); }
  50% { transform: translateY(0) rotate(7deg) scale(1); }
  75% { transform: translateY(3px) rotate(0deg) scale(1.04); }
}
@keyframes logo-glow {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(226,104,42,0)); }
  50% { filter: drop-shadow(0 0 10px rgba(226,104,42,.75)); }
}
@keyframes ring-spin { to { transform: rotate(360deg); } }
@keyframes ring-pulse { 0%, 100% { opacity: .45; } 50% { opacity: 1; } }

/* üst menü + alt bilgi */
.brand { position: relative; }
.brand img { animation: logo-float 5s ease-in-out infinite, logo-glow 2.6s ease-in-out infinite; transform-origin: center; position: relative; z-index: 1; }
.brand:hover img { animation-duration: 1.2s, 1.2s; transform: none; }
.brand::before {
  content: ""; position: absolute; left: -5px; top: calc(22px - 27px); width: 54px; height: 54px; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 60%, var(--accent) 85%, transparent 100%);
  -webkit-mask: radial-gradient(circle, transparent 60%, #000 62%); mask: radial-gradient(circle, transparent 60%, #000 62%);
  animation: ring-spin 3.2s linear infinite, ring-pulse 2.6s ease-in-out infinite;
}
.site-footer .brand::before { top: calc(20px - 27px); }

/* ana sayfa & hakkımızda: büyük logo */
.hx-manifesto-orb, .about-origin-visual { position: relative; overflow: visible; }
.hx-manifesto-orb img, .about-origin-visual img { animation: logo-float 6s ease-in-out infinite, logo-glow 3s ease-in-out infinite; position: relative; z-index: 1; }
.hx-manifesto-orb::before, .about-origin-visual::before {
  content: ""; position: absolute; inset: -14px; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 55%, var(--accent) 80%, #ffb48a 92%, transparent 100%);
  -webkit-mask: radial-gradient(circle, transparent 66%, #000 68%); mask: radial-gradient(circle, transparent 66%, #000 68%);
  animation: ring-spin 6s linear infinite;
}
.hx-manifesto-orb::after, .about-origin-visual::after {
  content: ""; position: absolute; inset: -28px; border-radius: 50%;
  border: 1px dashed rgba(26,42,92,.25); animation: ring-spin 24s linear infinite reverse;
}

/* ============================================================
   İLETİŞİM SAYFASI YENİ NESİL TASARIM (POLISH)
   ============================================================ */
.ix-page {
  padding-top: clamp(2rem, 4vw, 3.2rem);
  padding-bottom: clamp(3.5rem, 6vw, 5.5rem);
}

.ix-head {
  max-width: 48rem;
  border-bottom: none;
  padding-bottom: 0.5rem;
}

.ix-head h1 {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4.2vw, 3.2rem);
  color: var(--navy-deep);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.ix-head-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.25rem;
}

.ix-head-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--navy);
  background: rgba(26, 42, 92, 0.05);
  border: 1px solid rgba(26, 42, 92, 0.1);
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
}

.ix-head-pill svg {
  color: var(--accent);
}

.ix-form-panel {
  border-radius: 1.5rem;
  border: 1px solid rgba(26, 42, 92, 0.12);
  box-shadow: 0 20px 45px -15px rgba(18, 28, 56, 0.12);
  padding: clamp(1.5rem, 3vw, 2.4rem);
  background: #fff;
  position: relative;
}

.ix-form-header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(26, 42, 92, 0.08);
}

.ix-form-header h3 {
  font-family: var(--font-display);
  font-size: 1.5rem;
  color: var(--navy-deep);
  margin: 0 0 0.35rem;
}

.ix-form-header p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--ink-soft);
  line-height: 1.5;
}

.ix-topic {
  border-radius: 999px;
  font-size: 0.8rem;
  padding: 0.5rem 0.95rem;
  background: #fbf9f6;
  border: 1px solid rgba(26, 42, 92, 0.12);
  color: var(--navy);
  font-weight: 600;
  transition: all 0.2s var(--ease);
}

.ix-topic:hover {
  border-color: var(--accent);
  color: var(--accent-deep);
  background: #fff;
  transform: translateY(-1px);
}

.ix-topic.is-on {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
  box-shadow: 0 6px 16px -4px rgba(26, 42, 92, 0.35);
}

.ix-trust-box {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(208, 100, 42, 0.06);
  border: 1px solid rgba(208, 100, 42, 0.2);
  border-radius: 1rem;
  padding: 0.9rem 1.15rem;
  margin-top: 0.5rem;
}

.ix-trust-icon {
  color: var(--accent);
  flex-shrink: 0;
  margin-top: 0.15rem;
}

.ix-trust-text strong {
  display: block;
  font-size: 0.84rem;
  color: var(--navy-deep);
  margin-bottom: 0.15rem;
}

.ix-trust-text p {
  margin: 0;
  font-size: 0.78rem;
  color: var(--ink-soft);
  line-height: 1.45;
}

/* Sağ Kolon Kartları */
.ix-book {
  border-radius: 1.5rem;
  padding: 1.75rem 1.6rem;
  box-shadow: 0 20px 45px -15px rgba(18, 28, 56, 0.25);
  background:
    radial-gradient(420px 220px at 90% 0%, rgba(208, 100, 42, 0.35), transparent 70%),
    linear-gradient(165deg, var(--navy-deep) 0%, var(--navy) 100%);
  position: relative;
  overflow: hidden;
}

.ix-book::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  pointer-events: none;
}

.ix-book-steps {
  list-style: none;
  margin: 1rem 0 1.25rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ix-book-step {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.88);
}

.ix-step-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 700;
  flex-shrink: 0;
}

.ix-channels {
  border-radius: 1.5rem;
  padding: 1.75rem 1.6rem;
  background: #fff;
  border: 1px solid rgba(26, 42, 92, 0.12);
  box-shadow: 0 15px 35px -12px rgba(18, 28, 56, 0.08);
}

.ix-channels h2 {
  font-family: var(--font-display);
  font-size: 1.45rem;
  color: var(--navy-deep);
  margin: 0 0 1.15rem;
}

.ix-channel-item {
  display: flex;
  align-items: flex-start;
  gap: 0.95rem;
  padding: 0.95rem 0;
  border-top: 1px solid rgba(26, 42, 92, 0.08);
}

.ix-channel-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ix-channel-icon.green { background: #dcfce7; color: #15803d; }
.ix-channel-icon.blue { background: #dbeafe; color: #1d4ed8; }
.ix-channel-icon.orange { background: #ffedd5; color: #c2410c; }
.ix-channel-icon.purple { background: #f3e8ff; color: #7e22ce; }

.ix-channel-body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
}

.ix-channel-body strong {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ink-soft);
}

.ix-channel-body a, .ix-channel-body span {
  font-size: 0.95rem;
  font-weight: 650;
  color: var(--navy-deep);
  text-decoration: none;
}

.ix-channel-body a:hover {
  color: var(--accent);
}

/* Konum & Ulaşım Bölümü */
.ix-transit-sec {
  margin-top: 3.5rem;
}

.ix-transit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.15fr);
  gap: 1.75rem;
  align-items: stretch;
}

@media (max-width: 900px) {
  .ix-transit-grid {
    grid-template-columns: 1fr;
  }
}

.ix-transit-card {
  background: #fff;
  border: 1px solid rgba(26, 42, 92, 0.12);
  border-radius: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2.2rem);
  box-shadow: 0 15px 35px -12px rgba(18, 28, 56, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ix-transit-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.15rem;
  margin: 1.35rem 0;
}

@media (max-width: 560px) {
  .ix-transit-items {
    grid-template-columns: 1fr;
  }
}

.ix-transit-item {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.ix-transit-icon {
  font-size: 1.35rem;
  line-height: 1;
  flex-shrink: 0;
}

.ix-transit-item strong {
  display: block;
  font-size: 0.88rem;
  color: var(--navy-deep);
  margin-bottom: 0.15rem;
}

.ix-transit-item p {
  margin: 0;
  font-size: 0.78rem;
  color: var(--ink-soft);
  line-height: 1.4;
}

.ix-map-frame {
  border-radius: 1.5rem;
  overflow: hidden;
  border: 1px solid rgba(26, 42, 92, 0.12);
  box-shadow: 0 15px 35px -12px rgba(18, 28, 56, 0.08);
  min-height: 380px;
  position: relative;
  background: #e2e8f0;
}

.ix-map-frame iframe {
  width: 100%;
  height: 100%;
  min-height: 380px;
  border: 0;
  display: block;
}

/* SSS Accordion Bölümü */
.ix-faq-sec {
  margin-top: 4rem;
}

.ix-faq-head {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 2rem;
}

.ix-faq-head h2 {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3.5vw, 2.5rem);
  color: var(--navy-deep);
  margin: 0 0 0.5rem;
}

.ix-faq-head p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.95rem;
}

.ix-faq-list {
  max-width: 48rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ix-faq-item {
  background: #fff;
  border: 1px solid rgba(26, 42, 92, 0.1);
  border-radius: 1rem;
  overflow: hidden;
  transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}

.ix-faq-item:hover {
  border-color: rgba(26, 42, 92, 0.2);
}

.ix-faq-item.is-open {
  border-color: var(--accent);
  box-shadow: 0 10px 25px -10px rgba(208, 100, 42, 0.15);
}

.ix-faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.4rem;
  background: none;
  border: none;
  text-align: left;
  font-family: var(--font-body);
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--navy-deep);
  cursor: pointer;
}

.ix-faq-q-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(26, 42, 92, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: var(--navy);
  transition: transform 0.25s var(--ease), background 0.25s var(--ease), color 0.25s var(--ease);
  flex-shrink: 0;
}

.ix-faq-item.is-open .ix-faq-q-icon {
  transform: rotate(45deg);
  background: var(--accent);
  color: #fff;
}

.ix-faq-a {
  padding: 0 1.4rem 1.25rem;
  display: none;
  font-size: 0.9rem;
  color: var(--ink-soft);
  line-height: 1.6;
}

.ix-faq-item.is-open .ix-faq-a {
  display: block;
}

/* ============================================================
   ANA SAYFA GELİŞTİRİLMİŞ BİLEŞENLER (POLISH)
   ============================================================ */

/* 1. Güven & İstatistik Şeridi */
.hx-stats-strip {
  background: #fff;
  border-bottom: 1px solid var(--line);
  padding: 1.6rem 0;
  position: relative;
  z-index: 5;
}

.hx-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

@media (max-width: 768px) {
  .hx-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}

@media (max-width: 480px) {
  .hx-stats-grid {
    grid-template-columns: 1fr;
  }
}

.hx-stat-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
  padding: 0 0.75rem;
  border-right: 1px solid rgba(26, 42, 92, 0.08);
}

.hx-stat-item:last-child {
  border-right: none;
}

.hx-stat-num {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  font-weight: 700;
  color: var(--navy-deep);
  line-height: 1;
}

.hx-stat-num em {
  font-style: normal;
  color: var(--accent);
}

.hx-stat-label {
  font-size: 0.84rem;
  color: var(--ink-soft);
  font-weight: 600;
}

/* 2. Danışmanlık Sürecimiz (4 Adım) */
.hx-process-sec {
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
  background:
    radial-gradient(700px 320px at 100% 0%, rgba(208, 100, 42, 0.06), transparent 60%),
    linear-gradient(180deg, #fbf8f3 0%, #f4eee6 100%);
  position: relative;
}

.hx-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.35rem;
  margin-top: 2.2rem;
}

@media (max-width: 960px) {
  .hx-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 580px) {
  .hx-process-grid {
    grid-template-columns: 1fr;
  }
}

.hx-process-card {
  background: #fff;
  border: 1px solid rgba(26, 42, 92, 0.1);
  border-radius: 1.35rem;
  padding: 1.75rem 1.4rem;
  box-shadow: 0 14px 30px -15px rgba(18, 28, 56, 0.08);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.25s var(--ease), border-color 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.hx-process-card:hover {
  transform: translateY(-4px);
  border-color: var(--accent);
  box-shadow: 0 20px 40px -15px rgba(208, 100, 42, 0.18);
}

.hx-process-badge {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--accent);
  margin-bottom: 0.65rem;
  display: block;
}

.hx-process-card h3 {
  font-size: 1.12rem;
  font-weight: 750;
  color: var(--navy-deep);
  margin: 0 0 0.5rem;
  line-height: 1.3;
}

.hx-process-card p {
  margin: 0;
  font-size: 0.86rem;
  color: var(--ink-soft);
  line-height: 1.55;
}

/* 3. Ana Sayfa Güncel Blog & Makaleler */
.hx-home-blog {
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
  background: #fff;
}

.hx-home-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.65rem;
  margin-top: 2rem;
}

@media (max-width: 900px) {
  .hx-home-blog-grid {
    grid-template-columns: 1fr;
  }
}

.hx-blog-item {
  display: flex;
  flex-direction: column;
  background: #fbf9f6;
  border: 1px solid rgba(26, 42, 92, 0.1);
  border-radius: 1.25rem;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.25s var(--ease), border-color 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.hx-blog-item:hover {
  transform: translateY(-4px);
  border-color: var(--accent);
  box-shadow: 0 18px 40px -12px rgba(18, 28, 56, 0.14);
}

.hx-blog-media {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  background: #0f172a;
}

.hx-blog-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s var(--ease);
}

.hx-blog-item:hover .hx-blog-media img {
  transform: scale(1.05);
}

.hx-blog-body {
  padding: 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.hx-blog-date {
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent);
}

.hx-blog-body h3 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 750;
  color: var(--navy-deep);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hx-blog-body p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--ink-soft);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hx-blog-link {
  margin-top: auto;
  padding-top: 0.65rem;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}




/* ============================================================
   PREMIUM EĞİTİM / PROGRAM SALES PAGE OVERHAUL
   ============================================================ */
.edu-page {
    --c-navy: #0e1731;
    --c-navy-light: #1a2a5c;
    --c-accent: #d0642a;
    --c-accent-dark: #9e4315;
    --c-accent-glow: rgba(208, 100, 42, 0.12);
    --c-paper: #fbf9f5;
    --c-card-bg: #ffffff;
    --c-ink: #141b2d;
    --c-ink-soft: #4d5773;
    --c-ink-muted: #747f9c;
    --c-border: rgba(26, 42, 92, 0.08);
    --c-border-hover: rgba(208, 100, 42, 0.35);
    --c-shadow: 0 10px 30px -10px rgba(14, 23, 49, 0.06), 0 2px 6px rgba(14, 23, 49, 0.03);
    --c-shadow-lg: 0 24px 50px -12px rgba(14, 23, 49, 0.12), 0 4px 12px rgba(14, 23, 49, 0.04);
    --radius-lg: 1.35rem;
    --radius-md: 0.95rem;
    font-family: inherit;
    color: var(--c-ink);
    background: #faf8f5;
}

.edu-subnav {
    position: sticky;
    top: 68px;
    z-index: 40;
    background: rgba(251, 249, 245, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--c-border);
    box-shadow: 0 4px 20px -8px rgba(14, 23, 49, 0.05);
    transition: all 0.3s ease;
}
.edu-subnav-inner {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    padding: 0.65rem 0;
    scrollbar-width: none;
}
.edu-subnav-inner::-webkit-scrollbar { display: none; }
.edu-subnav-link {
    white-space: nowrap;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--c-ink-soft);
    text-decoration: none;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background: transparent;
    transition: all 0.2s ease;
}
.edu-subnav-link:hover {
    color: var(--c-accent-dark);
    background: var(--c-accent-glow);
}
.edu-subnav-cta {
    margin-left: auto;
    font-size: 0.78rem;
    padding: 0.42rem 1.1rem;
    border-radius: 999px;
}

.edu-hero {
    position: relative;
    padding: 4rem 0 3.5rem;
    background:
        radial-gradient(1000px 500px at 15% 10%, rgba(208, 100, 42, 0.12), transparent 70%),
        radial-gradient(900px 450px at 85% 20%, rgba(26, 42, 92, 0.09), transparent 65%),
        linear-gradient(180deg, #f7f3ec 0%, #faf8f5 100%);
    border-bottom: 1px solid var(--c-border);
    overflow: hidden;
}
.edu-hero-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.82fr;
    gap: 2.8rem;
    align-items: center;
}
.edu-hero-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1rem;
}
.edu-hero-kicker-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(208, 100, 42, 0.1);
    border: 1px solid rgba(208, 100, 42, 0.2);
    color: var(--c-accent-dark);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.edu-hero-kicker-pill::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--c-accent);
    box-shadow: 0 0 0 3px rgba(208, 100, 42, 0.25);
}
.edu-hero h1 {
    margin: 0.3rem 0 1.2rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.3rem, 4.4vw, 3.6rem);
    color: var(--c-navy);
    line-height: 1.08;
    letter-spacing: -0.02em;
}
.edu-hero .consult-lead {
    font-size: 1.12rem;
    color: var(--c-ink-soft);
    line-height: 1.65;
    margin-bottom: 1.2rem;
}
.edu-laika-quote {
    position: relative;
    padding: 1rem 1.25rem 1rem 1.4rem;
    margin: 1.2rem 0 1.6rem;
    border-radius: 0.85rem;
    background: rgba(26, 42, 92, 0.035);
    border-left: 3px solid var(--c-accent);
    color: var(--c-ink-soft);
    font-size: 0.95rem;
    line-height: 1.65;
    font-style: italic;
}
.edu-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: center;
}
.edu-hero-actions .btn {
    padding: 0.9rem 1.6rem;
    font-size: 0.95rem;
    border-radius: 999px;
}

.edu-hero-card {
    background: #ffffff;
    border: 1px solid rgba(26, 42, 92, 0.1);
    border-radius: 1.6rem;
    padding: 1.8rem;
    box-shadow: var(--c-shadow-lg);
    position: relative;
}
.edu-hero-card::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    border: 1px solid rgba(208, 100, 42, 0.2);
}
.edu-hero-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid var(--c-border);
}
.edu-hero-card-badge {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #15803d;
    background: #dcfce7;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}
.edu-hero-card ul {
    list-style: none;
    margin: 0 0 1.4rem;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}
.edu-hero-card li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.8rem 0.95rem;
    border-radius: 0.95rem;
    background: #faf8f5;
    border: 1px solid rgba(26, 42, 92, 0.05);
    color: var(--c-ink-soft);
    font-size: 0.92rem;
    line-height: 1.45;
}
.edu-hero-card li svg {
    flex-shrink: 0;
    margin-top: 0.15rem;
    color: var(--c-accent);
}
.edu-hero-card li strong {
    color: var(--c-navy);
    font-weight: 750;
}
.edu-hero-card-btn {
    width: 100%;
    justify-content: center;
    padding: 0.95rem 1.4rem;
    font-weight: 750;
    font-size: 0.95rem;
    border-radius: 999px;
}
.edu-hero-card-note {
    margin: 0.75rem 0 0;
    text-align: center;
    font-size: 0.75rem;
    color: var(--c-ink-muted);
}

.edu-sec {
    padding: clamp(3.5rem, 6vw, 5.2rem) 0;
    position: relative;
}
.edu-sec-soft {
    background: #f4efe7;
    border-top: 1px solid var(--c-border);
    border-bottom: 1px solid var(--c-border);
}
.edu-sec-head {
    text-align: center;
    max-width: 44rem;
    margin: 0 auto 2.6rem;
}
.edu-sec-head h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2rem, 3.4vw, 2.75rem);
    color: var(--c-navy);
    line-height: 1.15;
    margin: 0 0 0.65rem;
    letter-spacing: -0.015em;
}
.edu-sec-head p {
    margin: 0;
    font-size: 1.05rem;
    color: var(--c-ink-soft);
    line-height: 1.6;
}

.edu-check-cards {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}
.edu-check-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius-md);
    padding: 1.15rem 1.25rem 1.15rem 1.15rem;
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    box-shadow: var(--c-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.edu-check-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.edu-check-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(208, 100, 42, 0.1);
    color: var(--c-accent-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.95rem;
}
.edu-check-text {
    color: var(--c-ink);
    font-size: 0.95rem;
    line-height: 1.5;
    font-weight: 550;
}
.edu-empathy-box {
    margin-top: 2rem;
    padding: 1.2rem 1.5rem;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, rgba(208, 100, 42, 0.08), rgba(26, 42, 92, 0.04));
    border: 1px solid rgba(208, 100, 42, 0.2);
    color: var(--c-navy);
    font-weight: 600;
    font-size: 0.96rem;
    line-height: 1.6;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.edu-empathy-box svg {
    flex-shrink: 0;
    color: var(--c-accent);
}

.edu-scope-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 2.5rem;
    align-items: center;
}
.edu-scope-text p {
    color: var(--c-ink-soft);
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 1.1rem;
}
.edu-disclaimer-box {
    margin-top: 1.4rem;
    padding: 1.15rem 1.35rem;
    border-radius: var(--radius-md);
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-left: 3px solid var(--c-accent);
    color: var(--c-ink-soft);
    font-size: 0.92rem;
    line-height: 1.6;
    box-shadow: var(--c-shadow);
}
.edu-disclaimer-box strong {
    color: var(--c-navy);
}
.edu-luxury-quote {
    background: linear-gradient(145deg, var(--c-navy) 0%, #16244d 100%);
    color: #ffffff;
    border-radius: 1.6rem;
    padding: 2.4rem 2rem;
    box-shadow: var(--c-shadow-lg);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.edu-luxury-quote::before {
    content: "“";
    position: absolute;
    top: -15px;
    right: 15px;
    font-family: var(--font-display, Georgia, serif);
    font-size: 9rem;
    color: rgba(255, 255, 255, 0.06);
    pointer-events: none;
    line-height: 1;
}
.edu-luxury-quote p {
    margin: 0 0 1.2rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 2rem;
    color: #ffffff;
    line-height: 1.25;
    letter-spacing: -0.01em;
}
.edu-luxury-quote span {
    display: block;
    opacity: 0.85;
    font-size: 0.92rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffc49e;
    font-weight: 600;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.edu-outcomes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 1.2rem;
}
.edu-outcome-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius-md);
    padding: 1.35rem 1.4rem;
    box-shadow: var(--c-shadow);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.edu-outcome-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--c-shadow-lg);
}
.edu-outcome-card.featured {
    border-color: rgba(208, 100, 42, 0.45);
    background: linear-gradient(180deg, rgba(208, 100, 42, 0.07) 0%, #ffffff 50%);
    box-shadow: 0 12px 35px -8px rgba(208, 100, 42, 0.16);
}
.edu-outcome-card-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--c-accent-dark);
}
.edu-outcome-card.featured .edu-outcome-card-badge {
    color: var(--c-accent-dark);
    background: rgba(208, 100, 42, 0.12);
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    align-self: flex-start;
}
.edu-outcome-card p {
    margin: 0;
    color: var(--c-ink-soft);
    font-size: 0.96rem;
    line-height: 1.55;
}

.edu-timeline-wrap {
    border-radius: 1.35rem;
    border: 1px solid var(--c-border);
    background: #ffffff;
    overflow: hidden;
    box-shadow: var(--c-shadow);
}
.edu-syllabus-table {
    width: 100%;
    border-collapse: collapse;
}
.edu-syllabus-table th {
    background: #f7f4ee;
    padding: 1.05rem 1.4rem;
    text-align: left;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--c-navy);
    border-bottom: 1px solid var(--c-border);
}
.edu-syllabus-table td {
    padding: 1.15rem 1.4rem;
    border-bottom: 1px solid var(--c-border);
    vertical-align: middle;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--c-ink-soft);
}
.edu-syllabus-table tr:last-child td {
    border-bottom: none;
}
.edu-syllabus-table tr.featured-row {
    background: rgba(208, 100, 42, 0.06);
}
.edu-syllabus-table tr.featured-row td strong {
    color: var(--c-accent-dark);
}
.edu-week-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(26, 42, 92, 0.06);
    color: var(--c-navy);
    font-weight: 800;
    font-size: 0.88rem;
}
.edu-week-pill.featured {
    background: var(--c-accent);
    color: #ffffff;
    box-shadow: 0 4px 12px -2px rgba(208, 100, 42, 0.4);
}
.edu-theme-title {
    font-weight: 750;
    color: var(--c-navy);
    font-size: 1.02rem;
}
.edu-syllabus-list { display: flex; flex-direction: column; }
.edu-syllabus-item { border-bottom: 1px solid var(--c-border); }
.edu-syllabus-item:last-child { border-bottom: none; }
.edu-syllabus-item.featured-row { background: rgba(208, 100, 42, 0.06); }
.edu-syllabus-item summary {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.4rem;
    cursor: pointer;
    list-style: none;
}
.edu-syllabus-item summary::-webkit-details-marker { display: none; }
.edu-syllabus-item summary .edu-theme-title { flex: 1; }
.edu-syllabus-item summary .edu-faq-chevron { transition: transform 0.2s ease; display: inline-flex; color: var(--c-navy); }
.edu-syllabus-item[open] summary .edu-faq-chevron { transform: rotate(180deg); }
.edu-syllabus-item p {
    margin: 0;
    padding: 0 1.4rem 1.2rem calc(1.4rem + 44px + 1rem);
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--c-ink-soft);
}
@media (max-width: 640px) {
    .edu-syllabus-item p { padding-left: 1.4rem; }
}
.site-disclaimer {
    margin: 0;
    padding: 1.4rem 1rem;
    text-align: center;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--c-ink-soft);
}
.edu-syllabus-note {
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--c-accent-dark);
}

.edu-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-bottom: 2.2rem;
}
.edu-why-item {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius-md);
    padding: 1.1rem 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    box-shadow: var(--c-shadow);
    font-size: 0.95rem;
    color: var(--c-ink-soft);
    line-height: 1.5;
}
.edu-why-item svg {
    flex-shrink: 0;
    color: #16a34a;
    margin-top: 0.15rem;
}
.edu-boundaries-card {
    background: linear-gradient(135deg, rgba(26, 42, 92, 0.04) 0%, rgba(208, 100, 42, 0.04) 100%);
    border: 1px solid rgba(26, 42, 92, 0.12);
    border-radius: 1.35rem;
    padding: 1.8rem 2rem;
    position: relative;
}
.edu-boundaries-card h3 {
    margin: 0 0 1rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.55rem;
    color: var(--c-navy);
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.edu-boundaries-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0.75rem;
}
.edu-boundaries-card li {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--c-ink-soft);
    font-size: 0.93rem;
    line-height: 1.45;
}
.edu-boundaries-card li svg {
    flex-shrink: 0;
    color: #dc2626;
}

.edu-fit-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.edu-fit-box {
    background: #ffffff;
    border-radius: 1.4rem;
    padding: 2rem;
    border: 1px solid var(--c-border);
    box-shadow: var(--c-shadow);
    display: flex;
    flex-direction: column;
}
.edu-fit-box.yes { border-top: 4px solid #16a34a; }
.edu-fit-box.no { border-top: 4px solid #dc2626; }
.edu-fit-box h2 {
    margin: 0 0 1.2rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.65rem;
    color: var(--c-navy);
    display: flex;
    align-items: center;
    gap: 0.55rem;
}
.edu-fit-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}
.edu-fit-box li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.75rem;
    font-size: 0.94rem;
    line-height: 1.45;
    color: var(--c-ink-soft);
}
.edu-fit-box.yes li { background: #f0fdf4; border: 1px solid #dcfce7; }
.edu-fit-box.yes li svg { color: #16a34a; flex-shrink: 0; margin-top: 0.15rem; }
.edu-fit-box.no li { background: #fef2f2; border: 1px solid #fee2e2; }
.edu-fit-box.no li svg { color: #dc2626; flex-shrink: 0; margin-top: 0.15rem; }
.edu-crisis-bar {
    margin-top: 1.4rem;
    padding: 1rem 1.2rem;
    border-radius: 0.95rem;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    font-size: 0.9rem;
    color: #9f1239;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem;
}
.edu-crisis-bar strong { font-weight: 800; color: #be123c; }

.edu-team-highlights {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 1.2rem;
    margin-bottom: 2rem;
}
.edu-team-lead-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.15rem;
    padding: 1.35rem 1.4rem;
    box-shadow: var(--c-shadow);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.edu-team-lead-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.edu-team-lead-card strong {
    color: var(--c-navy);
    font-size: 1.1rem;
    font-weight: 750;
}
.edu-team-lead-card span {
    color: var(--c-ink-soft);
    font-size: 0.92rem;
    line-height: 1.5;
}
.edu-team-lead-card-link {
    margin-top: auto;
    padding-top: 0.65rem;
    font-size: 0.82rem;
    font-weight: 750;
    color: var(--c-accent-dark);
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.edu-includes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.1rem;
}
.edu-include-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius-md);
    padding: 1.2rem 1.3rem;
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    box-shadow: var(--c-shadow);
    color: var(--c-ink-soft);
    font-size: 0.96rem;
    line-height: 1.45;
    font-weight: 600;
    transition: transform 0.25s ease;
}
.edu-include-card:hover { transform: translateY(-2px); }
.edu-include-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(26, 42, 92, 0.06);
    color: var(--c-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.edu-price-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    align-items: stretch;
}
.edu-price-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.6rem;
    padding: 2.2rem 1.8rem;
    box-shadow: var(--c-shadow);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.edu-price-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--c-shadow-lg);
}
.edu-price-card.featured {
    border-color: rgba(208, 100, 42, 0.5);
    background: linear-gradient(180deg, rgba(208, 100, 42, 0.08) 0%, #ffffff 40%);
    box-shadow: 0 16px 45px -10px rgba(208, 100, 42, 0.2);
}
.edu-price-card.featured::before {
    content: "En Popüler Seçenek";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--c-accent);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.25rem 0.85rem;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(208, 100, 42, 0.35);
}
.edu-price-card-tier {
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--c-accent-dark);
    margin-bottom: 0.6rem;
}
.edu-price-card h3 {
    margin: 0 0 0.8rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 2.5rem;
    color: var(--c-navy);
    line-height: 1;
}
.edu-price-card h3 small {
    font-size: 0.45em;
    font-family: inherit;
    font-weight: normal;
    color: var(--c-ink-muted);
    letter-spacing: normal;
}
.edu-price-card p {
    color: var(--c-ink-soft);
    font-size: 0.94rem;
    line-height: 1.5;
    margin: 0 0 1.8rem;
    flex-grow: 1;
}
.edu-price-card .btn {
    width: 100%;
    justify-content: center;
    padding: 0.95rem 1.4rem;
    font-weight: 750;
    border-radius: 999px;
}

.edu-free-banner {
    background: linear-gradient(135deg, var(--c-navy) 0%, #152247 100%);
    color: #ffffff;
    border-radius: 1.8rem;
    padding: 3rem 2.2rem;
    text-align: center;
    box-shadow: var(--c-shadow-lg);
    position: relative;
    overflow: hidden;
}
.edu-free-banner::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(208, 100, 42, 0.18);
    filter: blur(50px);
    pointer-events: none;
}
.edu-free-banner h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    color: #ffffff;
    margin: 0 0 0.8rem;
}
.edu-free-banner p {
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.05rem;
    max-width: 36rem;
    margin: 0 auto 1.8rem;
    line-height: 1.6;
}
.edu-free-banner .hero-actions {
    display: flex;
    justify-content: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}
.edu-free-banner .btn-primary {
    background: var(--c-accent);
    color: #ffffff;
    border: none;
    border-radius: 999px;
}
.edu-free-banner .btn-ghost {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
}
.edu-free-banner .btn-ghost:hover { background: rgba(255, 255, 255, 0.2); }
.edu-free-banner-note {
    margin-top: 1.4rem;
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.65);
}

.edu-faq-grid {
    display: grid;
    gap: 0.85rem;
    max-width: 50rem;
    margin: 0 auto;
}
.edu-faq-item {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.15rem;
    overflow: hidden;
    box-shadow: var(--c-shadow);
    transition: border-color 0.2s ease;
}
.edu-faq-item[open] { border-color: rgba(208, 100, 42, 0.3); }
.edu-faq-item summary {
    list-style: none;
    padding: 1.2rem 1.4rem;
    font-weight: 750;
    font-size: 1.02rem;
    color: var(--c-navy);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    user-select: none;
}
.edu-faq-item summary::-webkit-details-marker { display: none; }
.edu-faq-chevron {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(26, 42, 92, 0.05);
    color: var(--c-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease, background 0.25s ease;
}
.edu-faq-item[open] .edu-faq-chevron {
    transform: rotate(180deg);
    background: rgba(208, 100, 42, 0.12);
    color: var(--c-accent-dark);
}
.edu-faq-item p {
    margin: 0;
    padding: 0 1.4rem 1.35rem;
    color: var(--c-ink-soft);
    font-size: 0.95rem;
    line-height: 1.65;
    border-top: 1px solid rgba(26, 42, 92, 0.04);
    padding-top: 0.85rem;
}

.edu-final-cta {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.8rem;
    padding: 3.5rem 2rem;
    text-align: center;
    max-width: 48rem;
    margin: 0 auto;
    box-shadow: var(--c-shadow-lg);
}
.edu-final-cta h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2rem, 3.5vw, 2.7rem);
    color: var(--c-navy);
    margin: 0 0 1rem;
    letter-spacing: -0.015em;
}
.edu-final-cta > p {
    color: var(--c-ink-soft);
    font-size: 1.08rem;
    line-height: 1.65;
    margin: 0 auto 1.8rem;
    max-width: 38rem;
}
.edu-final-cta .hero-actions {
    display: flex;
    justify-content: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}
.edu-final-cta .btn {
    border-radius: 999px;
    padding: 0.95rem 1.8rem;
    font-size: 0.95rem;
}
.edu-final-legal {
    margin-top: 1.8rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--c-border);
    font-size: 0.82rem;
    color: var(--c-ink-muted);
    line-height: 1.55;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 900px) {
    .edu-hero-grid,
    .edu-scope-grid,
    .edu-fit-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .edu-hero { padding: 2.5rem 0 2rem; }
    .edu-subnav { top: 58px; }
}

/* ============================================================
   PREMIUM SEMİNERLER / ATÖLYELER STYLING
   ============================================================ */
.sem-v2-page {
    --c-navy: #0e1731;
    --c-navy-light: #1a2a5c;
    --c-accent: #d0642a;
    --c-accent-dark: #a8441a;
    --c-accent-glow: rgba(208, 100, 42, 0.12);
    --c-paper: #fbf9f5;
    --c-ink: #141b2d;
    --c-ink-soft: #4d5773;
    --c-ink-muted: #747f9c;
    --c-border: rgba(26, 42, 92, 0.08);
    --c-border-hover: rgba(208, 100, 42, 0.35);
    --c-shadow: 0 10px 30px -10px rgba(14, 23, 49, 0.06), 0 2px 6px rgba(14, 23, 49, 0.03);
    --c-shadow-lg: 0 24px 50px -12px rgba(14, 23, 49, 0.12), 0 4px 12px rgba(14, 23, 49, 0.04);
    --radius-lg: 1.4rem;
    --radius-md: 0.95rem;
    color: var(--c-ink);
    background: #faf8f5;
}

.sem-subnav {
    position: sticky;
    top: 68px;
    z-index: 40;
    background: rgba(251, 249, 245, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--c-border);
    box-shadow: 0 4px 20px -8px rgba(14, 23, 49, 0.05);
}
.sem-subnav-inner {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    padding: 0.65rem 0;
    scrollbar-width: none;
}
.sem-subnav-inner::-webkit-scrollbar { display: none; }
.sem-subnav-link {
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--c-ink-soft);
    text-decoration: none;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    transition: all 0.2s ease;
}
.sem-subnav-link:hover {
    color: var(--c-accent-dark);
    background: var(--c-accent-glow);
}
.sem-subnav-cta {
    margin-left: auto;
    font-size: 0.8rem;
    padding: 0.45rem 1.15rem;
    border-radius: 999px;
}

.sem-intro-v2 {
    position: relative;
    padding: 4rem 0 3.8rem;
    background:
        radial-gradient(900px 450px at 15% 10%, rgba(208, 100, 42, 0.11), transparent 65%),
        radial-gradient(800px 400px at 85% 20%, rgba(26, 42, 92, 0.08), transparent 60%),
        linear-gradient(180deg, #f7f3ec 0%, #faf8f5 100%);
    border-bottom: 1px solid var(--c-border);
}
.sem-intro-grid-v2 {
    display: grid;
    grid-template-columns: 1.25fr 0.85fr;
    gap: 2.8rem;
    align-items: start;
}
.sem-intro-content h1 {
    margin: 0.35rem 0 1rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.3rem, 4.4vw, 3.6rem);
    color: var(--c-navy);
    line-height: 1.1;
    letter-spacing: -0.02em;
}
.sem-lead-p {
    font-size: 1.14rem;
    color: var(--c-ink-soft);
    line-height: 1.65;
    margin-bottom: 1.6rem;
}
.sem-intro-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 2.2rem;
}
.sem-intro-actions .btn {
    padding: 0.9rem 1.6rem;
    font-size: 0.95rem;
    border-radius: 999px;
}
.sem-philosophy-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-left: 4px solid var(--c-accent);
    border-radius: var(--radius-md);
    padding: 1.5rem 1.7rem;
    box-shadow: var(--c-shadow);
    margin-top: 1rem;
}
.sem-philosophy-card h2 {
    margin: 0 0 0.85rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.5rem;
    color: var(--c-navy);
    line-height: 1.25;
}
.sem-philosophy-card p {
    margin: 0 0 0.75rem;
    color: var(--c-ink-soft);
    line-height: 1.65;
    font-size: 0.96rem;
}
.sem-philosophy-card p:last-child { margin-bottom: 0; }

.sem-pillars-v2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sem-pillar-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.15rem;
    padding: 1.25rem 1.4rem;
    box-shadow: var(--c-shadow);
    display: flex;
    align-items: center;
    gap: 1.2rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sem-pillar-card:hover {
    transform: translateX(4px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.sem-pillar-num {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--c-accent);
    background: rgba(208, 100, 42, 0.08);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-style: normal;
}
.sem-pillar-title {
    font-size: 1.05rem;
    font-weight: 750;
    color: var(--c-navy);
    line-height: 1.35;
}

.sem-sec {
    padding: clamp(3.8rem, 6.5vw, 5.5rem) 0;
    position: relative;
}
.sem-sec-head-v2 {
    text-align: center;
    max-width: 44rem;
    margin: 0 auto 2.8rem;
}
.sem-sec-head-v2 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2rem, 3.4vw, 2.75rem);
    color: var(--c-navy);
    line-height: 1.15;
    margin: 0.35rem 0 0.65rem;
    letter-spacing: -0.015em;
}
.sem-sec-head-v2 p {
    margin: 0;
    font-size: 1.05rem;
    color: var(--c-ink-soft);
    line-height: 1.6;
}

.sem-topics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.25rem;
}
.sem-topic-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius-md);
    padding: 1.5rem 1.6rem;
    box-shadow: var(--c-shadow);
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sem-topic-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.sem-topic-index {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--c-accent-dark);
    background: rgba(208, 100, 42, 0.08);
    border-radius: 0.6rem;
    padding: 0.3rem 0.6rem;
    line-height: 1;
    flex-shrink: 0;
}
.sem-topic-body strong {
    display: block;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    color: var(--c-navy);
    line-height: 1.25;
    margin-bottom: 0.5rem;
}
.sem-topic-body p {
    margin: 0;
    color: var(--c-ink-soft);
    font-size: 0.95rem;
    line-height: 1.6;
}

.sem-audiences-v2 {
    background:
        radial-gradient(800px 350px at 15% 10%, rgba(208, 100, 42, 0.18), transparent 60%),
        linear-gradient(160deg, #090e1f 0%, #101a35 60%, #152244 100%);
    color: #e8eefc;
    padding: clamp(3.8rem, 6.5vw, 5.5rem) 0;
}
.sem-sec-head-v2.light h2 { color: #ffffff; }
.sem-sec-head-v2.light .eyebrow { color: #ffb48a; }
.sem-audiences-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1.2rem;
}
.sem-audience-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.25rem;
    padding: 1.6rem 1.4rem;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
.sem-audience-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(255, 180, 138, 0.35);
}
.sem-audience-card strong {
    display: block;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.5rem;
    color: #ffffff;
    margin-bottom: 0.5rem;
    letter-spacing: -0.01em;
}
.sem-audience-card span {
    display: block;
    color: rgba(232, 238, 252, 0.78);
    font-size: 0.92rem;
    line-height: 1.5;
}

.sem-past-sec-v2 {
    background: #faf8f5;
    padding: clamp(3.8rem, 6.5vw, 5.5rem) 0;
}
.sem-case-v2 {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.6rem;
    box-shadow: var(--c-shadow-lg);
    padding: 2.2rem;
    margin-bottom: 2.8rem;
    display: grid;
    grid-template-columns: 0.95fr 1.2fr;
    gap: 2.5rem;
    align-items: center;
    transition: border-color 0.25s ease;
}
.sem-case-v2:hover { border-color: var(--c-border-hover); }
.sem-case-v2.is-flip { grid-template-columns: 1.2fr 0.95fr; }
.sem-case-v2.is-flip .sem-case-media-v2 { order: 2; }
.sem-case-media-v2 {
    display: grid;
    grid-template-columns: 1.25fr 0.85fr;
    gap: 0.85rem;
    align-items: stretch;
}
.sem-case-photo-v2,
.sem-case-poster-v2 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1.1rem;
    background: #e9e4dc;
    box-shadow: var(--c-shadow);
}
.sem-case-photo-v2 { aspect-ratio: 4 / 5; }
.sem-case-poster-v2 { aspect-ratio: 3 / 4; align-self: end; }
.sem-case-photo-v2 img,
.sem-case-poster-v2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.sem-case-v2:hover .sem-case-photo-v2 img,
.sem-case-v2:hover .sem-case-poster-v2 img {
    transform: scale(1.04);
}
.sem-case-poster-v2 span {
    position: absolute;
    left: 0.6rem;
    bottom: 0.6rem;
    background: rgba(14, 23, 49, 0.85);
    backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
}
.sem-case-copy-v2 h3 {
    margin: 0.4rem 0 0.65rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    color: var(--c-navy);
    line-height: 1.2;
}
.sem-speaker-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(208, 100, 42, 0.08);
    border: 1px solid rgba(208, 100, 42, 0.2);
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 1.1rem;
}
.sem-speaker-badge a {
    color: var(--c-accent-dark);
    text-decoration: none;
}
.sem-case-lead-p {
    font-size: 1.06rem;
    color: var(--c-navy);
    font-weight: 600;
    line-height: 1.6;
    margin: 0 0 1rem;
}
.sem-case-copy-v2 p {
    color: var(--c-ink-soft);
    font-size: 0.95rem;
    line-height: 1.65;
    margin: 0 0 0.85rem;
}
.sem-case-copy-v2 .btn {
    margin-top: 0.85rem;
    border-radius: 999px;
    padding: 0.75rem 1.4rem;
    font-size: 0.9rem;
}

.sem-upcoming-v2 {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.4rem;
    padding: 2rem;
    box-shadow: var(--c-shadow);
    margin-top: 3.5rem;
}
.sem-upcoming-v2 h3 {
    margin: 0 0 1.5rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.8rem;
    color: var(--c-navy);
}
.sem-upcoming-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 1.25rem;
}
.sem-upcoming-item-v2 {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
    background: #faf8f5;
    border: 1px solid var(--c-border);
    transition: transform 0.2s ease;
}
.sem-upcoming-item-v2:hover { transform: translateY(-2px); }
.sem-upcoming-item-v2 img,
.sem-upcoming-fallback-v2 {
    width: 72px;
    height: 72px;
    border-radius: 0.75rem;
    object-fit: cover;
    flex-shrink: 0;
}
.sem-upcoming-fallback-v2 {
    background: linear-gradient(135deg, rgba(208, 100, 42, 0.15), rgba(26, 42, 92, 0.1));
    display: flex;
    align-items: center;
    justify-content: center;
}
.sem-upcoming-body strong {
    display: block;
    color: var(--c-navy);
    font-size: 1.05rem;
    margin-bottom: 0.25rem;
}
.sem-upcoming-body p {
    margin: 0 0 0.4rem;
    font-size: 0.88rem;
    color: var(--c-ink-soft);
    line-height: 1.45;
}
.sem-upcoming-meta {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--c-accent-dark);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.sem-close-v2 {
    background: linear-gradient(145deg, var(--c-navy) 0%, #16244d 100%);
    color: #ffffff;
    padding: clamp(4rem, 7vw, 6rem) 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.sem-close-v2::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(208, 100, 42, 0.18);
    filter: blur(70px);
    pointer-events: none;
}
.sem-close-inner-v2 {
    max-width: 44rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.sem-close-inner-v2 .sem-mark {
    font-size: 0.82rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffb48a;
    margin-bottom: 0.85rem;
}
.sem-close-inner-v2 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    color: #ffffff;
    line-height: 1.15;
    margin: 0 0 1.2rem;
}
.sem-close-inner-v2 p {
    font-size: 1.08rem;
    color: rgba(232, 238, 252, 0.85);
    line-height: 1.7;
    margin: 0 auto 2rem;
}
.sem-close-inner-v2 .hero-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.sem-close-inner-v2 .btn-primary {
    background: var(--c-accent);
    border: none;
    border-radius: 999px;
    padding: 0.95rem 1.8rem;
}
.sem-close-inner-v2 .btn-ghost {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    border-radius: 999px;
    padding: 0.95rem 1.8rem;
}
.sem-close-inner-v2 .btn-ghost:hover { background: rgba(255, 255, 255, 0.2); }

@media (max-width: 900px) {
    .sem-intro-grid-v2,
    .sem-case-v2,
    .sem-case-v2.is-flip {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .sem-case-v2.is-flip .sem-case-media-v2 { order: 0; }
    .sem-intro-v2 { padding: 2.5rem 0 2rem; }
    .sem-subnav { top: 58px; }
}

/* ============================================================
   PREMIUM HAKKIMIZDA (ABOUT US) OVERHAUL
   ============================================================ */
.ak-v2-page {
    --c-navy: #0e1731;
    --c-navy-light: #1a2a5c;
    --c-accent: #d0642a;
    --c-accent-dark: #a8441a;
    --c-accent-glow: rgba(208, 100, 42, 0.12);
    --c-paper: #fbf9f5;
    --c-ink: #141b2d;
    --c-ink-soft: #4d5773;
    --c-ink-muted: #747f9c;
    --c-border: rgba(26, 42, 92, 0.08);
    --c-border-hover: rgba(208, 100, 42, 0.35);
    --c-shadow: 0 10px 30px -10px rgba(14, 23, 49, 0.06), 0 2px 6px rgba(14, 23, 49, 0.03);
    --c-shadow-lg: 0 24px 50px -12px rgba(14, 23, 49, 0.12), 0 4px 12px rgba(14, 23, 49, 0.04);
    --radius-lg: 1.4rem;
    --radius-md: 0.95rem;
    color: var(--c-ink);
    background: #faf8f5;
    font-family: inherit;
}

.ak-subnav {
    position: sticky;
    top: 68px;
    z-index: 40;
    background: rgba(251, 249, 245, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--c-border);
    box-shadow: 0 4px 20px -8px rgba(14, 23, 49, 0.05);
}
.ak-subnav-inner {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    padding: 0.65rem 0;
    scrollbar-width: none;
}
.ak-subnav-inner::-webkit-scrollbar { display: none; }
.ak-subnav-link {
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--c-ink-soft);
    text-decoration: none;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    transition: all 0.2s ease;
}
.ak-subnav-link:hover {
    color: var(--c-accent-dark);
    background: var(--c-accent-glow);
}
.ak-subnav-cta {
    margin-left: auto;
    font-size: 0.8rem;
    padding: 0.45rem 1.15rem;
    border-radius: 999px;
}

.ak-story-v2 {
    position: relative;
    padding: 4rem 0 3.8rem;
    background:
        radial-gradient(900px 450px at 15% 10%, rgba(208, 100, 42, 0.12), transparent 65%),
        radial-gradient(850px 400px at 85% 20%, rgba(26, 42, 92, 0.08), transparent 60%),
        linear-gradient(180deg, #f7f3ec 0%, #faf8f5 100%);
    border-bottom: 1px solid var(--c-border);
}
.ak-story-layout-v2 {
    display: grid;
    grid-template-columns: 1.25fr 0.82fr;
    gap: 3rem;
    align-items: start;
}
.ak-header-box h1 {
    margin: 0.35rem 0 1rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.3rem, 4.4vw, 3.6rem);
    color: var(--c-navy);
    line-height: 1.08;
    letter-spacing: -0.02em;
}
.ak-page-lead-v2 {
    font-size: 1.14rem;
    color: var(--c-ink-soft);
    line-height: 1.65;
    margin-bottom: 1.6rem;
}
.ak-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 2rem;
}
.ak-hero-actions .btn {
    padding: 0.9rem 1.65rem;
    font-size: 0.95rem;
    border-radius: 999px;
}
.ak-subhead-banner {
    display: inline-block;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    color: var(--c-navy);
    margin: 0 0 1.2rem;
    position: relative;
}
.ak-subhead-banner::after {
    content: "";
    display: block;
    width: 3.5rem;
    height: 2px;
    background: var(--c-accent);
    margin-top: 0.4rem;
    border-radius: 2px;
}

.ak-prose-v2 {
    color: var(--c-ink-soft);
    font-size: 1.06rem;
    line-height: 1.8;
}
.ak-prose-v2 p { margin: 0 0 1.2rem; }
.ak-pull-v2 {
    margin: 2rem 0 0;
    padding: 1.6rem 1.8rem;
    border-radius: var(--radius-md);
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-left: 4px solid var(--c-accent);
    box-shadow: var(--c-shadow);
    position: relative;
}
.ak-pull-v2 blockquote {
    margin: 0 0 0.85rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.5rem, 2.4vw, 1.95rem);
    color: var(--c-navy);
    line-height: 1.3;
    font-style: italic;
}
.ak-pull-v2 figcaption {
    margin: 0;
    color: var(--c-ink-soft);
    line-height: 1.6;
    font-size: 0.95rem;
}

.ak-why-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.6rem;
    padding: 2.2rem 2rem;
    box-shadow: var(--c-shadow-lg);
    position: relative;
    transition: border-color 0.25s ease;
}
.ak-why-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2rem;
    right: 2rem;
    height: 3px;
    background: linear-gradient(90deg, var(--c-accent), #f59e0b);
    border-radius: 3px;
}
.ak-why-card h3 {
    margin: 0.6rem 0 1.4rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.5rem, 2.4vw, 1.9rem);
    color: var(--c-navy);
    line-height: 1.25;
}
.ak-why-card ul {
    list-style: none;
    margin: 0 0 1.6rem;
    padding: 0;
    display: grid;
    gap: 0.85rem;
}
.ak-why-card li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 0.85rem;
    background: #faf8f5;
    border: 1px solid rgba(26, 42, 92, 0.05);
    color: var(--c-navy);
    font-weight: 650;
    font-size: 0.96rem;
}
.ak-why-card li::before {
    content: "✦";
    color: var(--c-accent);
    font-size: 0.9rem;
}
.ak-why-end-v2 {
    margin: 0;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    color: var(--c-accent-dark);
    font-weight: 600;
    padding-top: 1rem;
    border-top: 1px solid var(--c-border);
}

.ak-origin-v2 {
    background:
        radial-gradient(800px 380px at 15% 10%, rgba(208, 100, 42, 0.16), transparent 60%),
        linear-gradient(160deg, #090e1f 0%, #121d3b 60%, #16244d 100%);
    color: #e8eefc;
    padding: clamp(4rem, 7vw, 5.8rem) 0;
    position: relative;
    overflow: hidden;
}
.ak-origin-row-v2 {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 3.5rem;
    align-items: center;
}
.ak-origin-brand-v2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.6rem;
    padding: 2.8rem 2rem;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.35);
    position: relative;
}
.ak-origin-brand-v2 img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    filter: drop-shadow(0 8px 20px rgba(208, 100, 42, 0.45));
    margin-bottom: 1rem;
}
.ak-origin-brand-v2 span {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.25em;
    color: #ffffff;
}
.ak-origin-copy-v2 .eyebrow { color: #ffb48a; }
.ak-origin-copy-v2 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    color: #ffffff;
    line-height: 1.15;
    margin: 0.4rem 0 1.2rem;
}
.ak-origin-copy-v2 p {
    color: rgba(232, 238, 252, 0.88);
    font-size: 1.1rem;
    line-height: 1.75;
    margin: 0 0 1.1rem;
}
.ak-origin-copy-v2 em {
    color: #ffb48a;
    font-style: normal;
    font-weight: 600;
}

.ak-beliefs-v2 {
    padding: clamp(3.8rem, 6.5vw, 5.5rem) 0;
    background: #faf8f5;
}
.ak-beliefs-head-v2 {
    text-align: center;
    max-width: 42rem;
    margin: 0 auto 3rem;
}
.ak-beliefs-head-v2 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2rem, 3.4vw, 2.75rem);
    color: var(--c-navy);
    line-height: 1.15;
    margin: 0.35rem 0 0;
}
.ak-belief-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ak-belief-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.4rem;
    padding: 2rem;
    box-shadow: var(--c-shadow);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.ak-belief-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.ak-belief-num {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--c-accent);
    background: rgba(208, 100, 42, 0.09);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.ak-belief-card strong {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.45rem;
    color: var(--c-navy);
    line-height: 1.25;
}
.ak-belief-card p {
    margin: 0;
    color: var(--c-ink-soft);
    font-size: 0.98rem;
    line-height: 1.6;
}

.ak-paths-sec { padding: 1rem 0 3.8rem; }
.ak-paths-row-v2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}
.ak-path-card {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.3rem;
    padding: 1.6rem 1.8rem;
    box-shadow: var(--c-shadow);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.ak-path-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.ak-path-num {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--c-accent-dark);
    font-style: normal;
    background: rgba(208, 100, 42, 0.08);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ak-path-body {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.ak-path-body strong {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    color: var(--c-navy);
    line-height: 1.2;
}
.ak-path-body span {
    color: var(--c-ink-soft);
    font-size: 0.9rem;
    line-height: 1.45;
}

.ak-team-sec {
    padding: clamp(3.8rem, 6.5vw, 5.5rem) 0;
    background: #f4efe7;
    border-top: 1px solid var(--c-border);
    border-bottom: 1px solid var(--c-border);
}
.ak-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2.6rem;
}
.ak-section-header h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2rem, 3.4vw, 2.75rem);
    color: var(--c-navy);
    line-height: 1.15;
    margin: 0.35rem 0 0.5rem;
}
.ak-section-header p {
    margin: 0;
    color: var(--c-ink-soft);
    font-size: 1.02rem;
}
.ak-team-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.75rem;
}
@media (max-width: 960px) {
    .ak-team-grid-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }
}
@media (max-width: 600px) {
    .ak-team-grid-v2 {
        grid-template-columns: 1fr;
    }
}
.ak-member-card-v2 {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.4rem;
    overflow: hidden;
    box-shadow: var(--c-shadow);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.ak-member-card-v2:hover {
    transform: translateY(-4px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.ak-member-photo-v2 {
    aspect-ratio: 4 / 4.5;
    overflow: hidden;
    background: #e9e4dc;
}
.ak-member-photo-v2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ak-member-card-v2:hover .ak-member-photo-v2 img { transform: scale(1.05); }
.ak-member-body-v2 {
    padding: 1.4rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex-grow: 1;
}
.ak-member-role-v2 {
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--c-accent-dark);
}
.ak-member-body-v2 strong {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.45rem;
    color: var(--c-navy);
    line-height: 1.2;
}
.ak-member-body-v2 em {
    color: var(--c-ink-soft);
    font-size: 0.9rem;
    line-height: 1.5;
    font-style: normal;
    margin-top: 0.25rem;
}
.ak-member-cta-v2 {
    margin-top: auto;
    padding-top: 0.9rem;
    font-size: 0.84rem;
    font-weight: 750;
    color: var(--c-accent-dark);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.ak-blog-sec {
    padding: clamp(3.8rem, 6.5vw, 5.5rem) 0;
    background: #faf8f5;
}
.ak-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 1.5rem;
}
.ak-blog-card-v2 {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.35rem;
    overflow: hidden;
    box-shadow: var(--c-shadow);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.ak-blog-card-v2:hover {
    transform: translateY(-4px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.ak-blog-media-v2 {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e9e4dc;
}
.ak-blog-media-v2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ak-blog-card-v2:hover .ak-blog-media-v2 img { transform: scale(1.05); }
.ak-blog-body-v2 {
    padding: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex-grow: 1;
}
.ak-blog-body-v2 time {
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--c-accent-dark);
}
.ak-blog-body-v2 strong {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.3rem;
    color: var(--c-navy);
    line-height: 1.3;
}
.ak-blog-body-v2 em {
    font-style: normal;
    color: var(--c-ink-soft);
    font-size: 0.9rem;
    line-height: 1.55;
    margin-top: 0.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ak-blog-body-v2 span {
    margin-top: auto;
    padding-top: 0.8rem;
    font-size: 0.84rem;
    font-weight: 750;
    color: var(--c-accent-dark);
}

.ak-close-v2 {
    background: linear-gradient(145deg, var(--c-navy) 0%, #16244d 100%);
    color: #ffffff;
    padding: clamp(4.2rem, 7vw, 6.2rem) 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ak-close-v2::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(208, 100, 42, 0.18);
    filter: blur(70px);
    pointer-events: none;
}
.ak-close-inner-v2 {
    max-width: 44rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.ak-close-inner-v2 .ak-mark {
    font-size: 0.82rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffb48a;
    margin-bottom: 0.85rem;
}
.ak-close-inner-v2 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    color: #ffffff;
    line-height: 1.15;
    margin: 0 0 1.2rem;
}
.ak-close-inner-v2 p {
    font-size: 1.1rem;
    color: rgba(232, 238, 252, 0.85);
    line-height: 1.7;
    margin: 0 auto 2rem;
}
.ak-close-inner-v2 .hero-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.ak-close-inner-v2 .btn-primary {
    background: var(--c-accent);
    border: none;
    border-radius: 999px;
    padding: 0.95rem 1.8rem;
}
.ak-close-inner-v2 .btn-ghost {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    border-radius: 999px;
    padding: 0.95rem 1.8rem;
}
.ak-close-inner-v2 .btn-ghost:hover { background: rgba(255, 255, 255, 0.2); }

@media (max-width: 900px) {
    .ak-story-layout-v2,
    .ak-origin-row-v2 {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .ak-story-v2 { padding: 2.5rem 0 2rem; }
    .ak-subnav { top: 58px; }
}


/* Hakkımızda Ekstra Lüks Detaylar */
.ak-hero-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 0.85rem;
}
.ak-hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: rgba(208, 100, 42, 0.08);
    border: 1px solid rgba(208, 100, 42, 0.2);
    color: var(--c-accent-dark);
    font-size: 0.74rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.ak-ethos-capsule {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1.4rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 1.2rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.82rem;
    color: #ffb48a;
}
.ak-ethos-capsule span {
    color: #ffffff;
}
.ak-origin-brand-v2::after {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 1.9rem;
    border: 1px dashed rgba(208, 100, 42, 0.35);
    pointer-events: none;
    animation: ring-pulse 4s ease-in-out infinite;
}
@keyframes ring-pulse {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.03); opacity: 0.8; }
}
.ak-belief-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ak-belief-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(26, 42, 92, 0.05);
    color: var(--c-navy);
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ============================================================
   PREMIUM EKİP DETAY / PROFİL (PROFILE V2)
   ============================================================ */
.profile-v2 {
    color: var(--ink);
    background: #faf8f5;
}

.profile-stage-v2 {
    background:
        radial-gradient(900px 480px at 85% 15%, rgba(208, 100, 42, 0.16), transparent 60%),
        radial-gradient(800px 400px at 15% 10%, rgba(26, 42, 92, 0.18), transparent 60%),
        linear-gradient(160deg, #090e1f 0%, #111a36 60%, #16244d 100%);
    color: #eef2ff;
    padding: clamp(3.2rem, 5.5vw, 4.8rem) 0;
    position: relative;
    overflow: hidden;
}

.profile-stage-grid-v2 {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: clamp(2.5rem, 5vw, 4.5rem);
    align-items: center;
}

.profile-photo-frame-v2 {
    position: relative;
    border-radius: 1.8rem;
    overflow: hidden;
    background: #1e2942;
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1);
    aspect-ratio: 4 / 5;
}
.profile-photo-frame-v2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.profile-photo-frame-v2:hover img {
    transform: scale(1.04);
}
.profile-photo-badge {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background: rgba(14, 23, 49, 0.82);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    color: #ffb48a;
    text-transform: uppercase;
}

.profile-stage-copy-v2 {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.profile-back-v2 {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    align-self: flex-start;
    font-size: 0.82rem;
    font-weight: 750;
    color: rgba(238, 242, 255, 0.75);
    text-decoration: none;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    transition: all 0.2s ease;
    margin-bottom: 0.35rem;
}
.profile-back-v2:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
}

.profile-role-v2 {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffb48a;
    margin: 0;
}

.profile-stage-copy-v2 h1 {
    margin: 0;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.4rem, 4.5vw, 3.8rem);
    color: #ffffff;
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.profile-lead-v2 {
    margin: 0.3rem 0 0.5rem;
    font-size: 1.1rem;
    line-height: 1.65;
    color: rgba(238, 242, 255, 0.85);
    max-width: 36rem;
}

.profile-focus-v2 {
    list-style: none;
    margin: 0.4rem 0 0.8rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.profile-focus-v2 li {
    padding: 0.35rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 650;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
}

.profile-actions-v2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: center;
    margin-top: 0.5rem;
}
.profile-actions-v2 .btn-primary {
    border-radius: 999px;
    padding: 0.9rem 1.8rem;
    font-size: 0.95rem;
}
.profile-actions-v2 .btn-ghost {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-radius: 999px;
    padding: 0.9rem 1.5rem;
    font-size: 0.95rem;
}
.profile-actions-v2 .btn-ghost:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Profile Body */
.profile-body-v2 {
    padding: clamp(3.5rem, 6vw, 5.2rem) 0;
    background: #faf8f5;
}
.profile-layout-v2 {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.7fr);
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
}

.profile-prose-v2 {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.5rem;
    padding: clamp(1.8rem, 3.5vw, 2.8rem);
    box-shadow: var(--c-shadow);
}
.profile-prose-head-v2 {
    margin-bottom: 1.8rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--c-border);
}
.profile-prose-head-v2 h2 {
    margin: 0.35rem 0 0;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2rem, 3.2vw, 2.6rem);
    color: var(--c-navy);
    line-height: 1.15;
}

.profile-rich-v2 {
    color: var(--c-ink-soft);
    font-size: 1.05rem;
    line-height: 1.8;
}
.profile-rich-v2 h3 {
    margin: 2.2rem 0 0.85rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.6rem;
    color: var(--c-navy);
    line-height: 1.25;
}
.profile-rich-v2 h3:first-child { margin-top: 0; }
.profile-rich-v2 p { margin: 0 0 1.2rem; }
.profile-rich-v2 ul {
    margin: 0 0 1.4rem;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.55rem;
}
.profile-rich-v2 li {
    position: relative;
    padding: 0.55rem 0 0.55rem 1.4rem;
    border-bottom: 1px solid rgba(26, 42, 92, 0.06);
    color: var(--c-navy);
    font-weight: 600;
}
.profile-rich-v2 li::before {
    content: "✦";
    position: absolute;
    left: 0;
    top: 0.55rem;
    color: var(--c-accent);
    font-size: 0.85rem;
}

/* Sidebar Rail */
.profile-rail-v2 {
    position: sticky;
    top: 90px;
    display: grid;
    gap: 1.25rem;
}
.profile-rail-card-v2 {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.4rem;
    padding: 1.8rem;
    box-shadow: var(--c-shadow);
}
.profile-rail-card-v2 h3 {
    margin: 0 0 0.75rem;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.5rem;
    color: var(--c-navy);
    line-height: 1.25;
}
.profile-rail-card-v2 p {
    margin: 0 0 1.2rem;
    color: var(--c-ink-soft);
    line-height: 1.6;
    font-size: 0.94rem;
}
.profile-rail-card-v2 .btn-primary {
    width: 100%;
    justify-content: center;
    border-radius: 999px;
    padding: 0.85rem 1.4rem;
    font-weight: 750;
    margin-bottom: 0.6rem;
}
.profile-rail-card-v2 .btn-ghost {
    width: 100%;
    justify-content: center;
    border-radius: 999px;
    padding: 0.85rem 1.4rem;
}
.profile-rail-list-v2 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.profile-rail-list-v2 li {
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(208, 100, 42, 0.08);
    border: 1px solid rgba(208, 100, 42, 0.18);
    color: var(--c-accent-dark);
    font-size: 0.84rem;
    font-weight: 700;
}

/* Peer Consultants */
.profile-peers-v2 {
    padding: clamp(3.5rem, 6vw, 5rem) 0;
    border-top: 1px solid var(--c-border);
    background: #f4efe7;
}
.profile-peers-head-v2 {
    margin-bottom: 2rem;
}
.profile-peers-head-v2 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    color: var(--c-navy);
    margin: 0.35rem 0 0;
}
.profile-peers-row-v2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
}
.profile-peer-v2 {
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 1.25rem;
    padding: 1rem 1.2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    box-shadow: var(--c-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.profile-peer-v2:hover {
    transform: translateY(-3px);
    box-shadow: var(--c-shadow-lg);
    border-color: var(--c-border-hover);
}
.profile-peer-v2 img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--c-paper);
}
.profile-peer-v2 strong {
    display: block;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.2rem;
    color: var(--c-navy);
    line-height: 1.2;
}
.profile-peer-v2 em {
    display: block;
    font-style: normal;
    font-size: 0.78rem;
    font-weight: 750;
    color: var(--c-accent-dark);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 0.15rem;
}

@media (max-width: 900px) {
    .profile-stage-grid-v2,
    .profile-layout-v2 {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .profile-photo-frame-v2 {
        max-width: 320px;
        margin: 0 auto;
    }
    .profile-stage-v2 {
        padding: 2.5rem 0 2rem;
    }
}


/* ==========================================================================
   BLOG V3 - EDITORIAL LUXURY & POLISHED READABILITY
   ========================================================================== */
.blog-page-v3 {
    background: #fbfaf8;
    min-height: 100vh;
    padding-bottom: 5rem;
}

.blog-hero-v3 {
    position: relative;
    padding: clamp(3.5rem, 6vw, 5rem) 0 2.5rem;
    background: radial-gradient(circle at 80% 20%, rgba(226, 104, 42, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 10% 80%, rgba(35, 53, 116, 0.06) 0%, transparent 60%),
                #faf8f5;
    border-bottom: 1px solid rgba(22, 33, 62, 0.08);
}

.blog-hero-v3-inner {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
}

.blog-pill-v3 {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.95rem;
    border-radius: 9999px;
    background: rgba(226, 104, 42, 0.1);
    color: #c45c26;
    font-size: 0.78rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1.2rem;
}

.blog-hero-v3 h1 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.4rem, 4.5vw, 3.6rem);
    color: #16213e;
    font-weight: 400;
    line-height: 1.12;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;
}

.blog-hero-v3 p {
    font-size: 1.12rem;
    line-height: 1.65;
    color: #4a5568;
    max-width: 38rem;
    margin: 0 auto;
}

/* Spotlight / Featured First Post */
.blog-spotlight-sec {
    padding: 2.5rem 0 1.5rem;
}

.blog-spotlight-card {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    background: #ffffff;
    border-radius: 1.5rem;
    overflow: hidden;
    border: 1px solid rgba(22, 33, 62, 0.08);
    box-shadow: 0 16px 36px -16px rgba(22, 33, 62, 0.08);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.blog-spotlight-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 48px -18px rgba(22, 33, 62, 0.14);
    border-color: rgba(226, 104, 42, 0.35);
}

.blog-spotlight-media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e9ecef;
}

.blog-spotlight-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.blog-spotlight-card:hover .blog-spotlight-media img {
    transform: scale(1.05);
}

.blog-badge-accent {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    background: rgba(22, 33, 62, 0.88);
    backdrop-filter: blur(8px);
    color: #ffffff;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.blog-spotlight-body {
    padding: clamp(2rem, 3.5vw, 3rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.9rem;
}

.blog-spotlight-meta {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 0.8rem;
    color: #718096;
    font-weight: 600;
}

.blog-spotlight-meta time {
    color: #c45c26;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.blog-spotlight-title {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.8rem, 2.6vw, 2.3rem);
    line-height: 1.2;
    color: #16213e;
    margin: 0;
    font-weight: 400;
    transition: color 0.25s ease;
}

.blog-spotlight-card:hover .blog-spotlight-title {
    color: #c45c26;
}

.blog-spotlight-summary {
    color: #4a5568;
    line-height: 1.6;
    font-size: 0.98rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-spotlight-btn {
    align-self: flex-start;
    margin-top: 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 750;
    font-size: 0.92rem;
    color: #c45c26;
    transition: transform 0.2s ease, gap 0.2s ease;
}

.blog-spotlight-card:hover .blog-spotlight-btn {
    gap: 0.8rem;
}

/* Post Grid V3 */
.blog-grid-sec-v3 {
    padding: 2rem 0 clamp(3.5rem, 6vw, 5rem);
}

.blog-grid-v3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.blog-card-v3 {
    background: #ffffff;
    border-radius: 1.25rem;
    border: 1px solid rgba(22, 33, 62, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 8px 24px -12px rgba(22, 33, 62, 0.06);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

.blog-card-v3:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -16px rgba(22, 33, 62, 0.12);
    border-color: rgba(226, 104, 42, 0.35);
}

.blog-card-v3-media {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #edf2f7;
    overflow: hidden;
}

.blog-card-v3-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.blog-card-v3:hover .blog-card-v3-media img {
    transform: scale(1.06);
}

.blog-card-v3-body {
    padding: 1.6rem 1.6rem 1.4rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0.75rem;
}

.blog-card-v3-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.78rem;
    color: #718096;
}

.blog-card-v3-meta time {
    color: #c45c26;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.74rem;
}

.blog-card-v3-title {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    line-height: 1.28;
    color: #16213e;
    font-weight: 400;
    margin: 0;
    transition: color 0.2s ease;
}

.blog-card-v3:hover .blog-card-v3-title {
    color: #c45c26;
}

.blog-card-v3-summary {
    color: #4a5568;
    font-size: 0.92rem;
    line-height: 1.55;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card-v3-foot {
    margin-top: auto;
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.86rem;
    font-weight: 750;
    color: #16213e;
    border-top: 1px solid rgba(22, 33, 62, 0.05);
}

.blog-card-v3:hover .blog-card-v3-foot {
    color: #c45c26;
}

/* Blog Banner CTA */
.blog-cta-banner-v3 {
    margin-top: 2rem;
    background: linear-gradient(135deg, #16213e 0%, #233574 100%);
    border-radius: 1.75rem;
    padding: clamp(2.5rem, 5vw, 3.5rem);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
    box-shadow: 0 20px 48px -16px rgba(22, 33, 62, 0.25);
}

.blog-cta-banner-v3-text {
    max-width: 34rem;
}

.blog-cta-banner-v3-text h3 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.8rem, 3vw, 2.3rem);
    color: #ffffff;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 0.6rem;
}

.blog-cta-banner-v3-text p {
    color: rgba(240, 244, 255, 0.85);
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

.blog-cta-banner-v3-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.blog-cta-banner-v3-actions .btn-white {
    background: #ffffff;
    color: #16213e;
    font-weight: 750;
    padding: 0.85rem 1.6rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.blog-cta-banner-v3-actions .btn-white:hover {
    transform: translateY(-2px);
    background: #fff5ee;
    color: #c45c26;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.blog-cta-banner-v3-actions .btn-outline-white {
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
    font-weight: 600;
    padding: 0.85rem 1.5rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.blog-cta-banner-v3-actions .btn-outline-white:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
}

/* ==========================================================================
   BLOG DETAIL V3 - ARTICLE EDITORIAL DESIGN
   ========================================================================== */
.blog-detail-v3 {
    background: #fbfaf8;
    min-height: 100vh;
    padding-bottom: 5rem;
}

.blog-detail-head-v3 {
    padding: clamp(2.5rem, 5vw, 4rem) 0 1.8rem;
    background: linear-gradient(180deg, #f7f4ef 0%, #fbfaf8 100%);
    border-bottom: 1px solid rgba(22, 33, 62, 0.06);
}

.blog-detail-topbar-v3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.blog-back-v3 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.84rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #c45c26;
    text-decoration: none;
    padding: 0.4rem 0.85rem;
    background: rgba(226, 104, 42, 0.08);
    border-radius: 9999px;
    transition: background 0.2s ease, transform 0.2s ease;
}

.blog-back-v3:hover {
    background: rgba(226, 104, 42, 0.15);
    transform: translateX(-3px);
}

.blog-detail-meta-v3 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 0.84rem;
    color: #718096;
    font-weight: 600;
}

.blog-detail-meta-v3 time {
    color: #16213e;
    font-weight: 700;
}

.blog-detail-head-v3 h1 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    line-height: 1.15;
    color: #16213e;
    font-weight: 400;
    margin: 0 0 1.2rem;
    max-width: 52rem;
    letter-spacing: -0.01em;
}

.blog-detail-lead-v3 {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #4a5568;
    max-width: 48rem;
    margin: 0 0 1rem;
    padding-left: 1.25rem;
    border-left: 3px solid #e2682a;
    font-style: italic;
}

.blog-detail-cover-v3 {
    margin: 2.2rem auto 2.8rem;
    max-width: 58rem;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 20px 48px -16px rgba(22, 33, 62, 0.14);
    background: #e9ecef;
}

.blog-detail-cover-v3 img {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    display: block;
}

.blog-detail-body-v3 {
    max-width: 46rem;
    margin: 0 auto;
    padding-bottom: 3.5rem;
}

.blog-prose-v3 {
    font-size: 1.12rem;
    line-height: 1.85;
    color: #2d3748;
}

.blog-prose-v3 p {
    margin: 0 0 1.5rem;
}

.blog-prose-v3 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.8rem, 2.5vw, 2.3rem);
    color: #16213e;
    line-height: 1.25;
    margin: 2.5rem 0 1rem;
    font-weight: 400;
    letter-spacing: -0.01em;
}

.blog-prose-v3 h3 {
    font-size: 1.35rem;
    color: #16213e;
    font-weight: 750;
    margin: 2rem 0 0.8rem;
}

.blog-prose-v3 ul, .blog-prose-v3 ol {
    margin: 0 0 1.6rem;
    padding-left: 1.6rem;
}

.blog-prose-v3 li {
    margin-bottom: 0.5rem;
}

.blog-prose-v3 blockquote {
    margin: 2rem 0;
    padding: 1.25rem 1.6rem;
    background: rgba(226, 104, 42, 0.05);
    border-left: 4px solid #e2682a;
    border-radius: 0 0.75rem 0.75rem 0;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    line-height: 1.5;
    color: #16213e;
}

.blog-prose-v3 strong {
    color: #16213e;
    font-weight: 750;
}

/* Post-Article Consultation Callout */
.blog-consult-box-v3 {
    margin: 3.5rem 0 1rem;
    background: #ffffff;
    border-radius: 1.5rem;
    border: 1px solid rgba(22, 33, 62, 0.08);
    padding: clamp(2rem, 4vw, 2.75rem);
    box-shadow: 0 12px 32px -12px rgba(22, 33, 62, 0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}

.blog-consult-box-v3-text h4 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.7rem;
    color: #16213e;
    margin: 0 0 0.4rem;
    font-weight: 400;
}

.blog-consult-box-v3-text p {
    color: #4a5568;
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.55;
    max-width: 28rem;
}

.blog-consult-box-v3-actions {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.blog-consult-box-v3-actions .btn-primary-orange {
    background: #e2682a;
    color: #ffffff;
    font-weight: 750;
    padding: 0.8rem 1.5rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.blog-consult-box-v3-actions .btn-primary-orange:hover {
    background: #c45c26;
    transform: translateY(-2px);
}

.blog-consult-box-v3-actions .btn-soft-navy {
    background: rgba(22, 33, 62, 0.06);
    color: #16213e;
    font-weight: 700;
    padding: 0.8rem 1.4rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.blog-consult-box-v3-actions .btn-soft-navy:hover {
    background: rgba(22, 33, 62, 0.12);
}

/* Related Posts Section */
.blog-related-v3 {
    margin-top: 3rem;
    padding-top: 3.5rem;
    border-top: 1px solid rgba(22, 33, 62, 0.08);
}

.blog-related-v3 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.8rem, 2.8vw, 2.4rem);
    color: #16213e;
    font-weight: 400;
    margin: 0 0 1.8rem;
}

/* Responsive queries */
@media (max-width: 900px) {
    .blog-spotlight-card {
        grid-template-columns: 1fr;
    }
    .blog-grid-v3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }
    .blog-cta-banner-v3 {
        flex-direction: column;
        align-items: flex-start;
    }
    .blog-consult-box-v3 {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .blog-grid-v3 {
        grid-template-columns: 1fr;
    }
    .blog-detail-topbar-v3 {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Blog Detail Enhanced Editorial Features */
.blog-reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #e2682a, #ff9b6a);
    z-index: 9999;
    width: 0%;
    transition: width 0.1s ease-out;
}

.blog-breadcrumb-v3 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: #718096;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.blog-breadcrumb-v3 a {
    color: #718096;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-breadcrumb-v3 a:hover {
    color: #c45c26;
}

.blog-breadcrumb-v3 .sep {
    opacity: 0.5;
    font-size: 0.75rem;
}

.blog-topic-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(226, 104, 42, 0.1);
    color: #c45c26;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    font-size: 0.76rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.blog-verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(35, 53, 116, 0.08);
    color: #233574;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    font-size: 0.76rem;
    font-weight: 700;
}

.blog-prose-v3 > p:first-of-type::first-letter {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 3.5rem;
    float: left;
    line-height: 0.82;
    margin-right: 0.65rem;
    margin-top: 0.2rem;
    color: #16213e;
    font-weight: 400;
}

.blog-note-card-v3 {
    margin: 2.5rem 0 2rem;
    padding: 1.4rem 1.6rem;
    background: #f4f6fa;
    border-radius: 1rem;
    border-left: 4px solid #233574;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.blog-note-card-v3 svg {
    color: #233574;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.blog-note-card-v3-text {
    font-size: 0.92rem;
    line-height: 1.6;
    color: #4a5568;
}

.blog-note-card-v3-text strong {
    color: #16213e;
    display: block;
    margin-bottom: 0.2rem;
}

.blog-clinic-badge-v3 {
    margin-top: 2.5rem;
    padding: 1.75rem 2rem;
    background: #ffffff;
    border: 1px solid rgba(22, 33, 62, 0.08);
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    box-shadow: 0 8px 24px -12px rgba(22, 33, 62, 0.06);
}

.blog-clinic-badge-v3-logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f7f4ef;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(22, 33, 62, 0.06);
}

.blog-clinic-badge-v3-logo img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.blog-clinic-badge-v3-info {
    flex-grow: 1;
}

.blog-clinic-badge-v3-info strong {
    display: block;
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.3rem;
    color: #16213e;
    line-height: 1.2;
}

.blog-clinic-badge-v3-info span {
    display: block;
    font-size: 0.85rem;
    color: #718096;
    margin-top: 0.2rem;
}

.blog-share-bar-v3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 0;
    margin: 2rem 0 1rem;
    border-top: 1px solid rgba(22, 33, 62, 0.08);
    border-bottom: 1px solid rgba(22, 33, 62, 0.08);
    flex-wrap: wrap;
    gap: 1rem;
}

.blog-share-label {
    font-size: 0.88rem;
    font-weight: 700;
    color: #16213e;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.blog-share-actions {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.blog-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border-radius: 9999px;
    border: 1px solid rgba(22, 33, 62, 0.12);
    background: #ffffff;
    color: #16213e;
    font-size: 0.82rem;
    font-weight: 650;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}

.blog-share-btn:hover {
    border-color: #c45c26;
    color: #c45c26;
    background: #fff8f5;
    transform: translateY(-1px);
}

/* ==========================================================================
   RANDEVU V4 - NEXT-LEVEL CLINICAL APPOINTMENT SUITE (CAL.COM / CALENDLY STYLE)
   ========================================================================== */
.rx-page {
    background: #fbfaf8;
    min-height: 100vh;
    padding-bottom: 5rem;
}

.rx-head-v3 {
    text-align: center;
    padding: clamp(3rem, 6vw, 4.5rem) 0 2rem;
    position: relative;
    max-width: 52rem;
    margin: 0 auto;
}

.rx-head-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.rx-head-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    background: rgba(35, 53, 116, 0.06);
    border: 1px solid rgba(35, 53, 116, 0.12);
    color: #233574;
    font-size: 0.76rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rx-head-pill.accent {
    background: rgba(226, 104, 42, 0.08);
    border-color: rgba(226, 104, 42, 0.2);
    color: #c45c26;
}

.rx-head-v3 h1 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.4rem, 4.5vw, 3.8rem);
    color: #16213e;
    font-weight: 400;
    line-height: 1.12;
    margin: 0 0 0.85rem;
    letter-spacing: -0.01em;
}

.rx-head-v3 p {
    font-size: 1.12rem;
    color: #4a5568;
    line-height: 1.65;
    max-width: 38rem;
    margin: 0 auto 1.75rem;
}

/* Consultation Mode Switcher (Yüz Yüze vs Online) */
.rx-mode-tabs {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    padding: 0.35rem;
    border-radius: 9999px;
    border: 1px solid rgba(22, 33, 62, 0.1);
    box-shadow: 0 4px 16px -4px rgba(22, 33, 62, 0.06);
    margin: 0 auto;
}

.rx-mode-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.4rem;
    border-radius: 9999px;
    border: none;
    background: transparent;
    color: #718096;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.rx-mode-btn:hover {
    color: #16213e;
}

.rx-mode-btn.is-active {
    background: #16213e;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(22, 33, 62, 0.2);
}

/* Stepped Progress Bar */
.rx-steps-wrap {
    margin-bottom: 2rem;
}

.rx-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    background: #ffffff;
    padding: 0.65rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(22, 33, 62, 0.08);
    box-shadow: 0 4px 16px -4px rgba(22, 33, 62, 0.04);
}

.rx-steps button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.8rem 1rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.95rem;
    color: #718096;
    font-size: 0.88rem;
    font-weight: 650;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.rx-steps button i {
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 800;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f1ede8;
    color: #718096;
    transition: all 0.25s ease;
}

.rx-steps button:hover:not(:disabled) {
    background: #faf8f5;
    color: #16213e;
}

.rx-steps button.is-current {
    background: #ffffff;
    border-color: rgba(226, 104, 42, 0.35);
    color: #16213e;
    box-shadow: 0 6px 18px -4px rgba(226, 104, 42, 0.16);
}

.rx-steps button.is-current i {
    background: #e2682a;
    color: #ffffff;
}

.rx-steps button.is-done {
    color: #233574;
}

.rx-steps button.is-done i {
    background: rgba(34, 140, 90, 0.15);
    color: #176b42;
}

/* Master Shell Layout */
.rx-shell {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 2.2rem;
    align-items: start;
}

.rx-panel {
    background: #ffffff;
    border: 1px solid rgba(22, 33, 62, 0.08);
    border-radius: 1.5rem;
    padding: clamp(1.75rem, 3vw, 2.5rem);
    box-shadow: 0 12px 36px -16px rgba(22, 33, 62, 0.06);
    display: none;
}

.rx-panel.is-active {
    display: block;
    animation: rx-panel-in 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

@keyframes rx-panel-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.rx-panel-head {
    margin-bottom: 1.75rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(22, 33, 62, 0.06);
}

.rx-panel-head .eyebrow {
    color: #c45c26;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 0.3rem;
}

.rx-panel-head h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(1.8rem, 2.6vw, 2.3rem);
    color: #16213e;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 0.35rem;
}

.rx-panel-head p {
    color: #718096;
    font-size: 0.95rem;
    margin: 0;
}

/* Step 1: Specialist Selection Cards */
.rx-members {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
}

.rx-member {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    padding: 1.2rem 1.35rem;
    background: #ffffff;
    border: 1.5px solid rgba(22, 33, 62, 0.1);
    border-radius: 1.25rem;
    cursor: pointer;
    position: relative;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.rx-member input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.rx-member-photo {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
    background: #f1ede8;
    flex-shrink: 0;
    border: 2.5px solid rgba(22, 33, 62, 0.08);
    transition: all 0.25s ease;
}

.rx-member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rx-member-photo.any {
    display: grid;
    place-items: center;
    background: rgba(35, 53, 116, 0.06);
}

.rx-member-photo.any img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.rx-member-meta {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex-grow: 1;
}

.rx-member-meta strong {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    color: #16213e;
    line-height: 1.2;
    transition: color 0.2s ease;
}

.rx-member-meta em {
    font-style: normal;
    font-size: 0.82rem;
    color: #718096;
    line-height: 1.35;
}

.rx-member-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    color: #059669;
    font-weight: 750;
    margin-top: 0.15rem;
}

.rx-member-tag::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
}

.rx-member-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid rgba(22, 33, 62, 0.2);
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: transparent;
    transition: all 0.2s ease;
}

.rx-member:hover {
    border-color: rgba(226, 104, 42, 0.45);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px -10px rgba(22, 33, 62, 0.1);
}

.rx-member:has(input:checked) {
    border-color: #e2682a;
    background: rgba(226, 104, 42, 0.035);
    box-shadow: 0 12px 28px -10px rgba(226, 104, 42, 0.22);
}

.rx-member:has(input:checked) .rx-member-photo {
    border-color: #e2682a;
    transform: scale(1.05);
}

.rx-member:has(input:checked) .rx-member-meta strong {
    color: #c45c26;
}

.rx-member:has(input:checked) .rx-member-check {
    border-color: #e2682a;
    background: #e2682a;
    color: #ffffff;
}

/* ==========================================================================
   COMBINED CALENDAR & TIME SLOTS DASHBOARD (STEP 2 & 3)
   ========================================================================== */
.rx-dashboard-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 2rem;
    align-items: start;
}

/* Left: Interactive Monthly Calendar */
.rx-cal-box {
    background: #ffffff;
    border: 1px solid rgba(22, 33, 62, 0.08);
    border-radius: 1.25rem;
    padding: 1.5rem;
    box-shadow: 0 4px 16px -4px rgba(22, 33, 62, 0.04);
}

.rx-cal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(22, 33, 62, 0.06);
}

.rx-cal-title {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.45rem;
    color: #16213e;
    font-weight: 400;
}

.rx-cal-nav {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.rx-cal-nav-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(22, 33, 62, 0.12);
    background: #ffffff;
    color: #16213e;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.rx-cal-nav-btn:hover:not(:disabled) {
    background: #16213e;
    color: #ffffff;
    border-color: #16213e;
}

.rx-cal-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.rx-cal-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: 0.76rem;
    font-weight: 750;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.65rem;
}

.rx-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.4rem;
}

.rx-cal-cell {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    border: 1.5px solid transparent;
    background: transparent;
    color: #a0aec0;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: default;
    position: relative;
    transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.rx-cal-cell.is-avail {
    color: #16213e;
    background: #f8fafc;
    border-color: rgba(22, 33, 62, 0.08);
    cursor: pointer;
    font-weight: 750;
}

.rx-cal-cell.is-avail:hover {
    border-color: #e2682a;
    background: rgba(226, 104, 42, 0.05);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px -2px rgba(226, 104, 42, 0.15);
}

.rx-cal-cell.is-avail::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e2682a;
    position: absolute;
    bottom: 5px;
}

.rx-cal-cell.is-selected {
    background: linear-gradient(135deg, #e2682a 0%, #ff9b6a 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px -4px rgba(226, 104, 42, 0.45) !important;
    transform: translateY(-2px) scale(1.04);
}

.rx-cal-cell.is-selected::after {
    background: #ffffff !important;
}

.rx-cal-cell.is-empty {
    visibility: hidden;
    pointer-events: none;
}

.rx-cal-legend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px dashed rgba(22, 33, 62, 0.1);
    font-size: 0.8rem;
    color: #718096;
}

.rx-cal-legend-dot {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.rx-cal-legend-dot::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e2682a;
    display: inline-block;
}

.rx-slot-empty {
    padding: 2.5rem 1.25rem;
    text-align: center;
    color: #718096;
    font-size: 0.92rem;
    line-height: 1.5;
    background: #fbfaf8;
    border-radius: 1rem;
    border: 1px dashed rgba(22, 33, 62, 0.12);
}

.rx-summary-pill-bar {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    background: #f8fafc;
    border: 1px solid rgba(22, 33, 62, 0.08);
    border-radius: 1rem;
    padding: 0.85rem 1.15rem;
    margin-bottom: 1.5rem;
}

.rx-summary-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: #ffffff;
    border: 1px solid rgba(22, 33, 62, 0.1);
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #16213e;
}

.rx-summary-pill svg {
    color: #e2682a;
}

/* Right: Time Slots Panel */
.rx-slots-panel {
    background: #ffffff;
    border: 1px solid rgba(22, 33, 62, 0.08);
    border-radius: 1.25rem;
    padding: 1.5rem;
    box-shadow: 0 4px 16px -4px rgba(22, 33, 62, 0.04);
}

.rx-slots-header {
    margin-bottom: 1.25rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(22, 33, 62, 0.06);
}

.rx-slots-header h3 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    color: #16213e;
    margin: 0 0 0.2rem;
    font-weight: 400;
}

.rx-slots-header span {
    font-size: 0.82rem;
    color: #718096;
}

.rx-slots-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-height: 380px;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.rx-slot-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1.15rem;
    background: #f8fafc;
    border: 1.5px solid rgba(22, 33, 62, 0.08);
    border-radius: 0.95rem;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.rx-slot-time {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.98rem;
    font-weight: 750;
    color: #16213e;
}

.rx-slot-time svg {
    color: #e2682a;
    flex-shrink: 0;
}

.rx-slot-badge {
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    background: rgba(35, 53, 116, 0.06);
    color: #233574;
}

.rx-slot-btn:hover {
    border-color: #e2682a;
    background: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px -4px rgba(226, 104, 42, 0.15);
}

.rx-slot-btn.is-selected {
    background: linear-gradient(135deg, #e2682a 0%, #ff9b6a 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 22px -6px rgba(226, 104, 42, 0.45) !important;
    transform: translateY(-2px);
}

.rx-slot-btn.is-selected .rx-slot-time,
.rx-slot-btn.is-selected .rx-slot-time svg,
.rx-slot-btn.is-selected .rx-slot-badge {
    color: #ffffff !important;
}

.rx-slot-btn.is-selected .rx-slot-badge {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Step 4: Contact Information Fields */
.rx-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.rx-field-item {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.rx-field-item.full {
    grid-column: 1 / -1;
}

.rx-field-item label {
    font-size: 0.82rem;
    font-weight: 750;
    color: #16213e;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.rx-field-item input,
.rx-field-item select,
.rx-field-item textarea {
    border: 1.5px solid #d3dae8 !important;
    background: #ffffff !important;
    border-radius: 0.85rem !important;
    padding: 0.85rem 1.1rem !important;
    font-size: 0.98rem !important;
    font-family: inherit;
    color: #16213e !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.rx-field-item input:focus,
.rx-field-item select:focus,
.rx-field-item textarea:focus {
    outline: none !important;
    border-color: #e2682a !important;
    box-shadow: 0 0 0 3px rgba(226, 104, 42, 0.16) !important;
}

.rx-field-item input::placeholder,
.rx-field-item textarea::placeholder {
    color: #a0aec0;
}

/* Privacy Assurance Banner inside Contact step */
.rx-kvkk-card {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border-radius: 0.85rem;
    background: rgba(35, 53, 116, 0.04);
    border: 1px solid rgba(35, 53, 116, 0.08);
    font-size: 0.82rem;
    color: #4a5568;
    line-height: 1.45;
}

.rx-kvkk-card svg {
    color: #10b981;
    flex-shrink: 0;
}

/* Navigation Row */
.rx-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    margin-top: 2rem;
    padding-top: 1.4rem;
    border-top: 1px solid rgba(22, 33, 62, 0.08);
}

.rx-nav .btn-primary {
    background: linear-gradient(135deg, #e2682a 0%, #ff9b6a 100%) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 750 !important;
    padding: 0.9rem 1.85rem !important;
    border-radius: 9999px !important;
    box-shadow: 0 8px 20px -6px rgba(226, 104, 42, 0.35) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.rx-nav .btn-primary:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px -8px rgba(226, 104, 42, 0.45) !important;
}

.rx-nav .btn-primary:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.rx-nav .btn-ghost {
    background: rgba(22, 33, 62, 0.05);
    border: 1px solid rgba(22, 33, 62, 0.1);
    color: #16213e;
    font-weight: 650;
    padding: 0.85rem 1.6rem;
    border-radius: 9999px;
    transition: background 0.2s ease;
}

.rx-nav .btn-ghost:hover {
    background: rgba(22, 33, 62, 0.1);
}

/* ==========================================================================
   THE LUXURY RESERVATION PASSPORT (RIGHT RAIL)
   ========================================================================== */
.rx-rail {
    position: sticky;
    top: 5.5rem;
}

.rx-ticket {
    background: #ffffff;
    border-radius: 1.5rem;
    border: 1px solid rgba(22, 33, 62, 0.08);
    box-shadow: 0 16px 40px -16px rgba(22, 33, 62, 0.1);
    overflow: hidden;
}

.rx-ticket-photo {
    aspect-ratio: 16 / 10;
    background: radial-gradient(circle, #f7f4ef 0%, #ede8e1 100%);
    position: relative;
    overflow: hidden;
}

.rx-ticket-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rx-ticket-badge {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    background: rgba(22, 33, 62, 0.85);
    backdrop-filter: blur(6px);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 750;
    padding: 0.3rem 0.75rem;
    border-radius: 9999px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rx-ticket-body {
    padding: 1.5rem 1.6rem;
}

.rx-ticket-body .eyebrow {
    color: #c45c26;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rx-ticket-body h3 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.45rem;
    color: #16213e;
    margin: 0.2rem 0 1.2rem;
    font-weight: 400;
}

.rx-ticket-body dl {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0 0 1.4rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(22, 33, 62, 0.08);
}

.rx-ticket-body dl div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
}

.rx-ticket-body dt {
    font-size: 0.78rem;
    color: #718096;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.rx-ticket-body dd {
    margin: 0;
    font-size: 0.95rem;
    color: #16213e;
    font-weight: 700;
    text-align: right;
}

.rx-ticket-note {
    font-size: 0.82rem;
    line-height: 1.5;
    color: #718096;
    margin-bottom: 1.2rem;
}

.rx-ticket-support {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.85rem;
    background: rgba(35, 53, 116, 0.05);
    color: #233574;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease;
}

.rx-ticket-support:hover {
    background: rgba(35, 53, 116, 0.1);
}

.rx-ticket-support svg {
    color: #e2682a;
    flex-shrink: 0;
}

/* Trust Pillar Cards */
.rx-trust-sec {
    margin-top: 4rem;
    padding-top: 3.5rem;
    border-top: 1px solid rgba(22, 33, 62, 0.08);
}

.rx-trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.rx-trust-card {
    background: #ffffff;
    border: 1px solid rgba(22, 33, 62, 0.08);
    border-radius: 1.25rem;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    box-shadow: 0 8px 24px -12px rgba(22, 33, 62, 0.06);
}

.rx-trust-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(226, 104, 42, 0.08);
    color: #e2682a;
    display: grid;
    place-items: center;
    margin-bottom: 0.4rem;
}

.rx-trust-card h4 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: 1.35rem;
    color: #16213e;
    margin: 0;
    font-weight: 400;
}

.rx-trust-card p {
    font-size: 0.92rem;
    color: #4a5568;
    line-height: 1.6;
    margin: 0;
}

/* Success Screen */
.rx-success-v3 {
    text-align: center;
    max-width: 42rem;
    margin: 2rem auto;
    padding: 3rem 2rem;
    background: #ffffff;
    border-radius: 2rem;
    border: 1px solid rgba(22, 33, 62, 0.08);
    box-shadow: 0 24px 60px -20px rgba(22, 33, 62, 0.12);
}

.rx-success-v3-badge {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    display: grid;
    place-items: center;
    margin: 0 auto 1.5rem;
    box-shadow: 0 12px 28px -8px rgba(16, 185, 129, 0.5);
}

.rx-success-v3 h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif);
    font-size: clamp(2.2rem, 3.8vw, 3rem);
    color: #16213e;
    margin: 0 0 0.75rem;
    font-weight: 400;
}

.rx-success-v3 p {
    font-size: 1.1rem;
    color: #4a5568;
    line-height: 1.65;
    margin-bottom: 2rem;
}

.rx-success-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: 2rem 0 2.5rem;
    text-align: left;
}

.rx-success-step {
    padding: 1.25rem;
    border-radius: 1rem;
    background: #f8fafc;
    border: 1px solid rgba(22, 33, 62, 0.06);
}

.rx-success-step span {
    font-size: 0.75rem;
    font-weight: 800;
    color: #059669;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.35rem;
}

.rx-success-step strong {
    font-size: 0.92rem;
    color: #16213e;
    display: block;
    line-height: 1.4;
}

/* Responsive queries */
@media (max-width: 980px) {
    .rx-shell {
        grid-template-columns: 1fr;
    }
    .rx-dashboard-grid {
        grid-template-columns: 1fr;
    }
    .rx-rail {
        order: -1;
        position: static;
    }
    .rx-steps {
        grid-template-columns: repeat(2, 1fr);
    }
    .rx-trust-grid {
        grid-template-columns: 1fr;
    }
    .rx-success-steps {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .rx-members {
        grid-template-columns: 1fr;
    }
    .rx-fields {
        grid-template-columns: 1fr;
    }
    .rx-steps {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   HOMEPAGE CLOSING CTA (BURADAYIZ, YANINIZDAYIZ) - LUXURY REDESIGN
   ========================================================================== */
.hx-close {
    background: radial-gradient(circle at 15% 20%, rgba(226, 104, 42, 0.2) 0%, transparent 45%),
                radial-gradient(circle at 85% 85%, rgba(35, 53, 116, 0.35) 0%, transparent 50%),
                #0a1126 !important;
    padding: clamp(4rem, 7vw, 6rem) 0 !important;
    position: relative;
    overflow: hidden;
    color: #ffffff;
}

.hx-close::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
}

.hx-close-grid {
    display: grid !important;
    grid-template-columns: 1.15fr 0.95fr !important;
    gap: clamp(2.5rem, 5vw, 4.5rem) !important;
    align-items: center !important;
}

.hx-close-copy {
    display: flex;
    flex-direction: column;
}

.hx-close-copy .about-brand {
    font-size: 0.8rem !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    color: #ffb48a !important;
    margin: 0 0 0.85rem !important;
}

.hx-close-copy h2 {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif) !important;
    font-size: clamp(2.4rem, 4vw, 3.4rem) !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
    margin: 0 0 1rem !important;
    letter-spacing: -0.01em !important;
}

.hx-close-lead {
    font-size: 1.08rem !important;
    line-height: 1.65 !important;
    color: rgba(240, 244, 255, 0.82) !important;
    max-width: 32rem !important;
    margin: 0 0 2rem !important;
}

.hx-close-links {
    list-style: none !important;
    margin: 0 !important;
    padding: 1.75rem 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.75rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.hx-close-links li {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
}

.hx-close-links span {
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: rgba(255, 180, 138, 0.95) !important;
}

.hx-mail {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: #ffffff !important;
    font-weight: 650 !important;
    font-size: 1.05rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.hx-mail svg {
    color: #ffb48a;
    flex-shrink: 0;
}

.hx-mail:hover {
    color: #ffb48a !important;
}

/* 2x2 Clean Action Buttons Grid */
.hx-close-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
    max-width: 32rem !important;
}

.hx-close-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    padding: 0.85rem 1.15rem !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.hx-close-actions .btn-primary {
    background: linear-gradient(135deg, #e2682a 0%, #ff9b6a 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px -6px rgba(226, 104, 42, 0.4) !important;
}

.hx-close-actions .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px -8px rgba(226, 104, 42, 0.55) !important;
}

.hx-close-actions .btn-ghost.about-ghost-light {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    backdrop-filter: blur(8px) !important;
}

.hx-close-actions .btn-ghost.about-ghost-light:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px) !important;
}

.hx-close-actions svg {
    flex-shrink: 0;
}

/* Newsletter Form Card (Right Side) */
.hx-close-aside {
    display: block !important;
}

.hx-sub {
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 1.6rem !important;
    padding: clamp(2rem, 3.5vw, 2.75rem) !important;
    box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.2rem !important;
}

.hx-sub-head {
    margin-bottom: 0.35rem !important;
}

.hx-sub-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #c45c26;
    background: rgba(226, 104, 42, 0.09);
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    margin-bottom: 0.65rem;
}

.hx-sub-head strong {
    font-family: var(--font-display, 'Instrument Serif', Georgia, serif) !important;
    font-size: 1.75rem !important;
    color: #16213e !important;
    line-height: 1.2 !important;
    display: block !important;
    margin-bottom: 0.4rem !important;
}

.hx-sub-head p {
    font-size: 0.92rem !important;
    color: #4a5568 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

.hx-sub label {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.4rem !important;
    font-size: 0.82rem !important;
    font-weight: 750 !important;
    color: #16213e !important;
}

.hx-sub label span {
    color: #4a5568;
}

.hx-sub input {
    background: #f8fafc !important;
    border: 1.5px solid #d3dae8 !important;
    border-radius: 0.85rem !important;
    padding: 0.85rem 1.1rem !important;
    font-size: 0.96rem !important;
    color: #16213e !important;
    font-family: inherit;
    transition: all 0.2s ease !important;
}

.hx-sub input:focus {
    background: #ffffff !important;
    border-color: #e2682a !important;
    box-shadow: 0 0 0 3px rgba(226, 104, 42, 0.16) !important;
    outline: none !important;
}

.hx-sub button.btn-primary {
    background: linear-gradient(135deg, #e2682a 0%, #ff9b6a 100%) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 750 !important;
    font-size: 0.96rem !important;
    padding: 0.95rem 1.5rem !important;
    border-radius: 9999px !important;
    margin-top: 0.35rem !important;
    box-shadow: 0 8px 22px -6px rgba(226, 104, 42, 0.4) !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.hx-sub button.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px -6px rgba(226, 104, 42, 0.55) !important;
}

/* Responsive */
@media (max-width: 960px) {
    .hx-close-grid {
        grid-template-columns: 1fr !important;
        gap: 3rem !important;
    }
    .hx-close-actions {
        max-width: 100% !important;
    }
}

@media (max-width: 580px) {
    .hx-close-actions {
        grid-template-columns: 1fr !important;
    }
}