/* ==========================================================================
   ORCA dark system ("The Control Room") — tokens from DESIGN.md
   Site-wide: header, sticky header, mobile menu, footer.
   Page-level: body.orca-dark (services).
   ========================================================================== */

:root {
  --ink: #0e0e0e;
  --charcoal: #161816;
  --graphite: #1f2320;
  --line: #2a2e2b;
  --orange: #ff4a1c;
  --orange-deep: #c8330c;
  --orange-glow: rgba(255, 74, 28, 0.25);
  --white: #ffffff;
  --fog: #c9cdc6;
  --ash: #8d948f;
  --paper: #f4f5f2;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --header-h: 70px;
  --theme-color: var(--orange);
}
@media (max-width: 991.98px) { :root { --header-h: 90px; } }

/* ---- Shared chrome ------------------------------------------------------ */
.main-header .orca-brand, .sticky-header .orca-brand, .mobile-menu .orca-brand { color: var(--white); }
.header-style-two .main-menu .navigation > li > a { color: var(--fog); transition: color .2s var(--ease-out-quart); }
.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a { color: var(--white); }
.main-header .main-menu .navigation > li > ul,
.main-header .main-menu .navigation > li > ul > li > ul { background: var(--charcoal); border: 1px solid var(--line); box-shadow: none; border-radius: 8px; overflow: hidden; }
.main-header .main-menu .navigation > li > ul > li > a,
.main-header .main-menu .navigation > li > ul > li > ul > li > a { background: var(--charcoal); color: var(--fog) !important; border-bottom-color: var(--line); }
.main-header .main-menu .navigation > li > ul > li:hover > a,
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a { background: var(--graphite); color: var(--white) !important; }
.header-style-two .mobile-nav-toggler, .sticky-header .nav-outer .mobile-nav-toggler { color: var(--white); }
.header-style-two.header-style-two .main-box { border-bottom-color: var(--line); }

.orca-header-contact {
  display: inline-flex; align-items: center; height: 44px; padding: 0 22px;
  border: 1px solid var(--line); border-radius: 999px;
  color: var(--white); font-weight: 500; text-decoration: none; white-space: nowrap;
  transition: background .25s var(--ease-out-quart), color .25s var(--ease-out-quart), box-shadow .3s var(--ease-out-quart);
}
.orca-header-contact:hover { background: var(--white); color: var(--ink); box-shadow: 0 0 24px rgba(255, 255, 255, 0.12); }
.orca-header-contact:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
@media (max-width: 991.98px) { .orca-header-contact { display: none; } }

.sticky-header { background: var(--ink); box-shadow: none; border-bottom: 1px solid var(--line); }
.sticky-header .main-menu .navigation > li > a { color: var(--fog); }
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a { color: var(--white); }

.mobile-menu .menu-box { background: var(--ink); }
.mobile-menu .navigation li > a { color: var(--white); }
.mobile-menu .navigation li > a:hover { color: var(--orange); }
.mobile-menu .navigation li.dropdown .dropdown-btn, .mobile-menu .close-btn { color: var(--white); }
.mobile-menu .contact-list-one li, .mobile-menu .contact-list-one li .title { color: var(--fog); }
.mobile-menu .contact-list-one li a, .mobile-menu .contact-list-one li .icon, .mobile-menu .contact-list-one li .text { color: var(--white); }
.mobile-menu .navigation li { border-color: var(--line); }

/* ---- Dark page base ------------------------------------------------------ */
body.orca-dark { --body-bg: var(--ink); background: var(--ink); color: var(--fog); }
body.orca-dark .page-wrapper { background: var(--ink); overflow: clip; }
body.orca-dark ::selection { background: var(--orange); color: var(--ink); }
body.orca-dark .preloader { background: var(--ink); }
body.orca-dark h1, body.orca-dark h2, body.orca-dark h3 { color: var(--white); }

/* ---- Buttons (pill + detached disc) ------------------------------------- */
.orca-btn { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 16px; text-decoration: none; }
.orca-btn__pill { display: inline-flex; align-items: center; height: 48px; padding: 0 32px; border-radius: 999px; transition: background .25s var(--ease-out-quart), color .25s var(--ease-out-quart); }
.orca-btn__disc { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 999px; font-size: 15px; transition: box-shadow .3s var(--ease-out-quart), background .25s var(--ease-out-quart), color .25s var(--ease-out-quart); }
.orca-btn__disc i { transform: rotate(-45deg); transition: transform .35s var(--ease-out-expo); }
.orca-btn:hover .orca-btn__disc i, .orca-btn:focus-visible .orca-btn__disc i { transform: rotate(0); }
.orca-btn:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; border-radius: 999px; }
.orca-btn--primary .orca-btn__pill, .orca-btn--primary .orca-btn__disc { background: var(--orange); color: var(--ink); }
.orca-btn--primary:hover .orca-btn__pill { background: var(--white); }
.orca-btn--primary:hover .orca-btn__disc, .orca-btn--primary:focus-visible .orca-btn__disc { box-shadow: 0 0 0 1px var(--orange), 0 0 32px var(--orange-glow); }
.orca-btn--outline .orca-btn__pill, .orca-btn--outline .orca-btn__disc { background: transparent; color: var(--white); box-shadow: inset 0 0 0 1px var(--line); }
.orca-btn--outline:hover .orca-btn__pill, .orca-btn--outline:hover .orca-btn__disc { background: var(--white); color: var(--ink); box-shadow: 0 0 24px rgba(255, 255, 255, 0.12); }

.orca-readout { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; color: var(--ash); font-variant-numeric: tabular-nums; }
.orca-readout--active { color: var(--orange); }

/* ---- Hero --------------------------------------------------------------- */
.orca-hero { position: relative; min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end; padding: calc(var(--header-h) + 96px) 0 40px; isolation: isolate; overflow: hidden; }
.orca-hero__scene { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; display: block; }
.orca-hero__atmosphere { position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(55% 45% at 78% 42%, rgba(255, 74, 28, 0.18), transparent 70%),
    linear-gradient(90deg, var(--ink) 0%, rgba(14, 14, 14, 0.92) 38%, rgba(14, 14, 14, 0.35) 62%, rgba(14, 14, 14, 0) 100%),
    linear-gradient(180deg, rgba(14, 14, 14, 0) 60%, var(--ink) 100%); }
.orca-hero__copy { max-width: 880px; }
.orca-hero__title { font-size: clamp(2.6rem, 8vw, 6rem); font-weight: 700; line-height: 0.95; letter-spacing: -0.03em; color: var(--white); margin: 0 0 32px; text-wrap: balance; }
.orca-line { display: block; overflow: hidden; padding-bottom: 0.08em; margin-bottom: -0.08em; }
.orca-line > span { display: block; }
.orca-hero__lead { font-size: clamp(1.0625rem, 1.4vw, 1.25rem); line-height: 1.65; letter-spacing: .01em; color: var(--fog); max-width: 52ch; margin: 0 0 40px; }
.orca-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; }
.orca-hero__scroll { display: inline-flex; align-items: center; gap: 10px; color: var(--fog); font-weight: 500; text-decoration: none; transition: color .2s var(--ease-out-quart); }
.orca-hero__scroll i { font-size: 13px; transition: transform .35s var(--ease-out-expo); }
.orca-hero__scroll:hover { color: var(--white); }
.orca-hero__scroll:hover i { transform: translateY(3px); }
.orca-hero__scroll:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }
.orca-hero__readout { display: flex; flex-wrap: wrap; gap: 12px 40px; margin: clamp(56px, 9vh, 96px) 0 0; padding: 20px 0 0; border-top: 1px solid var(--line); list-style: none; }
.orca-hero__readout li { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; color: var(--ash); }
.orca-hero__readout li strong { font-weight: 400; color: var(--white); }

/* ---- Section nav -------------------------------------------------------- */
.orca-svc-nav { position: sticky; top: var(--header-h); z-index: 20; background: rgba(14, 14, 14, 0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.orca-svc-nav ul { display: flex; gap: 0 32px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.orca-svc-nav ul::-webkit-scrollbar { display: none; }
.orca-svc-nav li { flex: 0 0 auto; }
.orca-svc-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 18px 0 16px; border-bottom: 2px solid transparent; margin-bottom: -1px; color: var(--fog); font-size: 15px; font-weight: 500; line-height: 1.2; white-space: nowrap; text-decoration: none; transition: color .2s var(--ease-out-quart), border-color .2s var(--ease-out-quart); }
.orca-svc-nav a span { display: inline-block; min-width: 22px; padding: 4px 7px; border-radius: 999px; background: var(--graphite); color: var(--fog); font-family: var(--mono); font-size: 11px; line-height: 1; text-align: center; transition: background .2s var(--ease-out-quart), color .2s var(--ease-out-quart); }
.orca-svc-nav a:hover { color: var(--white); }
.orca-svc-nav a[aria-current="true"] { color: var(--white); border-bottom-color: var(--orange); }
.orca-svc-nav a[aria-current="true"] span { background: var(--orange); color: var(--ink); }
.orca-svc-nav a:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }

/* ---- Groups ------------------------------------------------------------- */
.orca-svc-directory { position: relative; }
.orca-svc-group { padding: clamp(56px, 7vw, 104px) 0; border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--header-h) + 58px); }
.orca-svc-group__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px clamp(40px, 6vw, 112px); align-items: start; }
.orca-svc-group__aside { position: sticky; top: calc(var(--header-h) + 84px); }
.orca-svc-group__aside h2 { font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: var(--white); margin: 0 0 20px; text-wrap: balance; }
.orca-svc-group__aside p { max-width: 42ch; color: var(--fog); font-size: 1.0625rem; line-height: 1.7; letter-spacing: .01em; margin: 0; }
.orca-svc-group__meta { display: flex; gap: 24px; align-items: center; margin: 28px 0 0; padding: 16px 0 0; border-top: 1px solid var(--line); }

.orca-scene { position: relative; margin-top: 32px; max-width: 460px; aspect-ratio: 4 / 3; background: var(--charcoal); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.orca-scene canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.orca-scene__label { position: absolute; left: 16px; bottom: 14px; }
.orca-scene__status { position: absolute; right: 16px; bottom: 14px; display: inline-flex; align-items: center; gap: 8px; }
.orca-scene__status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ash); transition: background .25s, box-shadow .25s; }
.orca-svc-group.is-hovering .orca-scene__status { color: var(--orange); }
.orca-svc-group.is-hovering .orca-scene__status::before { background: var(--orange); box-shadow: 0 0 10px var(--orange); }

.orca-svc-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.orca-svc-list li { border-bottom: 1px solid var(--line); }
.orca-svc-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) 48px; gap: 0 20px; align-items: center; margin: 0 -16px; padding: 24px 16px; border-radius: 8px; color: var(--fog); text-decoration: none; transition: background .25s var(--ease-out-quart); }
.orca-svc-row__num { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; color: var(--ash); font-variant-numeric: tabular-nums; transition: color .2s var(--ease-out-quart); }
.orca-svc-row__body { display: block; min-width: 0; }
.orca-svc-row__title { display: block; font-size: clamp(1.25rem, 1.8vw, 1.5rem); font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--white); margin-bottom: 8px; transition: color .2s var(--ease-out-quart); }
.orca-svc-row__desc { display: block; max-width: 56ch; font-size: 15px; line-height: 1.6; letter-spacing: .01em; color: var(--fog); }
.orca-svc-row__arrow { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--line); color: var(--white); font-size: 14px; transition: background .25s var(--ease-out-quart), color .25s var(--ease-out-quart), box-shadow .3s var(--ease-out-quart); }
.orca-svc-row__arrow i { transform: rotate(-45deg); transition: transform .35s var(--ease-out-expo); }
.orca-svc-row:hover, .orca-svc-row:focus-visible { background: var(--charcoal); }
.orca-svc-row:hover .orca-svc-row__num, .orca-svc-row:focus-visible .orca-svc-row__num,
.orca-svc-row:hover .orca-svc-row__title, .orca-svc-row:focus-visible .orca-svc-row__title { color: var(--orange); }
.orca-svc-row:hover .orca-svc-row__arrow, .orca-svc-row:focus-visible .orca-svc-row__arrow { background: var(--orange); color: var(--ink); box-shadow: 0 0 0 1px var(--orange), 0 0 32px var(--orange-glow); }
.orca-svc-row:hover .orca-svc-row__arrow i, .orca-svc-row:focus-visible .orca-svc-row__arrow i { transform: rotate(0); }
.orca-svc-row:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }

/* ---- Closing CTA -------------------------------------------------------- */
.orca-cta { padding: clamp(72px, 10vw, 144px) 0; scroll-margin-top: var(--header-h); }
.orca-cta__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px clamp(40px, 6vw, 112px); align-items: end; }
.orca-cta h2 { font-size: clamp(2.25rem, 5vw, 4rem); font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: var(--white); margin: 0 0 24px; text-wrap: balance; }
.orca-cta p { color: var(--fog); font-size: 1.0625rem; line-height: 1.7; letter-spacing: .01em; max-width: 56ch; margin: 0 0 36px; }
.orca-cta__contact { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.orca-cta__contact li { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); align-items: baseline; }
.orca-cta__contact a { color: var(--white); font-size: 1.125rem; font-weight: 500; text-decoration: none; overflow-wrap: anywhere; transition: color .2s var(--ease-out-quart); }
.orca-cta__contact a:hover { color: var(--orange); }
.orca-cta__contact a:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }

/* ---- Responsive --------------------------------------------------------- */
@media (max-width: 991.98px) {
  .orca-hero { padding-top: calc(var(--header-h) + 64px); }
  .orca-hero__atmosphere { background:
    radial-gradient(70% 40% at 70% 30%, rgba(255, 74, 28, 0.16), transparent 70%),
    linear-gradient(180deg, rgba(14, 14, 14, 0.35) 0%, rgba(14, 14, 14, 0.85) 45%, var(--ink) 100%); }
  .orca-svc-group__grid, .orca-cta__grid { grid-template-columns: 1fr; gap: 32px; }
  .orca-svc-group__aside { display: contents; }
  .orca-svc-group__aside h2 { margin-bottom: 0; }
  .orca-svc-group__aside p { margin-top: -12px; }
  .orca-svc-group__meta { margin-top: -8px; }
  .orca-svc-list { order: 1; }
  .orca-svc-group .orca-scene { order: 2; margin-top: 0; max-width: none; aspect-ratio: 16 / 7; }
  .orca-svc-group { scroll-margin-top: calc(var(--header-h) + 52px); }
  .orca-svc-nav a { padding: 14px 0 12px; }
}
@media (max-width: 575.98px) {
  .orca-hero__actions { gap: 20px; }
  .orca-hero__readout { gap: 10px 24px; }
  .orca-svc-nav ul { gap: 0 20px; }
  .orca-svc-nav .auto-container { padding-right: 0; }
  .orca-svc-row { grid-template-columns: 32px minmax(0, 1fr) 40px; gap: 0 12px; margin: 0 -8px; padding: 18px 8px; }
  .orca-svc-row__arrow { width: 40px; height: 40px; font-size: 12px; }
  .orca-svc-row__desc { font-size: 14px; }
  .orca-cta__contact li { grid-template-columns: 1fr; gap: 4px; }
  .orca-svc-group .orca-scene { aspect-ratio: 16 / 9; }
}

/* ---- Motion preferences ------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .orca-btn__pill, .orca-btn__disc, .orca-btn__disc i, .orca-svc-row, .orca-svc-row__num, .orca-svc-row__title, .orca-svc-row__arrow, .orca-svc-row__arrow i, .orca-svc-nav a, .orca-svc-nav a span, .orca-hero__scroll i, .orca-header-contact { transition: none; }
  .orca-hero__scroll:hover i { transform: none; }
}

/* ---- Footer ------------------------------------------------------------- */
.orca-footer { background: var(--ink); border-top: 1px solid var(--line); color: var(--fog); padding: clamp(56px, 7vw, 96px) 0 32px; }
.orca-footer__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 32px 48px; padding-bottom: 48px; border-bottom: 1px solid var(--line); }
.orca-footer__brand .orca-brand { color: var(--white); font-size: 28px; }
.orca-footer__brand p { max-width: 44ch; margin: 18px 0 0; color: var(--fog); font-size: 1.0625rem; line-height: 1.65; letter-spacing: .01em; }
.orca-footer__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px clamp(32px, 5vw, 96px); padding: 48px 0; border-bottom: 1px solid var(--line); }
.orca-footer__col h2 { margin: 0 0 20px; font-size: 12px; font-weight: 400; color: var(--ash); }
.orca-footer__col ul { list-style: none; margin: 0; padding: 0; }
.orca-footer__col li { margin: 0 0 12px; line-height: 1.5; }
.orca-footer__col a { color: var(--fog); text-decoration: none; transition: color .2s var(--ease-out-quart); }
.orca-footer__col a:hover { color: var(--white); }
.orca-footer__col a:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.orca-footer__contact li { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; margin-bottom: 18px; align-items: baseline; }
.orca-footer__contact li > a, .orca-footer__contact li > span:last-child { color: var(--white); font-weight: 500; overflow-wrap: anywhere; }
.orca-footer__contact li > span:last-child a { display: inline-block; margin-top: 6px; color: var(--fog); font-weight: 400; text-decoration: underline; text-underline-offset: 4px; }
.orca-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 32px; padding-top: 24px; }
.orca-footer__bottom p { margin: 0; font-size: 14px; color: var(--ash); }
@media (max-width: 767.98px) {
  .orca-footer__grid { grid-template-columns: 1fr; gap: 36px; }
  .orca-footer__top .orca-btn { width: 100%; }
}

/* ---- Page header (inner pages) ------------------------------------------ */
.orca-page-head { position: relative; padding: calc(var(--header-h) + 72px) 0 clamp(40px, 6vw, 72px); border-bottom: 1px solid var(--line); isolation: isolate; overflow: hidden; }
.orca-page-head::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(50% 60% at 85% 20%, rgba(255, 74, 28, 0.12), transparent 70%); }
.orca-page-head__crumbs ol { display: flex; flex-wrap: wrap; gap: 8px 12px; list-style: none; margin: 0 0 28px; padding: 0; font-family: var(--mono); font-size: 12px; letter-spacing: .04em; color: var(--ash); }
.orca-page-head__crumbs li + li::before { content: "/"; margin-right: 12px; color: var(--line); }
.orca-page-head__crumbs a { color: var(--ash); text-decoration: none; }
.orca-page-head__crumbs a:hover { color: var(--white); }
.orca-page-head__crumbs [aria-current] { color: var(--fog); }
.orca-page-head__kicker { margin: 0 0 14px; }
.orca-page-head__title { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: var(--white); margin: 0; max-width: 16ch; text-wrap: balance; overflow-wrap: anywhere; }
.orca-page-head__lead { max-width: 58ch; margin: 24px 0 0; font-size: clamp(1.0625rem, 1.4vw, 1.25rem); line-height: 1.65; letter-spacing: .01em; color: var(--fog); }

/* ---- Content pages (about, contact, faq, privacy, service details) ------ */
.orca-section { padding: clamp(48px, 7vw, 96px) 0; }
.orca-section + .orca-section { border-top: 1px solid var(--line); }
.orca-section h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.12; letter-spacing: -0.02em; color: var(--white); margin: 0 0 20px; text-wrap: balance; }
.orca-section h3 { font-size: clamp(1.125rem, 1.6vw, 1.375rem); font-weight: 500; line-height: 1.3; color: var(--white); margin: 28px 0 10px; }
.orca-section p, .orca-section li { color: var(--fog); font-size: 1.0625rem; line-height: 1.7; letter-spacing: .01em; }
.orca-section p { margin: 0 0 18px; }
.orca-section a:not(.orca-btn):not(.orca-row):not(.orca-svc-row):not(.orca-area__link) { color: var(--white); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--ash); transition: color .2s var(--ease-out-quart), text-decoration-color .2s var(--ease-out-quart); }
.orca-section a:not(.orca-btn):not(.orca-row):not(.orca-svc-row):not(.orca-area__link):hover { color: var(--orange); text-decoration-color: var(--orange); }
.orca-section a:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }
.orca-prose { max-width: 66ch; }
.orca-prose > h2:not(:first-child) { margin-top: 48px; }
.orca-lead { font-size: clamp(1.125rem, 1.6vw, 1.375rem) !important; line-height: 1.6 !important; color: var(--white) !important; }
.orca-list { list-style: none; margin: 0 0 28px; padding: 0; }
.orca-list li { position: relative; list-style: none; padding: 14px 0 14px 28px; border-top: 1px solid var(--line); }
.orca-list li:last-child { border-bottom: 1px solid var(--line); }
.orca-list li::before { content: ""; position: absolute; left: 4px; top: 26px; width: 8px; height: 8px; border-radius: 50%; background: var(--ash); }
.orca-list li strong { color: var(--white); font-weight: 500; }
.orca-panel { background: var(--charcoal); border: 1px solid var(--line); border-radius: 8px; padding: clamp(24px, 3vw, 36px); }
.orca-panel h2, .orca-panel h3 { margin-top: 0; }
.orca-panel p:last-child { margin-bottom: 0; }
.orca-panel .orca-readout { display: block; margin-bottom: 10px; }
.orca-two-col { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px clamp(40px, 6vw, 112px); align-items: start; }
.orca-two-col--even { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.orca-two-col--aside { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.orca-sticky { position: sticky; top: calc(var(--header-h) + 32px); }
.orca-next-step { margin-top: clamp(40px, 6vw, 72px); padding-top: clamp(32px, 5vw, 56px); border-top: 1px solid var(--line); }
.orca-next-step p { max-width: 58ch; }
.orca-next-step .orca-btn { margin-top: 8px; }

/* Contact rows (readout label + value) */
.orca-contact-rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.orca-contact-rows li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); align-items: baseline; }
.orca-contact-rows li > span:last-child, .orca-contact-rows li > a { color: var(--white); font-size: 1.0625rem; font-weight: 500; text-decoration: none !important; overflow-wrap: anywhere; }
.orca-contact-rows li > a:hover { color: var(--orange); }
.orca-contact-rows small { display: block; margin-top: 4px; color: var(--ash); font-size: 14px; font-weight: 400; line-height: 1.5; }

/* Area rows */
.orca-area-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.orca-area-list li { border-bottom: 1px solid var(--line); }
.orca-row { display: grid; grid-template-columns: minmax(0, 1fr) 48px; gap: 0 24px; align-items: center; margin: 0 -16px; padding: 22px 16px; border-radius: 8px; text-decoration: none; transition: background .25s var(--ease-out-quart); }
.orca-row__title { display: block; font-size: clamp(1.25rem, 1.8vw, 1.5rem); font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--white); margin-bottom: 6px; transition: color .2s var(--ease-out-quart); }
.orca-row__desc { display: block; max-width: 60ch; font-size: 15px; line-height: 1.6; color: var(--fog); }
.orca-row__meta { display: block; margin-top: 10px; }
.orca-row:hover, .orca-row:focus-visible { background: var(--charcoal); }
.orca-row:hover .orca-row__title, .orca-row:focus-visible .orca-row__title { color: var(--orange); }
.orca-row:hover .orca-svc-row__arrow, .orca-row:focus-visible .orca-svc-row__arrow { background: var(--orange); color: var(--ink); box-shadow: 0 0 0 1px var(--orange), 0 0 32px var(--orange-glow); }
.orca-row:hover .orca-svc-row__arrow i, .orca-row:focus-visible .orca-svc-row__arrow i { transform: rotate(0); }
.orca-row:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }

/* FAQ: native details + theme accordion */
.orca-faq-list details, .accordion-box_four .block { border-top: 1px solid var(--line); padding: 0; margin: 0; background: transparent; }
.orca-faq-list details:last-child, .accordion-box_four .block:last-child { border-bottom: 1px solid var(--line); }
.orca-faq-list summary { list-style: none; cursor: pointer; padding: 22px 48px 22px 0; position: relative; font-size: clamp(1.0625rem, 1.5vw, 1.25rem); font-weight: 500; line-height: 1.4; color: var(--white); transition: color .2s var(--ease-out-quart); }
.orca-faq-list summary::-webkit-details-marker { display: none; }
.orca-faq-list summary::after { content: "+"; position: absolute; right: 0; top: 50%; width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; font-family: var(--mono); font-size: 16px; color: var(--fog); transition: background .25s, color .25s; }
.orca-faq-list details[open] > summary::after { content: "\2212"; background: var(--orange); color: var(--ink); box-shadow: none; }
.orca-faq-list summary:hover { color: var(--orange); }
.orca-faq-list summary:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }
.orca-faq-list details p { margin: 0 0 24px; max-width: 66ch; }
.accordion-box_four .block .acc-btn { padding: 22px 56px 22px 0; font-size: clamp(1.0625rem, 1.5vw, 1.25rem); font-weight: 500; line-height: 1.4; color: var(--white); background: transparent; border: 0; }
.accordion-box_four .block .acc-btn:hover, .accordion-box_four .block .acc-btn.active { color: var(--orange); background: transparent; }
.accordion-box_four .block .acc-btn .icon-outer { right: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line); background: transparent; color: var(--fog); font-size: 12px; text-align: center; }
.accordion-box_four .block .acc-btn.active .icon-outer { background: var(--orange); color: var(--ink); box-shadow: none; }
.accordion-box_four .block .acc-btn .icon-outer .icon { color: inherit; }
.accordion-box_four .block .acc-btn:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }
.accordion-box_four .block .acc-content { background: transparent; }
.accordion-box_four .block .acc-content .content { padding: 0 0 24px; }
.accordion-box_four .block .acc-content .content .text { color: var(--fog); font-size: 1.0625rem; line-height: 1.7; max-width: 66ch; }

/* Service detail navigation */
.orca-service-nav h2 { font-size: 12px; font-weight: 400; color: var(--ash); margin-bottom: 16px; }
.orca-service-nav details { border-top: 1px solid var(--line); padding: 14px 0; }
.orca-service-nav details:last-of-type { border-bottom: 1px solid var(--line); }
.orca-service-nav summary { cursor: pointer; font-weight: 500; color: var(--white); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.orca-service-nav summary::-webkit-details-marker { display: none; }
.orca-service-nav summary::after { content: "+"; font-family: var(--mono); color: var(--ash); }
.orca-service-nav details[open] summary::after { content: "\2212"; color: var(--orange); }
.orca-service-nav ul { list-style: none; padding: 12px 0 4px; margin: 0; }
.orca-service-nav li { margin: 0 0 10px; font-size: 15px; line-height: 1.5; }
.orca-service-nav li a { color: var(--fog) !important; text-decoration: none !important; }
.orca-service-nav li a:hover { color: var(--white) !important; }
.orca-service-nav [aria-current="page"] { color: var(--orange) !important; font-weight: 500; }
.orca-related { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.orca-related li a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--line); color: var(--fog) !important; text-decoration: none !important; font-size: 15px; transition: background .25s var(--ease-out-quart), color .25s var(--ease-out-quart); }
.orca-related li a:hover { background: var(--white); color: var(--ink) !important; }
.orca-form-help { font-size: 14px !important; color: var(--ash) !important; }

/* Enquiry form */
.orca-enquiry label { display: block; margin-bottom: 8px; color: var(--fog); font-size: 14px; }
.orca-enquiry input.form-control, .orca-enquiry textarea.form-control, .orca-enquiry .form-control { width: 100%; min-height: 52px; padding: 14px 16px; background: var(--charcoal); color: var(--white); border: 1px solid var(--line); border-radius: 4px; font-size: 16px; line-height: 1.4; box-shadow: none; transition: border-color .2s var(--ease-out-quart); }
.orca-enquiry .form-control::placeholder { color: var(--ash); }
.orca-enquiry input.form-control:focus, .orca-enquiry textarea.form-control:focus, .orca-enquiry .form-control:focus { border-color: var(--orange); outline: 2px solid var(--orange); outline-offset: 3px; box-shadow: none; background: var(--charcoal); color: var(--white); }
.orca-enquiry textarea.form-control { min-height: 160px; resize: vertical; }
.orca-enquiry [data-form-result]:empty { display: none; }
.orca-enquiry .alert { margin: 0 0 20px; padding: 14px 16px; border-radius: 4px; border: 1px solid var(--line); background: var(--charcoal); color: var(--fog); }
.orca-enquiry .alert-success { border-color: var(--orange); color: var(--white); }
.orca-enquiry .alert-danger { border-color: var(--orange); color: var(--orange); }
.orca-enquiry .orca-btn { border: 0; background: none; padding: 0; cursor: pointer; font-family: inherit; }
.orca-enquiry .orca-btn:disabled { opacity: .55; cursor: not-allowed; }

/* 404 */
.orca-error { min-height: 80svh; display: flex; align-items: center; padding: calc(var(--header-h) + 48px) 0 80px; position: relative; isolation: isolate; overflow: hidden; }
.orca-error__number { font-family: var(--mono); font-size: clamp(5rem, 22vw, 16rem); font-weight: 400; line-height: 1; letter-spacing: -0.04em; color: var(--charcoal); -webkit-text-stroke: 1px var(--line); margin: 0 0 24px; }
.orca-error h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; letter-spacing: -0.03em; color: var(--white); margin: 0 0 16px; }
.orca-error p { max-width: 50ch; }

@media (max-width: 991.98px) {
  .orca-two-col, .orca-two-col--even, .orca-two-col--aside { grid-template-columns: 1fr; gap: 40px; }
  .orca-sticky { position: static; }
}
@media (max-width: 575.98px) {
  .orca-contact-rows li { grid-template-columns: 1fr; gap: 4px; }
  .orca-row { margin: 0 -8px; padding: 18px 8px; gap: 0 12px; grid-template-columns: minmax(0, 1fr) 40px; }
}

/* ---- Home --------------------------------------------------------------- */
.orca-section__head { max-width: 62ch; margin-bottom: clamp(32px, 5vw, 56px); }
.orca-section__head p { margin: 0; }
.orca-section__head--split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px clamp(40px, 6vw, 112px); max-width: none; align-items: end; }
.orca-section__head--split h2 { margin: 0; }
.orca-section__head--split p { max-width: 58ch; }

.orca-areas__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; }
.orca-area { margin: 0; }
.orca-area--wide { grid-column: span 2; }
.orca-area__link { display: flex; flex-direction: column; height: 100%; background: var(--charcoal); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; text-decoration: none; transition: border-color .25s var(--ease-out-quart), background .25s var(--ease-out-quart); }
.orca-area .orca-scene { margin: 0; max-width: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; aspect-ratio: 16 / 8; background: var(--ink); }
.orca-area--wide .orca-scene { aspect-ratio: 16 / 5.4; }
.orca-area__body { display: flex; flex-direction: column; flex: 1; padding: 24px 24px 22px; }
.orca-area__title { font-size: clamp(1.25rem, 1.8vw, 1.5rem); font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--white); margin-bottom: 8px; transition: color .2s var(--ease-out-quart); }
.orca-area__desc { font-size: 15px; line-height: 1.6; color: var(--fog); max-width: 52ch; }
.orca-area__foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: auto; padding-top: 22px; }
.orca-area__link:hover { border-color: var(--ash); }
.orca-area__link:hover .orca-area__title, .orca-area__link:focus-visible .orca-area__title { color: var(--orange); }
.orca-area__link:hover .orca-svc-row__arrow, .orca-area__link:focus-visible .orca-svc-row__arrow { background: var(--orange); color: var(--ink); box-shadow: 0 0 0 1px var(--orange), 0 0 32px var(--orange-glow); }
.orca-area__link:hover .orca-svc-row__arrow i, .orca-area__link:focus-visible .orca-svc-row__arrow i { transform: rotate(0); }
.orca-area__link:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.orca-area.is-hovering .orca-scene__status { color: var(--orange); }
.orca-area.is-hovering .orca-scene__status::before { background: var(--orange); box-shadow: 0 0 10px var(--orange); }

.orca-steps__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px clamp(24px, 3vw, 48px); list-style: none; margin: 0; padding: 0; counter-reset: none; }
.orca-steps__list li { position: relative; padding-top: 20px; border-top: 1px solid var(--line); }
.orca-steps__list li::before { content: ""; position: absolute; top: -1px; left: 0; width: 40px; height: 1px; background: var(--orange); }
.orca-steps__num { display: block; margin-bottom: 18px; }
.orca-steps__list h3 { margin: 0 0 12px; }
.orca-steps__list p { margin: 0; font-size: 1rem; }

@media (max-width: 991.98px) {
  .orca-section__head--split { grid-template-columns: 1fr; }
  .orca-areas__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orca-area--wide { grid-column: span 2; }
  .orca-area .orca-scene, .orca-area--wide .orca-scene { aspect-ratio: 16 / 7; }
  .orca-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .orca-areas__grid { grid-template-columns: 1fr; }
  .orca-area--wide { grid-column: auto; }
  .orca-steps__list { grid-template-columns: 1fr; }
  .orca-hero__readout li:last-child { flex-basis: 100%; }
}

/* ---- SSS: kategori basliklari ve baslik atlama listesi -------------------- */
/* Kategori basligi bir SORU degil, bir BOLUM BASLIGI olarak okunmali. Sorularla
   ayni display fontunu degil, sitenin mono etiket dilini kullanir: kucuk punto,
   buyuk harf, genis harf araligi, turuncu. Ozgulluk .orca-section h3 kuralini
   (css/orca-dark.css icinde) gecmek icin iki sinifli yazildi. */
.orca-section .orca-faq-group {
  display: flex; align-items: center; gap: 16px;
  /* Alt bosluk 32px: tema akordiyon ikonunu satirin 16px ustune konumlandiriyor,
     daha dar bir bosluk grubun ilk sorusunun ikonunu basligin uzerine bindiriyor. */
  margin: 72px 0 32px; padding: 0;
  font-family: var(--mono); font-size: 12px; font-weight: 400;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--orange);
  scroll-margin-top: calc(var(--header-h) + 24px);
}
.orca-section .orca-faq-group:first-child { margin-top: 0; }
.orca-faq-group > span { white-space: nowrap; }
.orca-section .orca-faq-group::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--line); }

.orca-faq-jump { margin: 18px 0 24px; }
.orca-faq-jump ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.orca-faq-jump a {
  display: block;
  font-family: var(--mono); font-size: 12px; letter-spacing: .04em;
  color: var(--ash); text-decoration: none;
  padding: 7px 10px 7px 12px; border-left: 1px solid var(--line);
  transition: color .2s var(--ease-out-quart), border-color .2s var(--ease-out-quart), background-color .2s var(--ease-out-quart);
}
.orca-faq-jump a:hover, .orca-faq-jump a:focus-visible {
  color: var(--white); border-left-color: var(--orange); background: rgba(255, 74, 28, .06);
}

@media (max-width: 991.98px) {
  .orca-section .orca-faq-group { margin-top: 56px; }
  .orca-faq-jump ul { flex-direction: row; flex-wrap: wrap; gap: 6px; }
  .orca-faq-jump a { border-left: 0; border: 1px solid var(--line); border-radius: 20px; padding: 7px 12px; }
}

/* ---- Referanslar ---------------------------------------------------------- */
.algi-references { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; list-style: none; padding: 0; margin: 0; }
.algi-references li { min-width: 0; }
.algi-references a { display: block; color: var(--fog); font-size: 14px; text-decoration: none; }
.algi-references__logo { display: flex; align-items: center; justify-content: center; height: 112px; padding: 20px; background: var(--graphite); margin-bottom: 12px; border-radius: 4px; }
.algi-references__logo--light { background: var(--paper); }
.algi-references img { max-width: 100%; max-height: 72px; width: auto; height: auto; object-fit: contain; }
.algi-references a:focus-visible { outline: 2px solid var(--orange); outline-offset: 5px; }
@media (max-width: 767px) { .algi-references { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }

/* ---- Referanslar: kayan serit (ana sayfa) -------------------------------- */
/* Tek sira, surekli kayar, iki kenari solar. Serit iki ozdes kopya icerir;
   -50% otelemede ikinci kopya birincinin tam yerine oturur, boylece dikis
   gorunmez. Padding-right: gap olmadan yarim bosluk kayar. */
.algi-marquee {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
.algi-marquee__track {
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding: 0 0 0 20px;
  margin: 0;
  list-style: none;
  width: max-content;
  animation: algi-marquee-scroll 52s linear infinite;
}
.algi-marquee__track > li { flex: 0 0 auto; width: 186px; }
.algi-marquee__track a { display: block; text-decoration: none; }
.algi-marquee .algi-references__logo {
  display: flex; align-items: center; justify-content: center;
  height: 92px; padding: 18px;
  background: var(--graphite); border-radius: 4px;
  margin: 0;
  transition: background-color .3s var(--ease-out-quart);
}
.algi-marquee .algi-references__logo--light { background: var(--paper); }
.algi-marquee img {
  max-width: 100%; max-height: 56px; width: auto; height: auto; object-fit: contain;
  opacity: .78; transition: opacity .3s var(--ease-out-quart);
}
.algi-marquee a:hover img, .algi-marquee a:focus-visible img { opacity: 1; }
.algi-marquee a:focus-visible .algi-references__logo { outline: 2px solid var(--orange); outline-offset: 4px; }

@keyframes algi-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Okumak/tiklamak icin uzerine gelince dursun. */
.algi-marquee:hover .algi-marquee__track,
.algi-marquee:focus-within .algi-marquee__track { animation-play-state: paused; }

/* Hareket azaltma tercihi: animasyon yok, elle kaydirilabilir serit. */
@media (prefers-reduced-motion: reduce) {
  .algi-marquee { overflow-x: auto; }
  .algi-marquee__track { animation: none; }
}

@media (max-width: 767px) {
  .algi-marquee__track { gap: 14px; padding-left: 14px; animation-duration: 38s; }
  .algi-marquee__track > li { width: 150px; }
  .algi-marquee .algi-references__logo { height: 78px; padding: 14px; }
  .algi-marquee img { max-height: 46px; }
}

/* ---- Ust menu: hover ile acilan cok seviyeli acilir menu --------------------
   Iki olcum sorunu vardi:
   1) 1. seviye linkin alti (y=63) ile acilir menunun ustu (y=96) arasinda 33px
      olu bosluk; fare asagi inerken hover kayboluyordu.
   2) Grup ogesi 45px, alt menusu 260px. Alt siradaki bir hizmete giderken fare
      capraz hareket ediyor, 45px'lik ogeden cikip ALTTAKI gruba giriyor ve
      acik olan alt menu degisiyor (klasik "diagonal problem").
   Cozum: her iki gecise de gorunmez kopru eklemek ve hedefleri buyutmek. */

/* 1) Dikey kopru: acilir menunun ustunden tetikleyici linke kadar uzanir. */
.main-menu .navigation > li.dropdown > ul::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: 100%;
  height: 36px;
}

/* 2) Yatay kopru: alt menunun TUM yuksekligi boyunca sol kenarinda uzanan
      gorunmez koridor. Fare capraz giderken bu koridora girer ve hover korunur.
      Alt menu z-index 100 ile ustte oldugu icin alttaki gruplari tetiklemez. */
.main-menu .navigation > li > ul > li.dropdown > ul::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 18px;
  height: 100%;
}

/* 3) Tiklama hedeflerini buyut: 2. ve 3. seviye baglantilar daha yuksek olsun. */
.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > ul > li > ul > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.35;
}

/* 4) Alt menu, grup ogesiyle ayni hizada acilsin.
      Tema, kapali durumda transform: translateY(-30px) uyguluyor ve acilista
      margin-top: 30px ile dengeliyor. margin-top'u sifirlarsak transform
      dengelenmeden kalir ve menu 30px yukari kayar; ikisini birlikte sifirla. */
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  margin-top: 0;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* 5) Acik grubun hangisi oldugu gorunsun. */
.main-menu .navigation > li > ul > li.dropdown:hover > a {
  background-color: rgba(255, 74, 28, .08);
}

/* JS "hover intent" devredeyken (js/orca-menu.js) 3. seviye artik salt :hover
   ile acilmaz; hangi grubun acik oldugunu JS belirler. Boylece fare capraz
   giderken alttaki grubun uzerinden gecmek menuyu degistirmez.
   JS calismazsa bu kurallar hic devreye girmez ve tema :hover davranisi kalir. */
.main-menu .navigation.js-hoverintent > li > ul > li.dropdown:hover > ul {
  visibility: hidden;
  opacity: 0;
}
.main-menu .navigation.js-hoverintent > li > ul > li.dropdown.is-submenu-open > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  margin-top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
}
.main-menu .navigation.js-hoverintent > li > ul > li.dropdown.is-submenu-open > a {
  background-color: rgba(255, 74, 28, .08);
}

/* ---- DUZELTME: 3. seviye menu kirpilmasi --------------------------------
   orca-dark.css icindeki su kural 2. VE 3. seviye menulere overflow:hidden
   veriyordu (8px border-radius'u kirpmak icin):
     .main-header .main-menu .navigation > li > ul,
     .main-header .main-menu .navigation > li > ul > li > ul { ... overflow: hidden; }
   Ancak 3. seviye menu "left: 100%" ile 2. seviyenin kutusunun DISINA aciliyor.
   overflow:hidden onu tamamen kirpiyor; geriye tiklanabilir birkac pikselden
   baska bir sey kalmiyordu. Kullanicinin bildirdigi "cok kucuk alan" bu.
   2. seviyede overflow'u aciyor, yuvarlak koseleri ilk/son baglantiya tasiyoruz.
   3. seviyede overflow:hidden kalabilir; onun ic ice menusu yok. */
.main-header .main-menu .navigation > li > ul { overflow: visible; }
.main-header .main-menu .navigation > li > ul > li:first-child > a {
  border-top-left-radius: 8px; border-top-right-radius: 8px;
}
.main-header .main-menu .navigation > li > ul > li:last-child > a {
  border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
}

/* Menu baglantilarinda text-transform: capitalize her kelimeyi buyuk harfle
   baslatiyordu: "Yazilim Ve Web Gelistirme". Turkcede baglaclar kucuk yazilir
   ve metinler zaten dogru bicimde girildi; donusumu kaldiriyoruz. */
.main-menu .navigation > li > a,
.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > ul > li > ul > li > a,
.mobile-menu .navigation li a {
  text-transform: none;
}