:root {
  --ss-ink: #0a1720;
  --ss-navy: #091923;
  --ss-teal: #0f6d68;
  --ss-teal-deep: #0b4f4c;
  --ss-green: #174c32;
  --ss-cream: #f7efe3;
  --ss-paper: #fffaf3;
  --ss-sand: #eadbc7;
  --ss-gold: #d99a3f;
  --ss-copper: #b9512a;
  --ss-coral: #d36f5c;
  --ss-line: rgba(9, 25, 35, 0.14);
  --ss-muted: rgba(9, 25, 35, 0.64);
  --ss-max: 1400px;
  --ss-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

.ss-home,
.ss-home * { box-sizing: border-box; }

.ss-home {
  margin: 0;
  color: var(--ss-ink);
  background: var(--ss-cream);
  font-family: "Cabinet Grotesk", "Outfit", "Segoe UI Variable Text", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.ss-home a { color: inherit; text-decoration: none; }
.ss-home button,
.ss-home input { font: inherit; }
.ss-home button { color: inherit; }
.ss-home img { display: block; max-width: 100%; }
.ss-home svg { display: block; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.ss-page { position: relative; min-height: 100vh; overflow: clip; background: var(--ss-cream); }
.ss-page::before { content: ""; position: absolute; z-index: 2; top: 0; left: 50%; width: min(calc(100% - 36px),var(--ss-max)); height: 270px; pointer-events: none; transform: translateX(-50%); background: linear-gradient(rgba(9,25,35,.12),rgba(9,25,35,.12)),url("assets/hero-city-dawn-v2.jpg") center top / auto 1038px no-repeat; mask-image: linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.92) 58%,transparent 100%); }
.ss-main { width: 100%; max-width: 100%; overflow-x: hidden; }

/* Navigation */
.ss-header {
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 12px 18px 0;
  pointer-events: none;
}

.ss-nav {
  width: min(100%, var(--ss-max));
  min-height: 72px;
  margin: 0 auto;
  padding: 0 16px 0 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 26px;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 20px 20px 0 0;
  background: rgba(255,250,243,.9);
  box-shadow: 0 12px 42px rgba(9,25,35,.08);
  backdrop-filter: blur(24px) saturate(1.35);
  pointer-events: auto;
  transition: width 700ms var(--ss-ease), min-height 600ms var(--ss-ease), border-radius 500ms var(--ss-ease), box-shadow 300ms ease;
}

.ss-header.is-scrolled .ss-nav { box-shadow: 0 16px 48px rgba(9,25,35,.14); }

.ss-brand { min-width: 192px; display: flex; align-items: center; gap: 11px; white-space: nowrap; }
.ss-brand-symbol { position: relative; width: 29px; height: 29px; display: grid; place-items: center; transform: rotate(45deg); background: var(--ss-navy); }
.ss-brand-symbol::before { content: ""; width: 16px; height: 16px; border: 2px solid var(--ss-gold); }
.ss-brand-symbol i { position: absolute; width: 4px; height: 4px; background: var(--ss-teal); }
.ss-brand-symbol i:nth-child(1) { top: 3px; left: 3px; }
.ss-brand-symbol i:nth-child(2) { right: 3px; bottom: 3px; background: var(--ss-copper); }
.ss-brand-symbol i:nth-child(3) { top: 3px; right: 3px; background: var(--ss-gold); }
.ss-brand-copy { display: grid; gap: 3px; }
.ss-brand-name { font-size: 15px; font-weight: 800; letter-spacing: -.035em; line-height: 1; }
.ss-brand-name strong { color: var(--ss-copper); }
.ss-brand-line { color: var(--ss-muted); font-size: 7px; font-weight: 600; letter-spacing: .01em; }

.ss-nav-links { position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(13px, 1.25vw, 23px); }
.ss-nav-glider { position: absolute; z-index: 0; top: 50%; left: 0; width: var(--glider-width, 0); height: 34px; border-radius: 10px; background: rgba(15,109,104,.09); opacity: 0; transform: translate3d(var(--glider-x, 0), -50%, 0) scale(.9); transition: width 450ms var(--ss-ease), transform 450ms var(--ss-ease), opacity 180ms ease; pointer-events: none; }
.ss-nav-links.has-focus .ss-nav-glider { opacity: 1; transform: translate3d(var(--glider-x, 0), -50%, 0) scale(1); }
.ss-nav-links a { position: relative; z-index: 1; padding: 10px 0; font-size: 12px; font-weight: 600; white-space: nowrap; transition: color 220ms ease; }
.ss-nav-links a:hover,
.ss-nav-links a:focus-visible { color: var(--ss-copper); }

.ss-nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.ss-icon-button,
.ss-menu-button,
.ss-mobile-close { border: 0; background: transparent; cursor: pointer; }
.ss-icon-button { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; transition: background 220ms ease, transform 320ms var(--ss-ease); }
.ss-icon-button:hover { background: rgba(15,109,104,.09); transform: translateY(-1px); }
.ss-icon-button svg { width: 18px; height: 18px; }
.ss-ankara-line { width: min(100%, var(--ss-max)); height: 12px; margin: 0 auto; border-radius: 0 0 20px 20px; background: url("assets/ankara-tech-band-v2.jpg") center 52% / cover no-repeat; box-shadow: 0 8px 22px rgba(9,25,35,.07); pointer-events: auto; transition: width 700ms var(--ss-ease), height 450ms var(--ss-ease); }

@media (min-width: 1231px) {
  .ss-nav,
  .ss-ankara-line { width: min(84%, 1160px); }
  .ss-nav { min-height: 58px; border-radius: 17px 17px 0 0; }
  .ss-ankara-line { height: 8px; border-radius: 0 0 17px 17px; }
  .ss-header.is-scrolled .ss-nav,
  .ss-header.is-scrolled .ss-ankara-line { width: min(100%, var(--ss-max)); }
  .ss-header.is-scrolled .ss-nav { min-height: 72px; border-radius: 20px 20px 0 0; }
  .ss-header.is-scrolled .ss-ankara-line { height: 12px; border-radius: 0 0 20px 20px; }
}

/* Account */
.ss-account { position: relative; min-width: 0; }
.ss-account-loading { width: 116px; height: 40px; border-radius: 12px; background: rgba(9,25,35,.07); animation: ssPulse 1.4s ease-in-out infinite; }
.ss-auth-actions { display: flex; align-items: center; gap: 4px; }
.ss-auth-actions a { min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 10px; font-size: 12px; font-weight: 650; }
.ss-login { color: var(--ss-muted) !important; }
.ss-login:hover { color: var(--ss-ink) !important; background: rgba(9,25,35,.06); }
.ss-signup { color: var(--ss-paper) !important; background: var(--ss-navy); }
.ss-signup:hover { background: var(--ss-teal-deep); }

.ss-account-trigger { min-width: 142px; height: 44px; padding: 4px 10px 4px 4px; display: grid; grid-template-columns: 34px minmax(0,1fr) 13px; align-items: center; gap: 8px; border: 1px solid rgba(9,25,35,.13); border-radius: 12px; background: rgba(255,255,255,.58); cursor: pointer; transition: border-color 220ms ease, background 220ms ease, transform 320ms var(--ss-ease), box-shadow 320ms ease; }
.ss-account-trigger:hover,
.ss-account-trigger[aria-expanded="true"] { border-color: rgba(15,109,104,.36); background: var(--ss-paper); transform: translateY(-1px); box-shadow: 0 10px 26px rgba(9,25,35,.1); }
.ss-account-avatar { width: 34px; height: 34px; display: grid; place-items: center; color: var(--ss-paper); border-radius: 9px; background: var(--ss-teal-deep); font-size: 10px; font-weight: 750; letter-spacing: .04em; }
.ss-account-copy { min-width: 0; display: grid; gap: 1px; text-align: left; }
.ss-account-copy strong { overflow: hidden; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.ss-account-copy span { color: var(--ss-muted); font-size: 8px; text-transform: capitalize; }
.ss-account-chevron { width: 13px; height: 13px; transition: transform 320ms var(--ss-ease); }
.ss-account-trigger[aria-expanded="true"] .ss-account-chevron { transform: rotate(180deg); }
.ss-account-panel { position: absolute; z-index: 20; top: calc(100% + 14px); right: 0; width: 330px; padding: 10px; color: var(--ss-ink); border: 1px solid rgba(9,25,35,.12); border-radius: 20px; background: rgba(255,250,243,.98); box-shadow: 0 28px 80px rgba(9,25,35,.2); opacity: 0; visibility: hidden; transform: translateY(-10px) scale(.96); transform-origin: top right; transition: opacity 240ms ease, visibility 240ms ease, transform 400ms var(--ss-ease); }
.ss-account-panel.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.ss-account-profile { padding: 13px; display: grid; grid-template-columns: 46px 1fr; gap: 12px; align-items: center; }
.ss-account-profile .ss-account-avatar,
.ss-mobile-profile-top .ss-account-avatar { width: 46px; height: 46px; font-size: 13px; }
.ss-account-profile strong { display: block; font-size: 14px; }
.ss-account-profile span { display: block; margin-top: 2px; color: var(--ss-muted); font-size: 10px; text-transform: capitalize; }
.ss-account-menu { padding-top: 8px; display: grid; gap: 2px; border-top: 1px solid var(--ss-line); }
.ss-account-menu a,
.ss-account-menu button { width: 100%; min-height: 44px; padding: 0 12px; display: grid; grid-template-columns: 19px 1fr 15px; align-items: center; gap: 10px; border: 0; border-radius: 12px; background: transparent; cursor: pointer; font-size: 12px; font-weight: 600; text-align: left; transition: background 200ms ease, transform 300ms var(--ss-ease); }
.ss-account-menu a:hover,
.ss-account-menu button:hover { background: rgba(15,109,104,.08); transform: translateX(2px); }
.ss-account-menu svg { width: 19px !important; height: 19px !important; }
.ss-account-menu .ss-menu-arrow { width: 13px !important; height: 13px !important; justify-self: end; opacity: .42; }
.ss-account-menu .ss-logout { color: var(--ss-copper); }

.ss-menu-button { display: none; width: 40px; height: 40px; border: 1px solid var(--ss-line); border-radius: 11px; }
.ss-menu-button span { width: 17px; height: 1.5px; display: block; margin: 4px auto; background: currentColor; }

/* Mobile navigation */
.ss-mobile-layer { position: fixed; inset: 0; z-index: 200; visibility: hidden; pointer-events: none; }
.ss-mobile-layer.is-open { visibility: visible; pointer-events: auto; }
.ss-mobile-backdrop { position: absolute; inset: 0; border: 0; background: rgba(9,25,35,.44); opacity: 0; backdrop-filter: blur(6px); transition: opacity 350ms ease; }
.ss-mobile-layer.is-open .ss-mobile-backdrop { opacity: 1; }
.ss-mobile-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: min(90vw, 420px); padding: 24px; overflow-y: auto; background: var(--ss-paper); transform: translateX(100%); transition: transform 600ms var(--ss-ease); }
.ss-mobile-layer.is-open .ss-mobile-drawer { transform: translateX(0); }
.ss-mobile-drawer::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 7px; background: url("assets/ankara-tech-band-v2.jpg") center / auto 100% no-repeat; }
.ss-mobile-head { padding-bottom: 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ss-line); }
.ss-mobile-close { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--ss-line); border-radius: 12px; }
.ss-mobile-close svg { width: 18px; height: 18px; }
.ss-mobile-links { padding: 26px 0; display: grid; }
.ss-mobile-links a { padding: 10px 0; border-bottom: 1px solid var(--ss-line); font-size: clamp(25px, 8vw, 38px); font-weight: 650; letter-spacing: -.045em; transition: color 200ms ease, padding 300ms var(--ss-ease); }
.ss-mobile-links a:hover { padding-left: 8px; color: var(--ss-copper); }
.ss-mobile-account { padding-top: 16px; }
.ss-mobile-profile { padding: 17px; border-radius: 18px; background: var(--ss-cream); }
.ss-mobile-profile-top { margin-bottom: 15px; display: grid; grid-template-columns: 46px 1fr; gap: 11px; align-items: center; }
.ss-mobile-profile-top strong { display: block; }
.ss-mobile-profile-top span { color: var(--ss-muted); font-size: 11px; text-transform: capitalize; }
.ss-mobile-profile-links { display: grid; gap: 6px; }
.ss-mobile-profile-links a,
.ss-mobile-profile-links button { min-height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border: 0; border-radius: 10px; background: var(--ss-paper); font-size: 12px; font-weight: 600; }
.ss-mobile-profile-links button { color: var(--ss-copper); cursor: pointer; }
.ss-mobile-profile-links svg { width: 18px; height: 18px; }

/* Hero */
.ss-hero { position: relative; width: min(calc(100% - 36px), var(--ss-max)); min-height: clamp(660px, calc(100svh - 22px), 900px); margin: -90px auto 0; display: grid; place-items: center; overflow: hidden; isolation: isolate; color: var(--ss-paper); border-radius: 0 0 34px 34px; background: var(--ss-navy); }
.ss-hero-media { position: absolute; z-index: -2; inset: 0; margin: 0; overflow: hidden; }
.ss-hero-media img { width: 100%; height: 112%; object-fit: cover; object-position: center; transform: translate3d(0,var(--hero-y,-2%),0) scale(var(--hero-scale,1.03)); filter: brightness(1.08) saturate(.94) contrast(1.02); will-change: transform; }
.ss-hero-wash { position: absolute; inset: 0; background: radial-gradient(circle at 50% 45%, rgba(9,25,35,.11) 0%, rgba(9,25,35,.29) 43%, rgba(9,25,35,.58) 100%), linear-gradient(180deg, rgba(9,25,35,.14) 0%, rgba(9,25,35,.06) 42%, rgba(9,25,35,.56) 100%); }
.ss-hero-copy { position: relative; z-index: 2; width: min(calc(100% - 48px), 1180px); padding-top: 96px; text-align: center; }
.ss-hero h1 { max-width: 1180px; margin: 0 auto; color: var(--ss-paper); font-size: clamp(3.15rem, 6.4vw, 6.45rem); font-weight: 500; letter-spacing: -.067em; line-height: .94; text-wrap: balance; text-shadow: 0 4px 34px rgba(9,25,35,.26); }
.ss-hero h1 > span { display: block; }
.ss-hero h1 strong { color: #f4bd69; font-weight: 700; }
.ss-hero-copy > p { max-width: 690px; margin: 30px auto 0; color: rgba(255,250,243,.84); font-size: clamp(16px, 1.4vw, 20px); line-height: 1.58; text-wrap: balance; }
.ss-hero-actions { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.ss-button { min-height: 50px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 650; transition: transform 350ms var(--ss-ease), background 220ms ease, color 220ms ease, box-shadow 350ms ease; }
.ss-button:hover { transform: translateY(-3px); }
.ss-button-gold { color: var(--ss-navy) !important; background: #f4bd69; box-shadow: 0 14px 30px rgba(217,154,63,.22); }
.ss-button-gold:hover { background: #ffd084; box-shadow: 0 18px 38px rgba(217,154,63,.32); }
.ss-button-ghost { color: var(--ss-paper) !important; border-color: rgba(255,255,255,.42); background: rgba(9,25,35,.16); backdrop-filter: blur(12px); }
.ss-button-ghost:hover { background: rgba(255,255,255,.14); }
.ss-scroll-cue { position: absolute; z-index: 2; bottom: 25px; left: 50%; display: flex; align-items: center; gap: 9px; color: rgba(255,250,243,.74); font-size: 10px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; transform: translateX(-50%); }
.ss-scroll-cue span { width: 26px; height: 1px; display: block; background: var(--ss-gold); }

/* Marquee */
.ss-proof-marquee { width: min(calc(100% - 36px), var(--ss-max)); margin: 18px auto 0; overflow: hidden; color: var(--ss-paper); border-radius: 14px; background: var(--ss-teal-deep); }
.ss-marquee-track { width: max-content; min-height: 64px; display: flex; align-items: center; animation: ssMarquee 28s linear infinite; }
.ss-marquee-set { display: flex; align-items: center; }
.ss-marquee-set span { padding: 0 clamp(22px,3.5vw,54px); font-size: 13px; white-space: nowrap; }
.ss-marquee-set b { color: #f4bd69; font-size: 14px; font-weight: 700; }
.ss-marquee-set i { width: 5px; height: 5px; display: block; transform: rotate(45deg); background: var(--ss-coral); }
@keyframes ssMarquee { to { transform: translateX(-50%); } }

/* Shared chapters */
.ss-chapter { width: min(calc(100% - 48px), var(--ss-max)); margin: 0 auto; padding-block: clamp(120px, 15vw, 220px); }
.ss-kicker { margin: 0 0 20px; color: var(--ss-copper); font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ss-chapter-head { margin-bottom: clamp(52px,7vw,96px); display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); column-gap: 40px; align-items: end; }
.ss-chapter-head .ss-kicker { grid-column: 1 / -1; }
.ss-chapter-head h2,
.ss-watch-heading h2,
.ss-intelligence-intro h2 { max-width: 950px; margin: 0; font-size: clamp(3.3rem,7.2vw,7.5rem); font-weight: 600; letter-spacing: -.07em; line-height: .87; }
.ss-chapter-head > p:last-child,
.ss-intelligence-intro > p:last-child { max-width: 450px; margin: 0; color: var(--ss-muted); font-size: 16px; line-height: 1.65; }

/* Gapless bento */
.ss-bento { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(280px,auto)); grid-auto-flow: dense; gap: 0; overflow: hidden; border: 1px solid rgba(9,25,35,.15); border-radius: 28px; background: var(--ss-line); }
.ss-bento-card { position: relative; min-height: 290px; padding: clamp(26px,3vw,42px); display: flex; flex-direction: column; overflow: hidden; background: var(--ss-paper); box-shadow: inset -1px -1px 0 var(--ss-line); transition: background 300ms ease, color 300ms ease; }
.ss-bento-digest { grid-column: span 2; color: var(--ss-paper) !important; background: var(--ss-navy); }
.ss-bento-news { background: #efe0cf; }
.ss-bento-startups { background: #d9ebe5; }
.ss-bento-investors { background: #f2dcd5; }
.ss-bento-events { background: #e8ecd9; }
.ss-bento-partners { grid-column: span 2; color: var(--ss-paper) !important; background: var(--ss-teal-deep); }
.ss-bento-card::before { content: ""; position: absolute; inset: auto -20% -45% auto; width: 75%; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 50%; opacity: .08; transition: transform 800ms var(--ss-ease); }
.ss-bento-card::after { content: ""; position: absolute; inset: auto -5% -62% auto; width: 78%; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 50%; opacity: .08; transition: transform 900ms var(--ss-ease); }
.ss-bento-card:hover::before { transform: scale(1.08) translate(-8px,-8px); }
.ss-bento-card:hover::after { transform: scale(.94) translate(-18px,-20px); }
.ss-card-icon { position: relative; z-index: 1; width: 36px; height: 36px; color: var(--ss-copper); }
.ss-bento-digest .ss-card-icon,
.ss-bento-partners .ss-card-icon { color: #f4bd69; }
.ss-card-icon svg { width: 100%; height: 100%; stroke-width: 1.35; }
.ss-card-copy { position: relative; z-index: 1; max-width: 510px; margin-top: auto; padding-top: 46px; display: grid; gap: 12px; }
.ss-card-copy strong { font-size: clamp(27px,3vw,44px); font-weight: 600; letter-spacing: -.05em; line-height: 1; }
.ss-card-copy small { max-width: 380px; color: var(--ss-muted); font-size: 14px; line-height: 1.5; }
.ss-bento-digest small,
.ss-bento-partners small { color: rgba(255,250,243,.7); }
.ss-card-arrow { position: absolute; z-index: 2; top: 28px; right: 28px; font-size: 21px; transition: transform 450ms var(--ss-ease); }
.ss-bento-card:hover .ss-card-arrow { transform: translate(5px,-5px); }

/* Editorial accordion */
.ss-watch { padding-top: 0; }
.ss-watch-heading { margin-bottom: 54px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 20px; }
.ss-watch-heading .ss-kicker { grid-column: 1/-1; }
.ss-watch-heading h2 { font-size: clamp(3.3rem,7vw,7rem); }
.ss-watch-heading > a { padding-bottom: 8px; color: var(--ss-copper); font-size: 13px; font-weight: 700; }
.ss-accordion { height: clamp(364px,39.2vw,504px); display: flex; gap: 8px; }
.ss-story-panel { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border-radius: 24px; background: var(--ss-navy); cursor: pointer; isolation: isolate; transition: flex 850ms var(--ss-ease), filter 400ms ease; }
.ss-story-panel.is-active { flex: 3.8 1 0; }
.ss-story-media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }
.ss-story-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.08); transition: transform 800ms var(--ss-ease); }
.ss-story-panel:hover .ss-story-media img { transform: scale(1.05); }
.ss-story-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(9,25,35,.05) 30%, rgba(9,25,35,.9) 100%); }
.ss-story-copy { position: absolute; right: 0; bottom: 0; left: 0; padding: clamp(25px,3.5vw,52px); color: var(--ss-paper); }
.ss-story-copy > p { margin: 0 0 16px; color: #f4bd69; font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.ss-story-copy h3 { max-width: 720px; margin: 0; font-size: clamp(28px,3.8vw,58px); font-weight: 600; letter-spacing: -.055em; line-height: .98; }
.ss-story-copy > span { max-width: 610px; margin-top: 16px; display: block; color: rgba(255,250,243,.72); font-size: 14px; line-height: 1.55; }
.ss-story-copy > a { margin-top: 22px; display: inline-flex; color: var(--ss-paper); font-size: 13px; font-weight: 650; }
.ss-story-panel:not(.is-active) .ss-story-copy { min-width: 410px; transform: rotate(-90deg) translateY(100%); transform-origin: left bottom; }
.ss-story-panel:not(.is-active) .ss-story-copy > p,
.ss-story-panel:not(.is-active) .ss-story-copy > span,
.ss-story-panel:not(.is-active) .ss-story-copy > a { opacity: 0; }
.ss-story-panel:not(.is-active) .ss-story-copy h3 { font-size: 24px; }
.ss-story-controls { display: none; }

/* Stacked platform actions */
.ss-intelligence { width: 100%; max-width: none; padding-inline: max(24px,calc((100vw - var(--ss-max))/2)); color: var(--ss-paper); background: var(--ss-navy); }
.ss-intelligence-intro { margin-bottom: 80px; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(280px,.6fr); gap: 40px; align-items: end; }
.ss-intelligence-intro .ss-kicker { grid-column: 1/-1; color: #f4bd69; }
.ss-intelligence-intro > p:last-child { color: rgba(255,250,243,.67); }
.ss-stack { position: relative; }
.ss-stack-stage { display: grid; gap: 20px; }
.ss-stack-card { position: relative; min-height: clamp(330px,42vw,510px); margin: 0; padding: clamp(32px,5vw,72px); display: grid; grid-template-columns: 100px minmax(0,1fr) auto; align-items: end; gap: 34px; overflow: hidden; border-radius: 30px; color: var(--ss-navy); box-shadow: 0 30px 80px rgba(0,0,0,.24); transform-origin: center center; }
.ss-stack.ss-shuffle-ready .ss-stack-stage { position: relative; height: clamp(390px,42vw,510px); }
.ss-stack.ss-shuffle-ready .ss-stack-card { position: absolute; inset: 0; min-height: 100%; will-change: transform, opacity; }
.ss-stack-card::after { content: ""; position: absolute; top: -90%; right: -10%; width: 55%; aspect-ratio: 1; border: 1px solid rgba(9,25,35,.16); border-radius: 50%; box-shadow: 0 0 0 50px rgba(9,25,35,.03),0 0 0 100px rgba(9,25,35,.025); }
.ss-stack-card-event { background: #f0ddc8; }
.ss-stack-card-startup { background: #cfe5df; }
.ss-stack-card-investor { background: #e4b96e; }
.ss-stack-mark { position: relative; z-index: 1; width: 74px; height: 74px; display: grid; place-items: center; border: 1px solid rgba(9,25,35,.25); border-radius: 50%; }
.ss-stack-mark::before,
.ss-stack-mark::after,
.ss-stack-mark span { content: ""; position: absolute; width: 24px; height: 2px; background: var(--ss-navy); }
.ss-stack-mark::before { transform: rotate(60deg); }
.ss-stack-mark::after { transform: rotate(-60deg); }
.ss-stack-card > div:nth-child(2) { position: relative; z-index: 1; max-width: 760px; }
.ss-stack-card h3 { margin: 0; font-size: clamp(2.7rem,5.8vw,6.4rem); font-weight: 600; letter-spacing: -.07em; line-height: .9; }
.ss-stack-card p { max-width: 650px; margin: 24px 0 0; color: rgba(9,25,35,.68); font-size: 16px; line-height: 1.6; }
.ss-stack-card > a { position: relative; z-index: 1; min-height: 48px; padding: 0 19px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(9,25,35,.28); border-radius: 11px; font-size: 13px; font-weight: 700; white-space: nowrap; transition: background 220ms ease, color 220ms ease, transform 350ms var(--ss-ease); }
.ss-stack-card > a:hover { color: var(--ss-paper); background: var(--ss-navy); transform: translateY(-3px); }

/* Audience carousel */
.ss-audience { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(48px,9vw,140px); align-items: center; }
.ss-audience-visual { min-height: 520px; padding: 42px; display: flex; flex-direction: column; justify-content: flex-end; color: var(--ss-paper); border-radius: 28px; background: var(--ss-teal-deep); }
.ss-audience-visual > p { max-width: 360px; margin: auto 0 0; font-size: clamp(28px,3.3vw,48px); font-weight: 550; letter-spacing: -.045em; line-height: 1.03; }
.ss-audience-orbit { position: relative; height: 260px; }
.ss-audience-orbit::before,
.ss-audience-orbit::after { content: ""; position: absolute; inset: 18px 15% auto; aspect-ratio: 1; border: 1px solid rgba(255,250,243,.2); border-radius: 50%; }
.ss-audience-orbit::after { inset: 55px 28% auto; }
.ss-audience-orbit span { position: absolute; z-index: 2; width: 100px; height: 100px; overflow: hidden; border: 5px solid var(--ss-teal-deep); border-radius: 50%; background: var(--ss-cream); }
.ss-audience-orbit span:nth-child(1) { top: 0; left: 8%; }
.ss-audience-orbit span:nth-child(2) { top: 70px; left: 38%; width: 130px; height: 130px; }
.ss-audience-orbit span:nth-child(3) { top: 16px; right: 4%; width: 84px; height: 84px; }
.ss-audience-orbit img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--ss-ease); }
.ss-audience-orbit span:hover img { transform: scale(1.08); }
.ss-audience-carousel { overflow: hidden; }
.ss-audience-track { min-height: 340px; position: relative; }
.ss-audience-slide { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; opacity: 0; visibility: hidden; transform: translateX(40px); transition: opacity 500ms ease, visibility 500ms ease, transform 650ms var(--ss-ease); }
.ss-audience-slide.is-active { opacity: 1; visibility: visible; transform: translateX(0); }
.ss-audience-slide p { margin: 0; font-size: clamp(2.55rem,5vw,5.6rem); font-weight: 500; letter-spacing: -.065em; line-height: .98; }
.ss-audience-slide strong { margin-top: 34px; color: var(--ss-copper); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.ss-carousel-controls { margin-top: 36px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--ss-line); }
.ss-carousel-controls button { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--ss-line); border-radius: 50%; background: transparent; cursor: pointer; transition: background 220ms ease, color 220ms ease; }
.ss-carousel-controls button:hover { color: var(--ss-paper); background: var(--ss-navy); }
.ss-carousel-controls span { color: var(--ss-muted); font-size: 12px; }
.ss-carousel-controls b { color: var(--ss-ink); }

/* Action and footer */
.ss-digest { position: relative; width: min(calc(100% - 48px),var(--ss-max)); min-height: 380px; margin: 0 auto clamp(100px,12vw,170px); padding: clamp(44px,6vw,86px); display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 38px; overflow: hidden; color: var(--ss-paper); border-radius: 30px; background: var(--ss-navy); }
.ss-digest > * { position: relative; z-index: 1; }
.ss-digest-pattern { position: absolute; z-index: 0; inset: 0; opacity: .34; background: linear-gradient(90deg,rgba(9,25,35,.98) 0%,rgba(9,25,35,.78) 48%,rgba(9,25,35,.22) 100%),url("assets/ankara-tech-band-v2.jpg") center / cover no-repeat; }
.ss-digest-copy h2 { max-width: 980px; margin: 0; font-size: clamp(3.7rem,7vw,7rem); font-weight: 600; letter-spacing: -.07em; line-height: .88; }
.ss-inline-pattern { width: .95em; height: .36em; margin: 0 .07em; display: inline-block; vertical-align: .13em; border: 2px solid rgba(255,250,243,.34); border-radius: 999px; background: url("assets/ankara-tech-band-v2.jpg") center / 270% auto no-repeat; box-shadow: inset 0 0 0 2px rgba(9,25,35,.2); }
.ss-digest-copy p { max-width: 690px; margin: 24px 0 0; color: rgba(255,250,243,.72); font-size: 16px; line-height: 1.6; }
.ss-digest > .ss-button { align-self: end; }

.ss-home .site-footer { position: relative; isolation: isolate; margin-top: 0; padding: 116px 0 30px; overflow: hidden; color: var(--ss-paper); border-top: 0; background: radial-gradient(circle at 78% 20%,rgba(217,154,63,.14),transparent 34%),var(--ss-teal-deep); }
.ss-home .site-footer::before { content: ""; position: absolute; z-index: -1; inset: 0 0 auto; height: 34px; background: url("assets/ankara-tech-band-v2.jpg") center 48% / cover no-repeat; box-shadow: 0 12px 34px rgba(9,25,35,.2); }
.ss-home .site-footer::after { content: ""; position: absolute; z-index: -2; top: 34px; right: -8%; width: 52%; height: calc(100% - 34px); opacity: .16; background: url("assets/ankara-tech-band-v2.jpg") center / cover no-repeat; mask-image: linear-gradient(90deg,transparent 0%,#000 52%,#000 100%); mix-blend-mode: luminosity; }
.ss-home .footer-inner { position: relative; z-index: 1; width: min(calc(100% - 48px),var(--ss-max)); max-width: none; }
.ss-home .footer-grid { padding-bottom: 56px; display: grid; grid-template-columns: minmax(320px,1.8fr) repeat(3,minmax(130px,.7fr)); align-items: start; gap: clamp(28px,6vw,86px); }
.ss-home .footer-brand-col { display: grid; justify-items: start; }
.ss-home .footer-logo,
.ss-home .footer-col strong { color: var(--ss-paper); }
.ss-home .footer-logo strong { color: #f4bd69; }
.ss-home .footer-tagline,
.ss-home .footer-desc,
.ss-home .footer-col a,
.ss-home .footer-col span,
.ss-home .footer-bottom { color: rgba(255,250,243,.68); }
.ss-home .footer-col a:hover { color: #f4bd69; }
.ss-home .footer-tagline { margin-top: 7px; }
.ss-home .footer-desc { max-width: 500px; margin: 24px 0 22px; font-size: 13px; line-height: 1.7; }
.ss-home .footer-subscribe { width: min(100%,390px); display: flex; }
.ss-home .footer-subscribe input { min-width: 0; height: 44px; padding: 0 14px; flex: 1; border-right: 0; border-radius: 0; outline: 0; }
.ss-home .footer-subscribe input { color: var(--ss-paper); border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.07); }
.ss-home .footer-subscribe input::placeholder { color: rgba(255,250,243,.48); }
.ss-home .footer-subscribe button { width: 48px; color: var(--ss-navy); border: 0; background: #f4bd69; cursor: pointer; }
.ss-home .footer-col strong { margin-bottom: 12px; }
.ss-home .footer-bottom { border-color: rgba(255,255,255,.14); }
.ss-home .footer-dot { background: #f4bd69; }
.ss-home .footer-social-row { display: flex; gap: 10px; }
.ss-home .footer-social-row a { color: var(--ss-paper); border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.07); }
.ss-home .footer-social-row svg { fill: currentColor; stroke: none; }

/* Motion and access */
.ss-motion-ready [data-reveal] { opacity: 0; transform: translateY(38px); }
.ss-motion-ready [data-reveal].is-visible { opacity: 1; transform: translateY(0); transition: opacity 900ms ease, transform 1000ms var(--ss-ease); }
@keyframes ssPulse { 50% { opacity: .45; } }

@media (max-width: 1230px) {
  .ss-nav-links { display: none; }
  .ss-menu-button { display: block; }
  .ss-brand { min-width: 0; }
  .ss-chapter-head,
  .ss-intelligence-intro { grid-template-columns: 1fr; }
  .ss-chapter-head > p:last-child,
  .ss-intelligence-intro > p:last-child { margin-top: 28px; }
}

@media (max-width: 900px) {
  .ss-page::before { width: calc(100% - 20px); height: 230px; background-size: auto 830px; mask-image: linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.9) 62%,transparent 100%); }
  .ss-header { padding-inline: 10px; }
  .ss-nav { min-height: 66px; padding-inline: 14px 11px; border-radius: 16px 16px 0 0; }
  .ss-brand-line,
  .ss-search { display: none; }
  .ss-ankara-line { border-radius: 0 0 16px 16px; }
  .ss-hero { width: calc(100% - 20px); min-height: 760px; margin-top: -84px; border-radius: 0 0 26px 26px; }
  .ss-hero h1 { font-size: clamp(3.2rem,10vw,5.6rem); }
  .ss-proof-marquee { width: calc(100% - 20px); }
  .ss-bento { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: none; }
  .ss-bento-digest,
  .ss-bento-partners { grid-column: span 2; }
  .ss-accordion { height: auto; display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .ss-accordion::-webkit-scrollbar { display: none; }
  .ss-story-panel,
  .ss-story-panel.is-active { min-height: 500px; flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; }
  .ss-story-panel:not(.is-active) .ss-story-copy { min-width: 0; transform: none; }
  .ss-story-panel:not(.is-active) .ss-story-copy > p,
  .ss-story-panel:not(.is-active) .ss-story-copy > span,
  .ss-story-panel:not(.is-active) .ss-story-copy > a { opacity: 1; }
  .ss-story-panel:not(.is-active) .ss-story-copy h3 { font-size: clamp(28px,5vw,42px); }
  .ss-story-controls { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; }
  .ss-story-controls button { width: 48px; height: 48px; display: grid; place-items: center; color: var(--ss-paper); border: 0; border-radius: 50%; background: var(--ss-navy); cursor: pointer; }
  .ss-story-controls span { color: var(--ss-muted); font-size: 12px; }
  .ss-story-controls b { color: var(--ss-ink); }
  .ss-stack-card { grid-template-columns: 72px 1fr; align-items: start; }
  .ss-stack-card > a { grid-column: 2; justify-self: start; }
  .ss-stack.ss-shuffle-ready .ss-stack-stage { height: 520px; }
  .ss-audience { grid-template-columns: 1fr; }
  .ss-audience-visual { min-height: 460px; }
  .ss-digest { grid-template-columns: 1fr; align-items: start; }
  .ss-digest > .ss-button { justify-self: start; }
  .ss-home .footer-grid { grid-template-columns: 1fr 1fr; gap: 38px 24px; }
  .ss-home .footer-brand-col { grid-column: 1/-1; }
}

@media (max-width: 620px) {
  .ss-nav { gap: 8px; }
  .ss-nav-actions { margin-left: auto; }
  .ss-nav-actions { gap: 4px; }
  .ss-brand { gap: 8px; }
  .ss-brand-symbol { width: 25px; height: 25px; }
  .ss-brand-name { font-size: 13px; }
  .ss-account .ss-login { display: none; }
  .ss-auth-actions a { min-height: 36px; padding-inline: 10px; }
  .ss-account-trigger { min-width: 44px; width: 44px; padding: 4px; grid-template-columns: 34px; }
  .ss-account-copy,
  .ss-account-chevron { display: none; }
  .ss-account-panel { position: fixed; top: 78px; right: 12px; left: 12px; width: auto; }
  .ss-hero { min-height: 720px; }
  .ss-hero-copy { width: calc(100% - 30px); padding-top: 82px; }
  .ss-hero h1 { font-size: clamp(1.95rem,7.7vw,3.1rem); line-height: .96; overflow-wrap: normal; }
  .ss-hero h1 > span { display: inline; }
  .ss-hero-copy > p { font-size: 15px; }
  .ss-hero-actions { align-items: stretch; }
  .ss-button { width: 100%; }
  .ss-chapter { width: calc(100% - 30px); padding-block: 112px; }
  .ss-chapter-head h2,
  .ss-watch-heading h2,
  .ss-intelligence-intro h2 { font-size: clamp(3.05rem,14vw,4.9rem); }
  .ss-bento { grid-template-columns: 1fr; border-radius: 22px; }
  .ss-bento-digest,
  .ss-bento-partners { grid-column: span 1; }
  .ss-bento-card { min-height: 260px; }
  .ss-watch-heading { grid-template-columns: 1fr; }
  .ss-watch-heading > a { justify-self: start; }
  .ss-story-panel,
  .ss-story-panel.is-active { min-height: 480px; border-radius: 20px; }
  .ss-story-copy h3 { font-size: 34px; }
  .ss-intelligence { padding-inline: 15px; }
  .ss-stack-card { min-height: 520px; padding: 28px; grid-template-columns: 1fr; align-content: end; border-radius: 22px; }
  .ss-stack-card > a { grid-column: auto; }
  .ss-stack-mark { width: 52px; height: 52px; }
  .ss-stack-card h3 { font-size: clamp(2.8rem,13vw,4.4rem); }
  .ss-audience-visual { min-height: 400px; padding: 28px; }
  .ss-audience-orbit { height: 220px; }
  .ss-audience-orbit span:nth-child(2) { width: 110px; height: 110px; }
  .ss-audience-track { min-height: 380px; }
  .ss-audience-slide p { font-size: clamp(2.7rem,12vw,4.2rem); }
  .ss-digest { width: calc(100% - 30px); min-height: 530px; padding: 30px; border-radius: 24px; align-content: end; }
  .ss-digest-copy h2 { font-size: clamp(3.4rem,14vw,5rem); }
  .ss-home .footer-inner { width: calc(100% - 30px); }
  .ss-home .footer-grid { grid-template-columns: 1fr; }
  .ss-home .footer-brand-col { grid-column: auto; }
  .ss-home .footer-bottom { align-items: flex-start; text-align: left; }
  .ss-home .site-footer { padding-top: 96px; }
  .ss-home .site-footer::after { right: -36%; width: 110%; opacity: .1; }
}

@media (prefers-reduced-motion: reduce) {
  .ss-marquee-track { animation-play-state: paused; }
  .ss-motion-ready [data-reveal] { opacity: 1; transform: none; }
  .ss-home *,
  .ss-home *::before,
  .ss-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}