*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 56px; -webkit-text-size-adjust: 100%; }

:root {
  --black: #040c20;
  --navy-deep: linear-gradient(180deg, #1f3a78 0%, #112a5e 40%, #0a1a45 100%);
  --navy-tile: linear-gradient(155deg, #17397a 0%, #0f2656 45%, #091a42 100%);
  --ink: #1d1d1f;
  --gray-bg: #f5f5f7;
  --gray-text: #6e6e73;
  --dim: #86868b;
  --white: #fff;
  --gold: #B88828;
  --gold-l: #d9a940;
  --gold-link: #9a6f14;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body { font-family: var(--font); background: var(--white); color: var(--ink); -webkit-font-smoothing: antialiased; line-height: 1.47; letter-spacing: -.011em; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.wrap { width: min(1024px, 100% - 3rem); margin-inline: auto; }
.wide { width: min(1260px, 100% - 2rem); margin-inline: auto; }

/* ── type ── */
.eyebrow { font-size: clamp(1.05rem, 1.6vw, 1.3rem); font-weight: 600; color: var(--gold); margin-bottom: .5rem; letter-spacing: -.01em; }
.dark .eyebrow { color: var(--gold-l); }
.h-xl { font-size: clamp(2.8rem, 8.5vw, 6rem); font-weight: 700; line-height: 1.04; letter-spacing: -.045em; }
.h-lg { font-size: clamp(2.2rem, 5.6vw, 4rem); font-weight: 700; line-height: 1.07; letter-spacing: -.035em; }
.h-md { font-size: clamp(1.7rem, 3.2vw, 2.5rem); font-weight: 700; line-height: 1.12; letter-spacing: -.025em; }
.sub { font-size: clamp(1.15rem, 2vw, 1.55rem); font-weight: 400; line-height: 1.3; letter-spacing: -.015em; color: var(--gray-text); }
.dark .sub { color: #a1a1a6; }
.grad { background: linear-gradient(100deg, #f3d489 0%, #c99a2e 45%, #8f6612 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.center { text-align: center; }

/* ── links & buttons ── */
.links { display: flex; gap: .9rem; flex-wrap: wrap; justify-content: center; margin-top: 1.4rem; }
.more { display: inline-block; font-size: clamp(1rem, 1.4vw, 1.15rem); color: var(--gold-link); padding: .5rem 1.4rem; border: 1px solid currentColor; border-radius: 980px; line-height: 1.25; transition: background .2s, color .2s; }
.more:hover { background: var(--gold-link); color: #fff; }
.dark .more { color: var(--gold-l); }
.dark .more:hover { background: var(--gold-l); color: #071a3d; }
.pill {
  display: inline-block; padding: .7rem 1.4rem; border-radius: 980px; background: var(--gold); color: #fff;
  font: inherit; font-size: 1.05rem; border: 0; cursor: pointer; transition: background .2s, transform .15s;
}
.pill:hover { background: #a37820; }
.pill:active { transform: scale(.98); }
.pill[disabled] { opacity: .6; cursor: default; }

/* ── nav ── */
.nav { position: fixed; inset: 0 0 auto 0; z-index: 100; height: 56px; background: rgba(8,22,56,.82); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); }
.nav-in { width: min(1024px, 100% - 3rem); height: 100%; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; }
.nav a { font-size: 12px; color: rgba(255,255,255,.8); letter-spacing: -.01em; transition: color .2s; }
.nav a:hover { color: #fff; }
.nav .brand { display: flex; align-items: center; gap: .5rem; color: #fff; font-weight: 600; font-size: 13px; }
.nav .brand img { height: 26px; width: auto; }
.nav ul { display: flex; gap: 2.2rem; list-style: none; }
.menu-btn { display: none; position: relative; z-index: 6; background: none; border: 0; color: #fff; width: 36px; height: 36px; cursor: pointer; }
.menu-btn i { position: absolute; left: 9px; right: 9px; height: 1.4px; background: #fff; border-radius: 1px; transition: transform .3s ease, top .3s ease; }
.menu-btn i:nth-child(1) { top: 14px; } .menu-btn i:nth-child(2) { top: 21px; }

/* ── sections ── */
section { padding: clamp(4.5rem, 11vw, 9rem) 0; overflow: hidden; }
.dark { background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(60,110,200,.35), transparent 70%), var(--navy-deep); color: #f5f5f7; }
.light { background: var(--gray-bg); }

/* hero */
.hero { padding: 120px 0 0; text-align: center; background: radial-gradient(ellipse 70% 45% at 50% 100%, rgba(184,136,40,.26), transparent 70%), radial-gradient(ellipse 90% 60% at 50% 0%, rgba(60,110,210,.4), transparent 70%), linear-gradient(180deg, #1f3a78 0%, #112a5e 45%, #0a1a45 100%); }
.hero .eyebrow { margin-bottom: .8rem; }
.hero .sub { max-width: 26em; margin: 1.3rem auto 0; }
.hero-art { margin-top: clamp(2.5rem, 6vw, 4.5rem); padding-bottom: clamp(3rem, 7vw, 5rem); display: flex; justify-content: center; }
.hero-art img { width: min(380px, 72vw); filter: drop-shadow(0 20px 80px rgba(184,136,40,.35)); }

/* statement */
.statement { background: var(--white); text-align: center; }
.statement p { font-size: clamp(1.7rem, 4.2vw, 3.2rem); font-weight: 700; line-height: 1.15; letter-spacing: -.035em; color: #c7c7cc; max-width: 22em; margin: 0 auto; }
.statement p b { color: var(--ink); font-weight: 700; }

/* tiles (apple home-page grid) */
.tiles { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.tile { border-radius: 28px; overflow: hidden; text-align: center; padding: clamp(2.5rem, 5vw, 3.75rem) 1.5rem 0; min-height: 580px; display: flex; flex-direction: column; align-items: center; background: var(--gray-bg); }
.tile.full { grid-column: 1 / -1; min-height: 640px; }
.tile.black { background: var(--navy-tile); color: #f5f5f7; }
.tile.black .sub { color: #a1a1a6; }
.tile.black .more { color: var(--gold-l); }
.tile.black .more:hover { background: var(--gold-l); color: #071a3d; }
.tile.warm { background: linear-gradient(180deg, #fbf3e0, #f3e2b8); }
.tile h3 { font-size: clamp(2rem, 4.4vw, 3.2rem); font-weight: 700; letter-spacing: -.035em; line-height: 1.07; }
.tile .sub { margin-top: .6rem; max-width: 20em; font-size: clamp(1.05rem, 1.7vw, 1.4rem); }
.tile .links { margin-top: 1rem; }
.art { margin-top: auto; padding-top: 2.5rem; width: 100%; display: flex; justify-content: center; }
.art svg { width: min(340px, 70%); height: auto; }
.tile.full .art svg { width: min(420px, 60%); }
.tile ul { list-style: none; margin-top: 1.4rem; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.tile li { font-size: .82rem; padding: .35rem .85rem; border-radius: 980px; background: rgba(0,0,0,.06); color: var(--gray-text); }
.tile.black li { background: rgba(255,255,255,.1); color: #c7c7cc; }

/* about */
.about { text-align: center; padding-bottom: 0; }
.about-fig { margin-top: clamp(2rem, 5vw, 3.5rem); }
.about-fig { mix-blend-mode: lighten; }
.about-fig img { width: 100%; max-width: 1920px; margin-inline: auto; height: auto; }
.about .stats { padding-bottom: clamp(4.5rem, 11vw, 9rem); }
.about .sub { max-width: 30em; margin: 1.4rem auto 0; }
.creds { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: 2.2rem; }
.creds span { font-size: .9rem; padding: .5rem 1.1rem; border-radius: 980px; background: rgba(255,255,255,.08); color: #e8e8ed; }

/* stats */
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: clamp(3rem, 7vw, 5rem); text-align: center; }
.stats b { display: block; font-size: clamp(1.6rem, 4vw, 3rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.1; }
.stats span { font-size: clamp(.8rem, 1.4vw, 1rem); color: var(--dim); }

/* process */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: clamp(2.5rem, 6vw, 4rem); }
.step { background: var(--white); border-radius: 24px; padding: 1.75rem 1.5rem 2rem; }
.step i { display: block; font-style: normal; font-size: 3.2rem; font-weight: 700; letter-spacing: -.05em; line-height: 1; margin-bottom: 1.5rem; }
.step h3 { font-size: 1.3rem; font-weight: 700; letter-spacing: -.02em; margin-bottom: .4rem; }
.step p { font-size: .98rem; color: var(--gray-text); line-height: 1.45; }

/* testimonials */
.rail { display: flex; gap: .9rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 max(1.5rem, calc((100% - 1024px) / 2)) 1.5rem; margin-top: clamp(2.5rem, 6vw, 4rem); scrollbar-width: none; }
.rail::-webkit-scrollbar { display: none; }
.rail blockquote { flex: 0 0 min(340px, 82%); scroll-snap-align: start; scroll-margin-left: max(1.5rem, calc((100vw - 1024px) / 2)); background: var(--gray-bg); border-radius: 28px; padding: 2rem 1.75rem; min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; }
.rail blockquote p { font-size: 1.35rem; font-weight: 600; line-height: 1.25; letter-spacing: -.02em; }
.rail cite { font-style: normal; font-size: .85rem; color: var(--dim); margin-top: 1.5rem; }
.note { font-size: .8rem; color: var(--dim); margin-top: .5rem; }

/* contact */
.contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(2.5rem, 7vw, 6rem); align-items: start; }
.contact .mail { display: inline-block; margin-top: 1.6rem; font-size: 1.15rem; color: var(--gold-l); }
.contact .mail:hover { text-decoration: underline; }
.contact-form { display: grid; gap: .8rem; }
.field input, .field select, .field textarea {
  width: 100%; font: inherit; font-size: 1.05rem; color: #f5f5f7; padding: 1rem 1.1rem; border-radius: 14px;
  background: #0e2455; border: 1px solid #2a4684; outline: none; transition: border-color .2s, box-shadow .2s; appearance: none; -webkit-appearance: none;
}
.field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2386868b' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1.1rem center; }
.field textarea { min-height: 140px; resize: vertical; }
.field input::placeholder, .field textarea::placeholder { color: #6e6e73; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(184,136,40,.25); }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.form-msg { display: none; font-size: .95rem; padding: .85rem 1rem; border-radius: 14px; }
.form-msg.ok { display: block; background: rgba(48,209,88,.12); color: #30d158; }
.form-msg.err { display: block; background: rgba(255,69,58,.12); color: #ff6961; }

/* footer */
footer { background: var(--gray-bg); color: var(--dim); font-size: 12px; padding: 1.2rem 0 2rem; line-height: 1.33; }
footer .wrap > p { padding: 1rem 0; border-bottom: 1px solid #d2d2d7; }
.foot-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; padding-top: .9rem; }
.foot-row a { color: #424245; }
.foot-row a:hover { text-decoration: underline; }
.foot-links { display: flex; gap: 1.2rem; flex-wrap: wrap; }

/* reveal */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.28,.11,.32,1), transform .9s cubic-bezier(.28,.11,.32,1); }
.reveal.in { opacity: 1; transform: none; }
.d1 { transition-delay: .12s; } .d2 { transition-delay: .24s; } .d3 { transition-delay: .36s; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal { opacity: 1; transform: none; transition: none; } }

/* responsive */
@media (max-width: 900px) {
  .tiles { grid-template-columns: 1fr; }
  .tile, .tile.full { min-height: 520px; }
  .steps { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .steps, .two { grid-template-columns: 1fr; }
  .stats b { font-size: 1.5rem; }
}

/* about page */
.page-hero { padding: 120px 0 0; text-align: center; color: #f5f5f7; overflow: hidden; }
.page-hero .sub { max-width: 26em; margin: 1.2rem auto 0; }
.page-hero figure { margin-top: clamp(2rem, 5vw, 3.5rem); }
.page-hero figure { mix-blend-mode: lighten; }
.page-hero img { width: 100%; max-width: 1920px; height: auto; margin-inline: auto; }
.prose { width: min(680px, 100% - 3rem); margin-inline: auto; }
.prose p { font-size: clamp(1.1rem, 1.7vw, 1.3rem); line-height: 1.5; color: #424245; margin-top: 1.4rem; letter-spacing: -.012em; }
.prose p:first-of-type { margin-top: 0; }
.prose p b { color: var(--ink); font-weight: 600; }
.lead { font-size: clamp(1.7rem, 4vw, 2.8rem); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; max-width: 20em; margin: 0 auto; text-align: center; }
.lead span { color: #c7c7cc; }
.asks { display: grid; grid-template-columns: repeat(6, 1fr); gap: .75rem; margin-top: clamp(2.5rem, 6vw, 4rem); }
.ask { grid-column: span 2; background: var(--white); border-radius: 28px; padding: 2rem 1.75rem; min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; }
.ask i { font-style: normal; font-size: 2.6rem; font-weight: 700; letter-spacing: -.05em; line-height: 1; }
.ask p { font-size: clamp(1.15rem, 1.8vw, 1.4rem); font-weight: 600; line-height: 1.25; letter-spacing: -.02em; margin-top: 2rem; }
.lists { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 6vw, 5rem); margin-top: clamp(2.5rem, 6vw, 4rem); text-align: left; }
.lists h3 { font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 700; letter-spacing: -.03em; margin-bottom: 1rem; }
.rows { list-style: none; }
.rows li { display: grid; grid-template-columns: 4.2rem 1fr; gap: 1rem; padding: .95rem 0; border-top: 1px solid #2f4a85; font-size: 1.02rem; line-height: 1.35; color: #f5f5f7; }
.rows li:last-child { border-bottom: 1px solid #2f4a85; }
.rows b { font-weight: 600; color: #86868b; font-variant-numeric: tabular-nums; }
.cta { text-align: center; }
.ask:nth-child(4) { grid-column: 2 / span 2; } .ask:nth-child(5) { grid-column: 4 / span 2; }
@media (max-width: 900px) { .asks { grid-template-columns: 1fr 1fr; } .ask, .ask:nth-child(4), .ask:nth-child(5) { grid-column: auto; } .lists { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .asks { grid-template-columns: 1fr; } .ask { min-height: 0; } }

/* ── new components ── */
.sec-head { text-align: center; margin-bottom: clamp(2.5rem, 6vw, 4rem); }
.sec-head .sub { max-width: 30em; margin: 1rem auto 0; }

/* logo strip */
.logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(1.5rem, 4vw, 3.5rem) clamp(2rem, 5vw, 4.5rem); margin-top: clamp(2rem, 5vw, 3rem); }
.logos img { height: clamp(34px, 5vw, 52px); width: auto; max-width: 180px; object-fit: contain; filter: grayscale(1); mix-blend-mode: multiply; opacity: .65; transition: filter .3s, opacity .3s; }
.logos img:hover { filter: none; opacity: 1; }
.logos img.sq { height: clamp(44px, 6vw, 64px); }
.accred { display: flex; align-items: center; justify-content: center; gap: 1.2rem; flex-wrap: wrap; margin-top: clamp(2.5rem, 6vw, 4rem); padding-top: 2rem; border-top: 1px solid #d2d2d7; font-size: .95rem; color: var(--gray-text); }
.accred img { height: 48px; width: auto; mix-blend-mode: multiply; }

/* training cards rail */
.cards-rail { display: flex; gap: .9rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 max(1.5rem, calc((100% - 1260px) / 2)) 1.5rem; scrollbar-width: none; }
.cards-rail::-webkit-scrollbar { display: none; }
.edu { flex: 0 0 min(340px, 82%); scroll-snap-align: start; scroll-margin-left: max(1.5rem, calc((100vw - 1260px) / 2)); background: var(--gray-bg); border-radius: 28px; overflow: hidden; display: flex; flex-direction: column; transition: transform .4s cubic-bezier(.28,.11,.32,1); }
a.edu:hover { transform: translateY(-4px); }
.edu img { width: 100%; aspect-ratio: 9 / 5; object-fit: cover; }
.edu div { padding: 1.4rem 1.5rem 1.8rem; display: flex; flex-direction: column; flex: 1; }
.edu small { font-size: .8rem; font-weight: 600; color: var(--gold); letter-spacing: .02em; }
.edu h3 { font-size: 1.35rem; font-weight: 700; letter-spacing: -.025em; line-height: 1.2; margin: .3rem 0 .5rem; }
.edu p { font-size: .95rem; color: var(--gray-text); line-height: 1.4; }
.edu .more { margin-top: auto; align-self: flex-start; padding: .35rem 1rem; font-size: .95rem; }
.edu p + .more { margin-top: 1.2rem; }
.edu.feat { background: var(--navy-tile); color: #f5f5f7; }
.edu.feat p { color: #a1a1a6; }
.edu.feat small { color: var(--gold-l); }

/* video blocks */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.split .txt { text-align: left; }
.split .txt .links { justify-content: flex-start; }
.vframe { border-radius: 28px; overflow: hidden; background: #000; box-shadow: 0 30px 80px rgba(7,26,61,.25); }
.vframe video { display: block; width: 100%; height: auto; }
.phone { width: min(300px, 70vw); margin-inline: auto; border-radius: 42px; padding: 10px; background: #1b1b1d; box-shadow: 0 0 0 1px #3a3a3c, 0 40px 90px rgba(0,0,0,.5); }
.phone video { display: block; width: 100%; height: auto; border-radius: 32px; aspect-ratio: 9 / 16; object-fit: cover; background: #000; }

/* portraits */
.avatar { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: 50% 15%; margin-bottom: 1.4rem; box-shadow: 0 0 0 2px rgba(217,169,64,.5); }
.bio { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(2rem, 6vw, 5rem); align-items: start; width: min(1024px, 100% - 3rem); margin-inline: auto; }
.bio img { width: 100%; border-radius: 28px; position: sticky; top: 80px; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; }
.bio .prose { width: auto; margin: 0; }

/* resources */
.res-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.res { background: var(--white); border-radius: 28px; padding: 1.9rem 1.75rem 1.75rem; display: flex; flex-direction: column; min-height: 280px; }
.res i { font-style: normal; display: block; width: 48px; height: 48px; margin-bottom: 1.3rem; }
.res i svg { width: 100%; height: 100%; }
.res small { font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--dim); }
.res h3 { font-size: 1.5rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; margin: .3rem 0 .6rem; }
.res p { font-size: .98rem; color: var(--gray-text); line-height: 1.4; margin-bottom: 1.4rem; }
.res .more { margin-top: auto; align-self: flex-start; }

/* feedback training page */
.principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.pr { background: var(--white); border-radius: 28px; padding: 2rem 1.75rem; }
.pr h3 { font-size: 1.4rem; font-weight: 700; letter-spacing: -.025em; margin-bottom: .5rem; }
.pr p { color: var(--gray-text); font-size: 1rem; line-height: 1.45; }
.mistakes { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.mistakes .ask { grid-column: auto; min-height: 260px; }
.principles .pr { }
.mistakes .ask h3 { font-size: 1.25rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; margin-top: 1.6rem; }
.mistakes .ask p { font-size: .95rem; font-weight: 400; color: var(--gray-text); line-height: 1.4; margin-top: .6rem; }
.seven { list-style: none; counter-reset: s; max-width: 760px; margin: 0 auto; text-align: left; }
.seven li { counter-increment: s; display: grid; grid-template-columns: 3.2rem 1fr; gap: 1rem; align-items: baseline; padding: 1.2rem 0; border-top: 1px solid #2f4a85; font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 600; letter-spacing: -.02em; line-height: 1.3; }
.seven li:last-child { border-bottom: 1px solid #2f4a85; }
.seven li::before { content: counter(s); font-size: 2rem; font-weight: 700; letter-spacing: -.04em; background: linear-gradient(100deg, #f3d489, #c99a2e 55%, #8f6612); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1; }
.seven li span { display: block; font-weight: 400; font-size: .95rem; color: #a1a1a6; margin-top: .35rem; }
.slides { display: flex; gap: .9rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 max(1.5rem, calc((100% - 1024px) / 2)) 1rem; scrollbar-width: none; scroll-behavior: smooth; }
.slides::-webkit-scrollbar { display: none; }
.slides img { flex: 0 0 min(760px, 88%); scroll-snap-align: center; border-radius: 22px; aspect-ratio: 16 / 9; object-fit: cover; background: #222; }
.slide-nav { display: flex; justify-content: center; gap: .8rem; margin-top: 1.2rem; }
.slide-nav button { width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(0,0,0,.08); color: var(--ink); font-size: 1.2rem; cursor: pointer; transition: background .2s; }
.slide-nav button:hover { background: rgba(0,0,0,.16); }
.quote { font-size: clamp(1.15rem, 2vw, 1.5rem); color: #a1a1a6; font-style: italic; margin-top: 1.4rem; }
.quote b { color: #f5f5f7; font-style: normal; font-weight: 600; }

@media (max-width: 900px) {
  .split, .bio { grid-template-columns: 1fr; }
  .bio img { position: static; max-width: 420px; margin-inline: auto; }
  .res-grid, .principles, .mistakes { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) { .res-grid, .principles, .mistakes { grid-template-columns: 1fr; } }

@media (max-width: 900px) { .principles[style] { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 600px) { .principles[style] { grid-template-columns: 1fr !important; } }

.mistakes .ask { justify-content: flex-start; }
.mistakes .ask h3 { margin-top: 1.4rem; }
.logos img[src$=".svg"] { height: clamp(56px, 8vw, 84px); max-width: 240px; }
.logos img[src$="maquet.png"] { height: clamp(40px, 6vw, 60px); max-width: 220px; }
.logos img[src$="teias.jpg"] { height: clamp(44px, 6.5vw, 66px); max-width: 220px; }

/* about split (photo + text) */
.about { text-align: left; padding-bottom: clamp(4.5rem, 11vw, 9rem); }
.about-split { display: grid; grid-template-columns: 5fr 6fr; gap: clamp(2rem, 6vw, 5.5rem); align-items: center; }
.about-photo { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; border-radius: 32px; box-shadow: 0 30px 80px rgba(0,0,0,.45); }
.about-txt .sub { margin: 1.2rem 0 0; max-width: 28em; }
.about-txt .creds, .about-txt .links { justify-content: flex-start; }
.about-txt .stats { text-align: left; margin-top: clamp(2rem, 4vw, 3rem); }
.about-hero { padding: 110px 0 clamp(3.5rem, 8vw, 6rem); }
@media (max-width: 900px) {
  .about-split { grid-template-columns: 1fr; text-align: center; }
  .about-photo { max-width: 420px; margin-inline: auto; }
  .about-txt .sub { margin-inline: auto; }
  .about-txt .creds, .about-txt .links { justify-content: center; }
  .about-txt .stats { text-align: center; }
}
.about-split { width: min(1100px, 100% - 3rem); margin-inline: auto; }
.about-txt { text-align: left; }
@media (max-width: 900px) { .about-txt { text-align: center; } }
.about-photo { height: auto; }
.about .stats { padding-bottom: 0; } .about-txt .links { margin-top: 2rem; }

.nav a.nav-cta { background: var(--gold); color: #fff; padding: .28rem .85rem; border-radius: 980px; font-weight: 500; }
.nav a.nav-cta:hover { background: #a37820; }

/* booking */
.booking { width: min(980px, 100%); margin-inline: auto; }
.seg { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-bottom: 1rem; }
.seg button { font: inherit; text-align: left; border: 1px solid #d2d2d7; background: var(--white); border-radius: 20px; padding: 1rem 1.2rem; cursor: pointer; transition: border-color .2s, box-shadow .2s; display: flex; flex-direction: column; gap: .15rem; color: var(--ink); }
.seg button b { font-size: 1.1rem; font-weight: 600; letter-spacing: -.02em; }
.seg button span { font-size: .9rem; color: var(--gray-text); }
.seg button[aria-selected="true"] { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(184,136,40,.2); }
.cal-frame { background: var(--white); border-radius: 28px; overflow: hidden; min-height: 680px; box-shadow: 0 20px 60px rgba(7,26,61,.12); position: relative; }
.cal-frame iframe { display: block; width: 100%; height: 700px; border: 0; }
.cal-fallback { padding: 5rem 1.5rem; text-align: center; }
.cal-fallback p { font-size: 1.2rem; margin-bottom: 1.2rem; color: var(--gray-text); }
.facts { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.4rem; text-align: center; }
.facts b { display: block; font-size: 1.05rem; font-weight: 600; letter-spacing: -.02em; }
.facts span { font-size: .9rem; color: var(--gray-text); }
.two-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2.2rem auto 0; max-width: 760px; text-align: left; }
.two-cards div { background: var(--gray-bg); border-radius: 24px; padding: 1.6rem; }
.two-cards h3 { font-size: 1.3rem; font-weight: 700; letter-spacing: -.025em; margin-bottom: .4rem; }
.two-cards p { color: var(--gray-text); font-size: 1rem; line-height: 1.45; }
@media (max-width: 700px) { .seg, .facts, .two-cards { grid-template-columns: 1fr; } .cal-frame iframe { height: 900px; } .cal-frame { min-height: 0; } }
.cal-frame iframe[hidden] { display: none; } .cal-frame:has(iframe[hidden]) { min-height: 0; }

/* two services tiles */
.tile.white { background: var(--white); }
.tile .links { margin-top: 1.1rem; }
.tile .art svg { width: min(300px, 62%); }
.tile ul { max-width: 28em; }

/* training pages */
.banner { width: min(900px, 100%); margin: 0 auto; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 80px rgba(7,26,61,.18); }
.banner img { width: 100%; height: auto; display: block; }
.topics { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; }
.checks { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 5rem); width: min(900px, 100%); margin-inline: auto; }
.checks h3 { font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 700; letter-spacing: -.03em; margin-bottom: 1.2rem; }
.checks ul { list-style: none; }
.checks li { position: relative; padding: .9rem 0 .9rem 2rem; border-top: 1px solid #2f4a85; font-size: 1.05rem; line-height: 1.35; }
.checks li:last-child { border-bottom: 1px solid #2f4a85; }
.checks li::before { content: ""; position: absolute; left: 0; top: 1.15rem; width: 1rem; height: 1rem; border-radius: 50%; background: linear-gradient(135deg, #f3d489, #8f6612); }
a.rowlink { text-decoration: underline; text-decoration-color: rgba(217,169,64,.5); text-underline-offset: 3px; color: inherit; }
a.rowlink:hover { color: var(--gold-l); }
@media (max-width: 900px) { .topics { grid-template-columns: 1fr 1fr; } .checks { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .topics { grid-template-columns: 1fr; } }
.tile.black .art svg { width: min(440px, 88%); }
.seg { grid-template-columns: repeat(3, 1fr); }
.two-cards { grid-template-columns: repeat(3, 1fr); max-width: 980px; }
@media (max-width: 700px) { .seg, .two-cards { grid-template-columns: 1fr; } }

/* hero split (photo) */
.hero-split { padding: 110px 0 clamp(3.5rem, 8vw, 6rem); text-align: left; }
.hero-grid { width: min(1100px, 100% - 3rem); margin-inline: auto; display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.hero-split .sub { margin: 1.3rem 0 0; max-width: 24em; }
.hero-split .links { justify-content: flex-start; }
.hero-split .h-xl { font-size: clamp(2.6rem, 6.6vw, 5.2rem); }
.hero-photo { position: relative; overflow: hidden; border-radius: 32px; aspect-ratio: 4 / 5; box-shadow: 0 0 0 1px rgba(217,169,64,.25), 0 40px 100px rgba(0,0,0,.5), 0 0 120px rgba(184,136,40,.18); background: #0a0a0b; }
.hero-photo img:first-child { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; display: block; transition: transform 1.2s cubic-bezier(.28,.11,.32,1); }
.hero-photo .sign { position: absolute; right: 7%; bottom: 7%; width: 74%; height: auto; filter: drop-shadow(0 2px 12px rgba(0,0,0,.6)); opacity: 0; transform: translateY(10px); transition: opacity .8s ease, transform .8s cubic-bezier(.28,.11,.32,1); pointer-events: none; }
.hero-photo:hover img:first-child { transform: scale(1.04); }
.hero-photo:hover .sign { opacity: .95; transform: none; }
@media (hover: none) { .hero-photo .sign { opacity: .9; transform: none; } }
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; text-align: center; }
  .hero-split .sub { margin-inline: auto; }
  .hero-split .links { justify-content: center; }
  .hero-photo { max-width: 400px; margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) { .hero-photo img, .hero-photo .sign { transition: none; } }

/* ── mega menu (Koçluk · Kurumsal Eğitimler) ── */
:root { --menu-blue: #112a5e; }
.mega { display: none; }
.mega-bar { display: none; }
@media (min-width: 735px) {
  .mega { display: block; position: absolute; left: 0; right: 0; top: 100%; background: #081638; border-bottom: 1px solid rgba(255,255,255,.08); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s; }
  #mega-dim { position: fixed; inset: 0; z-index: 90; background: rgba(0,0,0,.72); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, visibility 0s linear .22s; }
  body.mega-on #mega-dim { opacity: 1; visibility: visible; transition: opacity .22s ease, visibility 0s; }
  .nav.mega-open { background: #081638; }
  .nav .mega.open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity .22s ease, transform .22s ease, visibility 0s; }
  .mega-in { max-width: 1120px; margin: 0 auto; padding: 36px clamp(22px, 5vw, 40px) 56px; display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 56px; }
  .mega-c { display: flex; flex-direction: column; min-width: 0; }
  .mega-h { font-size: 12px; font-weight: 500; color: #86868b; margin-bottom: 18px; }
  .nav .mega-c a { color: #f5f5f7; font-size: 17px; font-weight: 600; line-height: 1.42; padding: 0; letter-spacing: -.01em; transition: color .15s; }
  .nav .mega-c a:hover { color: #86868b; }
  .nav .mega-c.lg a { font-size: 28px; font-weight: 600; letter-spacing: -.025em; line-height: 1.14; padding: 3px 0; }
  .nav .nav-trigger[aria-expanded="true"] { color: #fff; }
}
/* tablet: üst menü sığsın */
@media (min-width: 735px) and (max-width: 1024px) {
  .nav ul { gap: 1.25rem; }
  .nav a { font-size: 11.5px; }
  .nav .brand { font-size: 12px; }
  .nav-in { width: calc(100% - 2rem); }
  .mega-in { grid-template-columns: 1.5fr 1fr 1fr; gap: 28px; }
  .nav .mega-c.lg a { font-size: 22px; }
  .nav .mega-c a { font-size: 15px; }
}
@media (min-width: 735px) and (max-width: 860px) {
  .nav .brand { font-size: 0; gap: 0; }
  .nav ul { gap: .95rem; }
}

/* mobil: Apple / inoxport tarzı tam ekran mavi menü + yan açılan alt paneller */
@media (max-width: 734px) {
  .menu-btn { display: block; }
  body.menu-open { overflow: hidden; }
  body.menu-open .nav { background: var(--menu-blue); -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  body.menu-open .nav .brand { visibility: hidden; }
  body.menu-open .menu-btn i:nth-child(1) { top: 17.5px; transform: rotate(45deg); }
  body.menu-open .menu-btn i:nth-child(2) { top: 17.5px; transform: rotate(-45deg); }

  .nav ul { position: fixed; inset: 0; z-index: 5; flex-direction: column; align-items: flex-start; gap: 14px; background: var(--menu-blue); padding: 100px 28px 40px; overflow-y: auto; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .28s ease, visibility .28s; }
  .nav ul.open { opacity: 1; visibility: visible; pointer-events: auto; }
  .nav ul a { display: block; font-size: 28px; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; color: #f5f5f7; padding: 0; border: 0; }
  .nav ul a:hover { color: #a1a1a6; }
  .nav ul a.nav-cta { font-size: 17px; font-weight: 500; letter-spacing: 0; padding: .7rem 1.4rem; margin-top: 1.2rem; background: var(--gold); color: #fff; border-radius: 980px; }

  .mega { display: block; position: fixed; inset: 0; z-index: 7; overflow-y: auto; background: var(--menu-blue); transform: translateX(100%); visibility: hidden; transition: transform .32s cubic-bezier(.28,.11,.32,1), visibility 0s linear .32s; }
  .nav .mega.open { transform: none; visibility: visible; transition: transform .32s cubic-bezier(.28,.11,.32,1), visibility 0s; }
  .mega-in { padding: 0 0 64px; }
  .mega-bar { display: flex; justify-content: space-between; align-items: center; height: 48px; padding: 0 20px; position: sticky; top: 0; z-index: 1; background: var(--menu-blue); }
  .mega-back, .mega-x { background: none; border: 0; color: #f5f5f7; padding: 12px; margin: 0 -12px; cursor: pointer; display: flex; align-items: center; }
  .mega-back span { display: none; }
  .mega-c { padding: 0 28px; }
  .mega-c.lg { padding-top: 26px; }
  .mega-c.lg .mega-h { display: none; }
  .nav .mega-c.lg a { display: block; font-size: 28px; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; padding: 9px 0; color: #f5f5f7; }
  .mega-h { margin: 44px 0 12px; font-size: 14px; font-weight: 500; color: #86868b; }
  .nav .mega-c:not(.lg) a { display: block; font-size: 17px; font-weight: 600; letter-spacing: -.01em; padding: 8px 0; color: #f5f5f7; }
  .nav .mega-c a:hover { color: #a1a1a6; }
}
@media (prefers-reduced-motion: reduce) { .mega, #mega-dim, .nav ul { transition: none !important; } }

/* kurumsal eğitimler listesi (Apple ürün karoları) */
.tile .shot { margin-top: auto; padding-top: 2rem; width: 100%; display: flex; justify-content: center; }
.tile .shot img { width: 100%; max-width: 560px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 22px 22px 0 0; display: block; }
.tile.full .shot img { max-width: 760px; }
.tiles.list .tile:last-child:nth-child(even) { grid-column: 1 / -1; }
.tile.white .sub { color: var(--gray-text); }

/* ── Kurumsal Eğitimler (apple.com/mac düzeni) ── */
.localnav { position: sticky; top: 56px; z-index: 90; margin-top: 56px; background: transparent; border-bottom: 1px solid transparent; transition: background .25s ease, border-color .25s ease; }
.localnav.stuck { background: rgba(10,26,69,.86); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-bottom-color: rgba(255,255,255,.08); }
.localnav-in { width: min(1024px, 100% - 3rem); height: 52px; margin-inline: auto; display: flex; align-items: center; gap: 2rem; }
.localnav .ln-title { font-size: 21px; font-weight: 600; letter-spacing: -.02em; color: #f5f5f7; margin-right: auto; }
.localnav ul { display: flex; gap: 1.6rem; list-style: none; }
.localnav ul a { font-size: 12px; color: rgba(255,255,255,.8); transition: color .2s; }
.localnav ul a:hover { color: #fff; }
.localnav .ln-cta { font-size: 12px; font-weight: 500; background: var(--gold); color: #fff; padding: .32rem .9rem; border-radius: 980px; transition: background .2s; }
.localnav .ln-cta:hover { background: #a37820; }
.page-hero.lh { margin-top: -108px; padding-top: calc(108px + clamp(2rem, 5vw, 3.5rem)); padding-bottom: clamp(2rem, 4vw, 3rem); }
.page-hero.lh .h-xl { font-size: clamp(2.8rem, 8vw, 6rem); }
html { scroll-padding-top: 116px; }

.sec-left { text-align: left; margin-bottom: clamp(1.8rem, 4vw, 2.6rem); }
.h-sec { font-size: clamp(1.9rem, 3.6vw, 2.6rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.h-sec .soft { color: #86868b; }
#kesfet .sec-left, #taniyin .sec-left { width: min(1260px, 100% - 3rem); margin-inline: auto; margin-bottom: clamp(1.4rem, 3vw, 2rem); }

[data-rail] { position: relative; }
.rail-nav { width: min(1260px, 100% - 3rem); margin: 1rem auto 0; display: flex; justify-content: flex-end; gap: .6rem; }
.rail-nav button { width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(0,0,0,.08); color: var(--ink); font-size: 1.3rem; line-height: 1; cursor: pointer; transition: background .2s, opacity .2s; }
.rail-nav button:hover { background: rgba(0,0,0,.16); }

/* ürün gibi eğitim kartları */
.lineup { gap: .9rem; }
.lc { flex: 0 0 min(360px, 82%); scroll-snap-align: start; scroll-margin-left: max(1.5rem, calc((100vw - 1260px) / 2)); min-height: 560px; background: var(--gray-bg); border-radius: 28px; overflow: hidden; display: flex; flex-direction: column; text-align: center; padding: 2.2rem 1.5rem 0; }
.lc small { font-size: .8rem; font-weight: 600; color: var(--gold); letter-spacing: .04em; }
.lc h3 { font-size: 1.75rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.12; margin: .35rem 0 .5rem; }
.lc p { font-size: 1rem; color: var(--gray-text); line-height: 1.4; }
.lc .links { margin-top: 1.1rem; gap: .5rem; }
.lc .more { font-size: .95rem; padding: .35rem 1rem; }
.lc .shot { margin-top: auto; padding-top: 1.6rem; }
.lc .shot img { max-width: 100%; border-radius: 18px 18px 0 0; }

/* neden biz */
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.why { background: var(--white); border-radius: 28px; padding: 2rem 1.75rem 2.2rem; }
.why svg { width: 40px; height: 40px; margin-bottom: 1.4rem; }
.why h3 { font-size: 1.35rem; font-weight: 700; letter-spacing: -.025em; margin-bottom: .45rem; }
.why p { color: var(--gray-text); font-size: 1rem; line-height: 1.45; }

/* tanıyın: kategori kartları */
.cats { gap: .9rem; }
.cat { flex: 0 0 min(520px, 86%); scroll-snap-align: start; scroll-margin-left: max(1.5rem, calc((100vw - 1260px) / 2)); min-height: 440px; border-radius: 28px; padding: 2.4rem 2rem; background: var(--navy-tile); color: #f5f5f7; display: flex; flex-direction: column; }
.cat-ring svg { width: 56px; height: 56px; margin-bottom: 1.6rem; }
.cat h3 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.cat p { color: #a1a1a6; margin-top: .6rem; font-size: 1.05rem; line-height: 1.4; max-width: 24em; }
.chips { margin-top: auto; padding-top: 1.8rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.chip { font-size: .9rem; padding: .45rem 1rem; border-radius: 980px; background: rgba(255,255,255,.1); color: #f5f5f7; transition: background .2s; }
.chip:hover { background: rgba(255,255,255,.2); }

/* seçmenize yardım edelim */
.picker { background: var(--navy-tile); color: #f5f5f7; border-radius: 32px; padding: clamp(2rem, 5vw, 3.5rem); text-align: center; }
.picker-q { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 700; letter-spacing: -.03em; }
.opts { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: 1.6rem; }
.opt { font: inherit; font-size: 1rem; padding: .6rem 1.3rem; border-radius: 980px; border: 1px solid rgba(255,255,255,.25); background: transparent; color: #f5f5f7; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.opt:hover { border-color: rgba(255,255,255,.6); }
.opt[aria-pressed="true"] { background: var(--gold); border-color: var(--gold); color: #fff; }
.picker-res { margin-top: 2.2rem; min-height: 120px; }
.res-set p { color: #a1a1a6; font-size: 1.1rem; margin-bottom: 1rem; }
.picker .links { margin-top: 0; }

.trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.mini { background: var(--white); border-radius: 28px; padding: 2rem 1.75rem; min-height: 240px; display: flex; flex-direction: column; transition: transform .4s cubic-bezier(.28,.11,.32,1); }
.mini:hover { transform: translateY(-4px); }
.mini small { font-size: .8rem; font-weight: 600; color: var(--gold); letter-spacing: .04em; }
.mini h3 { font-size: 1.5rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; margin: .4rem 0 1rem; }
.mini .more { margin-top: auto; align-self: flex-start; padding: .35rem 1rem; font-size: .95rem; }

@media (max-width: 900px) { .why-grid, .trio { grid-template-columns: 1fr 1fr; } }
@media (max-width: 734px) {
  .localnav { top: 56px; }
  .localnav ul { display: none; }
  .localnav .ln-title { font-size: 19px; }
  .why-grid, .trio { grid-template-columns: 1fr; }
  .lc { min-height: 520px; }
  .rail-nav { display: none; }
}
.picker .more { color: var(--gold-l); }
.picker .more:hover { background: var(--gold-l); color: #071a3d; }

/* logolar, hizalama */
.nav .brand img { height: 44px; width: auto; }
.nav .brand { gap: .65rem; }
.tile .art svg.tree { width: auto; height: clamp(170px, 24vw, 250px); }
.tile.black .art svg.tree { width: auto; }
.cat-ring .tree { width: 44px; height: 67px; margin-bottom: 1.4rem; display: block; }
.hero-split { position: relative; }
.hero-logo { display: block; width: 138px; height: auto; margin-bottom: 1.4rem; }
@media (max-width: 900px) { .hero-logo { width: 118px; margin-inline: auto; } }

/* kurumsal eğitim kartları: butonlar aynı hizada */
.lc-top { display: flex; flex-direction: column; min-height: 235px; }
.lc-top .links { margin-top: auto; padding-top: 1.1rem; }
.lc { min-height: 540px; }
.edu div { min-height: 0; }

.tile .art img.tree-img { width: auto; height: clamp(190px, 26vw, 270px); mix-blend-mode: multiply; display: block; }

/* orijinal mavi ağaç logosu: koyu kartlarda beyaz zemin üzerinde */
.tile .art img.tree-img { width: auto; height: clamp(190px, 26vw, 270px); display: block; mix-blend-mode: multiply; }
.tile.black .art img.tree-img { mix-blend-mode: normal; background: #fff; border-radius: 22px 22px 0 0; padding: 1.1rem 2rem 0; height: clamp(210px, 28vw, 290px); box-sizing: border-box; }
.cat-ring img.tree-img { width: 56px; height: 56px; object-fit: contain; background: #fff; border-radius: 14px; padding: 6px; margin-bottom: 1.4rem; display: block; }

/* iki kare: görsel solda, açıklama sağda */
.duo { display: grid; grid-template-columns: 1.4fr 1fr; gap: .75rem; align-items: stretch; }
.duo-img { margin: 0; border-radius: 32px; overflow: hidden; background: var(--gray-bg); box-shadow: 0 30px 80px rgba(7,26,61,.14); min-height: 380px; }
.duo-img img { object-position: 50% 30%; }
.duo-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.duo-txt { border-radius: 32px; background: var(--gray-bg); padding: clamp(1.8rem, 3.6vw, 2.8rem); display: flex; flex-direction: column; justify-content: center; text-align: left; position: relative; overflow: hidden; }
.duo-txt > * { position: relative; z-index: 1; }
.duo-txt .eyebrow { margin-bottom: .8rem; }
.duo-lead { font-size: clamp(1.9rem, 3.4vw, 2.7rem); font-weight: 700; letter-spacing: -.035em; line-height: 1.1; }
.duo-lead .soft { color: #86868b; }
.duo-p { margin-top: 1.3rem; font-size: clamp(1.02rem, 1.5vw, 1.2rem); line-height: 1.5; color: #424245; letter-spacing: -.012em; }
.duo-chips { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.6rem; }
.duo-chips li { font-size: .9rem; padding: .45rem 1rem; border-radius: 980px; background: #fff; color: var(--ink); box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.duo-txt .links { justify-content: flex-start; margin-top: 1.8rem; }
@media (max-width: 900px) { .duo { grid-template-columns: 1fr; } .duo-img { min-height: 0; aspect-ratio: 2 / 1; } }
/* iki kare eşit */
.duo { grid-template-columns: 1fr 1fr; }
.duo-img, .duo-txt { aspect-ratio: 1 / 1; min-height: 0; }
.duo-img img { object-position: 42% 30%; }
@media (max-width: 900px) { .duo-img { aspect-ratio: 4 / 3; } .duo-txt { aspect-ratio: auto; } }

/* altın ağaç: sağ alt köşeden yükselen, silik */
.duo-tree { position: absolute; right: -2%; bottom: -14%; width: min(46%, 300px); height: auto; opacity: .16; pointer-events: none; z-index: 0; }
@media (max-width: 900px) {
  .duo { grid-template-columns: 1fr; }
  .duo-img { aspect-ratio: 4 / 3; }
  .duo-txt { aspect-ratio: auto; }
}

/* iletişim penceresi */
.ct-lock, .ct-lock body { overflow: hidden; }
.ct-overlay { position: fixed; inset: 0; z-index: 300; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: clamp(.6rem, 2.5vw, 2rem); background: rgba(0,0,0,.6); opacity: 0; transition: opacity .25s ease; }
.ct-overlay.on { opacity: 1; }
.ct-modal { position: relative; width: min(1100px, 100%); margin: 0 auto; background: #fff; border-radius: 36px; padding: clamp(3rem, 8vw, 5.5rem) clamp(1.25rem, 6vw, 4rem) clamp(2.5rem, 6vw, 4rem); text-align: center; transform: translateY(24px) scale(.985); transition: transform .35s cubic-bezier(.28,.11,.32,1); }
.ct-overlay.on .ct-modal { transform: none; }
.ct-x { position: absolute; top: clamp(1rem, 3vw, 2rem); right: clamp(1rem, 3vw, 2rem); width: 36px; height: 36px; border: 0; border-radius: 50%; background: #1d1d1f; color: #fff; display: grid; place-items: center; cursor: pointer; }
.ct-x:hover { background: #424245; }
.ct-icon { margin: 0 auto 1.6rem; }
.ct-title { font-size: clamp(2rem, 5.2vw, 3.5rem); font-weight: 700; line-height: 1.1; letter-spacing: -.035em; color: var(--dim); max-width: 14em; margin-inline: auto; }
.ct-title span { color: var(--ink); }
.ct-sub { font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.4; color: var(--dim); max-width: 28em; margin: 1.3rem auto clamp(2rem, 5vw, 3.2rem); }
.ct-form { display: grid; gap: .9rem; max-width: 640px; margin-inline: auto; text-align: left; }
.ct-form .field input, .ct-form .field select, .ct-form .field textarea { background-color: #fff; color: var(--ink); border: 1px solid #86868b; border-radius: 14px; }
.ct-form .field input::placeholder, .ct-form .field textarea::placeholder { color: var(--dim); }
.ct-form .field input:focus, .ct-form .field select:focus, .ct-form .field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(184,136,40,.2); }
.ct-form > div:has(.pill) { text-align: center; margin-top: .6rem; }
.ct-info { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1.6rem 2rem; margin: clamp(2.5rem, 6vw, 3.5rem) auto 0; padding-top: 2rem; border-top: 1px solid #d2d2d7; max-width: 880px; }
.ct-info b { display: block; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--dim); margin-bottom: .35rem; }
.ct-info a, .ct-info address { font-style: normal; font-size: 1rem; line-height: 1.45; color: var(--ink); }
.ct-info a:hover { color: var(--gold-link); text-decoration: underline; }
.ct-standalone { background: var(--navy-deep); min-height: 100vh; }
.ct-bg { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none; }
/* ana sayfa iletişim bilgileri */
.contact .cinfo { list-style: none; display: grid; gap: 1.1rem; margin-top: 1.8rem; }
.contact .cinfo b { display: block; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: #a1a1a6; margin-bottom: .2rem; }
.contact .cinfo a, .contact .cinfo address { font-style: normal; font-size: 1rem; line-height: 1.45; color: #f5f5f7; }
.contact .cinfo a:hover { text-decoration: underline; }
.ct-form .field input, .ct-form .field select, .ct-form .field textarea { padding: 1.05rem 1.2rem; border-radius: 14px; }

/* form: Apple tarzı gönder düğmesi, onay kutusu, teşekkür ekranı */
.ct-form .field[hidden], .ct-sub[hidden], .ct-done[hidden], .ct-form[hidden] { display: none; }
.ct-form .field select:invalid { color: var(--dim); }
.ct-check { display: flex; gap: .8rem; align-items: flex-start; font-size: 1rem; line-height: 1.4; color: var(--ink); cursor: pointer; margin-top: .6rem; }
.ct-check input { position: absolute; opacity: 0; pointer-events: none; }
.ct-check i { flex: 0 0 auto; width: 22px; height: 22px; margin-top: 1px; border: 1px solid #86868b; border-radius: 6px; background: #fff center / 14px no-repeat; transition: background-color .15s, border-color .15s; }
.ct-check input:checked + i { background-color: var(--gold); border-color: var(--gold); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E"); }
.ct-check input:focus-visible + i { box-shadow: 0 0 0 4px rgba(184,136,40,.25); }
.ct-submit { width: 100%; margin-top: 2rem; padding: 1.15rem 1rem; border: 0; border-radius: 14px; background: var(--gold); color: #fff; font: inherit; font-size: 1.15rem; cursor: pointer; transition: background .2s, transform .1s; }
.ct-submit:hover { background: #a37820; }
.ct-submit:active { transform: scale(.99); }
.ct-submit[disabled] { opacity: .6; cursor: default; }
.ct-legal { text-align: center; font-size: 1rem; line-height: 1.5; color: var(--dim); margin: 1.5rem auto 0; max-width: 30em; }
.ct-done { max-width: 480px; margin: 0 auto; padding: 1rem 0 1.5rem; }
.ct-done svg { margin: 0 auto 1.5rem; }
.ct-done h3 { font-size: clamp(2rem, 5vw, 3rem); letter-spacing: -.03em; color: var(--ink); }
.ct-done p { font-size: 1.2rem; line-height: 1.4; color: var(--dim); margin-top: .8rem; }
.ct-done .ct-submit { margin-top: 2rem; }
.ct-form .field select:has(option[value=""]:checked) { color: var(--dim); }
.ct-icon { width: auto; height: clamp(72px, 12vw, 96px); margin: 0 auto 1.6rem; }

/* mobilde yatay kaymayı engelle */
html, body { max-width: 100%; overflow-x: clip; }
.rail, .cards-rail, .slides { overscroll-behavior-x: contain; }
.ct-overlay { overflow-x: hidden; }
img, video, svg { max-width: 100%; }

/* mobil: koçluk ve eğitim kartları yan yana kaymak yerine alt alta */
@media (max-width: 734px) {
  .cards-rail { flex-direction: column; overflow: visible; scroll-snap-type: none; gap: 1rem; padding: 0 1.25rem 1rem; }
  .cards-rail > .edu, .cards-rail > .lc, .cards-rail > .cat { flex: 0 0 auto; width: 100%; scroll-snap-align: none; }
  .lc { min-height: 0; }
  .lc-top { min-height: 0; }
  .cat { min-height: 0; }
  .rail-nav { display: none; }
}

/* ana sayfa formu (koyu zemin): modal formuyla aynı alanlar */
.contact-form .field[hidden], .contact-form[hidden], .contact-done[hidden] { display: none; }
.contact-form .field select { color: #f5f5f7; }
.contact-form .field select:has(option[value=""]:checked) { color: #6e6e73; }
.contact-form .field select option { color: #1d1d1f; }
.contact-form .ct-check { color: #f5f5f7; }
.contact-form .ct-check i { background-color: #0e2455; border-color: #2a4684; }
.contact-form .ct-check input:checked + i { background-color: var(--gold); border-color: var(--gold); }
.contact-form .ct-legal { color: #a1a1a6; font-size: .9rem; }
.contact-done { text-align: center; padding: 2rem 0; }
.contact-done h3 { font-size: clamp(1.8rem, 4vw, 2.5rem); letter-spacing: -.03em; color: #f5f5f7; }
.contact-done p { font-size: 1.1rem; line-height: 1.45; color: #a1a1a6; margin-top: .7rem; }
.contact-done .ct-submit { max-width: 320px; }

/* ana sayfa iletişim bilgileri: Apple tarzı satır listesi */
.contact .cinfo { list-style: none; margin-top: 2.2rem; border-top: 1px solid rgba(255,255,255,.14); display: block; }
.contact .cinfo li { display: flex; gap: 1.1rem; align-items: flex-start; padding: 1.15rem 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.contact .cinfo svg { flex: 0 0 auto; width: 26px; height: 26px; margin-top: .2rem; color: var(--gold-l); }
.contact .cinfo b { display: block; font-size: .85rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: #a1a1a6; margin-bottom: .2rem; }
.contact .cinfo a, .contact .cinfo address { font-style: normal; font-size: 1.2rem; font-weight: 600; letter-spacing: -.015em; line-height: 1.35; color: #f5f5f7; }
.contact .cinfo a { color: var(--gold-l); }
.contact .cinfo a::after { content: " ›"; transition: margin-left .2s; }
.contact .cinfo a:hover { text-decoration: none; color: #f3d489; }
.contact .cinfo a:hover::after { margin-left: .2em; }

/* kurumsal video galerisi */
.vgal-head { text-align: center; max-width: 760px; margin: 0 auto clamp(2rem, 5vw, 3.5rem); }
.vgal-head .links { justify-content: center; }
.vgal { max-width: 1000px; margin: 0 auto; }
.vgal .vframe video { width: 100%; aspect-ratio: 16 / 9; background: #000; display: block; }
.vthumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: .6rem; margin-top: 1rem; }
.vt { position: relative; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: #000; cursor: pointer; aspect-ratio: 16 / 9; opacity: .72; transition: opacity .2s, transform .2s; }
.vt:hover { opacity: 1; transform: translateY(-2px); }
.vt[aria-current="true"] { opacity: 1; box-shadow: 0 0 0 3px var(--gold); }
.vt img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vt .vt-time { position: absolute; right: 6px; bottom: 5px; font-size: .7rem; color: #fff; background: rgba(0,0,0,.6); padding: 1px 6px; border-radius: 980px; }
@media (max-width: 734px) { .vthumbs { grid-template-columns: repeat(3, 1fr); } }
.vgal:not(.open) .vthumbs { max-height: 152px; overflow: hidden; }
.vmore { display: block; margin: 1.2rem auto 0; background: none; font: inherit; cursor: pointer; }
@media (max-width: 734px) { .vgal:not(.open) .vthumbs { max-height: calc((100vw - 3rem - 1.2rem) / 3 * 9 / 16 * 3 + 1.2rem + 4px); } }

/* Şafak Eğitimde: koyu zeminde büyük oynatıcı + kart galerisi */
.vsec { padding: clamp(4rem, 9vw, 7rem) 0; }
.vsec .vgal-head { max-width: 820px; }
.vsec .vgal-head .h-xl { font-size: clamp(2.8rem, 8vw, 5.6rem); }
.vsec .vgal-head .sub { max-width: 28em; margin-inline: auto; margin-top: 1.2rem; }
.vsec .vframe { border-radius: 32px; box-shadow: 0 40px 100px rgba(0,0,0,.5); }
.vgal-title { margin: clamp(2.5rem, 6vw, 4rem) 0 1.2rem; font-size: clamp(1.5rem, 3vw, 2.1rem); letter-spacing: -.025em; color: #f5f5f7; }
.vsec .vthumbs { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; margin-top: 0; max-height: none; overflow: visible; }
.vsec .vt { aspect-ratio: auto; display: flex; flex-direction: column; text-align: left; background: #0e2455; border-radius: 22px; opacity: 1; box-shadow: 0 0 0 1px rgba(255,255,255,.07); transition: transform .35s cubic-bezier(.28,.11,.32,1), box-shadow .2s; }
.vsec .vt:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 20px 50px rgba(0,0,0,.35); }
.vsec .vt[aria-current="true"] { box-shadow: 0 0 0 2px var(--gold-l); }
.vt-img { position: relative; display: block; aspect-ratio: 16 / 10; background: #000; }
.vsec .vt-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vt-play { position: absolute; left: 10px; bottom: 10px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.88); color: #1d1d1f; transition: background .2s; }
.vt:hover .vt-play { background: var(--gold-l); }
.vsec .vt .vt-time { position: absolute; right: 10px; bottom: 10px; font-size: .75rem; color: #fff; background: rgba(0,0,0,.6); padding: 2px 8px; border-radius: 980px; }
.vt-meta { display: flex; flex-direction: column; gap: .15rem; padding: .9rem 1.1rem 1.1rem; }
.vt-meta small { font-size: .75rem; font-weight: 600; color: var(--gold-l); letter-spacing: .02em; }
.vt-meta b { font-size: 1.05rem; font-weight: 600; letter-spacing: -.015em; color: #f5f5f7; }
.vsec .vgal:not(.open) .vt:nth-child(n+9) { display: none; }
.vsec .vmore { color: var(--gold-l); }
.vsec .vmore:hover { background: var(--gold-l); color: #071a3d; }
@media (max-width: 734px) {
  .vsec .vthumbs { grid-template-columns: 1fr 1fr; gap: .7rem; }
  .vsec .vgal:not(.open) .vt:nth-child(n+5) { display: none; }
  .vt-meta { padding: .7rem .8rem .9rem; } .vt-meta b { font-size: .95rem; }
  .vsec .vframe { border-radius: 22px; }
}
.vsec .vgal:not(.open) .vthumbs, .vsec .vgal.open .vthumbs { max-height: none; overflow: visible; }

/* videolar: Apple Business tarzı yatay kart şeridi */
.vsec.dark { background: #f5f5f7; color: #1d1d1f; }
.vsec .vgal-head { max-width: 1240px; text-align: left; }
.vsec .vgal-head .h-xl { font-size: clamp(2.2rem, 5vw, 3.6rem); letter-spacing: -.04em; color: #1d1d1f; }
.vsec .vgal-head .sub { margin-inline: 0; max-width: 34em; color: #6e6e73; }
.vsec .vgal-head .links { justify-content: flex-start; }
.vsec .vgal { max-width: 1240px; }
.vsec .vframe { box-shadow: 0 30px 80px rgba(0,0,0,.18); }
.vsec .vgal-title { color: #1d1d1f; }
.vsec .vgal .vthumbs, .vsec .vgal:not(.open) .vthumbs, .vsec .vgal.open .vthumbs {
  display: flex; gap: 1rem; overflow-x: auto; overflow-y: hidden; max-height: none; scroll-snap-type: x proximity;
  margin-right: calc(50% - 50vw); padding-right: max(1.5rem, calc(50vw - 50%)); padding-bottom: 1.2rem; scrollbar-width: none;
}
.vsec .vthumbs::-webkit-scrollbar { display: none; }
.vsec .vgal:not(.open) .vthumbs .vt:nth-child(n) { display: block; }
.vsec .vt { flex: 0 0 min(300px, 72vw); aspect-ratio: 4 / 5; position: relative; display: block; scroll-snap-align: start; border-radius: 28px; overflow: hidden; background: #000; box-shadow: none; text-align: left; }
.vsec .vt:hover { transform: none; box-shadow: none; }
.vsec .vt[aria-current="true"] { box-shadow: 0 0 0 3px var(--gold); }
.vsec .vt-img { position: absolute; inset: 0; aspect-ratio: auto; }
.vsec .vt-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.25) 38%, rgba(0,0,0,0) 60%, rgba(0,0,0,.3) 100%); pointer-events: none; }
.vsec .vt-img img { transition: transform .8s cubic-bezier(.28,.11,.32,1); }
.vsec .vt:hover .vt-img img { transform: scale(1.05); }
.vsec .vt-meta { position: absolute; inset: 0 0 auto 0; z-index: 2; padding: 1.4rem 1.5rem; gap: .5rem; }
.vsec .vt-meta small { font-size: .95rem; font-weight: 500; color: #fff; letter-spacing: 0; }
.vsec .vt-meta b { font-size: clamp(1.3rem, 2.2vw, 1.6rem); line-height: 1.2; font-weight: 600; letter-spacing: -.02em; color: #fff; }
.vsec .vt-play { z-index: 2; left: auto; right: 14px; bottom: 14px; width: 42px; height: 42px; background: #fff; color: #1d1d1f; }
.vsec .vt:hover .vt-play { background: #fff; transform: scale(1.08); }
.vsec .vt .vt-time { z-index: 2; right: auto; left: 16px; bottom: 20px; background: rgba(0,0,0,.55); }
.vsec .vmore, .vsec [data-vmore] { display: none; }

/* kartın içinde oynatma */
.vsec .vt { cursor: pointer; }
.vsec .vt video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; z-index: 5; }
.vsec .vt.playing .vt-meta, .vsec .vt.playing .vt-play, .vsec .vt.playing .vt-time, .vsec .vt.playing .vt-img::after { display: none; }
.vsec .vgal-title { margin-top: 2.2rem; }

/* ortalı açılış: büyük başlık, ok bağlantıları, altta yüksek çözünürlüklü logo */
.hero-center { padding: 120px 0 0; text-align: center; }
.hero-center .wrap { width: min(1400px, 100% - 2rem); }
.hero-center .h-xl { font-size: clamp(2.6rem, 8.6vw, 7.4rem); line-height: 1.02; letter-spacing: -.05em; white-space: nowrap; }
.hero-center .sub { max-width: 27em; margin: 1.6rem auto 0; font-size: clamp(1.1rem, 2vw, 1.5rem); }
.hero-center .links { justify-content: center; gap: 2.2rem; margin-top: 2rem; }
.hero-center .more { border: 0; padding: 0; border-radius: 0; background: none; font-size: clamp(1.1rem, 1.8vw, 1.4rem); color: var(--gold-l); }
.hero-center .more::after { content: " ›"; }
.hero-center .more:hover { background: none; color: #fff; text-decoration: underline; }
.hero-center .hero-art { margin-top: clamp(2rem, 5vw, 4rem); padding-bottom: 0; }
.hero-center .hero-art img { width: min(360px, 70vw); height: auto; filter: none; }
@media (max-width: 700px) { .hero-center .h-xl { white-space: normal; } }

/* ===== açılış: alt satır ve logo boyutu ===== */
.hero-center .sub { max-width: 40em; }
.hero-center .hero-art img { width: min(440px, 76vw); }

/* ===== Hizmetler: yatay banner ===== */
.tile-wide { margin-top: .75rem; border-radius: 28px; padding: clamp(1.8rem, 4vw, 2.8rem) clamp(1.5rem, 4vw, 3.2rem); background: var(--navy-tile); color: #f5f5f7; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; text-align: left; }
.tile-wide .eyebrow { color: var(--gold-l); margin: 0 0 .3rem; }
.tile-wide h3 { font-size: clamp(1.7rem, 3.6vw, 2.6rem); font-weight: 700; letter-spacing: -.035em; line-height: 1.1; }
.tile-wide .sub { margin-top: .5rem; color: #a1a1a6; font-size: clamp(1rem, 1.6vw, 1.25rem); }
.tile-wide .more { color: var(--gold-l); }
.tile-wide .more:hover { background: var(--gold-l); color: #071a3d; }

/* ===== Koçluk kartları: resimsiz, kurumsal eğitim kartı görünümü ===== */
.edu-top { position: relative; overflow: hidden; aspect-ratio: 9 / 5; padding: 12% 7% 0 !important; flex: 0 0 auto !important; display: block !important; background: linear-gradient(160deg, #2b5aa6 0%, #1a3a7c 38%, #0b1c4a 100%); }
.edu-top small { display: block; font-size: .8rem; font-weight: 700; letter-spacing: .02em; color: #d9a940; }
.edu-top b { display: block; margin-top: .9rem; max-width: 12em; font-size: clamp(1.25rem, 2.2vw, 1.55rem); line-height: 1.22; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.edu-top::before { content: ""; position: absolute; right: -22%; bottom: -78%; width: 92%; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(217,169,64,.28); box-shadow: 0 0 0 clamp(14px, 2.4vw, 26px) transparent, 0 0 0 1px rgba(217,169,64,.0); background: radial-gradient(circle, #8f6d2e 0 20%, transparent 20.5%), radial-gradient(circle, transparent 0 34%, rgba(217,169,64,.5) 34.3% 34.9%, transparent 35.2%), radial-gradient(circle, transparent 0 56%, rgba(217,169,64,.35) 56.3% 56.9%, transparent 57.2%), radial-gradient(circle, transparent 0 78%, rgba(217,169,64,.22) 78.3% 78.9%, transparent 79.2%); border: 0; }
.edu .edu-top + div { padding: 1.4rem 1.5rem 1.8rem; }

/* ===== İletişim: inoxport.com yerleşimi ===== */
.ix-section { background: #fff; color: #1d1d1f; padding: clamp(4.5rem, 10vw, 8rem) 0; }
.ix-contact { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(2.5rem, 7vw, 5rem); align-items: center; text-align: left; }
.ix-section .wrap { width: min(1180px, 100% - 3rem); }
.ix-label { font-size: clamp(15px, 1.5vw, 19px); font-weight: 600; letter-spacing: -.01em; color: #86868b; margin-bottom: 1.2rem; }
.ix-h2 { font-size: clamp(2.1rem, 5.6vw, 4.2rem); font-weight: 300; letter-spacing: -.04em; line-height: 1.05; color: #1d1d1f; margin: 0 0 1.4rem; }
.ix-h2 b { font-weight: 700; color: #86868b; }
.ix-links { display: flex; flex-wrap: wrap; gap: .2rem 1.4rem; }
.ix-links a { font-size: 1.05rem; padding: .6rem 0; color: #0066cc; }
.ix-links a::after { content: "\00a0\203A"; }
.ix-links a:hover { text-decoration: underline; }
.ix-form { margin-top: 2rem; position: relative; }
.ix-form h3, .ix-done h3 { font-size: clamp(1.4rem, 2.4vw, 1.75rem); font-weight: 600; letter-spacing: -.025em; color: #1d1d1f; margin-bottom: 1.1rem; }
.ix-grid { display: grid; grid-template-columns: 1fr; gap: .9rem; }
.ix-f { display: flex; flex-direction: column; gap: .4rem; font-size: .82rem; font-weight: 600; color: #6e6e73; }
.ix-f input, .ix-f textarea { font: inherit; font-size: 1rem; font-weight: 400; color: #1d1d1f; background: #f5f5f7; border: 1px solid transparent; border-radius: 12px; padding: .8rem .9rem; width: 100%; -webkit-appearance: none; appearance: none; resize: vertical; }
.ix-f input:focus, .ix-f textarea:focus { outline: none; background: #fff; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(184,136,40,.2); }
.ix-f .bad { border-color: #e30000; }
.ix-bot { position: absolute; left: -9999px; opacity: 0; }
.ix-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.1rem; }
.ix-btn { background: var(--gold); color: #fff; border: 0; border-radius: 980px; font: inherit; font-size: 1.05rem; font-weight: 500; padding: .75rem 1.8rem; cursor: pointer; transition: background .2s; }
.ix-btn:hover { background: #a37820; }
.ix-btn[disabled] { opacity: .6; cursor: default; }
.ix-status { font-size: .95rem; color: #6e6e73; }
.ix-status.err { color: #c62828; }
.ix-note { font-size: .78rem; line-height: 1.5; color: #86868b; margin-top: .9rem; max-width: 34em; }
.ix-note a { color: #0066cc; }
.ix-done[hidden], .ix-form[hidden] { display: none; }
.ix-done p { color: #6e6e73; margin-bottom: 1.2rem; }
.ix-info { display: flex; flex-direction: column; }
.ix-ci { padding: 1.3rem 0; border-top: 1px solid #d2d2d7; }
.ix-ci:first-child { border-top: 0; padding-top: 0; }
.ix-ci .k { font-size: .82rem; font-weight: 600; color: #86868b; margin-bottom: .4rem; }
.ix-ci .v { font-size: 1.1rem; font-weight: 600; letter-spacing: -.01em; color: #1d1d1f; }
.ix-ci .v a { color: #1d1d1f; }
.ix-ci .v a:hover { color: var(--gold); text-decoration: underline; }
.ix-ci .ix-t { display: block; }
.ix-ci .v small { display: block; font-weight: 400; font-size: .92rem; color: #6e6e73; margin-top: .25rem; line-height: 1.45; }
@media (max-width: 860px) { .ix-contact { grid-template-columns: 1fr; } }
.ct-modal .ix-contact { padding: clamp(.5rem, 2vw, 1rem); padding-top: clamp(2rem, 4vw, 2.5rem); }
@media (max-width: 860px) { .ct-modal .ix-contact { padding-top: 2.4rem; } }

/* ===== Öğretmen Koçluğu Akademisi: Apple ürün bölümü ===== */
.tile-wide { display: none; }
.ta-sec { background: #f5f5f7; text-align: center; padding: clamp(3.5rem, 8vw, 6rem) 0 0; overflow: hidden; }
.ta-title { font-size: clamp(2.5rem, 6.4vw, 4.6rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.05; color: #1d1d1f; }
.ta-tag { font-size: clamp(1.5rem, 3.2vw, 2.2rem); font-weight: 500; letter-spacing: -.025em; color: #1d1d1f; margin-top: .8rem; }
.ta-sub { font-size: clamp(1.05rem, 1.9vw, 1.4rem); line-height: 1.4; color: #6e6e73; margin-top: .6rem; }
.ta-sec .links { justify-content: center; margin-top: 1.6rem; gap: 1rem; }
.ta-sec .more.fill { background: var(--gold); color: #fff; border-color: var(--gold); }
.ta-sec .more.fill:hover { background: #a37820; border-color: #a37820; }
.ta-art { display: flex; justify-content: center; margin-top: clamp(1.5rem, 4vw, 3rem); height: clamp(230px, 30vw, 330px); overflow: hidden; }
.ta-art svg.tree { width: auto; height: clamp(300px, 40vw, 440px); flex: 0 0 auto; }
#hizmetler { padding-bottom: clamp(.5rem, 2vw, 1.5rem); }


/* iletişim: e-posta ve telefon yan yana */
.ix-grid { grid-template-columns: 1fr 1fr; }
.ix-grid .ix-full { grid-column: 1 / -1; }
@media (max-width: 520px) { .ix-grid { grid-template-columns: 1fr; } }
.ix-ci .v small a.ix-wa { color: #0066cc; font-weight: 400; }
.ix-ci .v small a.ix-wa:hover { text-decoration: underline; }

/* WhatsApp sabit düğmesi */
.wa-fab { position: fixed; right: clamp(14px, 2.4vw, 26px); bottom: clamp(14px, 2.4vw, 26px); z-index: 90; width: 58px; height: 58px; border-radius: 50%; background: #25d366; display: grid; place-items: center; box-shadow: 0 6px 22px rgba(0,0,0,.28); transition: transform .2s, box-shadow .2s; }
.wa-fab:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 28px rgba(0,0,0,.34); }
.wa-fab:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.mega-c[hidden] { display: none; }

/* ===== açılış: tek ekrana sığar ===== */
.hero-center { margin-top: 0; height: 100svh; min-height: 560px; padding: 72px 0 0; display: flex; flex-direction: column; }
.hero-center .wrap { flex: 0 0 auto; }
.hero-center .h-xl { font-size: clamp(2.4rem, min(8.6vw, 12.5svh), 7.4rem); }
.hero-center .sub { margin-top: clamp(.7rem, 2svh, 1.4rem); font-size: clamp(1rem, min(2vw, 2.9svh), 1.5rem); }
.hero-center .links { margin-top: clamp(1rem, 2.6svh, 1.8rem); gap: .8rem; }
.hero-center .more { border: 1px solid currentColor; padding: .45rem 1.4rem; border-radius: 980px; font-size: clamp(1rem, 1.6vw, 1.2rem); color: var(--gold-l); }
.hero-center .more::after { content: none; }
.hero-center .more:hover { background: var(--gold-l); color: #071a3d; text-decoration: none; }
.hero-center .hero-art { flex: 1 1 0; min-height: 0; margin-top: clamp(.6rem, 2svh, 1.4rem); padding-bottom: clamp(.8rem, 2.4svh, 1.6rem); display: flex; justify-content: center; align-items: center; }
.hero-center .hero-art img { width: auto; height: auto; max-width: min(330px, 62vw); max-height: 100%; object-fit: contain; }
@media (max-width: 700px) { .hero-center { height: auto; min-height: 100svh; } .hero-center .hero-art { flex: 0 0 auto; } .hero-center .hero-art img { max-height: none; } }



/* ===== Öğretmen Akademisi: mavi logo ===== */
.ta-art { height: clamp(230px, 28vw, 330px); align-items: flex-start; }
.ta-art img { width: auto; height: clamp(260px, 32vw, 380px); flex: 0 0 auto; }
.ta-art svg.tree { display: none; }

/* ===== İletişim: bağlantılar yuvarlak çerçeve içinde ===== */
.ix-links { gap: .6rem; }
.ix-links a { padding: .45rem 1.3rem; border: 1px solid var(--gold); border-radius: 980px; color: #8f6612; font-size: 1.02rem; transition: background .2s, color .2s; }
.ix-links a::after { content: none; }
.ix-links a:hover { background: var(--gold); color: #fff; text-decoration: none; }
.ix-h2 { margin-top: 0; }

/* ===== Kart şeritleri: otomatik akış sırasında yakalama kapalı ===== */
.cards-rail.auto { scroll-snap-type: none; }
.cards-rail.auto > .edu { scroll-snap-align: none; }



/* açılış: metin ortalanır, küçük logo en alta oturur */
.hero-center { padding-top: 56px; }
.hero-center .wrap { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-inline: auto; text-align: center; }
.hero-center .hero-art { flex: 0 0 auto; margin-top: 0; padding-bottom: clamp(.6rem, 1.6svh, 1.1rem); }
.hero-center .hero-art img { max-width: none; width: auto; height: min(24svh, 220px); max-height: none; }
@media (max-width: 700px) { .hero-center .wrap { padding-block: 2rem; } .hero-center .hero-art img { height: 150px; } }


/* ===== İki kare yerleşimi (tüm sayfalar): Apple kare ölçüsü — 976 × 768 (≈ 1,27 : 1), 16 px boşluk, keskin köşe ===== */
.wide:has(> .tiles) { width: calc(100% - 32px); max-width: none; }
.tiles { gap: 16px; }
.tiles .tile { border-radius: 0; min-height: 540px; padding: clamp(2rem, 4.4vw, 3.6rem) 1.5rem 0; justify-content: flex-start; }
.tiles .tile .eyebrow { font-size: clamp(.95rem, 1.2vw, 1.1rem); margin: 0 0 .4rem; }
.tiles .tile h3 { font-size: clamp(2.2rem, 4.2vw, 3.4rem); letter-spacing: -.04em; }
.tiles .tile .sub { margin-top: .45rem; max-width: 24em; font-size: clamp(1.05rem, 1.7vw, 1.4rem); line-height: 1.35; }
.tiles .tile ul { display: none; }
.tiles .tile .links { margin-top: 1.2rem; gap: .8rem; justify-content: center; }
.tiles .tile .more.fill { background: var(--gold); color: #fff; border-color: var(--gold); }
.tiles .tile .more.fill:hover { background: #a37820; border-color: #a37820; color: #fff; }
.tiles .tile .art { flex: 1 1 0; min-height: 0; width: 100%; margin-top: 1rem; display: flex; justify-content: center; align-items: flex-end; overflow: hidden; }
.tiles .tile .art svg.tree { height: min(100%, 400px); width: auto; flex: 0 0 auto; }
@media (min-width: 1100px) { .tiles .tile { aspect-ratio: 976 / 768; min-height: 0; } }
@media (max-width: 734px) { .tiles .tile { min-height: 520px; } .tiles .tile .art svg.tree { height: 260px; } }

/* ===== Öğretmen Koçluğu Akademisi: Apple "iPhone Duo" bölümü ölçüleri (3022 × 1186) ===== */
.ta-sec { padding-top: clamp(2.6rem, 3.75vw, 4.2rem); display: flex; flex-direction: column; }
.ta-sec .wrap { flex: 0 0 auto; width: min(1180px, 100% - 3rem); }
.ta-title { font-size: clamp(2.2rem, 4.1vw, 4.6rem); letter-spacing: -.045em; line-height: 1.05; }
.ta-tag { font-size: clamp(1.25rem, 1.85vw, 2.1rem); margin-top: .7em; line-height: 1.2; }
.ta-sub { font-size: clamp(1rem, 1.3vw, 1.5rem); margin-top: .55em; }
.ta-sec .links { margin-top: clamp(.9rem, 1.4vw, 1.5rem); gap: .8rem; }
.ta-sec .more { font-size: clamp(1rem, 1.25vw, 1.4rem); padding: .55em 1.5em; line-height: 1.2; }
.ta-art { flex: 1 1 auto; min-height: 0; height: auto; margin-top: clamp(1rem, 2vw, 2rem); display: flex; justify-content: center; align-items: flex-end; overflow: hidden; }
.ta-art img { width: auto; height: min(100%, 440px); max-height: 440px; flex: 0 0 auto; display: block; }
@media (min-width: 1100px) { .ta-sec { aspect-ratio: 3022 / 1186; } }
@media (max-width: 1099px) { .ta-art { height: clamp(260px, 40vw, 360px); flex: 0 0 auto; } .ta-art img { height: 100%; } }

/* Hizmetler: başlık yukarıda, kartlar arası boşluk dar */
#hizmetler .tiles { gap: 8px; }

/* ===== Hizmetler: başlık apple.com ölçüsünde, kart başlıkları ince, köşeler yumuşak ===== */
.hz-title { font-size: clamp(1.9rem, 2.7vw, 2.9rem); font-weight: 600; letter-spacing: -.025em; line-height: 1.1; color: #1d1d1f; }
.tiles .tile { border-radius: 28px; }
#hizmetler .tile h3 { font-weight: 300; letter-spacing: -.035em; }
.vsec .vgal .vthumbs { scroll-snap-type: none; }


/* ===== Vurgu cümlesi: sabit, küçük, siyah–gri ahenkli ===== */
.statement { padding: clamp(1.6rem, 3vw, 2.6rem) 0; background: #fff; text-align: center; }
.statement .wrap { width: min(980px, 100% - 3rem); }
.statement .stmt { font-size: clamp(1.15rem, 2.1vw, 1.75rem); font-weight: 600; line-height: 1.35; letter-spacing: -.02em; color: #86868b; max-width: none; margin: 0 auto; }
.statement .stmt .g { color: #86868b; }
.statement .stmt b { color: #1d1d1f; font-weight: 600; }

/* ===== Hizmetler → Keşfet: kesintisiz gri zemin ===== */
#hizmetler, .ta-sec { background: #f5f5f7 !important; margin: 0 !important; border-radius: 0; }
#hizmetler { padding-bottom: 12px !important; }
.ta-sec { padding-top: clamp(1.8rem, 3vw, 2.8rem); }

/* ===== Yazı karakterleri: apple.com yığını (SF Pro Display / SF Pro Text) ===== */
:root {
  --font: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body { font-family: var(--font); font-synthesis: none; text-rendering: optimizeLegibility; }
h1, h2, h3, h4, .h-xl, .h-lg, .h-sec, .hz-title, .ta-title, .ta-tag, .ix-h2, .tiles .tile h3, .eyebrow, .ln-title { font-family: var(--font-display); }
button, input, select, textarea { font-family: inherit; }
.ta-sec { margin-bottom: 12px !important; }


/* ===== Süreç: beyaz zemin, gri adım kartları (Hizmetler'den ayrı) ===== */
#surec { background: #fff !important; padding: clamp(2.4rem, 5vw, 4rem) 0 clamp(2.4rem, 5vw, 4rem) !important; }
#surec .step { background: #f5f5f7; }

/* ===== Videolar: kendi kartı içinde, yuvarlak köşeli ===== */
#kurumsal.vsec { background: #f5f5f7 !important; margin: 0 12px 12px !important; border-radius: 28px; padding: clamp(2rem, 4vw, 3.2rem) 0 clamp(1.2rem, 2.4vw, 2rem) !important; overflow: hidden; }
#kurumsal.vsec .wide { width: calc(100% - 3rem); }
#kurumsal .vthumbs { scroll-snap-type: none !important; } #kurumsal .vthumbs > .vt { scroll-snap-align: none !important; }
#kurumsal.vsec { margin: 0 !important; border-radius: 0 !important; }

/* Vurgu cümlesi bölümü: yükseklik, kocluk.html "Hangisini seçeceğinizi bilmiyor musunuz?" bölümüne göre (1440 px'te 569 px) */
.statement { display: flex; align-items: center; justify-content: center; min-height: clamp(320px, calc(396px + (100vw - 800px) * .27), 569px); padding: 0; }
.statement .wrap { width: min(980px, 100% - 3rem); }

/* Öğretmen Koçluğu Akademisi: logo yok, bölüm içeriğe göre ortalanır */
.ta-sec { aspect-ratio: auto !important; padding: clamp(3rem, 6vw, 5rem) 0 !important; }
.ta-art { display: none; }
.ta-sec { padding: clamp(2.2rem, 4.2vw, 3.4rem) 0 !important; margin-bottom: 0 !important; }
.ta-title { font-size: clamp(2rem, 3.6vw, 3.6rem); }
.ta-tag { margin-top: .5em; }
.ta-sub { margin-top: .4em; }
.ta-sec .links { margin-top: clamp(.8rem, 1.4vw, 1.2rem); }

/* Öğretmen Koçluğu Akademisi: kocluk.html "Hangisini seçeceğinizi bilmiyor musunuz?" bölümüyle aynı yükseklik ve tasarım */
#ogretmen.cta { display: flex; align-items: center; justify-content: center; min-height: clamp(396px, calc(396px + (100vw - 800px) * .27), 569px); padding: clamp(4.5rem, 11vw, 9rem) 0; }
#ogretmen.cta .wrap { width: min(1024px, 100% - 3rem); }

/* ===== Ortak bölüm yüksekliği: kocluk.html "Hangisini seçeceğinizi bilmiyor musunuz?" ölçüsü (1440 px'te 569 px) ===== */
#ogretmen.cta, .statement, #surec, #kesfet.dark, #referanslar {
  --sec-h: clamp(396px, calc(396px + (100vw - 800px) * .27), 569px);
  min-height: var(--sec-h);
  display: flex; align-items: center; justify-content: center;
}
#surec, #kesfet.dark, #referanslar { padding-top: clamp(2.5rem, 5vw, 4rem) !important; padding-bottom: clamp(2.5rem, 5vw, 4rem) !important; }
#surec > .wide, #kesfet.dark > .wide, #referanslar > .wide { width: min(1260px, 100% - 2rem); }
#surec .steps { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
#referanslar .logos { margin-top: clamp(1.4rem, 3vw, 2.2rem); }
#referanslar .accred { margin-top: clamp(1.6rem, 3.5vw, 2.6rem); }

/* Öğretmen bölümü: sonraki bölümden ayrışan açık gri ton */
#ogretmen.cta { background: #fff !important; }
@media (min-width: 901px) { #kesfet.dark .phone { width: auto; height: calc(var(--sec-h) - clamp(5rem, 10vw, 8rem)); aspect-ratio: 9 / 16; max-width: 100%; } #kesfet.dark .phone video { height: 100%; aspect-ratio: auto; } }

/* Hizmetler kartları: logo yok, içerik dikey ortalı */
#hizmetler .tiles .tile { justify-content: center; padding-bottom: clamp(2rem, 4vw, 3rem); }

/* ===== Hizmetler ürün kartları: apple.com ürün kartı düzeni ===== */
#hizmetler .tiles { gap: 12px; }
#hizmetler .tiles .tile {
  position: relative; border-radius: 28px; justify-content: flex-start; align-items: center;
  padding: clamp(2.6rem, 5vw, 4.2rem) 1.5rem 0; min-height: clamp(520px, 52vw, 700px);
  background:
    radial-gradient(ellipse 70% 38% at 50% 100%, rgba(217,169,64,.34), transparent 70%),
    linear-gradient(180deg, #17397a 0%, #0f2656 55%, #081a42 100%);
}
#hizmetler .tiles .tile::after {                       /* alt kenarda yükselen halkalar: ürün görselinin yerine */
  content: ""; position: absolute; left: 50%; bottom: 0; width: min(78%, 520px); aspect-ratio: 2 / 1; transform: translateX(-50%);
  border-radius: 520px 520px 0 0; border: 1px solid rgba(217,169,64,.45); border-bottom: 0;
  box-shadow: 0 0 0 clamp(18px, 3vw, 34px) rgba(217,169,64,.07), 0 0 0 clamp(36px, 6vw, 68px) rgba(217,169,64,.04);
  background: radial-gradient(ellipse at 50% 100%, rgba(217,169,64,.42), rgba(217,169,64,.08) 55%, transparent 72%);
  pointer-events: none;
}
#hizmetler .tiles .tile .eyebrow { font-size: clamp(.9rem, 1.1vw, 1rem); font-weight: 500; letter-spacing: 0; margin: 0 0 .5rem; color: #d9a940; }
#hizmetler .tiles .tile h3 { font-size: clamp(2.6rem, 4.6vw, 3.9rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.05; color: #f5f5f7; }
#hizmetler .tiles .tile .sub { margin-top: .6rem; max-width: 22em; font-size: clamp(1.1rem, 1.6vw, 1.45rem); line-height: 1.3; color: #c7c7cc; }
#hizmetler .tiles .tile .links { margin-top: 1.4rem; gap: .7rem; position: relative; z-index: 1; }
#hizmetler .tiles .tile .more { font-size: clamp(1rem, 1.2vw, 1.15rem); padding: .6em 1.4em; line-height: 1.15; }
@media (max-width: 734px) { #hizmetler .tiles .tile { min-height: 460px; } }
@media (min-width: 1100px) { #hizmetler .tiles .tile { aspect-ratio: 976 / 768; min-height: 0; } }
#hizmetler .tiles .tile { min-width: 0; }
#hizmetler .tiles .tile::after { width: min(54%, 360px); box-shadow: 0 0 0 clamp(12px, 2vw, 22px) rgba(217,169,64,.07), 0 0 0 clamp(24px, 4vw, 44px) rgba(217,169,64,.04); }

/* Banner: logo yok, içerik dikey ortalı, iki bağlantı satırı */
.hero-center { justify-content: center; }
.hero-center .wrap { flex: 0 0 auto; }
.hero-center .hero-links { margin-top: clamp(.8rem, 1.8svh, 1.2rem); flex-wrap: wrap; }
.hero-center .sub { margin-top: clamp(.8rem, 2.2svh, 1.4rem); }

/* Banner: hizmet alanları düz yazı olarak */
.hero-areas { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .3rem 0; margin-top: clamp(.8rem, 2.2svh, 1.4rem); font-size: clamp(1.15rem, 2vw, 1.6rem); font-weight: 600; letter-spacing: -.02em; color: #f5f5f7; }
.hero-areas span + span::before { content: "·"; margin: 0 .7em; color: var(--gold-l); font-weight: 400; }

/* İletişim sayfası (inoxport.com iletişim bölümü düzeni) */
.ix-page { padding-top: calc(56px + clamp(3rem, 7vw, 6rem)); padding-bottom: clamp(3rem, 7vw, 6rem); min-height: calc(100svh - 120px); display: flex; align-items: center; }
.ix-page .ix-contact { width: min(1180px, 100% - 3rem); margin-inline: auto; }
/* ana sayfada Videolar bölümünün alt kısmı beyaz */
#kurumsal.vsec { background: #fff !important; }

/* ===== Hizmetler: satır satır liste ===== */
#hizmetler .svc-list { width: min(1100px, 100%); margin: clamp(1.6rem, 3vw, 2.4rem) auto 0; border-top: 1px solid #d2d2d7; }
#hizmetler .svc { display: grid; grid-template-columns: minmax(180px, .9fr) 1.3fr auto; align-items: center; gap: 1rem clamp(1.5rem, 4vw, 3.5rem); padding: clamp(1.8rem, 3.4vw, 2.8rem) 0; border-bottom: 1px solid #d2d2d7; text-align: left; }
#hizmetler .svc-name small { display: block; font-size: .9rem; font-weight: 600; color: var(--gold); margin-bottom: .35rem; }
#hizmetler .svc-name h3 { font-size: clamp(2rem, 3.6vw, 3.1rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.05; color: #1d1d1f; }
#hizmetler .svc-text { font-size: clamp(1.05rem, 1.5vw, 1.3rem); line-height: 1.4; color: #6e6e73; max-width: 26em; }
#hizmetler .svc-links { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
#hizmetler .svc-links .more { font-size: clamp(.95rem, 1.1vw, 1.05rem); padding: .5em 1.2em; white-space: nowrap; }
#hizmetler .svc-links .more.fill { background: var(--gold); color: #fff; border-color: var(--gold); }
#hizmetler .svc-links .more.fill:hover { background: #a37820; border-color: #a37820; }
@media (max-width: 900px) {
  #hizmetler .svc { grid-template-columns: 1fr; gap: .8rem; }
  #hizmetler .svc-links { justify-content: flex-start; }
}
@media (min-width: 901px) { #hizmetler .svc { grid-template-columns: minmax(180px, .8fr) 1.2fr 330px; } }

/* ===== Hizmetler: yan yana kısa kartlar (içeriğe göre yükseklik) ===== */
#hizmetler .svc-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: min(1100px, 100%); margin: clamp(1.6rem, 3vw, 2.4rem) auto 0; }
#hizmetler .svc-card { text-align: center; border-radius: 28px; padding: clamp(2rem, 4vw, 3.2rem) clamp(1.4rem, 3vw, 2.4rem) clamp(2rem, 4vw, 3rem); display: flex; flex-direction: column; align-items: center;
  background: radial-gradient(ellipse 80% 55% at 50% 0%, rgba(217,169,64,.22), transparent 70%), linear-gradient(180deg, #17397a 0%, #0f2656 55%, #081a42 100%); color: #f5f5f7; }
#hizmetler .svc-ic { color: #d9a940; display: block; margin-bottom: 1.1rem; }
#hizmetler .svc-card small { font-size: .95rem; font-weight: 600; color: #d9a940; margin-bottom: .45rem; }
#hizmetler .svc-card h3 { font-size: clamp(2.3rem, 4vw, 3.4rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.05; color: #f5f5f7; }
#hizmetler .svc-card p { margin-top: .7rem; max-width: 20em; font-size: clamp(1.05rem, 1.5vw, 1.3rem); line-height: 1.35; color: #c7c7cc; flex: 1 1 auto; }
#hizmetler .svc-card .svc-links { margin-top: 1.6rem; justify-content: center; }
#hizmetler .svc-card .more { color: var(--gold-l); }
#hizmetler .svc-card .more:hover { background: var(--gold-l); color: #071a3d; }
#hizmetler .svc-card .more.fill { background: var(--gold); color: #fff; border-color: var(--gold); }
#hizmetler .svc-card .more.fill:hover { background: #a37820; border-color: #a37820; color: #fff; }
@media (max-width: 734px) { #hizmetler .svc-cards { grid-template-columns: 1fr; } }

/* ===== Hizmetler: beyaz zemin, apple.com ana sayfa karesi (976 × 768), gri kart, ortalı içerik ===== */
#hizmetler, #hizmetler.light { background: #fff !important; }
#hizmetler .wide { width: calc(100% - 24px); max-width: none; }
#hizmetler .svc-cards { width: 100%; gap: 12px; margin-top: clamp(1.4rem, 2.6vw, 2rem); }
#hizmetler .svc-card {
  background: #f5f5f7; color: #1d1d1f; border-radius: 28px; justify-content: center; align-items: center; text-align: center;
  padding: clamp(2rem, 4vw, 3rem) clamp(1.4rem, 3vw, 2.4rem); min-height: 0;
}
@media (min-width: 735px) { #hizmetler .svc-card { aspect-ratio: 976 / 768; } }
#hizmetler .svc-ic { color: var(--gold); margin-bottom: clamp(1.1rem, 2.4vw, 1.8rem); }
#hizmetler .svc-card small { color: var(--gold); margin-bottom: clamp(.5rem, 1vw, .8rem); }
#hizmetler .svc-card h3 { color: #1d1d1f; font-size: clamp(2.4rem, 4.4vw, 3.8rem); }
#hizmetler .svc-card p { color: #6e6e73; flex: 0 0 auto; margin-top: clamp(.8rem, 1.6vw, 1.2rem); max-width: 21em; }
#hizmetler .svc-card .svc-links { margin-top: clamp(1.4rem, 2.8vw, 2.2rem); }
#hizmetler .svc-card .more { color: #8f6612; border-color: #8f6612; }
#hizmetler .svc-card .more:hover { background: var(--gold); border-color: var(--gold); color: #fff; }
#hizmetler .svc-card .more.fill { background: var(--gold); border-color: var(--gold); color: #fff; }
#hizmetler .svc-card .more.fill:hover { background: #a37820; border-color: #a37820; }
#hizmetler .svc-cards { margin-top: 0; }

/* ===================== ANA SAYFA: beyaz zemin + gri yuvarlak bölümler (yalnızca index.html) ===================== */
body.home { background: #fff; }
.home main > section { margin: 12px 12px 0; border-radius: 28px; overflow: hidden; background: #f5f5f7; }
.home main > section:last-child { margin-bottom: 12px; }

/* Banner: nav'ın altından başlar, gri kart */
.home main > section.hero { margin-top: 68px; height: calc(100svh - 80px); min-height: 520px; padding-top: 0; background: #f5f5f7; color: #1d1d1f; }
.home .hero-center .h-xl { color: #1d1d1f; }
.home .hero-center .sub { color: #6e6e73; }
.home .hero-areas { color: #1d1d1f; }
.home .hero-center .more { color: #8f6612; border-color: #8f6612; }
.home .hero-center .more:hover { background: var(--gold); border-color: var(--gold); color: #fff; }

/* Öğretmen bölümü */
.home #ogretmen.cta { background: #f5f5f7 !important; margin-top: 12px; }

/* Hizmetler: bölüm şeffaf, iki gri kare kendi başına */
.home main > section#hizmetler { background: transparent !important; border-radius: 0; overflow: visible; margin-top: 12px; padding-top: 0 !important; padding-bottom: 0 !important; }
.home #hizmetler .wide { width: 100%; }

/* Süreç: gri bölüm, beyaz adımlar */
.home main > section#surec { background: #f5f5f7 !important; }
.home #surec .step { background: #fff !important; border-radius: 22px; }

/* Keşfet: tek mavi bölüm */
.home main > section#kesfet.dark { margin-top: 12px; }

/* Videolar ve Referanslar: gri */
.home main > section#kurumsal.vsec { background: #f5f5f7 !important; margin: 12px 12px 0 !important; border-radius: 28px !important; }
.home main > section#referanslar { background: #f5f5f7 !important; }
.home main > section#iletisim { display: none; }

/* düzeltmeler: Keşfet mavi kalır, Hizmetler kenar boşluğu */
.home main > section#kesfet.dark { background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(60,110,200,.35), transparent 70%), var(--navy-deep) !important; color: #f5f5f7; }
.home main > section#hizmetler { margin: 12px 12px 0 !important; }

/* Banner: mavi geri geldi (beyaz yazılarla) */
.home main > section.hero { background: radial-gradient(ellipse 70% 45% at 50% 100%, rgba(184,136,40,.26), transparent 70%), radial-gradient(ellipse 90% 60% at 50% 0%, rgba(60,110,210,.4), transparent 70%), linear-gradient(180deg, #1f3a78 0%, #112a5e 45%, #0a1a45 100%) !important; color: #f5f5f7; }
.home .hero-center .h-xl { color: #f5f5f7; }
.home .hero-center .sub { color: #a1a1a6; }
.home .hero-areas { color: #f5f5f7; }
.home .hero-center .more { color: var(--gold-l); border-color: var(--gold-l); }
.home .hero-center .more:hover { background: var(--gold-l); border-color: var(--gold-l); color: #071a3d; }

/* Banner: kenardan kenara, köşesiz, menünün hemen altında */
.home main > section.hero { margin: 56px 0 0 !important; border-radius: 0 !important; height: calc(100svh - 56px); }

/* Kare olmayan bölümler: kenardan kenara, köşesiz (Hizmetler kareleri hariç) */
.home main > section#ogretmen, .home main > section#surec, .home main > section#kesfet.dark, .home main > section#kurumsal.vsec, .home main > section#referanslar {
  margin-left: 0 !important; margin-right: 0 !important; border-radius: 0 !important;
}

/* Hizmetler kareleri: ikonlar en altta */
#hizmetler .svc-card { position: relative; }
#hizmetler .svc-ic { position: absolute; left: 50%; bottom: clamp(1.4rem, 3vw, 2.4rem); transform: translateX(-50%); margin: 0; }
@media (max-width: 734px) { #hizmetler .svc-card { padding-bottom: 5.5rem; } }

/* Ana sayfa: Neden MBS Evreka Akademi? bölümü */
.home main > section#neden { background: #f5f5f7 !important; margin: 12px 0 0 !important; border-radius: 0 !important; }
.home #neden .why { background: #fff; }

/* Ana sayfa: Neden MBS Evreka Akademi? ve Neden Şafak A.YILMAZ? */
.home main > section#neden-mbs, .home main > section#neden { background: #f5f5f7 !important; margin: 12px 0 0 !important; border-radius: 0 !important; }
.home #neden-mbs .why, .home #neden .why { background: #fff; }

/* Hizmetler kareleri: banner mavisi, açık renk yazılar */
#hizmetler .svc-card { background: radial-gradient(ellipse 70% 45% at 50% 100%, rgba(184,136,40,.26), transparent 70%), radial-gradient(ellipse 90% 60% at 50% 0%, rgba(60,110,210,.4), transparent 70%), linear-gradient(180deg, #1f3a78 0%, #112a5e 45%, #0a1a45 100%); color: #f5f5f7; }
#hizmetler .svc-card h3 { color: #f5f5f7; }
#hizmetler .svc-card p { color: #a1a1a6; }
#hizmetler .svc-card small, #hizmetler .svc-ic { color: var(--gold-l); }
#hizmetler .svc-card .more { color: var(--gold-l); border-color: var(--gold-l); }
#hizmetler .svc-card .more:hover { background: var(--gold-l); border-color: var(--gold-l); color: #071a3d; }
#hizmetler .svc-card .more.fill { background: var(--gold); border-color: var(--gold); color: #fff; }
#hizmetler .svc-card .more.fill:hover { background: #a37820; border-color: #a37820; color: #fff; }

/* Hizmetler kareleri: başlık grubu yukarıda, açıklama ve düğmeler ortada, ikon altta — kare dolu */
@media (min-width: 735px) {
  #hizmetler .svc-card { justify-content: flex-start; padding-top: clamp(2.4rem, 7.5vw, 6.2rem); padding-bottom: clamp(4.6rem, 8vw, 7rem); }
  #hizmetler .svc-card h3 { margin-bottom: clamp(1.6rem, 5.2vw, 4.6rem); }
  #hizmetler .svc-card p { margin-top: 0; }
  #hizmetler .svc-card .svc-links { margin-top: clamp(1.6rem, 3.6vw, 3rem); }
}

/* ===== Kurumsal Eğitimler sayfası: beyaz zemin, apple gri tam genişlik bölümler ===== */
body.corp { background: #fff; }
.corp main > section:not(.page-hero) { background: #f5f5f7 !important; margin: 12px 0 0; }
.corp main > section:not(.page-hero):last-child { margin-bottom: 12px; }
.corp .lc, .corp .mini, .corp .why, .corp .pick { background: #fff; }

/* Kurumsal Eğitimler: akan şeritlerde yakalama kapalı, başlık ortalı */
.corp .cards-rail.auto { scroll-snap-type: none; }
.corp .cards-rail.auto > * { scroll-snap-align: none; }
.sec-center { text-align: center; }
.sec-center .h-sec { text-align: center; }

/* Hizmetler kareleri: apple.com grisi */
#hizmetler .svc-card { background: #f5f5f7; color: #1d1d1f; }
#hizmetler .svc-card h3 { color: #1d1d1f; }
#hizmetler .svc-card p { color: #6e6e73; }
#hizmetler .svc-card small, #hizmetler .svc-ic { color: var(--gold); }
#hizmetler .svc-card .more { color: #8f6612; border-color: #8f6612; }
#hizmetler .svc-card .more:hover { background: var(--gold); border-color: var(--gold); color: #fff; }
#hizmetler .svc-card .more.fill { background: var(--gold); border-color: var(--gold); color: #fff; }
#hizmetler .svc-card .more.fill:hover { background: #a37820; border-color: #a37820; color: #fff; }

/* Videolar bölümü: banner mavisi */
.home main > section#kurumsal.vsec {
  background: radial-gradient(ellipse 70% 45% at 50% 100%, rgba(184,136,40,.26), transparent 70%), radial-gradient(ellipse 90% 60% at 50% 0%, rgba(60,110,210,.4), transparent 70%), linear-gradient(180deg, #1f3a78 0%, #112a5e 45%, #0a1a45 100%) !important;
  color: #f5f5f7;
}
.home #kurumsal .vgal-head .h-xl { color: #f5f5f7; }
.home #kurumsal .vgal-head .sub { color: #a1a1a6; }
.home #kurumsal .vgal-head .more { color: var(--gold-l); border-color: var(--gold-l); }
.home #kurumsal .vgal-head .more:hover { background: var(--gold-l); border-color: var(--gold-l); color: #071a3d; }

/* ===== Kurumsal eğitim sayfaları: ürün sayfası düzeni (tp-) ===== */
.page-hero.tp-hero { overflow: hidden; padding-bottom: clamp(3rem, 7vw, 5rem); position: relative; z-index: 2; }
.tp-hero .h-xl { font-size: clamp(2.4rem, 7vw, 5rem); text-wrap: balance; }
.tp-duo { padding: clamp(2.5rem, 5vw, 4rem) 0; }
.tp-duo .duo-img { box-shadow: none; }
.tp-glance { padding-top: clamp(1rem, 2vw, 1.5rem); }
.tp-glance-in > div { padding: 1.8rem 2.2rem; }
.tp-duo .duo-img { aspect-ratio: 4 / 3; }
.tp-duo .duo-txt { aspect-ratio: auto; }
.tp-duo .duo-img img { object-position: 50% 40%; }
.tp-statement { background: #fff; padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(3rem, 6vw, 5rem); text-align: center; }
.tp-lead { font-size: clamp(2rem, 5.4vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -.035em; color: var(--ink); text-wrap: balance; max-width: 18em; margin-inline: auto; }
.tp-lead .soft { color: var(--dim); }
.tp-intro { max-width: 34em; margin: 1.6rem auto 0; font-size: clamp(1.1rem, 1.9vw, 1.35rem); line-height: 1.4; color: var(--gray-text); letter-spacing: -.01em; }
.tp-glance { background: #fff; padding: 0 0 clamp(3rem, 6vw, 5rem); }
.tp-glance-in { width: min(1024px, 100% - 3rem); margin-inline: auto; display: grid; grid-template-columns: repeat(4, 1fr); background: var(--gray-bg); border-radius: 28px; }
.tp-glance-in > div { padding: 1.6rem 1.8rem; border-left: 1px solid #d2d2d7; min-width: 0; }
.tp-glance-in > div:first-child { border-left: 0; }
.tp-glance small { display: block; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--dim); }
.tp-glance b { display: block; margin-top: .35rem; font-size: 1.3rem; font-weight: 600; letter-spacing: -.02em; color: var(--ink); line-height: 1.2; }
.tp-topics { background: var(--gray-bg); padding: clamp(3.5rem, 7vw, 6rem) 0; }
.tp-bento { width: min(1024px, 100% - 3rem); margin: 2rem auto 0; display: grid; grid-template-columns: repeat(12, 1fr); gap: .9rem; }
.tp-card { grid-column: span 6; background: #fff; border-radius: 28px; padding: clamp(1.6rem, 3vw, 2.4rem); min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; }
.tp-card:nth-child(1), .tp-card:nth-child(4) { grid-column: span 7; }
.tp-card:nth-child(2), .tp-card:nth-child(3) { grid-column: span 5; }
.tp-card h3 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; color: var(--ink); }
.tp-card p { margin-top: .6rem; font-size: 1.05rem; line-height: 1.4; color: var(--gray-text); }
.tp-gains { background: var(--navy-deep); color: #f5f5f7; padding: clamp(3.5rem, 7vw, 6rem) 0; }
.tp-gains .h-sec { color: #f5f5f7; }
.tp-gain-grid { width: min(1024px, 100% - 3rem); margin: 2rem auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.5rem, 4vw, 3rem); }
.tp-gain-grid p { border-top: 1px solid rgba(255,255,255,.22); padding-top: 1.2rem; font-size: clamp(1.3rem, 2.4vw, 1.75rem); font-weight: 600; letter-spacing: -.025em; line-height: 1.2; min-width: 0; }
.tp-who { background: #fff; padding: clamp(3.5rem, 7vw, 6rem) 0 clamp(2.5rem, 5vw, 4rem); }
.tp-pills { width: min(1024px, 100% - 3rem); margin: 2rem auto 0; display: flex; flex-wrap: wrap; gap: .8rem; }
.tp-pills span { background: var(--gray-bg); border-radius: 980px; padding: .85rem 1.5rem; font-size: clamp(1rem, 1.6vw, 1.2rem); font-weight: 600; letter-spacing: -.015em; color: var(--ink); }
.tp-sec-title { width: min(1024px, 100% - 3rem); margin-inline: auto; }
@media (max-width: 734px) {
  .tp-glance-in { grid-template-columns: repeat(2, 1fr); }
  .tp-glance-in > div:nth-child(3) { border-left: 0; }
  .tp-glance-in > div:nth-child(n+3) { border-top: 1px solid #d2d2d7; }
  .tp-bento { grid-template-columns: 1fr; }
  .tp-card, .tp-card:nth-child(n) { grid-column: auto; min-height: 0; }
  .tp-gain-grid { grid-template-columns: 1fr; }
}

/* Diğer eğitimler: sağdan sola kayan kart şeridi */
.cards-rail.marquee { display: block; overflow: hidden; scroll-snap-type: none; padding: 0 0 1.5rem; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.marquee-track { display: flex; width: max-content; animation: tp-marquee var(--dur, 90s) linear infinite; will-change: transform; }
.marquee:hover .marquee-track, .marquee:focus-within .marquee-track, .marquee.paused .marquee-track { animation-play-state: paused; }
.marquee .edu { flex: 0 0 340px; margin-right: .9rem; scroll-snap-align: none; }
@keyframes tp-marquee { to { transform: translateX(-50%); } }
@media (max-width: 734px) { .marquee .edu { flex-basis: 280px; } }
@media (prefers-reduced-motion: reduce) { .cards-rail.marquee { overflow-x: auto; } .marquee-track { animation: none; } }

/* ===== Videolar: öne çıkan üçlü + kesit şeridi ===== */
.vsec .vfeat { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 1rem; }
.vsec .vfeat .vt { flex: none; width: auto; aspect-ratio: auto; height: clamp(420px, 46vw, 600px); border-radius: 30px; }
.vsec .vfeat .vt-meta { padding: 1.6rem 1.7rem; }
.vsec .vfeat .vt-meta small { font-size: .9rem; font-weight: 600; letter-spacing: .01em; color: var(--gold-l); }
.vsec .vfeat .vt-meta b { font-size: clamp(1.35rem, 2.2vw, 1.75rem); }
.vsec .vfeat .vf-main .vt-meta b { font-size: clamp(1.7rem, 3vw, 2.5rem); max-width: 10em; }
.vsec .vfeat .vt-play { right: 18px; bottom: 18px; width: 48px; height: 48px; }
.vsec .vfeat .vt .vt-time { left: 20px; bottom: 26px; }
.vsec .vfeat .vf-main .vt-time::before { content: "Tamamını izle · "; }
.vsec .vt .spot { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; background: #000; }
.vsec .vt-img::after { z-index: 1; }
.vsec .vt-play, .vsec .vt .vt-time { z-index: 2; }
.vsec .vt.playing .spot { display: none; }
.vsec .vfeat + .vgal-title { margin-top: clamp(2.4rem, 6vw, 4rem); }
@media (max-width: 900px) {
  .vsec .vfeat { grid-template-columns: 1fr 1fr; }
  .vsec .vfeat .vf-main { grid-column: 1 / -1; height: clamp(440px, 118vw, 640px); }
  .vsec .vfeat .vt:not(.vf-main) { height: clamp(260px, 62vw, 380px); }
}
.vsec .vfeat .vf-bare .vt-meta { display: none; }
.vsec .vfeat .vf-bare .vt-img::after { background: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,.35) 100%); }

/* ===== Eğitim Videoları: tek şerit, yazısız kartlar (apple.com tarzı) ===== */
.vsec .vt-meta, .vsec .vt-img::after { display: none; }
.vsec .vt { flex: 0 0 min(340px, 78vw); aspect-ratio: 4 / 5; border-radius: 28px; }
.vsec .vt-img::after { display: block; background: linear-gradient(180deg, rgba(0,0,0,0) 72%, rgba(0,0,0,.35) 100%); }
.vsec .vt .vt-time { left: 18px; bottom: 24px; }
.vsec .vt-play { right: 16px; bottom: 16px; width: 44px; height: 44px; }
.vsec .vgal .vthumbs { scroll-snap-type: x mandatory; scroll-padding-left: 0; padding-bottom: 1.6rem; }
.vnav { display: flex; justify-content: flex-end; gap: .6rem; margin-top: .4rem; }
.vnav-b { width: 44px; height: 44px; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.08); color: #1d1d1f; cursor: pointer; transition: background .2s; }
.vnav-b:hover { background: rgba(0,0,0,.16); }

/* ===== Üst menüler sabit değil: sayfayla birlikte kayar ===== */
.nav { position: absolute; }
.localnav { position: relative; top: auto; }
.localnav.stuck { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom-color: transparent; }

/* ===== Ana sayfa: eğitim filmi bandı (spot) ===== */
.spotband { position: relative; isolation: isolate; overflow: hidden; background: #050f26; padding: clamp(4rem, 9vw, 7rem) 0; min-height: min(80vh, 780px); display: flex; align-items: center; }
.spotband .sb-bg { position: absolute; inset: -10%; width: 120%; height: 120%; object-fit: cover; z-index: -2; filter: blur(42px) brightness(.55) saturate(1.25); }
.spotband::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,15,38,.82) 0%, rgba(5,15,38,.45) 55%, rgba(5,15,38,.2) 100%); }
.spotband .sb-in { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; width: min(1180px, 100% - 3rem); margin-inline: auto; }
.spotband .eyebrow { color: var(--gold-l); }
.spotband .h-xl { font-size: clamp(2.3rem, 5.4vw, 4.4rem); letter-spacing: -.04em; line-height: 1.05; }
.spotband .sub { margin: 1.2rem 0 0; max-width: 28em; font-size: clamp(1.05rem, 1.7vw, 1.3rem); color: #c7cbd6; }
.spotband .links { margin-top: 1.8rem; gap: .8rem; }
.spotband .more.fill { background: var(--gold); color: #fff; border-color: var(--gold); }
.spotband .more.fill:hover { background: #a37820; border-color: #a37820; }
.sb-vid { position: relative; justify-self: end; width: min(100%, 420px); aspect-ratio: 3 / 4; border-radius: 28px; overflow: hidden; background: #000; cursor: pointer; box-shadow: 0 40px 100px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.1); }
.sb-vid video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sb-chip { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1rem .5rem .8rem; border-radius: 980px; background: rgba(255,255,255,.92); color: #1d1d1f; font-size: .85rem; font-weight: 600; transition: transform .2s; }
.sb-vid:hover .sb-chip { transform: scale(1.04); }
.sb-vid.playing { cursor: default; }
.sb-vid.playing .sb-chip { display: none; }
@media (max-width: 800px) {
  .spotband { min-height: 0; }
  .spotband .sb-in { grid-template-columns: 1fr; }
  .spotband::after { background: rgba(5,15,38,.55); }
  .sb-vid { justify-self: center; width: min(78vw, 340px); }
}
.spotband .links { justify-content: flex-start; }
@media (max-width: 800px) { .spotband .links { justify-content: flex-start; } }

/* ===== Kart hover: apple.com/tr/store etkisi (hafif yükselme + yumuşak gölge) ===== */
.edu, .lc, .cat, .why, .pr, .step, .svc-card, .tile, .vsec .vt { transition: transform .3s cubic-bezier(0, 0, .5, 1), box-shadow .3s cubic-bezier(0, 0, .5, 1); }
.edu, .lc, .cat, .why, .pr, .step, .svc-card, .tile { box-shadow: 2px 4px 12px rgba(0,0,0,.08); }
.vsec .vt { box-shadow: 2px 4px 12px rgba(0,0,0,.08); }
@media (hover: hover) {
  a.edu:hover, .edu:hover, .lc:hover, .cat:hover, .why:hover, .pr:hover, .step:hover, .svc-card:hover, .tile:hover, .vsec .vt:hover {
    transform: scale3d(1.01, 1.01, 1.01); box-shadow: 2px 4px 16px rgba(0,0,0,.16);
  }
  .tile.black:hover, .dark .edu:hover, .dark .pr:hover { box-shadow: 2px 4px 16px rgba(0,0,0,.32); }
}
.vsec .vt:hover .vt-img img { transform: none; }
.cards-rail:not(.marquee) { padding-top: .6rem; margin-top: -.6rem; }
@media (prefers-reduced-motion: reduce) { .edu, .lc, .cat, .why, .pr, .step, .svc-card, .tile, .vsec .vt { transition: none; } }

/* video oynarken kartta kayma/bozulma olmasın: büyüme efekti kapalı, kırpma sabit */
.vsec .vt { isolation: isolate; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.vsec .vt.playing, .vsec .vt.playing:hover { transform: none !important; transition: none; box-shadow: none; }
.vsec .vt.playing video { border-radius: inherit; }

/* Keşfet videosu: telefon çerçevesi yok, yuvarlak köşeli kart */
#kesfet .phone { padding: 0; background: none; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.08); }
#kesfet .phone video { border-radius: 0; }

/* ===== Gizli sayfa: Eğitim Videoları (menülerde yok) ===== */
.vpage .vsec { padding-top: clamp(3rem, 7vw, 5rem); }
.vsec.vpage-sec .vgal:not(.open) .vthumbs, .vsec.vpage-sec .vgal .vthumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; overflow: visible; margin-right: 0; padding: .6rem 0 1rem; scroll-snap-type: none; }
.vsec.vpage-sec .vt { flex: none; width: auto; }
.vsec.vpage-sec .vnav { display: none; }
.vsec.vpage-sec .vgal-head .links { gap: .8rem; flex-wrap: wrap; }
.vpage .nav { background: #081638; }


/* ===== Keşfet bölümü: bulanık (blur) görsel zemin ===== */
body.home #kesfet { position: relative; isolation: isolate; overflow: hidden; }
body.home #kesfet::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20,70,190,.5) 0%, rgba(12,48,150,.4) 50%, rgba(8,30,110,.6) 100%); }

/* Hakkımda: imza fotoğrafın üzerinde */
.about-photo-wrap { position: relative; width: 100%; }
.page-hero .about-photo-wrap img.about-imza { position: absolute; right: 13%; bottom: 7.5%; width: 36%; height: auto; max-width: none; margin: 0; opacity: .92; pointer-events: none; filter: drop-shadow(0 1px 6px rgba(0,0,0,.5)); }
@media (max-width: 900px) { .about-photo-wrap { max-width: 420px; margin-inline: auto; } }

/* Hakkımda: "Verdiği eğitimler" satırlarında tarih yok */
#egitimler .reveal:first-child .rows li { grid-template-columns: 1fr; }

/* ===== Ana sayfa: Öğretmen Koçluğu Akademisi — arka planda gülümseyen öğretmen yüzleri mozaiği ===== */
.home #ogretmen.cta { position: relative; isolation: isolate; overflow: hidden; background: #f5f5f7 url("media/ogretmen-mozaik.jpg") center / cover no-repeat !important; }
.home #ogretmen.cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 62% 78% at 50% 50%, rgba(245,245,247,.97) 0%, rgba(245,245,247,.92) 42%, rgba(245,245,247,.55) 78%, rgba(245,245,247,.38) 100%); }

/* ===== Alt sayfalar: simetrik hizalama — tüm bölümler aynı genişlik, kartlar aynı yükseklik ve düzen ===== */
body:not(.home) .wide:has(> .tiles) { width: min(1260px, 100% - 2rem); }
body:not(.home) .tiles { gap: .75rem; }
body:not(.home) .tiles .tile { border-radius: 28px; }
body:not(.home) .tiles .tile h3 { font-size: clamp(1.9rem, 3.6vw, 2.6rem); }
body:not(.home) .tiles .tile .sub { font-size: 1.1rem; max-width: 22em; }
.why { display: flex; flex-direction: column; }
.why p { min-height: 2.9em; }
.mini { min-height: 220px; }
.mini h3 { min-height: 2.3em; }
.picker-res { min-height: 96px; }
.picker { padding-bottom: clamp(1.6rem, 4vw, 2.6rem); }
.page-hero .links, .cta .links { justify-content: center; }
h1, h2, h3, .h-lg, .h-xl, .h-sec { text-wrap: balance; }
.sub, .tile .sub { text-wrap: pretty; }

/* ===== Alt sayfalar: tutarlı tipografi — aynı tür kartlarda aynı başlık boyutu, tek satırlık başlıklar da aynı hizada ===== */
body:not(.home) .lc h3,
body:not(.home) .why h3,
body:not(.home) .mini h3 { font-size: 1.5rem; line-height: 1.18; letter-spacing: -.028em; }
body:not(.home) .lc h3 { min-height: 2.36em; display: flex; align-items: center; justify-content: center; margin: .35rem 0 .6rem; }
body:not(.home) .why h3 { min-height: 1.18em; }
body:not(.home) .cat h3 { font-size: 1.9rem; line-height: 1.12; min-height: 2.24em; }
body:not(.home) .lc p, body:not(.home) .cat p, body:not(.home) .why p, body:not(.home) .sub { font-size: 1rem; line-height: 1.45; }
body:not(.home) .cat p { margin-top: .4rem; }
body:not(.home) .sec-center { text-align: left; }
body:not(.home) .sec-center .h-sec { text-align: left; }

/* ===== Mega menü (masaüstü): tüm sütunlarda aynı yazı tipi, boyut ve satır aralığı — simetrik düzen ===== */
@media (min-width: 735px) {
  .mega-in { grid-template-columns: repeat(3, 1fr); gap: 48px; }
  .mega-h { font-size: 12px; font-weight: 500; letter-spacing: .02em; margin-bottom: 18px; line-height: 1.3; }
  .nav .mega-c a,
  .nav .mega-c.lg a { font-size: 18px; font-weight: 600; letter-spacing: -.012em; line-height: 1.35; padding: 6px 0; }
}
@media (min-width: 735px) and (max-width: 1024px) {
  .mega-in { gap: 28px; }
  .nav .mega-c a, .nav .mega-c.lg a { font-size: 15px; padding: 5px 0; }
}

/* ===== Çerez onay bandı ===== */
.cookie-bar { position: fixed; left: 16px; bottom: 16px; z-index: 300; width: min(560px, calc(100% - 32px)); box-sizing: border-box; padding: 1.1rem 1.25rem; border-radius: 20px; background: #0b2255; color: #e8e8ed; box-shadow: 0 18px 50px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08); display: flex; flex-direction: column; gap: .9rem; opacity: 0; transform: translateY(14px); transition: opacity .3s ease, transform .3s ease; }
.cookie-bar.on { opacity: 1; transform: none; }
.cookie-bar p { margin: 0; font-size: .92rem; line-height: 1.5; color: #c7c7cc; }
.cookie-act { display: flex; gap: .6rem; justify-content: flex-end; }
.cookie-act button { font: inherit; font-size: .95rem; padding: .5rem 1.25rem; border-radius: 980px; cursor: pointer; border: 1px solid rgba(255,255,255,.3); background: transparent; color: #f5f5f7; transition: background .2s, color .2s; }
.cookie-act button:hover { background: rgba(255,255,255,.12); }
.cookie-act .cookie-yes { background: #B88828; border-color: #B88828; color: #fff; }
.cookie-act .cookie-yes:hover { background: #a37820; border-color: #a37820; }
@media (max-width: 734px) { .cookie-bar { left: 12px; right: 12px; bottom: 12px; width: auto; } .cookie-act button { flex: 1; } }

/* ===== Yasal metin sayfaları (gizlilik ve çerez politikası) ===== */
.legal { width: min(760px, 100% - 3rem); margin-inline: auto; padding: clamp(2.5rem, 6vw, 4.5rem) 0; color: #424245; }
.legal-date { font-size: .9rem; color: #86868b; margin: 0 0 1.6rem; }
.legal h2 { font-size: clamp(1.3rem, 2.4vw, 1.6rem); font-weight: 700; letter-spacing: -.025em; color: var(--ink, #1d1d1f); margin: 2.4rem 0 .7rem; }
.legal p, .legal li { font-size: 1.02rem; line-height: 1.65; }
.legal p { margin: .8rem 0 0; }
.legal ul { margin: .8rem 0 0; padding-left: 1.2rem; display: grid; gap: .5rem; }
.legal b { color: var(--ink, #1d1d1f); font-weight: 600; }
.legal a { color: var(--gold-link, #9a6f14); text-decoration: underline; text-underline-offset: 2px; }
.legal code { font-size: .88em; background: #f5f5f7; padding: .1em .4em; border-radius: 6px; }
.legal-table { margin-top: 1rem; overflow-x: auto; border: 1px solid #e5e5ea; border-radius: 14px; }
.legal-table table { width: 100%; border-collapse: collapse; font-size: .95rem; min-width: 560px; }
.legal-table th, .legal-table td { text-align: left; padding: .75rem 1rem; vertical-align: top; border-bottom: 1px solid #e5e5ea; }
.legal-table th { background: #f5f5f7; font-weight: 600; color: var(--ink, #1d1d1f); }
.legal-table tr:last-child td { border-bottom: 0; }
.cookie-bar p a { color: #f3d489; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }

/* Erişilebilirlik: yalnızca ekran okuyucuya görünen metin */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* SSS (details/summary) */
.faq { background: #fff; padding: clamp(3rem, 7vw, 5.5rem) 0; }
.faq .sec-head { margin-bottom: clamp(1.8rem, 4vw, 2.8rem); }
.faq .sub a, .faq-a a { color: var(--gold-link); text-decoration: underline; text-underline-offset: 3px; }
.faq-group { font-size: clamp(1.15rem, 1.8vw, 1.4rem); font-weight: 600; letter-spacing: -.015em; color: var(--ink); margin: clamp(2rem, 4vw, 3rem) 0 .4rem; }
.faq-group:first-of-type { margin-top: 0; }
.faq-list { border-top: 1px solid #d2d2d7; }
.faq-list details { border-bottom: 1px solid #d2d2d7; }
.faq-list summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; padding: 1.15rem 0; font-size: clamp(1.05rem, 1.6vw, 1.25rem); font-weight: 600; letter-spacing: -.015em; color: var(--ink); }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; flex: none; font-size: 1.6rem; font-weight: 300; color: var(--gray-text); line-height: 1; transition: transform .2s ease; }
.faq-list details[open] summary::after { transform: rotate(45deg); }
.faq-list summary:focus-visible { outline: 2px solid var(--gold-link); outline-offset: 2px; }
.faq-a { padding: 0 0 1.3rem; max-width: 46em; }
.faq-a p { font-size: clamp(1rem, 1.5vw, 1.15rem); line-height: 1.55; color: #424245; letter-spacing: -.01em; }

/* Güven unsurları (Hakkımda) */
.trust-grid { width: min(1024px, 100% - 3rem); margin-inline: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1.5rem, 3vw, 2.5rem) clamp(2rem, 5vw, 4rem); }
.trust-grid h3 { font-size: clamp(1.1rem, 1.7vw, 1.3rem); font-weight: 600; letter-spacing: -.015em; color: var(--ink); margin-bottom: .7rem; }
.trust-grid ul { list-style: none; padding: 0; margin: 0; }
.trust-grid li { position: relative; padding: .45rem 0 .45rem 1.2rem; font-size: clamp(1rem, 1.5vw, 1.12rem); line-height: 1.45; color: #424245; }
.trust-grid li::before { content: ""; position: absolute; left: 0; top: 1.05em; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
@media (max-width: 734px) { .trust-grid { grid-template-columns: 1fr; } }

/* Referans kurumlar (metin) */
.ref-text { margin-top: 1.4rem; font-size: clamp(.95rem, 1.4vw, 1.05rem); color: var(--gray-text); text-align: center; }

.trust-cta { text-align: center; margin-top: clamp(1.8rem, 4vw, 2.6rem); font-size: clamp(1rem, 1.5vw, 1.12rem); color: var(--gray-text); }
.trust-cta a { color: var(--gold-link); text-decoration: underline; text-underline-offset: 3px; }

/* Yazı sayfaları */
.post h2 { font-size: clamp(1.4rem, 2.4vw, 1.8rem); font-weight: 600; letter-spacing: -.02em; line-height: 1.2; color: var(--ink); margin: 2.6rem 0 .2rem; }
.post ul, .post ol { margin: 1.2rem 0 0; padding-left: 1.4rem; }
.post li { font-size: clamp(1.1rem, 1.7vw, 1.3rem); line-height: 1.5; color: #424245; letter-spacing: -.012em; margin-top: .45rem; }
.post .post-note { margin-top: 2.6rem; padding-top: 1.6rem; border-top: 1px solid #d2d2d7; font-size: clamp(1rem, 1.5vw, 1.12rem); color: var(--gray-text); }
.post a { color: var(--gold-link); text-decoration: underline; text-underline-offset: 3px; }
.post-back { margin-top: 2.4rem !important; font-size: 1rem !important; }
.post-grid { width: min(1024px, 100%); margin-inline: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.4rem; }
.post-card { display: flex; flex-direction: column; gap: .6rem; background: var(--gray-bg); border-radius: 22px; padding: clamp(1.4rem, 3vw, 2rem); text-decoration: none; color: var(--ink); transition: transform .2s ease; }
.post-card:hover { transform: translateY(-3px); }
.post-card h2 { font-size: clamp(1.3rem, 2vw, 1.55rem); font-weight: 600; letter-spacing: -.02em; line-height: 1.2; }
.post-card p { font-size: 1rem; line-height: 1.5; color: #424245; flex: 1; }
.post-card .more { margin-top: .6rem; }

/* Katılımcı görüşleri */
.rv-sec { padding: clamp(3rem, 7vw, 5.5rem) 0; background: #fff; }
.rv-sec.light { background: var(--gray-bg); }
.rv-grid { width: min(1100px, 100%); margin-inline: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 1.2rem; }
.rv { margin: 0; display: flex; flex-direction: column; gap: .9rem; background: #fff; border: 1px solid #e5e5ea; border-radius: 22px; padding: clamp(1.4rem, 3vw, 1.9rem); }
.rv-sec.light .rv { border-color: transparent; }
.rv-stars { color: var(--gold); letter-spacing: .18em; font-size: 1.05rem; }
.rv blockquote { margin: 0; flex: 1; }
.rv blockquote p { font-size: clamp(1.02rem, 1.5vw, 1.15rem); line-height: 1.55; color: var(--ink); letter-spacing: -.01em; }
.rv figcaption { display: flex; flex-direction: column; gap: .1rem; font-size: .95rem; }
.rv figcaption b { font-weight: 600; color: var(--ink); }
.rv figcaption span { color: var(--gray-text); font-size: .85rem; }
.rv-note { text-align: center; margin-top: 1.8rem; font-size: .9rem; color: var(--gray-text); }

/* Referanslar: kayan kartlar */
.ref-sec { background: var(--gray-bg); padding: clamp(3rem, 7vw, 5rem) 0; }
.ref-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.ref-track { display: flex; gap: 1.2rem; width: max-content; margin: 0; padding: .4rem 0; list-style: none; animation: ref-slide 32s linear infinite; }
.ref-marquee:hover .ref-track, .ref-marquee:focus-within .ref-track { animation-play-state: paused; }
.ref-card { flex: none; width: clamp(200px, 22vw, 250px); height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .9rem; background: #fff; border-radius: 22px; padding: 1.2rem; }
.ref-card img { max-width: 80%; height: 64px; width: auto; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.ref-card img[src$=".svg"] { height: 76px; }
.ref-card:hover img { filter: none; opacity: 1; }
.ref-card b { font-size: .9rem; font-weight: 600; color: var(--ink); text-align: center; letter-spacing: -.01em; }
.ref-card span { font-size: .78rem; color: var(--gray-text); text-align: center; line-height: 1.3; margin-top: -.5rem; }
.ref-card.nologo b { font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.25; letter-spacing: -.015em; }
.ref-card.nologo span { margin-top: -.3rem; }
@keyframes ref-slide { to { transform: translateX(calc(-100% / 3 - .4rem)); } }
@media (prefers-reduced-motion: reduce) { .ref-track { animation: none; width: auto; flex-wrap: wrap; justify-content: center; } .ref-card[aria-hidden="true"] { display: none; } .ref-marquee { -webkit-mask-image: none; mask-image: none; } }
.ref-h { font-size: clamp(1.2rem, 1.9vw, 1.5rem); font-weight: 600; letter-spacing: -.015em; text-align: center; margin: clamp(2.5rem, 5vw, 3.5rem) 0 1rem; }
.ref-list { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
.ref-list li { background: #fff; border-radius: 980px; padding: .7rem 1.3rem; font-size: 1rem; font-weight: 600; color: var(--ink); }
.ref-note { text-align: center; margin-top: 1.6rem; font-size: .85rem; color: var(--gray-text); }
.ref-text a { color: var(--gold-link); text-decoration: underline; text-underline-offset: 3px; }

/* Koçluk sayfası: kayan kartlar (kurumsal sayfayla aynı) */
.coach .cards-rail.auto { scroll-snap-type: none; }
.coach .cards-rail.auto > * { scroll-snap-align: none; }
@media (max-width: 734px) { .cards-rail > [aria-hidden="true"] { display: none; } }

/* iPhone / Android: ana ekrana eklenen uygulamada durum çubuğu (saat, pil) menünün üstüne binmesin */
:root { --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); }
.nav { height: calc(56px + var(--safe-top)); padding-top: var(--safe-top); box-sizing: border-box; }
main { padding-top: var(--safe-top); }
html { scroll-padding-top: calc(56px + var(--safe-top)); }
html:has(.localnav) { scroll-padding-top: calc(116px + var(--safe-top)); }
.localnav { top: calc(56px + var(--safe-top)); }
.home main > section.hero { height: calc(100svh - 56px - var(--safe-top)); }
.wa-fab { bottom: calc(clamp(14px, 2.4vw, 26px) + var(--safe-bottom)); }
.cookie-bar { bottom: calc(16px + var(--safe-bottom)); }
@media (display-mode: standalone) { .nav { background: #081638; } }

/* Referanslar: iki satır kayan yazı (logosuz) */
.ref-rows { display: grid; gap: 1rem; margin-top: clamp(1.6rem, 3.5vw, 2.4rem); }
.ref-track.rev { animation-direction: reverse; animation-duration: 38s; }
.ref-track.r1 { animation-duration: 34s; }
.ref-chip { flex: none; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .15rem; min-height: 76px; padding: .9rem 1.8rem; background: #fff; border-radius: 20px; white-space: nowrap; text-align: center; }
.ref-chip b { font-size: clamp(1rem, 1.5vw, 1.15rem); font-weight: 600; color: var(--ink); letter-spacing: -.015em; }
.ref-chip span { font-size: .8rem; color: var(--gray-text); }
.ref-sec .ref-rows { margin-top: 0; }
#referanslar .ref-rows { margin-top: clamp(1.6rem, 3.5vw, 2.4rem); }
#referanslar .ref-text { margin-top: 1.6rem; }
@media (prefers-reduced-motion: reduce) { .ref-chip[aria-hidden="true"] { display: none; } }

/* Referanslar: düz gri yazı, iki satır, zıt yönde (kartsız) */
.ref-track { --g: clamp(2.2rem, 5vw, 4.2rem); gap: var(--g); align-items: center; padding: .5rem 0; }
@keyframes ref-slide { to { transform: translateX(calc(-100% / 3 - var(--g) / 3)); } }
.ref-rows { gap: .3rem; }
.ref-name { flex: none; white-space: nowrap; font-size: clamp(1.1rem, 2vw, 1.55rem); font-weight: 600; letter-spacing: -.02em; color: #a1a1a6; transition: color .2s; }
.ref-track:hover .ref-name { color: #c7c7cc; }
.ref-track .ref-name:hover { color: var(--ink); }

/* Referanslar: iki satır da sağdan sola; üst satır daha yavaş */
.ref-track.r1 { animation-duration: 90s; }
.ref-track.r2 { animation-duration: 70s; }

/* Referanslar: inoxport.com ile aynı piksel hızı (yaklaşık 42 px/sn ve 82 px/sn), iki satır da sağdan sola.
   Üst satır yavaş (42 px/sn), alt satır hızlı (82 px/sn). */
.ref-track.r1 { animation-duration: 49s; }
.ref-track.r2 { animation-duration: 22s; }

/* Referanslar: inoxport.com gibi — üst satır hızlı (82 px/sn), alt satır yavaş (42 px/sn) */
.ref-track.r1 { animation-duration: 22s; }
.ref-track.r2 { animation-duration: 49s; }

/* Mobil hız ve erişilebilirlik (PageSpeed, 25 Ekim) */
:root { --gold-link: #8f6612; }
footer { color: #6e6e73; }
.cookie-act .cookie-yes { background: #8f6612; border-color: #8f6612; }
.cookie-act .cookie-yes:hover { background: #7f590e; border-color: #7f590e; }
#hizmetler .svc-card small, #hizmetler .svc-ic { color: #8f6612; }
#hizmetler .svc-card .more.fill, #hizmetler .svc-card .more:hover { background: #8f6612; border-color: #8f6612; color: #fff; }
/* Öğretmen bloğunun 337 KB'lık arka planı: WebP (81 KB) ve ekrana yaklaşana kadar çizilmez */
.home #ogretmen.cta { background: #f5f5f7 image-set(url("media/ogretmen-mozaik.webp") type("image/webp"), url("media/ogretmen-mozaik.jpg") type("image/jpeg")) center / cover no-repeat !important; content-visibility: auto; contain-intrinsic-size: auto 420px; }