@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800;900&display=swap");

:root {
  --ink: #0d1624;
  --muted: #657184;
  --line: #dfe5ee;
  --panel: #ffffff;
  --soft: #f4f6fa;
  --magenta: #c0178e;
  --purple: #6f2bd8;
  --shell: min(1180px, calc(100% - 48px));
  --scroll: 0;
  --heroShift: 0px;
}

/* v56 final lock - amber/orange + white */
html body {
  background:
    radial-gradient(circle at 12% 8%, rgba(245, 158, 11, .18), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(234, 88, 12, .12), transparent 24%),
    linear-gradient(180deg, #fffaf2 0%, #ffffff 44%, #fff7ed 100%) !important;
  color: #17130c !important;
}

html body .hero.compactHero {
  height: 420px !important;
  min-height: 420px !important;
  background:
    linear-gradient(90deg, rgba(23, 16, 8, .82), rgba(92, 42, 10, .58) 52%, rgba(194, 65, 12, .38)),
    linear-gradient(180deg, rgba(255, 250, 242, 0) 76%, #fffaf2 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat !important;
}

html body .compactHero .heroCopy h1 {
  color: #fff !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  text-shadow: 0 18px 42px rgba(28, 14, 4, .28) !important;
}

html body .compactHero .heroCopy p,
html body .compactHero .heroPill {
  color: rgba(255,255,255,.92) !important;
}

html body .compactHero .searchBar {
  border: 1px solid #fed7aa !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 26px 70px rgba(120, 53, 15, .22) !important;
}

html body .compactHero .searchBar label {
  border-color: #f3dfc5 !important;
}

html body .compactHero .searchBar span {
  color: #8a5a24 !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, #f59e0b, #ea580c) !important;
  box-shadow: 0 16px 34px rgba(234, 88, 12, .22) !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .dealCard,
html body .emptyListings,
html body .marketStrip article {
  border: 1px solid #f0dec7 !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 18px 56px rgba(120, 53, 15, .08) !important;
}

html body .latest .sectionTitle.compactTitle h2,
html body .agencyFlow h2,
html body .pricingIntro h2,
html body .requestBox h2 {
  color: #25170a !important;
}

html body .kicker,
html body .marketStrip article span,
html body .pricingCards span {
  color: #c2410c !important;
}

html body .modelBand {
  background:
    radial-gradient(circle at 82% 12%, rgba(251, 191, 36, .24), transparent 30%),
    linear-gradient(135deg, #2a1606, #92400e 58%, #f59e0b) !important;
  box-shadow: 0 24px 70px rgba(120, 53, 15, .18) !important;
}

html body .pricingCards article.featured {
  background: linear-gradient(135deg, #7c2d12, #ea580c 62%, #f59e0b) !important;
}

html body .bestPriceBadge {
  background: #ea580c !important;
}

html body .cityDropdown {
  z-index: 99999 !important;
  border-color: #f0dec7 !important;
  box-shadow: 0 24px 64px rgba(120, 53, 15, .16) !important;
}

html body .requestForm input,
html body .requestForm select {
  border-color: #f0dec7 !important;
  background: #fff !important;
}

/* v57 true final cascade lock - official corporate palette */
html body {
  background:
    radial-gradient(circle at 12% 8%, rgba(191, 160, 104, .14), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(15, 35, 62, .08), transparent 26%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 46%, #f5f7fa 100%) !important;
  color: #101828 !important;
}

html body .hero.compactHero {
  background:
    linear-gradient(90deg, rgba(8, 18, 33, .9), rgba(15, 35, 62, .72) 50%, rgba(56, 42, 26, .38)),
    linear-gradient(180deg, rgba(248, 250, 252, 0) 76%, #f8fafc 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat !important;
}

html body .compactHero .searchBar {
  border-color: #d8dee8 !important;
  box-shadow: 0 26px 70px rgba(16, 24, 40, .18) !important;
}

html body .compactHero .searchBar label,
html body .cityDropdown,
html body .requestForm input,
html body .requestForm select {
  border-color: #e4e8ef !important;
}

html body .compactHero .searchBar span {
  color: #667085 !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, #0f233e, #1e3a5f) !important;
  box-shadow: 0 16px 34px rgba(15, 35, 62, .22) !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .dealCard,
html body .emptyListings,
html body .marketStrip article {
  border-color: #e4e8ef !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 18px 56px rgba(16, 24, 40, .08) !important;
}

html body .latest .sectionTitle.compactTitle h2,
html body .agencyFlow h2,
html body .pricingIntro h2,
html body .requestBox h2 {
  color: #101828 !important;
}

html body .kicker,
html body .marketStrip article span,
html body .pricingCards span {
  color: #9a6b24 !important;
}

html body .modelBand,
html body .pricingCards article.featured {
  background: linear-gradient(135deg, #071526, #0f233e 62%, #1e3a5f) !important;
}

html body .bestPriceBadge {
  background: #9a6b24 !important;
}

/* v57 final cascade lock - official corporate palette */
html body {
  background:
    radial-gradient(circle at 12% 8%, rgba(191, 160, 104, .14), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(15, 35, 62, .08), transparent 26%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 46%, #f5f7fa 100%) !important;
  color: #101828 !important;
}

html body .hero.compactHero {
  background:
    linear-gradient(90deg, rgba(8, 18, 33, .9), rgba(15, 35, 62, .72) 50%, rgba(56, 42, 26, .38)),
    linear-gradient(180deg, rgba(248, 250, 252, 0) 76%, #f8fafc 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat !important;
}

html body .compactHero .searchBar {
  border-color: #d8dee8 !important;
  box-shadow: 0 26px 70px rgba(16, 24, 40, .18) !important;
}

html body .compactHero .searchBar label,
html body .cityDropdown,
html body .requestForm input,
html body .requestForm select {
  border-color: #e4e8ef !important;
}

html body .compactHero .searchBar span {
  color: #667085 !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, #0f233e, #1e3a5f) !important;
  box-shadow: 0 16px 34px rgba(15, 35, 62, .22) !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .dealCard,
html body .emptyListings,
html body .marketStrip article {
  border-color: #e4e8ef !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 18px 56px rgba(16, 24, 40, .08) !important;
}

html body .latest .sectionTitle.compactTitle h2,
html body .agencyFlow h2,
html body .pricingIntro h2,
html body .requestBox h2 {
  color: #101828 !important;
}

html body .kicker,
html body .marketStrip article span,
html body .pricingCards span {
  color: #9a6b24 !important;
}

html body .modelBand,
html body .pricingCards article.featured {
  background: linear-gradient(135deg, #071526, #0f233e 62%, #1e3a5f) !important;
}

html body .bestPriceBadge {
  background: #9a6b24 !important;
}

/* v57 - official corporate palette */
html body {
  background:
    radial-gradient(circle at 12% 8%, rgba(191, 160, 104, .14), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(15, 35, 62, .08), transparent 26%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 46%, #f5f7fa 100%) !important;
  color: #101828 !important;
}

html body .hero.compactHero {
  background:
    linear-gradient(90deg, rgba(8, 18, 33, .9), rgba(15, 35, 62, .72) 50%, rgba(56, 42, 26, .38)),
    linear-gradient(180deg, rgba(248, 250, 252, 0) 76%, #f8fafc 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat !important;
}

html body .compactHero .searchBar {
  border-color: #d8dee8 !important;
  box-shadow: 0 26px 70px rgba(16, 24, 40, .18) !important;
}

html body .compactHero .searchBar label {
  border-color: #e4e8ef !important;
}

html body .compactHero .searchBar span {
  color: #667085 !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, #0f233e, #1e3a5f) !important;
  box-shadow: 0 16px 34px rgba(15, 35, 62, .22) !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .dealCard,
html body .emptyListings,
html body .marketStrip article {
  border-color: #e4e8ef !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 18px 56px rgba(16, 24, 40, .08) !important;
}

html body .kicker,
html body .marketStrip article span,
html body .pricingCards span {
  color: #9a6b24 !important;
}

html body .modelBand {
  background:
    radial-gradient(circle at 82% 12%, rgba(191, 160, 104, .24), transparent 30%),
    linear-gradient(135deg, #071526, #0f233e 58%, #243b5a) !important;
  box-shadow: 0 24px 70px rgba(15, 35, 62, .18) !important;
}

html body .pricingCards article.featured {
  background: linear-gradient(135deg, #071526, #0f233e 62%, #1e3a5f) !important;
}

html body .bestPriceBadge {
  background: #9a6b24 !important;
}

html body .cityDropdown,
html body .requestForm input,
html body .requestForm select {
  border-color: #e4e8ef !important;
}

html body .cityDropdown button:hover {
  color: #0f233e !important;
  background: #f8fafc !important;
}

/* v56 - amber marketplace redesign */
:root {
  --ink: #17130c;
  --muted: #766a5b;
  --line: #f0dec7;
  --panel: #ffffff;
  --soft: #fff8ef;
  --magenta: #e46f16;
  --purple: #b45309;
  --amber: #f59e0b;
  --orange: #ea580c;
  --cream: #fffaf2;
}

body {
  color: var(--ink) !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(245, 158, 11, 0.18), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(234, 88, 12, 0.13), transparent 24%),
    linear-gradient(180deg, #fffaf2 0%, #ffffff 42%, #fff7eb 100%) !important;
}

body .hero.compactHero {
  height: 420px !important;
  min-height: 420px !important;
  color: #fff !important;
  background:
    linear-gradient(90deg, rgba(23, 16, 8, 0.82) 0%, rgba(76, 36, 10, 0.62) 48%, rgba(180, 83, 9, 0.48) 100%),
    linear-gradient(180deg, rgba(255, 248, 239, 0) 76%, #fffaf2 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat,
    #7c3c0b !important;
  background-blend-mode: normal, normal, normal, normal !important;
}

body .hero.compactHero::before,
body .hero.compactHero::after {
  display: none !important;
  content: none !important;
}

body .compactHero .topNav {
  width: min(1240px, calc(100% - 56px)) !important;
  min-height: 86px !important;
  padding: 18px 0 0 !important;
}

body .compactHero .logo {
  left: 0 !important;
  top: 14px !important;
}

body .compactHero .logo img {
  width: 170px !important;
  height: 82px !important;
  filter: drop-shadow(0 14px 28px rgba(38, 20, 7, .28)) !important;
}

body .compactHero .navActions {
  right: 0 !important;
  top: 28px !important;
}

body .outline {
  min-height: 42px !important;
  border-color: rgba(255, 255, 255, .42) !important;
  background: rgba(255, 255, 255, .14) !important;
  color: #fff !important;
}

body .outline:hover {
  background: rgba(255, 255, 255, .24) !important;
}

body .compactHero .heroLayout {
  width: min(980px, calc(100% - 40px)) !important;
  margin: 76px auto 0 !important;
}

body .compactHero .heroCopy {
  text-align: center !important;
}

body .compactHero .heroPill {
  color: #fff7ed !important;
  background: rgba(255, 255, 255, .18) !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
}

body .compactHero .heroCopy h1 {
  max-width: 760px !important;
  margin: 12px auto 0 !important;
  color: #fff !important;
  font-size: clamp(30px, 3.05vw, 48px) !important;
  line-height: 1.04 !important;
  text-shadow: 0 18px 42px rgba(28, 14, 4, .28) !important;
}

body .compactHero .heroCopy p {
  max-width: 680px !important;
  margin: 12px auto 0 !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: 15px !important;
}

body .compactHero .searchBar {
  width: min(1120px, calc(100vw - 120px)) !important;
  height: 76px !important;
  min-height: 76px !important;
  margin: 22px auto 0 !important;
  grid-template-columns: minmax(220px, 1.5fr) minmax(130px, .8fr) minmax(130px, .8fr) minmax(190px, 1fr) minmax(160px, .9fr) 72px !important;
  border: 1px solid rgba(255, 237, 213, .85) !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 26px 70px rgba(120, 53, 15, .24) !important;
}

body .compactHero .searchBar label {
  padding: 0 18px !important;
  border-color: #f1e0ca !important;
}

body .compactHero .searchBar span {
  color: #8a6a45 !important;
  font-size: 12px !important;
}

body .compactHero .searchBar input,
body .compactHero .searchBar select {
  color: #1f160b !important;
  font-size: 15px !important;
}

body .searchSubmit,
body .compactHero .searchSubmit,
body .panelCta,
body .requestForm button,
body .dealBody a {
  background: linear-gradient(135deg, #f59e0b, #ea580c) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(234, 88, 12, .22) !important;
}

body main {
  gap: 34px !important;
  padding-top: 64px !important;
}

body .latest,
body .marketStrip article,
body .agencyFlow,
body .pricingBoard,
body .requestBox,
body .dealCard,
body .emptyListings {
  border: 1px solid rgba(240, 222, 199, .95) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 56px rgba(120, 53, 15, .08) !important;
}

body .latest,
body .agencyFlow,
body .pricingBoard,
body .requestBox {
  border-radius: 24px !important;
  padding: 22px !important;
}

body .latest .sectionTitle.compactTitle h2,
body .agencyFlow h2,
body .pricingIntro h2,
body .requestBox h2 {
  color: #25170a !important;
}

body .kicker,
body .marketStrip article span,
body .pricingCards span {
  color: #c2410c !important;
}

body .marketStrip {
  gap: 14px !important;
}

body .marketStrip article {
  border-radius: 18px !important;
}

body .marketStrip article::before,
body .flowSteps span {
  background: linear-gradient(135deg, #f59e0b, #ea580c) !important;
  color: #fff !important;
}

body .modelBand {
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(251, 191, 36, .24), transparent 30%),
    linear-gradient(135deg, #2a1606, #92400e 58%, #f59e0b) !important;
  box-shadow: 0 24px 70px rgba(120, 53, 15, .18) !important;
}

body .modelCards article {
  background: rgba(255, 255, 255, .15) !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

body .pricingCards article {
  border-color: #f0dec7 !important;
  background: linear-gradient(180deg, #fff, #fff9f0) !important;
}

body .pricingCards article.featured {
  background: linear-gradient(135deg, #7c2d12, #ea580c 62%, #f59e0b) !important;
  color: #fff !important;
}

body .bestPriceBadge {
  background: #ea580c !important;
}

body .cityDropdown {
  border-color: #f0dec7 !important;
  box-shadow: 0 24px 64px rgba(120, 53, 15, .16) !important;
  z-index: 99999 !important;
}

body .cityDropdown button:hover {
  color: #c2410c !important;
  background: #fff7ed !important;
}

body .requestForm input,
body .requestForm select {
  border-color: #f0dec7 !important;
  background: #fff !important;
}

body .motionItem {
  opacity: 0 !important;
  transform: translateY(26px) scale(.99) !important;
}

body .motionItem.revealed,
body .motionItem.inView {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

@media (max-width: 980px) {
  body .hero.compactHero {
    height: auto !important;
    min-height: 620px !important;
  }

  body .compactHero .searchBar {
    width: calc(100% - 28px) !important;
    height: auto !important;
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
  }

  body .compactHero .searchBar label {
    min-height: 58px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #f1e0ca !important;
  }

  body .compactHero .searchSubmit {
    width: calc(100% - 12px) !important;
    height: 52px !important;
    margin: 6px !important;
    border-radius: 16px !important;
  }

  body .agencyFlow,
  body .pricingBoard,
  body .requestBox {
    grid-template-columns: 1fr !important;
  }
}

/* v59 final corporate polish: no purple leftovers, live video loop, compact animated info cards */
html body {
  --corp-ink: #101828;
  --corp-muted: #667085;
  --corp-line: #e5e9f0;
  --corp-primary: #123047;
  --corp-primary-2: #17606b;
  --corp-accent: #b69254;
  --corp-surface: #ffffff;
  --corp-soft: #f6f8fb;
  background:
    radial-gradient(circle at 10% -4%, rgba(182, 146, 84, .10), transparent 30%),
    linear-gradient(180deg, #fbfcfe 0%, #ffffff 48%, #f6f8fb 100%) !important;
}

html body .hero.compactHero {
  min-height: 590px !important;
  padding-bottom: 38px !important;
}

html body .heroVideo {
  animation: heroVideoBreath 5s ease-in-out infinite alternate !important;
}

html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(5, 17, 31, .72), rgba(18, 48, 71, .56) 48%, rgba(18, 48, 71, .32)),
    linear-gradient(180deg, rgba(5, 17, 31, .12) 0%, rgba(5, 17, 31, .16) 60%, rgba(246, 248, 251, .98) 100%) !important;
}

html body .compactHero .searchTabs,
html body .searchTabs {
  background: rgba(255, 255, 255, .14) !important;
  border-color: rgba(255, 255, 255, .30) !important;
  box-shadow: none !important;
}

html body .compactHero .searchTabs button,
html body .searchTabs button {
  color: rgba(255,255,255,.92) !important;
  background: transparent !important;
}

html body .compactHero .searchTabs button.active,
html body .searchTabs button.active {
  color: var(--corp-primary) !important;
  background: #fff !important;
}

html body .latest,
html body .customerGuide,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox {
  width: min(1320px, calc(100vw - 88px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid var(--corp-line) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 22px 70px rgba(17, 24, 39, .07) !important;
}

html body .customerGuide {
  padding: clamp(28px, 4vw, 54px) !important;
}

html body .customerCards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

html body .customerCards article,
html body .marketStrip article,
html body .modelCards article,
html body .flowSteps article,
html body .pricingCards article {
  border: 1px solid var(--corp-line) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  color: var(--corp-ink) !important;
  box-shadow: 0 16px 46px rgba(17, 24, 39, .06) !important;
  transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .38s ease !important;
}

html body .customerCards article:hover,
html body .marketStrip article:hover,
html body .modelCards article:hover,
html body .flowSteps article:hover,
html body .pricingCards article:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(23, 96, 107, .28) !important;
  box-shadow: 0 24px 64px rgba(17, 24, 39, .10) !important;
}

html body .customerCards span,
html body .flowSteps article span,
html body .marketStrip article span,
html body .pricingCards span,
html body .kicker {
  color: var(--corp-accent) !important;
}

html body .customerCards span,
html body .flowSteps article span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(23, 96, 107, .10) !important;
  color: var(--corp-primary-2) !important;
  font-weight: 900;
}

html body .customerCards strong,
html body .marketStrip article strong,
html body .modelCards strong,
html body .flowSteps strong,
html body .pricingCards h3 {
  color: var(--corp-ink) !important;
}

html body .customerCards p,
html body .modelCards span,
html body .flowSteps p,
html body .pricingCards p,
html body .sectionTitle p,
html body .pricingIntro p {
  color: var(--corp-muted) !important;
}

html body .modelBand,
html body .pricingCards article.featured {
  background:
    radial-gradient(circle at 78% 16%, rgba(182, 146, 84, .18), transparent 30%),
    linear-gradient(135deg, #071526 0%, #123047 60%, #17606b 100%) !important;
  color: #fff !important;
  box-shadow: 0 24px 70px rgba(18, 48, 71, .18) !important;
}

html body .modelBand h2,
html body .modelBand p,
html body .modelBand .kicker,
html body .pricingCards article.featured h3,
html body .pricingCards article.featured p,
html body .pricingCards article.featured span,
html body .pricingCards article.featured strong {
  color: #fff !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, var(--corp-primary), var(--corp-primary-2)) !important;
}

html body .motionItem {
  transform: translateY(22px) scale(.985);
  opacity: 0;
}

html body .motionItem.revealed,
html body .motionItem.inView {
  transform: translateY(var(--parallaxLift, 0)) scale(1);
  opacity: 1;
}

html body .customerCards article:nth-child(2),
html body .marketStrip article:nth-child(2) { transition-delay: 70ms !important; }
html body .customerCards article:nth-child(3),
html body .marketStrip article:nth-child(3) { transition-delay: 140ms !important; }
html body .customerCards article:nth-child(4),
html body .marketStrip article:nth-child(4) { transition-delay: 210ms !important; }

@keyframes heroVideoBreath {
  from { transform: scale(1.01); }
  to { transform: scale(1.045); }
}

@media (max-width: 1080px) {
  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html body .latest,
  html body .customerGuide,
  html body .agencyFlow,
  html body .pricingBoard,
  html body .requestBox {
    width: min(100%, calc(100vw - 28px)) !important;
  }

  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: 1fr !important;
  }
}

/* v59 EOF viewport balance */
html body .hero.compactHero {
  min-height: 540px !important;
}

html body .customerGuide {
  padding-top: 34px !important;
  padding-bottom: 36px !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  margin-bottom: 18px !important;
}

html body .customerCards {
  margin-top: 18px !important;
}

/* v60 final EOF overrides */
html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(5, 17, 31, .62), rgba(17, 43, 63, .34) 52%, rgba(17, 43, 63, .18)),
    linear-gradient(180deg, rgba(5, 17, 31, .10) 0%, rgba(5, 17, 31, .18) 100%) !important;
}

html body .heroVideoStage::before {
  display: none !important;
  content: none !important;
}

html body .customerGuide.revealed .customerCards article.motionItem,
html body .customerGuide.inView .customerCards article.motionItem,
html body .customerGuide.revealed .customerCards article,
html body .customerGuide.inView .customerCards article {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* v60 hard polish: video hero, customer guide, category strip */
html body .hero.compactHero {
  min-height: 560px !important;
  height: auto !important;
  overflow: hidden !important;
  padding: 30px 0 56px !important;
}

html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(5, 17, 31, .62), rgba(17, 43, 63, .34) 52%, rgba(17, 43, 63, .18)),
    linear-gradient(180deg, rgba(5, 17, 31, .10) 0%, rgba(5, 17, 31, .18) 100%) !important;
}

html body .heroVideoStage::before {
  display: none !important;
  content: none !important;
}

html body .compactHero .topNav {
  width: min(1280px, calc(100vw - 88px)) !important;
  max-width: calc(100vw - 88px) !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  overflow: visible !important;
}

html body .compactHero .navActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
}

html body .compactHero .outline {
  white-space: nowrap !important;
  padding: 11px 18px !important;
  min-width: auto !important;
  max-width: none !important;
}

html body .compactHero .heroLayout {
  width: min(1040px, calc(100vw - 72px)) !important;
  margin: 0 auto !important;
  display: block !important;
  text-align: center !important;
}

html body .compactHero .heroCopy {
  max-width: 860px !important;
  margin: 0 auto !important;
  align-items: center !important;
  text-align: center !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(42px, 4.15vw, 68px) !important;
  line-height: .96 !important;
  letter-spacing: 0 !important;
}

html body .compactHero .heroCopy p {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .compactHero .searchBar {
  width: min(1200px, calc(100vw - 96px)) !important;
  margin: 34px auto 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  z-index: 12 !important;
  overflow: visible !important;
}

html body .compactHero .searchBar label {
  min-width: 0 !important;
}

html body .compactHero .searchBar label > span,
html body .compactHero .searchBar input,
html body .compactHero .searchBar select {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .customerGuide {
  position: relative !important;
  overflow: hidden !important;
  padding: 30px !important;
}

html body .customerGuide::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px auto 14px 14px !important;
  width: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--corp-primary), var(--corp-primary-2), var(--corp-accent)) !important;
  opacity: .95 !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  display: grid !important;
  grid-template-columns: minmax(240px, .9fr) minmax(320px, 1.25fr) !important;
  gap: 22px 54px !important;
  align-items: end !important;
  margin: 0 0 20px !important;
  padding-left: 22px !important;
}

html body .customerGuide .sectionTitle.compactTitle .kicker {
  align-self: start !important;
  color: var(--corp-accent) !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  font-size: clamp(28px, 2.7vw, 44px) !important;
  line-height: 1.02 !important;
  color: var(--corp-ink) !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  grid-column: 1 / 3 !important;
  max-width: 760px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: var(--corp-muted) !important;
}

html body .customerCards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding-left: 22px !important;
}

html body .customerCards article {
  min-height: 178px !important;
  padding: 20px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #fff, #f8fafc) !important;
}

html body .customerCards span.guideIcon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(18, 48, 71, .10), rgba(23, 96, 107, .15)) !important;
  color: var(--corp-primary-2) !important;
  box-shadow: inset 0 0 0 1px rgba(18, 48, 71, .08) !important;
}

html body .customerCards span.guideIcon svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
  fill: currentColor !important;
}

html body .customerCards article strong {
  display: block !important;
  margin-top: 14px !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
}

html body .customerCards article p {
  margin-top: 10px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

html body .customerGuide.revealed .sectionTitle,
html body .customerGuide.inView .sectionTitle {
  animation: guideTitleIn .72s cubic-bezier(.2, .82, .18, 1) both !important;
}

html body .customerGuide.revealed .customerCards article,
html body .customerGuide.inView .customerCards article {
  animation: guideCardIn .72s cubic-bezier(.2, .82, .18, 1) both !important;
}

html body .customerGuide.revealed .customerCards article:nth-child(2),
html body .customerGuide.inView .customerCards article:nth-child(2) { animation-delay: 90ms !important; }
html body .customerGuide.revealed .customerCards article:nth-child(3),
html body .customerGuide.inView .customerCards article:nth-child(3) { animation-delay: 180ms !important; }
html body .customerGuide.revealed .customerCards article:nth-child(4),
html body .customerGuide.inView .customerCards article:nth-child(4) { animation-delay: 270ms !important; }

html body .marketStrip {
  width: min(1200px, calc(100vw - 96px)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 36px auto !important;
}

html body .marketStrip article {
  position: relative !important;
  min-height: 118px !important;
  padding: 22px 20px 22px 72px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

html body .marketStrip article::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 24px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--corp-primary), var(--corp-primary-2)) !important;
  box-shadow: 0 10px 24px rgba(18, 48, 71, .16) !important;
}

html body .marketStrip article::after {
  display: none !important;
  content: none !important;
}

html body .marketStrip article span {
  color: var(--corp-accent) !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
}

html body .marketStrip article strong {
  display: block !important;
  margin-top: 8px !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
}

@keyframes guideTitleIn {
  from { opacity: 0; transform: translateY(18px); filter: blur(8px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes guideCardIn {
  from { opacity: 0; transform: translateY(28px) scale(.96); filter: blur(10px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@media (max-width: 1100px) {
  html body .customerGuide .sectionTitle.compactTitle {
    grid-template-columns: 1fr !important;
  }

  html body .customerGuide .sectionTitle.compactTitle p:last-child {
    grid-column: auto !important;
  }

  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body .hero.compactHero {
    min-height: auto !important;
    padding: 22px 0 34px !important;
  }

  html body .compactHero .topNav {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    margin-bottom: 22px !important;
  }

  html body .compactHero .navActions {
    gap: 8px !important;
  }

  html body .compactHero .outline {
    padding: 9px 12px !important;
    font-size: 13px !important;
  }

  html body .compactHero .heroLayout,
  html body .compactHero .searchBar,
  html body .marketStrip {
    width: min(100%, calc(100vw - 28px)) !important;
  }

  html body .compactHero .heroCopy h1 {
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  html body .customerGuide {
    width: min(100%, calc(100vw - 28px)) !important;
    padding: 24px 18px !important;
  }

  html body .customerGuide .sectionTitle.compactTitle,
  html body .customerCards {
    padding-left: 12px !important;
  }

  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: 1fr !important;
  }
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--ink);
  background: var(--soft);
  font-family: "Inter Tight", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { cursor: pointer; }

.scrollProgress {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 1000;
  width: calc(var(--scroll) * 100%);
  height: 4px;
  background: linear-gradient(90deg, #fff, #b56cff, #ff42c6);
}

.hero {
  min-height: 650px;
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(8, 14, 24, 0.96), rgba(13, 22, 36, 0.84) 48%, rgba(46, 12, 47, 0.62)),
    url("uyguna-konakla-hero.png") center calc(50% + var(--heroShift)) / 112% auto no-repeat;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px);
  background-size: 76px 76px;
  opacity: .18;
}

.hero::after {
  display: none;
}

.topNav,
main > section {
  width: var(--shell);
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

.topNav {
  width: calc(100% - 96px);
  max-width: none;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 26px;
}

.logo {
  display: inline-flex;
  align-items: center;
}

.logo img {
  width: 230px;
  height: 108px;
  object-fit: contain;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.34));
}

.navActions {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-46%);
  display: flex;
  gap: 12px;
}

.outline {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  color: #fff;
  font-weight: 850;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
  transition: transform .22s ease, background .22s ease;
}

.outline:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,.16);
}

.heroCenter {
  width: min(980px, calc(100% - 48px));
  max-width: 980px;
  position: relative;
  z-index: 2;
  margin: -18px auto 0;
  padding-top: 0;
  text-align: center;
  display: grid;
  justify-items: center;
  transform: translateY(calc(var(--heroShift) * -0.12));
}

.brandKicker {
  width: fit-content;
  margin: 0 auto 14px;
  color: #d8c8ff;
  text-transform: uppercase;
  font-size: .92rem;
  letter-spacing: .08em;
  font-weight: 900;
}

.hero h1 {
  max-width: 860px;
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 3.05vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -.018em;
  font-weight: 900;
}

.subline {
  max-width: 690px;
  margin: 16px auto 0;
  color: rgba(255,255,255,.75);
  font-size: clamp(.98rem, 1.2vw, 1.12rem);
  line-height: 1.55;
  font-weight: 700;
}

.searchTabs {
  width: fit-content;
  display: flex;
  gap: 6px;
  margin: 22px auto 0;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(16px);
}

.searchTabs button {
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 0 22px;
  color: #fff;
  background: transparent;
  font-weight: 900;
}

.searchTabs .active {
  color: var(--magenta);
  background: #fff;
}

.searchBar {
  width: min(1200px, calc(100vw - 120px));
  min-height: 92px;
  display: grid;
  grid-template-columns: 1.6fr 1.18fr 1.18fr 1.55fr 1.35fr 86px;
  align-items: stretch;
  margin: 20px auto 0;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 34px 100px rgba(0,0,0,.34);
  overflow: visible;
}

.heroCenter > *,
.searchBar {
  animation: heroRise .78s cubic-bezier(.19, 1, .22, 1) both;
}

.heroCenter .brandKicker { animation-delay: .04s; }
.heroCenter h1 { animation-delay: .11s; }
.heroCenter .subline { animation-delay: .18s; }
.heroCenter .searchTabs { animation-delay: .25s; }
.heroCenter .searchBar { animation-delay: .32s; }

@keyframes heroRise {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.searchBar label {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 0 24px;
  border-right: 1px solid var(--line);
  color: var(--ink);
}

.searchBar span {
  color: #66758a;
  font-size: .78rem;
  font-weight: 850;
}

.searchBar input,
.searchBar select {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 1.02rem;
  font-weight: 900;
  min-width: 0;
  text-overflow: ellipsis;
}

.searchBar input[type="date"] {
  padding-right: 24px;
}

.guestSelects {
  display: flex;
  gap: 8px;
  min-width: 0;
}

.guestSelects select {
  flex: 1 1 0;
  min-width: 0;
}

.cityPicker {
  position: relative;
  overflow: visible;
}

.cityDropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  width: 390px;
  max-height: 280px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  padding: 10px;
  border: 1px solid #e3d9eb;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 64px rgba(17,24,39,.18);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease;
  z-index: 50;
}

.cityDropdown.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.cityDropdown.singleResult {
  width: 170px;
  grid-template-columns: 1fr;
}

.cityDropdown button {
  height: 38px;
  border: 1px solid #e7ddec;
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font-weight: 850;
  text-align: left;
  padding: 0 12px;
}

.cityDropdown button:hover {
  color: var(--magenta);
  background: #fbf3ff;
}

.searchSubmit {
  width: 66px;
  height: 66px;
  align-self: center;
  justify-self: center;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--magenta), var(--purple));
  box-shadow: 0 18px 40px rgba(111,43,216,.32);
  transition: transform .22s ease;
}

.searchSubmit:hover {
  transform: translateY(-2px) scale(1.04);
}

.searchSubmit svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.compareCheck,
.providerStrip,
.quickTags {
  display: none;
}

main {
  display: grid;
  gap: 64px;
  padding: 64px 0 110px;
}

.sectionTitle {
  display: grid;
  grid-template-columns: 1fr .82fr;
  gap: 24px;
  align-items: end;
  margin-bottom: 24px;
}

.sectionTitle h2,
.boardCopy h2,
.segmentShowcase h2,
.agencyFlow h2,
.requestBox h2 {
  margin: 0;
  font-size: clamp(1.8rem, 2.65vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.025em;
  font-weight: 900;
}

.sectionTitle p,
.boardCopy p,
.agencyFlow p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  font-weight: 700;
}

.cards,
.segmentGrid,
.flowSteps,
.boardMetrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
}

.emptyListings,
.dealCard,
.segmentGrid article,
.flowSteps article,
.boardMetrics div {
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(17,24,39,.075);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.emptyListings {
  min-height: 170px;
  display: grid;
  place-items: center;
  font-size: 1.2rem;
}

.dealCard {
  overflow: hidden;
}

.dealCard:hover,
.segmentGrid article:hover,
.flowSteps article:hover,
.boardMetrics div:hover {
  transform: translateY(-10px);
  border-color: #cfc1e6;
  box-shadow: 0 32px 82px rgba(17,24,39,.13);
}

.dealImage {
  height: 170px;
  position: relative;
  overflow: hidden;
}

.dealImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.dealCard:hover .dealImage img {
  transform: scale(1.07);
}

.score,
.time,
.bestPriceBadge {
  position: absolute;
  top: 12px;
  border-radius: 999px;
  padding: 7px 10px;
  color: #fff;
  background: rgba(13,22,36,.82);
  font-size: .78rem;
  font-weight: 900;
}

.score { left: 12px; }
.time { right: 12px; }
.bestPriceBadge { left: 12px; top: 50px; background: var(--magenta); }

.price {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 8px 10px;
  border-radius: 12px;
  color: #fff;
  background: #111827;
}

.price small { font-size: .75rem; margin-left: 2px; }

.dealBody {
  padding: 18px;
}

.dealBody h3 {
  margin: 6px 0;
  font-size: 1.2rem;
}

.dealBody p {
  color: var(--muted);
  margin: 0 0 8px;
}

.dealBody a,
.panelCta,
.requestForm button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  padding: 0 22px;
  color: #fff;
  background: linear-gradient(135deg, var(--magenta), var(--purple));
  font-weight: 900;
}

.operationsBoard {
  display: grid;
  grid-template-columns: .86fr 1fr;
  gap: 34px;
  align-items: center;
  padding: 44px;
  border-radius: 30px;
  color: #fff;
  background: linear-gradient(135deg, #111827, #20112f 54%, #4a1454);
  box-shadow: 0 34px 96px rgba(17,24,39,.24);
}

.operationsBoard .kicker { color: #d8c8ff; }
.operationsBoard p { color: rgba(255,255,255,.72); }

.kicker {
  color: var(--magenta);
  font-size: .84rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.boardPanel {
  padding: 22px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  background: rgba(255,255,255,.08);
}

.boardTop,
.boardTimeline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.boardTop span,
.boardTimeline span {
  border-radius: 999px;
  padding: 9px 12px;
  background: rgba(255,255,255,.12);
  font-weight: 850;
}

.boardMetrics {
  margin: 22px 0;
}

.boardMetrics div {
  min-height: 138px;
  padding: 18px;
}

.boardMetrics span,
.boardMetrics small {
  display: block;
  color: var(--muted);
  font-weight: 800;
}

.boardMetrics strong {
  display: block;
  margin: 10px 0;
  color: var(--ink);
  font-size: 2rem;
}

.segmentShowcase,
.agencyFlow,
.requestBox {
  display: grid;
  grid-template-columns: .62fr 1.38fr;
  gap: 28px;
  align-items: center;
  padding: 38px;
  border: 1px solid var(--line);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 24px 72px rgba(17,24,39,.075);
}

.agencyFlow,
.requestBox {
  grid-template-columns: 1fr;
}

.segmentGrid article,
.flowSteps article {
  min-height: 156px;
  padding: 22px;
}

.flowSteps span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--magenta), var(--purple));
  font-weight: 900;
}

.flowSteps strong,
.segmentGrid strong {
  display: block;
  margin: 16px 0 10px;
  font-size: 1.12rem;
}

.flowSteps p,
.segmentGrid span {
  color: var(--muted);
  line-height: 1.55;
  font-weight: 700;
}

.requestForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.requestForm input,
.requestForm select {
  min-height: 54px;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 0 16px;
}

.requestForm button {
  grid-column: 1 / -1;
}

.motionItem {
  --motionY: 34px;
  --motionScale: 1;
  --motionBlur: 0px;
  will-change: transform, opacity;
  opacity: 0;
  transform: translate3d(0, var(--motionY), 0) scale(var(--motionScale));
  transition:
    transform .82s cubic-bezier(.19, 1, .22, 1),
    opacity .82s cubic-bezier(.19, 1, .22, 1),
    border-color .28s ease,
    box-shadow .28s ease;
}

.motionItem.revealed {
  border-color: #cfc1e6;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.motionItem.active {
  box-shadow: 0 22px 68px rgba(62, 22, 90, .12);
}

@keyframes metricFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.boardMetrics div {
  animation: metricFloat 5.4s ease-in-out infinite;
}

.boardMetrics div:nth-child(2) { animation-delay: .8s; }
.boardMetrics div:nth-child(3) { animation-delay: 1.4s; }

@media (max-width: 980px) {
  .hero {
    min-height: 640px;
    background-size: cover;
  }

  .logo img {
    width: 220px;
    height: 110px;
  }

  .navActions {
    right: 0;
  }

  .hero h1 {
    font-size: clamp(2rem, 8vw, 3rem);
  }

  .searchBar,
  .operationsBoard,
  .segmentShowcase,
  .requestBox {
    grid-template-columns: 1fr;
    border-radius: 26px;
  }

  .searchBar {
    width: 100%;
    min-height: auto;
  }

  .searchBar label {
    min-height: 78px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .searchSubmit {
    width: calc(100% - 24px);
    height: 58px;
    margin: 12px;
    border-radius: 18px;
  }

  .sectionTitle,
  .requestForm {
    grid-template-columns: 1fr;
  }
}

/* v48c - shorter, calmer hero and clearer content separation */
.hero.compactHero {
  min-height: 390px !important;
  height: 390px !important;
  background:
    linear-gradient(90deg, rgba(15, 17, 27, 0.84) 0%, rgba(48, 39, 58, 0.7) 48%, rgba(99, 73, 101, 0.52) 100%),
    linear-gradient(180deg, rgba(251, 248, 253, 0) 68%, #fbf8fd 100%),
    url("uyguna-konakla-hero.png") center 54% / cover no-repeat,
    #746278 !important;
  background-blend-mode: normal, normal, luminosity, normal !important;
}

.compactHero .heroLayout {
  margin-top: 18px !important;
}

.compactHero .heroCopy h1 {
  font-size: clamp(32px, 3vw, 48px) !important;
}

.compactHero .searchBar {
  margin-top: 22px !important;
}

main {
  padding-top: 42px !important;
}

.latest {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .hero.compactHero {
    min-height: 540px !important;
    height: auto !important;
  }
}

/* v33 hard hero alignment: logo pinned left, content pinned to viewport center. */
.hero {
  min-height: 670px;
}

.topNav {
  position: absolute;
  inset: 0 0 auto 0;
  width: 100%;
  height: 138px;
  max-width: none;
  margin: 0;
  padding: 28px 48px 0;
  pointer-events: none;
}

.logo {
  position: absolute;
  top: 28px;
  left: 34px;
  pointer-events: auto;
}

.logo img {
  width: 238px;
  height: 112px;
}

.navActions {
  top: 48px;
  right: 48px;
  transform: none;
  pointer-events: auto;
}

.heroCenter {
  position: absolute;
  left: 50%;
  top: 170px;
  width: min(1040px, calc(100vw - 96px));
  max-width: none;
  margin: 0;
  transform: translateX(-50%);
}

.heroCenter h1 {
  max-width: 880px;
  text-align: center;
}

.heroCenter .searchBar {
  width: min(1240px, calc(100vw - 112px));
  margin-left: auto;
  margin-right: auto;
  transform: none;
}

/* v34 correction: center the content against the viewport, not inside a shifted block. */
.heroCenter {
  left: 0;
  right: 0;
  top: 170px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 48px;
  transform: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.heroCenter .searchBar {
  width: min(1240px, calc(100vw - 120px));
  max-width: none;
  margin: 20px auto 0;
}

/* v38 corporate product polish */
body {
  background:
    linear-gradient(180deg, #f7f5fb 0%, #ffffff 42%, #f4f7fb 100%);
}

.latest,
.pricingBoard,
.operationsBoard,
.segmentShowcase,
.agencyFlow,
.requestBox {
  border: 1px solid rgba(221, 211, 233, .84);
  border-radius: 34px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 28px 90px rgba(25, 16, 45, .08);
  padding: clamp(28px, 4vw, 54px);
}

.pricingBoard {
  display: grid;
  grid-template-columns: .9fr 1.4fr;
  gap: 34px;
  align-items: stretch;
}

.pricingIntro h2 {
  margin: 0 0 16px;
  color: #141026;
  font-size: clamp(2rem, 3vw, 3.15rem);
  line-height: 1.02;
  letter-spacing: -.03em;
}

.pricingIntro p {
  margin: 0;
  color: #667085;
  line-height: 1.7;
  font-weight: 700;
}

.pricingCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.pricingCards article {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 250px;
  padding: 24px;
  border: 1px solid #e6d9ef;
  border-radius: 26px;
  background: linear-gradient(180deg, #fff, #fbf8ff);
  box-shadow: 0 20px 54px rgba(32, 19, 52, .08);
}

.pricingCards article.featured {
  color: #fff;
  border-color: rgba(255,255,255,.22);
  background: linear-gradient(145deg, #16081f, #6d1581 58%, #c0178e);
}

.pricingCards span {
  color: #8a5bad;
  font-weight: 900;
}

.pricingCards .featured span,
.pricingCards .featured p {
  color: rgba(255,255,255,.72);
}

.pricingCards h3,
.pricingCards strong,
.pricingCards p {
  margin: 0;
}

.pricingCards h3 {
  font-size: 1.05rem;
}

.pricingCards strong {
  font-size: clamp(2rem, 3vw, 3.1rem);
  letter-spacing: -.04em;
}

.pricingCards p {
  color: #667085;
  line-height: 1.55;
  font-weight: 700;
}

.paymentChip {
  width: fit-content;
  display: inline-flex;
  margin-top: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  color: #6f147a;
  background: #f8e8ff;
  font-weight: 900;
}

@media (max-width: 980px) {
  .pricingBoard,
  .pricingCards {
    grid-template-columns: 1fr;
  }
}

/* v39: simpler cozy-style public site */
:root {
  --magenta: #c01691;
  --purple: #7a21d4;
  --ink: #132033;
  --muted: #657086;
  --soft: #f7f3fb;
  --line: #eadff1;
}

body {
  background: #fff;
}

.scrollProgress {
  display: none;
}

.hero {
  min-height: 610px;
  overflow: visible;
  background:
    linear-gradient(180deg, rgba(192, 22, 145, .86), rgba(192, 22, 145, .72)),
    url("uyguna-konakla-hero.png") center 42% / cover no-repeat;
}

.hero::before {
  opacity: .08;
}

.topNav {
  height: 110px;
  padding: 18px 42px 0;
}

.logo {
  top: 18px;
  left: 40px;
}

.logo img {
  width: 210px;
  height: 98px;
}

.navActions {
  top: 34px;
  right: 42px;
}

.outline {
  min-height: 44px;
  background: rgba(255,255,255,.13);
  border-color: rgba(255,255,255,.52);
}

.heroCenter {
  top: 118px;
  padding: 0 48px;
}

.brandKicker {
  color: #d8ff00;
  font-size: .98rem;
  letter-spacing: 0;
  text-transform: none;
}

.hero h1 {
  max-width: 800px;
  font-size: clamp(2.35rem, 4.15vw, 4.65rem);
  line-height: 1;
  letter-spacing: -.035em;
}

.subline {
  max-width: 720px;
  color: rgba(255,255,255,.92);
  font-size: 1.08rem;
}

.searchTabs {
  margin-top: 24px;
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.6);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.searchTabs button {
  min-width: 116px;
  color: #fff;
}

.searchTabs .active {
  color: var(--magenta);
}

.heroCenter .searchBar {
  width: min(1120px, calc(100vw - 80px));
  min-height: 84px;
  grid-template-columns: 1.65fr 1.05fr 1.05fr 1.25fr 1.05fr 82px;
  margin-top: 24px;
  border-radius: 999px;
  box-shadow: 0 24px 58px rgba(75, 10, 73, .24);
}

.searchBar label {
  padding: 0 22px;
}

.searchBar input,
.searchBar select {
  font-size: 1rem;
}

.searchSubmit {
  width: 64px;
  height: 64px;
  background: #c01691;
  box-shadow: 0 18px 34px rgba(192, 22, 145, .28);
}

main {
  gap: 46px;
  padding-top: 54px;
}

.latest,
.pricingBoard,
.operationsBoard,
.segmentShowcase,
.agencyFlow,
.requestBox {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  padding: 0;
}

.latest,
.pricingBoard,
.agencyFlow,
.requestBox {
  padding-block: 18px;
}

.sectionTitle h2,
.boardCopy h2,
.segmentShowcase h2,
.agencyFlow h2,
.requestBox h2,
.pricingIntro h2 {
  color: #941178;
  font-size: clamp(1.7rem, 2.6vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.cards,
.pricingCards,
.segmentGrid,
.flowSteps,
.boardMetrics {
  gap: 16px;
}

.emptyListings,
.dealCard,
.pricingCards article,
.segmentGrid article,
.flowSteps article,
.boardMetrics div {
  border: 1px solid #eadff1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(24, 18, 38, .07);
}

.operationsBoard {
  grid-template-columns: 1fr;
  padding: 34px;
  border-radius: 28px;
  background: #f8f2fb;
}

.segmentShowcase {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 22px;
  align-items: center;
  padding: 34px;
  border-radius: 28px;
  background: #fbf8fe;
}

.pricingBoard {
  padding: 38px;
  border-radius: 28px;
  background: #fbf8fe;
}

.pricingCards article {
  min-height: 220px;
}

.pricingCards article.featured {
  background: #c01691;
}

.motionItem {
  transition-duration: .58s;
}

/* v36 dropdown layering and cleaner scroll reveal */
.hero {
  overflow: visible;
  z-index: 5;
}

main {
  position: relative;
  z-index: 1;
}

.heroCenter,
.searchBar,
.cityPicker {
  isolation: isolate;
}

.cityPicker {
  z-index: 120;
}

.cityDropdown {
  width: min(560px, calc(100vw - 96px));
  max-height: 330px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border-radius: 24px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 36px 90px rgba(13, 22, 36, .28);
  z-index: 99999;
}

.cityDropdown button {
  height: 44px;
  border-radius: 16px;
  text-align: center;
  background: #faf7ff;
  border-color: #eadff1;
}

.motionItem {
  --motionY: 44px;
  opacity: 0;
  clip-path: inset(16px 0 0 0 round 20px);
  transform: translate3d(0, var(--motionY), 0);
  transition:
    opacity .72s cubic-bezier(.2, .8, .2, 1),
    transform .78s cubic-bezier(.2, .8, .2, 1),
    clip-path .78s cubic-bezier(.2, .8, .2, 1),
    border-color .22s ease,
    box-shadow .22s ease;
}

.motionItem.revealed {
  opacity: 1;
  clip-path: inset(0 0 0 0 round 20px);
  transform: translate3d(0, 0, 0);
}

.motionItem.active {
  box-shadow: 0 18px 54px rgba(51, 20, 70, .1);
}

/* v40: legal listing model + cleaner cozy visual direction */
:root {
  --ink: #101827;
  --muted: #667085;
  --line: #e8dff0;
  --soft: #fbf8fe;
  --magenta: #c0178e;
  --purple: #6c25d7;
  --shell: min(1200px, calc(100% - 56px));
}

body {
  background: linear-gradient(180deg, #fff 0%, #fbf8fe 44%, #fff 100%);
  font-family: "Inter Tight", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hero {
  min-height: 620px;
  overflow: visible;
  background:
    linear-gradient(90deg, rgba(8, 13, 24, .93), rgba(24, 18, 40, .76) 52%, rgba(103, 28, 91, .5)),
    linear-gradient(180deg, rgba(8, 13, 24, .1), rgba(8, 13, 24, .55)),
    url("uyguna-konakla-hero.png") center calc(48% + var(--heroShift)) / cover no-repeat;
}

.topNav {
  height: 124px;
  padding: 24px 48px 0;
}

.logo {
  top: 24px;
  left: 48px;
}

.logo img {
  width: 230px;
  height: 110px;
}

.navActions {
  top: 40px;
  right: 52px;
}

.heroCenter {
  top: 132px;
  width: 100%;
  padding-inline: 52px;
}

.brandKicker {
  margin-bottom: 12px;
  color: #ded4ff;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.hero h1 {
  max-width: 820px;
  font-size: clamp(2.05rem, 3.35vw, 3.75rem);
  line-height: 1.06;
  letter-spacing: -.03em;
}

.subline {
  margin-top: 14px;
  font-size: clamp(.96rem, 1vw, 1.08rem);
  color: rgba(255,255,255,.82);
}

.searchTabs {
  margin-top: 22px;
}

.heroCenter .searchBar {
  width: min(1180px, calc(100vw - 128px));
  min-height: 82px;
  margin-top: 22px;
  grid-template-columns: 1.45fr 1.08fr 1.08fr 1.46fr 1.26fr 80px;
  border: 1px solid rgba(255,255,255,.7);
  background: rgba(255,255,255,.97);
  box-shadow: 0 28px 84px rgba(14, 20, 34, .3);
}

.searchBar label {
  padding: 0 20px;
}

.searchBar span {
  font-size: .72rem;
}

.searchBar input,
.searchBar select {
  font-size: .96rem;
  line-height: 1.2;
}

.guestSelects {
  gap: 6px;
}

.searchSubmit {
  width: 60px;
  height: 60px;
}

.cityDropdown {
  top: calc(100% + 14px);
  left: 0;
  width: min(620px, calc(100vw - 96px));
  max-height: 310px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  z-index: 2147483000;
  border: 1px solid rgba(224, 210, 235, .96);
  background: rgba(255,255,255,.99);
  box-shadow: 0 32px 110px rgba(8, 13, 24, .36);
}

.cityDropdown button {
  height: 40px;
  border-radius: 14px;
  color: #182033;
  background: #fff;
}

.trustStrip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.trustStrip span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 14px;
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.2);
  font-size: .83rem;
  font-weight: 800;
  backdrop-filter: blur(12px);
}

main {
  padding-top: 62px;
  gap: 56px;
}

.latest,
.modelBand,
.segmentShowcase,
.agencyFlow,
.pricingBoard,
.requestBox {
  width: var(--shell);
  margin-inline: auto;
  border: 1px solid rgba(232, 223, 240, .9);
  border-radius: 30px;
  padding: clamp(26px, 3.5vw, 44px);
  background: rgba(255,255,255,.9);
  box-shadow: 0 26px 90px rgba(18, 24, 39, .07);
}

.sectionTitle h2,
.modelBand h2,
.segmentShowcase h2,
.agencyFlow h2,
.pricingIntro h2,
.requestBox h2 {
  color: #171229;
  font-size: clamp(1.85rem, 2.55vw, 3rem);
  line-height: 1.06;
  letter-spacing: -.03em;
}

.sectionTitle {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr);
}

.modelBand {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 26px;
  align-items: center;
  background:
    radial-gradient(circle at 20% 10%, rgba(192,23,142,.08), transparent 32%),
    #fff;
}

.modelBand p,
.pricingIntro p,
.requestBox p {
  color: var(--muted);
  line-height: 1.7;
  font-weight: 700;
}

.modelCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.modelCards article,
.segmentGrid article,
.flowSteps article,
.pricingCards article,
.dealCard,
.emptyListings {
  border: 1px solid rgba(232, 223, 240, .96);
  border-radius: 20px;
  background: linear-gradient(180deg, #fff, #fdfbff);
  box-shadow: 0 16px 48px rgba(18, 24, 39, .06);
}

.modelCards article {
  min-height: 154px;
  padding: 20px;
}

.modelCards strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.05rem;
}

.modelCards span,
.publicLegal {
  color: var(--muted);
  line-height: 1.55;
  font-weight: 700;
}

.segmentShowcase {
  grid-template-columns: .82fr 1.18fr;
  background: #fbf8fe;
}

.agencyFlow,
.pricingBoard {
  background: #fff;
}

.flowSteps span {
  border-radius: 13px;
  background: linear-gradient(135deg, #c0178e, #6c25d7);
}

.pricingCards article.featured {
  background: linear-gradient(145deg, #171229, #761c86 58%, #c0178e);
}

.publicLegal {
  display: block;
  margin: 8px 0 14px;
  font-size: .78rem;
}

.dealActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.dealActions a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 14px;
  font-size: .84rem;
  font-weight: 900;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.dealActions a:hover {
  transform: translateY(-2px);
}

.callAction {
  color: #fff;
  background: linear-gradient(135deg, #c0178e, #6c25d7);
  box-shadow: 0 14px 30px rgba(108, 37, 215, .18);
}

.softAction {
  color: #5c1a72;
  border: 1px solid #eadff1;
  background: #fbf8fe;
}

/* v42: cozy-style hero with calmer image treatment */
.hero {
  min-height: 640px;
  background:
    linear-gradient(180deg, rgba(14, 18, 30, .28), rgba(14, 18, 30, .52)),
    linear-gradient(90deg, rgba(14, 18, 30, .84), rgba(76, 31, 83, .36) 52%, rgba(14, 18, 30, .2)),
    url("uyguna-konakla-hero.png") center calc(48% + var(--heroShift)) / cover no-repeat;
}

.hero::before {
  display: none;
}

.topNav {
  height: 108px;
  padding: 22px clamp(22px, 4vw, 58px) 0;
}

.logo {
  top: 22px;
  left: clamp(22px, 4vw, 58px);
}

.logo img {
  width: 210px;
  height: 98px;
}

.navActions {
  top: 34px;
  right: clamp(22px, 4vw, 58px);
}

.heroCenter {
  top: 116px;
}

.brandKicker {
  margin-bottom: 10px;
  color: rgba(255,255,255,.82);
  font-size: .8rem;
}

.hero h1 {
  max-width: 760px;
  font-size: clamp(2rem, 3vw, 3.25rem);
  line-height: 1.08;
}

.subline {
  max-width: 640px;
  margin-top: 12px;
  font-size: 1rem;
}

.searchTabs {
  margin-top: 20px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(18px);
}

.heroCenter .searchBar {
  width: min(1160px, calc(100vw - 108px));
  min-height: 86px;
  margin-top: 20px;
  border: 0;
  background: rgba(255,255,255,.98);
  box-shadow: 0 26px 80px rgba(12, 18, 31, .32);
}

.searchBar label {
  padding: 0 22px;
}

.searchBar input,
.searchBar select {
  color: #0f1a2a;
}

.trustStrip {
  margin-top: 18px;
}

.latest {
  margin-top: -18px;
}

.modelBand,
.segmentShowcase,
.agencyFlow,
.pricingBoard,
.requestBox {
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.9)),
    radial-gradient(circle at 18% 6%, rgba(192,23,142,.08), transparent 34%);
}

.modelCards article,
.segmentGrid article,
.flowSteps article,
.pricingCards article {
  transform-origin: center bottom;
}

.modelCards article:hover,
.segmentGrid article:hover,
.flowSteps article:hover,
.pricingCards article:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 78px rgba(17, 24, 39, .11);
}

.motionItem {
  transform: translate3d(0, calc(42px + var(--parallaxLift, 0px)), 0) scale(.97);
}

.motionItem.revealed {
  transform: translate3d(0, var(--parallaxLift, 0px), 0) scale(1);
}

@media (max-width: 700px) {
  .hero {
    min-height: 720px;
  }

  .heroCenter {
    top: 122px;
  }

  .hero h1 {
    max-width: 96%;
    font-size: clamp(1.85rem, 9.5vw, 2.7rem);
  }
}

.motionItem {
  opacity: 0;
  transform: translate3d(0, calc(34px + var(--parallaxLift, 0px)), 0) scale(.985);
  filter: blur(8px);
  clip-path: none;
  transition:
    opacity .82s cubic-bezier(.19, 1, .22, 1),
    transform .88s cubic-bezier(.19, 1, .22, 1),
    filter .88s cubic-bezier(.19, 1, .22, 1),
    box-shadow .24s ease,
    border-color .24s ease;
}

.motionItem.revealed {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, var(--parallaxLift, 0px), 0) scale(1);
}

.motionItem.active {
  border-color: rgba(192, 23, 142, .22);
  box-shadow: 0 30px 100px rgba(18, 24, 39, .1);
}

@media (max-width: 1100px) {
  .heroCenter .searchBar {
    width: min(860px, calc(100vw - 56px));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 28px;
  }

  .searchSubmit {
    width: calc(100% - 24px);
    height: 58px;
    margin: 12px;
    border-radius: 18px;
    grid-column: 1 / -1;
  }

  .modelBand,
  .segmentShowcase,
  .pricingBoard {
    grid-template-columns: 1fr;
  }

  .modelCards,
  .pricingCards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  :root { --shell: min(100% - 28px, 1200px); }

  .hero {
    min-height: 760px;
  }

  .topNav {
    padding: 18px 18px 0;
  }

  .logo {
    left: 18px;
  }

  .logo img {
    width: 168px;
    height: 84px;
  }

  .navActions {
    right: 18px;
    top: 32px;
  }

  .heroCenter {
    top: 128px;
    padding-inline: 18px;
  }

  .hero h1 {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .heroCenter .searchBar {
    width: 100%;
    grid-template-columns: 1fr;
    border-radius: 24px;
  }

  .cityDropdown {
    width: calc(100vw - 36px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sectionTitle,
  .segmentShowcase,
  .requestForm {
    grid-template-columns: 1fr;
  }
}
/* v43 visual polish: lighter hero, stable search, soft cards and scroll reveals */
:root {
  --home-ink: #101828;
  --home-muted: #667085;
  --home-purple: #9a1bc5;
  --home-pink: #c91592;
  --home-line: rgba(128, 78, 154, 0.16);
}

body {
  color: var(--home-ink);
  background: #fbf8ff;
  font-family: Inter, Arial, sans-serif;
}

.hero {
  min-height: 760px;
  padding: 30px 4vw 0;
  display: grid;
  grid-template-rows: auto 1fr;
  background:
    linear-gradient(90deg, rgba(10, 16, 31, 0.8) 0%, rgba(31, 18, 47, 0.58) 42%, rgba(130, 29, 117, 0.22) 100%),
    linear-gradient(180deg, rgba(14, 17, 32, 0.08), rgba(14, 17, 32, 0.7)),
    url("uyguna-konakla-hero.png") center/cover no-repeat;
  overflow: visible;
}

.topNav {
  width: min(100%, 1660px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 8;
}

.topNav .logoAsset {
  position: relative;
  left: 0;
  top: 0;
}

.logoAsset img {
  width: 228px;
  height: auto;
  object-fit: contain;
}

.navActions .outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 28px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.36);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(18px);
}

.heroCenter {
  width: min(100%, 1320px);
  margin: 18px auto 0;
  align-self: center;
  text-align: center;
  display: grid;
  justify-items: center;
  z-index: 7;
}

.brandKicker {
  margin: 0 0 18px;
  color: #efe2ff;
  font-size: clamp(15px, 1.2vw, 20px);
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero h1 {
  width: min(100%, 1120px);
  margin: 0;
  color: #fff;
  font-size: clamp(40px, 4.8vw, 78px);
  line-height: 0.98;
  letter-spacing: 0;
  text-align: center;
  text-wrap: balance;
}

.subline {
  max-width: 880px;
  margin: 22px auto 26px;
  color: rgba(255,255,255,0.88);
  font-size: clamp(17px, 1.35vw, 24px);
  font-weight: 850;
  line-height: 1.35;
  text-align: center;
}

.searchTabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 62px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.28);
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(16px);
}

.searchTabs button {
  min-width: 118px;
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: transparent;
  font-weight: 950;
  cursor: pointer;
}

.searchTabs button.active {
  background: #fff;
  color: var(--home-pink);
}

.searchBar {
  position: relative;
  width: min(100%, 1480px);
  margin: 22px auto -58px;
  min-height: 116px;
  display: grid;
  grid-template-columns: minmax(240px, 1.35fr) minmax(190px, 0.8fr) minmax(190px, 0.8fr) minmax(220px, 1fr) minmax(210px, 0.9fr) 104px;
  align-items: stretch;
  border-radius: 999px;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 26px 90px rgba(23, 10, 36, 0.24);
  overflow: visible;
  z-index: 30;
}

.searchBar label {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 0 28px;
  border-right: 1px solid #e5dae9;
}

.searchBar label span {
  color: #667891;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
}

.searchBar input,
.searchBar select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #061a2d;
  font: 950 20px/1.15 Inter, Arial, sans-serif;
}

.guestSelects {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.guestSelects select {
  text-overflow: ellipsis;
}

.searchSubmit {
  width: 84px;
  height: 84px;
  place-self: center;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #cb1594, #7d22dc);
  box-shadow: 0 18px 44px rgba(142, 30, 202, 0.28);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.searchSubmit svg {
  width: 34px;
  height: 34px;
  fill: #fff;
}

.cityDropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 12px);
  width: min(720px, calc(100vw - 42px));
  max-height: 360px;
  overflow: auto;
  z-index: 80;
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(128, 78, 154, 0.18);
  border-radius: 24px;
  background: rgba(255,255,255,0.97);
  box-shadow: 0 26px 80px rgba(28, 12, 48, 0.24);
  backdrop-filter: blur(18px);
}

.cityPicker.open .cityDropdown,
.cityDropdown.open {
  display: grid;
}

.cityDropdown button,
.cityOption {
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  color: #14243a;
  background: #f7f0fb;
  font-weight: 900;
  text-align: left;
  padding: 0 14px;
  cursor: pointer;
}

.cityDropdown button:hover,
.cityOption:hover {
  color: #fff;
  background: linear-gradient(135deg, #c91592, #8d22d5);
}

main,
.listingSection,
.contentBand,
.modelBand,
.workflowBand,
.contactBand {
  position: relative;
  z-index: 1;
}

.listingSection {
  padding-top: 108px;
}

.listingSection h2,
.contentBand h2,
.modelBand h2,
.workflowBand h2,
.contactBand h2 {
  color: #101828;
  font-size: clamp(34px, 4vw, 62px);
  line-height: 1;
  letter-spacing: 0;
}

.listingGrid,
.featureGrid,
.workflowGrid,
.categoryGrid {
  gap: 18px;
}

.listingCard,
.emptyState,
.featureCard,
.workflowCard,
.categoryCard,
.contactForm,
.modelCard {
  border: 1px solid var(--home-line);
  border-radius: 24px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 18px 60px rgba(50, 20, 80, 0.08);
  overflow: hidden;
}

.listingCard {
  min-height: unset;
  transform: translateZ(0);
  transition: transform .35s ease, box-shadow .35s ease;
}

.listingCard:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 80px rgba(50, 20, 80, 0.16);
}

.listingCard img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.dealActions a,
.contactForm button,
.ctaButton {
  border-radius: 999px;
  background: linear-gradient(135deg, #c91592, #8724d4);
  color: #fff;
  font-weight: 950;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(42px) scale(0.985);
  transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
  will-change: opacity, transform;
}

[data-reveal].is-visible,
.revealVisible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media (max-width: 1120px) {
  .hero {
    min-height: 860px;
  }

  .searchBar {
    grid-template-columns: 1fr 1fr;
    border-radius: 34px;
    margin-bottom: -40px;
  }

  .searchSubmit {
    width: calc(100% - 30px);
    height: 60px;
    border-radius: 999px;
    grid-column: 1 / -1;
    margin: 0 15px 15px;
  }
}

@media (max-width: 720px) {
  .hero {
    min-height: auto;
    padding: 22px 16px 84px;
  }

  .logoAsset img {
    width: 170px;
  }

  .hero h1 {
    font-size: clamp(34px, 11vw, 52px);
  }

  .searchBar {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .searchBar label {
    border-right: 0;
    border-bottom: 1px solid #e5dae9;
    min-height: 84px;
  }

  .guestSelects {
    grid-template-columns: 1fr;
  }

  .cityDropdown {
    grid-template-columns: 1fr;
  }
}

/* v46 compact marketplace + SaaS redesign */
:root {
  --uk46-ink: #0e1b32;
  --uk46-muted: #65738a;
  --uk46-border: rgba(21, 42, 72, .12);
  --uk46-card: rgba(255,255,255,.92);
  --uk46-purple: #9b17c6;
  --uk46-pink: #ca148d;
  --uk46-green: #32d583;
  --uk46-blue: #0e3a66;
  --uk46-shell: min(1320px, calc(100% - 48px));
}

body {
  background: #f7f8fb !important;
  color: var(--uk46-ink) !important;
}

.compactHero {
  min-height: 620px !important;
  padding: 24px 0 0 !important;
  display: block !important;
  background:
    linear-gradient(90deg, rgba(8, 17, 31, .86) 0%, rgba(17, 24, 39, .54) 50%, rgba(178, 43, 143, .26) 100%),
    url("uyguna-konakla-hero.png") center/cover no-repeat !important;
  overflow: visible !important;
}

.compactHero::before {
  opacity: .06 !important;
}

.topNav {
  width: var(--uk46-shell) !important;
  min-height: 76px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}

.topNav .logoAsset img {
  width: 190px !important;
  max-height: 92px !important;
}

.navActions {
  position: static !important;
  transform: none !important;
  display: flex !important;
  gap: 10px !important;
}

.outline {
  min-height: 42px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  border-radius: 999px !important;
}

.ghostLink {
  background: rgba(255,255,255,.06) !important;
}

.heroLayout {
  width: var(--uk46-shell);
  margin: 26px auto 0;
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(360px, .55fr);
  gap: 42px;
  align-items: center;
  position: relative;
  z-index: 5;
}

.heroCopy {
  max-width: 760px;
}

.heroPill {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  color: #efe8ff;
  font-size: 13px;
  font-weight: 900;
}

.heroCopy .heroPill {
  margin-top: 10px;
}

.compactHero .heroLayout .heroCopy h1 {
  margin: 22px 0 14px !important;
  color: #fff !important;
  max-width: 650px !important;
  font-size: clamp(32px, 3.2vw, 48px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
}

.heroCopy p {
  max-width: 650px;
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 1.5;
  font-weight: 750;
}

.heroQuickStats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.heroQuickStats span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  font-size: 13px;
  font-weight: 850;
}

.heroOpsCard {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 26px;
  padding: 18px;
  background: linear-gradient(145deg, rgba(15,31,55,.78), rgba(41,21,71,.62));
  box-shadow: 0 28px 90px rgba(2, 8, 20, .28);
  backdrop-filter: blur(14px);
}

.opsHead {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 4px 4px 14px;
  color: #fff;
}

.opsHead span {
  color: #bdebd4;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.opsHead strong {
  font-size: 18px;
}

.opsRows {
  display: grid;
  gap: 10px;
}

.opsRows article {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 4px 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.07);
}

.opsRows article span {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #d8fbeb;
  background: rgba(50,213,131,.13);
  font-size: 12px;
  font-weight: 950;
}

.opsRows b {
  color: #fff;
  font-size: 15px;
}

.opsRows small {
  color: rgba(255,255,255,.66);
  font-size: 13px;
  font-weight: 700;
}

.compactHero .searchBar {
  width: var(--uk46-shell) !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 32px auto -38px !important;
  grid-template-columns: minmax(220px, 1.3fr) minmax(150px,.75fr) minmax(150px,.75fr) minmax(220px,1fr) minmax(175px,.75fr) 76px !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 70px rgba(11, 16, 32, .22) !important;
  align-items: stretch !important;
}

.compactHero .searchBar label {
  padding: 0 18px !important;
  min-height: 0 !important;
  height: 82px !important;
}

.compactHero .searchBar label span {
  font-size: 12px !important;
}

.compactHero .searchBar input,
.compactHero .searchBar select {
  font-size: 15px !important;
}

.compactHero .searchSubmit {
  width: 58px !important;
  height: 58px !important;
}

.compactHero .searchSubmit svg {
  width: 25px !important;
  height: 25px !important;
}

main {
  padding-top: 72px !important;
}

main > section {
  width: var(--uk46-shell) !important;
}

.latest {
  padding: 24px !important;
  border-radius: 26px !important;
  background: #fff !important;
  border: 1px solid var(--uk46-border) !important;
  box-shadow: 0 16px 44px rgba(16, 24, 40, .06) !important;
}

.compactTitle {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

.compactTitle h2 {
  margin: 0 !important;
  font-size: clamp(26px, 2.4vw, 38px) !important;
  line-height: 1 !important;
  letter-spacing: -.025em !important;
}

.compactTitle p {
  max-width: 460px;
  margin: 0 !important;
  font-size: 15px !important;
  color: var(--uk46-muted) !important;
}

.kicker {
  color: #8f157d !important;
  font-size: 12px !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)) !important;
  gap: 14px !important;
}

.dealCard,
.emptyListings {
  border-radius: 18px !important;
  border: 1px solid var(--uk46-border) !important;
  box-shadow: 0 12px 30px rgba(16,24,40,.06) !important;
}

.dealImage img {
  height: 150px !important;
}

.dealBody {
  padding: 14px !important;
}

.dealBody h3 {
  font-size: 19px !important;
  line-height: 1.08 !important;
}

.dealMeta strong {
  font-size: 20px !important;
}

.marketStrip {
  margin-top: 20px !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.marketStrip article,
.modelCards article,
.flowSteps article,
.pricingCards article {
  border: 1px solid var(--uk46-border) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(16,24,40,.05) !important;
  padding: 18px !important;
  min-height: 120px !important;
}

.marketStrip span,
.pricingCards span {
  color: #8f157d;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.marketStrip strong {
  display: block;
  margin-top: 8px;
  color: var(--uk46-ink);
  font-size: 18px;
  line-height: 1.18;
}

.modelBand {
  margin-top: 20px !important;
  padding: 32px !important;
  border-radius: 28px !important;
  display: grid !important;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1fr) !important;
  gap: 24px !important;
  background: linear-gradient(135deg, #0d1b2f, #27133b 58%, #7a1394) !important;
  box-shadow: 0 22px 70px rgba(16,24,40,.14) !important;
}

.modelBand h2 {
  font-size: clamp(28px, 3vw, 46px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.03em !important;
}

.modelBand p {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.modelCards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.modelCards article {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #fff !important;
}

.modelCards strong,
.flowSteps strong,
.pricingCards h3 {
  font-size: 18px !important;
}

.modelCards span,
.flowSteps p,
.pricingCards p {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.agencyFlow,
.pricingBoard,
.requestBox {
  margin-top: 20px !important;
  padding: 26px !important;
  border-radius: 26px !important;
  background: #fff !important;
  border: 1px solid var(--uk46-border) !important;
  box-shadow: 0 16px 44px rgba(16,24,40,.06) !important;
}

.flowSteps,
.pricingCards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.pricingCards {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.flowSteps article span {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
}

.pricingCards strong {
  font-size: 28px !important;
}

.pricingCards .featured {
  background: linear-gradient(135deg, #111827, #8e16c4) !important;
  color: #fff !important;
}

.panelCta {
  margin-top: 16px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #111827 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

.requestBox {
  display: grid !important;
  grid-template-columns: minmax(300px, .8fr) minmax(360px, 1fr) !important;
  gap: 20px !important;
}

.requestBox h2,
.pricingBoard h2,
.agencyFlow h2 {
  font-size: clamp(26px, 2.7vw, 42px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.025em !important;
}

.requestForm {
  border-radius: 20px !important;
  padding: 16px !important;
  gap: 10px !important;
}

.requestForm input,
.requestForm select {
  min-height: 46px !important;
  font-size: 14px !important;
}

.requestForm button {
  min-height: 48px !important;
  border-radius: 14px !important;
}

.motionItem {
  opacity: 0;
  transform: translateY(22px);
  filter: none !important;
  transition: opacity .55s ease, transform .55s ease !important;
}

.motionItem.revealed,
.motionItem.active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

@media (max-width: 1050px) {
  .heroLayout,
  .modelBand,
  .requestBox {
    grid-template-columns: 1fr !important;
  }

  .compactHero .searchBar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
  }

  .compactHero .searchSubmit {
    width: calc(100% - 20px) !important;
    border-radius: 14px !important;
    grid-column: 1 / -1 !important;
    margin: 0 10px 10px !important;
  }

  .modelCards,
  .flowSteps,
  .pricingCards,
  .marketStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  :root {
    --uk46-shell: min(100%, calc(100% - 24px));
  }

  .compactHero {
    min-height: auto !important;
    padding-bottom: 42px !important;
  }

  .heroLayout {
    margin-top: 12px;
  }

  .topNav .logoAsset img {
    width: 144px !important;
  }

  .heroCopy h1 {
    font-size: 34px !important;
  }

  .compactHero .searchBar,
  .modelCards,
  .flowSteps,
  .pricingCards,
  .marketStrip,
  .requestForm {
    grid-template-columns: 1fr !important;
  }

  .compactTitle {
    display: block !important;
  }
}

/* v47 hard reset: short cozy hero, no oversized cards */
.compactHero.hero,
.hero.compactHero {
  min-height: 500px !important;
  height: 500px !important;
  padding: 18px 0 0 !important;
  display: block !important;
  background:
    linear-gradient(180deg, rgba(22, 18, 34, .42), rgba(22, 18, 34, .60)),
    linear-gradient(90deg, rgba(24, 18, 36, .72), rgba(185, 44, 145, .20)),
    url("uyguna-konakla-hero.png") center 46% / cover no-repeat !important;
}

.compactHero .topNav {
  width: min(1240px, calc(100% - 56px)) !important;
  min-height: 58px !important;
}

.compactHero .topNav .logoAsset img {
  width: 152px !important;
  max-height: 72px !important;
}

.compactHero .navActions {
  gap: 8px !important;
}

.compactHero .outline {
  min-height: 36px !important;
  padding: 0 15px !important;
  font-size: 13px !important;
  background: rgba(255,255,255,.10) !important;
}

.compactHero .heroLayout {
  width: min(980px, calc(100% - 48px)) !important;
  margin: 18px auto 0 !important;
  display: block !important;
  text-align: center !important;
}

.compactHero .heroCopy {
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.compactHero .heroPill {
  min-height: 30px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  background: rgba(255,255,255,.12) !important;
}

.compactHero .heroLayout .heroCopy h1 {
  max-width: 760px !important;
  margin: 14px auto 10px !important;
  font-size: clamp(30px, 3.15vw, 46px) !important;
  line-height: 1.02 !important;
  text-align: center !important;
  letter-spacing: -.028em !important;
}

.compactHero .heroCopy p {
  max-width: 680px !important;
  margin: 0 auto !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
}

.heroOpsCard,
.heroQuickStats {
  display: none !important;
}

.compactHero .searchBar {
  width: min(1120px, calc(100% - 72px)) !important;
  height: 70px !important;
  min-height: 70px !important;
  margin: 24px auto 0 !important;
  grid-template-columns: minmax(210px, 1.25fr) minmax(150px, .78fr) minmax(150px, .78fr) minmax(210px, 1fr) minmax(170px, .82fr) 68px !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 55px rgba(15, 23, 42, .22) !important;
}

.compactHero .searchBar label {
  height: 70px !important;
  padding: 0 15px !important;
  gap: 4px !important;
}

.compactHero .searchBar label span {
  font-size: 11px !important;
}

.compactHero .searchBar input,
.compactHero .searchBar select {
  font-size: 14px !important;
}

.compactHero .guestSelects {
  grid-template-columns: minmax(82px, .9fr) minmax(84px, .85fr) !important;
  gap: 4px !important;
}

.compactHero .searchSubmit {
  width: 52px !important;
  height: 52px !important;
}

.compactHero .searchSubmit svg {
  width: 22px !important;
  height: 22px !important;
}

main {
  padding-top: 0 !important;
}

.opsMini {
  width: min(1120px, calc(100% - 48px)) !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px auto 12px !important;
  opacity: 1 !important;
  transform: none !important;
}

.opsMini article {
  min-height: 86px;
  padding: 14px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(16,24,40,.05);
}

.opsMini span {
  color: #a01489;
  font-size: 11px;
  font-weight: 950;
}

.opsMini strong {
  display: block;
  margin: 4px 0 3px;
  color: #101828;
  font-size: 15px;
  line-height: 1.1;
}

.opsMini p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 750;
}

.latest,
.agencyFlow,
.pricingBoard,
.requestBox {
  width: min(1120px, calc(100% - 48px)) !important;
  padding: 16px !important;
  border-radius: 18px !important;
}

.modelBand {
  width: min(1120px, calc(100% - 48px)) !important;
  padding: 24px !important;
  border-radius: 20px !important;
}

.marketStrip {
  width: min(1120px, calc(100% - 48px)) !important;
}

.compactTitle {
  margin-bottom: 12px !important;
}

.compactTitle h2,
.requestBox h2,
.pricingBoard h2,
.agencyFlow h2 {
  font-size: clamp(22px, 1.8vw, 28px) !important;
  line-height: 1.06 !important;
}

.compactTitle p,
.requestBox p,
.pricingBoard p,
.agencyFlow p {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.cards {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  gap: 10px !important;
}

.dealCard,
.emptyListings {
  border-radius: 14px !important;
}

.emptyListings {
  min-height: 78px !important;
  display: grid !important;
  place-items: center !important;
}

.emptyListings h3 {
  font-size: 15px !important;
}

#sonuclar {
  margin-top: 0 !important;
}

.motionItem {
  opacity: 1 !important;
  transform: none !important;
}

.motionItem.revealed,
.motionItem.active {
  opacity: 1 !important;
  transform: none !important;
}

.dealImage img {
  height: 126px !important;
}

.dealBody {
  padding: 12px !important;
}

.dealBody h3 {
  font-size: 17px !important;
}

.dealMeta strong {
  font-size: 18px !important;
}

.marketStrip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.marketStrip article,
.modelCards article,
.flowSteps article,
.pricingCards article {
  min-height: 92px !important;
  padding: 14px !important;
  border-radius: 14px !important;
}

.marketStrip strong,
.modelCards strong,
.flowSteps strong,
.pricingCards h3 {
  font-size: 15px !important;
}

.modelBand {
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1fr) !important;
  gap: 18px !important;
}

.modelBand h2 {
  font-size: clamp(24px, 2.3vw, 34px) !important;
}

.modelCards,
.pricingCards {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.flowSteps {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.flowSteps article span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

.pricingCards strong {
  font-size: 24px !important;
}

@media (max-width: 980px) {
  .compactHero.hero,
  .hero.compactHero {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 26px !important;
  }

  .compactHero .searchBar,
  .opsMini,
  .modelBand,
  .requestBox {
    grid-template-columns: 1fr !important;
  }

  .compactHero .searchBar {
    height: auto !important;
    border-radius: 18px !important;
  }

  .compactHero .searchBar label {
    height: 66px !important;
  }

  .opsMini,
  .marketStrip,
  .modelCards,
  .flowSteps,
  .pricingCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .opsMini,
  .marketStrip,
  .modelCards,
  .flowSteps,
  .pricingCards,
  .requestForm {
    grid-template-columns: 1fr !important;
  }
}

/* v45 direction reset: Inter Tight, editorial hero, corporate SaaS blocks */
:root {
  --brand-deep: #111827;
  --brand-night: #171021;
  --brand-violet: #7912d6;
  --brand-plum: #ad158f;
  --brand-pink: #d01891;
  --brand-soft: #f6f1fb;
  --brand-card: rgba(255,255,255,.88);
  --brand-line: rgba(121,18,214,.16);
  --brand-shadow: 0 28px 84px rgba(35, 13, 54, .14);
}

html,
body,
button,
input,
select,
textarea {
  font-family: "Inter Tight", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body {
  background:
    radial-gradient(circle at 12% 10%, rgba(208, 24, 145, .10), transparent 24%),
    linear-gradient(180deg, #fbf8ff 0%, #f6f3fb 46%, #fff 100%) !important;
}

.hero {
  min-height: 690px !important;
  padding: 28px 48px 0 !important;
  background:
    linear-gradient(90deg, rgba(13, 18, 31, .94) 0%, rgba(18, 15, 34, .78) 42%, rgba(129, 27, 118, .46) 100%),
    radial-gradient(circle at 70% 25%, rgba(208, 24, 145, .34), transparent 32%),
    url("uyguna-konakla-hero.png") center calc(50% + var(--heroShift)) / cover no-repeat !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.hero::before {
  opacity: .09 !important;
  background-size: 64px 64px !important;
}

.topNav {
  width: min(100%, 1760px) !important;
  min-height: 112px !important;
  padding-top: 0 !important;
  align-items: flex-start !important;
}

.topNav .logoAsset img,
.logoAsset img {
  width: 246px !important;
  height: auto !important;
  max-height: 132px !important;
  object-fit: contain !important;
}

.navActions {
  top: 18px !important;
  right: 0 !important;
  transform: none !important;
}

.outline {
  min-height: 48px !important;
  padding: 0 28px !important;
  border-color: rgba(255,255,255,.32) !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.heroCenter {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
  transform: none !important;
}

.brandKicker {
  margin-bottom: 16px !important;
  color: #e7d8ff !important;
  font-size: clamp(15px, 1.25vw, 20px) !important;
  letter-spacing: 0 !important;
}

.hero h1 {
  max-width: 980px !important;
  font-size: clamp(42px, 4.55vw, 76px) !important;
  line-height: .96 !important;
  letter-spacing: -0.025em !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-wrap: balance;
}

.subline {
  max-width: 760px !important;
  margin-top: 18px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(16px, 1.2vw, 21px) !important;
  line-height: 1.42 !important;
}

.searchTabs {
  margin-top: 22px !important;
  min-height: 54px !important;
  padding: 5px !important;
  background: rgba(255,255,255,.13) !important;
}

.searchTabs button {
  min-width: 126px !important;
  min-height: 44px !important;
  font-size: 17px !important;
}

.searchBar {
  width: min(100%, calc(100vw - 64px), 1480px) !important;
  min-height: 98px !important;
  margin: 24px auto -48px !important;
  grid-template-columns: minmax(250px, 1.45fr) minmax(205px, .86fr) minmax(205px, .86fr) minmax(270px, 1.13fr) minmax(220px, .88fr) 92px !important;
  border-radius: 34px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 34px 110px rgba(10, 8, 20, .34) !important;
  overflow: visible !important;
}

.searchBar label {
  padding: 0 22px !important;
}

.searchBar label span {
  font-size: 13px !important;
  color: #667085 !important;
  letter-spacing: 0 !important;
}

.searchBar input,
.searchBar select {
  font: 900 16px/1.15 "Inter Tight", Inter, Arial, sans-serif !important;
  color: #101828 !important;
}

.guestSelects {
  grid-template-columns: minmax(88px, .9fr) minmax(98px, .95fr) !important;
  gap: 7px !important;
}

.searchSubmit {
  width: 70px !important;
  height: 70px !important;
  background: linear-gradient(135deg, #d01891, #7912d6) !important;
}

.searchSubmit svg {
  width: 30px !important;
  height: 30px !important;
}

.trustStrip {
  display: none !important;
}

.cityDropdown {
  left: 16px !important;
  top: calc(100% + 10px) !important;
  width: min(620px, calc(100vw - 56px)) !important;
  max-height: 300px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border-radius: 22px !important;
  z-index: 9999 !important;
}

.cityDropdown button {
  min-height: 42px !important;
  font-size: 15px !important;
  border-radius: 12px !important;
  background: #f5eefb !important;
}

.cityDropdown button:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #d01891, #7912d6) !important;
}

main {
  padding-top: 70px !important;
}

main > section {
  width: min(1520px, calc(100% - 64px)) !important;
  margin-inline: auto !important;
}

.latest {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 34px !important;
  align-items: start !important;
  padding: 42px !important;
  border-radius: 36px !important;
  border: 1px solid var(--brand-line) !important;
  background: rgba(255,255,255,.76) !important;
  box-shadow: var(--brand-shadow) !important;
  backdrop-filter: blur(18px);
}

.sectionTitle {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .75fr) minmax(280px, .55fr) !important;
  gap: 30px !important;
  align-items: end !important;
}

.sectionTitle h2 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(34px, 3.6vw, 58px) !important;
  line-height: .96 !important;
  letter-spacing: -0.03em !important;
}

.sectionTitle p {
  margin: 0 0 6px !important;
  color: #667085 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 750 !important;
}

.cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)) !important;
  gap: 18px !important;
}

.dealCard,
.emptyListings {
  border: 1px solid rgba(121,18,214,.14) !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 18px 54px rgba(31, 16, 48, .10) !important;
  overflow: hidden !important;
}

.dealImage img {
  width: 100% !important;
  height: 188px !important;
  object-fit: cover !important;
}

.dealBody {
  padding: 18px !important;
}

.dealBody h3 {
  margin: 6px 0 12px !important;
  font-size: 24px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.01em !important;
}

.dealMeta strong {
  font-size: 25px !important;
  color: #111827 !important;
}

.modelBand {
  display: grid !important;
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr) !important;
  gap: 44px !important;
  align-items: center !important;
  margin-top: 34px !important;
  padding: 58px !important;
  border-radius: 38px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(208, 24, 145, .42), transparent 34%),
    linear-gradient(135deg, #181020 0%, #401054 52%, #8d15d6 100%) !important;
  box-shadow: 0 36px 100px rgba(31, 16, 48, .22) !important;
}

.modelBand .kicker,
.modelBand h2,
.modelBand p {
  color: #fff !important;
}

.modelBand h2 {
  font-size: clamp(38px, 4vw, 68px) !important;
  line-height: .95 !important;
  letter-spacing: -0.04em !important;
}

.modelBand p {
  max-width: 650px !important;
  color: rgba(255,255,255,.74) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

.modelCards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.modelCards article {
  min-height: 210px !important;
  padding: 24px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.11) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.modelCards strong,
.segmentGrid strong,
.flowSteps strong,
.pricingCards h3 {
  color: inherit !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
}

.modelCards span {
  margin-top: 14px !important;
  display: block !important;
  color: rgba(255,255,255,.74) !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
}

.segmentShowcase,
.agencyFlow,
.pricingBoard,
.requestBox {
  margin-top: 28px !important;
  padding: 44px !important;
  border-radius: 34px !important;
  border: 1px solid var(--brand-line) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: var(--brand-shadow) !important;
  backdrop-filter: blur(18px);
}

.segmentShowcase {
  display: grid !important;
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr) !important;
  gap: 28px !important;
  align-items: center !important;
}

.segmentShowcase h2,
.agencyFlow h2,
.pricingBoard h2,
.requestBox h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(34px, 3.5vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -0.035em !important;
}

.segmentGrid,
.flowSteps,
.pricingCards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.flowSteps {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-top: 28px !important;
}

.segmentGrid article,
.flowSteps article,
.pricingCards article {
  min-height: 176px !important;
  padding: 24px !important;
  border: 1px solid rgba(121,18,214,.14) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(250,246,255,.82)) !important;
  box-shadow: 0 16px 46px rgba(31, 16, 48, .08) !important;
}

.flowSteps article span {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #d01891, #7912d6) !important;
  font-size: 20px !important;
}

.pricingCards article.featured {
  color: #fff !important;
  background: linear-gradient(135deg, #171021, #8d15d6 58%, #d01891) !important;
}

.pricingCards strong {
  display: block !important;
  margin: 12px 0 !important;
  font-size: 42px !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

.requestBox {
  display: grid !important;
  grid-template-columns: minmax(300px, .78fr) minmax(360px, 1fr) !important;
  gap: 38px !important;
  align-items: center !important;
  margin-bottom: 72px !important;
}

.requestForm {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 18px 54px rgba(31, 16, 48, .10) !important;
}

.requestForm button {
  grid-column: 1 / -1 !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #d01891, #7912d6) !important;
  color: #fff !important;
  font-weight: 950 !important;
}

.requestForm input,
.requestForm select {
  min-height: 54px !important;
  border: 1px solid rgba(121,18,214,.16) !important;
  border-radius: 16px !important;
  padding: 0 16px !important;
  color: #101828 !important;
  background: #fbf8ff !important;
  font-weight: 850 !important;
}

.motionItem {
  opacity: 0;
  transform: translateY(48px) scale(.975);
  filter: blur(8px);
  transition:
    opacity .9s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1),
    filter .9s cubic-bezier(.16,1,.3,1) !important;
}

.motionItem.revealed,
.motionItem.active {
  opacity: 1 !important;
  transform: translateY(var(--parallaxLift, 0)) scale(1) !important;
  filter: blur(0) !important;
}

@media (max-width: 1180px) {
  .hero {
    min-height: auto !important;
    padding-bottom: 80px !important;
  }

  .searchBar {
    width: min(100%, 780px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 30px !important;
    margin-bottom: 0 !important;
  }

  .searchSubmit {
    width: calc(100% - 28px) !important;
    height: 60px !important;
    border-radius: 18px !important;
    grid-column: 1 / -1 !important;
    margin: 0 14px 14px !important;
  }

  .latest,
  .modelBand,
  .segmentShowcase,
  .requestBox {
    grid-template-columns: 1fr !important;
  }

  .sectionTitle {
    position: static !important;
  }

  .modelCards,
  .segmentGrid,
  .flowSteps,
  .pricingCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .hero {
    padding: 18px 16px 48px !important;
  }

  .topNav {
    min-height: 86px !important;
  }

  .topNav .logoAsset img,
  .logoAsset img {
    width: 162px !important;
  }

  .navActions .outline {
    min-height: 40px !important;
    padding: 0 16px !important;
  }

  .hero h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }

  .searchBar {
    grid-template-columns: 1fr !important;
  }

  .searchBar label {
    min-height: 78px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e5dae9 !important;
  }

  .guestSelects,
  .requestForm,
  .modelCards,
  .segmentGrid,
  .flowSteps,
  .pricingCards {
    grid-template-columns: 1fr !important;
  }

  main > section {
    width: min(100%, calc(100% - 28px)) !important;
    padding: 26px !important;
  }
}
/* v48 - muted compact redesign */
:root {
  --v48-bg: #fbf8fd;
  --v48-ink: #13151f;
  --v48-muted: #667085;
  --v48-line: #e9deef;
  --v48-card: rgba(255, 255, 255, 0.92);
  --v48-purple: #7f3f98;
  --v48-purple-2: #5d2d73;
  --v48-soft: #f4ebf7;
  --v48-shadow: 0 18px 50px rgba(63, 40, 82, 0.1);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--v48-bg) !important;
  color: var(--v48-ink) !important;
  font-family: "Inter Tight", "Inter", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.hero.compactHero {
  position: relative !important;
  min-height: 420px !important;
  height: 420px !important;
  padding: 18px 0 0 !important;
  overflow: visible !important;
  color: var(--v48-ink) !important;
  background:
    linear-gradient(90deg, rgba(18, 20, 31, 0.76) 0%, rgba(46, 31, 59, 0.56) 47%, rgba(112, 58, 116, 0.32) 100%),
    linear-gradient(180deg, rgba(251, 248, 253, 0) 72%, #fbf8fd 100%),
    url("uyguna-konakla-hero.png") center 52% / cover no-repeat !important;
}

.compactHero::before,
.compactHero::after {
  display: none !important;
}

.compactHero .topNav {
  width: min(1120px, calc(100% - 44px)) !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  z-index: 30 !important;
}

.compactHero .topNav .logoAsset {
  display: inline-flex !important;
  width: 148px !important;
  min-width: 148px !important;
  height: auto !important;
}

.compactHero .topNav .logoAsset img {
  display: block !important;
  width: 148px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;
}

.compactHero .navActions {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.compactHero .outline {
  min-height: 36px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  backdrop-filter: blur(12px) !important;
}

.compactHero .heroLayout {
  width: min(820px, calc(100% - 40px)) !important;
  margin: 28px auto 0 !important;
  display: block !important;
  position: relative !important;
  z-index: 20 !important;
  text-align: center !important;
}

.compactHero .heroCopy {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.compactHero .heroPill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #eee8f4 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.compactHero .heroCopy h1 {
  max-width: 780px !important;
  margin: 14px auto 10px !important;
  color: #fff !important;
  font-size: clamp(34px, 3.35vw, 54px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.compactHero .heroCopy p {
  max-width: 640px !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

.compactHero .searchBar {
  width: min(1120px, calc(100% - 48px)) !important;
  height: 68px !important;
  min-height: 68px !important;
  margin: 28px auto 0 !important;
  display: grid !important;
  grid-template-columns: minmax(210px, 1.4fr) minmax(135px, 0.8fr) minmax(135px, 0.8fr) minmax(210px, 1fr) minmax(170px, 0.9fr) 66px !important;
  align-items: stretch !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 52px rgba(23, 20, 31, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 80 !important;
}

.compactHero .searchBar label {
  min-width: 0 !important;
  padding: 12px 18px !important;
  border-right: 1px solid #e7e0eb !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}

.compactHero .searchBar label span {
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

.compactHero .searchBar input,
.compactHero .searchBar select {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #101828 !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  padding: 0 !important;
  outline: 0 !important;
}

.compactHero .guestSelects {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.compactHero .searchSubmit {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  margin: 5px 6px 5px 0 !important;
  align-self: center !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #9f36b6, #64208b) !important;
  box-shadow: 0 12px 24px rgba(113, 42, 145, 0.25) !important;
}

.compactHero .searchSubmit svg {
  width: 24px !important;
  height: 24px !important;
  fill: #fff !important;
}

.cityDropdown {
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 10px) !important;
  width: min(540px, calc(100vw - 56px)) !important;
  max-height: 300px !important;
  overflow: auto !important;
  z-index: 9999 !important;
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 14px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid var(--v48-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(42, 31, 58, 0.2) !important;
  backdrop-filter: blur(16px) !important;
}

.cityDropdown.open,
.cityDropdown.is-open,
.cityPicker:focus-within .cityDropdown:not(:empty) {
  display: grid !important;
}

.cityDropdown button,
.cityDropdown .cityOption {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid #eadff0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #2b2133 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  box-shadow: none !important;
}

main {
  padding-top: 36px !important;
  background: var(--v48-bg) !important;
}

.opsMini {
  width: min(1120px, calc(100% - 48px)) !important;
  margin: 0 auto 18px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}

.opsMini article {
  min-height: 74px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid var(--v48-line) !important;
  box-shadow: 0 8px 22px rgba(69, 47, 82, 0.05) !important;
}

.opsMini span {
  display: inline-flex !important;
  margin: 0 8px 0 0 !important;
  color: var(--v48-purple) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.opsMini strong {
  display: inline !important;
  color: var(--v48-ink) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.opsMini p {
  margin: 5px 0 0 !important;
  color: var(--v48-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.latest,
.agencyFlow,
.pricingBoard,
.requestBox,
.modelBand {
  width: min(1120px, calc(100% - 48px)) !important;
  margin: 18px auto !important;
  padding: 24px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid var(--v48-line) !important;
  box-shadow: var(--v48-shadow) !important;
}

.latest {
  display: grid !important;
  grid-template-columns: 0.45fr 1fr !important;
  gap: 22px !important;
  align-items: start !important;
}

.sectionTitle.compactTitle {
  margin: 0 !important;
  text-align: left !important;
}

.kicker,
.sectionTitle .kicker,
.pricingIntro .kicker {
  color: #814195 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.sectionTitle h2,
.pricingIntro h2,
.requestBox h2,
.modelBand h2 {
  color: var(--v48-ink) !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  margin: 8px 0 8px !important;
}

.sectionTitle p,
.pricingIntro p,
.requestBox p,
.modelBand p,
.agencyFlow p {
  color: var(--v48-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  min-height: 0 !important;
}

.emptyListings {
  grid-column: 1 / -1 !important;
  min-height: 92px !important;
  padding: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  border: 1px dashed #decce7 !important;
  background: #fff !important;
  color: #344054 !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.dealCard,
.listingCard {
  min-height: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--v48-line) !important;
  box-shadow: 0 12px 30px rgba(39, 29, 54, 0.07) !important;
}

.dealCard img,
.listingCard img {
  height: 150px !important;
  object-fit: cover !important;
}

.dealCard h3,
.listingCard h3 {
  font-size: 17px !important;
  line-height: 1.2 !important;
}

.marketStrip {
  width: min(1120px, calc(100% - 48px)) !important;
  margin: 18px auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
}

.marketStrip article {
  min-height: 76px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid var(--v48-line) !important;
  box-shadow: 0 10px 26px rgba(63, 40, 82, 0.05) !important;
}

.marketStrip span {
  color: var(--v48-purple) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.marketStrip strong {
  display: block !important;
  margin-top: 6px !important;
  color: var(--v48-ink) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.modelBand {
  display: grid !important;
  grid-template-columns: 0.9fr 1.1fr !important;
  gap: 24px !important;
  background:
    linear-gradient(135deg, rgba(49, 25, 66, 0.96), rgba(126, 62, 150, 0.9)),
    #4b255d !important;
  color: #fff !important;
  padding: 28px !important;
  min-height: 0 !important;
}

.modelBand h2,
.modelBand p,
.modelBand .kicker {
  color: #fff !important;
}

.modelBand h2 {
  max-width: 460px !important;
}

.modelBand p {
  max-width: 420px !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.modelCards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.modelCards article,
.flowSteps article,
.pricingCards article {
  min-height: 0 !important;
  padding: 18px !important;
  border-radius: 18px !important;
}

.modelCards article {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.modelCards strong {
  font-size: 17px !important;
  line-height: 1.15 !important;
  color: #fff !important;
}

.modelCards span {
  margin-top: 10px !important;
  display: block !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.flowSteps {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

.flowSteps article {
  background: #fff !important;
  border: 1px solid var(--v48-line) !important;
  box-shadow: none !important;
}

.flowSteps span {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin-bottom: 14px !important;
  background: var(--v48-soft) !important;
  color: var(--v48-purple) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.flowSteps strong {
  font-size: 16px !important;
}

.panelCta,
.requestForm button {
  border-radius: 14px !important;
  background: #6f3d87 !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(111, 61, 135, 0.18) !important;
}

.pricingBoard {
  display: grid !important;
  grid-template-columns: 0.7fr 1.3fr !important;
  gap: 22px !important;
}

.pricingCards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
}

.pricingCards article {
  background: #fff !important;
  border: 1px solid var(--v48-line) !important;
  box-shadow: none !important;
}

.pricingCards article.featured {
  background: linear-gradient(135deg, #65327e, #9f53ae) !important;
  color: #fff !important;
}

.pricingCards h3 {
  font-size: 18px !important;
}

.pricingCards strong {
  font-size: 28px !important;
}

.requestBox {
  display: grid !important;
  grid-template-columns: 0.85fr 1.15fr !important;
  gap: 24px !important;
}

.requestForm {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.requestForm input,
.requestForm select {
  min-height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v48-line) !important;
  padding: 0 13px !important;
  font-size: 14px !important;
}

.requestForm button {
  grid-column: 1 / -1 !important;
  min-height: 46px !important;
  border: 0 !important;
  font-weight: 900 !important;
}

.motionItem,
.dealCard {
  opacity: 1;
  transform: translateY(16px);
  transition: transform 0.7s cubic-bezier(0.18, 0.9, 0.22, 1), opacity 0.7s ease, box-shadow 0.25s ease;
}

.motionItem.inView,
.dealCard.inView {
  opacity: 1;
  transform: translateY(0);
}

.marketStrip article:hover,
.flowSteps article:hover,
.pricingCards article:hover,
.dealCard:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 40px rgba(63, 40, 82, 0.1) !important;
}

@media (max-width: 980px) {
  .hero.compactHero {
    height: auto !important;
    min-height: 560px !important;
    padding-bottom: 28px !important;
  }

  .compactHero .heroCopy h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
  }

  .compactHero .searchBar {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
  }

  .compactHero .searchBar label {
    border-right: 0 !important;
    border-bottom: 1px solid #e7e0eb !important;
  }

  .compactHero .searchSubmit {
    width: calc(100% - 12px) !important;
    margin: 6px !important;
  }

  .opsMini,
  .marketStrip,
  .cards,
  .modelCards,
  .flowSteps,
  .pricingCards {
    grid-template-columns: 1fr !important;
  }

  .latest,
  .modelBand,
  .agencyFlow,
  .pricingBoard,
  .requestBox {
    grid-template-columns: 1fr !important;
    width: min(100% - 28px, 680px) !important;
    padding: 18px !important;
  }

  .cityDropdown {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .compactHero .topNav {
    width: calc(100% - 24px) !important;
  }

  .compactHero .topNav .logoAsset,
  .compactHero .topNav .logoAsset img {
    width: 118px !important;
    min-width: 118px !important;
  }

  .compactHero .outline.ghostLink {
    display: none !important;
  }

  .compactHero .searchBar,
  .latest,
  .opsMini,
  .marketStrip,
  .modelBand,
  .agencyFlow,
  .pricingBoard,
  .requestBox {
    width: calc(100% - 24px) !important;
  }

  .requestForm {
    grid-template-columns: 1fr !important;
  }
}

/* v48b - tighter marketplace polish */
.compactHero .searchBar {
  grid-template-columns: minmax(220px, 1.5fr) minmax(132px, 0.75fr) minmax(132px, 0.75fr) minmax(190px, 0.95fr) minmax(160px, 0.8fr) 66px !important;
}

.compactHero .searchBar input,
.compactHero .searchBar select {
  font-size: 15px !important;
}

.compactHero .guestSelects {
  gap: 4px !important;
}

.compactHero .guestSelects select {
  font-size: 14px !important;
}

.opsMini {
  display: none !important;
}

main {
  padding-top: 30px !important;
}

.latest {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  padding: 22px !important;
}

.latest .sectionTitle.compactTitle {
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(260px, 0.55fr) !important;
  gap: 18px !important;
  align-items: end !important;
}

.latest .sectionTitle.compactTitle .kicker {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

.latest .sectionTitle.compactTitle h2 {
  margin: 0 !important;
  font-size: clamp(28px, 2.4vw, 40px) !important;
  max-width: 560px !important;
}

.latest .sectionTitle.compactTitle #resultNote {
  margin: 0 !important;
  justify-self: end !important;
  max-width: 380px !important;
  text-align: right !important;
  font-size: 13px !important;
}

.emptyListings {
  min-height: 70px !important;
  padding: 18px !important;
}

.emptyListings h3 {
  margin: 0 !important;
  font-size: 16px !important;
}

.marketStrip {
  margin-top: 20px !important;
}

.marketStrip article {
  min-height: 64px !important;
  padding: 13px 16px !important;
}

.modelBand {
  border-radius: 22px !important;
  background:
    linear-gradient(135deg, rgba(39, 21, 51, 0.98), rgba(113, 65, 132, 0.92)),
    #2b1838 !important;
}

.agencyFlow,
.pricingBoard,
.requestBox {
  padding: 22px !important;
}

.flowSteps article,
.pricingCards article,
.modelCards article {
  border-radius: 16px !important;
}

.dealCard img,
.listingCard img {
  height: 132px !important;
}

.dealBody {
  padding: 13px !important;
}

.dealActions a {
  min-height: 34px !important;
  font-size: 12px !important;
  border-radius: 10px !important;
}

@media (max-width: 980px) {
  .latest .sectionTitle.compactTitle {
    grid-template-columns: 1fr !important;
  }

  .latest .sectionTitle.compactTitle #resultNote {
    justify-self: start !important;
    text-align: left !important;
  }
}

/* v48d - final cascade lock */
body .hero.compactHero {
  min-height: 390px !important;
  height: 390px !important;
  background:
    linear-gradient(90deg, rgba(15, 17, 27, 0.84) 0%, rgba(48, 39, 58, 0.7) 48%, rgba(99, 73, 101, 0.52) 100%),
    linear-gradient(180deg, rgba(251, 248, 253, 0) 68%, #fbf8fd 100%),
    url("uyguna-konakla-hero.png") center 54% / cover no-repeat,
    #746278 !important;
  background-blend-mode: normal, normal, luminosity, normal !important;
}

body .compactHero .heroLayout {
  margin-top: 18px !important;
}

body .compactHero .heroCopy h1 {
  font-size: clamp(32px, 3vw, 48px) !important;
}

body .compactHero .searchBar {
  margin-top: 22px !important;
}

body main {
  padding-top: 72px !important;
}

body .latest {
  margin-top: 28px !important;
}

body .latest.motionItem,
body .latest.motionItem.inView {
  opacity: 1 !important;
  transform: none !important;
}

body .marketStrip.motionItem,
body .agencyFlow.motionItem,
body .pricingBoard.motionItem,
body .requestBox.motionItem,
body .modelBand.motionItem {
  transform: translateY(18px) !important;
}

body .marketStrip.motionItem.inView,
body .agencyFlow.motionItem.inView,
body .pricingBoard.motionItem.inView,
body .requestBox.motionItem.inView,
body .modelBand.motionItem.inView {
  transform: translateY(0) !important;
}

/* v49 - richer but still calm */
body {
  background:
    radial-gradient(circle at 18% 8%, rgba(158, 100, 172, 0.13), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(114, 65, 137, 0.1), transparent 26%),
    #fbf7fc !important;
}

body .hero.compactHero {
  min-height: 400px !important;
  height: 400px !important;
  background:
    linear-gradient(90deg, rgba(18, 17, 30, 0.72) 0%, rgba(63, 38, 70, 0.54) 50%, rgba(116, 55, 126, 0.38) 100%),
    linear-gradient(180deg, rgba(251, 248, 253, 0) 72%, #fbf7fc 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat,
    #7b6280 !important;
  background-blend-mode: normal, normal, normal, normal !important;
}

body .compactHero .heroCopy h1 {
  color: #fff !important;
  text-shadow: 0 10px 30px rgba(20, 15, 27, 0.24) !important;
}

body .compactHero .heroCopy p {
  color: rgba(255, 255, 255, 0.9) !important;
}

body .compactHero .heroPill {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

body .compactHero .searchSubmit,
body .panelCta,
body .requestForm button {
  background: linear-gradient(135deg, #bb2fa8, #7022a0) !important;
}

body main {
  padding-top: 64px !important;
}

body .opsMini {
  width: min(1120px, calc(100% - 48px)) !important;
  min-height: 54px !important;
  margin: -38px auto 18px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  position: relative !important;
  z-index: 20 !important;
}

body .opsMini article {
  min-height: 54px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.93) !important;
  border: 1px solid rgba(218, 197, 230, 0.9) !important;
  box-shadow: 0 14px 34px rgba(60, 38, 76, 0.08) !important;
}

body .opsMini span {
  color: #9c2f9f !important;
  font-size: 11px !important;
}

body .opsMini strong {
  font-size: 13px !important;
}

body .opsMini p {
  display: none !important;
}

body .latest {
  margin-top: 16px !important;
  padding: 18px 20px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.96), rgba(250, 245, 252, 0.92)),
    #fff !important;
  box-shadow: 0 16px 42px rgba(62, 37, 80, 0.08) !important;
}

body .latest .sectionTitle.compactTitle {
  grid-template-columns: minmax(0, 0.65fr) minmax(270px, 0.55fr) !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #eadff0 !important;
}

body .latest .sectionTitle.compactTitle h2 {
  font-size: clamp(26px, 2.1vw, 34px) !important;
}

body .cards {
  padding-top: 4px !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 340px)) !important;
  justify-content: start !important;
}

body .emptyListings {
  min-height: 58px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.74) !important;
}

body .marketStrip {
  margin: 14px auto 18px !important;
  gap: 10px !important;
}

body .marketStrip article {
  position: relative !important;
  min-height: 72px !important;
  padding: 14px 14px 14px 52px !important;
  overflow: hidden !important;
}

body .marketStrip article::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 17px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #c05ab7, #6f2aa1) !important;
  box-shadow: 0 8px 18px rgba(125, 47, 156, 0.18) !important;
}

body .marketStrip article::after {
  content: "" !important;
  position: absolute !important;
  right: -22px !important;
  bottom: -28px !important;
  width: 84px !important;
  height: 84px !important;
  border-radius: 50% !important;
  background: rgba(146, 74, 164, 0.08) !important;
}

body .modelBand {
  margin-top: 18px !important;
  padding: 26px !important;
  background:
    radial-gradient(circle at 85% 15%, rgba(231, 143, 214, 0.22), transparent 32%),
    linear-gradient(135deg, #2a1636, #6c347c 58%, #9144a4),
    #3c204d !important;
}

body .modelCards article {
  background: rgba(255, 255, 255, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body .agencyFlow,
body .pricingBoard,
body .requestBox {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(250, 245, 252, 0.94)),
    #fff !important;
}

@media (max-width: 980px) {
  body .opsMini {
    margin: 18px auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body .opsMini {
    width: calc(100% - 24px) !important;
    grid-template-columns: 1fr !important;
  }
}

/* v50 - remove process strip, clean haze, stronger scroll motion */
body .hero.compactHero {
  background:
    linear-gradient(90deg, rgba(18, 17, 30, 0.66) 0%, rgba(63, 38, 70, 0.48) 50%, rgba(116, 55, 126, 0.3) 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat,
    #7b6280 !important;
}

body .hero.compactHero::before,
body .hero.compactHero::after {
  display: none !important;
  content: none !important;
}

body main {
  padding-top: 34px !important;
}

body .opsMini {
  display: none !important;
}

body .latest {
  margin-top: 0 !important;
  padding: 16px 20px !important;
}

body .emptyListings {
  min-height: 46px !important;
  padding: 12px 16px !important;
}

body .marketStrip.motionItem,
body .marketStrip.motionItem.inView {
  opacity: 1 !important;
  transform: none !important;
}

body .marketStrip {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

body .agencyFlow {
  display: grid !important;
  grid-template-columns: 0.72fr 1.28fr !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 24px !important;
}

body .agencyFlow .sectionTitle.compactTitle {
  display: block !important;
  text-align: left !important;
}

body .agencyFlow .sectionTitle.compactTitle h2 {
  margin: 8px 0 !important;
  color: #121826 !important;
  font-size: clamp(28px, 2.2vw, 38px) !important;
  line-height: 1.05 !important;
}

body .agencyFlow .sectionTitle.compactTitle p:last-child {
  max-width: 430px !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body .agencyFlow .flowSteps {
  margin-top: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body .agencyFlow .flowSteps article {
  min-height: 118px !important;
  padding: 16px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(249, 243, 252, 0.96)) !important;
  border-color: #e5d6ec !important;
}

body .agencyFlow .panelCta {
  width: max-content !important;
  margin-top: 14px !important;
  grid-column: 1 / 2 !important;
}

body .motionItem {
  opacity: 0 !important;
  transform: translateY(34px) scale(0.985) !important;
  transition:
    opacity 0.72s ease,
    transform 0.82s cubic-bezier(0.19, 1, 0.22, 1),
    box-shadow 0.28s ease !important;
}

body .motionItem.inView {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

body .latest.motionItem,
body .latest.motionItem.inView {
  opacity: 1 !important;
  transform: none !important;
}

body .marketStrip.motionItem.inView article,
body .flowSteps article,
body .pricingCards article,
body .modelCards article {
  animation: softRise 0.76s cubic-bezier(0.19, 1, 0.22, 1) both;
}

body .flowSteps article:nth-child(2),
body .pricingCards article:nth-child(2),
body .modelCards article:nth-child(2) {
  animation-delay: 0.08s;
}

body .flowSteps article:nth-child(3),
body .pricingCards article:nth-child(3),
body .modelCards article:nth-child(3) {
  animation-delay: 0.16s;
}

body .flowSteps article:nth-child(4) {
  animation-delay: 0.24s;
}

@keyframes softRise {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

body .compactHero .searchBar {
  animation: searchFloatIn 0.9s cubic-bezier(0.19, 1, 0.22, 1) both;
}

@keyframes searchFloatIn {
  from {
    opacity: 0;
    transform: translateY(22px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 980px) {
  body .agencyFlow {
    grid-template-columns: 1fr !important;
  }

  body .agencyFlow .flowSteps {
    grid-template-columns: 1fr !important;
  }
}

body .marketStrip.motionItem.inView,
body .agencyFlow.motionItem.inView,
body .pricingBoard.motionItem.inView,
body .requestBox.motionItem.inView,
body .modelBand.motionItem.inView {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* v51 - clear hero/search/listing separation */
body .hero.compactHero {
  height: 420px !important;
  min-height: 420px !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

body .compactHero .searchBar {
  margin-top: 24px !important;
  position: relative !important;
  z-index: 90 !important;
}

body main {
  padding-top: 78px !important;
}

body .latest {
  margin-top: 0 !important;
}

body #sonuclar.latest {
  margin-top: 0 !important;
}

body .latest,
body .marketStrip,
body .modelBand,
body .agencyFlow,
body .pricingBoard,
body .requestBox {
  position: relative !important;
  z-index: 1 !important;
}

body .cityDropdown {
  z-index: 99999 !important;
}

/* v53 - live stability: no stuck hero/search animation */
body .compactHero .searchBar,
body .compactHero .searchBar.inView,
body .compactHero .searchBar.motionItem {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

body .compactHero .heroCopy,
body .compactHero .heroPill,
body .compactHero .heroCopy h1,
body .compactHero .heroCopy p {
  animation-fill-mode: none !important;
}

@media (max-width: 700px) {
  body .hero.compactHero {
    height: auto !important;
    min-height: 650px !important;
    padding-bottom: 24px !important;
  }

  body .compactHero .topNav {
    width: calc(100% - 24px) !important;
  }

  body .compactHero .heroLayout {
    width: calc(100% - 28px) !important;
    margin-top: 18px !important;
  }

  body .compactHero .heroCopy h1 {
    font-size: clamp(30px, 11vw, 40px) !important;
    line-height: 1.02 !important;
  }

  body .compactHero .heroCopy p {
    font-size: 13px !important;
    max-width: 330px !important;
  }

  body .compactHero .searchBar {
    width: calc(100% - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 26px auto 0 !important;
    grid-template-columns: 1fr !important;
    border-radius: 20px !important;
    overflow: visible !important;
  }

  body .compactHero .searchBar label {
    min-height: 58px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e7e0eb !important;
    padding: 10px 16px !important;
  }

  body .compactHero .guestSelects {
    grid-template-columns: 1fr 1fr !important;
  }

  body .compactHero .searchSubmit {
    width: calc(100% - 12px) !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 6px !important;
    border-radius: 16px !important;
  }

  body main {
    padding-top: 24px !important;
  }

  body .latest,
  body .marketStrip,
  body .modelBand,
  body .agencyFlow,
  body .pricingBoard,
  body .requestBox {
    width: calc(100% - 24px) !important;
  }

  body .latest .sectionTitle.compactTitle {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body .latest .sectionTitle.compactTitle #resultNote {
    justify-self: start !important;
    text-align: left !important;
    max-width: 100% !important;
  }

  body .latest .sectionTitle.compactTitle h2 {
    font-size: 28px !important;
  }

  body .marketStrip {
    grid-template-columns: 1fr !important;
  }

  body .cityDropdown {
    left: 0 !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body .latest,
  body .latest.motionItem,
  body .latest.motionItem.inView,
  body #sonuclar.latest {
    margin-top: 18px !important;
    transform: none !important;
  }
}

/* v56 final cascade lock - amber/orange + white */
html body {
  background:
    radial-gradient(circle at 12% 8%, rgba(245, 158, 11, .18), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(234, 88, 12, .12), transparent 24%),
    linear-gradient(180deg, #fffaf2 0%, #ffffff 44%, #fff7ed 100%) !important;
  color: #17130c !important;
}

html body .hero.compactHero {
  height: 420px !important;
  min-height: 420px !important;
  background:
    linear-gradient(90deg, rgba(23, 16, 8, .82), rgba(92, 42, 10, .58) 52%, rgba(194, 65, 12, .38)),
    linear-gradient(180deg, rgba(255, 250, 242, 0) 76%, #fffaf2 100%),
    url("uyguna-konakla-hero.png") center 53% / cover no-repeat !important;
}

html body .compactHero .heroCopy h1 {
  color: #fff !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  text-shadow: 0 18px 42px rgba(28, 14, 4, .28) !important;
}

html body .compactHero .heroCopy p,
html body .compactHero .heroPill {
  color: rgba(255,255,255,.92) !important;
}

html body .compactHero .searchBar {
  border: 1px solid #fed7aa !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 26px 70px rgba(120, 53, 15, .22) !important;
}

html body .compactHero .searchBar label {
  border-color: #f3dfc5 !important;
}

html body .compactHero .searchBar span {
  color: #8a5a24 !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, #f59e0b, #ea580c) !important;
  box-shadow: 0 16px 34px rgba(234, 88, 12, .22) !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .dealCard,
html body .emptyListings,
html body .marketStrip article {
  border: 1px solid #f0dec7 !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 18px 56px rgba(120, 53, 15, .08) !important;
}

html body .latest .sectionTitle.compactTitle h2,
html body .agencyFlow h2,
html body .pricingIntro h2,
html body .requestBox h2 {
  color: #25170a !important;
}

html body .kicker,
html body .marketStrip article span,
html body .pricingCards span {
  color: #c2410c !important;
}

html body .modelBand {
  background:
    radial-gradient(circle at 82% 12%, rgba(251, 191, 36, .24), transparent 30%),
    linear-gradient(135deg, #2a1606, #92400e 58%, #f59e0b) !important;
  box-shadow: 0 24px 70px rgba(120, 53, 15, .18) !important;
}

html body .pricingCards article.featured {
  background: linear-gradient(135deg, #7c2d12, #ea580c 62%, #f59e0b) !important;
}

html body .bestPriceBadge {
  background: #ea580c !important;
}

html body .cityDropdown {
  z-index: 99999 !important;
  border-color: #f0dec7 !important;
  box-shadow: 0 24px 64px rgba(120, 53, 15, .16) !important;
}

html body .requestForm input,
html body .requestForm select {
  border-color: #f0dec7 !important;
  background: #fff !important;
}



/* v57 EOF corporate lock */
html body { background: radial-gradient(circle at 12% 8%, rgba(191,160,104,.14), transparent 28%), radial-gradient(circle at 86% 14%, rgba(15,35,62,.08), transparent 26%), linear-gradient(180deg,#f8fafc 0%,#ffffff 46%,#f5f7fa 100%) !important; color:#101828 !important; }
html body .hero.compactHero { background: linear-gradient(90deg,rgba(8,18,33,.9),rgba(15,35,62,.72) 50%,rgba(56,42,26,.38)), linear-gradient(180deg,rgba(248,250,252,0) 76%,#f8fafc 100%), url("uyguna-konakla-hero.png") center 53%/cover no-repeat !important; }
html body .compactHero .searchBar { border-color:#d8dee8 !important; box-shadow:0 26px 70px rgba(16,24,40,.18) !important; }
html body .compactHero .searchBar label, html body .cityDropdown, html body .requestForm input, html body .requestForm select { border-color:#e4e8ef !important; }
html body .compactHero .searchBar span { color:#667085 !important; }
html body .searchSubmit, html body .compactHero .searchSubmit, html body .panelCta, html body .requestForm button, html body .dealBody a { background:linear-gradient(135deg,#0f233e,#1e3a5f) !important; box-shadow:0 16px 34px rgba(15,35,62,.22) !important; }
html body .latest, html body .agencyFlow, html body .pricingBoard, html body .requestBox, html body .dealCard, html body .emptyListings, html body .marketStrip article { border-color:#e4e8ef !important; background:rgba(255,255,255,.97) !important; box-shadow:0 18px 56px rgba(16,24,40,.08) !important; }
html body .latest .sectionTitle.compactTitle h2, html body .agencyFlow h2, html body .pricingIntro h2, html body .requestBox h2 { color:#101828 !important; }
html body .kicker, html body .marketStrip article span, html body .pricingCards span { color:#9a6b24 !important; }
html body .modelBand, html body .pricingCards article.featured { background:linear-gradient(135deg,#071526,#0f233e 62%,#1e3a5f) !important; }
html body .bestPriceBadge { background:#9a6b24 !important; }

/* v57 EOF specificity fix */
html body .latest .kicker, html body .agencyFlow .kicker, html body .pricingBoard .kicker, html body .requestBox .kicker, html body p.kicker { color:#9a6b24 !important; }

/* v58 video hero + restrained corporate white theme */
html body {
  background:
    radial-gradient(circle at 14% 0%, rgba(191, 160, 104, .10), transparent 28%),
    linear-gradient(180deg, #fbfcfe 0%, #ffffff 44%, #f5f7fb 100%) !important;
  color: #111827 !important;
}

html body .hero.compactHero {
  min-height: 620px !important;
  height: auto !important;
  padding: 24px clamp(20px, 4vw, 64px) 46px !important;
  background: #0c1c2d !important;
  isolation: isolate;
  overflow: visible !important;
}

html body .hero.compactHero::before,
html body .hero.compactHero::after {
  display: none !important;
}

html body .heroVideoStage {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #0c1c2d;
}

html body .heroVideo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.025);
  filter: saturate(.96) contrast(1.03);
  transition: opacity 900ms ease, transform 5200ms ease;
}

html body .heroVideo.active {
  opacity: 1;
  transform: scale(1);
}

html body .heroVideoStage::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6, 18, 32, .78), rgba(14, 38, 57, .58) 48%, rgba(43, 35, 54, .30)),
    linear-gradient(180deg, rgba(6, 18, 32, .10) 0%, rgba(6, 18, 32, .18) 56%, rgba(251, 252, 254, .96) 100%);
}

html body .compactHero .topNav,
html body .compactHero .heroLayout,
html body .compactHero .searchBar {
  position: relative;
  z-index: 2;
}

html body .compactHero .topNav {
  width: min(1480px, calc(100vw - 72px)) !important;
  margin: 0 auto 36px !important;
}

html body .compactHero .topNav .logoAsset img {
  width: 212px !important;
  max-width: 212px !important;
}

html body .compactHero .outline {
  background: rgba(255, 255, 255, .10) !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  color: #fff !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
}

html body .compactHero .heroLayout {
  width: min(1120px, calc(100vw - 48px)) !important;
  margin: 0 auto 28px !important;
  display: block !important;
  text-align: center !important;
}

html body .compactHero .heroCopy {
  width: min(920px, 100%) !important;
  margin: 0 auto !important;
  align-items: center !important;
  text-align: center !important;
}

html body .compactHero .heroPill {
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  color: rgba(255, 255, 255, .94) !important;
  box-shadow: none !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 900px !important;
  margin: 18px auto 14px !important;
  font-size: clamp(38px, 4.05vw, 74px) !important;
  line-height: .98 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  color: #fff !important;
  text-wrap: balance;
}

html body .compactHero .heroCopy p {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: clamp(17px, 1.25vw, 21px) !important;
  line-height: 1.45 !important;
}

html body .compactHero .searchTabs {
  margin-top: 26px !important;
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .28) !important;
}

html body .compactHero .searchTabs button.active {
  color: #0f233e !important;
  background: #fff !important;
}

html body .compactHero .searchBar {
  width: min(1320px, calc(100vw - 88px)) !important;
  margin: 0 auto !important;
  border: 1px solid rgba(216, 222, 232, .92) !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 26px 76px rgba(15, 35, 62, .18) !important;
}

html body .compactHero .searchBar label {
  border-color: #e5e9f0 !important;
}

html body .compactHero .searchBar label span,
html body .compactHero .searchBar span {
  color: #667085 !important;
}

html body .compactHero .searchBar input,
html body .compactHero .searchBar select {
  color: #101828 !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, #123047, #17606b) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(18, 48, 71, .20) !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .dealCard,
html body .emptyListings,
html body .marketStrip article,
html body .segmentShowcase,
html body .modelCards article,
html body .flowSteps article,
html body .pricingCards article {
  border-color: #e5e9f0 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 18px 54px rgba(17, 24, 39, .07) !important;
}

html body .modelBand,
html body .pricingCards article.featured {
  background:
    radial-gradient(circle at 78% 14%, rgba(191, 160, 104, .22), transparent 30%),
    linear-gradient(135deg, #071526, #123047 60%, #17606b) !important;
}

html body .kicker,
html body .marketStrip article span,
html body .pricingCards span,
html body .latest .kicker,
html body .agencyFlow .kicker,
html body .pricingBoard .kicker,
html body .requestBox .kicker,
html body p.kicker {
  color: #9a6b24 !important;
}

html body .bestPriceBadge {
  background: #17606b !important;
}

html body .cityDropdown {
  z-index: 999999 !important;
  border-color: #e5e9f0 !important;
  box-shadow: 0 24px 64px rgba(17, 24, 39, .16) !important;
}

@media (max-width: 980px) {
  html body .hero.compactHero {
    min-height: 720px !important;
    padding: 20px 16px 36px !important;
  }

  html body .compactHero .topNav,
  html body .compactHero .searchBar {
    width: min(100%, calc(100vw - 28px)) !important;
  }

  html body .compactHero .heroCopy h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }
}

/* v59 EOF viewport balance */
html body .hero.compactHero {
  min-height: 540px !important;
}

html body .customerGuide {
  padding-top: 34px !important;
  padding-bottom: 36px !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  margin-bottom: 18px !important;
}

html body .customerCards {
  margin-top: 18px !important;
}

/* v59 EOF final corporate polish: no purple leftovers, live video loop, compact animated info cards */
html body {
  --corp-ink: #101828;
  --corp-muted: #667085;
  --corp-line: #e5e9f0;
  --corp-primary: #123047;
  --corp-primary-2: #17606b;
  --corp-accent: #b69254;
  --corp-surface: #ffffff;
  --corp-soft: #f6f8fb;
  background:
    radial-gradient(circle at 10% -4%, rgba(182, 146, 84, .10), transparent 30%),
    linear-gradient(180deg, #fbfcfe 0%, #ffffff 48%, #f6f8fb 100%) !important;
}

html body .hero.compactHero {
  min-height: 590px !important;
  padding-bottom: 38px !important;
  background: #0c1c2d !important;
}

html body .heroVideo {
  animation: heroVideoBreath 5s ease-in-out infinite alternate !important;
}

html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(5, 17, 31, .72), rgba(18, 48, 71, .56) 48%, rgba(18, 48, 71, .32)),
    linear-gradient(180deg, rgba(5, 17, 31, .12) 0%, rgba(5, 17, 31, .16) 60%, rgba(246, 248, 251, .98) 100%) !important;
}

html body .compactHero .searchTabs,
html body .searchTabs {
  background: rgba(255, 255, 255, .14) !important;
  border-color: rgba(255, 255, 255, .30) !important;
  box-shadow: none !important;
}

html body .compactHero .searchTabs button,
html body .searchTabs button {
  color: rgba(255,255,255,.92) !important;
  background: transparent !important;
}

html body .compactHero .searchTabs button.active,
html body .searchTabs button.active {
  color: var(--corp-primary) !important;
  background: #fff !important;
}

html body .latest,
html body .customerGuide,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox {
  width: min(1320px, calc(100vw - 88px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid var(--corp-line) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 22px 70px rgba(17, 24, 39, .07) !important;
}

html body .customerGuide {
  padding: clamp(28px, 4vw, 54px) !important;
}

html body .customerCards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

html body .customerCards article,
html body .marketStrip article,
html body .modelCards article,
html body .flowSteps article,
html body .pricingCards article {
  border: 1px solid var(--corp-line) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  color: var(--corp-ink) !important;
  box-shadow: 0 16px 46px rgba(17, 24, 39, .06) !important;
  transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .38s ease !important;
}

html body .customerCards article:hover,
html body .marketStrip article:hover,
html body .modelCards article:hover,
html body .flowSteps article:hover,
html body .pricingCards article:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(23, 96, 107, .28) !important;
  box-shadow: 0 24px 64px rgba(17, 24, 39, .10) !important;
}

html body .customerCards span,
html body .flowSteps article span,
html body .marketStrip article span,
html body .pricingCards span,
html body .kicker {
  color: var(--corp-accent) !important;
}

html body .customerCards span,
html body .flowSteps article span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(23, 96, 107, .10) !important;
  color: var(--corp-primary-2) !important;
  font-weight: 900;
}

html body .customerCards strong,
html body .marketStrip article strong,
html body .modelCards strong,
html body .flowSteps strong,
html body .pricingCards h3 {
  color: var(--corp-ink) !important;
}

html body .customerCards p,
html body .modelCards span,
html body .flowSteps p,
html body .pricingCards p,
html body .sectionTitle p,
html body .pricingIntro p {
  color: var(--corp-muted) !important;
}

html body .modelBand,
html body .pricingCards article.featured {
  background:
    radial-gradient(circle at 78% 16%, rgba(182, 146, 84, .18), transparent 30%),
    linear-gradient(135deg, #071526 0%, #123047 60%, #17606b 100%) !important;
  color: #fff !important;
  box-shadow: 0 24px 70px rgba(18, 48, 71, .18) !important;
}

html body .modelBand h2,
html body .modelBand p,
html body .modelBand .kicker,
html body .pricingCards article.featured h3,
html body .pricingCards article.featured p,
html body .pricingCards article.featured span,
html body .pricingCards article.featured strong {
  color: #fff !important;
}

html body .searchSubmit,
html body .compactHero .searchSubmit,
html body .panelCta,
html body .requestForm button,
html body .dealBody a {
  background: linear-gradient(135deg, var(--corp-primary), var(--corp-primary-2)) !important;
}

html body .motionItem {
  transform: translateY(22px) scale(.985);
  opacity: 0;
}

html body .motionItem.revealed,
html body .motionItem.inView {
  transform: translateY(var(--parallaxLift, 0)) scale(1);
  opacity: 1;
}

html body .customerCards article:nth-child(2),
html body .marketStrip article:nth-child(2) { transition-delay: 70ms !important; }
html body .customerCards article:nth-child(3),
html body .marketStrip article:nth-child(3) { transition-delay: 140ms !important; }
html body .customerCards article:nth-child(4),
html body .marketStrip article:nth-child(4) { transition-delay: 210ms !important; }

@keyframes heroVideoBreath {
  from { transform: scale(1.01); }
  to { transform: scale(1.045); }
}

@media (max-width: 1080px) {
  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html body .latest,
  html body .customerGuide,
  html body .agencyFlow,
  html body .pricingBoard,
  html body .requestBox {
    width: min(100%, calc(100vw - 28px)) !important;
  }

  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: 1fr !important;
  }
}

/* v59 REAL EOF viewport balance */
html body .hero.compactHero {
  min-height: 540px !important;
}

html body .customerGuide {
  padding-top: 34px !important;
  padding-bottom: 36px !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  margin-bottom: 18px !important;
}

html body .customerCards {
  margin-top: 18px !important;
}

/* v60 absolute EOF overrides */
html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(5, 17, 31, .62), rgba(17, 43, 63, .34) 52%, rgba(17, 43, 63, .18)),
    linear-gradient(180deg, rgba(5, 17, 31, .10) 0%, rgba(5, 17, 31, .18) 100%) !important;
}

html body .heroVideoStage::before {
  display: none !important;
  content: none !important;
}

html body .customerGuide.revealed .customerCards article.motionItem,
html body .customerGuide.inView .customerCards article.motionItem,
html body .customerGuide.revealed .customerCards article,
html body .customerGuide.inView .customerCards article {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* v61 OtelYonet-inspired product redesign */
:root {
  --uk-bg: #f7f4f8;
  --uk-ink: #101522;
  --uk-muted: #657185;
  --uk-line: #dde5ee;
  --uk-primary: #0d3443;
  --uk-primary-2: #176b73;
  --uk-accent: #bd9144;
  --uk-soft: #eef5f6;
}

html body {
  background: var(--uk-bg) !important;
}

html body .hero.compactHero {
  min-height: 620px !important;
  padding: 32px 0 48px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

html body .heroVideoStage::after {
  background:
    radial-gradient(circle at 73% 12%, rgba(189,145,68,.24), transparent 28%),
    linear-gradient(90deg, rgba(4, 18, 30, .82), rgba(8, 37, 50, .58) 52%, rgba(4, 18, 30, .34)) !important;
}

html body .compactHero .topNav {
  width: min(1320px, calc(100vw - 96px)) !important;
  margin-bottom: 58px !important;
}

html body .compactHero .heroLayout {
  width: min(1320px, calc(100vw - 96px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, .98fr) minmax(360px, 520px) !important;
  align-items: center !important;
  gap: clamp(36px, 6vw, 92px) !important;
  text-align: left !important;
}

html body .compactHero .heroCopy {
  max-width: 760px !important;
  margin: 0 !important;
  text-align: left !important;
  align-items: flex-start !important;
}

html body .compactHero .heroPill {
  display: inline-flex !important;
  width: auto !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  color: rgba(255,255,255,.95) !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  backdrop-filter: blur(14px) !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 780px !important;
  margin: 22px 0 18px !important;
  font-size: clamp(46px, 5.1vw, 82px) !important;
  line-height: .95 !important;
  text-align: left !important;
}

html body .compactHero .heroCopy p {
  max-width: 680px !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: clamp(17px, 1.18vw, 21px) !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,.84) !important;
}

html body .heroOpsPanel {
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(8, 30, 45, .62) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(20px) !important;
  border-radius: 28px !important;
  padding: 24px !important;
  color: #fff !important;
}

html body .opsPanelTop {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

html body .opsPanelTop span {
  color: #cdeee8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body .opsPanelTop b {
  display: inline-flex !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: rgba(70, 205, 143, .16) !important;
  color: #bff6d5 !important;
  font-size: 13px !important;
}

html body .opsRows {
  display: grid !important;
  gap: 12px !important;
}

html body .opsRows div {
  padding: 16px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.08) !important;
}

html body .opsRows span {
  display: block !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}

html body .opsRows strong {
  display: block !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}

html body .compactHero .searchBar {
  width: min(1250px, calc(100vw - 96px)) !important;
  margin-top: 42px !important;
  min-height: 86px !important;
  border-radius: 28px !important;
  box-shadow: 0 28px 74px rgba(7, 25, 38, .26) !important;
}

html body .purposeStrip {
  width: min(1320px, calc(100vw - 96px)) !important;
  margin: 34px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body .purposeStrip article {
  min-height: 96px !important;
  padding: 20px 22px !important;
  border: 1px solid var(--uk-line) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 50px rgba(16, 21, 34, .06) !important;
}

html body .purposeStrip strong {
  display: block !important;
  color: var(--uk-primary) !important;
  font-size: 18px !important;
  margin-bottom: 7px !important;
}

html body .purposeStrip span {
  color: var(--uk-muted) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

html body .customerGuide {
  width: min(1320px, calc(100vw - 96px)) !important;
  margin-top: 42px !important;
  padding: 34px !important;
  border-radius: 28px !important;
  background: #fff !important;
}

html body .customerGuide::before {
  inset: 24px auto 24px 24px !important;
  width: 4px !important;
  background: linear-gradient(180deg, var(--uk-primary), var(--uk-primary-2), var(--uk-accent)) !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding-left: 40px !important;
  text-align: left !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  max-width: 820px !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: 1 !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  grid-column: auto !important;
  max-width: 820px !important;
  font-size: 16px !important;
}

html body .customerCards {
  padding-left: 40px !important;
  margin-top: 24px !important;
  gap: 14px !important;
}

html body .customerCards article {
  min-height: 152px !important;
  padding: 18px !important;
  border-radius: 18px !important;
}

html body .customerCards article p {
  font-size: 14px !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox {
  border-radius: 28px !important;
  background: #fff !important;
}

html body .marketStrip {
  margin: 28px auto !important;
}

html body .marketStrip article {
  min-height: 104px !important;
  border-radius: 18px !important;
}

html body .motionItem,
html body .heroCopy,
html body .heroOpsPanel,
html body .searchBar,
html body .purposeStrip article {
  opacity: 0 !important;
  transform: translateY(28px) scale(.98) !important;
  filter: blur(8px) !important;
  transition:
    opacity 780ms cubic-bezier(.16, 1, .3, 1),
    transform 780ms cubic-bezier(.16, 1, .3, 1),
    filter 780ms cubic-bezier(.16, 1, .3, 1) !important;
}

html body .motionItem.revealed,
html body .motionItem.inView,
html body .heroCopy.revealed,
html body .heroOpsPanel.revealed,
html body .searchBar.revealed,
html body .purposeStrip.revealed article,
html body .purposeStrip.inView article {
  opacity: 1 !important;
  transform: translateY(var(--parallaxLift, 0)) scale(1) !important;
  filter: blur(0) !important;
}

html body .heroOpsPanel.revealed,
html body .heroOpsPanel.inView {
  transition-delay: 120ms !important;
}

html body .searchBar.revealed,
html body .searchBar.inView {
  transition-delay: 200ms !important;
}

html body .purposeStrip article:nth-child(2) { transition-delay: 90ms !important; }
html body .purposeStrip article:nth-child(3) { transition-delay: 180ms !important; }

@media (max-width: 1120px) {
  html body .compactHero .heroLayout {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  html body .heroOpsPanel {
    display: none !important;
  }

  html body .purposeStrip,
  html body .customerCards {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  html body .compactHero .topNav,
  html body .compactHero .heroLayout,
  html body .compactHero .searchBar,
  html body .purposeStrip,
  html body .customerGuide {
    width: min(100%, calc(100vw - 28px)) !important;
  }

  html body .compactHero .heroCopy h1 {
    font-size: clamp(36px, 10vw, 48px) !important;
  }

  html body .purposeStrip,
  html body .customerCards {
    grid-template-columns: 1fr !important;
  }

  html body .customerGuide .sectionTitle.compactTitle,
  html body .customerCards {
    padding-left: 16px !important;
  }
}

/* v62 reveal reliability override */
html body .customerGuide,
html body .customerCards article,
html body .purposeStrip,
html body .purposeStrip article,
html body .latest,
html body .marketStrip,
html body .marketStrip article,
html body .agencyFlow,
html body .flowSteps article,
html body .pricingBoard,
html body .pricingCards article,
html body .requestBox,
html body .modelBand,
html body .modelCards article {
  opacity: 1 !important;
  filter: blur(0) !important;
}

html body .customerGuide:not(.revealed),
html body .purposeStrip:not(.revealed),
html body .latest:not(.revealed),
html body .marketStrip:not(.revealed),
html body .agencyFlow:not(.revealed),
html body .pricingBoard:not(.revealed),
html body .requestBox:not(.revealed),
html body .modelBand:not(.revealed) {
  transform: translateY(10px) scale(.995) !important;
}

html body .customerGuide.revealed,
html body .purposeStrip.revealed,
html body .latest.revealed,
html body .marketStrip.revealed,
html body .agencyFlow.revealed,
html body .pricingBoard.revealed,
html body .requestBox.revealed,
html body .modelBand.revealed {
  animation: sectionFloatIn 820ms cubic-bezier(.16,1,.3,1) both !important;
}

html body .customerCards article,
html body .purposeStrip article,
html body .marketStrip article,
html body .flowSteps article,
html body .pricingCards article,
html body .modelCards article {
  animation: cardSoftRise 760ms cubic-bezier(.16,1,.3,1) both !important;
}

html body .customerCards article:nth-child(2),
html body .purposeStrip article:nth-child(2),
html body .marketStrip article:nth-child(2),
html body .flowSteps article:nth-child(2),
html body .pricingCards article:nth-child(2) { animation-delay: 90ms !important; }
html body .customerCards article:nth-child(3),
html body .purposeStrip article:nth-child(3),
html body .marketStrip article:nth-child(3),
html body .flowSteps article:nth-child(3),
html body .pricingCards article:nth-child(3) { animation-delay: 180ms !important; }
html body .customerCards article:nth-child(4),
html body .marketStrip article:nth-child(4),
html body .flowSteps article:nth-child(4) { animation-delay: 270ms !important; }

@keyframes sectionFloatIn {
  from { opacity: .55; transform: translateY(20px) scale(.99); }
  to { opacity: 1; transform: translateY(var(--parallaxLift, 0)) scale(1); }
}

@keyframes cardSoftRise {
  from { opacity: 0; transform: translateY(18px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* v63 compact hero + real motion pass */
html body .hero.compactHero {
  min-height: 500px !important;
  max-height: 620px !important;
  padding: 24px 0 34px !important;
  justify-content: flex-start !important;
}

html body .compactHero .topNav {
  width: min(1260px, calc(100vw - 72px)) !important;
  margin-bottom: 34px !important;
}

html body .compactHero .heroLayout {
  width: min(1060px, calc(100vw - 72px)) !important;
  display: block !important;
  text-align: center !important;
}

html body .compactHero .heroCopy {
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
  align-items: center !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 820px !important;
  margin: 18px auto 14px !important;
  text-align: center !important;
  font-size: clamp(38px, 4vw, 62px) !important;
  line-height: .98 !important;
}

html body .compactHero .heroCopy p {
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(15px, 1.08vw, 18px) !important;
  line-height: 1.48 !important;
}

html body .heroOpsPanel {
  display: none !important;
}

html body .compactHero .searchBar {
  width: min(1120px, calc(100vw - 90px)) !important;
  min-height: 72px !important;
  margin-top: 28px !important;
  border-radius: 24px !important;
}

html body .compactHero .searchBar label {
  padding: 14px 18px !important;
}

html body .compactHero .searchBar label > span {
  font-size: 12px !important;
  margin-bottom: 5px !important;
}

html body .compactHero .searchBar input,
html body .compactHero .searchBar select {
  font-size: 16px !important;
  line-height: 1.1 !important;
}

html body .compactHero .searchSubmit {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  margin-right: 8px !important;
}

html body .heroVideoStage.isSwitching .heroVideo {
  opacity: .52 !important;
  transform: scale(1.035) !important;
}

html body .customerGuide,
html body .latest,
html body .purposeStrip,
html body .marketStrip,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .modelBand {
  width: min(1180px, calc(100vw - 72px)) !important;
}

html body .customerGuide {
  margin-top: 30px !important;
  padding: 26px 28px !important;
  border-radius: 22px !important;
}

html body .customerGuide::before {
  display: none !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  padding-left: 0 !important;
  display: grid !important;
  grid-template-columns: .75fr 1.25fr !important;
  align-items: end !important;
  gap: 16px 36px !important;
}

html body .customerGuide .sectionTitle.compactTitle .kicker {
  grid-column: 1 !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  grid-column: 2 !important;
  max-width: 640px !important;
  font-size: clamp(26px, 2.45vw, 38px) !important;
  line-height: 1.03 !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  grid-column: 1 / 3 !important;
  max-width: 720px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body .customerCards {
  padding-left: 0 !important;
  margin-top: 18px !important;
  gap: 12px !important;
}

html body .customerCards article {
  min-height: 118px !important;
  padding: 16px !important;
  border-radius: 16px !important;
}

html body .customerCards span.guideIcon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
}

html body .customerCards span.guideIcon svg {
  width: 17px !important;
  height: 17px !important;
}

html body .customerCards article strong {
  margin-top: 11px !important;
  font-size: 15px !important;
}

html body .customerCards article p {
  margin-top: 7px !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
}

html body .purposeStrip {
  margin-top: 22px !important;
  gap: 12px !important;
}

html body .purposeStrip article {
  min-height: 78px !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
}

html body .purposeStrip strong {
  font-size: 16px !important;
  margin-bottom: 4px !important;
}

html body .purposeStrip span {
  font-size: 13px !important;
  line-height: 1.38 !important;
}

html body .latest {
  padding: 26px !important;
  border-radius: 22px !important;
}

html body .latest .sectionTitle.compactTitle h2,
html body .agencyFlow h2,
html body .pricingIntro h2,
html body .requestBox h2,
html body .modelBand h2 {
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.03 !important;
}

html body .marketStrip article {
  min-height: 78px !important;
  padding: 16px 16px 16px 58px !important;
  border-radius: 16px !important;
}

html body .marketStrip article::before {
  left: 18px !important;
  top: 20px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 9px !important;
}

html body .marketStrip article strong {
  font-size: 15px !important;
}

html body .motionItem,
html body .heroCopy,
html body .searchBar,
html body .customerCards article,
html body .purposeStrip article,
html body .marketStrip article {
  animation: none !important;
  transition:
    opacity 900ms cubic-bezier(.16, 1, .3, 1),
    transform 900ms cubic-bezier(.16, 1, .3, 1),
    filter 900ms cubic-bezier(.16, 1, .3, 1) !important;
}

html body .heroCopy.motionItem.revealed h1,
html body .heroCopy.motionItem.inView h1 {
  animation: textRevealUp 850ms cubic-bezier(.16,1,.3,1) both !important;
}

html body .heroCopy.motionItem.revealed p,
html body .heroCopy.motionItem.inView p,
html body .heroCopy.motionItem.revealed .heroPill,
html body .heroCopy.motionItem.inView .heroPill {
  animation: textRevealUp 850ms cubic-bezier(.16,1,.3,1) 120ms both !important;
}

html body .customerGuide.revealed .customerCards article,
html body .customerGuide.inView .customerCards article,
html body .purposeStrip.revealed article,
html body .purposeStrip.inView article,
html body .marketStrip.revealed article,
html body .marketStrip.inView article {
  animation: compactCardIn 680ms cubic-bezier(.16,1,.3,1) both !important;
}

html body .customerGuide.revealed .customerCards article:nth-child(2),
html body .purposeStrip.revealed article:nth-child(2),
html body .marketStrip.revealed article:nth-child(2) { animation-delay: 80ms !important; }
html body .customerGuide.revealed .customerCards article:nth-child(3),
html body .purposeStrip.revealed article:nth-child(3),
html body .marketStrip.revealed article:nth-child(3) { animation-delay: 160ms !important; }
html body .customerGuide.revealed .customerCards article:nth-child(4),
html body .marketStrip.revealed article:nth-child(4) { animation-delay: 240ms !important; }

@keyframes textRevealUp {
  from { opacity: 0; transform: translateY(22px); filter: blur(10px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes compactCardIn {
  from { opacity: 0; transform: translateY(16px) scale(.985); filter: blur(7px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@media (max-width: 980px) {
  html body .customerGuide .sectionTitle.compactTitle {
    grid-template-columns: 1fr !important;
  }
  html body .customerGuide .sectionTitle.compactTitle .kicker,
  html body .customerGuide .sectionTitle.compactTitle h2,
  html body .customerGuide .sectionTitle.compactTitle p:last-child {
    grid-column: auto !important;
  }
}

/* v64 compact spacing + left-aligned content cards */
html body .hero.compactHero {
  min-height: 455px !important;
  height: 455px !important;
  padding: 22px 0 26px !important;
}

html body .compactHero .topNav {
  margin-bottom: 22px !important;
}

html body .compactHero .topNav .logoAsset img {
  max-height: 74px !important;
}

html body .compactHero .heroCopy h1 {
  font-size: clamp(34px, 3.55vw, 54px) !important;
  max-width: 720px !important;
  margin-top: 14px !important;
  margin-bottom: 10px !important;
}

html body .compactHero .heroCopy p {
  max-width: 690px !important;
  font-size: clamp(14px, .98vw, 16px) !important;
}

html body .compactHero .heroPill {
  padding: 8px 14px !important;
  font-size: 12px !important;
}

html body .compactHero .searchBar {
  min-height: 66px !important;
  height: 66px !important;
  margin-top: 22px !important;
  border-radius: 22px !important;
}

html body .compactHero .searchBar label {
  padding: 11px 16px !important;
}

html body .compactHero .searchSubmit {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
}

html body main {
  padding-top: 28px !important;
}

html body .customerGuide {
  margin-top: 0 !important;
  padding: 22px !important;
  border-radius: 18px !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  display: block !important;
  padding-left: 0 !important;
  text-align: left !important;
  margin-bottom: 14px !important;
}

html body .customerGuide .sectionTitle.compactTitle .kicker {
  margin-bottom: 8px !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  max-width: 620px !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.05 !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  max-width: 760px !important;
  margin-top: 10px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body .customerCards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

html body .customerCards article {
  min-height: 94px !important;
  padding: 13px !important;
  border-radius: 14px !important;
}

html body .customerCards span.guideIcon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
}

html body .customerCards span.guideIcon svg {
  width: 14px !important;
  height: 14px !important;
}

html body .customerCards article strong {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.14 !important;
}

html body .customerCards article p {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 1.34 !important;
}

html body .purposeStrip {
  margin-top: 16px !important;
}

html body .purposeStrip article {
  min-height: 64px !important;
  padding: 12px 14px !important;
}

html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox {
  margin-top: 24px !important;
  padding: 22px !important;
  border-radius: 18px !important;
}

html body .marketStrip article {
  min-height: 66px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

@media (max-width: 980px) {
  html body .hero.compactHero {
    height: auto !important;
    min-height: 440px !important;
  }
  html body .customerCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  html body .customerCards {
    grid-template-columns: 1fr !important;
  }
}

/* v65 final compact fix: higher search, true video crossfade, fitted cards */
html body .hero.compactHero {
  height: 430px !important;
  min-height: 430px !important;
  padding: 18px 0 22px !important;
}

html body .compactHero .topNav {
  margin-bottom: 14px !important;
}

html body .compactHero .heroCopy h1 {
  font-size: clamp(32px, 3.25vw, 50px) !important;
  line-height: .98 !important;
  margin-top: 10px !important;
  margin-bottom: 8px !important;
}

html body .compactHero .heroCopy p {
  max-width: 650px !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}

html body .compactHero .searchBar {
  margin-top: 14px !important;
  transform: translateY(-8px) !important;
  min-height: 62px !important;
  height: 62px !important;
  border-radius: 20px !important;
}

html body .compactHero .searchBar label {
  padding: 9px 14px !important;
}

html body .compactHero .searchBar label > span {
  font-size: 11px !important;
  line-height: 1 !important;
}

html body .compactHero .searchBar input,
html body .compactHero .searchBar select {
  font-size: 15px !important;
  max-width: 100% !important;
}

html body .compactHero .searchSubmit {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
}

html body .heroVideo {
  opacity: 0 !important;
  transition: opacity 900ms cubic-bezier(.16,1,.3,1), transform 5200ms linear !important;
}

html body .heroVideo.active {
  opacity: 1 !important;
  transform: scale(1.035) !important;
}

html body .heroVideoStage.isSwitching .heroVideo.active {
  opacity: .18 !important;
}

html body .videoStepper {
  position: absolute !important;
  left: 50% !important;
  bottom: 16px !important;
  z-index: 7 !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  gap: 7px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(12px) !important;
}

html body .videoStepper span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.42) !important;
  transition: width .35s ease, background .35s ease !important;
}

html body .videoStepper span.active {
  width: 24px !important;
  background: #fff !important;
}

html body main {
  padding-top: 18px !important;
}

html body .customerGuide,
html body .latest,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox,
html body .modelBand {
  width: min(1120px, calc(100vw - 64px)) !important;
}

html body .customerGuide {
  padding: 18px !important;
  border-radius: 16px !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  max-width: 600px !important;
  font-size: clamp(22px, 1.9vw, 30px) !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  font-size: 12px !important;
  max-width: 760px !important;
}

html body .customerCards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 9px !important;
}

html body .customerCards article {
  display: grid !important;
  grid-template-rows: 26px auto auto !important;
  min-height: 0 !important;
  height: 118px !important;
  padding: 12px !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}

html body .customerCards article strong {
  margin-top: 7px !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

html body .customerCards article p {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-top: 5px !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
}

html body .purposeStrip {
  width: min(1120px, calc(100vw - 64px)) !important;
  gap: 9px !important;
  margin-top: 14px !important;
}

html body .purposeStrip article {
  height: 70px !important;
  min-height: 70px !important;
  padding: 11px 13px !important;
  overflow: hidden !important;
}

html body .purposeStrip strong {
  font-size: 14px !important;
  line-height: 1.1 !important;
}

html body .purposeStrip span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
}

html body .marketStrip article {
  height: 68px !important;
  min-height: 68px !important;
  overflow: hidden !important;
}

html body .customerCards article:hover,
html body .purposeStrip article:hover,
html body .marketStrip article:hover {
  transform: translateY(-5px) scale(1.012) !important;
  box-shadow: 0 18px 46px rgba(13,52,67,.12) !important;
}

html body .customerGuide.revealed .sectionTitle.compactTitle h2,
html body .latest.revealed h2,
html body .agencyFlow.revealed h2,
html body .pricingBoard.revealed h2,
html body .requestBox.revealed h2 {
  animation: textRevealUp 760ms cubic-bezier(.16,1,.3,1) both !important;
}

@media (max-width: 980px) {
  html body .hero.compactHero {
    height: auto !important;
    min-height: 430px !important;
  }
  html body .customerCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v66 visible motion + redesigned compact cards */
html body .compactHero .searchBar {
  margin-top: 6px !important;
  transform: translateY(-22px) !important;
}

html body .videoStepper {
  bottom: 10px !important;
}

html body .customerGuide {
  padding: 18px 18px 16px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,252,253,.98)) !important;
  box-shadow: 0 18px 56px rgba(16, 24, 40, .07) !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  max-width: 640px !important;
  font-size: clamp(24px, 2vw, 32px) !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  max-width: 720px !important;
  color: #536174 !important;
}

html body .customerCards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .customerCards article {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 3px !important;
  height: 92px !important;
  min-height: 92px !important;
  padding: 13px !important;
  border-radius: 14px !important;
  border: 1px solid #dce6ee !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%) !important;
  box-shadow: 0 10px 28px rgba(16, 24, 40, .045) !important;
}

html body .customerCards article::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 13px 0 13px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #0d3443, #176b73, #bd9144) !important;
  transform: scaleX(.28) !important;
  transform-origin: left !important;
  opacity: .42 !important;
  transition: transform .38s ease, opacity .38s ease !important;
}

html body .customerCards article:hover::after {
  transform: scaleX(1) !important;
  opacity: 1 !important;
}

html body .customerCards span.guideIcon {
  grid-row: 1 / 3 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 11px !important;
  align-self: start !important;
  background: #e9f3f4 !important;
  color: #0d6370 !important;
}

html body .customerCards article strong {
  margin: 0 !important;
  align-self: end !important;
  font-size: 13.5px !important;
  line-height: 1.12 !important;
  color: #111827 !important;
}

html body .customerCards article p {
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  color: #5d697a !important;
  -webkit-line-clamp: 2 !important;
}

html body .purposeStrip article,
html body .marketStrip article {
  border-radius: 14px !important;
  border-color: #dce6ee !important;
  background: linear-gradient(180deg, #fff, #f8fbfc) !important;
  box-shadow: 0 10px 28px rgba(16,24,40,.045) !important;
}

html body.motion-ready .motionItem:not(.revealed):not(.inView),
html body.motion-ready .customerCards article:not(.revealed):not(.inView),
html body.motion-ready .purposeStrip article:not(.revealed):not(.inView),
html body.motion-ready .marketStrip article:not(.revealed):not(.inView) {
  opacity: 0 !important;
  transform: translateY(24px) scale(.985) !important;
  filter: blur(10px) !important;
}

html body.motion-ready .motionItem.revealed,
html body.motion-ready .motionItem.inView,
html body.motion-ready .customerCards article.revealed,
html body.motion-ready .customerCards article.inView,
html body.motion-ready .purposeStrip article.revealed,
html body.motion-ready .purposeStrip article.inView,
html body.motion-ready .marketStrip article.revealed,
html body.motion-ready .marketStrip article.inView {
  opacity: 1 !important;
  transform: translateY(var(--parallaxLift, 0)) scale(1) !important;
  filter: blur(0) !important;
  transition:
    opacity 820ms cubic-bezier(.16, 1, .3, 1),
    transform 820ms cubic-bezier(.16, 1, .3, 1),
    filter 820ms cubic-bezier(.16, 1, .3, 1),
    box-shadow .28s ease,
    border-color .28s ease !important;
}

html body.motion-ready .customerGuide.revealed .customerCards article,
html body.motion-ready .purposeStrip.revealed article,
html body.motion-ready .marketStrip.revealed article {
  animation: staggerPop 680ms cubic-bezier(.16,1,.3,1) both !important;
}

html body.motion-ready .customerGuide.revealed .customerCards article:nth-child(2),
html body.motion-ready .purposeStrip.revealed article:nth-child(2),
html body.motion-ready .marketStrip.revealed article:nth-child(2) { animation-delay: 80ms !important; }
html body.motion-ready .customerGuide.revealed .customerCards article:nth-child(3),
html body.motion-ready .purposeStrip.revealed article:nth-child(3),
html body.motion-ready .marketStrip.revealed article:nth-child(3) { animation-delay: 160ms !important; }
html body.motion-ready .customerGuide.revealed .customerCards article:nth-child(4),
html body.motion-ready .marketStrip.revealed article:nth-child(4) { animation-delay: 240ms !important; }

@keyframes staggerPop {
  0% { opacity: 0; transform: translateY(22px) scale(.96); filter: blur(10px); }
  70% { opacity: 1; transform: translateY(-3px) scale(1.01); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@media (max-width: 1080px) {
  html body .customerCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body .customerCards {
    grid-template-columns: 1fr !important;
  }
  html body .customerCards article {
    height: auto !important;
    min-height: 86px !important;
  }
}

/* v67 card copy fit */
html body .customerCards article p {
  -webkit-line-clamp: 2 !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

html body .customerCards article strong {
  font-size: 13px !important;
}

/* v68 stronger motion + softer compact commercial cards */
html body .hero {
  background-color: #071b22 !important;
}

html body .heroVideo.active {
  animation: videoReveal 1400ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .heroVideoStage.isSwitching .heroVideo.active {
  filter: saturate(1.08) contrast(1.05) !important;
}

html body .heroCopy.revealed h1,
html body .heroCopy.inView h1 {
  animation: textRevealUp 900ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .heroCopy.revealed .heroLead,
html body .heroCopy.inView .heroLead {
  animation: softFadeUp 900ms cubic-bezier(.16, 1, .3, 1) 120ms both !important;
}

html body .searchBar.revealed,
html body .searchBar.inView {
  animation: searchFloatIn 980ms cubic-bezier(.16, 1, .3, 1) 140ms both !important;
}

html body .customerGuide {
  position: relative !important;
  overflow: hidden !important;
  max-width: 1120px !important;
  margin-top: 10px !important;
  border: 1px solid rgba(13, 52, 67, .1) !important;
}

html body .customerGuide::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 -32% !important;
  width: 32% !important;
  background: linear-gradient(100deg, transparent, rgba(189, 145, 68, .12), transparent) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .customerGuide.active::before {
  animation: sectionSheen 1700ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  display: grid !important;
  grid-template-columns: minmax(260px, 420px) minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 28px !important;
}

html body .customerGuide .sectionTitle.compactTitle .kicker {
  grid-column: 1 !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  font-size: clamp(23px, 2.2vw, 34px) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  grid-column: 1 !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html body .customerCards {
  margin-top: 18px !important;
}

html body .customerCards article {
  isolation: isolate !important;
  height: 88px !important;
  min-height: 88px !important;
  padding: 12px !important;
  border-color: rgba(13, 52, 67, .12) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(189, 145, 68, .09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,252,.96)) !important;
  box-shadow: 0 12px 34px rgba(8, 27, 34, .055) !important;
  transform-origin: center !important;
}

html body .customerCards article:hover {
  transform: translateY(-5px) scale(1.012) !important;
  border-color: rgba(13, 99, 112, .32) !important;
  box-shadow: 0 20px 44px rgba(8, 27, 34, .12) !important;
}

html body.motion-ready .customerCards article.revealed,
html body.motion-ready .customerCards article.inView {
  animation: cardSlideReveal 760ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .customerCards span.guideIcon {
  box-shadow: inset 0 0 0 1px rgba(13, 99, 112, .08), 0 10px 18px rgba(13, 99, 112, .08) !important;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), background .34s ease, color .34s ease !important;
}

html body .customerCards article:hover span.guideIcon {
  transform: rotate(-4deg) scale(1.08) !important;
  background: #0d6370 !important;
  color: #ffffff !important;
}

html body .purposeStrip {
  max-width: 1120px !important;
  margin: 34px auto 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .purposeStrip article {
  height: auto !important;
  min-height: 86px !important;
  padding: 15px 16px !important;
  border-left: 3px solid #bd9144 !important;
}

html body .latest,
html body .marketStrip,
html body .modelBand,
html body .agencyFlow,
html body .pricingBoard,
html body .requestBox {
  max-width: 1120px !important;
}

html body .latest {
  margin-top: 34px !important;
  padding: 26px !important;
}

html body .marketStrip article {
  height: auto !important;
  min-height: 92px !important;
  padding: 16px 18px !important;
}

html body .marketStrip article strong,
html body .marketStrip article span,
html body .purposeStrip article strong,
html body .purposeStrip article span {
  overflow-wrap: anywhere !important;
}

html body .modelBand {
  padding: 44px 54px !important;
  border-radius: 22px !important;
  min-height: 0 !important;
}

html body .modelBand h2 {
  max-width: 460px !important;
  font-size: clamp(34px, 4.6vw, 58px) !important;
  line-height: .94 !important;
}

html body .modelBand p:not(.kicker) {
  max-width: 480px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

html body .modelCards article {
  min-height: 116px !important;
  padding: 22px !important;
  border-radius: 14px !important;
}

html body .modelCards article strong {
  font-size: 21px !important;
  line-height: 1.05 !important;
}

html body .modelCards article span {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body.motion-ready .motionItem.active {
  box-shadow: 0 24px 70px rgba(8, 27, 34, .085) !important;
}

@supports (animation-timeline: view()) {
  html body .customerGuide,
  html body .purposeStrip,
  html body .latest,
  html body .marketStrip,
  html body .modelBand,
  html body .agencyFlow,
  html body .pricingBoard,
  html body .requestBox {
    animation: scrollLift linear both !important;
    animation-timeline: view() !important;
    animation-range: entry 0% cover 34% !important;
  }
}

@keyframes videoReveal {
  from { opacity: 0; transform: scale(1.025); filter: blur(10px) saturate(.9); }
  to { opacity: 1; transform: scale(1); filter: blur(0) saturate(1.05); }
}

@keyframes searchFloatIn {
  0% { opacity: 0; transform: translateY(26px) scale(.965); filter: blur(12px); }
  72% { opacity: 1; transform: translateY(-4px) scale(1.006); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes softFadeUp {
  from { opacity: 0; transform: translateY(14px); filter: blur(8px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes sectionSheen {
  0% { opacity: 0; transform: translateX(0) skewX(-18deg); }
  18% { opacity: .8; }
  100% { opacity: 0; transform: translateX(440%) skewX(-18deg); }
}

@keyframes cardSlideReveal {
  0% { opacity: 0; transform: translateY(24px) scale(.94); filter: blur(10px); }
  64% { opacity: 1; transform: translateY(-4px) scale(1.012); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes scrollLift {
  0% { opacity: 0; transform: translateY(42px) scale(.975); filter: blur(12px); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@media (max-width: 1080px) {
  html body .customerGuide .sectionTitle.compactTitle {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html body .customerGuide .sectionTitle.compactTitle .kicker,
  html body .customerGuide .sectionTitle.compactTitle h2,
  html body .customerGuide .sectionTitle.compactTitle p:last-child {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html body .purposeStrip {
    grid-template-columns: 1fr !important;
  }
}

/* v69 customer block alignment and richer compact cards */
html body .customerGuide {
  padding: 22px 22px 20px !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  align-items: end !important;
  column-gap: 34px !important;
  row-gap: 10px !important;
}

html body .customerGuide .sectionTitle.compactTitle .kicker {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  max-width: 610px !important;
  font-size: clamp(25px, 2.45vw, 38px) !important;
  line-height: .96 !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  max-width: 430px !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #546176 !important;
}

html body .customerCards {
  gap: 12px !important;
}

html body .customerCards article {
  height: 102px !important;
  min-height: 102px !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  padding: 15px !important;
  border-radius: 16px !important;
}

html body .customerCards span.guideIcon {
  width: 34px !important;
  height: 34px !important;
}

html body .customerCards article strong {
  font-size: 14px !important;
  line-height: 1.1 !important;
}

html body .customerCards article p {
  font-size: 12px !important;
  line-height: 1.28 !important;
}

html body .purposeStrip {
  gap: 12px !important;
}

html body .purposeStrip article {
  min-height: 98px !important;
  padding: 18px 20px !important;
  border-left-width: 4px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(189, 145, 68, .08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(249,252,253,.97)) !important;
  transition:
    transform .38s cubic-bezier(.16, 1, .3, 1),
    box-shadow .38s ease,
    border-color .38s ease !important;
}

html body .purposeStrip article strong {
  font-size: 14px !important;
  line-height: 1.1 !important;
}

html body .purposeStrip article span {
  display: block !important;
  margin-top: 7px !important;
  font-size: 12.2px !important;
  line-height: 1.45 !important;
  color: #56677b !important;
}

html body .purposeStrip article:hover {
  transform: translateY(-5px) scale(1.01) !important;
  border-left-color: #0d6370 !important;
  box-shadow: 0 20px 44px rgba(8, 27, 34, .11) !important;
}

html body.motion-ready .purposeStrip.revealed article,
html body.motion-ready .purposeStrip.inView article,
html body.motion-ready .purposeStrip article.revealed,
html body.motion-ready .purposeStrip article.inView {
  animation: cardSlideReveal 760ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .purposeStrip article.motionItem {
  animation: purposeCardIn 820ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .purposeStrip article.motionItem:nth-child(2) {
  animation-delay: 90ms !important;
}

html body .purposeStrip article.motionItem:nth-child(3) {
  animation-delay: 180ms !important;
}

@supports (animation-timeline: view()) {
  html body .purposeStrip article.motionItem {
    animation: scrollLift linear both !important;
    animation-timeline: view() !important;
    animation-range: entry 0% cover 26% !important;
  }
}

@keyframes purposeCardIn {
  0% { opacity: 0; transform: translateY(22px) scale(.96); filter: blur(10px); }
  70% { opacity: 1; transform: translateY(-3px) scale(1.01); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

/* v70 remove hero video dots + animate listing model cards */
html body .videoStepper {
  display: none !important;
}

html body .modelBand.motionItem {
  overflow: hidden !important;
}

html body .modelBand.motionItem::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 -28% !important;
  width: 26% !important;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.18), transparent) !important;
  transform: skewX(-18deg) !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

html body .modelBand.motionItem.active::after,
html body .modelBand.motionItem.revealed::after {
  animation: modelSheen 1800ms cubic-bezier(.16, 1, .3, 1) 180ms both !important;
}

html body .modelCards article.motionItem {
  opacity: 0 !important;
  transform: translateY(24px) scale(.95) !important;
  filter: blur(10px) !important;
}

html body .modelCards article.motionItem.revealed,
html body .modelCards article.motionItem.inView,
html body .modelBand.revealed .modelCards article,
html body .modelBand.inView .modelCards article {
  opacity: 1 !important;
  filter: blur(0) !important;
  animation: modelCardRise 820ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .modelBand.revealed .modelCards article:nth-child(2),
html body .modelBand.inView .modelCards article:nth-child(2) {
  animation-delay: 110ms !important;
}

html body .modelBand.revealed .modelCards article:nth-child(3),
html body .modelBand.inView .modelCards article:nth-child(3) {
  animation-delay: 220ms !important;
}

html body .modelCards article:hover {
  transform: translateY(-6px) scale(1.012) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.14) !important;
}

@supports (animation-timeline: view()) {
  html body .modelBand.motionItem {
    animation: scrollLift linear both !important;
    animation-timeline: view() !important;
    animation-range: entry 0% cover 36% !important;
  }
}

@keyframes modelCardRise {
  0% { opacity: 0; transform: translateY(26px) scale(.94); filter: blur(12px); }
  68% { opacity: 1; transform: translateY(-4px) scale(1.012); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes modelSheen {
  0% { opacity: 0; transform: translateX(0) skewX(-18deg); }
  18% { opacity: .9; }
  100% { opacity: 0; transform: translateX(560%) skewX(-18deg); }
}

/* v71 smoother preloaded hero videos + purpose-led model band */
html body .heroVideo {
  opacity: 0 !important;
  transform: scale(1.02) !important;
  transition:
    opacity 1200ms cubic-bezier(.16, 1, .3, 1),
    transform 6200ms linear,
    filter 1200ms ease !important;
  will-change: opacity, transform !important;
}

html body .heroVideo.active {
  opacity: 1 !important;
  transform: scale(1.055) !important;
  animation: none !important;
}

html body .heroVideoStage.isSwitching .heroVideo.active {
  filter: saturate(1.08) contrast(1.03) !important;
}

html body .modelBand {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr) !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 34px !important;
  min-height: 360px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(64, 149, 161, .24), transparent 28%),
    radial-gradient(circle at 18% 88%, rgba(189, 145, 68, .16), transparent 30%),
    linear-gradient(135deg, #071923 0%, #0b2d3a 54%, #155668 100%) !important;
}

html body .modelCopy {
  position: relative !important;
  z-index: 1 !important;
}

html body .modelBand h2 {
  max-width: 520px !important;
  font-size: clamp(31px, 3.5vw, 48px) !important;
  line-height: .97 !important;
}

html body .modelBand p:not(.kicker) {
  max-width: 560px !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  color: rgba(255, 255, 255, .78) !important;
}

html body .modelCards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body .modelCards article {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important;
  align-items: center !important;
  min-height: 88px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255, 255, 255, .1) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 18px 46px rgba(0,0,0,.16) !important;
  backdrop-filter: blur(14px) !important;
}

html body .modelCards .modelIcon {
  grid-row: 1 / span 2 !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .16) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

html body .modelCards article strong {
  font-size: 16px !important;
  line-height: 1.1 !important;
  color: #fff !important;
}

html body .modelCards article span:not(.modelIcon) {
  margin-top: 3px !important;
  font-size: 12.8px !important;
  line-height: 1.35 !important;
  color: rgba(255, 255, 255, .72) !important;
}

html body .modelCards article:hover .modelIcon {
  animation: iconPulse 780ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.motion-ready .modelBand .modelCopy {
  animation: softFadeUp 820ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.motion-ready .modelBand.revealed .modelCards article,
html body.motion-ready .modelBand.inView .modelCards article {
  animation: modelCardRise 820ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.motion-ready .latest.revealed,
html body.motion-ready .agencyFlow.revealed,
html body.motion-ready .pricingBoard.revealed,
html body.motion-ready .requestBox.revealed {
  animation: sectionLiftIn 820ms cubic-bezier(.16, 1, .3, 1) both !important;
}

@keyframes sectionLiftIn {
  0% { opacity: 0; transform: translateY(30px) scale(.98); filter: blur(10px); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes iconPulse {
  0% { transform: scale(1) rotate(0deg); }
  48% { transform: scale(1.12) rotate(-4deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@media (max-width: 980px) {
  html body .modelBand {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
}

/* v72 two-panel animated model slider */
html body .agencyFlow,
html body .pricingBoard {
  display: none !important;
}

html body .modelBand.modelSlider {
  display: block !important;
  position: relative !important;
  max-width: 1120px !important;
  min-height: 0 !important;
  padding: 26px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(84, 181, 192, .22), transparent 30%),
    radial-gradient(circle at 8% 100%, rgba(198, 150, 73, .16), transparent 28%),
    linear-gradient(135deg, #061720 0%, #092c37 56%, #135b6c 100%) !important;
  box-shadow: 0 24px 70px rgba(8, 27, 34, .13) !important;
}

html body .modelSliderHead {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

html body .modelSliderHead .kicker {
  margin: 0 !important;
  color: rgba(255, 255, 255, .9) !important;
}

html body .modelSwitch {
  display: inline-flex !important;
  padding: 5px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(12px) !important;
}

html body .modelSwitch button {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .7) !important;
  font: inherit !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  transition: background .28s ease, color .28s ease, transform .28s ease !important;
}

html body .modelSwitch button.active {
  background: #ffffff !important;
  color: #092c37 !important;
  transform: translateY(-1px) !important;
}

html body .modelTrack {
  position: relative !important;
  min-height: 300px !important;
}

html body .modelSlide {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr) !important;
  gap: 34px !important;
  align-items: center !important;
  opacity: 0 !important;
  transform: translateX(34px) scale(.985) !important;
  pointer-events: none !important;
  filter: blur(10px) !important;
  transition:
    opacity 720ms cubic-bezier(.16, 1, .3, 1),
    transform 720ms cubic-bezier(.16, 1, .3, 1),
    filter 720ms cubic-bezier(.16, 1, .3, 1) !important;
}

html body .modelSlide.active {
  position: relative !important;
  opacity: 1 !important;
  transform: translateX(0) scale(1) !important;
  pointer-events: auto !important;
  filter: blur(0) !important;
}

html body .modelEyebrow {
  display: inline-flex !important;
  margin-bottom: 14px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .modelSlide.active .modelCopy {
  animation: sliderCopyIn 780ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .modelSlide.active .modelCards article {
  animation: sliderCardIn 820ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body .modelSlide.active .modelCards article:nth-child(2) {
  animation-delay: 90ms !important;
}

html body .modelSlide.active .modelCards article:nth-child(3) {
  animation-delay: 180ms !important;
}

html body .modelSlide .modelCards article {
  min-height: 84px !important;
}

html body .modelSlide .modelCards .modelIcon {
  font-size: 13px !important;
}

@keyframes sliderCopyIn {
  from { opacity: 0; transform: translateY(18px); filter: blur(8px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes sliderCardIn {
  0% { opacity: 0; transform: translateX(28px) scale(.96); filter: blur(10px); }
  68% { opacity: 1; transform: translateX(-4px) scale(1.01); filter: blur(0); }
  100% { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
}

@media (max-width: 980px) {
  html body .modelSliderHead {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body .modelTrack {
    min-height: 0 !important;
  }

  html body .modelSlide,
  html body .modelSlide.active {
    position: relative !important;
    grid-template-columns: 1fr !important;
  }

  html body .modelSlide:not(.active) {
    display: none !important;
  }
}

html body.motion-ready .modelBand.modelSlider .modelSlide.active .modelCards article {
  animation: sliderCardIn 820ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.motion-ready .modelBand.modelSlider .modelSlide.active .modelCards article:nth-child(2) {
  animation-delay: 90ms !important;
}

html body.motion-ready .modelBand.modelSlider .modelSlide.active .modelCards article:nth-child(3) {
  animation-delay: 180ms !important;
}

/* v74 white-blue corporate model slider */
html body .modelBand.modelSlider {
  max-width: 1080px !important;
  padding: 24px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(15, 67, 118, .12) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(37, 99, 235, .1), transparent 28%),
    radial-gradient(circle at 4% 100%, rgba(14, 165, 233, .08), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 26px 70px rgba(15, 67, 118, .12) !important;
  color: #0b1f3a !important;
}

html body .modelBand.modelSlider::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, .08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.55), transparent 42%) !important;
  pointer-events: none !important;
}

html body .modelBand.modelSlider::after {
  background: linear-gradient(100deg, transparent, rgba(37, 99, 235, .14), transparent) !important;
}

html body .modelSliderHead,
html body .modelTrack {
  position: relative !important;
  z-index: 1 !important;
}

html body .modelSliderHead .kicker {
  color: #1d4ed8 !important;
}

html body .modelSwitch {
  border: 1px solid rgba(37, 99, 235, .12) !important;
  background: #eef6ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(37, 99, 235, .08) !important;
}

html body .modelSwitch button {
  color: #47627f !important;
}

html body .modelSwitch button.active {
  background: #ffffff !important;
  color: #0f4395 !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .14) !important;
}

html body .modelEyebrow {
  border-color: rgba(37, 99, 235, .14) !important;
  background: #eef6ff !important;
  color: #1d4ed8 !important;
}

html body .modelBand.modelSlider h2 {
  color: #07172d !important;
  text-shadow: none !important;
}

html body .modelBand.modelSlider p:not(.kicker) {
  color: #506278 !important;
}

html body .modelSlide {
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr) !important;
}

html body .modelBand.modelSlider .modelCards article {
  border: 1px solid rgba(15, 67, 118, .1) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,249,255,.96)) !important;
  box-shadow: 0 16px 42px rgba(15, 67, 118, .095) !important;
  backdrop-filter: none !important;
}

html body .modelBand.modelSlider .modelCards article:hover {
  border-color: rgba(37, 99, 235, .28) !important;
  box-shadow: 0 22px 52px rgba(37, 99, 235, .16) !important;
}

html body .modelBand.modelSlider .modelCards .modelIcon {
  background: linear-gradient(135deg, #0f4395, #0ea5e9) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .2) !important;
}

html body .modelBand.modelSlider .modelCards article strong {
  color: #07172d !important;
}

html body .modelBand.modelSlider .modelCards article span:not(.modelIcon) {
  color: #5d6f86 !important;
}

html body .modelBand.modelSlider .modelCopy {
  padding-left: 4px !important;
}

@media (max-width: 980px) {
  html body .modelBand.modelSlider {
    max-width: calc(100% - 28px) !important;
  }
}

/* v75 otelcontract-like dark operational slider */
html body .modelBand.modelSlider {
  max-width: 1080px !important;
  padding: 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  background:
    linear-gradient(90deg, rgba(4, 18, 34, .98) 0%, rgba(8, 34, 57, .98) 48%, rgba(16, 92, 110, .96) 100%),
    radial-gradient(circle at 78% 12%, rgba(69, 190, 210, .26), transparent 30%) !important;
  box-shadow: 0 30px 82px rgba(8, 27, 45, .24) !important;
  color: #ffffff !important;
}

html body .modelBand.modelSlider::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.05), transparent 38%),
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.1), transparent 28%) !important;
}

html body .modelSliderHead .kicker {
  color: rgba(255, 255, 255, .86) !important;
  letter-spacing: .05em !important;
}

html body .modelSwitch {
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 14px 28px rgba(0,0,0,.14) !important;
}

html body .modelSwitch button {
  color: rgba(255, 255, 255, .72) !important;
}

html body .modelSwitch button.active {
  background: #ffffff !important;
  color: #09223a !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}

html body .modelEyebrow {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.92) !important;
}

html body .modelBand.modelSlider h2 {
  color: #ffffff !important;
  max-width: 520px !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: .92 !important;
}

html body .modelBand.modelSlider p:not(.kicker) {
  color: rgba(255, 255, 255, .76) !important;
}

html body .modelBand.modelSlider .modelCards article {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.16) !important;
  backdrop-filter: blur(16px) !important;
}

html body .modelBand.modelSlider .modelCards article:hover {
  border-color: rgba(125, 211, 252, .38) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.1)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 24px 56px rgba(0,0,0,.22) !important;
}

html body .modelBand.modelSlider .modelCards .modelIcon {
  background: rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 10px 24px rgba(0,0,0,.16) !important;
  font-size: 18px !important;
}

html body .modelBand.modelSlider .modelCards article strong {
  color: #ffffff !important;
}

html body .modelBand.modelSlider .modelCards article span:not(.modelIcon) {
  color: rgba(255, 255, 255, .74) !important;
}

html body .modelBand.modelSlider .modelSlide.active .modelCards article:nth-child(1) .modelIcon {
  background: linear-gradient(135deg, #1f6feb, #34d399) !important;
}

html body .modelBand.modelSlider .modelSlide.active .modelCards article:nth-child(2) .modelIcon {
  background: linear-gradient(135deg, #174ea6, #38bdf8) !important;
}

html body .modelBand.modelSlider .modelSlide.active .modelCards article:nth-child(3) .modelIcon {
  background: linear-gradient(135deg, #0f766e, #60a5fa) !important;
}

/* v76 global otelcontract-inspired product system */
html body {
  background:
    linear-gradient(180deg, #f5f7fb 0%, #eef4f8 46%, #f9fbfd 100%) !important;
  color: #081d49 !important;
  font-family: Inter, "Inter Tight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body .topNav {
  max-width: 1320px !important;
  height: 58px !important;
  padding: 0 30px !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(235, 242, 250, .78) !important;
  backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  box-shadow: 0 12px 30px rgba(8, 29, 73, .08) !important;
}

html body .navActions .outline,
html body .outline {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.34) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body .hero {
  background: #071426 !important;
}

html body .hero::after {
  background:
    linear-gradient(90deg, rgba(3, 12, 27, .9) 0%, rgba(6, 19, 38, .68) 40%, rgba(8, 29, 73, .35) 100%),
    linear-gradient(180deg, rgba(2, 8, 18, .12), rgba(2, 8, 18, .9)) !important;
}

html body .heroPill,
html body .modelEyebrow,
html body .kicker {
  letter-spacing: .04em !important;
}

html body .searchBar {
  box-shadow: 0 22px 54px rgba(8, 29, 73, .2) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
}

html body .searchSubmit,
html body .requestForm button,
html body .panelCta {
  background: linear-gradient(135deg, #081d49, #0f6470) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 36px rgba(8, 29, 73, .18) !important;
}

html body .customerGuide,
html body .latest,
html body .platformDepth,
html body .operationsBoard,
html body .requestBox,
html body .siteFooter {
  border-color: rgba(8, 29, 73, .1) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(251,252,254,.96)) !important;
  box-shadow: 0 22px 58px rgba(8, 29, 73, .075) !important;
}

html body .customerCards article,
html body .purposeStrip article,
html body .depthGrid article,
html body .marketStrip article,
html body .opsTimeline article {
  border-color: rgba(8, 29, 73, .1) !important;
  background:
    linear-gradient(180deg, #ffffff, #f7fafc) !important;
  box-shadow: 0 14px 36px rgba(8, 29, 73, .055) !important;
}

html body .customerCards article::after {
  background: linear-gradient(90deg, #081d49, #0f6470, #35a269) !important;
}

html body .customerCards span.guideIcon {
  background: #eef4f8 !important;
  color: #0f6470 !important;
  box-shadow: inset 0 0 0 1px rgba(8,29,73,.06), 0 10px 18px rgba(8,29,73,.08) !important;
}

html body .purposeStrip article,
html body .depthGrid article {
  border-left-color: #081d49 !important;
}

html body .depthGrid article span,
html body .marketStrip article span,
html body .latest .kicker,
html body .requestBox .kicker {
  color: #0f6470 !important;
}

html body .depthGrid article::before {
  background: linear-gradient(180deg, #081d49, #0f6470, #35a269) !important;
}

html body .opsTimeline article span {
  background: linear-gradient(135deg, #081d49, #0f6470) !important;
}

html body .latest h2,
html body .depthIntro h2,
html body .opsCopy h2,
html body .requestBox h2,
html body .sectionTitle h2,
html body .compactTitle h2 {
  color: #081326 !important;
}

html body .latest,
html body .requestBox {
  border-radius: 22px !important;
}

html body .emptyListings {
  background: #f7fafc !important;
  border: 1px dashed rgba(8, 29, 73, .14) !important;
}

html body .requestForm {
  background: #ffffff !important;
  border: 1px solid rgba(8,29,73,.08) !important;
  box-shadow: 0 18px 44px rgba(8, 29, 73, .08) !important;
}

html body .requestForm input,
html body .requestForm select {
  border-color: rgba(8, 29, 73, .14) !important;
  background: #fbfdff !important;
}

html body .siteFooter a {
  background: #eef4f8 !important;
  color: #081d49 !important;
}

html body .siteFooter a:hover {
  background: #081d49 !important;
  color: #ffffff !important;
}

/* v73 production-feel content density */
html body .platformDepth,
html body .operationsBoard,
html body .siteFooter {
  max-width: 1120px !important;
  margin: 34px auto 0 !important;
}

html body .platformDepth {
  display: grid !important;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

html body .depthIntro,
html body .depthGrid article,
html body .operationsBoard,
html body .siteFooter {
  border: 1px solid rgba(13, 52, 67, .1) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(249,252,253,.97)) !important;
  box-shadow: 0 16px 44px rgba(8, 27, 34, .055) !important;
}

html body .depthIntro {
  border-radius: 20px !important;
  padding: 24px !important;
  position: relative !important;
  overflow: hidden !important;
}

html body .depthIntro::after {
  content: "" !important;
  position: absolute !important;
  inset: auto -34px -42px auto !important;
  width: 160px !important;
  height: 160px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(13, 99, 112, .14), transparent 62%) !important;
}

html body .depthIntro h2 {
  margin: 10px 0 12px !important;
  max-width: 410px !important;
  font-size: clamp(25px, 2.4vw, 36px) !important;
  line-height: .98 !important;
  color: #111827 !important;
}

html body .depthIntro p:not(.kicker) {
  margin: 0 !important;
  max-width: 430px !important;
  color: #5c6b7d !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
}

html body .depthGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body .depthGrid article {
  position: relative !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 186px !important;
  border-radius: 18px !important;
  padding: 18px !important;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1), box-shadow .38s ease, border-color .38s ease !important;
}

html body .depthGrid article::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #0d6370, #bd9144) !important;
}

html body .depthGrid article::after {
  content: none !important;
}

html body .depthGrid article span {
  display: inline-flex !important;
  margin-bottom: 12px !important;
  color: #a77b34 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body .depthGrid article strong {
  display: block !important;
  color: #111827 !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
}

html body .depthGrid article p {
  margin: 9px 0 0 !important;
  color: #5b6b7c !important;
  font-size: 12.2px !important;
  line-height: 1.42 !important;
}

html body .depthGrid article:hover {
  transform: translateY(-6px) scale(1.01) !important;
  border-color: rgba(13, 99, 112, .26) !important;
  box-shadow: 0 22px 52px rgba(8, 27, 34, .105) !important;
}

html body .operationsBoard {
  display: grid !important;
  grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr) !important;
  gap: 24px !important;
  align-items: center !important;
  border-radius: 22px !important;
  padding: 26px !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .operationsBoard::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(13, 99, 112, .07), transparent 42%),
    radial-gradient(circle at 88% 0%, rgba(189, 145, 68, .1), transparent 28%) !important;
  pointer-events: none !important;
}

html body .opsCopy,
html body .opsTimeline {
  position: relative !important;
  z-index: 1 !important;
}

html body .opsCopy h2 {
  margin: 10px 0 12px !important;
  max-width: 440px !important;
  font-size: clamp(25px, 2.25vw, 34px) !important;
  line-height: 1 !important;
}

html body .opsCopy p:not(.kicker) {
  margin: 0 !important;
  color: #5c6b7d !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

html body .opsTimeline {
  display: grid !important;
  gap: 10px !important;
}

html body .opsTimeline article {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 8px 12px !important;
  min-height: 82px !important;
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(13, 52, 67, .1) !important;
  background: rgba(255, 255, 255, .76) !important;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), box-shadow .34s ease !important;
}

html body .opsTimeline article span {
  grid-row: 1 / 3 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #0d6370, #bd9144) !important;
  box-shadow: 0 12px 24px rgba(13, 99, 112, .15) !important;
}

html body .opsTimeline article strong {
  color: #111827 !important;
  font-size: 14px !important;
}

html body .opsTimeline article p {
  margin: 0 !important;
  color: #5f6f7f !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

html body .opsTimeline article:hover {
  transform: translateX(7px) !important;
  box-shadow: 0 18px 42px rgba(8, 27, 34, .09) !important;
}

html body .siteFooter {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  align-items: center !important;
  margin-bottom: 34px !important;
  border-radius: 18px !important;
  padding: 20px 24px !important;
}

html body .siteFooter strong {
  display: block !important;
  color: #111827 !important;
  font-size: 18px !important;
}

html body .siteFooter p {
  margin: 6px 0 0 !important;
  color: #617183 !important;
  font-size: 12.5px !important;
}

html body .siteFooter nav {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

html body .siteFooter a {
  display: inline-flex !important;
  padding: 10px 13px !important;
  border-radius: 999px !important;
  background: #eef6f7 !important;
  color: #0d6370 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: transform .28s ease, background .28s ease, color .28s ease !important;
}

html body .siteFooter a:hover {
  transform: translateY(-2px) !important;
  background: #0d6370 !important;
  color: #fff !important;
}

html body.motion-ready .platformDepth.revealed .depthGrid article,
html body.motion-ready .operationsBoard.revealed .opsTimeline article {
  animation: sliderCardIn 760ms cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.motion-ready .platformDepth.revealed .depthGrid article:nth-child(2),
html body.motion-ready .operationsBoard.revealed .opsTimeline article:nth-child(2) {
  animation-delay: 90ms !important;
}

html body.motion-ready .platformDepth.revealed .depthGrid article:nth-child(3),
html body.motion-ready .operationsBoard.revealed .opsTimeline article:nth-child(3) {
  animation-delay: 180ms !important;
}

html body.motion-ready .platformDepth.revealed .depthGrid article:nth-child(4) {
  animation-delay: 270ms !important;
}

@media (max-width: 980px) {
  html body .platformDepth,
  html body .operationsBoard {
    grid-template-columns: 1fr !important;
  }

  html body .depthGrid {
    grid-template-columns: 1fr !important;
  }

  html body .siteFooter {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (max-width: 1080px) {
  html body .customerGuide .sectionTitle.compactTitle {
    grid-template-columns: 1fr !important;
  }

  html body .customerGuide .sectionTitle.compactTitle .kicker,
  html body .customerGuide .sectionTitle.compactTitle h2,
  html body .customerGuide .sectionTitle.compactTitle p:last-child {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    max-width: 100% !important;
  }
}

/* v77 otelcontract reference pass: one visual language across the page */
html body {
  background:
    radial-gradient(circle at 8% 5%, rgba(28, 104, 124, .08), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(23, 72, 124, .07), transparent 32%),
    linear-gradient(180deg, #f7fafc 0%, #f2f6fa 42%, #fbfcfe 100%) !important;
  color: #0b1930 !important;
}

html body .hero.compactHero,
html body .hero {
  min-height: 620px !important;
  max-height: 680px !important;
  padding-bottom: 88px !important;
  overflow: visible !important;
}

html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(3, 11, 24, .9) 0%, rgba(6, 20, 38, .62) 48%, rgba(12, 70, 86, .42) 100%),
    linear-gradient(180deg, rgba(5, 13, 26, .08) 0%, rgba(5, 13, 26, .5) 74%, rgba(5, 13, 26, .72) 100%) !important;
}

html body .compactHero .topNav,
html body .topNav {
  position: absolute !important;
  top: 22px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: min(86vw, 1280px) !important;
  height: 68px !important;
  padding: 0 18px 0 24px !important;
  border-radius: 24px !important;
  background: rgba(5, 15, 31, .44) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 26px 70px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
}

html body .compactHero .topNav .logoAsset,
html body .topNav .logoAsset {
  display: inline-flex !important;
  align-items: center !important;
  width: 160px !important;
  height: 58px !important;
}

html body .compactHero .topNav .logoAsset img,
html body .topNav .logoAsset img {
  width: 148px !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.24)) !important;
}

html body .navActions {
  gap: 10px !important;
}

html body .navActions .outline,
html body .outline {
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transition: transform .25s ease, background .25s ease, border-color .25s ease !important;
}

html body .navActions .outline:hover,
html body .outline:hover {
  transform: translateY(-2px) !important;
  background: #ffffff !important;
  color: #0b1930 !important;
  border-color: #ffffff !important;
}

html body .compactHero .heroLayout {
  min-height: 422px !important;
  padding-top: 136px !important;
  align-items: center !important;
}

html body .compactHero .heroCopy {
  width: min(850px, 78vw) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body .compactHero .heroPill {
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 820px !important;
  margin-inline: auto !important;
  font-size: clamp(42px, 5.2vw, 72px) !important;
  line-height: .94 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance !important;
}

html body .compactHero .heroCopy p {
  max-width: 790px !important;
  margin-inline: auto !important;
  color: rgba(255,255,255,.8) !important;
  font-size: clamp(15px, 1.35vw, 20px) !important;
  line-height: 1.45 !important;
}

html body .searchBar {
  bottom: -48px !important;
  width: min(86vw, 1180px) !important;
  min-height: 86px !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 28px 76px rgba(8, 25, 48, .22) !important;
  border: 1px solid rgba(255, 255, 255, .86) !important;
}

html body .searchBar label {
  min-width: 0 !important;
}

html body .searchBar label span {
  color: #65758a !important;
  font-size: 12px !important;
}

html body .searchBar input,
html body .searchBar select,
html body .guestSelects select {
  color: #0b1930 !important;
  font-size: 17px !important;
  letter-spacing: -0.02em !important;
}

html body .searchSubmit {
  width: 58px !important;
  height: 58px !important;
  margin-right: 10px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #0b2b51, #116673) !important;
  box-shadow: 0 14px 30px rgba(12, 64, 79, .26) !important;
}

html body main {
  padding-top: 84px !important;
}

html body .customerGuide,
html body .latest,
html body .platformDepth,
html body .operationsBoard,
html body .modelBand.modelSlider,
html body .requestBox,
html body .siteFooter {
  width: min(86vw, 1120px) !important;
  max-width: 1120px !important;
  border-radius: 28px !important;
}

html body .customerGuide,
html body .latest,
html body .platformDepth,
html body .operationsBoard,
html body .requestBox {
  border: 1px solid rgba(16, 42, 67, .09) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 24px 70px rgba(15, 35, 60, .075) !important;
}

html body .customerGuide {
  padding: 28px 28px 22px !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: 14px 34px !important;
  align-items: end !important;
  margin-bottom: 18px !important;
}

html body .customerGuide .sectionTitle.compactTitle .kicker {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  max-width: 470px !important;
  margin: 0 !important;
  color: #0b1930 !important;
  font-size: clamp(28px, 2.9vw, 40px) !important;
  line-height: .98 !important;
  letter-spacing: -0.045em !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  grid-column: 2 !important;
  grid-row: 2 !important;
  max-width: 430px !important;
  justify-self: end !important;
  color: #637184 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

html body .customerCards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body .customerCards article {
  min-height: 128px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #ffffff, #f7fafc) !important;
  box-shadow: inset 0 1px 0 #fff, 0 14px 30px rgba(12, 36, 58, .055) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

html body .customerCards article:hover,
html body .purposeStrip article:hover,
html body .marketStrip article:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(16, 103, 116, .24) !important;
  box-shadow: 0 24px 54px rgba(12, 36, 58, .11) !important;
}

html body .customerCards article strong {
  color: #101828 !important;
  font-size: 15px !important;
}

html body .customerCards article p {
  color: #65758a !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

html body .purposeStrip {
  width: min(86vw, 1120px) !important;
  max-width: 1120px !important;
  gap: 12px !important;
  margin: 24px auto 0 !important;
}

html body .purposeStrip article {
  min-height: 104px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  border-left: 4px solid #0b2b51 !important;
}

html body .latest {
  padding: 26px 32px 28px !important;
}

html body .latest .sectionTitle.compactTitle {
  align-items: end !important;
}

html body .latest .sectionTitle.compactTitle h2 {
  font-size: clamp(34px, 4vw, 58px) !important;
  letter-spacing: -0.055em !important;
}

html body .emptyListings {
  min-height: 78px !important;
  border-radius: 18px !important;
}

html body .marketStrip {
  width: min(86vw, 1120px) !important;
  max-width: 1120px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 28px auto 0 !important;
}

html body .marketStrip article {
  min-height: 94px !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
}

html body .marketStrip article::before {
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #0b2b51, #116673) !important;
}

html body .marketStrip span,
html body .depthGrid article span,
html body .kicker {
  color: #116673 !important;
}

html body .platformDepth {
  margin-top: 42px !important;
}

html body .modelBand.modelSlider {
  background: linear-gradient(135deg, #071426 0%, #0b2b51 48%, #12606e 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 34px 90px rgba(7, 20, 38, .24) !important;
}

html body .requestBox {
  grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr) !important;
  gap: 28px !important;
}

html body .requestBox h2 {
  font-size: clamp(30px, 3.1vw, 46px) !important;
  line-height: .96 !important;
  letter-spacing: -0.045em !important;
  max-width: 440px !important;
}

@media (max-width: 980px) {
  html body .hero.compactHero,
  html body .hero {
    min-height: 700px !important;
    max-height: none !important;
  }

  html body .compactHero .topNav,
  html body .topNav {
    width: calc(100% - 28px) !important;
    top: 14px !important;
    transform: translateX(-50%) !important;
  }

  html body .customerGuide .sectionTitle.compactTitle,
  html body .requestBox {
    grid-template-columns: 1fr !important;
  }

  html body .customerGuide .sectionTitle.compactTitle p:last-child {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
  }

  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* v81: otelkontrat-inspired listing marketplace, not SaaS dashboard */
html,
html body {
  margin: 0 !important;
  overflow-x: hidden !important;
}

html body {
  background:
    linear-gradient(180deg, #f7f9fc 0%, #eef3f7 38%, #f8fafc 100%) !important;
  color: #071426 !important;
}

html body .hero.compactHero,
html body .hero {
  min-height: 540px !important;
  max-height: 570px !important;
  padding-bottom: 72px !important;
}

html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(3, 10, 20, .88) 0%, rgba(7, 20, 38, .76) 48%, rgba(9, 72, 88, .48) 100%),
    linear-gradient(180deg, rgba(3, 10, 20, .12), rgba(3, 10, 20, .86)) !important;
}

html body .topNav {
  width: min(92vw, 1180px) !important;
  height: 62px !important;
  top: 20px !important;
  padding: 0 16px 0 18px !important;
  border-radius: 18px !important;
  background: rgba(6, 18, 34, .82) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.22) !important;
}

html body .logoAsset {
  flex: 0 0 210px !important;
  width: 210px !important;
}

html body .logoAsset::before {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  font-size: 14px !important;
}

html body .logoAsset::after {
  font-size: 17px !important;
  letter-spacing: -.045em !important;
}

html body .topNav::after {
  content: "Villa · Bungalov · Tur · Rent a car" !important;
  flex: 0 1 360px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 12px !important;
}

html body .navActions {
  gap: 8px !important;
}

html body .navActions .outline {
  min-height: 36px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  border-color: rgba(255,255,255,.2) !important;
  background: rgba(255,255,255,.09) !important;
}

html body .compactHero .heroLayout {
  min-height: 356px !important;
  padding-top: 116px !important;
}

html body .compactHero .heroCopy {
  width: min(760px, 86vw) !important;
}

html body .compactHero .heroPill {
  padding: 8px 14px !important;
  font-size: 11.5px !important;
  background: rgba(255,255,255,.1) !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 760px !important;
  font-size: clamp(36px, 4.25vw, 56px) !important;
  line-height: .98 !important;
}

html body .compactHero .heroCopy p {
  max-width: 690px !important;
  font-size: clamp(13.5px, 1.15vw, 16px) !important;
}

html body .searchBar {
  width: min(92vw, 1080px) !important;
  min-height: 70px !important;
  bottom: -30px !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 54px rgba(6,18,34,.18) !important;
}

html body .searchBar label {
  padding: 12px 14px !important;
}

html body .searchBar label span {
  font-size: 11px !important;
}

html body .searchBar input,
html body .searchBar select,
html body .guestSelects select {
  font-size: 14px !important;
}

html body .searchSubmit {
  width: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
  margin-right: 8px !important;
}

html body main {
  padding-top: 58px !important;
}

html body .purposeStrip,
html body .platformDepth {
  display: none !important;
}

html body .customerGuide,
html body .latest,
html body .modelBand.modelSlider,
html body .requestBox {
  width: min(92vw, 1080px) !important;
  max-width: 1080px !important;
  margin-top: 20px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 16px 42px rgba(7,20,38,.055) !important;
}

html body .customerGuide {
  padding: 22px !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: 12px 22px !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
}

html body .customerGuide .sectionTitle.compactTitle h2,
html body .latest .sectionTitle.compactTitle h2 {
  font-size: clamp(24px, 2.45vw, 34px) !important;
  letter-spacing: -.05em !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

html body .customerCards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html body .customerCards article {
  min-height: 82px !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 6px 10px !important;
  align-items: center !important;
  border-radius: 14px !important;
}

html body .customerCards span.guideIcon {
  grid-row: 1 / 3 !important;
  width: 31px !important;
  height: 31px !important;
  border-radius: 11px !important;
}

html body .customerCards article strong {
  font-size: 12.8px !important;
}

html body .customerCards article p {
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

html body .latest {
  padding: 22px !important;
}

html body .latest .sectionTitle.compactTitle {
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
}

html body .marketStrip {
  width: min(92vw, 1080px) !important;
  max-width: 1080px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 16px !important;
}

html body .marketStrip article {
  min-height: 72px !important;
  padding: 12px 14px 12px 46px !important;
  border-radius: 14px !important;
}

html body .marketStrip article::before {
  left: 14px !important;
  top: 15px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 9px !important;
}

html body .marketStrip span {
  font-size: 10.5px !important;
  margin-bottom: 5px !important;
}

html body .marketStrip strong {
  font-size: 12.5px !important;
  line-height: 1.22 !important;
}

html body .modelBand.modelSlider {
  padding: 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #06111f 0%, #0b2b51 58%, #0f6470 100%) !important;
}

html body .modelSliderHead {
  margin-bottom: 12px !important;
}

html body .modelBand.modelSlider h2 {
  font-size: clamp(25px, 2.9vw, 38px) !important;
}

html body .modelBand.modelSlider p:not(.kicker) {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .modelBand.modelSlider .modelCards article {
  min-height: 66px !important;
  padding: 11px 13px !important;
}

html body .requestBox {
  padding: 20px !important;
}

html body .requestBox h2 {
  font-size: clamp(24px, 2.5vw, 34px) !important;
}

html body .requestForm {
  padding: 14px !important;
  box-shadow: 0 12px 32px rgba(7,20,38,.06) !important;
}

html body .siteFooter,
html body footer.siteFooter,
html body .siteFooter.motionItem,
html body .siteFooter.motionItem.inView,
html body .siteFooter.motionItem.revealed {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 72px !important;
  margin: 28px 0 0 calc(50% - 50vw) !important;
  padding: 14px max(22px, calc((100vw - 1080px) / 2)) !important;
  border-radius: 0 !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(90deg, #06111f, #0b2b51 55%, #0f6470) !important;
}

html body .siteFooter > div:first-child::before {
  width: 38px !important;
  height: 38px !important;
}

html body .siteFooter strong {
  font-size: 15px !important;
}

html body .siteFooter p {
  font-size: 10.5px !important;
  max-width: 410px !important;
}

html body .siteFooter a {
  min-height: 32px !important;
  padding: 0 11px !important;
}

@media (max-width: 980px) {
  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .topNav::after {
    display: none !important;
  }
}

@media (max-width: 640px) {
  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: 1fr !important;
  }
}

html body section.purposeStrip,
html body .purposeStrip.motionItem,
html body .purposeStrip.motionItem.revealed,
html body .purposeStrip.motionItem.inView {
  display: none !important;
}

@media (max-width: 640px) {
  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: 1fr !important;
  }
}

/* v78: remove isolated operations card, custom logo, unified cards and corporate footer */
html body .operationsBoard {
  display: none !important;
}

html body .topNav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  column-gap: 22px !important;
  height: 74px !important;
  padding: 0 20px !important;
  background:
    linear-gradient(135deg, rgba(7, 20, 38, .82), rgba(10, 53, 68, .58)) !important;
}

html body .logoAsset {
  order: 1 !important;
  flex: 0 0 220px !important;
  width: 220px !important;
  height: 54px !important;
  display: inline-grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  text-decoration: none !important;
}

html body .logoAsset img {
  display: none !important;
}

html body .compactHero .topNav .logoAsset img,
html body .topNav .logoAsset img,
html body a.logoAsset img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .logoAsset::before {
  content: "UK" !important;
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #ffffff, #dcebf1) !important;
  color: #0b2b51 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
  box-shadow: inset 0 1px 0 #fff, 0 14px 34px rgba(0,0,0,.18) !important;
}

html body .logoAsset::after {
  content: "Uyguna Konakla" !important;
  white-space: normal !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

html body .topNav::after {
  content: "Villa  ·  Bungalov  ·  Tur  ·  Rent a car" !important;
  order: 2 !important;
  flex: 0 1 360px !important;
  justify-self: center !important;
  text-align: center !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
}

html body .topNav .navActions {
  order: 3 !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  justify-self: auto !important;
}

html body .customerGuide,
html body .platformDepth,
html body .latest,
html body .modelBand.modelSlider,
html body .requestBox {
  width: min(86vw, 1120px) !important;
  border-radius: 26px !important;
}

html body .customerCards article,
html body .purposeStrip article,
html body .depthGrid article,
html body .marketStrip article {
  border: 1px solid rgba(11, 43, 81, .1) !important;
  border-left: 1px solid rgba(11, 43, 81, .1) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,252,.98)) !important;
  box-shadow: 0 18px 48px rgba(11, 43, 81, .075) !important;
}

html body .purposeStrip article::before,
html body .marketStrip article::before {
  background: linear-gradient(135deg, #0b2b51, #106575) !important;
  box-shadow: 0 10px 24px rgba(12, 68, 82, .16) !important;
}

html body .platformDepth {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .depthIntro {
  background:
    linear-gradient(135deg, #071426, #0b2b51 48%, #12606e) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 30px 72px rgba(7,20,38,.18) !important;
}

html body .depthIntro h2,
html body .depthIntro p:not(.kicker) {
  color: #ffffff !important;
}

html body .depthIntro .kicker {
  color: #88e1df !important;
}

html body .siteFooter {
  width: min(86vw, 1120px) !important;
  max-width: 1120px !important;
  margin: 42px auto 38px !important;
  padding: 30px !important;
  display: grid !important;
  grid-template-columns: minmax(260px, .9fr) minmax(300px, 1.1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(28, 139, 157, .25), transparent 30%),
    linear-gradient(135deg, #06111f 0%, #0b2b51 58%, #0f5969 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 34px 90px rgba(7,20,38,.2) !important;
  color: #ffffff !important;
}

html body .siteFooter > div:first-child {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
}

html body .siteFooter > div:first-child::before {
  content: "UK" !important;
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  color: #0b2b51 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

html body .siteFooter strong {
  color: #ffffff !important;
  font-size: 24px !important;
  letter-spacing: -.04em !important;
}

html body .siteFooter p {
  max-width: 420px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

html body .siteFooter nav {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-content: start !important;
}

html body .siteFooter nav::before {
  content: "Platform bağlantıları" !important;
  grid-column: 1 / -1 !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

html body .siteFooter a {
  justify-content: center !important;
  min-height: 44px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.88) !important;
}

html body .siteFooter a:hover {
  background: #ffffff !important;
  color: #0b2b51 !important;
}

html body .siteFooter::after {
  content: "info@uygunakonakla.com   ·   Satıştan pay alınmaz, ilan ücreti modeliyle çalışılır." !important;
  grid-column: 1 / -1 !important;
  margin-top: 6px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.68) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

@media (max-width: 980px) {
  html body .topNav {
    grid-template-columns: 1fr auto !important;
  }

  html body .topNav::after {
    display: none !important;
  }

  html body .siteFooter {
    grid-template-columns: 1fr !important;
  }
}

/* v79: structural otelcontract-style rebuild for Uyguna Konakla */
html body {
  background:
    linear-gradient(180deg, #f5f8fb 0%, #eef4f8 34%, #f8fafc 100%) !important;
}

html body .hero.compactHero,
html body .hero {
  min-height: 720px !important;
  max-height: none !important;
  padding: 0 0 104px !important;
  display: block !important;
  background: #06111f !important;
}

html body .heroVideoStage::after {
  background:
    linear-gradient(90deg, rgba(3, 10, 20, .92) 0%, rgba(5, 16, 31, .82) 42%, rgba(9, 46, 62, .55) 100%),
    radial-gradient(circle at 74% 28%, rgba(42, 168, 182, .18), transparent 34%),
    linear-gradient(180deg, rgba(3, 10, 20, .1), rgba(3, 10, 20, .88)) !important;
}

html body .topNav {
  top: 24px !important;
  width: min(92vw, 1320px) !important;
  height: 76px !important;
  padding: 0 20px 0 22px !important;
  border-radius: 26px !important;
  background:
    linear-gradient(135deg, rgba(7, 20, 38, .88), rgba(12, 42, 62, .7)) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 30px 82px rgba(0,0,0,.22) !important;
}

html body .logoAsset {
  flex: 0 0 260px !important;
  width: 260px !important;
  height: 58px !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
}

html body .logoAsset::before {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ffffff, #e6f3f7) !important;
  color: #071f3f !important;
}

html body .logoAsset::after {
  content: "Uyguna Konakla" !important;
  font-size: 20px !important;
  color: #ffffff !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

html body .topNav::after {
  flex: 0 1 420px !important;
  padding: 14px 22px !important;
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.86) !important;
}

html body .navActions .outline {
  min-height: 44px !important;
  padding: 0 19px !important;
}

html body .compactHero .heroLayout {
  width: min(92vw, 1320px) !important;
  min-height: 520px !important;
  margin: 0 auto !important;
  padding: 142px 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .82fr) !important;
  gap: 56px !important;
  align-items: center !important;
  position: relative !important;
  z-index: 2 !important;
}

html body .compactHero .heroCopy {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 !important;
  text-align: left !important;
}

html body .compactHero .heroPill {
  margin-bottom: 22px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
}

html body .compactHero .heroCopy h1 {
  margin: 0 !important;
  max-width: 760px !important;
  font-size: clamp(52px, 5.15vw, 82px) !important;
  line-height: .91 !important;
  letter-spacing: -0.065em !important;
  text-align: left !important;
}

html body .compactHero .heroCopy p {
  margin: 24px 0 0 !important;
  max-width: 670px !important;
  font-size: clamp(16px, 1.45vw, 20px) !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

html body .compactHero .heroLayout::after {
  content: "Vitrin akışı tek bakışta. İlan yayını, içerik kontrolü, en uygun fiyat sıralaması ve doğrudan iletişim aynı düzende çalışır." !important;
  white-space: normal !important;
  min-height: 360px !important;
  border-radius: 28px !important;
  padding: 30px !important;
  display: flex !important;
  align-items: flex-end !important;
  color: #ffffff !important;
  font-weight: 950 !important;
  font-size: clamp(25px, 2.4vw, 38px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.07)),
    radial-gradient(circle at 88% 12%, rgba(55, 213, 196, .22), transparent 32%) !important;
  border: 1px solid rgba(255,255,255,.17) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 36px 88px rgba(0,0,0,.26) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  animation: panelFloat 6s ease-in-out infinite !important;
}

html body .compactHero .heroLayout::before {
  content: none !important;
  display: none !important;
}

@keyframes panelFloat {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -10px, 0); }
}

html body .searchBar {
  width: min(92vw, 1210px) !important;
  bottom: -42px !important;
  min-height: 84px !important;
  border-radius: 26px !important;
  box-shadow: 0 34px 90px rgba(5, 17, 33, .24) !important;
}

html body main {
  padding-top: 104px !important;
}

html body main > section {
  margin-top: 30px !important;
}

html body .customerGuide,
html body .latest,
html body .modelBand.modelSlider,
html body .requestBox,
html body .siteFooter {
  width: min(92vw, 1120px) !important;
}

html body .customerGuide,
html body .latest,
html body .requestBox {
  padding: 34px !important;
  border-radius: 28px !important;
}

html body .customerGuide .sectionTitle.compactTitle,
html body .latest .sectionTitle.compactTitle {
  border-bottom: 1px solid rgba(11,43,81,.08) !important;
  padding-bottom: 20px !important;
}

html body .customerCards,
html body .marketStrip,
html body .purposeStrip {
  gap: 14px !important;
}

html body .customerCards article,
html body .purposeStrip article,
html body .marketStrip article,
html body .depthGrid article {
  min-height: 132px !important;
  border-radius: 22px !important;
  padding: 20px !important;
  background:
    linear-gradient(180deg, #ffffff, #f7fbfd) !important;
  box-shadow: 0 16px 42px rgba(8, 29, 73, .065) !important;
}

html body .purposeStrip {
  width: min(92vw, 1120px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .platformDepth {
  width: min(92vw, 1120px) !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
}

html body .modelBand.modelSlider {
  margin-top: 38px !important;
  padding: 34px !important;
  border-radius: 30px !important;
}

html body .modelBand.modelSlider h2 {
  font-size: clamp(42px, 4.6vw, 64px) !important;
}

html body .modelBand.modelSlider .modelCards article {
  min-height: 92px !important;
  border-radius: 20px !important;
}

html body .requestBox {
  margin-top: 38px !important;
  align-items: center !important;
}

html body .siteFooter {
  min-height: 270px !important;
}

html body.motion-ready .heroCopy h1,
html body.motion-ready .customerCards article,
html body.motion-ready .purposeStrip article,
html body.motion-ready .marketStrip article,
html body.motion-ready .depthGrid article {
  will-change: transform, opacity !important;
}

@media (max-width: 1100px) {
  html body .compactHero .heroLayout {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding-top: 128px !important;
    gap: 24px !important;
  }

  html body .compactHero .heroLayout::after {
    min-height: 220px !important;
  }

  html body .compactHero .heroLayout::before {
    display: none !important;
  }

  html body .compactHero .heroCopy,
  html body .compactHero .heroCopy h1,
  html body .compactHero .heroCopy p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .topNav::after {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html body .purposeStrip,
  html body .platformDepth {
    grid-template-columns: 1fr !important;
  }

  html body .logoAsset {
    flex-basis: 180px !important;
  }

  html body .logoAsset::after {
    font-size: 16px !important;
  }
}

/* v80: listing-site reset, no giant hero/card blocks */
html body {
  background: #f6f8fb !important;
}

html body .hero.compactHero,
html body .hero {
  min-height: 560px !important;
  max-height: 600px !important;
  padding-bottom: 78px !important;
}

html body .compactHero .heroLayout {
  width: min(92vw, 1160px) !important;
  min-height: 386px !important;
  padding-top: 126px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .compactHero .heroLayout::after,
html body .compactHero .heroLayout::before {
  content: none !important;
  display: none !important;
}

html body .compactHero .heroCopy {
  width: min(780px, 86vw) !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body .compactHero .heroPill {
  margin-bottom: 16px !important;
  padding: 9px 16px !important;
  font-size: 12px !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 780px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(38px, 4.5vw, 60px) !important;
  line-height: .98 !important;
  letter-spacing: -0.052em !important;
}

html body .compactHero .heroCopy p {
  max-width: 720px !important;
  margin: 18px auto 0 !important;
  text-align: center !important;
  font-size: clamp(14px, 1.25vw, 17px) !important;
  line-height: 1.48 !important;
}

html body .topNav {
  width: min(92vw, 1180px) !important;
  height: 64px !important;
  border-radius: 20px !important;
}

html body .logoAsset {
  flex-basis: 230px !important;
}

html body .topNav::after {
  flex-basis: 350px !important;
  padding: 11px 16px !important;
  font-size: 12px !important;
}

html body .navActions .outline {
  min-height: 38px !important;
  padding: 0 15px !important;
  font-size: 12px !important;
}

html body .searchBar {
  width: min(92vw, 1120px) !important;
  min-height: 74px !important;
  bottom: -34px !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 58px rgba(5, 17, 33, .18) !important;
}

html body .searchBar label {
  padding: 13px 15px !important;
}

html body .searchBar input,
html body .searchBar select,
html body .guestSelects select {
  font-size: 15px !important;
}

html body .searchSubmit {
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
}

html body main {
  padding-top: 70px !important;
}

html body main > section {
  margin-top: 22px !important;
}

html body .customerGuide,
html body .latest,
html body .requestBox {
  width: min(92vw, 1120px) !important;
  padding: 24px !important;
  border-radius: 22px !important;
}

html body .customerGuide .sectionTitle.compactTitle,
html body .latest .sectionTitle.compactTitle {
  margin-bottom: 14px !important;
  padding-bottom: 14px !important;
}

html body .customerGuide .sectionTitle.compactTitle h2,
html body .latest .sectionTitle.compactTitle h2,
html body .requestBox h2 {
  font-size: clamp(26px, 2.7vw, 38px) !important;
  line-height: 1 !important;
  max-width: 520px !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  max-width: 440px !important;
  font-size: 13px !important;
}

html body .customerCards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .customerCards article,
html body .purposeStrip article,
html body .marketStrip article,
html body .depthGrid article {
  min-height: 96px !important;
  padding: 14px !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(8, 29, 73, .055) !important;
}

html body .customerCards span.guideIcon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
}

html body .customerCards article strong,
html body .purposeStrip article strong,
html body .marketStrip article strong,
html body .depthGrid article strong {
  font-size: 13.5px !important;
  line-height: 1.18 !important;
}

html body .customerCards article p,
html body .purposeStrip article span,
html body .depthGrid article p {
  font-size: 11.5px !important;
  line-height: 1.34 !important;
}

html body .purposeStrip,
html body .marketStrip {
  width: min(92vw, 1120px) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

html body .platformDepth {
  width: min(92vw, 1120px) !important;
  margin-top: 24px !important;
  gap: 12px !important;
}

html body .depthIntro {
  min-height: auto !important;
  padding: 22px !important;
  border-radius: 18px !important;
}

html body .depthIntro h2 {
  font-size: clamp(22px, 2.2vw, 30px) !important;
}

html body .depthIntro p:not(.kicker) {
  font-size: 12.5px !important;
}

html body .modelBand.modelSlider {
  width: min(92vw, 1120px) !important;
  margin-top: 26px !important;
  padding: 20px !important;
  border-radius: 18px !important;
}

html body .modelBand.modelSlider h2 {
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: .98 !important;
}

html body .modelBand.modelSlider .modelSlide,
html body .modelSlide.active {
  gap: 18px !important;
}

html body .modelBand.modelSlider .modelCards article {
  min-height: 74px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
}

html body .modelBand.modelSlider .modelCards .modelIcon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
}

html body .requestBox {
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr) !important;
  gap: 20px !important;
}

html body .requestForm {
  padding: 18px !important;
  border-radius: 18px !important;
}

html body .requestForm input,
html body .requestForm select {
  min-height: 42px !important;
  font-size: 13px !important;
}

html body .siteFooter {
  width: 100vw !important;
  max-width: none !important;
  min-height: 84px !important;
  margin: 34px 0 0 calc(50% - 50vw) !important;
  padding: 18px max(24px, calc((100vw - 1120px) / 2)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

html body footer.siteFooter,
html body .siteFooter.motionItem,
html body .siteFooter.motionItem.inView,
html body .siteFooter.motionItem.revealed {
  border-radius: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
}

html body .siteFooter > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .siteFooter > div:first-child::before {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  flex: 0 0 auto !important;
}

html body .siteFooter strong {
  font-size: 18px !important;
}

html body .siteFooter p {
  max-width: 420px !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

html body .siteFooter nav {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 8px !important;
}

html body .siteFooter nav::before {
  display: none !important;
}

html body .siteFooter a {
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
}

html body .siteFooter::after {
  content: "info@uygunakonakla.com" !important;
  grid-column: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

@media (max-width: 980px) {
  html body .hero.compactHero,
  html body .hero {
    min-height: 640px !important;
    max-height: none !important;
  }

  html body .customerCards,
  html body .marketStrip,
  html body .purposeStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .siteFooter {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 640px) {
  html body .customerCards,
  html body .marketStrip,
  html body .purposeStrip {
    grid-template-columns: 1fr !important;
  }
}

/* v82: kurumsal ilan sitesi düzeni - eski kart ağırlığını kırar */
:root {
  --uk-page: #f5f7fb;
  --uk-surface: #ffffff;
  --uk-ink: #071428;
  --uk-muted: #64748b;
  --uk-line: #dfe7ef;
  --uk-blue: #0f4c81;
  --uk-teal: #155e75;
  --uk-gold: #b98a36;
  --uk-footer: #06111f;
  --uk-container: min(1120px, calc(100vw - 48px));
}

html body {
  background: var(--uk-page) !important;
  color: var(--uk-ink) !important;
}

html body main {
  padding-top: 58px !important;
}

html body main > section {
  width: var(--uk-container) !important;
  max-width: var(--uk-container) !important;
  margin: 24px auto 0 !important;
}

html body .hero.compactHero,
html body .hero {
  min-height: 520px !important;
  max-height: 540px !important;
  padding: 0 0 62px !important;
  overflow: visible !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
}

html body .hero::after {
  background:
    linear-gradient(90deg, rgba(4, 14, 30, .82), rgba(8, 31, 50, .52) 45%, rgba(4, 14, 30, .78)),
    linear-gradient(180deg, rgba(2, 8, 17, .35), rgba(2, 8, 17, .2) 50%, rgba(245, 247, 251, .12)) !important;
}

html body .videoStepper {
  display: none !important;
}

html body .topNav {
  width: var(--uk-container) !important;
  height: 62px !important;
  top: 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .topNav::after {
  content: none !important;
  display: none !important;
}

html body .logoAsset {
  flex: 0 0 210px !important;
  height: 52px !important;
  display: inline-flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .logoAsset img {
  display: none !important;
}

html body .logoAsset::before {
  content: "UK" !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--uk-teal) !important;
  font: 900 14px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18) !important;
}

html body .logoAsset::after {
  content: "Uyguna Konakla" !important;
  margin-left: 10px !important;
  color: #fff !important;
  font: 900 18px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 1px 14px rgba(0,0,0,.24) !important;
}

html body .navActions {
  gap: 8px !important;
}

html body .navActions .outline {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  background: rgba(255,255,255,.09) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

html body .compactHero .heroLayout {
  width: var(--uk-container) !important;
  min-height: 390px !important;
  padding-top: 84px !important;
  display: grid !important;
  place-items: center !important;
}

html body .compactHero .heroCopy {
  width: min(760px, 88vw) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body .compactHero .heroPill {
  padding: 8px 14px !important;
  margin-bottom: 14px !important;
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.13) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 11px !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(34px, 4.2vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  color: #fff !important;
}

html body .compactHero .heroCopy p {
  max-width: 680px !important;
  margin: 16px auto 0 !important;
  text-align: center !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(13px, 1.15vw, 16px) !important;
  line-height: 1.48 !important;
}

html body .searchBar {
  width: min(1060px, calc(100vw - 96px)) !important;
  min-height: 66px !important;
  height: 66px !important;
  left: 50% !important;
  right: auto !important;
  bottom: -31px !important;
  transform: translateX(-50%) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(209, 219, 230, .96) !important;
  box-shadow: 0 20px 52px rgba(6, 17, 31, .16) !important;
  overflow: visible !important;
  z-index: 20 !important;
}

html body .searchBar label {
  min-width: 0 !important;
  padding: 10px 16px !important;
  border-color: var(--uk-line) !important;
}

html body .searchBar label span {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  color: var(--uk-muted) !important;
}

html body .searchBar input,
html body .searchBar select,
html body .guestSelects select {
  font-size: 14px !important;
  line-height: 1.1 !important;
  color: var(--uk-ink) !important;
}

html body .guestSelects {
  gap: 6px !important;
  min-width: 0 !important;
}

html body .guestSelects select {
  max-width: 104px !important;
  text-overflow: ellipsis !important;
}

html body .searchSubmit {
  width: 48px !important;
  height: 48px !important;
  margin-right: 8px !important;
  border-radius: 15px !important;
  background: var(--uk-teal) !important;
  box-shadow: 0 14px 28px rgba(21, 94, 117, .2) !important;
}

html body .cityDropdown {
  z-index: 999 !important;
  top: calc(100% + 12px) !important;
  width: min(420px, 88vw) !important;
  max-height: 320px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid var(--uk-line) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 28px 70px rgba(6, 17, 31, .22) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .cityDropdown button {
  min-height: 38px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  color: var(--uk-ink) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

html body .customerGuide,
html body .latest,
html body .requestBox,
html body .modelBand.modelSlider {
  border-radius: 18px !important;
  background: var(--uk-surface) !important;
  border: 1px solid var(--uk-line) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .045) !important;
}

html body .customerGuide {
  padding: 22px !important;
  display: grid !important;
  grid-template-columns: 330px 1fr !important;
  gap: 20px !important;
  align-items: stretch !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
  border: 0 !important;
}

html body .customerGuide .sectionTitle.compactTitle h2,
html body .latest .sectionTitle.compactTitle h2,
html body .requestBox h2 {
  max-width: none !important;
  color: var(--uk-ink) !important;
  font-size: clamp(24px, 2.6vw, 36px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  max-width: 290px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: var(--uk-muted) !important;
}

html body .kicker {
  color: var(--uk-gold) !important;
  font-size: 11px !important;
  letter-spacing: .03em !important;
}

html body .customerCards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .customerCards article,
html body .marketStrip article,
html body .modelCards article {
  min-height: 92px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #fff, #f8fbfd) !important;
  border: 1px solid var(--uk-line) !important;
  box-shadow: none !important;
}

html body .customerCards span.guideIcon,
html body .modelBand.modelSlider .modelCards .modelIcon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  background: #e9f3f6 !important;
  color: var(--uk-teal) !important;
  box-shadow: none !important;
}

html body .customerCards article strong,
html body .marketStrip article strong,
html body .modelCards article strong {
  font-size: 13.5px !important;
  line-height: 1.2 !important;
  color: var(--uk-ink) !important;
}

html body .customerCards article p,
html body .modelCards article span:last-child {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: var(--uk-muted) !important;
}

html body .purposeStrip,
html body .platformDepth,
html body .operationsBoard {
  display: none !important;
}

html body .latest {
  padding: 22px 22px 20px !important;
}

html body .latest .sectionTitle.compactTitle {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 16px !important;
  align-items: end !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--uk-line) !important;
}

html body .latest .sectionTitle.compactTitle .kicker {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

html body .latest .sectionTitle.compactTitle p:last-child {
  max-width: 420px !important;
  font-size: 12px !important;
  color: var(--uk-muted) !important;
  text-align: right !important;
}

html body .cards {
  gap: 14px !important;
}

html body .emptyState,
html body #publicListings:empty::before {
  min-height: 64px !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  border: 1px dashed #dbe4ee !important;
  color: #334155 !important;
  font-size: 13px !important;
}

html body .marketStrip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

html body .marketStrip article {
  min-height: 82px !important;
  padding: 15px 16px !important;
}

html body .marketStrip article::before {
  width: 9px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--uk-teal), var(--uk-gold)) !important;
  box-shadow: none !important;
}

html body .marketStrip span {
  color: var(--uk-gold) !important;
  font-size: 10px !important;
}

html body .modelBand.modelSlider {
  padding: 0 !important;
  overflow: hidden !important;
  background: #082033 !important;
  border-color: rgba(15, 76, 129, .22) !important;
  box-shadow: 0 18px 54px rgba(6, 17, 31, .08) !important;
}

html body .modelSliderHead {
  padding: 16px 18px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body .modelSwitch {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

html body .modelSwitch button {
  color: rgba(255,255,255,.75) !important;
  font-size: 11px !important;
}

html body .modelSwitch button.active {
  background: #fff !important;
  color: var(--uk-teal) !important;
}

html body .modelTrack {
  padding: 18px !important;
}

html body .modelSlide,
html body .modelSlide.active {
  grid-template-columns: 350px 1fr !important;
  gap: 18px !important;
  align-items: stretch !important;
}

html body .modelCopy {
  padding: 0 !important;
  color: #fff !important;
}

html body .modelEyebrow,
html body .modelBand .kicker {
  color: #9bd5df !important;
}

html body .modelBand.modelSlider h2 {
  color: #fff !important;
  font-size: clamp(26px, 3.2vw, 42px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  margin: 8px 0 12px !important;
}

html body .modelBand.modelSlider p {
  color: rgba(255,255,255,.78) !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html body .modelCards {
  gap: 10px !important;
}

html body .modelCards article {
  min-height: 78px !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}

html body .modelCards article strong {
  color: #fff !important;
}

html body .modelCards article span:last-child {
  color: rgba(255,255,255,.72) !important;
}

html body .requestBox {
  padding: 20px !important;
  display: grid !important;
  grid-template-columns: 320px 1fr !important;
  gap: 18px !important;
  align-items: center !important;
}

html body .requestForm {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto !important;
  gap: 8px !important;
}

html body .requestForm input,
html body .requestForm select {
  min-height: 42px !important;
  border-radius: 12px !important;
  border: 1px solid var(--uk-line) !important;
  font-size: 12px !important;
}

html body .requestForm button {
  min-height: 42px !important;
  border-radius: 12px !important;
  background: var(--uk-teal) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

html body .siteFooter,
html body footer.siteFooter,
html body .siteFooter.motionItem,
html body .siteFooter.motionItem.inView,
html body .siteFooter.motionItem.revealed {
  width: 100vw !important;
  max-width: none !important;
  min-height: 62px !important;
  margin: 30px calc(50% - 50vw) 0 !important;
  padding: 12px max(24px, calc((100vw - 1120px) / 2)) !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  background: var(--uk-footer) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  color: #fff !important;
}

html body .siteFooter > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .siteFooter > div:first-child::before {
  content: "UK" !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: var(--uk-teal) !important;
  font: 900 11px/1 Inter, system-ui, sans-serif !important;
}

html body .siteFooter strong {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

html body .siteFooter p {
  max-width: none !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  margin: 3px 0 0 !important;
}

html body .siteFooter nav {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

html body .siteFooter nav::before,
html body .siteFooter::after {
  content: none !important;
  display: none !important;
}

html body .siteFooter a {
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 11px !important;
}

html body .siteFooter a:hover {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

@media (max-width: 980px) {
  html body .hero.compactHero,
  html body .hero {
    min-height: 620px !important;
    max-height: none !important;
  }

  html body .searchBar {
    width: min(92vw, 680px) !important;
    height: auto !important;
    grid-template-columns: 1fr 1fr !important;
    border-radius: 20px !important;
  }

  html body .searchSubmit {
    grid-column: 1 / -1 !important;
    width: calc(100% - 16px) !important;
  }

  html body .customerGuide,
  html body .modelSlide,
  html body .modelSlide.active,
  html body .requestBox {
    grid-template-columns: 1fr !important;
  }

  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .requestForm {
    grid-template-columns: 1fr !important;
  }

  html body .siteFooter {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 640px) {
  :root {
    --uk-container: min(100vw - 28px, 1120px);
  }

  html body .topNav {
    top: 14px !important;
  }

  html body .logoAsset::after {
    display: none !important;
  }

  html body .compactHero .heroCopy h1 {
    font-size: 34px !important;
  }

  html body .customerCards,
  html body .marketStrip {
    grid-template-columns: 1fr !important;
  }
}

/* v83: daha ince, daha resmi ilan vitrini */
html body .topNav {
  width: min(1160px, calc(100vw - 64px)) !important;
  height: 54px !important;
  top: 18px !important;
}

html body .logoAsset::before {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
}

html body .logoAsset::after {
  font-size: 16px !important;
}

html body .navActions .outline {
  min-height: 34px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
}

html body .hero.compactHero,
html body .hero {
  min-height: 500px !important;
  max-height: 510px !important;
  padding-bottom: 58px !important;
}

html body .compactHero .heroLayout {
  min-height: 360px !important;
  padding-top: 72px !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 700px !important;
  font-size: clamp(32px, 3.8vw, 50px) !important;
  letter-spacing: -0.04em !important;
}

html body .compactHero .heroCopy p {
  max-width: 610px !important;
  font-size: clamp(12.5px, 1.05vw, 15px) !important;
}

html body .searchBar {
  width: min(1040px, calc(100vw - 112px)) !important;
  height: 62px !important;
  min-height: 62px !important;
  bottom: -28px !important;
  border-radius: 16px !important;
}

html body .searchBar label {
  padding: 9px 14px !important;
}

html body .searchSubmit {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
}

html body main {
  padding-top: 52px !important;
}

html body .customerGuide {
  grid-template-columns: 280px 1fr !important;
  gap: 16px !important;
  padding: 18px !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  font-size: clamp(22px, 2.15vw, 30px) !important;
  line-height: 1.08 !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  max-width: 260px !important;
  font-size: 12px !important;
}

html body .customerCards article {
  min-height: 86px !important;
  padding: 13px !important;
}

html body .latest {
  padding: 20px !important;
}

html body .latest .sectionTitle.compactTitle h2 {
  font-size: clamp(25px, 2.7vw, 36px) !important;
}

html body #publicListings,
html body .cards {
  width: 100% !important;
}

html body #publicListings:empty::before,
html body .emptyState {
  width: 100% !important;
}

html body .modelBand.modelSlider {
  background: #ffffff !important;
  border-color: var(--uk-line) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .045) !important;
}

html body .modelSliderHead {
  padding: 16px 18px 0 !important;
}

html body .modelBand .kicker,
html body .modelEyebrow {
  color: var(--uk-gold) !important;
}

html body .modelSwitch {
  background: #eef5f8 !important;
  border: 1px solid #d8e7ed !important;
}

html body .modelSwitch button {
  color: #557083 !important;
}

html body .modelSwitch button.active {
  background: var(--uk-teal) !important;
  color: #fff !important;
}

html body .modelTrack {
  padding: 18px !important;
}

html body .modelSlide,
html body .modelSlide.active {
  grid-template-columns: 320px 1fr !important;
  gap: 16px !important;
}

html body .modelCopy {
  color: var(--uk-ink) !important;
}

html body .modelBand.modelSlider h2 {
  color: var(--uk-ink) !important;
  font-size: clamp(24px, 2.7vw, 36px) !important;
}

html body .modelBand.modelSlider p {
  color: var(--uk-muted) !important;
  font-size: 12px !important;
}

html body .modelCards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .modelCards article {
  min-height: 104px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
  border-color: var(--uk-line) !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body .modelCards article strong {
  color: var(--uk-ink) !important;
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.18 !important;
}

html body .modelCards article span:last-child {
  color: var(--uk-muted) !important;
  display: block !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

html body .modelCards article .modelIcon,
html body .modelBand.modelSlider .modelCards .modelIcon {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: center !important;
  transform: none !important;
  opacity: 1 !important;
}

html body .requestBox {
  grid-template-columns: 260px 1fr !important;
  padding: 18px !important;
}

html body .requestBox h2 {
  font-size: clamp(22px, 2.3vw, 30px) !important;
  line-height: 1.08 !important;
}

html body .requestForm {
  align-items: center !important;
}

html body .requestForm button {
  padding: 0 16px !important;
}

html body .siteFooter,
html body footer.siteFooter,
html body .siteFooter.motionItem,
html body .siteFooter.motionItem.inView,
html body .siteFooter.motionItem.revealed {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 58px !important;
  margin: 28px -50vw 0 !important;
  padding: 10px max(22px, calc((100vw - 1120px) / 2)) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  overflow: visible !important;
}

html body .siteFooter > div:first-child::before {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
}

html body .siteFooter strong {
  font-size: 13px !important;
}

html body .siteFooter p {
  font-size: 10.5px !important;
}

html body .siteFooter a {
  min-height: 28px !important;
  padding: 0 9px !important;
  font-size: 10.5px !important;
}

@media (max-width: 980px) {
  html body .modelCards {
    grid-template-columns: 1fr !important;
  }
}

/* v83b: model kartlarini onceki koyu slider kurallarindan tamamen ayir */
html body .modelBand.modelSlider .modelCards article {
  min-height: 104px !important;
  max-height: 118px !important;
  height: auto !important;
  padding: 14px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
  border: 1px solid var(--uk-line) !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-content: center !important;
  align-items: center !important;
  box-shadow: none !important;
  color: var(--uk-ink) !important;
}

html body .modelBand.modelSlider .modelSlide,
html body .modelBand.modelSlider .modelSlide.active {
  align-items: start !important;
  min-height: 0 !important;
  height: auto !important;
}

html body .modelBand.modelSlider .modelCards {
  align-items: start !important;
}

html body .modelBand.modelSlider .modelTrack {
  min-height: 0 !important;
  height: auto !important;
}

html body .modelBand.modelSlider .modelCopy {
  min-height: 0 !important;
  height: auto !important;
}

/* v84: SEO blog ve rehber alanlari */
html body .seoBlogStrip {
  padding: 20px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid var(--uk-line) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .045) !important;
}

html body .seoBlogStrip .sectionTitle {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: end !important;
  margin: 0 0 14px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--uk-line) !important;
}

html body .seoBlogStrip .sectionTitle .kicker {
  grid-column: 1 / -1 !important;
}

html body .seoBlogStrip h2 {
  max-width: 620px !important;
  font-size: clamp(24px, 2.5vw, 34px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
}

html body .seoBlogStrip .sectionTitle p:last-child {
  max-width: 360px !important;
  font-size: 12px !important;
  color: var(--uk-muted) !important;
}

html body .seoBlogCards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .seoBlogCards a {
  min-height: 96px !important;
  padding: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
  border: 1px solid var(--uk-line) !important;
  color: var(--uk-ink) !important;
  text-decoration: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

html body .seoBlogCards a:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(21, 94, 117, .28) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .08) !important;
}

html body .seoBlogCards span {
  color: var(--uk-gold) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body .seoBlogCards strong {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

html body.blogPage {
  min-height: 100vh !important;
  background: var(--uk-page) !important;
  color: var(--uk-ink) !important;
}

html body.blogPage .blogHeader {
  padding: 22px 0 46px !important;
  background:
    radial-gradient(circle at 10% 0, rgba(21, 94, 117, .12), transparent 32%),
    linear-gradient(180deg, #ffffff, #f5f7fb) !important;
  border-bottom: 1px solid var(--uk-line) !important;
}

html body.blogPage .blogNav {
  width: var(--uk-container) !important;
  margin: 0 auto !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html body.blogPage .blogLogo,
html body.blogPage .blogNav a {
  color: var(--uk-ink) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

html body.blogPage .blogLogo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 16px !important;
}

html body.blogPage .blogLogo span {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: var(--uk-teal) !important;
  color: #fff !important;
  font-size: 11px !important;
}

html body.blogPage .blogNav div {
  display: flex !important;
  gap: 8px !important;
}

html body.blogPage .blogNav div a {
  min-height: 34px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  border: 1px solid var(--uk-line) !important;
  background: #fff !important;
  font-size: 11px !important;
}

html body.blogPage .blogHero,
html body.blogPage .blogMain,
html body.blogPage .articleWrap {
  width: var(--uk-container) !important;
  margin: 0 auto !important;
}

html body.blogPage .blogHero {
  padding-top: 54px !important;
  max-width: 1120px !important;
}

html body.blogPage .blogHero h1 {
  max-width: 760px !important;
  margin: 8px 0 12px !important;
  font-size: clamp(32px, 4.2vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.042em !important;
}

html body.blogPage .blogHero p:not(.kicker) {
  max-width: 640px !important;
  color: var(--uk-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html body.blogPage .blogMain {
  padding: 34px 0 0 !important;
}

html body.blogPage .blogGrid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.blogPage .blogGrid article {
  min-height: 230px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid var(--uk-line) !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .045) !important;
}

html body.blogPage .blogGrid span {
  color: var(--uk-gold) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body.blogPage .blogGrid h2 {
  margin: 14px 0 10px !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
}

html body.blogPage .blogGrid h2 a,
html body.blogPage .readMore {
  color: var(--uk-ink) !important;
  text-decoration: none !important;
}

html body.blogPage .blogGrid p {
  color: var(--uk-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

html body.blogPage .readMore {
  margin-top: 14px !important;
  display: inline-flex !important;
  color: var(--uk-teal) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body.blogPage .blogCta {
  margin-top: 18px !important;
  padding: 20px !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  background: #082033 !important;
  color: #fff !important;
}

html body.blogPage .blogCta h2 {
  margin: 4px 0 !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
}

html body.blogPage .blogCta p:not(.kicker) {
  max-width: 640px !important;
  color: rgba(255,255,255,.74) !important;
  font-size: 12.5px !important;
}

html body.blogPage .blogCta a,
html body.blogPage .articleCta {
  min-height: 42px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: var(--uk-teal) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body.articlePage .articleWrap {
  padding: 34px 0 60px !important;
}

html body.articlePage article {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 34px !important;
  border-radius: 20px !important;
  background: #fff !important;
  border: 1px solid var(--uk-line) !important;
  box-shadow: 0 14px 38px rgba(15, 23, 42, .045) !important;
}

html body.articlePage h1 {
  margin: 8px 0 14px !important;
  font-size: clamp(31px, 4vw, 46px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em !important;
}

html body.articlePage .lead {
  color: var(--uk-muted) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

html body.articlePage h2 {
  margin: 26px 0 8px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
}

html body.articlePage p {
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

html body.articlePage .articleCta {
  margin-top: 18px !important;
}

html body.blogPage .blogFooter {
  margin-top: 34px !important;
}

@media (max-width: 980px) {
  html body .seoBlogCards,
  html body.blogPage .blogGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .seoBlogStrip .sectionTitle,
  html body.blogPage .blogCta {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 640px) {
  html body .seoBlogCards,
  html body.blogPage .blogGrid {
    grid-template-columns: 1fr !important;
  }

  html body.blogPage .blogHero h1,
  html body.articlePage h1 {
    font-size: 34px !important;
  }
}

html body .modelBand.modelSlider .modelCards article strong {
  color: var(--uk-ink) !important;
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.18 !important;
}

html body .modelBand.modelSlider .modelCards article span:last-child {
  color: var(--uk-muted) !important;
  display: block !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

/* v85: footer yeniden tasarim + blog klasor linkleri */
html body .siteFooter,
html body footer.siteFooter,
html body .siteFooter.motionItem,
html body .siteFooter.motionItem.inView,
html body .siteFooter.motionItem.revealed {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 0 !important;
  margin: 34px -50vw 0 !important;
  padding: 28px max(24px, calc((100vw - 1120px) / 2)) 16px !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 1.4fr) minmax(160px, .55fr) minmax(190px, .7fr) !important;
  gap: 28px !important;
  align-items: start !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  background:
    radial-gradient(circle at 15% 0, rgba(21, 94, 117, .22), transparent 28%),
    linear-gradient(180deg, #071426, #040b14) !important;
  box-shadow: none !important;
  color: #fff !important;
  overflow: hidden !important;
}

html body .siteFooter::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255,255,255,.08), transparent 34%, rgba(255,255,255,.04)) !important;
  opacity: .7 !important;
}

html body .siteFooter > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .footerBrand {
  display: block !important;
  max-width: 460px !important;
}

html body .footerLogo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

html body .footerLogo span {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: var(--uk-teal) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

html body .footerBrand p {
  max-width: 430px !important;
  margin: 14px 0 0 !important;
  color: rgba(255,255,255,.66) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html body .footerCol {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

html body .footerCol strong {
  margin-bottom: 4px !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

html body .footerCol a,
html body .siteFooter nav a,
html body .siteFooter a {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255,255,255,.68) !important;
  text-decoration: none !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

html body .footerCol a:hover,
html body .siteFooter a:hover {
  color: #fff !important;
  background: transparent !important;
}

html body .footerBottom {
  grid-column: 1 / -1 !important;
  margin-top: 10px !important;
  padding-top: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
  color: rgba(255,255,255,.48) !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}

html body .siteFooter > div:first-child::before,
html body .siteFooter::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 800px) {
  html body .siteFooter,
  html body footer.siteFooter {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding-top: 24px !important;
  }

  html body .footerBottom {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* v86: Airbnb + Booking pazar yeri tasarim sistemi */
:root {
  --uk-primary: #0f172a;
  --uk-primary-2: #111c33;
  --uk-accent: #ff5a5f;
  --uk-accent-2: #f97316;
  --uk-bg: #f8fafc;
  --uk-card: #ffffff;
  --uk-text: #0f172a;
  --uk-soft: #64748b;
  --uk-border: #e2e8f0;
  --uk-container: min(1180px, calc(100vw - 48px));
}

html,
html body {
  background: var(--uk-bg) !important;
  color: var(--uk-text) !important;
}

html body main {
  width: 100% !important;
  padding: 72px 0 0 !important;
}

html body main > section {
  width: var(--uk-container) !important;
  max-width: var(--uk-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .hero.compactHero,
html body .hero {
  min-height: 590px !important;
  max-height: none !important;
  padding: 0 0 88px !important;
  background: var(--uk-primary) !important;
}

html body .hero::after {
  background:
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,.58) 48%, rgba(15,23,42,.86)),
    radial-gradient(circle at 50% 28%, rgba(255,90,95,.18), transparent 34%) !important;
}

html body .topNav {
  width: var(--uk-container) !important;
  height: 64px !important;
  top: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  padding: 0 10px 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow: 0 18px 60px rgba(15, 23, 42, .16) !important;
}

html body .logoAsset::before,
html body .footerLogo span,
html body.blogPage .blogLogo span {
  background: var(--uk-primary) !important;
  color: #fff !important;
}

html body .logoAsset::after {
  color: var(--uk-primary) !important;
  text-shadow: none !important;
}

html body .navActions .outline {
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid var(--uk-border) !important;
  background: #fff !important;
  color: var(--uk-primary) !important;
  box-shadow: none !important;
}

html body .navActions .outline:last-child {
  border-color: transparent !important;
  background: var(--uk-accent) !important;
  color: #fff !important;
}

html body .compactHero .heroLayout {
  width: var(--uk-container) !important;
  min-height: 380px !important;
  padding-top: 116px !important;
  display: grid !important;
  place-items: center !important;
}

html body .compactHero .heroCopy {
  width: min(780px, 92vw) !important;
  text-align: center !important;
}

html body .compactHero .heroPill {
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.9) !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 760px !important;
  margin: 0 auto !important;
  font-size: clamp(38px, 5vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -0.055em !important;
  text-align: center !important;
}

html body .compactHero .heroCopy p {
  max-width: 680px !important;
  margin: 18px auto 0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

html body .searchTabs {
  position: absolute !important;
  left: 50% !important;
  bottom: 104px !important;
  z-index: 23 !important;
  transform: translateX(-50%) !important;
  width: fit-content !important;
  padding: 6px !important;
  display: flex !important;
  gap: 6px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.2) !important;
}

html body .searchTabs button {
  min-height: 38px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--uk-primary) !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  cursor: pointer !important;
}

html body .searchTabs button.active {
  background: var(--uk-primary) !important;
  color: #fff !important;
}

html body .searchBar {
  width: var(--uk-container) !important;
  min-height: 78px !important;
  height: 78px !important;
  left: 50% !important;
  bottom: 22px !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: 1.55fr 1fr 1fr 1.25fr 1fr 70px !important;
  border-radius: 28px !important;
  background: #fff !important;
  border: 1px solid rgba(226,232,240,.92) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.22) !important;
  overflow: visible !important;
}

html body .searchBar label {
  padding: 14px 18px !important;
  border-color: var(--uk-border) !important;
}

html body .searchBar label > span {
  color: var(--uk-soft) !important;
  font-size: 11px !important;
}

html body .searchBar input,
html body .searchBar select,
html body .guestSelects select {
  color: var(--uk-primary) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body .searchSubmit {
  width: 56px !important;
  height: 56px !important;
  margin-right: 10px !important;
  border-radius: 20px !important;
  background: var(--uk-accent) !important;
  box-shadow: 0 16px 38px rgba(255,90,95,.28) !important;
}

html body .categoryRail {
  margin-top: 0 !important;
  padding: 8px 0 4px !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

html body .categoryRail::-webkit-scrollbar {
  display: none !important;
}

html body .categoryRail button {
  min-height: 48px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  border: 1px solid var(--uk-border) !important;
  background: #fff !important;
  color: var(--uk-primary) !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.04) !important;
  cursor: pointer !important;
}

html body .categoryRail button span {
  width: 26px !important;
  height: 26px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: var(--uk-primary) !important;
}

html body .categoryRail button.active {
  border-color: var(--uk-primary) !important;
  background: var(--uk-primary) !important;
  color: #fff !important;
}

html body .categoryRail button.active span {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}

html body .customerGuide {
  margin-top: 28px !important;
  padding: 24px !important;
  display: block !important;
  border-radius: 26px !important;
  background: #fff !important;
  border: 1px solid var(--uk-border) !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.05) !important;
}

html body .customerGuide .sectionTitle.compactTitle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr) !important;
  gap: 24px !important;
  align-items: end !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid var(--uk-border) !important;
}

html body .customerGuide .sectionTitle.compactTitle .kicker {
  grid-column: 1 / -1 !important;
}

html body .customerGuide .sectionTitle.compactTitle h2 {
  max-width: 640px !important;
  font-size: clamp(30px, 3.5vw, 46px) !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
}

html body .customerGuide .sectionTitle.compactTitle p:last-child {
  max-width: 420px !important;
  justify-self: end !important;
  color: var(--uk-soft) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

html body .customerCards {
  margin-top: 16px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body .customerCards article,
html body .seoBlogCards a,
html body .marketStrip article,
html body .modelBand.modelSlider .modelCards article {
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid var(--uk-border) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.045) !important;
}

html body .customerCards article:hover,
html body .seoBlogCards a:hover,
html body .marketStrip article:hover,
html body .dealCard:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.1) !important;
}

html body .latest,
html body .seoBlogStrip,
html body .modelBand.modelSlider,
html body .requestBox {
  border-radius: 26px !important;
  background: #fff !important;
  border: 1px solid var(--uk-border) !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.05) !important;
}

html body .latest .sectionTitle.compactTitle,
html body .seoBlogStrip .sectionTitle {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
}

html body .latest .sectionTitle.compactTitle h2,
html body .seoBlogStrip h2,
html body .requestBox h2 {
  color: var(--uk-primary) !important;
  font-size: clamp(28px, 3.2vw, 44px) !important;
  letter-spacing: -0.045em !important;
}

html body .cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body .dealCard {
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--uk-border) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

html body .dealImage {
  aspect-ratio: 4 / 3 !important;
}

html body .dealActions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body .compareAction,
html body .callAction,
html body .softAction {
  min-height: 34px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--uk-border) !important;
  background: #fff !important;
  color: var(--uk-primary) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

html body .callAction,
html body .compareAction.selected {
  border-color: transparent !important;
  background: var(--uk-accent) !important;
  color: #fff !important;
}

html body .compareBar {
  position: fixed !important;
  left: 50% !important;
  bottom: 18px !important;
  z-index: 1000 !important;
  transform: translate(-50%, 140%) !important;
  width: min(520px, calc(100vw - 32px)) !important;
  min-height: 62px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-radius: 22px !important;
  background: var(--uk-primary) !important;
  color: #fff !important;
  box-shadow: 0 22px 70px rgba(15,23,42,.32) !important;
  transition: transform .32s ease !important;
}

html body .compareBar.open {
  transform: translate(-50%, 0) !important;
}

html body .compareBar strong,
html body .compareBar span {
  display: block !important;
}

html body .compareBar strong {
  font-size: 13px !important;
}

html body .compareBar span {
  color: rgba(255,255,255,.68) !important;
  font-size: 11px !important;
}

html body .compareBar button {
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--uk-accent) !important;
  color: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

html body .siteFooter,
html body footer.siteFooter {
  margin-top: 42px !important;
  background:
    radial-gradient(circle at 20% 0, rgba(249,115,22,.13), transparent 30%),
    linear-gradient(180deg, #101827, #070b12) !important;
}

html body .footerLogo span {
  background: var(--uk-accent) !important;
}

html body .requestForm button {
  background: var(--uk-accent) !important;
}

@media (max-width: 1040px) {
  html body .searchBar {
    width: min(720px, calc(100vw - 40px)) !important;
    height: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    bottom: -42px !important;
  }

  html body .searchTabs {
    bottom: 126px !important;
  }

  html body main {
    padding-top: 94px !important;
  }

  html body .customerGuide .sectionTitle.compactTitle,
  html body .latest .sectionTitle.compactTitle,
  html body .seoBlogStrip .sectionTitle {
    grid-template-columns: 1fr !important;
  }

  html body .customerGuide .sectionTitle.compactTitle p:last-child {
    justify-self: start !important;
  }

  html body .customerCards,
  html body .cards,
  html body .seoBlogCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  :root {
    --uk-container: min(100vw - 28px, 1180px);
  }

  html body .hero.compactHero,
  html body .hero {
    min-height: 720px !important;
  }

  html body .topNav {
    width: calc(100vw - 28px) !important;
    height: auto !important;
    padding: 10px !important;
    align-items: flex-start !important;
    border-radius: 24px !important;
  }

  html body .navActions {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  html body .compactHero .heroCopy h1 {
    font-size: 34px !important;
  }

  html body .searchTabs {
    width: calc(100vw - 28px) !important;
    justify-content: center !important;
    bottom: 248px !important;
  }

  html body .searchTabs button {
    flex: 1 !important;
    padding: 0 8px !important;
  }

  html body .searchBar {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 28px) !important;
    bottom: -96px !important;
  }

  html body main {
    padding-top: 118px !important;
  }

  html body .customerCards,
  html body .cards,
  html body .seoBlogCards {
    grid-template-columns: 1fr !important;
  }
}

/* v86b: merkezleme ve hero arama yerlesimi kesin kurallar */
html body .hero.compactHero,
html body .hero {
  height: 540px !important;
  min-height: 540px !important;
  max-height: 540px !important;
  padding: 0 !important;
}

html body .compactHero .topNav,
html body .topNav {
  width: min(1180px, calc(100vw - 64px)) !important;
  height: 64px !important;
  min-height: 64px !important;
  top: 24px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  padding: 0 12px 0 14px !important;
}

html body .logoAsset {
  height: 44px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 218px !important;
}

html body .logoAsset::after {
  display: inline-block !important;
  color: var(--uk-primary) !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 16px !important;
}

html body .compactHero .heroLayout {
  width: var(--uk-container) !important;
  height: 324px !important;
  min-height: 324px !important;
  padding: 112px 0 0 !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

html body .compactHero .heroCopy,
html body .heroCopy {
  width: min(780px, 92vw) !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  text-align: center !important;
  transform: none !important;
}

html body .compactHero .heroCopy h1 {
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(34px, 4.4vw, 58px) !important;
  line-height: 1 !important;
}

html body .compactHero .heroCopy p {
  max-width: 660px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .searchTabs {
  position: absolute !important;
  top: 322px !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 24 !important;
}

html body .searchBar {
  position: absolute !important;
  top: 376px !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: min(1120px, calc(100vw - 96px)) !important;
  height: 78px !important;
  min-height: 78px !important;
  z-index: 23 !important;
}

html body main {
  padding-top: 38px !important;
}

html body .categoryRail {
  margin-top: 0 !important;
}

html body .customerGuide {
  margin-top: 22px !important;
}

@media (max-width: 1040px) {
  html body .hero.compactHero,
  html body .hero {
    height: 650px !important;
    min-height: 650px !important;
    max-height: none !important;
  }

  html body .searchTabs {
    top: 338px !important;
  }

  html body .searchBar {
    top: 392px !important;
    width: min(720px, calc(100vw - 40px)) !important;
    height: auto !important;
  }
}

@media (max-width: 640px) {
  html body .hero.compactHero,
  html body .hero {
    height: 780px !important;
    min-height: 780px !important;
  }

  html body .searchTabs {
    top: 342px !important;
  }

  html body .searchBar {
    top: 402px !important;
  }

  html body main {
    padding-top: 46px !important;
  }
}

html body .hero.compactHero > .searchBar,
html body .compactHero .searchBar,
html body .compactHero .searchBar.motionItem,
html body .compactHero .searchBar.inView,
html body .compactHero .searchBar.revealed {
  position: absolute !important;
  top: 376px !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  width: min(1120px, calc(100vw - 96px)) !important;
  height: 78px !important;
  min-height: 78px !important;
}

@media (max-width: 1040px) {
  html body .hero.compactHero > .searchBar,
  html body .compactHero .searchBar,
  html body .compactHero .searchBar.motionItem,
  html body .compactHero .searchBar.inView,
  html body .compactHero .searchBar.revealed {
    top: 392px !important;
    width: min(720px, calc(100vw - 40px)) !important;
    height: auto !important;
  }
}

@media (max-width: 640px) {
  html body .hero.compactHero > .searchBar,
  html body .compactHero .searchBar,
  html body .compactHero .searchBar.motionItem,
  html body .compactHero .searchBar.inView,
  html body .compactHero .searchBar.revealed {
    top: 402px !important;
    width: calc(100vw - 28px) !important;
  }
}