/* VARTAG: single site stylesheet. Page styles are limited by their one page-* body class. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap");


/* ===== style.css ===== */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
:root, :host {
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer components {
  :root {
    --blue: #054DB6;
    --blue2: #287be9;
    --ink: #101116;
    --muted: #747780;
    --bg: #fafafa;
    --line: #e6e8ec;
    --radius: 24px;
    --width: 1120px;
    --ease: cubic-bezier(.2,.72,.18,1);
  }
  * {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 74px;
  }
  body {
    margin: 0;
    background: #fff;
    color: var(--ink);
    font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  img {
    max-width: 100%;
    display: block;
  }
  button,a {
    font: inherit;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    cursor: pointer;
  }
  button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible {
    outline: 3px solid #5fa0ff;
    outline-offset: 4px;
  }
  ::selection {
    background: #a8c8ff;
    color: #061d49;
  }
  .page-progress {
    height: 2px;
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    z-index: 110;
    background: var(--blue2);
    pointer-events: none;
  }
  .site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 68px;
    background: rgba(255,255,255,.9);
    border-bottom: 1px solid rgba(0,0,0,.06);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .nav-shell {
    max-width: var(--width);
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    gap: 28px;
  }
  .brand {
    flex: none;
    display: inline-flex;
    align-items: center;
  }
  .brand img {
    width: 145px;
    height: auto;
  }
  .desktop-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-left: auto;
  }
  .desktop-nav a,.desktop-nav summary {
    color: #3a3d43;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: color .2s;
  }
  .desktop-nav a:hover,.desktop-nav summary:hover {
    color: var(--blue);
  }
  .nav-drop {
    position: relative;
  }
  .nav-drop summary {
    list-style: none;
  }
  .nav-drop summary::-webkit-details-marker {
    display: none;
  }
  .drop-inner {
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 210px;
    padding: 12px;
    background: white;
    border: 1px solid #e9ecf0;
    box-shadow: 0 30px 90px #10111624;
    border-radius: 16px;
    display: grid;
    gap: 2px;
  }
  .drop-inner a {
    display: block;
    padding: 12px;
    border-radius: 8px;
    white-space: nowrap;
  }
  .drop-inner a:hover {
    background: #f3f6fc;
  }
  .pill {
    border-radius: 99px;
    min-height: 44px;
    padding: 12px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 650;
    transition: transform .25s var(--ease),background .25s,box-shadow .25s;
    border: 1px solid transparent;
  }
  .pill:hover {
    transform: translateY(-2px);
  }
  .pill-blue {
    color: #fff;
    background: var(--blue);
  }
  .pill-blue:hover {
    background: #003d9b;
    box-shadow: 0 12px 30px #054db630;
  }
  .pill-white {
    background: #fff;
    color: #14161c;
  }
  .pill-outline {
    border-color: #d6dce8;
    background: transparent;
  }
  .nav-cta {
    min-height: 34px;
    padding: 9px 18px;
    font-size: 12px;
  }
  .menu-toggle {
    display: none;
    width: 38px;
    height: 38px;
    background: transparent;
    border: 0;
    font-size: 24px;
  }
  .mobile-menu {
    display: none;
  }
  .eyebrow {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    color: var(--blue);
    text-transform: uppercase;
  }
  .eyebrow.light {
    color: #9dc6ff;
  }
  .display {
    font-size: clamp(58px,9.5vw,148px);
    font-weight: 800;
    line-height: .99;
    letter-spacing: -.085em;
    margin: 22px 0;
  }
  .h-xl {
    font-size: clamp(48px,7.4vw,108px);
    line-height: 1.02;
    letter-spacing: -.076em;
    font-weight: 780;
    margin: 22px 0;
  }
  .h-lg {
    font-size: clamp(42px,5.6vw,80px);
    line-height: 1.05;
    letter-spacing: -.067em;
    font-weight: 770;
    margin: 18px 0;
  }
  .h-md {
    font-size: clamp(34px,4.1vw,58px);
    line-height: 1.12;
    letter-spacing: -.058em;
    font-weight: 750;
    margin: 14px 0 22px;
  }
  .lead {
    font-size: clamp(17px,1.75vw,23px);
    line-height: 1.5;
    color: #777a84;
    letter-spacing: -.017em;
  }
  .small {
    font-size: 15px;
    color: #7a7d86;
    line-height: 1.65;
  }
  .blue {
    color: var(--blue);
  }
  .text-gradient {
    background: linear-gradient(105deg,#fff,#b2d3ff 70%,#408eff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .wrap {
    max-width: var(--width);
    margin: auto;
    padding: 0 28px;
  }
  .center {
    text-align: center;
  }
  .center .lead {
    max-width: 780px;
    margin: 20px auto;
  }
  .section {
    padding: 130px 0;
  }
  .section-sm {
    padding: 95px 0;
  }
  .bg-soft {
    background: #f5f5f7;
  }
  .bg-night {
    background: #050914;
    color: #fff;
    overflow: hidden;
  }
  .bg-night .lead,.bg-night .small {
    color: #9da8bb;
  }
  .bg-blue {
    background: var(--blue);
    color: #fff;
  }
  .bg-blue .lead {
    color: #e0eaff;
  }
  .subnav {
    background: #f8f9fb;
    border-bottom: 1px solid #eaeef4;
  }
  .subnav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .subnav-title {
    font-size: 13px;
    font-weight: 750;
  }
  .subnav-links {
    display: flex;
    gap: 22px;
    font-size: 12px;
    color: #5c626e;
    white-space: nowrap;
  }
  .subnav a:hover {
    color: var(--blue);
  }
  .hero {
    overflow: hidden;
    position: relative;
  }
  .hero-night {
    background: radial-gradient(ellipse 45% 46% at 60% 68%,#104eae 0%,transparent 92%),radial-gradient(ellipse 65% 55% at 50% 0%,#17223a 0%,transparent 100%),#05070d;
    color: #fff;
  }
  .hero-top {
    position: relative;
    padding: 125px 0 0;
    z-index: 1;
  }
  .hero-top.center {
    max-width: 1180px;
    margin: auto;
  }
  .hero-top .lead {
    color: #b1bdd0;
  }
  .hero-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    margin: 34px 0 0;
    flex-wrap: wrap;
  }
  .hero-visual {
    max-width: 1200px;
    margin: 80px auto -50px;
    padding: 0 44px;
    position: relative;
    z-index: 1;
    transform: translate3d(0,calc(var(--scroll-ratio,0)* -55px),0);
    will-change: transform;
  }
  .hero-visual .screen {
    transform: perspective(1500px) rotateX(calc(4deg - var(--scroll-ratio,0)*4deg)) scale(calc(.91 + var(--scroll-ratio,0)*.09));
    transform-origin: center 30%;
    transition: transform .15s linear;
  }
  .screen {
    border-radius: 18px 18px 0 0;
    background: #111829;
    overflow: hidden;
    box-shadow: 0 45px 120px #0008;
    border: 1px solid #6e86ac6b;
  }
  .screen-top {
    height: 36px;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 0 17px;
    background: linear-gradient(#1e2632,#101724);
  }
  .screen-top i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #748295;
  }
  .screen-top i:nth-child(1) {
    background: #f27070;
  }
  .screen-top i:nth-child(2) {
    background: #ffca63;
  }
  .screen-top i:nth-child(3) {
    background: #7ad9a3;
  }
  .screen img {
    width: 100%;
    aspect-ratio: 16/8.2;
    object-fit: contain;
    background: #eef2f7;
  }
  .hero-glow {
    position: absolute;
    width: 850px;
    height: 850px;
    max-width: 90vw;
    left: 50%;
    bottom: -420px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #1266dc55;
    filter: blur(75px);
    pointer-events: none;
  }
  .hero-hint {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 105px 0 44px;
    color: #8496b9;
  }
  .hero-hint::after {
    content: '↓';
    display: block;
    font-size: 23px;
    letter-spacing: 0;
    margin-top: 14px;
  }
  .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 9%;
  }
  .copy {
    max-width: 570px;
  }
  .copy p {
    margin-bottom: 28px;
  }
  .image-panel {
    border-radius: 28px;
    background: #f3f6fc;
    min-height: 400px;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 35px;
  }
  .image-panel img {
    max-height: 570px;
    width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 15px 22px #21345c1c);
    transition: transform .7s var(--ease);
  }
  .image-panel:hover img {
    transform: scale(1.055);
  }
  .image-panel.night {
    background: radial-gradient(circle at center,#164789,#08101e 75%);
  }
  .image-panel.night img {
    filter: drop-shadow(0 30px 35px #0007);
  }
  .image-panel.bare {
    padding: 0;
  }
  .image-panel.bare img {
    height: 100%;
    max-height: none;
    object-fit: cover;
  }
  .feature-band {
    padding: 65px 0;
    background: #eef3fb;
  }
  .feature-band .wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
  }
  .feature-band p {
    margin: 0;
    font-size: clamp(18px,2.5vw,32px);
    letter-spacing: -.04em;
    font-weight: 700;
    max-width: 900px;
  }
  .feature-band strong {
    color: var(--blue);
  }
  .chapter {
    padding: 155px 0;
    overflow: hidden;
  }
  .chapter .eyebrow {
    margin-bottom: 25px;
  }
  .chapter .h-lg {
    max-width: 1000px;
  }
  .chapter-text {
    max-width: 610px;
  }
  .chapter-media {
    max-width: 1140px;
    margin: 76px auto 0;
    position: relative;
  }
  .chapter-media img {
    width: 100%;
    max-height: 680px;
    object-fit: contain;
  }
  .chapter-media.wide {
    max-width: calc(100vw - 50px);
  }
  .chapter-media.wide img {
    max-height: 800px;
  }
  .chapter-media .screen {
    margin: auto;
    max-width: 1000px;
  }
  .chapter-number {
    font-size: 12px;
    font-weight: 700;
    color: #98adc9;
    margin-right: 12px;
  }
  .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
  }
  .gallery-tile {
    background: #f4f5f8;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    min-width: 0;
    isolation: isolate;
  }
  .gallery-tile img {
    width: 100%;
    height: 275px;
    object-fit: contain;
    padding: 18px;
    transition: transform .8s var(--ease);
  }
  .gallery-tile:hover img {
    transform: scale(1.07);
  }
  .gallery-tile .caption {
    padding: 0 24px 26px;
  }
  .gallery-tile h3 {
    font-size: 23px;
    letter-spacing: -.05em;
    margin: 0 0 7px;
  }
  .gallery-tile p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #7a7d85;
  }
  .gallery-tile.gallery-big {
    grid-column: span 2;
  }
  .gallery-tile.gallery-big img {
    height: 380px;
  }
  .gallery-tile.dark-card {
    background: #080e1d;
    color: #fff;
  }
  .gallery-tile.dark-card p {
    color: #aab5ca;
  }
  .gallery-tile.dark-card img {
    filter: drop-shadow(0 22px 30px #0009);
  }
  .gallery-tile.blue-card {
    background: #eaf2ff;
  }
  .frame-shot {
    background: #edf0f6;
    border-radius: 23px;
    padding: 45px 36px;
    overflow: hidden;
  }
  .frame-shot img {
    width: 100%;
    max-height: 560px;
    object-fit: contain;
    filter: drop-shadow(0 18px 27px #121e3025);
  }
  .story {
    height: 215vh;
    position: relative;
    background: #070c16;
    color: #fff;
  }
  .story-stage {
    position: sticky;
    top: 68px;
    height: calc(100vh - 68px);
    min-height: 600px;
    display: grid;
    grid-template-columns: 44% 56%;
    align-items: center;
    overflow: hidden;
  }
  .story-copy {
    padding-left: max(28px,calc((100vw - var(--width))/2));
    padding-right: 44px;
    position: relative;
    z-index: 2;
  }
  .story-step {
    position: absolute;
    opacity: 0;
    transform: translateY(35px);
    transition: opacity .55s,transform .65s var(--ease);
    max-width: 450px;
    pointer-events: none;
  }
  .story-step:first-child {
    position: relative;
  }
  .story-step.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .story-step:not(:first-child) {
    top: 50%;
    transform: translateY(calc(-50% + 35px));
  }
  .story-step:not(:first-child).active {
    transform: translateY(-50%);
  }
  .story-step .h-md {
    margin: 10px 0;
  }
  .story-step p {
    color: #a9b6cd;
    font-size: 16px;
    line-height: 1.6;
  }
  .story-media {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
  }
  .story-image {
    position: absolute;
    width: 90%;
    max-width: 900px;
    opacity: 0;
    transform: translateX(40px) scale(.93);
    transition: opacity .6s,transform .8s var(--ease);
    pointer-events: none;
    filter: drop-shadow(0 35px 55px #000a);
  }
  .story-image.active {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  .story-image img {
    width: 100%;
    max-height: 72vh;
    object-fit: contain;
  }
  .story-count {
    position: absolute;
    bottom: 40px;
    left: max(28px,calc((100vw - var(--width))/2));
    font-size: 12px;
    color: #86a7df;
    letter-spacing: .15em;
  }
  .story-bars {
    display: flex;
    gap: 8px;
    margin-top: 34px;
  }
  .story-bars span {
    height: 2px;
    background: #354866;
    flex: 1;
    max-width: 80px;
  }
  .story-bars span.active {
    background: #62a2ff;
  }
  .counters {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 30px;
    margin-top: 60px;
  }
  .counter {
    border-top: 1px solid #d7dce5;
    padding-top: 20px;
  }
  .counter .value {
    font-size: clamp(55px,8vw,100px);
    letter-spacing: -.085em;
    font-weight: 760;
    color: var(--blue);
  }
  .counter .label {
    font-size: 14px;
    line-height: 1.5;
    color: #747984;
  }
  .dark-ticker {
    white-space: nowrap;
    overflow: hidden;
    background: #0b1427;
    padding: 20px 0;
    color: #c2cfe3;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .24em;
  }
  .ticker-inner {
    display: flex;
    width: max-content;
    gap: 65px;
    animation: ticker 35s linear infinite;
  }
  .ticker-inner span:after {
    content: '✦';
    margin-left: 65px;
    color: #4084eb;
  }
  @keyframes ticker {
    to {
      transform: translateX(-50%);
    }
  }
  .portfolio-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
  }
  .project {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    background: #edf1f7;
    cursor: zoom-in;
    display: flex;
    flex-direction: column;
    min-height: 355px;
  }
  .project img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    transition: transform 1s var(--ease);
  }
  .project:hover img {
    transform: scale(1.07);
  }
  .project-info {
    background: #fff;
    padding: 22px 24px;
    flex: 1;
  }
  .project-info strong {
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.04em;
  }
  .project-info small {
    display: block;
    font-size: 12px;
    color: #858a95;
    margin-top: 8px;
  }
  .portfolio-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 35px 0;
  }
  .filter-btn {
    border: 1px solid #e1e5ed;
    border-radius: 50px;
    padding: 10px 18px;
    background: white;
    color: #59616c;
    font-size: 13px;
  }
  .filter-btn[aria-pressed="true"] {
    background: #0f1728;
    color: #fff;
    border-color: #0f1728;
  }
  .project[hidden] {
    display: none !important;
  }
  .manifesto {
    padding: 150px 0;
    text-align: center;
  }
  .manifesto h2 {
    font-size: clamp(48px,8.2vw,125px);
    line-height: 1.05;
    letter-spacing: -.08em;
    max-width: 1150px;
    margin: 20px auto;
  }
  .manifesto p {
    max-width: 600px;
    margin: 35px auto 0;
  }
  .big-cta {
    background: radial-gradient(ellipse 55% 95% at 50% 120%,#408fff 0%,transparent 85%),linear-gradient(145deg,#0756bf,#052d78);
    color: #fff;
    text-align: center;
    padding: 125px 0;
  }
  .big-cta h2 {
    font-size: clamp(49px,7vw,100px);
    letter-spacing: -.075em;
    line-height: 1.04;
    margin: 22px auto;
    max-width: 970px;
  }
  .big-cta .lead {
    color: #d2e3ff;
  }
  .action-row {
    display: flex;
    gap: 13px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 36px;
  }
  .footer {
    background: #f5f5f7;
    padding: 68px 0 34px;
    color: #737784;
  }
  .footer-top {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    padding-bottom: 50px;
  }
  .footer .brand img {
    width: 146px;
  }
  .footer-nav {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 45px;
  }
  .footer-nav h4 {
    font-size: 13px;
    color: #34383f;
    margin: 0 0 15px;
  }
  .footer-nav a {
    display: block;
    font-size: 12px;
    padding: 5px 0;
  }
  .footer-nav a:hover {
    color: var(--blue);
  }
  .footer-bottom {
    border-top: 1px solid #dfe2e8;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding-top: 22px;
    font-size: 12px;
  }
  .lightbox {
    border: 0;
    border-radius: 22px;
    padding: 0;
    background: #111823;
    color: #fff;
    width: min(1200px,94vw);
    max-height: 92vh;
    box-shadow: 0 30px 120px #0009;
  }
  .lightbox::backdrop {
    background: #000b;
    backdrop-filter: blur(5px);
  }
  .lightbox-inner {
    padding: 60px 22px 20px;
    text-align: center;
  }
  .lightbox img {
    max-height: 72vh;
    width: 100%;
    object-fit: contain;
  }
  .lightbox p {
    margin: 12px;
    font-size: 13px;
    color: #b5c5d9;
  }
  .lightbox-close {
    position: absolute;
    right: 18px;
    top: 16px;
    border-radius: 50%;
    background: #fff2;
    color: white;
    border: 0;
    padding: 10px 15px;
  }
  .zoomable {
    cursor: zoom-in;
  }
  .two-media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
  }
  .two-media .image-panel {
    min-height: 350px;
  }
  .quote-card {
    padding: 42px;
    border-radius: 25px;
    background: #f4f6fb;
  }
  .quote-card blockquote {
    font-size: 22px;
    letter-spacing: -.035em;
    line-height: 1.55;
    margin: 0 0 24px;
  }
  .quote-card strong {
    font-size: 13px;
  }
  .quote-card small {
    display: block;
    color: #858a96;
    margin-top: 6px;
  }
  .contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
  }
  .contact-lines {
    display: grid;
    gap: 17px;
  }
  .contact-lines a,.contact-lines p {
    font-size: clamp(19px,2.8vw,29px);
    font-weight: 700;
    letter-spacing: -.045em;
    margin: 0;
  }
  .contact-lines a:hover {
    color: var(--blue);
  }
  .contact-lines small {
    display: block;
    font-size: 12px;
    color: #9098a4;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .contact-panel {
    border-radius: 32px;
    padding: 50px;
    background: #f4f7fb;
  }
  .contact-panel h3 {
    font-size: 35px;
    letter-spacing: -.06em;
    margin: 0 0 15px;
  }
  .contact-panel p {
    line-height: 1.7;
    color: #787f8d;
  }
  .space {
    height: 22px;
  }
  .visual-fallback {
    display: none;
    min-height: 200px;
    width: 100%;
    background: linear-gradient(135deg,#f2f6fe,#dce9ff);
    color: #355481;
    text-align: center;
    border-radius: 16px;
    padding: 45px 20px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
  }
  .visual-fallback:before {
    content: 'V';
    font-size: 85px;
    font-weight: 850;
    color: #054db6;
    letter-spacing: -.1em;
  }
  .visual-fallback span {
    font-size: 13px;
  }
  .image-failed img {
    display: none;
  }
  .image-failed .visual-fallback {
    display: flex;
  }
  .js .reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .75s var(--ease),transform .78s var(--ease);
  }
  .js .reveal.in {
    opacity: 1;
    transform: translateY(0);
  }
  .reveal-delay-1 {
    transition-delay: .12s;
  }
  .reveal-delay-2 {
    transition-delay: .22s;
  }
  .reveal-delay-3 {
    transition-delay: .32s;
  }
  .zoom-in {
    clip-path: inset(6% 6% round 32px);
    transition: clip-path 1.2s var(--ease);
  }
  .zoom-in.in {
    clip-path: inset(0 round 20px);
  }
  .mask-title {
    overflow: hidden;
  }
  .mask-title span {
    display: inline-block;
    transform: translateY(115%);
    opacity: 0;
    transition: transform 1.05s var(--ease),opacity 1s;
  }
  .mask-title.in span {
    transform: none;
    opacity: 1;
  }
  .arrow-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--blue);
    font-weight: 700;
    font-size: 14px;
  }
  .arrow-link .arr {
    font-size: 20px;
    transition: transform .3s;
  }
  .arrow-link:hover .arr {
    transform: translateX(7px);
  }
  .note {
    border: 1px solid #d9e6ff;
    border-radius: 14px;
    padding: 15px 18px;
    background: #f4f8ff;
    color: #50647f;
    font-size: 13px;
    line-height: 1.5;
  }
  .floating-dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .25;
    background-image: radial-gradient(#8dbaff 1px,transparent 1px);
    background-size: 25px 25px;
    mask-image: linear-gradient(90deg,transparent,#000,transparent);
  }
  @media (min-width:1400px) {
    .story-media {
      padding-right: calc((100vw - 1400px)/2);
    }
  }
  @media (max-width:950px) {
    .desktop-nav {
      gap: 16px;
    }
    .nav-shell {
      gap: 18px;
    }
    .gallery-grid {
      grid-template-columns: repeat(2,1fr);
    }
    .portfolio-grid {
      grid-template-columns: repeat(2,1fr);
    }
    .story-stage {
      grid-template-columns: 49% 51%;
    }
    .story-copy {
      padding-left: 28px;
    }
    .story-media {
      padding: 15px;
    }
    .footer-nav {
      gap: 23px;
    }
  }
  @media (max-width:720px) {
    .site-header {
      height: 62px;
    }
    .nav-shell {
      padding: 0 20px;
    }
    .brand img {
      width: 128px;
    }
    .desktop-nav,.nav-cta {
      display: none;
    }
    .menu-toggle {
      display: block;
    }
    .mobile-menu {
      position: absolute;
      left: 0;
      right: 0;
      top: 62px;
      background: #fff;
      border-bottom: 1px solid #dfe6f1;
      padding: 10px 22px 25px;
      display: none;
      box-shadow: 0 22px 40px #0002;
      max-height: calc(100dvh - 62px);
      overflow: auto;
    }
    .mobile-menu.open {
      display: grid;
    }
    .mobile-menu a {
      display: block;
      padding: 12px 4px;
      border-bottom: 1px solid #eef0f4;
      font-size: 14px;
    }
    .subnav-links {
      overflow: auto;
    }
    .subnav-inner {
      flex-wrap: wrap;
    }
    .wrap {
      padding: 0 22px;
    }
    .hero-top {
      padding: 85px 20px 0;
    }
    .display {
      font-size: clamp(58px,12vw,94px);
    }
    .h-xl {
      font-size: clamp(48px,10vw,74px);
    }
    .h-lg {
      font-size: clamp(40px,9vw,70px);
    }
    .hero-visual {
      padding: 0 14px;
      margin-top: 50px;
      margin-bottom: 0;
    }
    .hero-visual .screen {
      border-radius: 10px;
    }
    .screen-top {
      height: 24px;
    }
    .hero-hint {
      padding: 50px 0 30px;
    }
    .section {
      padding: 78px 0;
    }
    .section-sm {
      padding: 65px 0;
    }
    .split {
      grid-template-columns: 1fr;
      gap: 38px;
    }
    .image-panel {
      min-height: 280px;
      padding: 18px;
      border-radius: 20px;
    }
    .chapter {
      padding: 95px 0;
    }
    .chapter-media {
      margin-top: 38px;
    }
    .chapter-media.wide {
      max-width: 100%;
    }
    .gallery-grid,.portfolio-grid,.two-media,.contact-grid {
      grid-template-columns: 1fr;
    }
    .gallery-tile.gallery-big {
      grid-column: span 1;
    }
    .gallery-tile.gallery-big img {
      height: 300px;
    }
    .gallery-tile img {
      height: 250px;
    }
    .story {
      height: auto;
    }
    .story-stage {
      position: relative;
      top: auto;
      height: auto;
      min-height: 0;
      display: block;
      padding: 75px 22px;
    }
    .story-copy {
      padding: 0;
    }
    .story-step,.story-step:first-child,.story-step:not(:first-child) {
      position: relative !important;
      top: auto;
      opacity: 1;
      transform: none !important;
      max-width: none;
      margin: 0 0 42px;
      padding-bottom: 230px;
      pointer-events: auto;
    }
    .story-step:last-child {
      margin-bottom: 0;
    }
    .story-media {
      display: none;
    }
    .story-step:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 215px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-image: var(--story-image);
    }
    .story-count {
      display: none;
    }
    .story-bars {
      display: none;
    }
    .counters {
      gap: 15px;
    }
    .counter .value {
      font-size: 50px;
    }
    .feature-band .wrap {
      display: block;
    }
    .footer-top {
      flex-direction: column;
      gap: 30px;
    }
    .footer-nav {
      grid-template-columns: repeat(2,1fr);
    }
    .footer-bottom {
      display: block;
    }
    .big-cta {
      padding: 80px 0;
    }
    .manifesto {
      padding: 90px 0;
    }
    .project {
      min-height: 300px;
    }
    .project img {
      height: 230px;
    }
    .contact-panel {
      padding: 30px;
    }
    .ticker-inner {
      animation-duration: 45s;
    }
    .zoom-in {
      clip-path: none;
    }
    .lead {
      font-size: 17px;
    }
  }
  @media (max-width:420px) {
    .display {
      font-size: 55px;
    }
    .counters {
      grid-template-columns: 1fr;
    }
    .counter {
      display: flex;
      align-items: center;
      gap: 15px;
    }
    .counter .value {
      font-size: 56px;
    }
    .footer-nav {
      gap: 10px;
    }
    .gallery-tile.gallery-big img {
      height: 250px;
    }
  }
  @media (prefers-reduced-motion:reduce) {
    *,*::before,*::after {
      animation-duration: .01ms !important;
      transition-duration: .01ms !important;
      scroll-behavior: auto !important;
    }
    .js .reveal {
      opacity: 1;
      transform: none;
    }
    .mask-title span {
      opacity: 1;
      transform: none;
    }
    .hero-visual,.hero-visual .screen {
      transform: none !important;
    }
    .zoom-in {
      clip-path: none;
    }
    .ticker-inner {
      animation: none;
    }
    .story-step,.story-image {
      transition: none;
    }
  }
  .lovable-header.site-header {
    height: 70px;
    background: rgba(255,255,255,.965);
    border-bottom: 1px solid #eceef1;
    box-shadow: none;
    z-index: 120;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .lovable-header .nav-shell {
    width: 100%;
    max-width: 1280px;
    padding: 0 34px;
    gap: 22px;
  }
  .lovable-header .brand-main {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    outline-offset: 5px;
  }
  .lovable-header .brand-main img {
    width: 174px;
    max-width: none;
    height: auto;
    display: block;
  }
  .lovable-header .desktop-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px,1.65vw,25px);
    margin: 0 auto;
    height: 100%;
  }
  .lovable-header .desktop-nav > .nav-link, .lovable-header .desktop-nav > .nav-drop > .nav-trigger {
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: -.012em;
    color: #42464f;
    line-height: 1.25;
    transition: color .16s ease;
  }
  .lovable-header .desktop-nav > .nav-link {
    padding: 15px 0;
    white-space: nowrap;
  }
  .lovable-header .desktop-nav > .nav-link:hover,.lovable-header .desktop-nav > .nav-drop > .nav-trigger:hover, .lovable-header .desktop-nav > .nav-drop > .nav-trigger[aria-expanded="true"] {
    color: #054DB6;
  }
  .lovable-header .desktop-nav .nav-drop {
    height: 100%;
    min-height: 0;
    position: relative;
    display: flex;
    align-items: center;
  }
  .lovable-header .desktop-nav .nav-drop::after {
    content: none;
  }
  .lovable-header .desktop-nav .nav-trigger {
    background: none;
    border: 0;
    padding: 16px 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    white-space: nowrap;
  }
  .lovable-header .nav-chevron {
    width: 6px;
    height: 6px;
    border-width: 1.5px;
    transform: translateY(-1.5px) rotate(45deg);
    opacity: .8;
  }
  .lovable-header .desktop-nav .nav-drop.is-open .nav-chevron {
    transform: translateY(1.5px) rotate(225deg);
  }
  .lovable-header .desktop-nav .drop-inner {
    position: absolute;
    left: 50%;
    top: calc(100% - 1px);
    width: 308px;
    min-width: 308px;
    border: 1px solid #eaecef;
    border-radius: 14px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 14px 35px rgba(22,32,54,.10);
    display: flex;
    flex-direction: column;
    gap: 2px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%,6px);
    transition: opacity .16s ease,transform .16s ease,visibility .16s;
  }
  .lovable-header .desktop-nav .nav-drop.is-open .drop-inner {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%,0);
  }
  .lovable-header .desktop-nav .drop-eyebrow {
    font-size: 9px;
    letter-spacing: .11em;
    color: #8a919e;
    padding: 9px 11px 7px;
    font-weight: 700;
  }
  .lovable-header .desktop-nav .drop-inner a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 11px;
    border-radius: 9px;
    white-space: normal;
    color: #242933;
    transition: background .16s;
  }
  .lovable-header .desktop-nav .drop-inner a:hover,.lovable-header .desktop-nav .drop-inner a:focus-visible {
    background: #f5f7fb;
    color: #054DB6;
  }
  .lovable-header .desktop-nav .drop-item-title {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.02em;
  }
  .lovable-header .desktop-nav .drop-item-description {
    font-size: 11.5px;
    font-weight: 400;
    color: #777f8d;
    letter-spacing: 0;
  }
  .lovable-header .header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
  }
  .lovable-header .header-cta {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 9px 14px;
    border-radius: 10px;
    color: #fff;
    background: #16181d;
    font-size: 12px;
    letter-spacing: -.005em;
    font-weight: 600;
    white-space: nowrap;
    transition: background .17s,transform .17s;
  }
  .lovable-header .header-cta:hover {
    background: #054DB6;
    transform: translateY(-1px);
  }
  .lovable-header .header-cta svg {
    transition: transform .17s;
  }
  .lovable-header .header-cta:hover svg {
    transform: translateX(2px);
  }
  .lovable-header .menu-toggle {
    display: none;
    width: 39px;
    height: 39px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: transparent;
    color: #222832;
    border: 1px solid #e7eaee;
  }
  .lovable-header .mobile-menu {
    display: none;
  }
  @media (max-width:1130px) {
    .lovable-header .desktop-nav {
      gap: 13px;
    }
    .lovable-header .desktop-nav > .nav-link,.lovable-header .desktop-nav > .nav-drop > .nav-trigger {
      font-size: 12.5px;
    }
    .lovable-header .nav-shell {
      padding: 0 24px;
      gap: 13px;
    }
    .lovable-header .brand-main img {
      width: 162px;
    }
  }
  @media (max-width:1019px) {
    .lovable-header.site-header {
      height: 66px;
    }
    .lovable-header .nav-shell {
      padding: 0 22px;
    }
    .lovable-header .brand-main img {
      width: 162px;
    }
    .lovable-header .desktop-nav {
      display: none !important;
    }
    .lovable-header .menu-toggle {
      display: flex;
    }
    .lovable-header .header-cta {
      min-height: 35px;
      padding: 8px 12px;
    }
    .lovable-header .mobile-menu {
      position: absolute;
      top: 66px;
      left: 0;
      right: 0;
      background: rgba(255,255,255,.99);
      padding: 12px 22px 24px;
      border-bottom: 1px solid #e8ebef;
      box-shadow: 0 18px 30px #19233618;
      max-height: calc(100dvh - 66px);
      overflow: auto;
    }
    .lovable-header .mobile-menu.open {
      display: block;
    }
    .lovable-header .mobile-menu > a:not(.mobile-cta), .lovable-header .mobile-accordion > summary {
      display: flex;
      min-height: 47px;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      border-bottom: 1px solid #f0f1f3;
      padding: 11px 6px;
      color: #303640;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
    }
    .lovable-header .mobile-accordion > summary {
      list-style: none;
    }
    .lovable-header .mobile-accordion > summary::-webkit-details-marker {
      display: none;
    }
    .lovable-header .mobile-accordion[open] .nav-chevron {
      transform: translateY(1.5px) rotate(225deg);
    }
    .lovable-header .mobile-submenu {
      margin: 6px 0 12px;
      padding: 4px 8px;
      border-radius: 9px;
      background: #f7f8fa;
    }
    .lovable-header .mobile-submenu a {
      display: block;
      padding: 12px;
      border-bottom: 1px solid #eceef2;
      color: #566171;
      font-weight: 450;
      font-size: 13px;
    }
    .lovable-header .mobile-submenu a:last-child {
      border-bottom: 0;
    }
    .lovable-header .mobile-menu .mobile-cta {
      display: flex;
      margin: 16px 0 0;
      justify-content: center;
      align-items: center;
      gap: 10px;
      padding: 13px 18px;
      border: 0;
      border-radius: 11px;
      background: #16181d;
      color: white;
      font-size: 13px;
      font-weight: 600;
    }
  }
  @media (max-width:420px) {
    .lovable-header .nav-shell {
      padding: 0 16px;
    }
    .lovable-header .brand-main img {
      width: 153px;
    }
    .lovable-header .header-cta {
      display: none;
    }
  }
  @media (prefers-reduced-motion:reduce) {
    .lovable-header .desktop-nav .drop-inner,.lovable-header .nav-chevron,.lovable-header .header-cta {
      transition: none !important;
      transform: none;
    }
    .lovable-header .desktop-nav .drop-inner {
      transform: translate(-50%,0) !important;
    }
  }
  .lovable-header .lang-picker {
    position: relative;
    flex: 0 0 auto;
    z-index: 125;
  }
  .lovable-header .lang-trigger {
    border: 1px solid #e8ebef;
    background: #fff;
    color: #373d48;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 69px;
    height: 36px;
    padding: 0 9px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    transition: background .18s,border-color .18s;
    color: #303745;
  }
  .lovable-header .lang-trigger:hover,.lovable-header .lang-trigger[aria-expanded="true"] {
    background: #f6f8fc;
    border-color: #c9d6e9;
  }
  .lovable-header .lang-caret {
    transition: transform .18s;
  }
  .lovable-header .lang-picker.is-open .lang-caret {
    transform: rotate(180deg);
  }
  .lovable-header .lang-options {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 135;
    width: 173px;
    display: grid;
    gap: 2px;
    padding: 7px;
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
    box-shadow: 0 16px 36px #17223b1b;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(5px);
    transition: opacity .16s,transform .16s,visibility .16s;
  }
  .lovable-header .lang-picker.is-open .lang-options {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .lovable-header .lang-options a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 10px;
    border-radius: 8px;
    color: #303640;
    font-size: 12.5px;
    font-weight: 500;
    transition: background .16s;
  }
  .lovable-header .lang-options a:hover,.lovable-header .lang-options a:focus-visible {
    background: #f3f6fc;
    color: #054DB6;
  }
  .lovable-header .lang-options a[aria-current="true"] {
    background: #ebf2ff;
    color: #054DB6;
    font-weight: 700;
  }
  .lovable-header .lang-code {
    font-size: 10px;
    color: #818996;
    font-weight: 600;
    letter-spacing: .03em;
  }
  @media (max-width:420px) {
    .lovable-header .header-actions {
      gap: 6px;
    }
    .lovable-header .lang-trigger {
      min-width: 62px;
      padding: 0 7px;
    }
    .lovable-header .brand-main img {
      width: 145px;
    }
  }
  html[dir="rtl"] body {
    font-family: "Noto Sans Arabic",Tahoma,Arial,sans-serif;
  }
  html[dir="rtl"] :is(.display,.h-xl,.h-lg,.h-md,.lead,.eyebrow,.drop-item-title,.drop-item-description) {
    letter-spacing: normal !important;
  }
  html[dir="rtl"] .lovable-header .lang-options {
    right: auto;
    left: 0;
  }
  html[dir="rtl"] .lovable-header .desktop-nav .drop-inner {
    direction: rtl;
    text-align: right;
  }
  html[dir="rtl"] :is(.copy,.story-copy,.contact-panel,.feature-copy,.footer-top,.footer-nav,.chapter-text) {
    text-align: right;
  }
  html[dir="rtl"] .story-copy {
    padding-left: 44px;
    padding-right: max(28px,calc((100vw - var(--width))/2));
  }
  html[dir="rtl"] .story-count {
    left: auto;
    right: max(28px,calc((100vw - var(--width))/2));
  }
  html[dir="rtl"] .footer-nav {
    text-align: right;
  }
  html[dir="rtl"] .story-image,html[dir="rtl"] .hero-visual,html[dir="rtl"] .image-host img {
    direction: ltr;
  }
  html[dir="rtl"] .page-progress {
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .lovable-header .header-actions {
    direction: rtl;
  }
  html[dir="rtl"] .lovable-header .desktop-nav .nav-trigger {
    flex-direction: row;
  }
  @media (max-width:720px) {
    html[dir="rtl"] .story-copy {
      padding: 0;
    }
    html[dir="rtl"] .lovable-header .mobile-menu {
      text-align: right;
    }
  }
  @media (prefers-reduced-motion:reduce) {
    .lovable-header .lang-options,.lovable-header .lang-caret {
      transition: none;
    }
  }
  .lovable-header .nav-chevron {
    display: inline-block;
    flex: none;
    width: 14px;
    height: 14px;
    border: 0;
    fill: none;
    stroke: currentColor;
    opacity: .8;
    transform: none;
    transition: transform .18s ease;
  }
  .lovable-header .desktop-nav .nav-drop.is-open .nav-chevron, .lovable-header .mobile-accordion[open] .nav-chevron {
    transform: rotate(180deg);
  }
  .lovable-header .nav-trigger:hover .nav-chevron, .lovable-header .mobile-accordion > summary:hover .nav-chevron {
    opacity: 1;
  }
  html[lang="ar"] .lovable-header, html[lang="ar"] .lovable-header .nav-shell, html[lang="ar"] .lovable-header .desktop-nav, html[lang="ar"] .lovable-header .header-actions, html[lang="ar"] .lovable-header .mobile-menu {
    direction: ltr;
  }
  html[lang="ar"] .lovable-header .nav-label {
    direction: rtl;
    unicode-bidi: isolate;
  }
  html[lang="ar"] .lovable-header .desktop-nav .drop-inner {
    direction: rtl;
    text-align: right;
  }
  html[lang="ar"] .lovable-header .lang-options {
    direction: ltr;
    right: 0;
    left: auto;
  }
  html[lang="ar"] .lovable-header .mobile-submenu {
    direction: rtl;
    text-align: right;
  }
  html[lang="ar"] .lovable-header .mobile-menu > a:not(.mobile-cta) {
    text-align: left;
  }
  @media (prefers-reduced-motion:reduce) {
    .lovable-header .nav-chevron {
      transition: none !important;
    }
    .lovable-header .desktop-nav .nav-drop.is-open .nav-chevron, .lovable-header .mobile-accordion[open] .nav-chevron {
      transform: rotate(180deg) !important;
    }
  }
  .lovable-header .lang-options a {
    gap: 10px;
  }
  .lovable-header .lang-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }
  .lovable-header .lang-flag {
    width: 24px;
    height: 16px;
    flex: 0 0 24px;
    display: block;
    object-fit: cover;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(15,23,42,.10);
  }
  .lovable-header .lang-name {
    white-space: nowrap;
  }
  .callback-dialog {
    position: fixed;
    inset: 0;
    margin: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: #121826;
    width: min(440px,calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    overflow: visible;
    box-shadow: none;
  }
  .callback-dialog:not([open]) {
    display: none;
  }
  .callback-dialog::backdrop {
    background: rgba(9,17,31,.57);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .callback-panel {
    position: relative;
    padding: clamp(25px,5vw,37px);
    border: 1px solid #e7ebf3;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 28px 85px rgba(5,16,35,.22);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
  .callback-close {
    position: absolute;
    top: 19px;
    right: 19px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #eef1f6;
    border-radius: 50%;
    background: #f8fafc;
    color: #4b5563;
    cursor: pointer;
    transition: background .2s ease;
  }
  .callback-close:hover {
    background: #e9eef7;
  }
  .callback-eyebrow {
    font-size: 10px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: .15em;
    color: #054DB6;
    margin: 0 36px 12px 0;
  }
  .callback-panel h2 {
    font-size: clamp(27px,4vw,32px);
    font-weight: 650;
    line-height: 1.17;
    letter-spacing: -.05em;
    color: #111827;
    margin: 0 36px 9px 0;
  }
  .callback-intro {
    font-size: 13px;
    line-height: 1.7;
    color: #697586;
    margin: 0 0 22px;
    max-width: 360px;
  }
  .callback-field {
    margin: 0 0 14px;
  }
  .callback-field label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #323b4c;
    margin: 0 0 7px;
  }
  .callback-field input {
    display: block;
    width: 100%;
    height: 43px;
    border: 1px solid #dfe5ee;
    border-radius: 10px;
    background: #fcfdff;
    padding: 0 12px;
    outline: 0;
    color: #172032;
    font-family: inherit;
    font-size: 13px;
    transition: border-color .15s ease,box-shadow .15s ease;
  }
  .callback-field input:focus-visible {
    border-color: #054DB6;
    box-shadow: 0 0 0 3px #054db61c;
  }
  .callback-field input::placeholder {
    color: #99a1ae;
  }
  .callback-hint {
    font-size: 11px;
    line-height: 1.5;
    color: #7a8595;
    margin: -4px 0 18px;
  }
  .callback-accept {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 11px;
    line-height: 1.6;
    color: #657184;
    margin: 0 0 14px;
    cursor: pointer;
  }
  .callback-accept input {
    width: 15px;
    height: 15px;
    accent-color: #054DB6;
    flex: 0 0 auto;
    margin: 2px 0 0;
    cursor: pointer;
  }
  .callback-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #054DB6;
    color: #fff;
    border: 1px solid #054DB6;
    border-radius: 10px;
    width: 100%;
    height: 45px;
    padding: 0 16px;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
    transition: background .18s ease,transform .18s ease;
  }
  .callback-submit:hover:not(:disabled) {
    background: #053d90;
    transform: translateY(-1px);
  }
  .callback-submit:disabled {
    opacity: .65;
    cursor: wait;
  }
  .callback-feedback {
    min-height: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #b42318;
  }
  .callback-feedback:not(:empty) {
    padding: 9px 12px;
    margin-bottom: 12px;
    background: #fff2f1;
    border: 1px solid #ffdad7;
    border-radius: 9px;
  }
  .callback-feedback.is-success {
    color: #166534;
  }
  .callback-feedback.is-success:not(:empty) {
    background: #f0fdf4;
    border-color: #bbf7d0;
  }
  .callback-trap {
    position: absolute !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .header-cta[data-callback-open],.mobile-cta[data-callback-open] {
    font-family: inherit;
    cursor: pointer;
    text-align: center;
  }
  html[lang="ar"] .callback-panel {
    direction: rtl;
    text-align: right;
  }
  html[lang="ar"] .callback-close {
    right: auto;
    left: 19px;
  }
  html[lang="ar"] .callback-eyebrow,html[lang="ar"] .callback-panel h2 {
    margin-right: 0;
    margin-left: 36px;
    letter-spacing: 0;
  }
  html[lang="ar"] .callback-field input[name="phone"] {
    direction: ltr;
    text-align: left;
  }
  @media (max-width:520px) {
    .callback-dialog {
      width: calc(100% - 24px);
      max-height: calc(100dvh - 24px);
    }
    .callback-panel {
      max-height: calc(100dvh - 24px);
      border-radius: 17px;
      padding: 24px 21px;
    }
    .callback-intro {
      margin-bottom: 17px;
    }
  }
  @media (prefers-reduced-motion:reduce) {
    .callback-close,.callback-submit,.callback-field input {
      transition: none !important;
    }
    .callback-submit:hover {
      transform: none !important;
    }
  }
  .vartag-unified-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(116deg, #052452 0%, #054db6 51%, #1268c9 100%);
    color: #ffffff;
  }
  .vartag-unified-hero::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0 0 0 auto;
    width: min(86%, 1400px);
    z-index: 0;
    background: url("images/banner/referanslar-arka-plan.png") right center / cover no-repeat;
    opacity: .42;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 23%, black 66%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 23%, black 66%);
    transform-origin: 100% 50%;
  }
  .vartag-unified-hero::after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: radial-gradient(circle at 77% 29%, rgba(184,219,255,.18) 0, transparent 28%), repeating-radial-gradient(circle at 105% 110%, transparent 0 58px, rgba(255,255,255,.075) 59px 60px, transparent 61px 117px), radial-gradient(circle, rgba(255,255,255,.15) .75px, transparent 1px), linear-gradient(90deg, rgba(2,18,52,.16), transparent 66%);
    background-size: auto, auto, 32px 32px, auto;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.5) 31%, black 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.5) 31%, black 100%);
  }
  .vartag-unified-hero > .hero-top, .vartag-unified-hero > .hero-visual, .vartag-unified-hero > .hero-hint, .vartag-unified-hero > .wrap {
    position: relative;
    z-index: 2;
  }
  .vartag-unified-hero > .hero-glow, .vartag-unified-hero > .floating-dots {
    z-index: 1;
  }
  .vartag-unified-hero .eyebrow, .vartag-unified-hero .eyebrow.light {
    color: #c6e1ff;
  }
  .vartag-unified-hero .lead, .vartag-unified-hero .small {
    color: #e1edff;
  }
  .vartag-unified-hero .hero-hint {
    color: #c8ddfa;
  }
  .vartag-unified-hero.section-sm {
    padding-top: 72px;
    padding-bottom: 76px;
  }
  .vartag-unified-hero.section-sm .wrap {
    max-width: 850px;
  }
  .vartag-unified-hero.section-sm .h-xl {
    max-width: 800px;
    margin: 13px auto 0;
  }
  .vartag-unified-hero.section-sm .lead {
    max-width: 610px;
    margin: 18px auto 0;
  }
  @media (max-width: 720px) {
    .vartag-unified-hero::before {
      width: 100%;
      opacity: .24;
      background-position: 62% center;
      -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 100%);
      mask-image: linear-gradient(180deg, transparent 0%, black 100%);
    }
    .vartag-unified-hero::after {
      opacity: .52;
      background-size: auto, auto, 40px 40px, auto;
    }
    .vartag-unified-hero.section-sm {
      padding-top: 55px;
      padding-bottom: 58px;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .vartag-unified-hero::before {
      animation: vartag-banner-drift 24s ease-in-out infinite alternate;
    }
    @keyframes vartag-banner-drift {
      from {
        transform: scale(1) translate3d(0,0,0);
      }
      to {
        transform: scale(1.045) translate3d(-12px,0,0);
      }
    }
  }
  .vartag-unified-hero .vartag-hero-title {
    font-family: inherit;
    font-size: clamp(2rem, 3.5vw, 3.125rem);
    font-weight: 650;
    line-height: 1.14;
    letter-spacing: -.045em;
    max-width: 800px;
    margin: 15px auto 0;
    text-wrap: balance;
  }
  .vartag-unified-hero .vartag-hero-title .text-gradient {
    color: inherit;
  }
  .vartag-unified-hero .vartag-hero-title .text-gradient {
    background: linear-gradient(115deg, #ffffff 0%, #bcdcff 82%, #83bfff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .vartag-unified-hero.section-sm {
    padding-top: 56px;
    padding-bottom: 60px;
  }
  .vartag-unified-hero.section-sm .vartag-hero-title {
    max-width: 780px;
    margin-top: 12px;
  }
  .vartag-unified-hero.section-sm .lead {
    max-width: 610px;
    margin-top: 15px;
  }
  html[lang="ar"] .vartag-unified-hero .vartag-hero-title {
    letter-spacing: 0;
    line-height: 1.37;
    font-weight: 650;
  }
  @media (max-width: 720px) {
    .vartag-unified-hero .vartag-hero-title {
      font-size: clamp(1.875rem, 6.6vw, 2.3rem);
      line-height: 1.18;
      max-width: 100%;
      margin-top: 12px;
    }
    .vartag-unified-hero.section-sm {
      padding-top: 44px;
      padding-bottom: 50px;
    }
    .vartag-unified-hero.section-sm .lead {
      margin-top: 12px;
    }
  }
  .vartag-unified-hero::after {
    transform-origin: 70% 65%;
    will-change: transform, opacity;
  }
  @keyframes vartag-contour-motion {
    0% {
      transform: translate3d(0, 0, 0) scale(1);
      opacity: .9;
    }
    50% {
      transform: translate3d(-14px, -9px, 0) scale(1.035);
      opacity: .75;
    }
    100% {
      transform: translate3d(8px, -18px, 0) scale(1.06);
      opacity: .96;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .vartag-unified-hero::after {
      animation: vartag-contour-motion 21s ease-in-out infinite alternate;
    }
  }
  @media (max-width: 720px) and (prefers-reduced-motion: no-preference) {
    .vartag-unified-hero::after {
      animation-duration: 29s;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .vartag-unified-hero::before, .vartag-unified-hero::after {
      animation: none !important;
      transform: none !important;
      will-change: auto;
    }
  }
  .vartag-unified-hero.contact-flow-hero > .contact-flow-svg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
    opacity: .95;
  }
  .vartag-unified-hero.contact-flow-hero > .wrap {
    z-index: 3;
  }
  .contact-flow-svg .contact-flow-trace {
    fill: none;
    stroke: rgba(206, 231, 255, .25);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
  }
  .contact-flow-svg .contact-flow-running {
    fill: none;
    stroke: rgba(255, 255, 255, .77);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 20 78;
    stroke-dashoffset: 0;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 5px rgba(160, 213, 255, .55));
  }
  .contact-flow-svg .contact-flow-running:nth-of-type(2) {
    stroke: rgba(221, 241, 255, .9);
  }
  @keyframes vartag-contact-line-flow {
    to {
      stroke-dashoffset: -392;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .contact-flow-svg .contact-flow-running {
      animation: vartag-contact-line-flow 6.5s linear infinite;
    }
    .contact-flow-svg .contact-flow-running.flow-second {
      animation-duration: 9s;
      animation-direction: reverse;
    }
    .contact-flow-svg .contact-flow-running.flow-third {
      animation-duration: 7.5s;
    }
    .contact-flow-svg .contact-flow-running.flow-fourth {
      animation-duration: 11s;
      animation-direction: reverse;
    }
  }
  @media (max-width: 720px) {
    .vartag-unified-hero.contact-flow-hero > .contact-flow-svg {
      opacity: .62;
    }
    .contact-flow-svg .contact-flow-running {
      stroke-width: 1.6;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .contact-flow-svg .contact-flow-running {
      animation: none !important;
      stroke-dashoffset: 0;
    }
  }
  .vartag-unified-hero.contact-flow-hero::before, .vartag-unified-hero.contact-flow-hero::after, .vartag-unified-hero.contact-flow-hero .contact-flow-running {
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
  }
  .vartag-unified-hero.contact-flow-hero .contact-flow-running {
    stroke-dashoffset: 0 !important;
  }
  .vartag-unified-hero.contact-flow-hero::after {
    content: none !important;
    display: none !important;
  }
  .vartag-unified-hero.contact-flow-hero .contact-flow-svg {
    display: none !important;
  }
  .lovable-header .lang-options .lang-unavailable {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 10px;
    border-radius: 8px;
    color: #77818f;
    font-size: 12.5px;
    font-weight: 500;
    opacity: .72;
    cursor: default;
  }
  .lovable-header .lang-options .lang-unavailable .lang-code {
    font-size: 9.5px;
    white-space: nowrap;
  }
  .lovable-header .lang-options {
    width: 199px;
  }
  .lovable-header .lang-options .lang-unavailable {
    user-select: none;
  }
  .lovable-header .lang-options .lang-unavailable .lang-code {
    letter-spacing: 0;
  }
}
.bottom-6 {
  bottom: calc(var(--spacing) * 6);
}
.mx-auto {
  margin-inline: auto;
}
.my-5 {
  margin-block: calc(var(--spacing) * 5);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
  margin-top: calc(var(--spacing) * 9);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-\[-22px\] {
  margin-bottom: -22px;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-\[180px\] {
  height: 180px;
}
.h-\[190px\] {
  height: 190px;
}
.h-\[205px\] {
  height: 205px;
}
.h-full {
  height: 100%;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.min-h-0 {
  min-height: calc(var(--spacing) * 0);
}
.min-h-10 {
  min-height: calc(var(--spacing) * 10);
}
.min-h-\[210px\] {
  min-height: 210px;
}
.w-\[86\%\] {
  width: 86%;
}
.w-\[122px\] {
  width: 122px;
}
.w-\[126px\] {
  width: 126px;
}
.w-full {
  width: 100%;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[475px\] {
  max-width: 475px;
}
.max-w-\[570px\] {
  max-width: 570px;
}
.max-w-\[580px\] {
  max-width: 580px;
}
.max-w-\[650px\] {
  max-width: 650px;
}
.max-w-\[730px\] {
  max-width: 730px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[850px\] {
  max-width: 850px;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-\[940px\] {
  max-width: 940px;
}
.max-w-\[990px\] {
  max-width: 990px;
}
.max-w-\[1120px\] {
  max-width: 1120px;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-9 {
  gap: calc(var(--spacing) * 9);
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.py-14 {
  padding-block: calc(var(--spacing) * 14);
}
.py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-16 {
  padding-top: calc(var(--spacing) * 16);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[clamp\(\.94rem\,1\.15vw\,1\.11rem\)\] {
  font-size: clamp(.94rem, 1.15vw, 1.11rem);
}
.text-\[clamp\(1\.65rem\,2\.85vw\,2\.65rem\)\] {
  font-size: clamp(1.65rem, 2.85vw, 2.65rem);
}
.text-\[clamp\(1rem\,2vw\,1\.4rem\)\] {
  font-size: clamp(1rem, 2vw, 1.4rem);
}
.text-\[clamp\(2\.2rem\,4\.8vw\,4rem\)\] {
  font-size: clamp(2.2rem, 4.8vw, 4rem);
}
.text-\[clamp\(2\.05rem\,4\.25vw\,4\.2rem\)\] {
  font-size: clamp(2.05rem, 4.25vw, 4.2rem);
}
.text-\[clamp\(2\.15rem\,4\.3vw\,4\.25rem\)\] {
  font-size: clamp(2.15rem, 4.3vw, 4.25rem);
}
.text-\[clamp\(2rem\,3\.65vw\,3\.5rem\)\] {
  font-size: clamp(2rem, 3.65vw, 3.5rem);
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.leading-\[1\.7\] {
  --tw-leading: 1.7;
  line-height: 1.7;
}
.leading-\[1\.13\] {
  --tw-leading: 1.13;
  line-height: 1.13;
}
.leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
.leading-\[1\.17\] {
  --tw-leading: 1.17;
  line-height: 1.17;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[-\.012em\] {
  --tw-tracking: -.012em;
  letter-spacing: -.012em;
}
.tracking-\[-\.025em\] {
  --tw-tracking: -.025em;
  letter-spacing: -.025em;
}
.tracking-\[-\.042em\] {
  --tw-tracking: -.042em;
  letter-spacing: -.042em;
}
.tracking-\[-\.048em\] {
  --tw-tracking: -.048em;
  letter-spacing: -.048em;
}
.tracking-\[-\.052em\] {
  --tw-tracking: -.052em;
  letter-spacing: -.052em;
}
.tracking-\[-\.053em\] {
  --tw-tracking: -.053em;
  letter-spacing: -.053em;
}
.tracking-\[\.15em\] {
  --tw-tracking: .15em;
  letter-spacing: .15em;
}
.sm\:col-span-2 {
  @media (width >= 40rem) {
    grid-column: span 2 / span 2;
  }
}
.sm\:h-\[200px\] {
  @media (width >= 40rem) {
    height: 200px;
  }
}
.sm\:h-\[245px\] {
  @media (width >= 40rem) {
    height: 245px;
  }
}
.sm\:min-h-\[250px\] {
  @media (width >= 40rem) {
    min-height: 250px;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:px-6 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.md\:mt-7 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 7);
  }
}
.md\:mt-10 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 10);
  }
}
.md\:mt-11 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 11);
  }
}
.md\:mt-12 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 12);
  }
}
.md\:h-\[220px\] {
  @media (width >= 48rem) {
    height: 220px;
  }
}
.md\:w-\[130px\] {
  @media (width >= 48rem) {
    width: 130px;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:gap-5 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 5);
  }
}
.md\:gap-9 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 9);
  }
}
.md\:gap-10 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 10);
  }
}
.md\:gap-12 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 12);
  }
}
.md\:p-5 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.md\:p-7 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 7);
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.md\:px-9 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 9);
  }
}
.md\:py-10 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 10);
  }
}
.md\:py-14 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 14);
  }
}
.md\:py-16 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 16);
  }
}
.md\:py-24 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 24);
  }
}
.md\:py-\[76px\] {
  @media (width >= 48rem) {
    padding-block: 76px;
  }
}
.md\:py-\[90px\] {
  @media (width >= 48rem) {
    padding-block: 90px;
  }
}
.md\:pt-\[78px\] {
  @media (width >= 48rem) {
    padding-top: 78px;
  }
}
.md\:pb-10 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 10);
  }
}
.lg\:top-16 {
  @media (width >= 64rem) {
    top: calc(var(--spacing) * 16);
  }
}
.lg\:h-\[220px\] {
  @media (width >= 64rem) {
    height: 220px;
  }
}
.lg\:h-\[265px\] {
  @media (width >= 64rem) {
    height: 265px;
  }
}
.lg\:h-\[calc\(100vh-4rem\)\] {
  @media (width >= 64rem) {
    height: calc(100vh - 4rem);
  }
}
.lg\:min-h-\[480px\] {
  @media (width >= 64rem) {
    min-height: 480px;
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:gap-14 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 14);
  }
}
.lg\:px-8 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.lg\:py-\[76px\] {
  @media (width >= 64rem) {
    padding-block: 76px;
  }
}
.lg\:py-\[88px\] {
  @media (width >= 64rem) {
    padding-block: 88px;
  }
}
.lg\:pt-\[86px\] {
  @media (width >= 64rem) {
    padding-top: 86px;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}


/* Footer redesign v19 */
.footer.footer-redesign {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg,#efefef 0%,#ececec 100%);
  color: #6f6f73;
  border-top: 1px solid #e3e3e3;
  border-radius: 28px 28px 0 0;
  margin-top: 36px;
  padding: 62px 0 42px;
}
.footer-redesign-inner { position: relative; z-index: 2; }
.footer-ambient {
  position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
}
.footer-orb {
  position: absolute; border-radius: 999px; filter: blur(16px); opacity: .22;
  background: radial-gradient(circle at 30% 30%, rgba(5,77,182,.16), rgba(5,77,182,0));
  animation: footerFloat 22s ease-in-out infinite;
}
.footer-orb.orb-a { width: 260px; height: 260px; left: -60px; top: 24px; }
.footer-orb.orb-b { width: 320px; height: 320px; right: -80px; bottom: 10px; animation-duration: 30s; animation-delay: -8s; }
.footer-grid {
  position: absolute; inset: 0; opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,0));
  animation: footerGridDrift 28s linear infinite;
}
@keyframes footerFloat {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(18px,-12px,0) scale(1.07); }
}
@keyframes footerGridDrift {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(34px,0,0); }
}
.footer-contact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 38px;
  padding-bottom: 36px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.footer-contact-item h4,
.footer-links-col h4 {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
  color: #232529;
}
.footer-contact-item a,
.footer-links-col a,
.footer-copy {
  color: #6f7177;
  font-size: 14px;
  line-height: 1.45;
}
.footer-contact-item a:hover,
.footer-links-col a:hover { color: var(--blue); }
.footer-links-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 38px;
}
.footer-links-col a {
  display: block;
  margin-bottom: 10px;
}
.footer-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 40px;
  margin-top: 28px;
}
.footer-copy {
  font-size: 13px;
}
.footer-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.footer-social-link {
  width: 50px;
  height: 50px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.78);
  color: #1f2329;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
  transition: transform .2s ease, background-color .2s ease, color .2s ease;
}
.footer-social-link:hover {
  transform: translateY(-2px);
  background: var(--blue);
  color: #fff;
}
.footer-social-link svg { width: 22px; height: 22px; display: block; }
.footer-sticky-actions {
  position: fixed;
  right: 18px;
  bottom: 16px;
  z-index: 50;
  display: flex;
  gap: 10px;
  align-items: center;
}
.footer-sticky-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  height: 40px;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
.footer-sticky-whatsapp { background: #1c8f42; }
.footer-sticky-call { background: #1f62c6; min-width: 86px; }
.footer-sticky-link:hover { filter: brightness(.98); transform: translateY(-1px); }
@media (max-width: 980px) {
  .footer-contact-grid, .footer-links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-meta-row { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 720px) {
  .footer.footer-redesign {
    border-radius: 22px 22px 0 0;
    padding: 42px 0 110px;
  }
  .footer-contact-grid, .footer-links-grid { grid-template-columns: 1fr; gap: 22px; }
  .footer-meta-row { gap: 18px; padding-top: 28px; }
  .footer-social { justify-content: flex-start; }
  .footer-sticky-actions {
    right: 10px; left: 10px; bottom: 10px; justify-content: flex-end;
  }
  .footer-sticky-link { min-width: 0; padding: 0 16px; height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-orb, .footer-grid { animation: none !important; }
}
/* VARTAG v20: original editorial premium footer */
.footer.vartag-footer-v20{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;background:#08182d;color:#eef4ff}
.footer.vartag-footer-v20::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 100% 5%,rgba(5,77,182,.16),transparent 55%)}
.footer-glow{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.45;animation:footerSlowFloat 25s ease-in-out infinite alternate}
.footer-glow-one{width:520px;height:350px;top:-110px;right:-180px;background:radial-gradient(circle,#195bc2,transparent 70%)}
.footer-glow-two{width:460px;height:260px;bottom:-160px;left:-160px;background:radial-gradient(circle,#054db6,transparent 72%);animation-duration:32s;animation-direction:alternate-reverse;opacity:.27}
@keyframes footerSlowFloat{0%{transform:translate3d(-18px,9px,0)}100%{transform:translate3d(24px,-21px,0)}}
.footer-v20-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:66px 28px 26px}
.footer-invite{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-kicker{display:inline-flex;gap:10px;align-items:center;color:#9cbdff;font-size:10px;font-weight:700;letter-spacing:.17em}
.footer-kicker-dot{display:inline-block;width:7px;height:7px;background:#70a8ff;border-radius:50%;box-shadow:0 0 20px rgba(112,168,255,.7)}
.footer-invite h2{max-width:630px;color:#fff;font-size:clamp(26px,3.2vw,42px);font-weight:620;line-height:1.19;letter-spacing:-.045em;margin:16px 0 13px}
.footer-invite p{font-size:14px;color:#a9b7cb;line-height:1.7}
.footer-invite-button{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:13px 17px;border-radius:10px;background:#f6f9ff;color:#111c2f;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;min-height:44px}
.footer-invite-button:hover{background:#dbeaff;transform:translateY(-2px)}
.footer-v20-body{display:grid;grid-template-columns:1.4fr 2.5fr .9fr;gap:50px;align-items:start;padding:54px 0 48px}
.footer-brand-plate{display:inline-flex;align-items:center;background:#fff;border-radius:11px;padding:10px 14px;min-height:58px}
.footer-brand-plate img{width:145px;height:auto;max-height:45px;object-fit:contain}
.footer-brand-col p{max-width:260px;color:#a4b2c7;margin:22px 0 17px;font-size:13px;line-height:1.8}
.footer-mail{display:inline-flex;gap:14px;color:#f1f7ff!important;font-weight:600;font-size:13px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px}
.footer-mail:hover{color:#82adff!important;border-color:#82adff}
.footer-v20-nav{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:27px}
.footer-v20-nav h3,.footer-contact-col h3{font-size:12px;color:#e9f1ff;font-weight:750;margin-bottom:19px;letter-spacing:.015em}
.footer-v20-nav a,.footer-contact-col a{display:block;color:#a5b4ca;font-size:12.5px;line-height:1.6;margin:0 0 13px;transition:color .2s;white-space:normal}
.footer-v20-nav a:hover,.footer-contact-col a:hover{color:#fff}
.footer-contact-col p{font-size:12px;color:#8fa2bd;margin-top:22px}
.footer-contact-col .footer-phone{color:#fff;font-size:14px;font-weight:650}
.footer-contact-col .footer-whats{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:9px 11px;font-size:12px;margin-top:5px}
.footer-v20-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:23px;color:#8c9bb0;font-size:11.5px}
.footer-v20-bottom a{color:#d8e6fc;white-space:nowrap}.footer-v20-bottom a:hover{color:#fff}
.footer-heart{color:#85b8ff;margin:0 5px}
@media(max-width:1000px){.footer-v20-body{grid-template-columns:1fr 1.4fr;gap:40px}.footer-contact-col{grid-column:1/-1;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-contact-col h3{width:100%;margin:0}.footer-contact-col a{margin:0}}
@media(max-width:680px){.footer-v20-inner{padding:49px 22px 110px}.footer-invite{display:block;padding-bottom:38px}.footer-invite h2{font-size:29px}.footer-invite-button{margin-top:24px}.footer-v20-body{display:block;padding:41px 0 31px}.footer-brand-col{margin-bottom:38px}.footer-v20-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.footer-contact-col{display:block;margin-top:37px}.footer-contact-col h3{margin-bottom:17px}.footer-contact-col a{margin-bottom:12px}.footer-v20-bottom{align-items:flex-start;flex-direction:column;gap:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.footer-glow{animation:none!important}.footer-invite-button{transition:none}}

/* Hover-safe, accessible language menu */
.lovable-header .lang-options:before{content:"";position:absolute;height:13px;left:0;right:0;top:-12px}

/* Country code and national phone input, compact and keyboard accessible */
.callback-phone-row{display:flex;align-items:stretch;gap:8px;direction:ltr}
.callback-country-wrap{position:relative;flex:0 0 132px;min-width:0}
.callback-field .callback-country-select{position:relative;z-index:1;appearance:none;-webkit-appearance:none;display:block;width:100%;height:43px;font:inherit;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f7f9fd;border:1px solid #dfe5ee;border-radius:10px;color:#243047;padding:0 24px 0 9px;cursor:pointer;outline:0}
.callback-country-arrow{pointer-events:none;position:absolute;z-index:2;right:8px;top:11px;color:#65718a;font-size:18px}
.callback-field .callback-country-select:focus-visible{border-color:#054db6;box-shadow:0 0 0 3px #054db61c}
.callback-field .callback-phone-row input{min-width:0;flex:1;width:100%;font-variant-numeric:tabular-nums}
@media(max-width:400px){.callback-country-wrap{flex-basis:112px}.callback-field .callback-country-select{font-size:11px;padding-left:5px}}

/* Actual VARTAG reference logos, dense editorial grid */
.reference-section{background:#fbfcff;padding:70px 0 85px}
.ref-head{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:27px}
.ref-head .eyebrow{color:#054db6;font-size:10px;font-weight:720;letter-spacing:.15em;margin-bottom:12px}
.ref-head h2{font-weight:650;letter-spacing:-.047em;line-height:1.15;font-size:clamp(28px,3.3vw,43px);color:#0e1e3a}
.ref-head p{font-size:13px;line-height:1.65;color:#7d899c;max-width:630px;margin-top:10px}
.ref-quantity{font-size:36px;white-space:nowrap;font-weight:670;line-height:1;color:#054db6;letter-spacing:-.045em}
.ref-quantity small{font-size:12px;font-weight:500;letter-spacing:0;color:#71819a}
.ref-tools{display:flex;align-items:center;gap:13px;margin-bottom:27px}
.ref-tools label{color:#3b4760;font-weight:650;font-size:12px;white-space:nowrap}
.ref-tools input{flex:1;max-width:410px;height:40px;border:1px solid #dce3ee;border-radius:10px;background:white;padding:9px 13px;font-family:inherit;font-size:13px;color:#24334f;outline:0}
.ref-tools input:focus{border-color:#054db6;box-shadow:0 0 0 3px #054db615}
.ref-tools span{font-size:11px;color:#8792a4}
.ref-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ref-logo-card{min-width:0;background:white;border:1px solid #ebedf3;border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.ref-logo-card:hover{border-color:#c9d9f1;transform:translateY(-3px);box-shadow:0 12px 26px rgba(22,49,98,.07)}
.ref-logo-card[hidden]{display:none!important}
.ref-logo-image{width:100%;aspect-ratio:1.54/1;display:grid;place-items:center;padding:12px;background:#fff;overflow:hidden}
.ref-logo-image img{width:100%;height:100%;object-fit:contain;max-height:150px;filter:none}
.ref-logo-image img.ref-logo-failed{visibility:hidden}
.ref-logo-caption{padding:10px 9px 12px;text-align:center;border-top:1px solid #f2f3f6;color:#8290a4;font-size:10.5px;line-height:1.35;overflow-wrap:anywhere;min-height:38px}
.ref-empty{padding:38px 16px;text-align:center;color:#7c8aa1;font-size:14px}
.ref-hero-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:890px;gap:12px;margin:39px auto -15px;padding:0 22px}
.ref-hero-logos>div{background:#fff;border-radius:13px;display:grid;place-items:center;aspect-ratio:1.55;padding:14px;box-shadow:0 15px 36px rgba(0,0,0,.11)}
.ref-hero-logos img{width:100%;height:100%;object-fit:contain}
@media(max-width:950px){.ref-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-hero-logos{grid-template-columns:repeat(3,minmax(0,1fr));max-width:500px}}
@media(max-width:620px){.reference-section{padding:46px 0 55px}.ref-head{align-items:flex-start}.ref-head h2{font-size:29px}.ref-quantity{font-size:27px}.ref-tools{flex-wrap:wrap}.ref-tools label{display:none}.ref-tools input{max-width:none;flex-basis:100%}.ref-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ref-logo-image{padding:9px}.ref-logo-caption{font-size:10px}.ref-hero-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px}.ref-hero-logos>div{padding:7px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){.ref-logo-card{transition:none}.ref-logo-card:hover{transform:none}}

/* More restrained logo cards: show labels on hover / image failure. */
.ref-logo-card{position:relative}
.ref-logo-image{aspect-ratio:1.52/1;padding:13px}
.ref-logo-caption{position:absolute;bottom:0;left:0;right:0;min-height:0;padding:15px 10px 9px;border:0;background:linear-gradient(transparent,rgba(238,244,254,.94));opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s;font-size:10px;color:#385175}
.ref-logo-card:hover .ref-logo-caption,.ref-logo-card:focus-within .ref-logo-caption,.ref-logo-card.logo-unavailable .ref-logo-caption{opacity:1;transform:none}
.ref-logo-card.logo-unavailable .ref-logo-caption{position:static;background:#f5f7fb;color:#8591a3;opacity:1;padding:14px 8px}
@media(hover:none){.ref-logo-caption{position:static;opacity:1;transform:none;background:#fff;padding:6px 9px 9px;color:#718098}}


/* v21 — searchable country dial picker */
.callback-country-wrap{position:relative;flex:0 0 109px;min-width:0;z-index:6}
.callback-country-trigger{height:43px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;background:#f7f9fd;border:1px solid #dfe5ee;border-radius:10px;color:#243047;cursor:pointer;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.callback-country-trigger:hover{border-color:#abc7f1;background:#f2f6ff}
.callback-country-trigger:focus-visible{outline:0;border-color:#054db6;box-shadow:0 0 0 3px #054db61c}
.callback-country-trigger[aria-expanded="true"]{border-color:#054db6;background:#fff;box-shadow:0 0 0 3px #054db614}
.callback-selected-flag{font-size:20px;line-height:1;flex:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.callback-selected-code{font-size:13px;flex:none}
.callback-country-trigger svg{margin-left:auto;flex:0 0 14px;color:#7a8496;transition:transform .2s}
.callback-country-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.callback-country-menu[hidden]{display:none!important}
.callback-country-menu{position:absolute;z-index:50;left:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 60px));background:#fff;border:1px solid #e1e6f0;border-radius:13px;padding:9px;box-shadow:0 20px 50px rgba(13,33,65,.2);direction:ltr}
.callback-field .callback-country-search{height:39px;width:100%;border-radius:8px;border:1px solid #dde6f2;background:#f8faff;padding:0 10px;font:inherit;font-size:13px;color:#18243a;outline:none}
.callback-field .callback-country-search:focus{border-color:#054db6;box-shadow:0 0 0 3px #054db616}
.callback-country-menu[popover]{position:fixed;inset:auto;margin:0;}
.callback-country-options{margin-top:7px;overflow:auto;overscroll-behavior:contain;max-height:min(234px,34dvh);scrollbar-width:thin}
.callback-country-option{display:flex;align-items:center;gap:11px;width:100%;min-height:40px;border:0;border-radius:8px;padding:8px 9px;background:transparent;color:#263247;text-align:left;font:inherit;font-size:12.5px;line-height:1.3;cursor:pointer}
.callback-country-option:hover,.callback-country-option.is-active{background:#edf4ff}
.callback-country-option[aria-selected="true"]{color:#054db6;font-weight:650}
.callback-option-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:19px;line-height:1;flex:0 0 24px}
.callback-option-name{flex:1;min-width:0;overflow-wrap:anywhere}
.callback-option-code{margin-left:auto;white-space:nowrap;font-size:12px;color:#697a92;font-variant-numeric:tabular-nums}
.callback-country-empty{margin:0;padding:18px 8px;text-align:center;color:#718096;font-size:12px}
@media(max-width:420px){.callback-country-wrap{flex-basis:101px}.callback-country-menu{width:min(302px,calc(100vw - 65px))}.callback-country-options{max-height:min(190px,32dvh)}}
@media(prefers-reduced-motion:reduce){.callback-country-trigger svg{transition:none}}

/* Override general form label styles: label is for screen readers only. */
.callback-field .callback-country-menu .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* v22: Reference cards show logos only; never reveal file/name captions on hover, focus or mobile. */
.ref-logo-caption,.ref-logo-card:hover .ref-logo-caption,.ref-logo-card:focus-within .ref-logo-caption,.ref-logo-card.logo-unavailable .ref-logo-caption{display:none!important;visibility:hidden!important;}


/* VARTAG v25 - header is integrated into the blue banner (no missing assets) */
.site-header.lovable-header.vartag-glass-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 150;
  height: 76px;
  color: #fff;
  background: linear-gradient(180deg,rgba(5,27,69,.86) 0%,rgba(5,35,85,.66) 100%);
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 32px rgba(1,18,55,.08);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}
.vartag-glass-header .nav-shell { max-width: 1280px; }
.vartag-glass-header .desktop-nav > .nav-link,
.vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger,
.vartag-glass-header .lang-trigger {color:rgba(255,255,255,.95)}
.vartag-glass-header .desktop-nav > .nav-link:hover,
.vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger:hover {color:#fff;text-shadow:0 0 12px rgba(255,255,255,.38)}
.vartag-glass-header .lang-trigger {background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.vartag-glass-header .lang-trigger:hover,.vartag-glass-header .lang-trigger[aria-expanded="true"] {background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.42)}
.vartag-glass-header .header-cta {background:#fff;color:#054DB6}
.vartag-glass-header .header-cta:hover {background:#eef5ff;color:#03489d}
.vartag-glass-header .menu-toggle {color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
.vartag-glass-header .drop-inner,.vartag-glass-header .lang-options {background:#fff;color:#303640}
.vartag-glass-header .drop-inner a,.vartag-glass-header .lang-options a {color:#303640}
.vartag-glass-header .mobile-menu {background:#fff;color:#303640}
/* Banner becomes one continuous backdrop under the menu; photographic image remains. */
.vartag-unified-hero {
  background:
    radial-gradient(ellipse 48% 72% at 88% 8%,rgba(101,174,255,.35),transparent 86%),
    radial-gradient(ellipse 52% 74% at 2% 100%,rgba(0,21,69,.56),transparent 86%),
    linear-gradient(116deg,#041b43 0%,#053b90 44%,#054DB6 73%,#1676d6 100%);
}
.vartag-unified-hero::after {
  background-image:radial-gradient(circle at 72% 32%,rgba(210,234,255,.15) 0%,transparent 30%),linear-gradient(90deg,rgba(1,18,50,.16),transparent 72%);
  background-size:auto;
  animation:none !important;
}
/* Header is no longer an independent layout row. Keep page titles below it. */
.vartag-unified-hero.section-sm {padding-top: 148px}
.vartag-unified-hero.hero .hero-top {padding-top:max(132px,9vw)}
@media (max-width:1019px) {
  .site-header.lovable-header.vartag-glass-header {height:66px}
  .vartag-unified-hero.section-sm {padding-top:126px}
  .vartag-unified-hero.hero .hero-top {padding-top:118px}
}
@media (max-width:720px) {
  .site-header.lovable-header.vartag-glass-header {height:66px}
  .vartag-unified-hero.section-sm {padding-top:112px}
  .vartag-unified-hero.hero .hero-top {padding-top:106px}
}


/* v28: V25 header retained, now fixed/sticky with a transparent footer-inspired gradient. */
.site-header.lovable-header.vartag-glass-header {
  position: fixed;
  inset: 0 0 auto 0;
  width: 100%;
  z-index: 150;
  isolation: isolate;
  background:
    radial-gradient(ellipse 64% 180% at 2% -85%, rgba(24,102,197,.38), transparent 76%),
    radial-gradient(ellipse 50% 130% at 100% 100%, rgba(6,81,177,.33), transparent 75%),
    linear-gradient(112deg, rgba(6,19,42,.84) 0%, rgba(8,38,79,.80) 49%, rgba(5,61,128,.82) 100%);
  border-bottom: 1px solid rgba(220,234,255,.16);
  box-shadow: 0 8px 30px rgba(2,13,37,.14), inset 0 1px rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  backdrop-filter: blur(16px) saturate(125%);
}
/* Keep the white dropdowns readable and the mobile navigation above page content. */
.vartag-glass-header .nav-shell { position: relative; }
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .site-header.lovable-header.vartag-glass-header {
    background: linear-gradient(112deg, #102845 0%, #0a3267 100%);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .site-header.lovable-header.vartag-glass-header {
    background: linear-gradient(112deg, #102845 0%, #0a3267 100%);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* v29 — refined premium navigation, layered blue glass, reduced height */
.site-header.lovable-header.vartag-glass-header {
  height: 68px;
  background:
    radial-gradient(ellipse 52% 190% at 4% -72%, rgba(45,123,216,.25), transparent 74%),
    radial-gradient(ellipse 50% 190% at 96% 145%, rgba(15,90,183,.25), transparent 76%),
    linear-gradient(111deg, rgba(5,19,43,.86), rgba(7,37,83,.84) 54%, rgba(5,57,115,.84));
  border-bottom: 1px solid rgba(222,238,255,.15);
  box-shadow: 0 6px 24px rgba(3,17,43,.12), inset 0 1px rgba(255,255,255,.055);
  -webkit-backdrop-filter: blur(17px) saturate(125%);
  backdrop-filter: blur(17px) saturate(125%);
  transition: background-color .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.site-header.lovable-header.vartag-glass-header.is-scrolled {
  background:
    radial-gradient(ellipse 48% 180% at 2% -65%, rgba(42,117,205,.20), transparent 75%),
    linear-gradient(111deg, rgba(4,16,38,.92), rgba(6,31,71,.91) 53%, rgba(5,48,101,.91));
  border-bottom-color: rgba(224,236,255,.2);
  box-shadow: 0 8px 28px rgba(1,15,42,.21), inset 0 1px rgba(255,255,255,.06);
}
.vartag-glass-header .nav-shell {
  max-width: 1240px;
  padding-inline: 28px;
  gap: 22px;
}
.vartag-glass-header .brand-main img { width: 158px; }
.vartag-glass-header .desktop-nav {
  gap: clamp(12px, 1.38vw, 21px);
}
.vartag-glass-header .desktop-nav > .nav-link,
.vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger {
  font-size: 13px;
  font-weight: 540;
  letter-spacing: -.015em;
  color: rgba(246,250,255,.88);
  transition: color .18s ease;
}
.vartag-glass-header .desktop-nav > .nav-link:hover,
.vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger:hover,
.vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger[aria-expanded="true"] { color: #fff; text-shadow: none; }
.vartag-glass-header .header-actions { gap: 9px; }
.vartag-glass-header .header-cta {
  min-height: 37px;
  padding: 9px 15px;
  border-radius: 10px;
  background: #fff;
  color: #06366f;
  font-size: 12px;
  font-weight: 650;
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 4px 16px rgba(3,18,48,.1);
}
.vartag-glass-header .header-cta:hover {
  background: #f1f6ff;
  color: #06366f;
  box-shadow: 0 5px 20px rgba(3,18,48,.16);
}
.vartag-glass-header .lang-trigger {
  min-height: 36px;
  border-color: rgba(255,255,255,.17);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.92);
}
.vartag-glass-header .desktop-nav .drop-inner,
.vartag-glass-header .lang-options {
  border-radius: 13px;
  border: 1px solid #e4eaf3;
  box-shadow: 0 20px 50px rgba(8,25,56,.19);
}
.vartag-glass-header a:focus-visible,
.vartag-glass-header button:focus-visible,
.vartag-glass-header summary:focus-visible {
  outline: 2px solid #f4c54f;
  outline-offset: 3px;
}
@media (max-width: 1130px) {
  .vartag-glass-header .nav-shell { padding-inline: 22px; gap: 12px; }
  .vartag-glass-header .brand-main img { width: 150px; }
  .vartag-glass-header .desktop-nav { gap: 12px; }
  .vartag-glass-header .desktop-nav > .nav-link,
  .vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger { font-size: 12.3px; }
}
@media (max-width: 1019px) {
  .site-header.lovable-header.vartag-glass-header { height: 64px; }
  .vartag-glass-header .nav-shell { padding-inline: 20px; }
  .vartag-glass-header .brand-main img { width: 148px; }
  .vartag-glass-header .mobile-menu { top: 64px; max-height: calc(100dvh - 64px); }
  .vartag-glass-header .menu-toggle {
    color: #fff;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.23);
    min-width: 40px;
    min-height: 40px;
  }
  .vartag-glass-header .mobile-menu {
    background: #fff;
    border-bottom: 1px solid #e6ecf4;
    box-shadow: 0 22px 36px rgba(4,20,48,.18);
  }
}
@media (max-width: 540px) {
  .vartag-glass-header .nav-shell { padding-inline: 16px; gap: 8px; }
  .vartag-glass-header .brand-main img { width: 133px; }
  .vartag-glass-header .header-actions { gap: 6px; }
  .vartag-glass-header .header-cta { padding: 7px 10px; min-height: 36px; font-size: 11px; }
  .vartag-glass-header .lang-trigger { min-height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header.lovable-header.vartag-glass-header,
  .vartag-glass-header .desktop-nav > .nav-link,
  .vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger { transition: none; }
}


/* ===== signature-v31.css ===== */
/*
 * VARTAG SIGNATURE / v31
 * A restrained design layer on top of the proven v29 site.
 * Change here rather than editing the Tailwind-generated assets/style.css.
 */
:root {
  --signature-ink: #111c32;
  --signature-muted: #64738b;
  --signature-blue: #054db6;
  --signature-blue-soft: #e9f2ff;
  --signature-border: rgba(29, 67, 122, .105);
  --signature-ease: cubic-bezier(.22, 1, .36, 1);
}
html { scroll-padding-top: 78px; }
.signature-site {
  background: #fff;
  color: var(--signature-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.signature-site :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid #f2c555;
  outline-offset: 3px;
}
.signature-site main > section { position: relative; }
.signature-site :is(h1, h2, h3, .h-lg, .h-md) { text-wrap: balance; }
.signature-site .lead { text-wrap: pretty; }

/* Navigation — a lighter, precise silhouette without changing the v29 colors. */
.signature-site .site-header.lovable-header.vartag-glass-header {
  box-shadow: 0 12px 40px rgba(3, 18, 47, .13), inset 0 1px rgba(255,255,255,.09);
  border-bottom-color: rgba(239, 247, 255, .19);
}
.signature-site .site-header.lovable-header.vartag-glass-header.is-scrolled {
  box-shadow: 0 14px 40px rgba(3, 18, 47, .22), inset 0 1px rgba(255,255,255,.07);
}
.signature-site .vartag-glass-header .brand-main img {
  transition: filter .35s ease, opacity .35s ease, transform .4s var(--signature-ease);
}
.signature-site .vartag-glass-header .brand-main:hover img { transform: translateY(-1px); }
.signature-site .vartag-glass-header .desktop-nav > .nav-link,
.signature-site .vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger {
  position: relative;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.signature-site .vartag-glass-header .desktop-nav > .nav-link::after,
.signature-site .vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: calc(100% - 11px);
  height: 1.5px;
  border-radius: 100px;
  background: rgba(255,255,255,.85);
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform .38s var(--signature-ease);
}
.signature-site .vartag-glass-header .desktop-nav > .nav-link:hover::after,
.signature-site .vartag-glass-header .desktop-nav > .nav-link:focus-visible::after,
.signature-site .vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger:hover::after,
.signature-site .vartag-glass-header .desktop-nav > .nav-drop > .nav-trigger[aria-expanded="true"]::after {transform: translateX(-50%) scaleX(1);}
.signature-site .vartag-glass-header .header-cta {
  border-radius: 999px;
  padding-inline: 17px;
  box-shadow: 0 8px 23px rgba(2, 13, 40, .13);
  transition: background-color .22s ease, transform .28s var(--signature-ease), box-shadow .28s ease;
}
.signature-site .vartag-glass-header .header-cta:hover { transform: translateY(-2px); box-shadow: 0 11px 27px rgba(2, 13, 40, .21); }
.signature-site .vartag-glass-header .lang-trigger { border-radius: 999px; transition: background-color .24s, border-color .24s; }
.signature-site .vartag-glass-header .desktop-nav .drop-inner,
.signature-site .vartag-glass-header .lang-options {
  border: 1px solid rgba(228,235,247,.92);
  border-radius: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 26px 76px rgba(6, 24, 58, .22), 0 2px 8px rgba(6, 24, 58, .04);
}
.signature-site .vartag-glass-header .desktop-nav .drop-inner a { border-radius: 10px; }
.signature-site .vartag-glass-header .desktop-nav .drop-inner a:hover { background: #f1f6ff; }
.signature-site .vartag-glass-header .drop-item-title { letter-spacing: -.025em; }
.signature-site .vartag-glass-header .mobile-menu { border-radius: 0 0 22px 22px; }

/* Hero — subtle light, quiet texture, superior vertical rhythm. */
.signature-site .vartag-unified-hero {
  isolation: isolate;
  background:
    radial-gradient(ellipse 58% 78% at 90% 18%, rgba(78,152,244,.39), transparent 77%),
    radial-gradient(ellipse 62% 98% at 7% 100%, rgba(2,21,68,.66), transparent 82%),
    linear-gradient(116deg, #041a40 0%, #053477 46%, #0753a9 100%);
}
.signature-site .vartag-unified-hero::before { opacity: .30; }
.signature-site .vartag-unified-hero::after {
  opacity: .32;
  background-image:
    radial-gradient(circle at 78% 24%, rgba(224,243,255,.18), transparent 27%),
    radial-gradient(circle, rgba(255,255,255,.22) .55px, transparent 1px);
  background-size: auto, 45px 45px;
  -webkit-mask-image: linear-gradient(90deg,transparent,black);
  mask-image: linear-gradient(90deg,transparent,black);
  animation: none !important;
}
.signature-site .vartag-unified-hero .hero-top { max-width: 1040px; }
.signature-site .vartag-unified-hero .vartag-hero-title {
  font-size: clamp(2.5rem, 4.6vw, 4.65rem);
  line-height: 1.055;
  letter-spacing: -.064em;
  font-weight: 720;
  margin-top: 18px;
  filter: drop-shadow(0 15px 24px rgba(1,15,43,.17));
}
.signature-site .vartag-unified-hero .vartag-hero-title .text-gradient {
  background: linear-gradient(110deg, #fff 8%, #ddeeff 45%, #9fcaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.signature-site .vartag-unified-hero .hero-top .lead {
  max-width: 690px;
  line-height: 1.76;
  color: rgba(238,245,255,.81);
}
.signature-site .vartag-unified-hero .eyebrow {
  color: #d9eaff;
  letter-spacing: .21em;
}
.signature-site .vartag-unified-hero .hero-top .eyebrow::before,
.signature-site .vartag-unified-hero.section-sm .eyebrow::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 1px;
  background: rgba(211,233,255,.85);
  vertical-align: middle;
  margin-right: 12px;
}
.signature-site .vartag-unified-hero.hero .hero-top { padding-top: clamp(117px, 10vw, 151px); }
.signature-site .vartag-unified-hero.section-sm {
  padding-top: clamp(124px, 11vw, 167px);
  padding-bottom: clamp(70px, 7vw, 102px);
}
.signature-site .vartag-unified-hero.section-sm .vartag-hero-title { font-size: clamp(2.1rem, 4.15vw, 4.1rem); }
.signature-site .vartag-unified-hero .hero-visual { max-width: 1110px; }
.signature-site .vartag-unified-hero .hero-visual .screen {
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 19px 19px 0 0;
  box-shadow: 0 37px 74px rgba(1,12,39,.48), 0 0 0 6px rgba(255,255,255,.05);
  overflow: hidden;
}
.signature-site .vartag-unified-hero .hero-hint { letter-spacing: .17em; color: #d0e3fc; }
.signature-site .vartag-unified-hero .hero-hint::after { opacity: .8; }
.signature-site .signature-hero-chip {
  position: absolute;
  z-index: 4;
  right: clamp(22px,8%,90px);
  bottom: 32px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(4,24,64,.70);
  color: #f5faff;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .015em;
  box-shadow: 0 12px 30px rgba(2,15,43,.20);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: none;
}
.signature-site .signature-hero-chip::before {
  content:'';
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #9bd4ff;
  box-shadow: 0 0 0 4px rgba(155,212,255,.16);
}

/* Anchor details, overlines and titles — unify the site's typographic voice. */
.signature-site main .eyebrow:not(.light) { letter-spacing: .19em; }
.signature-site main :is(.manifesto, .section, .section-sm, .chapter, .reference-section) .eyebrow:not(.light)::before {
  content: '';
  display:inline-block;
  width: 21px;
  height: 1.5px;
  margin-right: 10px;
  vertical-align: middle;
  background: #2d78dc;
  border-radius: 9px;
}
.signature-site main :is(.section, .section-sm, .chapter, .reference-section) .h-lg {
  font-weight: 710;
  letter-spacing: -.06em;
  line-height: 1.12;
  color: #111d35;
}
.signature-site main .h-md { font-weight: 700; letter-spacing: -.05em; line-height: 1.14; }
.signature-site main .lead { color: #68768b; line-height: 1.75; }
.signature-site main .bg-night :is(.h-lg,.h-md,.lead),
.signature-site main .big-cta :is(.h-lg,.h-md) { color: #fff; }
.signature-site main .bg-night .lead { color: #afc0d9; }
.signature-site .manifesto {
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(ellipse 47% 63% at 50% 100%,rgba(224,237,255,.58),transparent 85%),#fff;
}
.signature-site .manifesto > .wrap { position: relative; z-index: 1; }
.signature-site .manifesto h2 {
  max-width: 900px;
  font-weight: 730;
  letter-spacing: -.067em;
  line-height: 1.095;
  color: #13233e;
}
.signature-site .manifesto .lead { color: #65748b; }
.signature-site .bg-soft {
  background: linear-gradient(180deg, #f4f7fc 0%, #f8faff 49%, #f4f7fc 100%);
}
.signature-site :is(.section,.section-sm,.chapter) > .wrap { position: relative; z-index: 1; }
.signature-site .section:has(.counters)::before {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(ellipse 55% 85% at 100% 0%,rgba(225,238,255,.55),transparent 85%);
}

/* An editorial product index: home page only. */
.signature-site .signature-index {
  overflow: hidden;
  background: #071932;
  color: #dceaff;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.signature-site .signature-index .signature-index-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1180px;
  margin: auto;
  padding: 20px 24px;
}
.signature-site .signature-index span {
  position: relative;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .085em;
  white-space: nowrap;
  padding: 6px 12px;
  text-align: center;
}
.signature-site .signature-index span + span { border-left: 1px solid rgba(206,225,255,.20); }
.signature-site .signature-index i { font-style: normal; color: #7db8ff; font-variant-numeric:tabular-nums; padding-right:10px; }

/* Elevated image tiles with aligned dimensions and precise hover motion. */
.signature-site .gallery-grid { gap: clamp(14px,1.8vw,23px); }
.signature-site .gallery-tile {
  border: 1px solid var(--signature-border);
  border-radius: 22px;
  background: linear-gradient(155deg,#fff,#edf3fc);
  box-shadow: 0 10px 35px rgba(20,47,84,.05);
  transition: transform .55s var(--signature-ease), box-shadow .55s ease, border-color .45s ease;
}
.signature-site .gallery-tile.dark-card {
  background: radial-gradient(ellipse at 75% 22%,#1b3769 0%,#09162c 80%);
  border-color: rgba(111,166,250,.2);
}
.signature-site .gallery-tile:hover {
  transform: translateY(-7px);
  border-color: rgba(81,137,217,.24);
  box-shadow: 0 26px 58px rgba(16,49,98,.13);
}
.signature-site .gallery-tile img { transition: transform .85s var(--signature-ease); }
.signature-site .gallery-tile:hover img { transform: scale(1.035) translateY(-3px); }
.signature-site .gallery-tile h3 { letter-spacing: -.045em; }
.signature-site .gallery-tile .caption { position: relative; padding-right: 62px; }
.signature-site .gallery-tile .caption::after {
  content: '↗';
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 21px;
  top: 2px;
  border-radius: 50%;
  border: 1px solid rgba(10,49,110,.16);
  color: #0c4da8;
  background: rgba(255,255,255,.6);
  font-size: 15px;
  line-height: 1;
  transform: translateY(0);
  transition: transform .35s var(--signature-ease), background .35s;
}
.signature-site .gallery-tile.dark-card .caption::after {
  color: #fff;
  border-color: rgba(255,255,255,.25);
  background: rgba(255,255,255,.08);
}
.signature-site .gallery-tile:hover .caption::after { transform: translate(2px,-2px); background: #fff; }
.signature-site .gallery-tile.dark-card:hover .caption::after { background: rgba(255,255,255,.13); }
.signature-site .image-panel,
.signature-site .chapter-media .screen,
.signature-site .story-media { border-radius: 24px; }
.signature-site .image-panel {
  border: 1px solid rgba(71,113,174,.12);
  background: radial-gradient(ellipse at 24% 10%,#fff,transparent 73%),linear-gradient(145deg,#edf4ff,#f5f8ff);
  box-shadow: 0 18px 46px rgba(25,67,123,.065);
}
.signature-site .image-panel img { transition: transform .8s var(--signature-ease); }
.signature-site .image-panel:hover img { transform: scale(1.025) translateY(-3px); }
.signature-site .image-panel.night { background: radial-gradient(ellipse at 38% 24%,#1b4b97,#081226 75%); }
.signature-site .story { background: #071428; }
.signature-site .story-media { box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.signature-site .story-bars span.active { background: #93c3ff; }

/* Statistics — airy dashboard-like editorial panels rather than plain borders. */
.signature-site .counters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.signature-site .counter {
  position: relative;
  isolation: isolate;
  text-align: left;
  border: 1px solid #e1e9f5;
  border-radius: 18px;
  padding: 29px 26px 26px;
  background: linear-gradient(145deg,#fff,#f7faff);
  box-shadow: 0 12px 32px rgba(25,68,128,.04);
  overflow: hidden;
  transition: transform .45s var(--signature-ease), border-color .35s;
}
.signature-site .counter:hover { transform: translateY(-4px); border-color:#bdd3f2; }
.signature-site .counter::after {
  content: '';
  position: absolute;
  top: -58px;
  right: -40px;
  width: 150px;
  height: 150px;
  pointer-events:none;
  border: 1px solid rgba(44,115,215,.085);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(44,115,215,.035), 0 0 0 54px rgba(44,115,215,.018);
}
.signature-site .counter .value {
  font-size: clamp(2.4rem,4.4vw,4.3rem);
  line-height: 1;
  font-weight: 760;
  color: #054db6;
  letter-spacing: -.075em;
}
.signature-site .counter .label { margin-top: 10px; max-width: 230px; font-size: 13px; color: #586c87; }

/* Portfolio, reference logos, and service cards — restrained depth. */
.signature-site .project,
.signature-site .ref-logo-card {
  border: 1px solid rgba(37,77,132,.10);
  box-shadow: 0 12px 32px rgba(18,48,91,.045);
  transition: transform .45s var(--signature-ease), box-shadow .45s, border-color .35s;
}
.signature-site .project { border-radius: 20px; overflow: hidden; }
.signature-site .project:hover,
.signature-site .ref-logo-card:hover {
  transform: translateY(-5px);
  border-color: rgba(75,133,211,.26);
  box-shadow: 0 23px 43px rgba(16,52,104,.12);
}
.signature-site .project img { transition: transform .85s var(--signature-ease); }
.signature-site .project-info { background: #fff; }
.signature-site .project-info strong { letter-spacing: -.03em; }
.signature-site .ref-logo-card { border-radius: 13px; }
.signature-site .arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  transition: color .24s ease;
}
.signature-site .arrow-link .arr { transition: transform .4s var(--signature-ease); }
.signature-site .arrow-link:hover .arr { transform: translateX(4px); }
.signature-site .pill {
  min-height: 45px;
  border-radius: 999px;
  font-weight: 670;
  letter-spacing: -.005em;
  box-shadow: 0 9px 22px rgba(3,22,57,.055);
  transition: transform .36s var(--signature-ease), box-shadow .36s ease, background-color .24s;
}
.signature-site .pill:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(2,22,57,.14); }
.signature-site .hero-actions .pill-white { color: #09244a; }
.signature-site .hero-actions .pill-outline { border-color: rgba(255,255,255,.44); color: #fff; }
.signature-site .hero-actions .pill-outline:hover { background: rgba(255,255,255,.10); }

/* Conversion stage — original v29 gradient retained, with a precise luminous accent. */
.signature-site .big-cta { isolation: isolate; overflow: hidden; }
.signature-site .big-cta::before {
  content:'';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 33% 110% at 97% 22%,rgba(190,224,255,.15),transparent 95%),
    radial-gradient(ellipse 49% 86% at 0% 100%,rgba(2,24,89,.23),transparent 94%);
}
.signature-site .big-cta > .wrap {position:relative;z-index:1;}
.signature-site .big-cta h2 {font-weight:720; letter-spacing:-.066em; text-wrap:balance;}
.signature-site .big-cta .pill-white {color:#083066;}
.signature-site .big-cta .pill-outline {border-color:rgba(255,255,255,.45);color:#fff;}
.signature-site .big-cta .pill-outline:hover {background:rgba(255,255,255,.1);}

/* Footer — signature typography, fine dividers and richer depth. */
.signature-site .footer.vartag-footer-v20 {
  background: radial-gradient(ellipse 78% 52% at 80% 0%,rgba(14,60,123,.23),transparent 95%),#071428;
}
.signature-site .footer.vartag-footer-v20::before {
  background:
    radial-gradient(ellipse 35% 65% at 95% 8%,rgba(36,100,191,.20),transparent 92%),
    linear-gradient(110deg,rgba(255,255,255,.018),transparent 70%);
}
.signature-site .footer-v20-inner { max-width: 1190px; }
.signature-site .footer-invite { padding-bottom: 52px; }
.signature-site .footer-invite h2 {
  font-size: clamp(2.15rem,3.7vw,3.85rem);
  font-weight: 690;
  letter-spacing: -.065em;
  line-height: 1.12;
  max-width: 760px;
}
.signature-site .footer-kicker { letter-spacing: .19em; }
.signature-site .footer-invite-button {
  border-radius: 999px;
  padding: 13px 22px;
  min-height: 47px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  transition: transform .4s var(--signature-ease), box-shadow .3s ease;
}
.signature-site .footer-invite-button:hover {transform: translateY(-3px);box-shadow: 0 18px 32px rgba(0,0,0,.18);}
.signature-site .footer-v20-body { padding-top: 51px; padding-bottom: 38px; }
.signature-site .footer-brand-plate { border-radius: 13px; box-shadow: 0 10px 25px rgba(0,0,0,.10); }
.signature-site .footer-v20-nav h3,
.signature-site .footer-contact-col h3 {
  color: #e7f2ff;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .14em;
  font-weight: 750;
}
.signature-site .footer-v20-nav a,
.signature-site .footer-contact-col a { transition: transform .28s var(--signature-ease), color .25s ease; }
.signature-site .footer-v20-nav a:hover { transform: translateX(3px); }
.signature-site .footer-contact-col .footer-whats { border-radius: 999px; padding-inline: 15px; }
.signature-site .signature-footer-wordmark {
  display:block;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:9px;
  margin-top: 8px;
  text-align: center;
  color: rgba(130, 171, 227, .09);
  user-select:none;
  pointer-events:none;
  line-height:.9;
  font-size:clamp(4.2rem,15vw,12rem);
  letter-spacing:-.085em;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
}
.signature-site .signature-footer-wordmark span { font-size:.25em; vertical-align:top; letter-spacing:0; }
.signature-site .footer-v20-bottom {
  padding-top:24px;
  margin-top: 12px;
  border-top-color:rgba(255,255,255,.09);
}

/* Accessible, progressively-enhanced motion and responsive restoration. */
@media (min-width: 1020px) {
  .signature-site.signature-home .vartag-unified-hero .vartag-hero-title {
    font-size:clamp(3.35rem,5.2vw,5.3rem);
    line-height:1.035;
  }
  .signature-site.signature-home .vartag-unified-hero .hero-visual { margin-top: 52px; }
}
@media (max-width: 1019px) {
  .signature-site .vartag-unified-hero.hero .hero-top {padding-top:120px;}
  .signature-site .vartag-unified-hero.section-sm {padding-top:124px;padding-bottom:68px;}
  .signature-site .vartag-unified-hero .vartag-hero-title {font-size:clamp(2.35rem,5.4vw,3.65rem);}
  .signature-site .vartag-glass-header .mobile-menu {max-height:calc(100dvh - 64px);overflow-y:auto;}
}
@media (max-width: 720px) {
  .signature-site .vartag-unified-hero .hero-top .eyebrow::before,
  .signature-site .vartag-unified-hero.section-sm .eyebrow::before {width:12px;margin-right:8px;}
  .signature-site .vartag-unified-hero.hero .hero-top {padding-top:106px;}
  .signature-site .vartag-unified-hero.section-sm {padding-top:111px;padding-bottom:52px;}
  .signature-site .vartag-unified-hero .vartag-hero-title,
  .signature-site .vartag-unified-hero.section-sm .vartag-hero-title {
    font-size:clamp(2.1rem,8.25vw,3.2rem);line-height:1.09;letter-spacing:-.055em;
  }
  .signature-site .signature-hero-chip {right:18px;bottom:14px;font-size:10px;padding:7px 10px;}
  .signature-site .manifesto h2 {font-size:clamp(2rem,8vw,3.1rem);}
  .signature-site .signature-index .signature-index-inner {grid-template-columns:repeat(2,1fr);gap:0;padding:9px 10px;}
  .signature-site .signature-index span {padding:10px 8px;font-size:10px;text-align:left;}
  .signature-site .signature-index span:nth-child(3) {border-left:0;}
  .signature-site .counters {grid-template-columns:1fr;gap:12px;}
  .signature-site .counter {padding:24px;}
  .signature-site .big-cta h2 {font-size:clamp(2.2rem,8.7vw,3.7rem);}
  .signature-site .footer-invite h2 {font-size:clamp(2rem,7vw,3rem);}
  .signature-site .footer-v20-body {padding-top:40px;}
  .signature-site .signature-footer-wordmark {font-size:clamp(3.7rem,16vw,6.5rem);}
}
@media (max-width: 440px) {
  .signature-site .signature-hero-chip {display:none;}
  .signature-site .signature-index span {white-space:normal;}
  .signature-site .gallery-tile .caption {padding-right:48px;}
  .signature-site .gallery-tile .caption::after {right:13px;top:3px;width:27px;height:27px;}
  .signature-site .signature-footer-wordmark {font-size:15vw;}
}
@media (hover: none) {
  .signature-site :is(.gallery-tile,.counter,.project,.ref-logo-card):hover {transform:none;}
}
@media (prefers-reduced-motion: reduce) {
  .signature-site *, .signature-site *::before, .signature-site *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .signature-site .hero-visual {will-change:auto;}
}

/* Existing VARTAG product ticker, refined rather than duplicated. */
.signature-site .signature-editorial-ticker {
  background: linear-gradient(90deg,#061629 0%, #0b2650 49%, #06172f 100%);
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: #deebff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  padding-block: 18px;
}
.signature-site .signature-editorial-ticker .ticker-inner {animation-duration: 48s;}
.signature-site .signature-editorial-ticker .ticker-inner span::after {color:#8bbdff;}
@media (prefers-reduced-motion: reduce) {
  .signature-site .signature-editorial-ticker .ticker-inner {animation:none !important; flex-wrap:wrap;width:auto;justify-content:center;gap:14px;}
}

/* The contact title banner intentionally stays blue and free of texture/lines. */
.signature-site .vartag-unified-hero.contact-flow-hero {
  background: linear-gradient(116deg, #041b43 0%, #053b90 57%, #0a59b7 100%);
  color: #fff;
}
.signature-site .vartag-unified-hero.contact-flow-hero::before,
.signature-site .vartag-unified-hero.contact-flow-hero::after {
  display: none;
}
.signature-site .vartag-unified-hero.contact-flow-hero .vartag-hero-title,
.signature-site .vartag-unified-hero.contact-flow-hero .eyebrow {
  color: #fff;
}
.signature-site .vartag-unified-hero.contact-flow-hero .lead {color: #dbe9ff;}

/* White footer brand on its native dark background. */
.signature-site .footer-brand-plate {
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  min-height:45px;
  box-shadow:none;
}

/* Quick contact buttons and transparent footer brand. */
.signature-site .footer-brand-plate {background:transparent !important;box-shadow:none !important;border:0;padding:0;border-radius:0;}
.footer-sticky-actions .footer-sticky-link {display:inline-flex;align-items:center;justify-content:center;gap:9px;}
.footer-sticky-actions .footer-sticky-link svg {display:block;flex:none;width:21px;height:21px;}
.footer-sticky-actions .footer-sticky-whatsapp {background:#25D366;color:#fff;}
.footer-sticky-actions .footer-sticky-call {background:#054DB6;color:#fff;}

/* Icon-only WhatsApp quick action. */
.footer-sticky-actions .footer-sticky-whatsapp {width:46px;min-width:46px;height:46px;padding:0;gap:0;border-radius:50%;}
.footer-sticky-actions .footer-sticky-whatsapp svg {width:24px;height:24px;}

/* Matching icon-only phone action. */
.footer-sticky-actions .footer-sticky-call {width:46px;min-width:46px;height:46px;padding:0;gap:0;border-radius:50%;}
.footer-sticky-actions .footer-sticky-call svg {width:24px;height:24px;}

/* Callback form: use the existing blue field focus instead of the yellow outline. */
.signature-site .callback-dialog :is(input,select,textarea,button,a,summary):focus-visible {
  outline:none;
  outline-offset:0;
}

/* Languages available when requesting a callback. */
.callback-dialog .callback-languages{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:12px 0 22px;border:1px solid #dce7f5;border-radius:10px;background:#edf4ff;color:#42638b;font-size:12px;line-height:1.6;}
.callback-dialog .callback-languages svg{flex:none;color:#4878b5;}

/* A compact, multilingual welcome note beneath the callback introduction. */
.signature-site .callback-dialog .callback-languages {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  margin:12px 0 24px;
  border:1px solid #dce7f7;
  border-radius:12px;
  background:linear-gradient(110deg,#edf4ff,#f6f9fe);
  color:#607792;
  font-size:12px;
  line-height:1.65;
  letter-spacing:0;
}
.callback-dialog .callback-language-flags {display:flex;align-items:center;gap:5px;flex-shrink:0;}
.callback-dialog .callback-language-flags img {display:block;width:22px;height:16px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 2px #fff,0 2px 5px #15365f12;}
.callback-dialog .callback-language-copy {min-width:0;}
.callback-dialog .callback-language-copy strong {font-weight:600;color:#355b8b;}
@media(max-width:420px){
 .signature-site .callback-dialog .callback-languages{gap:10px;padding:11px 12px;font-size:11px;}
 .callback-dialog .callback-language-flags{gap:4px;}
 .callback-dialog .callback-language-flags img{width:18px;height:13px;border-radius:3px;}
}


/* ===== home-hero.css ===== */
/* Approved hero, scoped exclusively to the home page. */
body.page-home.signature-site.signature-home .saved-hero{background:radial-gradient(ellipse at 80% 20%,#194c8e66,transparent 50%),radial-gradient(ellipse at 12% 75%,#1b5ce444,transparent 48%),#07152d!important;isolation:isolate}body.page-home.signature-site.signature-home .saved-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#a0c8ff09 1px,transparent 1px),linear-gradient(90deg,#a0c8ff09 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent 85%);opacity:.8}body.page-home.signature-site.signature-home .saved-hero.hero .hero-top{padding-top:150px;max-width:1100px}body.page-home.signature-site.signature-home .saved-hero .vartag-hero-title{font-size:clamp(48px,7.7vw,106px);font-weight:600;line-height:1.06;letter-spacing:-.065em;margin-top:26px;margin-bottom:24px}body.page-home.signature-site.signature-home .saved-hero .text-gradient{background:linear-gradient(110deg,#fff 8%,#9cceff 60%,#63a0ff);background-clip:text;-webkit-background-clip:text;color:transparent}body.page-home.signature-site.signature-home .saved-hero .hero-top .eyebrow{display:inline-flex;align-items:center;gap:11px;border:1px solid #9ac8ff33;border-radius:30px;padding:9px 16px;background:#b4d8ff08;color:#c1dbff;font-size:10px;letter-spacing:.17em}body.page-home.signature-site.signature-home .saved-hero .hero-top .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#87d7ff;box-shadow:0 0 14px #87d7ff}body.page-home.signature-site.signature-home .saved-hero .hero-top .lead{font-size:clamp(16px,1.5vw,19px);line-height:1.8;color:#b5c5dd}body.page-home.signature-site.signature-home .saved-hero .hero-actions{gap:14px!important;margin-top:30px!important}body.page-home.signature-site.signature-home .saved-hero .pill{min-height:48px;padding:13px 24px;font-size:13px;border-radius:50px}body.page-home.signature-site.signature-home .saved-hero .pill-white{background:#e8f2ff;color:#102c53;box-shadow:0 8px 32px #649dff24}body.page-home.signature-site.signature-home .saved-hero .pill-outline{border-color:#b2d3ff44;color:#e0edff;background:#ffffff05}body.page-home.signature-site.signature-home .saved-hero .pill-outline:hover{background:#ffffff12}body.page-home.signature-site.signature-home .saved-hero .hero-visual{max-width:1100px!important;margin-top:62px!important}body.page-home.signature-site.signature-home .saved-hero .hero-visual .screen{border:1px solid #aacbff55;border-radius:18px 18px 0 0;box-shadow:0 0 0 8px #b7d1ff08,0 30px 110px #0005}body.page-home.signature-site.signature-home .saved-hero .screen-top{height:35px;background:#102440}body.page-home.signature-site.signature-home .saved-hero .hero-hint{color:#a8c1df;font-size:9px;letter-spacing:.2em}body.page-home.signature-site.signature-home .saved-hero .studio-proof{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin:27px auto 0;color:#99b5d9;font-size:11px;letter-spacing:.03em}body.page-home.signature-site.signature-home .saved-hero .studio-proof span{display:flex;align-items:center;gap:8px}body.page-home.signature-site.signature-home .saved-hero .studio-proof span::before{content:'↗';color:#9ed5ff}

body.page-home.signature-site.signature-home .saved-hero .vartag-hero-title .text-gradient{background:linear-gradient(110deg,#fff 8%,#9cceff 60%,#63a0ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
body.page-home.signature-site.signature-home .saved-hero .hero-top .eyebrow::before{margin-right:0;}
@media(max-width:1019px){body.page-home.signature-site.signature-home .saved-hero.hero .hero-top{padding-top:128px}}
@media(max-width:680px){body.page-home.signature-site.signature-home .saved-hero.hero .hero-top{padding-top:112px}body.page-home.signature-site.signature-home .saved-hero .vartag-hero-title{font-size:clamp(43px,10.6vw,68px);letter-spacing:-.055em}body.page-home.signature-site.signature-home .saved-hero .hero-top .eyebrow{font-size:8px;padding:8px 12px}body.page-home.signature-site.signature-home .saved-hero .hero-top .lead{font-size:16px}body.page-home.signature-site.signature-home .saved-hero .hero-actions .pill{font-size:12px;padding:12px 18px}body.page-home.signature-site.signature-home .saved-hero .studio-proof{gap:12px 18px;font-size:10px;padding:0 16px}body.page-home.signature-site.signature-home .saved-hero .hero-visual{margin-top:40px!important}}


/* ===== hero-background.css ===== */
/* Photo sits below the existing blue lighting and translucent color washes. */
body:is(.page-home, .page-contact).signature-site.signature-home .saved-hero{
  background:
    radial-gradient(ellipse at 80% 20%, #194c8e66, transparent 50%),
    radial-gradient(ellipse at 12% 75%, #1b5ce444, transparent 48%),
    linear-gradient(rgba(7,21,45,.82), rgba(7,21,45,.88)),
    url("images/banner/ekip-calisma-masasi.jpeg") center center / cover no-repeat,
    #07152d !important;
}
body:is(.page-home, .page-contact).signature-site .vartag-unified-hero.contact-flow-hero{
  background:
    linear-gradient(116deg, rgba(4,27,67,.87) 0%, rgba(5,59,144,.78) 57%, rgba(10,89,183,.76) 100%),
    url("images/banner/iletisim-banner.jpeg") center center / cover no-repeat,
    #053b90;
}


/* ===== references-layout.css ===== */
@media (min-width: 1020px) {
  body.page-references #reference-logo-grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* Preserve color files; reveal original colors on hover or keyboard focus. */
body.page-references .ref-logo-card .ref-logo-image img, body.page-references .ref-hero-logos img{
  filter: grayscale(1);
  transition: filter .3s ease;
}
body.page-references .ref-logo-card:hover .ref-logo-image img, body.page-references .ref-logo-card:focus-within .ref-logo-image img, body.page-references .ref-hero-logos > div:hover img, body.page-references .ref-hero-logos > div:focus-within img{
  filter: grayscale(0);
}
@media (prefers-reduced-motion: reduce) {
  body.page-references .ref-logo-card .ref-logo-image img, body.page-references .ref-hero-logos img{ transition: none; }
}



/* Google My Maps viewer, above the local reference logo gallery. */
body.page-references .references-map{padding:110px 28px 36px;background:linear-gradient(135deg,#071a37,#103b73);}
body.page-references .references-map-inner{max-width:1240px;margin:auto;}
body.page-references .map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;color:#edf5ff;}
body.page-references .map-heading h1{font-size:clamp(24px,3vw,40px);line-height:1.15;letter-spacing:-.04em;font-weight:600;margin:0;}
body.page-references .map-heading a{flex-shrink:0;display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#d3e7ff;border-bottom:1px solid #a8ccff66;padding-block:8px;}
body.page-references .references-map-frame{overflow:hidden;border-radius:20px;border:1px solid #abcfff40;background:#e8eef5;box-shadow:0 20px 60px #0003;}
body.page-references .references-map-frame iframe{display:block;width:100%;height:560px;height:clamp(420px,65vh,680px);border:0;}
body.page-references .references-with-map #referans-logolari{padding-top:48px;}
@media(max-width:680px){body.page-references .references-map{padding:94px 16px 24px}body.page-references .map-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:18px}body.page-references .references-map-frame{border-radius:14px}body.page-references .references-map-frame iframe{height:460px}body.page-references .references-with-map #referans-logolari{padding-top:32px}}

/* Crop only the embedded map's top title bar; retain map controls and attribution. */
body.page-references .references-map-frame{ height: clamp(420px,65vh,680px); }
body.page-references .references-map-frame iframe{ height: calc(100% + 60px); margin-top: -60px; }
@media(max-width:680px) {
  body.page-references .references-map-frame{ height: 460px; }
  body.page-references .references-map-frame iframe{ height: calc(100% + 60px); }
}

/* Restored page title above the map. */
body.page-references .map-heading{ display:block; text-align:center; margin:12px auto 34px; }
body.page-references .map-heading .eyebrow{ color:#c1dbff; font-size:10px; letter-spacing:.19em; }
body.page-references .map-heading h1{ font-size:clamp(36px,5.2vw,74px); line-height:1.08; letter-spacing:-.055em; margin:20px 0; }
body.page-references .map-heading p{ color:#bdd0eb; font-size:clamp(15px,1.5vw,18px); line-height:1.75; max-width:720px; margin:0 auto; }
@media(max-width:680px) { body.page-references .map-heading{margin:8px auto 26px;} }

/* Compact desktop map; the transparent activation button lets wheel scrolling pass. */
body.page-references .references-map-inner{max-width:1100px;}
body.page-references .map-heading{margin:6px auto 24px;}
body.page-references .map-heading h1{font-size:clamp(30px,3.4vw,48px);margin:15px 0;}
body.page-references .map-heading p{font-size:15px;}
body.page-references .references-map-frame{position:relative;height:360px;}
body.page-references .references-map-frame iframe{height:calc(100% + 60px);pointer-events:none;}
body.page-references .references-map-frame.is-active iframe{pointer-events:auto;}
body.page-references .map-activate{position:absolute;inset:0;z-index:2;width:100%;border:0;background:transparent;cursor:pointer;touch-action:pan-y;}
body.page-references .map-activate span, body.page-references .map-lock{position:absolute;right:16px;bottom:38px;border:1px solid #d4dfef;border-radius:30px;background:#fffffff2;color:#17345c;padding:10px 15px;font-size:12px;box-shadow:0 4px 18px #001a3826;}
body.page-references .map-lock{top:14px;bottom:auto;z-index:3;cursor:pointer;}
body.page-references .map-activate[hidden], body.page-references .map-lock[hidden]{display:none;}
@media(max-width:680px){
  body.page-references .references-map-frame{display:none;}
  body.page-references .references-map{padding-bottom:30px;}
  body.page-references .map-heading{margin:6px auto 0;}
  body.page-references .map-heading h1{font-size:32px;}
}

/* Featured color logos replace the map; the lower gallery keeps its filters. */
body.page-references .reference-featured-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1000px;margin:28px auto 0;}
body.page-references .reference-featured-logos > div{display:grid;place-items:center;min-width:0;background:#fff;border:1px solid #ffffff45;border-radius:14px;padding:12px;overflow:hidden;}
body.page-references .reference-featured-logos img{display:block;width:100%;height:95px;object-fit:contain;filter:none;}
@media(max-width:680px){
  body.page-references .reference-featured-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px;}
  body.page-references .reference-featured-logos > div{padding:8px;border-radius:10px;}
  body.page-references .reference-featured-logos img{height:65px;}
  body.page-references #reference-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}


/* ===== anniversary.css ===== */
/* Shared header details. */
.vartag-glass-header .lang-trigger .current-lang-flag {
  display:block;
  width:20px;
  height:14px;
  object-fit:cover;
  border-radius:10px !important;
  box-shadow:0 0 0 1px #ffffff24;
}


/* ===== contact-page.css ===== */
/* Current VARTAG design with verified contact details from the original site. */
body.page-contact .contact-page .wrap{max-width:1120px;margin-inline:auto;padding-inline:28px;}
body.page-contact .contact-page .contact-flow-hero{padding-bottom:70px;}
body.page-contact .contact-page .contact-flow-hero .lead{color:#dbe9ff;max-width:760px;margin-inline:auto;}
body.page-contact .contact-overview{padding:72px 0 88px;background:radial-gradient(ellipse at 10% 10%,#eaf2ff70,transparent 55%),#fff;}
body.page-contact .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
body.page-contact .contact-info>.eyebrow{font-size:10px;letter-spacing:.18em;}
body.page-contact .contact-info h2{font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.05em;max-width:400px;margin:16px 0;}
body.page-contact .contact-section-intro{font-size:14px;line-height:1.8;color:#74829a;max-width:420px;margin-bottom:28px;}
body.page-contact .contact-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;}
body.page-contact .contact-details>div{padding:19px 20px;background:#f5f8fd;border:1px solid #e5ecf6;border-radius:16px;min-width:0;}
body.page-contact .contact-details>div:last-child{grid-column:1/-1;background:#edf4ff;}
body.page-contact .contact-details dt{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.12em;color:#6b7e99;margin-bottom:9px;}
body.page-contact .contact-details dd{margin:0;color:#18365e;font-size:14px;line-height:1.7;overflow-wrap:anywhere;}
body.page-contact .contact-details dd a:hover{color:#054db6;}
body.page-contact .contact-details address{font-style:normal;}
body.page-contact .contact-business-map{overflow:hidden;border:1px solid #dce6f4;border-radius:24px;background:#eef3fa;box-shadow:0 18px 50px #1034650a;margin-top:4px;}
body.page-contact .contact-business-map iframe{display:block;width:100%;height:480px;border:0;}
body.page-contact .contact-directions{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;color:#054db6;background:#f6f9ff;font-size:13px;font-weight:600;}
@media(max-width:760px){body.page-contact .contact-page .wrap{padding-inline:20px;}body.page-contact .contact-layout{grid-template-columns:1fr;gap:30px;}body.page-contact .contact-overview{padding-block:46px;}body.page-contact .contact-business-map iframe{height:320px;}body.page-contact .contact-details>div{padding:16px;}body.page-contact .contact-info h2{font-size:34px;}body.page-contact .contact-details dd{font-size:13px;}}

/* Stronger visual hierarchy for direct contact information. */
body.page-contact .contact-details>div{background:#f0f5fd;border-color:#d4e0f1;}
body.page-contact .contact-details dt{font-size:11px;font-weight:700;color:#48648a;letter-spacing:.09em;}
body.page-contact .contact-details dd{font-size:17px;font-weight:600;line-height:1.65;color:#102e55;}
body.page-contact .contact-details dd a{color:inherit;}
body.page-contact .contact-details dd a:hover{color:#054db6;text-decoration:underline;text-underline-offset:4px;}
body.page-contact .contact-details>div:last-child{background:#e6effd;border-color:#c9daf2;}
body.page-contact .contact-details address{font-size:16px;font-weight:600;line-height:1.8;color:#102e55;}
@media(max-width:760px) {
  body.page-contact .contact-details dd{font-size:15px;}
  body.page-contact .contact-details address{font-size:15px;}
}

/* Slightly smaller contact-section heading. */
body.page-contact .contact-info h2{font-size:clamp(28px,2.6vw,36px);}
@media(max-width:760px){body.page-contact .contact-info h2{font-size:29px;}}

/* Modern contact panel and map layout. */
body.page-contact .contact-overview{position:relative;overflow:hidden;padding:76px 0 92px;background:radial-gradient(ellipse at 5% 5%,#e4efff 0,transparent 38%),linear-gradient(145deg,#f8fbff,#fff 58%,#f2f6fd);}
body.page-contact .contact-page .contact-layout{position:relative;z-index:1;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:22px;align-items:stretch;max-width:1240px;}
body.page-contact .contact-info{position:relative;overflow:hidden;padding:36px;border:1px solid #ffffff24;border-radius:24px;color:#fff;background:radial-gradient(ellipse at 100% 0,#1c4f88 0,transparent 50%),linear-gradient(145deg,#071b35,#0d315d);box-shadow:0 24px 65px #0a2a501c;}
body.page-contact .contact-info::after{position:absolute;right:-90px;bottom:-165px;width:310px;height:310px;border:1px solid #a9c9ef18;border-radius:50%;content:"";box-shadow:0 0 0 36px #a9c9ef08,0 0 0 76px #a9c9ef06;pointer-events:none;}
body.page-contact .contact-info-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body.page-contact .contact-info>.contact-info-top>.eyebrow{margin:0;color:#a9cbf5;font-size:10px;font-weight:700;letter-spacing:.17em;}
body.page-contact .contact-location-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #b1d0f32c;border-radius:999px;color:#c6daf3;font-size:9px;}
body.page-contact .contact-location-pill i{width:6px;height:6px;border-radius:50%;background:#52d6a2;box-shadow:0 0 10px #52d6a2a0;}
body.page-contact .contact-info h2{max-width:550px;margin:30px 0 14px;color:#f7fbff;font-size:clamp(32px,3.4vw,45px);font-weight:570;line-height:1.08;letter-spacing:-.055em;}
body.page-contact .contact-info h2 span{color:#91bfff;}
body.page-contact .contact-section-intro{max-width:440px;margin:0;color:#b1c5df;font-size:13px;line-height:1.8;}
body.page-contact .contact-primary-actions{display:flex;align-items:center;gap:12px;margin:25px 0 22px;}
body.page-contact .contact-whatsapp-cta{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 14px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff0d;color:#fff;transition:background .2s,border-color .2s;}
body.page-contact .contact-whatsapp-cta:hover{border-color:#8de6bb80;background:#ffffff17;}
body.page-contact .contact-action-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#1dcf7c;color:#fff;font-size:13px;font-weight:750;}
body.page-contact .contact-whatsapp-cta small{display:block;color:#a9c8ec;font-size:7px;letter-spacing:.1em;}
body.page-contact .contact-whatsapp-cta b{display:block;margin-top:3px;color:#f6fbff;font-size:10px;font-weight:600;}
body.page-contact .contact-action-arrow{margin-left:5px;color:#a9cbf5;font-size:13px;}
body.page-contact .contact-call-cta{padding:12px 15px;border:1px solid #9ec5f346;border-radius:12px;color:#dcecff;font-size:10px;font-weight:600;white-space:nowrap;}
body.page-contact .contact-call-cta:hover{background:#ffffff10;}
body.page-contact .contact-info .contact-details{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;}
body.page-contact .contact-info .contact-details>div, body.page-contact .contact-info .contact-details>div:last-child{min-width:0;padding:13px 14px;border:1px solid #b6d1f01c;border-radius:12px;background:#ffffff0a;}
body.page-contact .contact-info .contact-details dt{margin-bottom:6px;color:#91b5df;font-size:8px;font-weight:650;letter-spacing:.13em;}
body.page-contact .contact-info .contact-details dd, body.page-contact .contact-info .contact-details address{color:#f0f6ff;font-size:11px;font-weight:550;line-height:1.55;}
body.page-contact .contact-info .contact-details dd a{color:inherit;}
body.page-contact .contact-info .contact-details dd a:hover{color:#9ac6ff;text-decoration:none;}
body.page-contact .contact-address{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:13px;padding:14px;border-top:1px solid #b6d1f020;}
body.page-contact .contact-address-icon, body.page-contact .contact-map-marker{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #a9cdf339;border-radius:11px;color:#9ac6ff;font-size:19px;}
body.page-contact .contact-address small, body.page-contact .contact-map-heading small{display:block;margin-bottom:5px;color:#91b5df;font-size:8px;font-weight:650;letter-spacing:.12em;}
body.page-contact .contact-address address{color:#e4eefb;font-size:10px;font-style:normal;line-height:1.65;}
body.page-contact .contact-info, body.page-contact .contact-business-map{min-height:100%;}
body.page-contact .contact-business-map{display:flex;flex-direction:column;overflow:hidden;margin:0;border:1px solid #dce6f4;border-radius:24px;background:#fff;box-shadow:0 24px 65px #0a2a5010;}
body.page-contact .contact-map-heading{display:flex;align-items:center;gap:12px;padding:17px 20px;background:#fff;}
body.page-contact .contact-map-heading small{margin-bottom:4px;color:#7c91ad;}
body.page-contact .contact-map-heading b{display:block;color:#153657;font-size:13px;font-weight:650;}
body.page-contact .contact-map-marker{border-color:#e0eafa;background:#f4f8ff;color:#1e5ba9;}
body.page-contact .contact-map-open{display:grid;place-items:center;width:31px;height:31px;margin-left:auto;border:1px solid #e2eaf4;border-radius:50%;color:#315e94;font-size:13px;}
body.page-contact .contact-business-map iframe{flex:1;width:100%;height:480px;min-height:390px;border:0;}
body.page-contact .contact-directions{gap:12px;padding:16px 19px;background:#f6f9ff;color:#315b8b;font-size:10px;}
body.page-contact .contact-directions b{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;background:#0d4eaa;color:#fff;font-size:9px;font-weight:650;white-space:nowrap;}
@media(max-width:900px){body.page-contact .contact-page .contact-layout{grid-template-columns:1fr;gap:18px;}body.page-contact .contact-info{padding:30px;}body.page-contact .contact-business-map iframe{height:390px;min-height:390px;}body.page-contact .contact-info h2{font-size:39px;}}
@media(max-width:760px){body.page-contact .contact-overview{padding:45px 0 58px;}body.page-contact .contact-page .wrap{padding-inline:20px;}body.page-contact .contact-info{padding:24px 20px;border-radius:20px;}body.page-contact .contact-info h2{margin-top:24px;font-size:34px;}body.page-contact .contact-section-intro{font-size:12px;}body.page-contact .contact-primary-actions{margin:20px 0 17px;}body.page-contact .contact-info .contact-details>div, body.page-contact .contact-info .contact-details>div:last-child{padding:12px;}body.page-contact .contact-business-map{border-radius:19px;}body.page-contact .contact-map-heading{padding:14px 16px;}body.page-contact .contact-business-map iframe{height:315px;min-height:315px;}body.page-contact .contact-directions{padding:12px 14px;}}
@media(max-width:430px){body.page-contact .contact-info-top{align-items:flex-start;flex-direction:column;}body.page-contact .contact-location-pill{align-self:flex-start;}body.page-contact .contact-info h2{font-size:31px;}body.page-contact .contact-info .contact-details{grid-template-columns:1fr;}body.page-contact .contact-info .contact-details dd{font-size:12px;}body.page-contact .contact-address address br{display:none;}body.page-contact .contact-primary-actions{align-items:stretch;flex-direction:column;}body.page-contact .contact-whatsapp-cta{justify-content:flex-start;}body.page-contact .contact-call-cta{text-align:center;}body.page-contact .contact-directions{align-items:flex-start;flex-direction:column;}body.page-contact .contact-business-map iframe{height:285px;min-height:285px;}}

body.page-contact .contact-action-icon svg{display:block;width:19px;height:19px;}

/* Light contact panel variation. */
body.page-contact .contact-info{border-color:#dce7f5;color:#173657;background:radial-gradient(ellipse at 100% 0,#e9f2ff 0,transparent 54%),linear-gradient(145deg,#fff,#f7faff 72%,#eef5ff);box-shadow:0 20px 55px #17395f0c;}
body.page-contact .contact-info::after{border-color:#7ca9dd17;box-shadow:0 0 0 36px #7ca9dd08,0 0 0 76px #7ca9dd05;}
body.page-contact .contact-info>.contact-info-top>.eyebrow{color:#426b9d;}
body.page-contact .contact-location-pill{border-color:#d8e5f5;background:#fff;color:#5d7593;}
body.page-contact .contact-info h2{color:#173657;}
body.page-contact .contact-info h2 span{color:#2465b5;}
body.page-contact .contact-section-intro{color:#70839d;}
body.page-contact .contact-whatsapp-cta{border-color:#dce7f5;background:#fff;color:#173657;box-shadow:0 8px 20px #17395f08;}
body.page-contact .contact-whatsapp-cta:hover{border-color:#a9c9ec;background:#f9fbff;}
body.page-contact .contact-whatsapp-cta small{color:#7086a2;}
body.page-contact .contact-whatsapp-cta b{color:#173657;}
body.page-contact .contact-action-arrow{color:#4a6e9e;}
body.page-contact .contact-call-cta{border-color:#cfdff2;background:#edf4ff;color:#1d579c;}
body.page-contact .contact-call-cta:hover{background:#e4efff;}
body.page-contact .contact-info .contact-details>div, body.page-contact .contact-info .contact-details>div:last-child{border-color:#e1eaf5;background:#fff;box-shadow:0 5px 16px #17395f05;}
body.page-contact .contact-info .contact-details dt{color:#6d83a1;}
body.page-contact .contact-info .contact-details dd, body.page-contact .contact-info .contact-details address{color:#173657;}
body.page-contact .contact-info .contact-details dd a:hover{color:#0756b5;}
body.page-contact .contact-address{border-color:#dce7f4;}
body.page-contact .contact-address-icon{border-color:#dce7f5;background:#fff;color:#1f5ba4;}
body.page-contact .contact-address small{color:#7086a2;}
body.page-contact .contact-address address{color:#526b89;}

/* Editorial, open contact layout: light canvas, quiet dividers, prominent map. */
body.page-contact .contact-overview{padding:82px 0 90px;background:#fff;}
body.page-contact .contact-page .contact-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(35px,6vw,82px);align-items:center;max-width:1240px;}
body.page-contact .contact-info{overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
body.page-contact .contact-info::after{display:none;}
body.page-contact .contact-info-top{justify-content:flex-start;gap:14px;}
body.page-contact .contact-info>.contact-info-top>.eyebrow{color:#2863a9;font-size:9px;letter-spacing:.2em;}
body.page-contact .contact-location-pill{padding:6px 9px;border:0;background:#f1f6fd;color:#627b9b;font-size:8px;}
body.page-contact .contact-info h2{max-width:500px;margin:24px 0 14px;color:#142f51;font-size:clamp(34px,3.7vw,49px);font-weight:580;line-height:1.06;letter-spacing:-.06em;}
body.page-contact .contact-info h2 span{color:#2a67af;}
body.page-contact .contact-section-intro{max-width:400px;color:#75869c;font-size:13px;line-height:1.8;}
body.page-contact .contact-primary-actions{gap:10px;margin:23px 0 26px;}
body.page-contact .contact-whatsapp-cta{gap:10px;padding:10px 13px;border:0;border-radius:10px;background:#16bd72;color:#fff;box-shadow:0 8px 20px #16bd721c;}
body.page-contact .contact-whatsapp-cta:hover{background:#10a965;}
body.page-contact .contact-action-icon{width:27px;height:27px;background:#ffffff26;color:#fff;}
body.page-contact .contact-whatsapp-cta small{color:#e8fff3;font-size:7px;}
body.page-contact .contact-whatsapp-cta b{color:#fff;font-size:9px;}
body.page-contact .contact-action-arrow{color:#fff;}
body.page-contact .contact-call-cta{padding:10px 13px;border:1px solid #dbe5f1;border-radius:10px;background:#fff;color:#285b99;font-size:9px;}
body.page-contact .contact-info .contact-details{grid-template-columns:1fr;gap:0;margin:2px 0 0;}
body.page-contact .contact-info .contact-details>div, body.page-contact .contact-info .contact-details>div:last-child{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:12px;padding:13px 0;border:0;border-bottom:1px solid #eaf0f7;border-radius:0;background:transparent;box-shadow:none;}
body.page-contact .contact-info .contact-details dt{margin:0;color:#8a9bb0;font-size:8px;letter-spacing:.12em;}
body.page-contact .contact-info .contact-details dd{color:#243f61;font-size:11px;font-weight:590;}
body.page-contact .contact-info .contact-details dd a:hover{color:#0756b5;text-decoration:underline;text-underline-offset:3px;}
body.page-contact .contact-info .contact-details dd a span{color:#3575bd;}
body.page-contact .contact-address{gap:10px;margin-top:9px;padding:13px 0 0;border:0;}
body.page-contact .contact-address-icon{flex-basis:28px;width:28px;height:28px;border:0;border-radius:8px;background:#edf4fd;color:#2863a9;font-size:17px;}
body.page-contact .contact-address small{color:#8496ad;font-size:7px;}
body.page-contact .contact-address address{color:#61758e;font-size:9px;line-height:1.6;}
body.page-contact .contact-business-map{min-height:0;align-self:stretch;border:1px solid #e1e9f3;border-radius:19px;background:#fff;box-shadow:0 20px 50px #1b416a0b;}
body.page-contact .contact-map-heading{padding:15px 17px;border-bottom:1px solid #edf1f6;}
body.page-contact .contact-map-heading small{color:#8295ab;font-size:7px;}
body.page-contact .contact-map-heading b{color:#19385d;font-size:12px;}
body.page-contact .contact-map-marker{flex-basis:30px;width:30px;height:30px;border:0;border-radius:9px;background:#edf4fd;color:#2863a9;font-size:17px;}
body.page-contact .contact-map-open{width:27px;height:27px;border-color:#e9eef5;color:#51749c;font-size:11px;}
body.page-contact .contact-business-map iframe{flex:1;height:100%;min-height:470px;}
body.page-contact .contact-directions{padding:13px 16px;border-top:1px solid #edf1f6;background:#fff;color:#71849c;font-size:9px;}
body.page-contact .contact-directions b{padding:8px 11px;background:#1359a6;font-size:8px;}
@media(max-width:900px){body.page-contact .contact-page .contact-layout{grid-template-columns:1fr;gap:32px;}body.page-contact .contact-info{max-width:680px;}body.page-contact .contact-info .contact-details{grid-template-columns:1fr 1fr;column-gap:26px;}body.page-contact .contact-business-map iframe{height:350px;min-height:350px;}}
@media(max-width:760px){body.page-contact .contact-overview{padding:48px 0 60px;}body.page-contact .contact-info h2{font-size:36px;}body.page-contact .contact-section-intro{font-size:12px;}body.page-contact .contact-primary-actions{margin:20px 0 19px;}body.page-contact .contact-info .contact-details{grid-template-columns:1fr 1fr;}body.page-contact .contact-info .contact-details>div, body.page-contact .contact-info .contact-details>div:last-child{grid-template-columns:1fr;gap:5px;padding:11px 0;}body.page-contact .contact-business-map iframe{height:310px;min-height:310px;}body.page-contact .contact-business-map{border-radius:16px;}}
@media(max-width:430px){body.page-contact .contact-info-top{flex-direction:row;align-items:center;}body.page-contact .contact-location-pill{align-self:auto;}body.page-contact .contact-info h2{font-size:32px;}body.page-contact .contact-info .contact-details{grid-template-columns:1fr;}body.page-contact .contact-info .contact-details>div, body.page-contact .contact-info .contact-details>div:last-child{grid-template-columns:86px minmax(0,1fr);}body.page-contact .contact-business-map iframe{height:285px;min-height:285px;}body.page-contact .contact-directions{align-items:center;flex-direction:row;}}

/* Contact hero actions below the intro copy. */
body.page-contact .contact-page .contact-flow-hero .contact-hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:24px auto 0;}
body.page-contact .contact-page .contact-flow-hero .contact-hero-actions .pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;border-radius:999px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease;}
body.page-contact .contact-page .contact-flow-hero .contact-hero-actions .pill:hover{transform:translateY(-2px);}
@media(max-width:600px){body.page-contact .contact-page .contact-flow-hero .contact-hero-actions{gap:9px;margin-top:20px;}body.page-contact .contact-page .contact-flow-hero .contact-hero-actions .pill{min-height:44px;padding:11px 17px;font-size:12px;}}


/* ===== reviews.css ===== */
/* Compact review cards. All review text stays visible; translation keys are unchanged. */
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-premium{--review-ink:#152b4b;--review-muted:#77859a;--review-gold:#c49a45;padding:58px 28px 64px;background:#f4f7fc;color:var(--review-ink);}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-heading{max-width:680px;margin:0 auto 28px;text-align:center;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#5075a6;font-size:9px;line-height:1.5;font-weight:650;letter-spacing:.18em;margin-bottom:12px;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-eyebrow::before{content:'';width:18px;height:1px;background:#608ac1;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-heading h2{font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.045em;line-height:1.18;margin:0 0 10px;text-wrap:balance;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-heading p{color:var(--review-muted);font-size:13px;line-height:1.7;margin:0;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;margin:auto;align-items:stretch;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-card{display:flex;flex-direction:column;min-width:0;padding:20px;background:#fff;border:1px solid #e2e9f3;border-radius:16px;box-shadow:0 3px 12px #18365b03;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-card:hover{transform:translateY(-2px);border-color:#bfd0e8;box-shadow:0 9px 24px #18365b0a;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-author{order:-2;display:flex;align-items:center;gap:10px;margin:0 0 13px;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-avatar{display:block;width:34px;height:34px;flex:0 0 34px;object-fit:contain;background:#fff;border:1px solid #e3eaf4;border-radius:10px;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-initials{display:grid;place-items:center;font-size:10px;font-weight:650;background:#edf3fc;color:#5578a6;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-author-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-author-name{font-size:12px;font-weight:650;color:#203e64;line-height:1.45;overflow-wrap:anywhere;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-company{font-size:10px;color:#7c8ca3;line-height:1.4;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-top{order:-1;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-stars{color:var(--review-gold);font-size:13px;line-height:1;letter-spacing:1px;white-space:nowrap;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-location{display:inline-flex;align-items:center;gap:4px;color:#8190a4;font-size:10px;line-height:1.3;white-space:nowrap;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-location svg{flex:none;width:12px;height:12px;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-quote, body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-language, body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-line, body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-source-icon{display:none;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-text{flex:1;margin:0 0 14px;font-size:13px;font-weight:400;line-height:1.75;color:#566b84;overflow-wrap:anywhere;text-wrap:pretty;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-footer{display:flex;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #eef2f8;}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-source{color:#93a0b2;font-size:9px;line-height:1.4;}
@media(max-width:900px){body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-premium{padding:42px 18px 48px;}body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-heading{margin-bottom:24px;}body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-grid{grid-template-columns:1fr;gap:12px;}body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-card{padding:18px;border-radius:14px;}body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-text{font-size:14px;line-height:1.7;}body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-author-name{font-size:13px;}}
@media(prefers-reduced-motion:reduce){body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-card{transition:none;}body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-card:hover{transform:none;}}

body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .review-initials{background:var(--avatar-bg,#edf3fc);color:var(--avatar-ink,#5578a6);border-color:transparent;}

/* Soft blue lighting with a subtle dotted texture behind the review cards. */
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-premium{
  background-color:#edf4ff;
  background-image:
    radial-gradient(circle,rgba(64,112,177,.15) .7px,transparent .9px),
    radial-gradient(ellipse 75% 32% at 5% 0%,rgba(142,189,255,.24),transparent 80%),
    radial-gradient(ellipse 65% 30% at 100% 55%,rgba(160,205,255,.18),transparent 85%),
    linear-gradient(155deg,#f5f9ff 0%,#eaf3ff 48%,#f2f7ff 100%);
  background-size:22px 22px,100% 100%,100% 100%,100% 100%;
}

/* Visible drifting dots remain behind the static, readable review cards. */
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-premium{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-image:
    radial-gradient(ellipse 75% 32% at 5% 0%,rgba(112,172,255,.30),transparent 80%),
    radial-gradient(ellipse 65% 30% at 100% 55%,rgba(136,192,255,.24),transparent 85%),
    linear-gradient(155deg,#f0f7ff 0%,#e4efff 48%,#eef5ff 100%);
  background-size:100% 100%;
}
body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-premium::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:radial-gradient(circle,rgba(52,109,185,.3) 1.1px,transparent 1.5px);
  background-size:24px 24px;
  animation:review-dots-drift 14s linear infinite;
}
@keyframes review-dots-drift {
  from {background-position:0 0;}
  to {background-position:48px 24px;}
}
@media(prefers-reduced-motion:reduce) {
  body:is(.page-contact, .page-corporate, .page-maya, .page-oto, .page-references) .reviews-premium::before{animation:none;}
}


/* ===== press-page.css ===== */
/* VARTAG press archive: local covers, accessible dialogs, preserved site identity. */
body:is(.page-press, .page-oto, .home-focus) .press-wrap{max-width:1180px;margin:auto;padding-inline:28px;}
body:is(.page-press, .page-oto, .home-focus).signature-site .press-hero .hero-top{padding:134px 24px 72px;max-width:1000px;}
body:is(.page-press, .page-oto, .home-focus).signature-site .press-hero .vartag-hero-title{max-width:880px;margin:22px auto;font-size:clamp(36px,5vw,68px);}
body:is(.page-press, .page-oto, .home-focus).signature-site .press-hero .lead{color:#c0d5f3;font-size:17px;max-width:640px;margin:auto;}
body:is(.page-press, .page-oto, .home-focus) .press-hero .hero-actions{margin-top:27px;}
body:is(.page-press, .page-oto, .home-focus) .press-videos-section{padding:72px 0 80px;background:#fff;}
body:is(.page-press, .page-oto, .home-focus) .press-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;}
body:is(.page-press, .page-oto, .home-focus) .press-section-heading .eyebrow{font-size:10px;letter-spacing:.18em;}
body:is(.page-press, .page-oto, .home-focus) .press-section-heading h2{font-size:clamp(29px,3.7vw,46px);font-weight:600;letter-spacing:-.05em;line-height:1.14;margin:14px 0 12px;color:#17304f;}
body:is(.page-press, .page-oto, .home-focus) .press-section-heading p{font-size:14px;line-height:1.75;color:#7a889d;margin:0;}
body:is(.page-press, .page-oto, .home-focus) .press-count{color:#1954a4;font-size:28px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;}
body:is(.page-press, .page-oto, .home-focus) .press-count span{font-size:11px;font-weight:500;color:#8391a6;letter-spacing:0;}
body:is(.page-press, .page-oto, .home-focus) .press-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
body:is(.page-press, .page-oto, .home-focus) .press-video-card{overflow:hidden;border:1px solid #dfe7f2;border-radius:22px;background:#fff;box-shadow:0 8px 30px #14365e06;}
body:is(.page-press, .page-oto, .home-focus) .press-video-open{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;background:#07162d;cursor:pointer;aspect-ratio:16/9;}
body:is(.page-press, .page-oto, .home-focus) .press-video-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
body:is(.page-press, .page-oto, .home-focus) .press-video-open::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#05193299);pointer-events:none;}
body:is(.page-press, .page-oto, .home-focus) .press-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ffffffed;color:#134987;box-shadow:0 8px 36px #00112a38;transition:background .2s,transform .2s;}
body:is(.page-press, .page-oto, .home-focus) .press-video-open:hover .press-video-cover{transform:scale(1.035);}
body:is(.page-press, .page-oto, .home-focus) .press-video-open:hover .press-play{background:#fff;transform:translate(-50%,-50%) scale(1.08);}
body:is(.page-press, .page-oto, .home-focus) .press-watch-label{position:absolute;bottom:17px;left:22px;z-index:1;color:#fff;font-size:11px;font-weight:550;letter-spacing:.03em;}
body:is(.page-press, .page-oto, .home-focus) .press-video-info{padding:19px 22px 23px;}
body:is(.page-press, .page-oto, .home-focus) .press-video-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;}
body:is(.page-press, .page-oto, .home-focus) .press-video-meta img{display:block;max-width:90px;width:auto;height:32px;object-fit:contain;}
body:is(.page-press, .page-oto, .home-focus) .press-video-meta time{font-size:11px;color:#92a0b3;}
body:is(.page-press, .page-oto, .home-focus) .press-video-info h3{font-size:18px;line-height:1.4;letter-spacing:-.025em;font-weight:600;color:#1a365c;margin:0 0 6px;}
body:is(.page-press, .page-oto, .home-focus) .press-video-info p{font-size:12px;color:#8190a5;margin:0;}
body:is(.page-press, .page-oto, .home-focus) .press-articles-section{padding:72px 0 80px;background:radial-gradient(ellipse at top left,#e9f2ff,transparent 60%),#f4f7fc;}
body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
body:is(.page-press, .page-oto, .home-focus) .press-article{min-width:0;overflow:hidden;border:1px solid #dfe7f2;border-radius:17px;background:#fff;transition:transform .25s,box-shadow .25s;}
body:is(.page-press, .page-oto, .home-focus) .press-article:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1539620b;}
body:is(.page-press, .page-oto, .home-focus) .press-article-image{position:relative;display:block;width:100%;padding:0;border:0;background:#e8eef6;cursor:zoom-in;aspect-ratio:1.4;overflow:hidden;}
body:is(.page-press, .page-oto, .home-focus) .press-article-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s;}
body:is(.page-press, .page-oto, .home-focus) .press-article-image:hover img{transform:scale(1.035);}
body:is(.page-press, .page-oto, .home-focus) .press-image-caption{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7faffeb;backdrop-filter:blur(8px);font-size:9px;color:#43638c;}
body:is(.page-press, .page-oto, .home-focus) .press-article-info{padding:15px 16px 17px;}
body:is(.page-press, .page-oto, .home-focus) .press-article-info h3{font-size:14px;font-weight:600;line-height:1.4;color:#18375e;margin:0 0 9px;overflow-wrap:anywhere;}
body:is(.page-press, .page-oto, .home-focus) .press-article-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#2e67b1;}
body:is(.page-press, .page-oto, .home-focus) .press-article-link:hover{text-decoration:underline;text-underline-offset:3px;}
body:is(.page-press, .page-oto, .home-focus) .press-archive-label{font-size:10px;color:#94a2b4;}
body:is(.page-press, .page-oto, .home-focus) .press-video-dialog, body:is(.page-press, .page-oto, .home-focus) .press-image-dialog{padding:0;border:1px solid #b6d0f133;border-radius:20px;background:#081a35;color:#fff;max-height:92dvh;box-shadow:0 30px 120px #0008;width:min(1050px,calc(100% - 32px));max-width:none;}
body:is(.page-press, .page-oto, .home-focus) .press-video-dialog::backdrop, body:is(.page-press, .page-oto, .home-focus) .press-image-dialog::backdrop{background:#031025d9;backdrop-filter:blur(12px);}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar h2{font-size:14px;line-height:1.5;letter-spacing:0;font-weight:500;color:#d8e8ff;margin:0;}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-close{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid #a7caff33;background:#b5d2ff0d;color:#e9f4ff;font-size:26px;line-height:1;cursor:pointer;}
body:is(.page-press, .page-oto, .home-focus) .press-player-stage{position:relative;aspect-ratio:16/9;background:#020915;min-height:200px;}
body:is(.page-press, .page-oto, .home-focus) .press-player-mount, body:is(.page-press, .page-oto, .home-focus) .press-player-mount iframe{display:block;width:100%;height:100%;border:0;}
body:is(.page-press, .page-oto, .home-focus) .press-video-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at center,#143867,#06132b);text-align:center;padding:24px;}
body:is(.page-press, .page-oto, .home-focus) .press-video-status[hidden], body:is(.page-press, .page-oto, .home-focus) .press-replay[hidden]{display:none;}
body:is(.page-press, .page-oto, .home-focus) .press-video-status p{font-size:16px;line-height:1.6;color:#d5e6ff;margin:0;}
body:is(.page-press, .page-oto, .home-focus) .press-replay{padding:12px 22px;border:0;border-radius:50px;background:#e8f2ff;color:#16417d;font-size:13px;cursor:pointer;}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;font-size:10px;letter-spacing:.08em;color:#829cc1;}
body:is(.page-press, .page-oto, .home-focus) .press-youtube-link{color:#b9d2f5;font-size:11px;letter-spacing:0;}
body:is(.page-press, .page-oto, .home-focus) .press-image-dialog{width:min(1100px,calc(100% - 32px));}
body:is(.page-press, .page-oto, .home-focus) .press-image-stage{padding:0 18px 18px;background:#0c203e;max-height:75dvh;overflow:auto;}
body:is(.page-press, .page-oto, .home-focus) .press-image-stage img{display:block;max-width:100%;width:auto;height:auto;margin:auto;}
body:is(.page-press, .page-oto, .home-focus) .press-page :is(button,a):focus-visible, body:is(.page-press, .page-oto, .home-focus) .press-video-dialog :is(button,a):focus-visible, body:is(.page-press, .page-oto, .home-focus) .press-image-dialog button:focus-visible{outline:3px solid #83baff;outline-offset:3px;}
@media(max-width:1000px){body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:680px){body:is(.page-press, .page-oto, .home-focus) .press-wrap{padding-inline:18px;}body:is(.page-press, .page-oto, .home-focus).signature-site .press-hero .hero-top{padding:110px 20px 52px;}body:is(.page-press, .page-oto, .home-focus).signature-site .press-hero .lead{font-size:15px;}body:is(.page-press, .page-oto, .home-focus) .press-video-grid{grid-template-columns:1fr;gap:18px;}body:is(.page-press, .page-oto, .home-focus) .press-videos-section, body:is(.page-press, .page-oto, .home-focus) .press-articles-section{padding-block:48px;}body:is(.page-press, .page-oto, .home-focus) .press-section-heading{align-items:flex-start;margin-bottom:24px;}body:is(.page-press, .page-oto, .home-focus) .press-section-heading p{font-size:13px;}body:is(.page-press, .page-oto, .home-focus) .press-count{font-size:23px;}body:is(.page-press, .page-oto, .home-focus) .press-count span{display:block;font-size:10px;text-align:right;}body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}body:is(.page-press, .page-oto, .home-focus) .press-article-info{padding:12px;}body:is(.page-press, .page-oto, .home-focus) .press-article-info h3{font-size:13px;}body:is(.page-press, .page-oto, .home-focus) .press-video-info{padding:18px;}body:is(.page-press, .page-oto, .home-focus) .press-video-dialog, body:is(.page-press, .page-oto, .home-focus) .press-image-dialog{width:calc(100% - 20px);border-radius:14px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar{padding:12px 14px;gap:12px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar h2{font-size:12px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-footer{padding:12px 14px;letter-spacing:0;font-size:9px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-close{width:32px;height:32px;}body:is(.page-press, .page-oto, .home-focus) .press-image-stage{padding:0 8px 8px;}}
@media(prefers-reduced-motion:reduce){body:is(.page-press, .page-oto, .home-focus) .press-video-cover, body:is(.page-press, .page-oto, .home-focus) .press-play, body:is(.page-press, .page-oto, .home-focus) .press-article, body:is(.page-press, .page-oto, .home-focus) .press-article-image img{transition:none;}body:is(.page-press, .page-oto, .home-focus) .press-article:hover, body:is(.page-press, .page-oto, .home-focus) .press-video-open:hover .press-video-cover, body:is(.page-press, .page-oto, .home-focus) .press-article-image:hover img{transform:none;}}

/* Editorial archive cards with readable headlines and a centered cinema dialog. */
body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
body:is(.page-press, .page-oto, .home-focus) .press-article{display:flex;flex-direction:column;border-radius:22px;border:1px solid #dce6f3;box-shadow:0 6px 24px #14365c05;background:#fff;}
body:is(.page-press, .page-oto, .home-focus) .press-article:hover{transform:translateY(-5px);border-color:#bad0eb;box-shadow:0 18px 40px #15396213;}
body:is(.page-press, .page-oto, .home-focus) .press-article-image{aspect-ratio:1.55;background:#e8eff8;border-bottom:1px solid #e7edf6;}
body:is(.page-press, .page-oto, .home-focus) .press-article-image::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -40px 40px -40px #102d4f33;}
body:is(.page-press, .page-oto, .home-focus) .press-image-caption{inset:auto 14px 14px auto;padding:8px 12px;gap:12px;border-radius:30px;background:#fffffff2;box-shadow:0 4px 18px #122d4c12;backdrop-filter:blur(14px);font-size:10px;font-weight:550;color:#1c4e91;}
body:is(.page-press, .page-oto, .home-focus) .press-article-info{display:flex;flex-direction:column;flex:1;padding:22px 23px 19px;}
body:is(.page-press, .page-oto, .home-focus) .press-article-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#9aa9be;font-size:9px;font-weight:600;letter-spacing:.13em;}
body:is(.page-press, .page-oto, .home-focus) .press-article-kicker>span:first-child{color:#6182ae;}
body:is(.page-press, .page-oto, .home-focus) .press-article-info h3{font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.04em;color:#193555;margin:0 0 9px;}
body:is(.page-press, .page-oto, .home-focus) .press-article-headline{font-size:13px;line-height:1.7;color:#8090a5;margin:0 0 22px;}
body:is(.page-press, .page-oto, .home-focus) .press-article-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid #edf1f7;}
body:is(.page-press, .page-oto, .home-focus) .press-article-link{font-size:12px;font-weight:600;color:#1959ac;gap:10px;}
body:is(.page-press, .page-oto, .home-focus) .press-article-category{font-size:9px;letter-spacing:.03em;color:#a7b2c1;}
body:is(.page-press, .page-oto, .home-focus) .press-video-info{padding-bottom:21px;}
body:is(.page-press, .page-oto, .home-focus) .press-video-info h3{font-size:20px;margin-bottom:0;}
body:is(.page-press, .page-oto, .home-focus) .press-video-dialog, body:is(.page-press, .page-oto, .home-focus) .press-image-dialog{margin:auto;inset:0;border-radius:24px;border:1px solid #a4c8fc33;box-shadow:0 35px 130px #0009,0 0 0 1px #ffffff08;}
body:is(.page-press, .page-oto, .home-focus) .press-video-dialog{width:min(1080px,calc(100vw - 64px));max-height:calc(100dvh - 48px);overflow:auto;background:linear-gradient(135deg,#0b2346,#07162d);}
body:is(.page-press, .page-oto, .home-focus) .press-video-dialog::backdrop, body:is(.page-press, .page-oto, .home-focus) .press-image-dialog::backdrop{background:#020b1ce0;backdrop-filter:blur(18px);}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar{padding:19px 24px;border-bottom:1px solid #abcaff12;}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar h2{font-size:15px;font-weight:550;color:#e5efff;letter-spacing:-.01em;}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-close{width:38px;height:38px;background:#ffffff0a;border-color:#d4e5ff26;transition:background .2s,transform .2s;}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-close:hover{background:#ffffff1a;transform:rotate(90deg);}
body:is(.page-press, .page-oto, .home-focus) .press-player-stage{aspect-ratio:16/9;min-height:200px;max-height:calc(100dvh - 185px);}
body:is(.page-press, .page-oto, .home-focus) .press-player-mount{position:absolute;inset:0;width:100%;height:100%;}
body:is(.page-press, .page-oto, .home-focus) .press-player-mount iframe{display:block;width:100%;height:100%;border:0;}
body:is(.page-press, .page-oto, .home-focus) .press-dialog-footer{padding:16px 24px;}
@media(max-width:1000px){body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}}
@media(max-width:680px){body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{gap:14px;}body:is(.page-press, .page-oto, .home-focus) .press-article{border-radius:17px;}body:is(.page-press, .page-oto, .home-focus) .press-article-info{padding:16px;}body:is(.page-press, .page-oto, .home-focus) .press-article-info h3{font-size:18px;}body:is(.page-press, .page-oto, .home-focus) .press-article-headline{font-size:12px;margin-bottom:16px;}body:is(.page-press, .page-oto, .home-focus) .press-article-category{display:none;}body:is(.page-press, .page-oto, .home-focus) .press-article-kicker{font-size:8px;}body:is(.page-press, .page-oto, .home-focus) .press-image-caption{right:9px;bottom:9px;font-size:9px;padding:6px 9px;gap:7px;}body:is(.page-press, .page-oto, .home-focus) .press-video-dialog, body:is(.page-press, .page-oto, .home-focus) .press-image-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar{padding:14px 16px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-toolbar h2{font-size:13px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-footer{padding:13px 16px;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-close{width:32px;height:32px;}body:is(.page-press, .page-oto, .home-focus) .press-player-stage{min-height:200px;}body:is(.page-press, .page-oto, .home-focus) .press-video-info h3{font-size:18px;}}
@media(max-width:430px){body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{grid-template-columns:1fr;gap:20px;}body:is(.page-press, .page-oto, .home-focus) .press-article-image{aspect-ratio:1.65;}body:is(.page-press, .page-oto, .home-focus) .press-article-info{padding:20px;}body:is(.page-press, .page-oto, .home-focus) .press-article-info h3{font-size:22px;}body:is(.page-press, .page-oto, .home-focus) .press-article-headline{font-size:13px;}body:is(.page-press, .page-oto, .home-focus) .press-article-category{display:inline;}body:is(.page-press, .page-oto, .home-focus) .press-image-caption{right:14px;bottom:14px;font-size:10px;padding:8px 12px;}}
@media(prefers-reduced-motion:reduce){body:is(.page-press, .page-oto, .home-focus) .press-dialog-close{transition:none;}body:is(.page-press, .page-oto, .home-focus) .press-dialog-close:hover{transform:none;}}

/* Static newspaper previews; the video presentation remains unchanged. */
body:is(.page-press, .page-oto, .home-focus) .press-article-image{cursor:default;}
body:is(.page-press, .page-oto, .home-focus) .press-article-image:hover img{transform:none;}
@media(min-width:1001px){
  body:is(.page-press, .page-oto, .home-focus) .press-articles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
  body:is(.page-press, .page-oto, .home-focus) .press-article-info{padding:18px 17px 16px;}
  body:is(.page-press, .page-oto, .home-focus) .press-article-info h3{font-size:19px;}
  body:is(.page-press, .page-oto, .home-focus) .press-article-category{display:none;}
}


/* ===== page-titles.css ===== */
/* Interior page titles based on the approved reference-page typography.
   Opt-in body class keeps the home and reference pages entirely unaffected. */
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .vartag-hero-title{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:clamp(34px,3.4vw,48px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.055em;
  text-wrap:balance;
  max-width:900px;
  margin:15px auto;
  filter:none;
}
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .hero-top{
  max-width:1120px;
  padding-top:116px;
  padding-bottom:0;
}
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .eyebrow{
  font-size:10px;
  font-weight:650;
  line-height:1.5;
  letter-spacing:.19em;
}
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .lead{
  max-width:680px;
  margin:16px auto 0;
  font-size:16px;
  line-height:1.75;
  letter-spacing:-.01em;
}
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .hero-actions{
  margin-top:25px;
  gap:12px;
}
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .hero-visual{
  margin-top:42px;
}
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero:not(:has(.hero-visual)){
  padding-bottom:56px;
}
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero.section-sm{
  padding-top:116px;
  padding-bottom:56px;
}
/* Avoid overly wide lines on short editorial headings. */
body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .press-hero .vartag-hero-title{
  max-width:780px;
}
@media(max-width:1019px) {
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .hero-top{padding-top:108px;}
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero.section-sm{padding-top:108px;}
}
@media(max-width:680px) {
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .vartag-hero-title{
    font-size:32px;
    line-height:1.08;
    letter-spacing:-.055em;
    margin:15px auto;
  }
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .hero-top{
    padding-top:100px;
    padding-inline:20px;
  }
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero.section-sm{padding-top:100px;padding-bottom:40px;}
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero:not(:has(.hero-visual)){padding-bottom:40px;}
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .lead{font-size:15px;line-height:1.7;max-width:520px;}
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .hero-actions{margin-top:22px;}
  body:is(.page-press, .page-blog, .page-contact, .page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-portfolio, .page-web-app).signature-site.vartag-inner-titles main > .vartag-unified-hero .hero-visual{margin-top:30px;}
}


/* ===== content-pages.css ===== */
/* VARTAG service, product and company pages. All image sources are local. */
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page{--content-ink:#173454;--content-muted:#74869e;--content-line:#e0e8f3;--content-blue:#054db6;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-wrap{width:100%;max-width:1180px;padding-inline:28px;margin-inline:auto;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-section{padding:80px 0;background:#fff;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-section.content-soft{background:radial-gradient(ellipse at 0 0,#e5efff99,transparent 65%),#f4f7fc;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-heading{max-width:760px;margin-bottom:32px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-heading>.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:.18em;color:#4774ab;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-heading>.eyebrow::before{content:'';width:22px;height:1px;background:#6b94c8;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page h2{font-size:clamp(29px,3.25vw,42px);font-weight:600;letter-spacing:-.045em;line-height:1.14;color:var(--content-ink);margin:15px 0 16px;text-wrap:balance;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-heading>p, body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-paragraph{font-size:15px;line-height:1.85;color:var(--content-muted);text-wrap:pretty;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-paragraph{margin:0 0 18px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-heading>p{margin:0;max-width:680px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page>.content-hero{background:linear-gradient(110deg,#051a3fe8,#064d9bd9),url("images/banner/hizmetler-banner.jpeg") center/cover no-repeat!important;padding-bottom:54px;overflow:hidden;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page[data-page=design]>.content-hero{background-image:linear-gradient(110deg,#051a3fed,#064d9bdc),url("images/banner/web-tasarim-banner.png")!important;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page[data-page=maya]>.content-hero{background-image:linear-gradient(110deg,#051a3ff0,#064d9be0),url("images/banner/maya-police-banner.jpg")!important;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page[data-page=oto]>.content-hero{background-image:linear-gradient(110deg,#041832d9,#0756a7b8),url("images/banner/oto-ekspertiz-banner.jpg")!important;background-position:center 40%!important;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page>.content-hero .hero-top{padding-top:116px;padding-bottom:0;position:relative;z-index:2;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page>.content-hero .vartag-hero-title{max-width:920px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero .lead{color:#c1d4f0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero .pill-outline{color:#e9f3ff;border-color:#b8d7ff45;background:#ffffff05;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero .pill-outline:hover{background:#ffffff12;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin:24px auto 0;color:#a8c8ed;font-size:11px;letter-spacing:.01em;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-badges span{display:flex;align-items:center;gap:8px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-badges span::before{content:'';width:4px;height:4px;border-radius:50%;background:#83baff;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-preview{position:relative;z-index:1;max-width:1020px;padding:0 28px;margin:42px auto -78px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-preview img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 44px #00102666);}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page[data-page=maya] .content-hero-preview img{max-height:380px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:68px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-split .content-heading{margin-bottom:22px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-reverse .content-copy{order:2;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-copy{min-width:0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual{position:relative;min-width:0;margin:0;padding:26px;background:linear-gradient(145deg,#f4f8ff,#eaf1fc);border:1px solid #e0e8f4;border-radius:24px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual img{display:block;width:100%;height:340px;object-fit:contain;border-radius:12px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual figcaption{font-size:10px;color:#8397b2;text-align:center;margin-top:17px;line-height:1.6;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-ticks{list-style:none;display:grid;gap:12px;padding:0;margin:24px 0 0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-ticks li{display:flex;align-items:flex-start;gap:10px;color:#4d688b;font-size:13px;line-height:1.6;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-ticks svg{width:18px;height:18px;flex:none;color:#2c6bc1;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature{padding:25px;background:#fff;border:1px solid #dfe7f2;border-radius:19px;min-width:0;box-shadow:0 4px 18px #14365e03;transition:border-color .2s,transform .2s,box-shadow .2s;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature:hover{border-color:#b6cde9;transform:translateY(-3px);box-shadow:0 13px 28px #14365e08;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature-icon{display:grid;place-items:center;width:44px;height:44px;background:#edf4ff;border:1px solid #e1ebfa;border-radius:13px;color:#336aaf;margin-bottom:22px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature h3{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.025em;color:#234366;margin:0 0 10px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature p{font-size:13px;line-height:1.8;color:#7a8ba2;margin:0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:36px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-process article{border-top:1px solid #cfdded;padding-top:22px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-process article>span{font-size:12px;color:#82a1c7;font-variant-numeric:tabular-nums;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-process h3{font-size:17px;font-weight:600;color:#254669;margin:15px 0 10px;letter-spacing:-.02em;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-process p{font-size:13px;line-height:1.8;color:#7c8ba0;margin:0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-links:has(>.content-product-link:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link{display:block;padding:24px;border:1px solid #dfe7f2;border-radius:22px;background:linear-gradient(160deg,#f7faff,#fff);transition:box-shadow .25s,border-color .25s;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link:hover{border-color:#abc8ec;box-shadow:0 14px 30px #14365e09;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link>div{height:155px;display:grid;place-items:center;margin-bottom:22px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link img{max-width:100%;max-height:155px;object-fit:contain;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link h3{font-size:18px;color:#23456d;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link p{font-size:13px;line-height:1.7;color:#8492a6;margin:0 0 18px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link>span{font-size:12px;font-weight:600;color:#2d65ad;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-card{margin:0;overflow:hidden;border:1px solid #dfe7f2;border-radius:19px;background:#fff;min-width:0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-card img{display:block;width:100%;height:225px;object-fit:contain;background:#f5f8fd;padding:12px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-card figcaption{font-size:12px;font-weight:550;line-height:1.5;color:#5d7799;padding:15px 18px;border-top:1px solid #e9eff7;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-web img{object-fit:cover;object-position:top;padding:0;height:225px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-apps img{height:340px;object-fit:contain;background:#fff;padding:18px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-reports{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-reports img{height:275px;padding:12px;background:#fff;object-position:top;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-reports figcaption{font-size:11px;background:#f9fbff;padding:12px 14px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-more{margin-top:24px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-more>summary{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;margin:0 auto;list-style:none;border:1px solid #d5e1f1;border-radius:50px;background:#fff;padding:12px 20px;color:#426b9f;font-size:12px;font-weight:550;cursor:pointer;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-more>summary::-webkit-details-marker{display:none;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-more>summary::after{content:'↓';color:#4874aa;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-more[open]>summary::after{content:'↑';}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-more[open]>.content-gallery{margin-top:24px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-more-count{font-size:10px;background:#edf3fd;border-radius:20px;padding:3px 7px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module{overflow:hidden;border:1px solid #dce6f2;border-radius:16px;background:#fff;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module>summary{display:flex;align-items:center;gap:14px;list-style:none;padding:20px;font-size:15px;font-weight:600;color:#355779;cursor:pointer;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module>summary::-webkit-details-marker{display:none;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module-number{color:#8ba6c7;font-size:10px;font-weight:500;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module-toggle{display:grid;place-items:center;margin-left:auto;width:25px;height:25px;border-radius:50%;background:#f1f5fc;color:#6e8fb7;font-size:16px;font-weight:400;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module[open] .content-module-toggle{transform:rotate(45deg);}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module>ul{display:grid;gap:11px;list-style:none;margin:0;padding:0 22px 24px 50px;color:#7589a4;font-size:13px;line-height:1.6;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module>ul li{position:relative;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module>ul li::before{content:'';position:absolute;left:-15px;top:9px;width:4px;height:4px;border-radius:50%;background:#87a6cc;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-stats-section{padding:30px 0;background:#f8faff;border-bottom:1px solid #e4ecf6;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats>div{display:flex;align-items:center;justify-content:center;gap:13px;padding:7px 12px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats>div+div{border-left:1px solid #dce6f3;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats strong{font-size:32px;font-weight:600;letter-spacing:-.05em;color:#285d9f;line-height:1;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats span{max-width:105px;font-size:11px;line-height:1.6;color:#8194ad;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-vehicles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-vehicles figure{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;border:1px solid #dfe7f2;border-radius:17px;background:#fff;margin:0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-vehicles img{width:100%;height:95px;object-fit:contain;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-vehicles figcaption{font-size:12px;font-weight:550;color:#6c84a2;margin-top:15px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate{margin:0;padding:16px;border:1px solid #dfe7f2;background:#fff;border-radius:17px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate img{height:250px;display:block;width:100%;object-fit:contain;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate figcaption{display:flex;flex-direction:column;gap:7px;padding:16px 3px 4px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate strong{font-size:13px;font-weight:600;color:#365d8a;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate figcaption>span{font-size:11px;line-height:1.6;color:#8092a9;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-logo-grid>div{display:grid;place-items:center;height:100px;border:1px solid #e2e9f4;border-radius:15px;background:#fff;padding:15px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-logo-grid img{width:100%;height:70px;object-fit:contain;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-demo-section{background:#fff;padding:22px 0 60px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:42px 45px;border-radius:25px;background:radial-gradient(ellipse at 100% 0,#2867b855,transparent 70%),#0d2e5a;color:#fff;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo>.eyebrow, body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo .eyebrow{color:#a6c9f6;font-size:9px;letter-spacing:.16em;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo h2{font-size:clamp(26px,3vw,37px);line-height:1.15;color:#fff;margin:13px 0;max-width:650px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo p{font-size:13px;line-height:1.75;color:#abc5e8;margin:0;max-width:600px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo .pill{flex:none;white-space:nowrap;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-review-all{text-align:center;font-size:12px;color:#4575ae;margin:26px auto 0;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band{display:flex;align-items:center;justify-content:space-between;gap:32px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band .eyebrow{font-size:10px;letter-spacing:.14em;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band h2{font-size:32px;margin-bottom:0;max-width:600px;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band>div:last-child{display:flex;flex-direction:column;gap:14px;font-size:13px;color:#3467a5;white-space:nowrap;}
body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page :is(button,a,summary,.zoomable):focus-visible{outline:3px solid #75a8ed;outline-offset:4px;}
@media(max-width:1000px){body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-split{gap:36px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual img{height:290px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-features{gap:15px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature{padding:22px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery{gap:16px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificates{gap:14px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate img{height:210px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats strong{font-size:28px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats>div{flex-direction:column;text-align:center;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats span{max-width:none;}}
@media(max-width:760px){body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-wrap{padding-inline:20px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-section{padding-block:52px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page h2{font-size:30px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-heading{margin-bottom:26px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-split{grid-template-columns:1fr;gap:28px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-reverse .content-copy{order:0;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual{padding:20px;border-radius:20px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual img{height:280px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-features{grid-template-columns:repeat(2,minmax(0,1fr));}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-links, body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-links:has(>.content-product-link:nth-child(2):last-child){grid-template-columns:1fr;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link{display:grid;grid-template-columns:130px 1fr;column-gap:20px;padding:22px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link>div{grid-row:span 3;height:120px;margin:0;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link img{max-height:120px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link h3{font-size:17px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link p{font-size:12px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-apps img{height:280px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-web img{height:180px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-reports{grid-template-columns:repeat(2,minmax(0,1fr));}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-reports img{height:250px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-modules{grid-template-columns:1fr;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-vehicles{grid-template-columns:repeat(2,minmax(0,1fr));}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificates{grid-template-columns:repeat(2,minmax(0,1fr));}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate img{height:240px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo{padding:30px;flex-direction:column;align-items:flex-start;gap:24px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo h2{font-size:29px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band{flex-direction:column;align-items:flex-start;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band h2{font-size:29px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band>div:last-child{flex-direction:row;gap:24px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-demo-section{padding:12px 0 40px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page .content-stats-section{padding-block:24px;}}
@media(max-width:680px){body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page>.content-hero .hero-top{padding-top:100px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app).signature-site.vartag-inner-titles .content-page>.content-hero{padding-bottom:40px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-badges{font-size:10px;gap:9px 15px;margin-top:22px;padding-inline:8px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-preview{padding-inline:20px;margin-top:32px;margin-bottom:-60px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-hero-preview img{max-height:280px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-page[data-page=maya] .content-hero-preview img{max-height:250px;}}
@media(max-width:430px){body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-features{grid-template-columns:1fr;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature{padding:23px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature-icon{width:39px;height:39px;margin-bottom:18px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature h3{font-size:18px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery:not(.content-gallery-reports):not(.content-gallery-apps){grid-template-columns:1fr;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-apps img{height:235px;padding:12px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-card figcaption{font-size:11px;padding:12px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-web img{height:210px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-gallery-reports img{height:205px;padding:7px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate{padding:10px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate img{height:180px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificates{gap:12px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-certificate strong{font-size:11px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-stats>div:nth-child(3){border-left:0;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual{padding:16px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-visual img{height:230px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link{grid-template-columns:95px 1fr;column-gap:16px;padding:18px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link>div{height:105px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link h3{font-size:15px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-logo-grid>div{padding:10px;height:82px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-logo-grid img{height:55px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo{padding:27px 23px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo h2{font-size:27px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-demo .pill{font-size:12px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-links-band>div:last-child{font-size:12px;gap:18px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module>summary{padding:18px;font-size:14px;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-module>ul{padding-left:45px;}}
@media(prefers-reduced-motion:reduce){body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature, body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-product-link{transition:none;}body:is(.page-email, .page-web-design, .page-corporate, .page-maya, .page-mobile, .page-oto, .page-web-app) .content-feature:hover{transform:none;}}


/* ===== web-design-page.css ===== */
/* Refinements scoped to the corporate web design page. */
body.page-web-design main[data-page="design"] .design-intro-visual{background:none;border:0;border-radius:0;padding:0;box-shadow:none;}
body.page-web-design main[data-page="design"] .design-intro-visual img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:0;}
body.page-web-design main[data-page="design"] #calismalar .content-heading{max-width:850px;text-align:center;margin-inline:auto;}
body.page-web-design main[data-page="design"] #calismalar .content-heading p{margin-inline:auto;}
body.page-web-design main[data-page="design"] #calismalar .content-heading>.eyebrow{justify-content:center;}
body.page-web-design main[data-page="design"] #calismalar .content-gallery-card{text-align:center;}
body.page-web-design main[data-page="design"] #calismalar .content-gallery-card img{object-fit:contain;object-position:center;width:100%;height:225px;margin-inline:auto;background:#f6f8fc;padding:10px;}
body.page-web-design main[data-page="design"] #calismalar .content-gallery-card figcaption{text-align:center;}
body.page-web-design .design-feature-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;}
body.page-web-design .design-motion-toggle{display:inline-flex;align-items:center;gap:8px;flex:none;border:1px solid #c8d8ee;border-radius:30px;background:#fff9;color:#42648e;font-family:inherit;font-size:11px;padding:10px 15px;cursor:pointer;}
body.page-web-design .design-motion-toggle:hover{border-color:#054db6;color:#054db6;}
body.page-web-design .design-motion-toggle:focus-visible{outline:2px solid #054db6;outline-offset:3px;}
body.page-web-design .design-marquee{width:100%;overflow:hidden;padding:8px 0 16px;}
body.page-web-design .design-marquee-track{display:flex;width:max-content;animation:design-feature-scroll 55s linear infinite;}
body.page-web-design .design-feature-group{display:flex;gap:18px;padding-right:18px;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature{flex:0 0 290px;width:290px;padding:25px;min-height:218px;margin:0;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature h3{font-size:18px;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature p{font-size:12px;line-height:1.8;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature-icon{width:40px;height:40px;margin-bottom:20px;}
body.page-web-design .design-marquee:hover .design-marquee-track, body.page-web-design .design-marquee:focus-within .design-marquee-track, body.page-web-design .design-feature-section.is-paused .design-marquee-track{animation-play-state:paused;}
@keyframes design-feature-scroll{to{transform:translateX(-50%);}}
@media(max-width:680px){body.page-web-design .design-feature-heading{align-items:flex-start;gap:12px;}body.page-web-design .design-feature-heading h2{font-size:27px;}body.page-web-design .design-motion-toggle{font-size:10px;padding:8px 11px;margin-top:5px;}body.page-web-design .design-motion-toggle [data-motion-label]{display:none;}body.page-web-design main[data-page="design"] .design-feature-group .content-feature{width:255px;flex-basis:255px;padding:22px;min-height:205px;}body.page-web-design .design-feature-group{gap:12px;padding-right:12px;}body.page-web-design main[data-page="design"] #calismalar .content-gallery-card img{height:210px;}}
@media(prefers-reduced-motion:reduce){body.page-web-design .design-marquee-track{animation:none;}body.page-web-design .design-feature-copy{display:none;}body.page-web-design .design-marquee{overflow-x:auto;}body.page-web-design .design-motion-toggle{display:none;}}

/* Dark photographic feature banner. */
body.page-web-design main[data-page="design"] #ozellikler.design-feature-section{position:relative;isolation:isolate;background:linear-gradient(110deg,#04162dea,#0a3568d9),url("images/banner/web-tasarim-banner.png") center/cover no-repeat;overflow:hidden;}
body.page-web-design main[data-page="design"] #ozellikler.design-feature-section::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 0,#4f9cff25,transparent 65%);pointer-events:none;}
body.page-web-design main[data-page="design"] .design-feature-section .content-heading h2{color:#f2f7ff;}
body.page-web-design main[data-page="design"] .design-feature-section .content-heading>.eyebrow{color:#a8ceff;}
body.page-web-design main[data-page="design"] .design-feature-section .content-heading>.eyebrow::before{background:#91bfff;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature{background:#0a2747b8;border-color:#abcfff33;box-shadow:0 12px 35px #00000010;backdrop-filter:blur(8px);}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature h3{color:#f0f7ff;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature p{color:#b9cce4;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature-icon{background:#7abaff16;border-color:#9ac8ff26;color:#a6cfff;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature:hover{border-color:#aacfff77;}

/* Keep project artwork clear; reserve the soft tint for its caption. */
body.page-web-design main[data-page="design"] #calismalar .content-gallery-card img{background:transparent;}
body.page-web-design main[data-page="design"] #calismalar .content-gallery-card figcaption{background:#f6f8fc;}

/* Soft, light cards against the dark photographic banner. */
body.page-web-design main[data-page="design"] .design-feature-group .content-feature{background:linear-gradient(145deg,#f8fbfff5,#e4effcf0);border-color:#ffffffa6;box-shadow:0 10px 28px #00142b18;backdrop-filter:blur(10px);}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature h3{color:#173b65;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature p{color:#58718e;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature-icon{background:#dceaff;border-color:#bed5f6;color:#2364ad;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature:hover{border-color:#fff;box-shadow:0 14px 32px #00142b22;}

body.page-web-design main[data-page="design"] .design-feature-group .content-feature{text-align:center;display:flex;flex-direction:column;align-items:center;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature-icon{margin-inline:auto;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature h3, body.page-web-design main[data-page="design"] .design-feature-group .content-feature p{width:100%;text-align:center;}

/* Compact dark feature cards. */
body.page-web-design main[data-page="design"] .design-feature-group .content-feature{background:#0a2747b8;border-color:#abcfff33;box-shadow:0 10px 28px #00142b18;min-height:0;padding:19px 23px;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature h3{color:#f0f7ff;font-size:16px;margin:0 0 8px;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature p{color:#b9cce4;font-size:11px;line-height:1.65;margin:0;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature-icon{width:33px;height:33px;margin-bottom:12px;background:#7abaff16;border-color:#9ac8ff26;color:#a6cfff;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature-icon svg{width:19px;height:19px;}
body.page-web-design main[data-page="design"] .design-feature-group .content-feature:hover{border-color:#aacfff77;}
@media(max-width:680px){body.page-web-design main[data-page="design"] .design-feature-group .content-feature{min-height:0;padding:17px 20px;}}

/* Center the closing call to action across desktop and mobile. */
body.page-web-design main[data-page="design"] .big-cta, body.page-web-design main[data-page="design"] .big-cta>.wrap{text-align:center;}
body.page-web-design main[data-page="design"] .big-cta h2{margin-inline:auto;text-align:center;}
body.page-web-design main[data-page="design"] .big-cta .lead{color:#e1edff;margin-inline:auto;text-align:center;}
body.page-web-design main[data-page="design"] .big-cta .action-row{justify-content:center;}


/* ===== mobile-app-page.css ===== */
/* Mobile application page refinements inspired by the web-design page. */
body.page-mobile main[data-page="mobile"] .mobile-intro-visual{background:none;border:0;border-radius:0;padding:0;box-shadow:none;}
body.page-mobile main[data-page="mobile"] .mobile-intro-visual img{height:auto;max-height:410px;object-fit:contain;border-radius:0;cursor:default;}
body.page-mobile main[data-page="mobile"] #ozellikler.mobile-feature-section{position:relative;isolation:isolate;background:linear-gradient(110deg,#04162dea,#0a3568d9),url("images/banner/hizmetler-banner.jpeg") center/cover no-repeat;overflow:hidden;}
body.page-mobile main[data-page="mobile"] .mobile-feature-section::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 0,#4f9cff25,transparent 65%);pointer-events:none;}
body.page-mobile main[data-page="mobile"] .mobile-feature-section .content-heading h2{color:#f2f7ff;}
body.page-mobile main[data-page="mobile"] .mobile-feature-section .content-heading>.eyebrow{color:#a8ceff;}
body.page-mobile main[data-page="mobile"] .mobile-feature-section .content-heading>.eyebrow::before{background:#91bfff;}
body.page-mobile .mobile-feature-marquee{width:100%;overflow:hidden;padding:8px 0 16px;}
body.page-mobile .mobile-feature-track{display:flex;width:max-content;animation:mobile-feature-scroll 55s linear infinite;}
body.page-mobile .mobile-feature-group{display:flex;gap:18px;padding-right:18px;}
body.page-mobile main[data-page="mobile"] .mobile-feature-group .content-feature{flex:0 0 270px;width:270px;min-height:0;margin:0;padding:18px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#0a2747b8;border-color:#abcfff33;box-shadow:0 10px 28px #00142b18;backdrop-filter:blur(8px);}
body.page-mobile main[data-page="mobile"] .mobile-feature-group .content-feature h3{width:100%;margin:0 0 8px;color:#f0f7ff;font-size:16px;text-align:center;}
body.page-mobile main[data-page="mobile"] .mobile-feature-group .content-feature p{width:100%;margin:0;color:#b9cce4;font-size:11px;line-height:1.65;text-align:center;}
body.page-mobile main[data-page="mobile"] .mobile-feature-group .content-feature-icon{width:33px;height:33px;margin:0 auto 12px;background:#7abaff16;border-color:#9ac8ff26;color:#a6cfff;}
body.page-mobile main[data-page="mobile"] .mobile-feature-group .content-feature-icon svg{width:19px;height:19px;}
body.page-mobile .mobile-feature-marquee:hover .mobile-feature-track, body.page-mobile .mobile-feature-marquee:focus-within .mobile-feature-track{animation-play-state:paused;}
@keyframes mobile-feature-scroll{to{transform:translateX(-50%);}}
body.page-mobile main[data-page="mobile"] #calismalar .content-heading{max-width:850px;text-align:center;margin-inline:auto;}
body.page-mobile main[data-page="mobile"] #calismalar .content-heading p{margin-inline:auto;}
body.page-mobile main[data-page="mobile"] #calismalar .content-heading>.eyebrow{justify-content:center;}
body.page-mobile main[data-page="mobile"] #calismalar .content-gallery-apps .content-gallery-card{text-align:center;}
body.page-mobile main[data-page="mobile"] #calismalar .content-gallery-apps .content-gallery-card img{background:transparent;object-fit:contain;margin-inline:auto;}
body.page-mobile main[data-page="mobile"] #calismalar .content-gallery-apps .content-gallery-card figcaption{text-align:center;background:#f6f8fc;}
body.page-mobile main[data-page="mobile"] .big-cta, body.page-mobile main[data-page="mobile"] .big-cta>.wrap{text-align:center;}
body.page-mobile main[data-page="mobile"] .big-cta h2, body.page-mobile main[data-page="mobile"] .big-cta .lead{margin-inline:auto;text-align:center;}
body.page-mobile main[data-page="mobile"] .big-cta .lead{color:#e1edff;}
body.page-mobile main[data-page="mobile"] .big-cta .action-row{justify-content:center;}
@media(max-width:680px){body.page-mobile .mobile-feature-group{gap:12px;padding-right:12px;}body.page-mobile main[data-page="mobile"] .mobile-feature-group .content-feature{width:245px;flex-basis:245px;padding:16px 18px;}body.page-mobile main[data-page="mobile"] #calismalar .content-gallery-apps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){body.page-mobile .mobile-feature-track{animation:none;}body.page-mobile .mobile-feature-copy{display:none;}body.page-mobile .mobile-feature-marquee{overflow-x:auto;}}


/* ===== oto-product.css ===== */
/* Dedicated product presentation; shared site navigation is unchanged. */
body.page-oto main[data-page=oto]{--oe-navy:#071c38;--oe-blue:#054db6;--oe-muted:#6d819c;}
body.page-oto .oe-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#05152df2,#092f61dc),url('images/banner/oto-ekspertiz-banner.jpg') center/cover;color:#fff;padding:146px 0 0;}
body.page-oto .oe-hero::after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#a4cfff38 .8px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(120deg,transparent 15%,#000);}
body.page-oto .oe-hero-glow{position:absolute;z-index:-1;width:760px;height:760px;right:-250px;top:-180px;background:radial-gradient(circle,#2879e855,transparent 68%);}
body.page-oto .oe-hero .content-wrap{max-width:1280px;}body.page-oto .oe-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center;padding-bottom:62px;}
body.page-oto .oe-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:650;color:#bdd8fb;}body.page-oto .oe-label i{width:6px;height:6px;border-radius:50%;background:#88cfff;box-shadow:0 0 16px #72bcff;}
body.page-oto .oe-hero h1{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(35px,3.4vw,49px);line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:24px 0;color:#fff;}body.page-oto .oe-hero h1 span{color:#a9d2ff;}body.page-oto .oe-hero-copy>p{max-width:420px;color:#b6c9e3;font-size:15px;line-height:1.85;margin:0 0 28px;}body.page-oto .oe-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}body.page-oto .oe-actions .pill{min-height:49px;font-size:12px;padding:14px 22px;}body.page-oto .oe-text-link{display:inline-flex;align-items:center;gap:10px;color:#c8dcf5;font-size:12px;}body.page-oto .oe-text-link:hover{color:#fff;}body.page-oto .oe-hero-note{font-size:10px;color:#93b0d3;margin-top:23px;display:flex;gap:8px;}body.page-oto .oe-hero-note>span{color:#91cfce;}
body.page-oto .oe-product-stage{position:relative;min-width:0;border-radius:20px;border:1px solid #afcfff30;background:linear-gradient(140deg,#ffffff14,#ffffff04);padding:0 16px;box-shadow:0 24px 70px #0003;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:transform .4s;}body.page-oto .oe-product-stage:hover{transform:perspective(1200px) rotateY(0) rotateX(0);}body.page-oto .oe-stage-top{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.11em;color:#99b8dd;padding:19px 5px;}body.page-oto .oe-stage-top>span:first-child{display:flex;align-items:center;gap:8px;}body.page-oto .oe-stage-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82cbf3;}body.page-oto .oe-product-stage>img{width:100%;height:auto;max-height:340px;object-fit:contain;display:block;filter:drop-shadow(0 14px 20px #0004);}body.page-oto .oe-stage-footer{padding:18px 6px;display:flex;justify-content:space-between;align-items:center;}body.page-oto .oe-stage-footer b{font-size:12px;font-weight:500;display:block;color:#e3f0ff;}body.page-oto .oe-stage-footer small{display:block;font-size:9px;color:#8ba8cd;margin-top:7px;}body.page-oto .oe-stage-symbol{display:grid;place-items:center;width:30px;height:30px;border:1px solid #a6c9ff40;border-radius:50%;color:#c3ddff;}
body.page-oto .oe-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:29px 0 31px;border-top:1px solid #a9cfff25;}body.page-oto .oe-metrics>div{display:flex;align-items:center;gap:16px;padding:0 25px;border-right:1px solid #a9cfff25;}body.page-oto .oe-metrics>div:first-child{padding-left:0;}body.page-oto .oe-metrics>div:last-child{border:0;}body.page-oto .oe-metrics strong{font-size:30px;font-weight:500;letter-spacing:-.05em;color:#f4f9ff;}body.page-oto .oe-metrics span{font-size:11px;color:#9cb7da;line-height:1.5;max-width:95px;}
body.page-oto .oe-section-nav{background:#fff;border-bottom:1px solid #e1e9f3;}body.page-oto .oe-section-nav>.content-wrap{display:flex;justify-content:center;gap:36px;}body.page-oto .oe-section-nav a{padding:21px 0;font-size:13px;font-weight:550;color:#58718e;white-space:nowrap;}body.page-oto .oe-section-nav a:hover{color:#054db6;}
body.page-oto main[data-page=oto]>.content-section{padding:76px 0;}body.page-oto main[data-page=oto] section[id]{scroll-margin-top:95px;}body.page-oto main[data-page=oto] h2{font-size:clamp(29px,3vw,39px);letter-spacing:-.05em;line-height:1.15;}body.page-oto .oe-section-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px;}body.page-oto .oe-kicker{font-size:9px;font-weight:650;letter-spacing:.17em;color:#4877ab;}body.page-oto .oe-section-intro h2{margin-bottom:0;}body.page-oto .oe-section-intro>p{max-width:380px;color:#7a8ba1;font-size:14px;line-height:1.8;margin:0;}
body.page-oto .oe-showcase{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #dce6f3;border-radius:22px;overflow:hidden;box-shadow:0 18px 60px #1e41690b;}body.page-oto .oe-tabs{background:#f4f7fc;padding:15px;display:flex;flex-direction:column;gap:7px;}body.page-oto .oe-tabs button{text-align:left;padding:18px 16px;border:1px solid transparent;background:transparent;border-radius:12px;cursor:pointer;color:#6f8198;display:grid;grid-template-columns:27px 1fr;gap:6px;font-family:inherit;}body.page-oto .oe-tabs button>span{grid-row:span 2;font-size:10px;margin-top:3px;color:#8aa0bc;}body.page-oto .oe-tabs b{font-size:13px;font-weight:600;}body.page-oto .oe-tabs small{font-size:10px;line-height:1.6;color:#8393a9;}body.page-oto .oe-tabs button[aria-selected=true]{background:#fff;border-color:#dce6f3;box-shadow:0 5px 15px #19395b05;color:#054db6;}body.page-oto .oe-tabs button:focus-visible{outline:2px solid #054db6;outline-offset:2px;}body.page-oto .oe-screen{min-width:0;background:linear-gradient(145deg,#fff,#f0f5fc);padding:0 22px 15px;}body.page-oto .oe-window-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 2px;font-size:10px;color:#7b91af;border-bottom:1px solid #dfE7f1;}body.page-oto .oe-window-bar>span:first-child{color:#bfcede;font-size:8px;letter-spacing:3px;}body.page-oto .oe-screen-image{height:330px;display:grid;place-items:center;padding:20px 0;}body.page-oto .oe-screen-image img{max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:7px;filter:drop-shadow(0 8px 12px #16345612);}body.page-oto .oe-screen>p{font-size:11px;line-height:1.7;color:#7c8ea6;margin:0;min-height:38px;}
body.page-oto main[data-page=oto] .content-features{gap:14px;}body.page-oto main[data-page=oto] .content-feature{border-radius:17px;padding:25px;box-shadow:none;}body.page-oto main[data-page=oto] .content-feature:first-child{background:#092d5b;border-color:#092d5b;}body.page-oto main[data-page=oto] .content-feature:first-child h3{color:#fff;}body.page-oto main[data-page=oto] .content-feature:first-child p{color:#a7c0df;}body.page-oto main[data-page=oto] .content-feature:first-child .content-feature-icon{background:#ffffff12;color:#9ecfff;}
body.page-oto main[data-page=oto] .content-vehicles{gap:10px;}body.page-oto main[data-page=oto] .content-vehicles figure{background:#f7f9fc;border:1px solid #e7edf5;border-radius:15px;padding:13px;}body.page-oto main[data-page=oto] .content-gallery-reports{gap:20px;}body.page-oto main[data-page=oto] .content-gallery-reports .content-gallery-card{border-radius:13px;padding:1px 0 0;box-shadow:0 12px 35px #183a6510;transition:transform .25s;}body.page-oto main[data-page=oto] .content-gallery-reports .content-gallery-card:hover{transform:translateY(-5px);}body.page-oto main[data-page=oto] .content-gallery-reports img{height:290px;object-fit:contain;background:#fff;}body.page-oto main[data-page=oto] .content-gallery-reports figcaption{padding:16px 0;font-size:10px;color:#6f83a0;}body.page-oto main[data-page=oto] .content-gallery-more{border-radius:12px;background:#fff;}body.page-oto main[data-page=oto] .content-gallery-more summary{padding:20px;}
body.page-oto main[data-page=oto]>.oe-modules.content-soft{background:#091e3a;}body.page-oto main[data-page=oto] .oe-modules .content-heading h2{color:#ecf5ff;}body.page-oto main[data-page=oto] .oe-modules .content-heading>.eyebrow{color:#94b9e8;}body.page-oto main[data-page=oto] .oe-modules .content-heading>p{color:#8fa8c8;}body.page-oto main[data-page=oto] .oe-modules details{background:#ffffff06;border-color:#94b9eb25;}body.page-oto main[data-page=oto] .oe-modules summary{color:#dbeaff;}body.page-oto main[data-page=oto] .oe-modules li{color:#a9bed9;}body.page-oto main[data-page=oto] .oe-modules details[open]{background:#ffffff0b;}body.page-oto main[data-page=oto] .content-certificates{gap:15px;}body.page-oto main[data-page=oto] .content-demo{border-radius:24px;background:radial-gradient(ellipse at 90% 0,#2d80d9aa,transparent 60%),#0a3266;padding:42px;}
@media(max-width:1020px){body.page-oto .oe-hero{padding-top:126px;}body.page-oto .oe-hero-grid{gap:28px;}body.page-oto .oe-hero h1{font-size:37px;}body.page-oto .oe-hero-copy>p{font-size:14px;}body.page-oto .oe-metrics>div{padding:0 16px;gap:10px;}body.page-oto .oe-metrics strong{font-size:26px;}body.page-oto .oe-metrics span{font-size:10px;}body.page-oto .oe-showcase{grid-template-columns:240px minmax(0,1fr);}body.page-oto .oe-screen-image{height:300px;}}
@media(max-width:760px){body.page-oto .oe-hero{padding-top:112px;}body.page-oto .oe-hero-grid{grid-template-columns:1fr;gap:34px;padding-bottom:30px;}body.page-oto .oe-hero h1{font-size:37px;max-width:500px;margin:20px 0;}body.page-oto .oe-hero-copy>p{max-width:460px;}body.page-oto .oe-product-stage{transform:none;padding:0 12px;}body.page-oto .oe-product-stage>img{max-height:280px;}body.page-oto .oe-hero-note{margin-top:17px;}body.page-oto .oe-metrics{grid-template-columns:repeat(2,1fr);gap:22px 0;padding:24px 0;}body.page-oto .oe-metrics>div{padding:0 15px!important;}body.page-oto .oe-metrics>div:nth-child(odd){padding-left:0!important;}body.page-oto .oe-metrics>div:nth-child(even){border:0;}body.page-oto .oe-metrics span{max-width:none;font-size:10px;}body.page-oto .oe-section-nav>.content-wrap{gap:25px;overflow-x:auto;justify-content:flex-start;}body.page-oto .oe-section-nav a{padding:18px 0;font-size:12px;}body.page-oto .oe-section-intro{display:block;}body.page-oto .oe-section-intro>p{margin-top:17px;}body.page-oto .oe-showcase{grid-template-columns:1fr;}body.page-oto .oe-tabs{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:5px;}body.page-oto .oe-tabs button{padding:12px 9px;grid-template-columns:19px 1fr;gap:4px;}body.page-oto .oe-tabs b{font-size:11px;}body.page-oto .oe-tabs small{font-size:9px;}body.page-oto .oe-tabs button>span{font-size:9px;}body.page-oto .oe-screen{padding:0 15px 14px;}body.page-oto .oe-screen-image{height:290px;}body.page-oto main[data-page=oto]>.content-section{padding:50px 0;}body.page-oto main[data-page=oto] .content-wrap{padding-inline:20px;}body.page-oto main[data-page=oto] h2{font-size:29px;}body.page-oto main[data-page=oto] .content-gallery-reports{gap:12px;}body.page-oto main[data-page=oto] .content-gallery-reports .content-gallery-card{padding:8px 8px 0;}body.page-oto main[data-page=oto] .content-gallery-reports img{height:215px;}body.page-oto main[data-page=oto] .content-gallery-reports figcaption{font-size:9px;line-height:1.5;}body.page-oto main[data-page=oto] .content-demo{padding:28px;}}
@media(max-width:380px){body.page-oto .oe-hero h1{font-size:32px;}body.page-oto .oe-actions{gap:18px;}body.page-oto .oe-actions .pill{font-size:11px;padding:12px 17px;}body.page-oto .oe-screen-image{height:240px;}body.page-oto .oe-tabs small{display:none;}body.page-oto .oe-tabs button>span{grid-row:auto;}body.page-oto .oe-metrics strong{font-size:25px;}}
@media(prefers-reduced-motion:reduce){body.page-oto .oe-product-stage, body.page-oto main[data-page=oto] .content-gallery-card{transition:none!important;transform:none!important;}}

/* Keep the product navigation immediately below the fixed site header. */
body.page-oto .oe-section-nav{position:fixed;left:0;right:0;top:var(--oe-header-height,68px);z-index:39;box-shadow:0 5px 18px #16345908;background:#fffffff5;backdrop-filter:blur(14px);}
body.page-oto .oe-section-nav a{position:relative;padding-block:16px;}
body.page-oto .oe-section-nav a[aria-current="location"]{color:#054db6;}
body.page-oto .oe-section-nav a[aria-current="location"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#054db6;}
body.page-oto .oe-hero{padding-top:calc(146px + var(--oe-nav-height,49px));}
body.page-oto main[data-page=oto] section[id]{scroll-margin-top:calc(var(--oe-header-height,68px) + var(--oe-nav-height,49px) + 22px);}
@media(max-width:1020px){body.page-oto .oe-hero{padding-top:calc(126px + var(--oe-nav-height,49px));}}
@media(max-width:760px){body.page-oto .oe-hero{padding-top:calc(105px + var(--oe-nav-height,47px));}body.page-oto .oe-section-nav a{padding-block:15px;}body.page-oto .oe-section-nav>.content-wrap{scrollbar-width:none;}body.page-oto .oe-section-nav>.content-wrap::-webkit-scrollbar{display:none;}}

body.page-oto main[data-page="oto"] .oto-reference-section{background:linear-gradient(145deg,#f2f6fc,#fff);}
body.page-oto main[data-page="oto"] .oto-reference-section .content-heading{text-align:center;margin-inline:auto;}
body.page-oto main[data-page="oto"] .oto-reference-section .content-heading>.eyebrow{justify-content:center;}
body.page-oto main[data-page="oto"] .oto-reference-section .content-heading>p{margin-inline:auto;}
body.page-oto main[data-page="oto"] .oto-reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;}
body.page-oto main[data-page="oto"] .oto-reference-card{min-width:0;margin:0;overflow:hidden;border:1px solid #e2eaf5;border-radius:14px;background:#fff;}
body.page-oto main[data-page="oto"] .oto-reference-logo{height:112px;padding:12px;display:grid;place-items:center;background:#f7f9fc;}
body.page-oto main[data-page="oto"] .oto-reference-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);transition:filter .25s ease;}
body.page-oto main[data-page="oto"] .oto-reference-card:hover img{filter:grayscale(0);}
body.page-oto main[data-page="oto"] .oto-reference-card figcaption{min-height:38px;padding:9px 7px;text-align:center;font-size:9px;line-height:1.4;color:#56708e;background:#fff;}
@media(max-width:1020px){body.page-oto main[data-page="oto"] .oto-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:680px){body.page-oto main[data-page="oto"] .oto-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}body.page-oto main[data-page="oto"] .oto-reference-logo{height:88px;padding:8px;}body.page-oto main[data-page="oto"] .oto-reference-card figcaption{font-size:8px;padding:8px 4px;}}
@media(prefers-reduced-motion:reduce){body.page-oto main[data-page="oto"] .oto-reference-logo img{transition:none;}}

/* Focused destinations in the sticky Oto Ekspertiz navigation. */
body.page-oto .oe-system-section{position:relative;isolation:isolate;overflow:hidden;}
body.page-oto .oe-system-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(34px,6vw,84px);}
body.page-oto .oe-system-grid-reverse .oe-system-copy{grid-column:2;grid-row:1;}
body.page-oto .oe-system-grid-reverse .oe-system-visual{grid-column:1;grid-row:1;}
body.page-oto .oe-system-copy h2{max-width:520px;margin:15px 0 18px;color:#153657;}
body.page-oto .oe-system-copy>p{max-width:530px;color:#6f829b;font-size:14px;line-height:1.9;margin:0;}
body.page-oto .oe-system-points{display:grid;gap:10px;margin:24px 0;padding:0;list-style:none;color:#516b89;font-size:12px;}
body.page-oto .oe-system-points li{display:flex;align-items:flex-start;gap:10px;}
body.page-oto .oe-system-points li::before{content:"✓";display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#eaf2ff;color:#2463b8;font-size:11px;font-weight:700;}
body.page-oto .oe-system-link{display:inline-flex;align-items:center;gap:10px;color:#1556aa;font-size:12px;font-weight:650;}
body.page-oto .oe-system-link:hover{color:#082e63;}
body.page-oto .oe-system-visual{min-width:0;margin:0;padding:19px;border:1px solid #dfe8f4;border-radius:19px;background:#fff;box-shadow:0 22px 55px #183a6510;}
body.page-oto .oe-system-visual img{display:block;width:100%;height:350px;object-fit:contain;}
body.page-oto .oe-system-visual figcaption{padding:12px 2px 0;text-align:center;font-size:10px;color:#7185a0;}
/* Keep logo fields white; logos are monochrome until hovered or keyboard-focused. */
body.page-oto main[data-page="oto"] .oto-reference-logo{background:#fff;}
body.page-oto main[data-page="oto"] .oto-reference-logo img{filter:grayscale(1);transition:filter .25s ease;}
body.page-oto main[data-page="oto"] .oto-reference-card:hover .oto-reference-logo img, body.page-oto main[data-page="oto"] .oto-reference-card:focus-within .oto-reference-logo img{filter:grayscale(0);}
@media(max-width:760px){body.page-oto .oe-system-grid{grid-template-columns:1fr;gap:24px;}body.page-oto .oe-system-grid-reverse .oe-system-copy, body.page-oto .oe-system-grid-reverse .oe-system-visual{grid-column:auto;grid-row:auto;}body.page-oto .oe-system-visual{padding:12px;border-radius:15px;}body.page-oto .oe-system-visual img{height:260px;}body.page-oto .oe-system-copy>p{font-size:13px;}body.page-oto .oe-system-points{margin:18px 0;}}

/* High-impact, tab-free bodywork experience. */
body.page-oto main[data-page="oto"]>.oe-bodywork.content-section{position:relative;isolation:isolate;overflow:hidden;padding:84px 0 88px;background:radial-gradient(ellipse at 88% 49%,#103c70 0,#0b2d55 32%,transparent 67%),linear-gradient(120deg,#06172d,#09264a 60%,#0b2e59);color:#fff;}
body:is(.page-oto, .home-focus) .oe-bodywork::before{position:absolute;z-index:-1;inset:0;content:"";opacity:.17;background-image:linear-gradient(#a8cfff12 1px,transparent 1px),linear-gradient(90deg,#a8cfff12 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000);}
body:is(.page-oto, .home-focus) .oe-bodywork-grid{display:grid;grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(35px,6vw,86px);}
body:is(.page-oto, .home-focus) .oe-bodywork-copy{position:relative;z-index:2;}
body:is(.page-oto, .home-focus) .oe-bodywork .oe-kicker{color:#91baff;}
body:is(.page-oto, .home-focus) .oe-bodywork-copy h2{margin:17px 0 20px;color:#f7fbff;font-size:clamp(35px,4vw,54px);line-height:1.08;letter-spacing:-.06em;}
body:is(.page-oto, .home-focus) .oe-bodywork-copy h2 span{color:transparent;background:linear-gradient(100deg,#ffd05c 0%,#feb301 57%,#ffe39b 100%);-webkit-background-clip:text;background-clip:text;}
body:is(.page-oto, .home-focus) .oe-bodywork-copy>p{max-width:465px;margin:0;color:#b4c9e2;font-size:14px;line-height:1.9;}
body:is(.page-oto, .home-focus) .oe-bodywork-cta{display:inline-flex;align-items:center;gap:14px;margin-top:25px;padding:13px 18px;border:1px solid #8abaff72;border-radius:999px;color:#fff;font-size:11px;font-weight:650;transition:background .2s,border-color .2s;}
body:is(.page-oto, .home-focus) .oe-bodywork-cta:hover{background:#ffffff12;border-color:#b5d4ff;}
body:is(.page-oto, .home-focus) .oe-bodywork-highlights{display:grid;gap:15px;margin-top:32px;}
body:is(.page-oto, .home-focus) .oe-bodywork-highlights>div{display:flex;align-items:flex-start;gap:13px;}
body:is(.page-oto, .home-focus) .oe-bodywork-highlights>div>b{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid #80b9ff50;border-radius:8px;color:#9ccaff;font-size:9px;font-weight:600;}
body:is(.page-oto, .home-focus) .oe-bodywork-highlights>div>span{color:#edf5ff;font-size:11px;font-weight:600;line-height:1.4;}
body:is(.page-oto, .home-focus) .oe-bodywork-highlights small{display:block;margin-top:3px;color:#92abc8;font-size:9px;font-weight:400;}
body:is(.page-oto, .home-focus) .oe-bodywork-visual{position:relative;min-width:0;padding:19px 0 16px;}
body:is(.page-oto, .home-focus) .oe-bodywork-glow{position:absolute;inset:8% -9% 0 8%;border-radius:50%;background:#4297ff28;filter:blur(52px);pointer-events:none;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame{position:relative;z-index:1;overflow:hidden;padding:0 15px 12px;border:1px solid #a6caff35;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#eaf2fc);box-shadow:0 28px 70px #0005;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);}
body:is(.page-oto, .home-focus) .oe-bodywork-frame-head, body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame-head{height:42px;color:#56708f;font-size:8px;font-weight:650;letter-spacing:.1em;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame-head span:first-child{display:flex;align-items:center;gap:8px;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame-head i{width:6px;height:6px;border-radius:50%;background:#e7353e;box-shadow:0 0 12px #e7353e8c;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame-head span:last-child{font-size:7px;color:#8ca0ba;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame>img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;border-radius:10px;background:#fff;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{justify-content:flex-start;gap:22px;padding:12px 3px 1px;color:#61758f;font-size:8px;}
body.page-oto .oe-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;vertical-align:0;}
body.page-oto .oe-dot-blue{background:#1889cb}body.page-oto .oe-dot-red{background:#ef3138}body.page-oto .oe-dot-violet{background:#8a2cc7}
body:is(.page-oto, .home-focus) .oe-bodywork-stamp{position:absolute;z-index:2;top:-2px;right:-19px;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #b9d9ff5c;border-radius:13px;background:#0b2b51eF;box-shadow:0 12px 35px #020a1680;transform:rotate(4deg);}
body:is(.page-oto, .home-focus) .oe-bodywork-stamp strong{color:#9dccff;font-size:24px;font-weight:600;letter-spacing:-.06em;}body:is(.page-oto, .home-focus) .oe-bodywork-stamp span{color:#c4daf2;font-size:7px;line-height:1.3;letter-spacing:.1em;}
body:is(.page-oto, .home-focus) .oe-bodywork-callout{position:absolute;z-index:2;right:-25px;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #ffffff30;border-radius:14px;background:#09274beF;box-shadow:0 14px 34px #020a1680;}
body:is(.page-oto, .home-focus) .oe-callout-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#53d6a0;color:#062e3b;font-size:12px;font-weight:800;}
body:is(.page-oto, .home-focus) .oe-bodywork-callout b{display:block;color:#f3f8ff;font-size:9px;}body:is(.page-oto, .home-focus) .oe-bodywork-callout small{display:block;margin-top:3px;color:#9cb5d2;font-size:8px;}
@media(max-width:900px){body:is(.page-oto, .home-focus) .oe-bodywork-grid{grid-template-columns:minmax(270px,.86fr) minmax(0,1.14fr);gap:30px;}body:is(.page-oto, .home-focus) .oe-bodywork-copy h2{font-size:38px;}body:is(.page-oto, .home-focus) .oe-bodywork-callout{right:-8px;}}
@media(max-width:760px){body.page-oto main[data-page="oto"]>.oe-bodywork.content-section{padding:58px 0 64px;}body:is(.page-oto, .home-focus) .oe-bodywork-grid{grid-template-columns:1fr;gap:26px;}body:is(.page-oto, .home-focus) .oe-bodywork-copy h2{font-size:36px;}body:is(.page-oto, .home-focus) .oe-bodywork-copy>p{font-size:13px;}body:is(.page-oto, .home-focus) .oe-bodywork-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px;}body:is(.page-oto, .home-focus) .oe-bodywork-cta{margin-top:21px;}body:is(.page-oto, .home-focus) .oe-bodywork-visual{padding:9px 4px 13px;}body:is(.page-oto, .home-focus) .oe-bodywork-frame{padding-inline:9px;border-radius:15px;transform:none;}body:is(.page-oto, .home-focus) .oe-bodywork-frame>img{max-height:none;}body:is(.page-oto, .home-focus) .oe-bodywork-frame-head{height:35px;font-size:7px;}body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{gap:14px;padding-top:9px;font-size:7px;}body:is(.page-oto, .home-focus) .oe-bodywork-stamp{top:-6px;right:-2px;padding:8px 10px;}body:is(.page-oto, .home-focus) .oe-bodywork-stamp strong{font-size:20px;}body:is(.page-oto, .home-focus) .oe-bodywork-callout{right:0;bottom:-4px;padding:9px 12px;}}
@media(max-width:380px){body:is(.page-oto, .home-focus) .oe-bodywork-copy h2{font-size:32px;}body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{gap:9px;}body:is(.page-oto, .home-focus) .oe-bodywork-callout{right:-2px;}}
@media(prefers-reduced-motion:reduce){body:is(.page-oto, .home-focus) .oe-bodywork-cta{transition:none;}}

/* Pricing: three clear terms, with the annual plan as the strongest value. */
body.page-oto .oe-pricing-section{position:relative;overflow:hidden;background:linear-gradient(155deg,#f3f7fd 0,#fff 56%,#edf4fc 100%);}
body.page-oto .oe-pricing-heading{max-width:660px;margin:0 auto 35px;text-align:center;}
body.page-oto .oe-pricing-heading .oe-kicker{color:#4778b2;}
body.page-oto .oe-pricing-heading h2{margin:14px 0 11px;color:#173657;}
body.page-oto .oe-pricing-heading>p{max-width:520px;margin:0 auto;color:#71839b;font-size:13px;line-height:1.8;}
body.page-oto .oe-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:15px;}
body.page-oto .oe-price-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:25px 23px 22px;border:1px solid #dce6f2;border-radius:19px;background:#fff;box-shadow:0 15px 40px #18395f09;}
body.page-oto .oe-price-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7690af;font-size:8px;font-weight:700;letter-spacing:.13em;}
body.page-oto .oe-price-duration{padding:7px 9px;border:1px solid #e4ebf5;border-radius:999px;color:#53729a;font-size:8px;letter-spacing:.08em;}
body.page-oto .oe-price-card h3{margin:22px 0 6px;color:#173657;font-size:20px;font-weight:650;letter-spacing:-.035em;}
body.page-oto .oe-price-description{min-height:21px;margin:0;color:#74869d;font-size:11px;}
body.page-oto .oe-price-amount{display:flex;align-items:baseline;gap:5px;margin-top:23px;color:#173657;}
body.page-oto .oe-price-amount strong{font-size:34px;font-weight:650;letter-spacing:-.055em;line-height:1;}
body.page-oto .oe-price-amount>span{color:#788ba4;font-size:10px;}
body.page-oto .oe-price-equivalent{margin:8px 0 22px;color:#71839b;font-size:9px;}
body.page-oto .oe-price-button{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:12px 14px;border:1px solid #dbe6f3;border-radius:11px;color:#1b4d89;font-size:10px;font-weight:650;transition:background .2s,border-color .2s,color .2s;}
body.page-oto .oe-price-button:hover{border-color:#8db7ed;background:#f3f8ff;color:#063e8d;}
body.page-oto .oe-price-card-featured{padding:27px 24px 24px;border:1px solid #123e73;background:radial-gradient(ellipse at 90% 0,#2569ad 0,transparent 55%),linear-gradient(145deg,#092443,#0c3565);box-shadow:0 22px 55px #0b2e5a2b;transform:translateY(-8px);}
body.page-oto .oe-price-ribbon{position:absolute;top:0;right:19px;padding:7px 10px;border-radius:0 0 8px 8px;background:#a8d3ff;color:#103967;font-size:7px;font-weight:800;letter-spacing:.1em;}
body.page-oto .oe-price-card-featured .oe-price-card-top{color:#b6d3f4;}body.page-oto .oe-price-card-featured .oe-price-duration{border-color:#c4def52a;color:#d7e9ff;}
body.page-oto .oe-price-card-featured h3{color:#fff;}body.page-oto .oe-price-card-featured .oe-price-description, body.page-oto .oe-price-card-featured .oe-price-equivalent{color:#b1c9e4;}
body.page-oto .oe-price-card-featured .oe-price-amount{color:#fff;}body.page-oto .oe-price-card-featured .oe-price-amount>span{color:#b1c9e4;}
body.page-oto .oe-price-old{display:flex;align-items:center;gap:9px;margin-top:16px;color:#b9cce2;font-size:9px;}body.page-oto .oe-price-old del{color:#a3bad5;}body.page-oto .oe-price-old>span{padding:5px 8px;border:1px solid #9cc4f447;border-radius:999px;color:#c7e2ff;font-size:8px;}
body.page-oto .oe-price-card-featured .oe-price-amount{margin-top:11px;}body.page-oto .oe-price-card-featured .oe-price-button{border-color:#fff;background:#fff;color:#0a3b72;}body.page-oto .oe-price-card-featured .oe-price-button:hover{background:#dcecff;}
body.page-oto .oe-included{display:grid;grid-template-columns:minmax(205px,.72fr) minmax(0,1.28fr);gap:34px;align-items:center;margin-top:30px;padding:26px 28px;border:1px solid #dae5f2;border-radius:18px;background:#fff;box-shadow:0 14px 36px #17395f08;}
body.page-oto .oe-included-heading .oe-kicker{font-size:8px;}body.page-oto .oe-included-heading h3{margin:10px 0 7px;color:#173657;font-size:19px;font-weight:650;letter-spacing:-.04em;line-height:1.2;}
body.page-oto .oe-included-heading>p{margin:0;color:#75869b;font-size:10px;line-height:1.7;}
body.page-oto .oe-included-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px;}
body.page-oto .oe-included-grid>div{display:flex;align-items:center;gap:9px;color:#405b7c;font-size:9px;line-height:1.4;}
body.page-oto .oe-included-grid>div>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #dfeafa;border-radius:8px;background:#f3f7fd;color:#2862a6;font-size:13px;}
body.page-oto .oe-included-grid b{font-weight:600;}
@media(max-width:900px){body.page-oto .oe-pricing-grid{gap:10px;}body.page-oto .oe-price-card, body.page-oto .oe-price-card-featured{padding-inline:17px;}body.page-oto .oe-price-card h3{font-size:18px;}body.page-oto .oe-price-amount strong{font-size:29px;}body.page-oto .oe-included{grid-template-columns:1fr;gap:18px;}}
@media(max-width:760px){body.page-oto .oe-pricing-heading{margin-bottom:25px;}body.page-oto .oe-pricing-heading>p{font-size:12px;}body.page-oto .oe-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}body.page-oto .oe-price-card, body.page-oto .oe-price-card-featured{padding:20px;border-radius:16px;transform:none;}body.page-oto .oe-price-card h3{margin-top:16px;}body.page-oto .oe-price-amount{margin-top:17px;}body.page-oto .oe-price-equivalent{margin-bottom:15px;}body.page-oto .oe-price-button{margin-top:0;}body.page-oto .oe-included{margin-top:18px;padding:20px 17px;border-radius:16px;}body.page-oto .oe-included-heading h3{font-size:18px;}body.page-oto .oe-included-grid{gap:10px;}body.page-oto main[data-page=oto] #fiyatlar{scroll-margin-top:calc(var(--oe-header-height,68px) + var(--oe-nav-height,49px) + 20px);}}
@media(max-width:400px){body.page-oto .oe-included-grid{grid-template-columns:1fr;}body.page-oto .oe-price-amount strong{font-size:31px;}}
@media(prefers-reduced-motion:reduce){body.page-oto .oe-price-button{transition:none;}}

/* Clear grouped list of vehicle body types and configurations. */
body.page-oto .oe-vehicle-types{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 8%,#e9f2ff 0,transparent 43%),linear-gradient(160deg,#fff,#f5f8fc 70%,#edf4fc);}
body.page-oto .oe-vehicle-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px;}
body.page-oto .oe-vehicle-heading h2{margin:12px 0 0;color:#173657;}
body.page-oto .oe-vehicle-heading>p{max-width:390px;margin:0 0 3px;color:#71839b;font-size:12px;line-height:1.8;}
body.page-oto .oe-vehicle-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch;}
body.page-oto .oe-vehicle-group{min-width:0;padding:20px 19px 17px;border:1px solid #dfe8f3;border-radius:17px;background:#fff;box-shadow:0 14px 35px #17395f08;}
body.page-oto .oe-vehicle-group-head{display:flex;align-items:center;gap:11px;min-height:43px;padding-bottom:14px;border-bottom:1px solid #eaf0f7;}
body.page-oto .oe-vehicle-group-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #dce9fb;border-radius:11px;background:#f1f6fd;color:#2360a6;font-size:9px;font-weight:750;}
body.page-oto .oe-vehicle-overline{display:block;color:#7288a4;font-size:7px;font-weight:750;letter-spacing:.12em;}
body.page-oto .oe-vehicle-group-head h3{margin:3px 0 0;color:#18395f;font-size:12px;font-weight:650;line-height:1.3;}
body.page-oto .oe-vehicle-count{margin-left:auto;padding:6px 8px;border:1px solid #e4ecf6;border-radius:999px;color:#7890ad;font-size:7px;white-space:nowrap;}
body.page-oto .oe-vehicle-list{display:grid;gap:2px;margin:10px 0 0;padding:0;list-style:none;}
body.page-oto .oe-vehicle-list li{display:flex;align-items:center;gap:10px;min-height:34px;padding:5px 3px;border-bottom:1px solid #f0f3f8;}
body.page-oto .oe-vehicle-list li:last-child{border-bottom:0;}
body.page-oto .oe-vehicle-list li>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:#f3f7fd;color:#6b82a0;font-size:8px;font-weight:650;}
body.page-oto .oe-vehicle-list li>b{color:#405b7c;font-size:9px;font-weight:550;line-height:1.35;}
body.page-oto .oe-vehicle-passenger{background:linear-gradient(155deg,#fff,#f8fbff);}
body.page-oto .oe-vehicle-list-compact{grid-template-columns:1fr 1fr;column-gap:7px;margin-top:14px;}
body.page-oto .oe-vehicle-list-compact li{gap:7px;min-height:42px;}
body.page-oto .oe-vehicle-list-compact li>b{font-size:10px;}
body.page-oto .oe-vehicle-footnote{display:flex;align-items:center;gap:8px;margin-top:16px;color:#7287a1;font-size:9px;}
body.page-oto .oe-vehicle-footnote>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eaf3ff;color:#2762a8;font-size:9px;font-weight:700;}
@media(max-width:1020px){body.page-oto .oe-vehicle-groups{grid-template-columns:1fr 1fr;}body.page-oto .oe-vehicle-passenger{grid-row:span 2;}body.page-oto .oe-vehicle-heading{align-items:flex-start;flex-direction:column;gap:14px;}body.page-oto .oe-vehicle-heading>p{max-width:560px;}}
@media(max-width:680px){body.page-oto .oe-vehicle-groups{grid-template-columns:1fr;}body.page-oto .oe-vehicle-passenger{grid-row:auto;}body.page-oto .oe-vehicle-group{padding:18px 16px;}body.page-oto .oe-vehicle-list li>b{font-size:10px;}body.page-oto .oe-vehicle-list-compact li{min-height:38px;}}
@media(prefers-reduced-motion:reduce){body.page-oto .oe-vehicle-group{scroll-behavior:auto;}}

body.page-oto .oe-vehicle-art{display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:12px;border-radius:12px;background:linear-gradient(135deg,#f1f6fc,#f8fbff);}
body.page-oto .oe-vehicle-art-passenger{height:76px;padding:7px 10px;gap:5px;}
body.page-oto .oe-vehicle-art-passenger img{width:25%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
body.page-oto .oe-vehicle-art-single{height:82px;padding:7px 15px;}
body.page-oto .oe-vehicle-art-single img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
@media(max-width:1020px){body.page-oto .oe-vehicle-art-passenger{height:86px;}body.page-oto .oe-vehicle-art-single{height:86px;}}
@media(max-width:680px){body.page-oto .oe-vehicle-art-passenger{height:92px;}body.page-oto .oe-vehicle-art-single{height:90px;}}

/* Increase vehicle list typography for comfortable reading on all screens. */
body.page-oto .oe-vehicle-heading h2{font-size:clamp(32px,3.4vw,43px);}
body.page-oto .oe-vehicle-heading>p{font-size:14px;line-height:1.8;}
body.page-oto .oe-vehicle-group{padding:22px 21px 19px;}
body.page-oto .oe-vehicle-group-head{gap:13px;min-height:48px;}
body.page-oto .oe-vehicle-group-icon{flex-basis:38px;width:38px;height:38px;font-size:10px;}
body.page-oto .oe-vehicle-overline{font-size:9px;}
body.page-oto .oe-vehicle-group-head h3{font-size:15px;}
body.page-oto .oe-vehicle-count{padding:7px 9px;font-size:9px;}
body.page-oto .oe-vehicle-list{gap:3px;margin-top:12px;}
body.page-oto .oe-vehicle-list li{min-height:40px;gap:11px;padding:6px 3px;}
body.page-oto .oe-vehicle-list li>span{flex-basis:26px;width:26px;height:26px;font-size:10px;}
body.page-oto .oe-vehicle-list li>b{font-size:12px;line-height:1.45;}
body.page-oto .oe-vehicle-list-compact li{min-height:46px;gap:8px;}
body.page-oto .oe-vehicle-list-compact li>b{font-size:13px;}
body.page-oto .oe-vehicle-footnote{font-size:11px;}
@media(max-width:680px){body.page-oto .oe-vehicle-heading h2{font-size:31px;}body.page-oto .oe-vehicle-heading>p{font-size:13px;}body.page-oto .oe-vehicle-group{padding:19px 17px;}body.page-oto .oe-vehicle-group-head h3{font-size:15px;}body.page-oto .oe-vehicle-list li{min-height:42px;}body.page-oto .oe-vehicle-list li>b{font-size:13px;}body.page-oto .oe-vehicle-list-compact li>b{font-size:13px;}}
@media(max-width:380px){body.page-oto .oe-vehicle-list li>b, body.page-oto .oe-vehicle-list-compact li>b{font-size:12px;}body.page-oto .oe-vehicle-count{font-size:8px;}}

/* Vehicle illustrations sit above the configuration lists, without image cards. */
body.page-oto .oe-vehicle-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:18px;margin:0 0 24px;padding:4px 8px 14px;border-bottom:1px solid #e5edf7;}
body.page-oto .oe-vehicle-gallery figure{display:flex;min-width:0;min-height:104px;margin:0;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;}
body.page-oto .oe-vehicle-gallery img{display:block;width:100%;height:78px;object-fit:contain;mix-blend-mode:multiply;}
body.page-oto .oe-vehicle-gallery figcaption{color:#647c99;font-size:10px;font-weight:600;line-height:1.3;text-align:center;}
@media(max-width:680px){body.page-oto .oe-vehicle-gallery{display:flex;gap:22px;overflow-x:auto;margin:0 -4px 20px;padding:4px 4px 13px;scrollbar-width:thin;scrollbar-color:#c6d7ed transparent;}body.page-oto .oe-vehicle-gallery figure{flex:0 0 112px;min-height:96px;}body.page-oto .oe-vehicle-gallery img{height:67px;}body.page-oto .oe-vehicle-gallery figcaption{font-size:10px;}}
body.page-oto .oe-vehicle-gallery figcaption{font-size:13px;font-weight:650;color:#365779;}
@media(max-width:680px){body.page-oto .oe-vehicle-gallery figcaption{font-size:12px;}}

/* Centered feature cards with a consistent custom illustration set. */
body.page-oto main[data-page="oto"] #ozellikler .content-wrap{max-width:1260px;}
body.page-oto main[data-page="oto"] #ozellikler .content-heading{text-align:center;margin:0 auto 24px;}
body.page-oto main[data-page="oto"] #ozellikler .content-heading>.eyebrow{justify-content:center;}
body.page-oto main[data-page="oto"] #ozellikler .content-heading h2{max-width:700px;margin:14px auto 0;}
body.page-oto main[data-page="oto"] #ozellikler .content-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body.page-oto main[data-page="oto"] #ozellikler .content-feature, body.page-oto main[data-page="oto"] #ozellikler .content-feature:first-child{display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;padding:10px 14px 12px;border:1px solid #e0e9f4;border-radius:18px;background:#fff;box-shadow:0 13px 34px #16385d08;text-align:center;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
body.page-oto main[data-page="oto"] #ozellikler .content-feature:hover{transform:translateY(-4px);border-color:#c6d9f0;box-shadow:0 20px 45px #16385d12;}
body.page-oto .oe-feature-illustration{display:grid;place-items:center;width:100%;aspect-ratio:1.9;margin:0 auto 1px;background:transparent;overflow:visible;}
body.page-oto .oe-feature-illustration img{display:block;width:52%;height:100%;object-fit:contain;}
body.page-oto main[data-page="oto"] #ozellikler .content-feature h3, body.page-oto main[data-page="oto"] #ozellikler .content-feature:first-child h3{margin:0 auto 6px;color:#173657;font-size:17px;font-weight:650;line-height:1.35;text-align:center;}
body.page-oto main[data-page="oto"] #ozellikler .content-feature p, body.page-oto main[data-page="oto"] #ozellikler .content-feature:first-child p{max-width:290px;margin:0 auto;color:#71839b;font-size:13px;line-height:1.5;text-align:center;}
@media(max-width:850px){body.page-oto main[data-page="oto"] #ozellikler .content-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}body.page-oto .oe-feature-illustration{max-width:none;}}
@media(max-width:540px){body.page-oto main[data-page="oto"] #ozellikler .content-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}body.page-oto main[data-page="oto"] #ozellikler .content-feature, body.page-oto main[data-page="oto"] #ozellikler .content-feature:first-child{padding:10px 10px 12px;}body.page-oto .oe-feature-illustration{max-width:none;margin-bottom:1px;}body.page-oto main[data-page="oto"] #ozellikler .content-feature h3{font-size:16px;}body.page-oto main[data-page="oto"] #ozellikler .content-feature p{font-size:11px;}}
@media(prefers-reduced-motion:reduce){body.page-oto main[data-page="oto"] #ozellikler .content-feature{transition:none;transform:none;}}

body.page-oto .oe-feature-illustration img{object-fit:contain;}

/* Expanded module list, centered certificate previews, press/review sliders and FAQ. */
body.page-oto main[data-page="oto"] .oe-modules .content-modules{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;}
body.page-oto main[data-page="oto"] .oe-modules .content-module{height:100%;}
@media(max-width:1050px){body.page-oto main[data-page="oto"] .oe-modules .content-modules{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){body.page-oto main[data-page="oto"] .oe-modules .content-modules{grid-template-columns:1fr;}}
body.page-oto main[data-page="oto"] .oe-modules .content-module>summary{cursor:default;}
body.page-oto main[data-page="oto"] .oe-modules .content-module-toggle{display:none;}
body.page-oto main[data-page="oto"] .content-certificates{align-items:start;}
body.page-oto main[data-page="oto"] .content-certificate{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;text-align:center;}
body.page-oto main[data-page="oto"] .content-certificate img{display:block;width:100%;max-width:290px;height:250px;margin-inline:auto;object-fit:contain;border-radius:16px;}
body.page-oto main[data-page="oto"] .content-certificate figcaption{align-items:center;text-align:center;}
body.page-oto main[data-page="oto"] .lightbox{inset:0;margin:auto;}
body:is(.page-oto, .home-focus) .oe-press-videos{background:#fff;}
body:is(.page-oto, .home-focus) .oe-press-videos .press-wrap{max-width:1160px;}
body:is(.page-oto, .home-focus) .oe-press-videos .press-section-heading{justify-content:center;text-align:center;}
body:is(.page-oto, .home-focus) .oe-press-videos .press-section-heading h2{margin-inline:auto;}
body:is(.page-oto, .home-focus) .oe-press-videos .press-section-heading p{margin-inline:auto;color:#687f9d;}
body:is(.page-oto, .home-focus) .oe-press-links{display:flex;justify-content:center;gap:28px;margin-top:26px;font-size:12px;font-weight:600;color:#3167a8;}
body.page-oto .oe-review-section .oe-review-carousel{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);overflow:hidden;}
body.page-oto .oe-review-section .oe-review-track{display:flex;width:100%;max-width:none;gap:18px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:none;scrollbar-width:none;padding:4px 24px 15px;box-sizing:border-box;}
body.page-oto .oe-review-section .oe-review-track::-webkit-scrollbar{display:none;}
body.page-oto .oe-review-section .oe-review-track>.review-card{flex:0 0 clamp(300px,27vw,390px);scroll-snap-align:none;}
body.page-oto .oe-review-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:7px;}
body.page-oto .oe-review-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cddbef;border-radius:50%;background:#fff;color:#1a4d8e;font-size:25px;line-height:1;cursor:pointer;}
body.page-oto .oe-review-controls button:hover{background:#e8f1ff;border-color:#9ebce4;}
body.page-oto .oe-review-controls button:focus-visible, body.page-oto .oe-review-track:focus-visible{outline:3px solid #75a8ed;outline-offset:3px;}
body.page-oto .oe-review-more{display:flex;width:max-content;align-items:center;gap:8px;margin:14px auto 0;color:#326cad;font-size:12px;font-weight:600;}
body.page-oto .oe-page .big-cta>.wrap{text-align:center;}
body.page-oto .oe-page .big-cta .eyebrow{justify-content:center;color:#cfe1ff;}
body.page-oto .oe-page .big-cta h2, body.page-oto .oe-page .big-cta .lead{margin-inline:auto;text-align:center;}
body.page-oto .oe-page .big-cta .lead{max-width:720px;color:#e0ecff;}
body.page-oto .oe-page .big-cta .action-row{justify-content:center;}
body.page-oto .oe-faq-section{background:linear-gradient(180deg,#f7faff,#fff);}
body.page-oto .oe-faq-section .content-heading{text-align:center;margin-inline:auto;}
body.page-oto .oe-faq-section .content-heading>.eyebrow{justify-content:center;}
body.page-oto .oe-faq-section .content-heading>p{max-width:720px;margin:14px auto 0;color:#6f829b;line-height:1.7;}
body.page-oto .oe-faq-list{display:grid;gap:11px;max-width:950px;margin:0 auto;}
body.page-oto .oe-faq-item{overflow:hidden;border:1px solid #dfe8f4;border-radius:15px;background:#fff;box-shadow:0 6px 20px #16385d06;}
body.page-oto .oe-faq-item>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;color:#19395f;font-size:12px;font-weight:650;line-height:1.5;cursor:pointer;list-style:none;}
body.page-oto .oe-faq-item>summary::-webkit-details-marker{display:none;}
body.page-oto .oe-faq-item>summary span{flex:0 0 25px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf4ff;color:#2866b3;font-size:18px;font-weight:400;transition:transform .2s ease;}
body.page-oto .oe-faq-item[open]>summary span{transform:rotate(45deg);}
body.page-oto .oe-faq-item>div{padding:0 16px 14px;color:#667c97;font-size:12px;line-height:1.7;}
body.signature-site.page-oto main .oe-faq-item p{margin:0;font-size:12px!important;}
@media(max-width:900px){body.page-oto .oe-review-section .oe-review-track>.review-card{flex-basis:min(72vw,370px);}}
@media(max-width:600px){body.page-oto .oe-review-section .oe-review-track{gap:14px;padding-inline:16px;}body.page-oto .oe-review-section .oe-review-track>.review-card{flex-basis:84vw;}body:is(.page-oto, .home-focus) .oe-press-links{gap:17px;font-size:11px;}body:is(.page-oto, .home-focus) .oe-press-videos .press-wrap{padding-inline:20px;}body.page-oto .oe-faq-item>summary{padding:13px 14px;font-size:12px;}body.page-oto .oe-faq-item>div{padding:0 14px 13px;font-size:12px;}}
@media(prefers-reduced-motion:reduce){body.page-oto .oe-faq-item>summary span{transition:none;}}

/* Four press videos in one row on desktop, with responsive tablet/mobile layouts. */
body:is(.page-oto, .home-focus) .oe-press-videos .press-video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
body:is(.page-oto, .home-focus) .oe-press-videos .press-video-info{padding:14px 15px 16px;}
body:is(.page-oto, .home-focus) .oe-press-videos .press-video-info h3{font-size:16px;}
@media(max-width:980px){body:is(.page-oto, .home-focus) .oe-press-videos .press-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){body:is(.page-oto, .home-focus) .oe-press-videos .press-video-grid{grid-template-columns:1fr;gap:18px;}}

/* Keep quality-document previews centered in the viewport and softly rounded. */
body.page-oto main[data-page="oto"] dialog.lightbox{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(1200px,calc(100vw - 32px));max-width:none;max-height:90dvh;overflow:auto;}
body.page-oto main[data-page="oto"] dialog.lightbox .lightbox-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:56px 22px 18px;}
body.page-oto main[data-page="oto"] dialog.lightbox .lightbox-inner img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(90dvh - 110px);object-fit:contain;border-radius:18px;}
body.page-oto main[data-page="oto"] .content-certificate img{border-radius:5px;}
@media(max-width:600px){body.page-oto main[data-page="oto"] dialog.lightbox .lightbox-inner{padding:54px 12px 14px;}body.page-oto main[data-page="oto"] dialog.lightbox .lightbox-inner img{max-height:calc(88dvh - 100px);border-radius:14px;}}

/* Compact two-column FAQ layout. */
body.page-oto .oe-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
@media(max-width:620px){body.page-oto .oe-faq-list{grid-template-columns:1fr;}}


/* ===== footer-compact.css ===== */
/* Compact shared footer, with room reserved for floating contact shortcuts. */
.signature-site .footer-v20-inner{padding:38px 28px 28px;}
.signature-site .footer-invite{padding-bottom:28px;gap:24px;}
.signature-site .footer-invite h2{font-size:clamp(25px,2.8vw,36px);max-width:600px;}
.signature-site .footer-invite p{font-size:12px;line-height:1.7;}
.signature-site .footer-v20-body{padding:30px 0 25px;gap:32px;}
.signature-site .footer-v20-nav h3,.signature-site .footer-contact-col h3{font-size:10px;margin-bottom:13px;}
.signature-site .footer-v20-nav a,.signature-site .footer-contact-col a{font-size:12px;margin-bottom:9px;}
.signature-site .footer-brand-col p{font-size:12px;line-height:1.75;}
.signature-site .signature-footer-wordmark{font-size:clamp(30px,5vw,58px);padding-top:15px;margin-top:0;line-height:1;letter-spacing:-.065em;}
.signature-site .footer-v20-bottom{padding-top:16px;margin-top:16px;font-size:10px;gap:12px;}
.footer-sticky-actions{display:flex!important;position:fixed;left:auto;right:18px;bottom:max(16px,env(safe-area-inset-bottom));gap:10px;z-index:80;}
@media(max-width:680px){.signature-site .footer-v20-inner{padding:30px 20px 78px;}.signature-site .footer-invite{padding-bottom:23px;}.signature-site .footer-invite h2{font-size:26px;}.signature-site .footer-invite-button{margin-top:16px;padding:10px 18px;min-height:40px;font-size:12px;}.signature-site .footer-v20-body{display:grid;grid-template-columns:1fr;gap:22px;padding:24px 0 20px;}.signature-site .footer-brand-col{margin-bottom:0;}.signature-site .footer-brand-plate img{max-width:145px;}.signature-site .footer-brand-col p{margin-block:14px;}.signature-site .footer-v20-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.signature-site .footer-v20-nav a{font-size:10px;margin-bottom:8px;line-height:1.6;}.signature-site .footer-v20-nav h3{font-size:9px;letter-spacing:.08em;}.signature-site .footer-contact-col{margin-top:0;display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;}.signature-site .footer-contact-col h3{width:100%;margin:0;}.signature-site .footer-contact-col a{margin:0;font-size:11px;}.signature-site .footer-contact-col p{font-size:11px;margin:0;}.signature-site .footer-contact-col .footer-whats{padding:7px 12px;}.signature-site .signature-footer-wordmark{font-size:35px;padding-top:14px;}.signature-site .footer-v20-bottom{font-size:9px;gap:7px;line-height:1.6;}.footer-sticky-actions{left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));}}


/* ===== typography.css ===== */
/* VARTAG typography identity — shared across all page content.
   Navigation and menu styles are intentionally out of scope. */
:root {
  --vartag-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  /* Type scale */
  --type-display: clamp(2rem, 3.15vw + .55rem, 3rem);
  --type-section: clamp(1.55rem, 1.55vw + 1rem, 2.125rem);
  --type-card: clamp(1.125rem, .45vw + 1rem, 1.35rem);
  --type-subhead: 1rem;
  --type-body: 1rem;
  --type-lead: clamp(1rem, .3vw + .95rem, 1.125rem);
  --type-small: .875rem;
  --type-caption: .8125rem;
  --type-kicker: .6875rem;

  --type-ink: #173655;
  --type-copy: #526b86;
  --type-muted: #5e7188;
  --type-on-dark: #d0dced;
}

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* Page content only; header, nav, menu and their controls retain their current styles. */
body.signature-site main {
  font-family: var(--vartag-font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.signature-site main :is(h1, h2, h3, h4, h5, h6) {
  color: var(--type-ink);
  font-family: var(--vartag-font-sans) !important;
  font-weight: 650 !important;
  text-wrap: balance;
}
body.signature-site main h1 {
  font-size: var(--type-display) !important;
  line-height: 1.12 !important;
  letter-spacing: -.038em !important;
}
body.signature-site main h2 {
  font-size: var(--type-section) !important;
  line-height: 1.2 !important;
  letter-spacing: -.032em !important;
}
body.signature-site main h3 {
  font-size: var(--type-card) !important;
  line-height: 1.3 !important;
  letter-spacing: -.022em !important;
}
body.signature-site main :is(h4, h5, h6) {
  font-size: var(--type-subhead) !important;
  line-height: 1.35 !important;
  letter-spacing: -.015em !important;
}
body.signature-site main p:not(.eyebrow) {
  color: var(--type-copy);
  font-size: var(--type-body) !important;
  line-height: 1.68 !important;
  letter-spacing: -.006em !important;
  text-wrap: pretty;
}
body.signature-site main :is(p.lead, .lead) {
  color: var(--type-muted);
  font-size: var(--type-lead) !important;
  line-height: 1.65 !important;
}
body.signature-site main :is(li, blockquote, address) {
  font-size: var(--type-body) !important;
  line-height: 1.65 !important;
  letter-spacing: -.006em !important;
}
body.signature-site main :is(summary, label, input, select, textarea, button) {
  font-family: var(--vartag-font-sans);
  font-size: var(--type-small);
  line-height: 1.45;
}
body.signature-site main :is(figcaption, .review-source, .content-gallery-card figcaption) {
  font-family: var(--vartag-font-sans);
  font-size: var(--type-caption) !important;
  line-height: 1.5 !important;
}
body.signature-site main .eyebrow {
  font-family: var(--vartag-font-sans);
  font-size: var(--type-kicker) !important;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .16em;
}

/* Description contrast remains appropriate on the site's dark feature bands. */
body.signature-site main :is(.vartag-unified-hero, .references-map, .oe-hero, .oe-bodywork, .oe-modules, .big-cta, .contact-info) p:not(.eyebrow) {
  color: var(--type-on-dark) !important;
}

/* Bring footer copy into the same type family without styling footer navigation. */
body.signature-site #site-footer :is(p, small, address, h1, h2, h3, h4) {
  font-family: var(--vartag-font-sans);
}
body.signature-site #site-footer :is(p, small, address) {
  font-size: var(--type-small);
  line-height: 1.6;
}
body.signature-site #site-footer :is(h1, h2, h3, h4) {
  font-weight: 650;
  line-height: 1.25;
}

/* Keep contact hero title and explanatory copy grouped while using the shared scale. */
.contact-page main .contact-flow-hero h1.vartag-hero-title {
  max-width: 780px;
  margin: 9px auto 8px !important;
}
.contact-page main .contact-flow-hero .lead { margin: 6px auto 0 !important; }
.contact-page main .contact-info h2 {
  max-width: 520px;
  margin: 18px 0 10px !important;
}

@media (max-width: 600px) {
  :root {
    --type-display: clamp(1.8rem, 7vw, 2.15rem);
    --type-section: clamp(1.45rem, 5.5vw, 1.75rem);
    --type-card: 1.125rem;
    --type-subhead: .9375rem;
    --type-body: .9375rem;
    --type-lead: 1rem;
    --type-small: .8125rem;
    --type-caption: .75rem;
    --type-kicker: .65625rem;
  }
  .contact-page main .contact-flow-hero h1.vartag-hero-title { margin: 7px auto 6px !important; }
  .contact-page main .contact-info h2 { margin-top: 15px !important; }
}

/* Compact type and comfortable spacing for the Oto Ekspertiz feature cards. */
body.signature-site main[data-page="oto"] #ozellikler .content-feature h3 {
  font-size: 1rem !important;
  line-height: 1.3 !important;
  letter-spacing: -.018em !important;
}
body.signature-site main[data-page="oto"] #ozellikler .content-feature p {
  font-size: .8125rem !important;
  line-height: 1.55 !important;
}
body.signature-site main[data-page="oto"] #ozellikler .content-feature {
  padding: 19px 21px 21px !important;
}
@media (max-width: 600px) {
  body.signature-site main[data-page="oto"] #ozellikler .content-feature h3 {
    font-size: .9375rem !important;
  }
  body.signature-site main[data-page="oto"] #ozellikler .content-feature p {
    font-size: .75rem !important;
    line-height: 1.5 !important;
  }
  body.signature-site main[data-page="oto"] #ozellikler .content-feature {
    padding: 16px 16px 18px !important;
  }
}
body.signature-site main[data-page="oto"] #ozellikler .oe-feature-illustration {
  margin-bottom: 9px !important;
}
@media (max-width: 600px) {
  body.signature-site main[data-page="oto"] #ozellikler .oe-feature-illustration {
    margin-bottom: 7px !important;
  }
}

/* Review copy shares the compact size used by the review component on every page. */
body.signature-site main .review-text {
  font-size: 12px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
@media (max-width: 600px) {
  body.signature-site main .review-text {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }
}

body.signature-site main .review-source {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Compact labels under the Oto Ekspertiz reference logos. */
body.signature-site main[data-page="oto"] .oto-reference-card figcaption {
  font-size: 11px !important;
  line-height: 1.35 !important;
}
@media (max-width: 680px) {
  body.signature-site main[data-page="oto"] .oto-reference-card figcaption {
    font-size: 10px !important;
  }
}

/* Force the Oto Ekspertiz reference logos to stay monochrome until hover. */
body.signature-site main[data-page="oto"] .oto-reference-card .oto-reference-logo img {
  filter: grayscale(1) !important;
  transition: filter .25s ease;
}
body.signature-site main[data-page="oto"] .oto-reference-card:hover .oto-reference-logo img,
body.signature-site main[data-page="oto"] .oto-reference-card:focus-within .oto-reference-logo img {
  filter: grayscale(0) !important;
}
body.signature-site main[data-page="oto"] .oto-reference-card figcaption {
  font-size: 9px !important;
}
@media (max-width: 680px) {
  body.signature-site main[data-page="oto"] .oto-reference-card figcaption {
    display: none !important;
  }
}

/* Review source labels use the same compact, readable size on every screen. */
body.signature-site .review-source {
  font-size: 12px !important;
  line-height: 1.4 !important;
}


/* Readability pass: stronger contrast for supporting text on light surfaces. */
body.signature-site main.content-page :is(.content-heading > p, .content-paragraph) {
  color: #526b86 !important;
}
body.signature-site main.content-page:not([data-page="design"]):not([data-page="mobile"]):not([data-page="oto"]) :is(.content-feature p, .content-process p, .content-product-link p, .content-module > ul) {
  color: #526b86 !important;
}
body.signature-site main.content-page :is(.content-visual figcaption, .content-gallery-card figcaption, .content-vehicles figcaption, .content-certificate figcaption > span, .content-stats span) {
  color: #526b86 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
body.signature-site main :is(.press-section-heading p, .press-video-info p, .press-article-headline) {
  color: #526b86 !important;
}
body.signature-site main :is(.press-count span, .press-video-meta time, .press-archive-label, .press-article-category) {
  color: #5e7188 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
body.signature-site main :is(.oe-section-intro > p, .oe-system-copy > p, .oe-pricing-heading > p, .oe-price-card:not(.oe-price-card-featured) .oe-price-description, .oe-vehicle-heading > p, .oe-included-heading > p, .oe-faq-section .content-heading > p) {
  color: #526b86 !important;
}
body.signature-site main :is(.oe-price-card:not(.oe-price-card-featured) .oe-price-card-top, .oe-price-card:not(.oe-price-card-featured) .oe-price-equivalent, .oe-vehicle-footnote, .oe-vehicle-count, .oe-vehicle-overline) {
  color: #526b86 !important;
}
body.signature-site main .oe-price-card-featured :is(.oe-price-card-top, .oe-price-description, .oe-price-equivalent) {
  color: #d0dced !important;
}
body.signature-site main :is(.oe-price-card-top, .oe-price-description, .oe-price-equivalent) {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
body.signature-site main :is(.contact-section-intro, .contact-info .contact-details dt, .contact-info .contact-address small, .contact-info .contact-map-heading small, .contact-directions, .contact-whatsapp-cta small) {
  color: #526b86 !important;
}
body.signature-site main .contact-info :is(.contact-location-pill, .contact-info-top > .eyebrow) {
  color: #426b9d !important;
}
body.signature-site main .contact-info .contact-details :is(dt, dd, address) {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
body.signature-site main .contact-info :is(.contact-address small, .contact-map-heading small, .contact-whatsapp-cta small) {
  font-size: 11px !important;
  line-height: 1.4 !important;
}
body.signature-site main .contact-info :is(.contact-location-pill, .contact-directions, .contact-call-cta) {
  font-size: 12px !important;
}
body.signature-site main .contact-info .contact-whatsapp-cta b { font-size: 13px !important; }
body.signature-site main input::placeholder,
body.signature-site main textarea::placeholder,
body.signature-site .callback-dialog input::placeholder,
body.signature-site .callback-dialog textarea::placeholder {
  color: #657991 !important;
  opacity: 1;
}
@media (max-width: 600px) {
  body.signature-site main .contact-info .contact-details :is(dt, dd, address) { font-size: 13px !important; }
  body.signature-site main :is(.press-count span, .press-video-meta time, .press-archive-label, .press-article-category) { font-size: 11px !important; }
}

/* Additional light-surface labels found in portfolio, references and legacy blocks. */
body.signature-site main :is(.ref-head p, .ref-quantity small, .ref-tools span, .ref-empty, .project-info small, .quote-card small, .contact-lines small, .contact-panel p, .callback-hint) {
  color: #526b86 !important;
}
body.signature-site main :is(.project-info small, .quote-card small, .contact-lines small, .callback-hint, .ref-tools span, .ref-quantity small, .ref-empty) {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
body.signature-site main .contact-panel p { line-height: 1.65 !important; }
body.signature-site main :is(.oe-price-card-top, .oe-price-description, .oe-price-equivalent) {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
body.signature-site main .oe-price-card-featured :is(.oe-price-card-top, .oe-price-description, .oe-price-equivalent) {
  color: #d0dced !important;
}
body.signature-site main .oe-price-card:not(.oe-price-card-featured) :is(.oe-price-card-top, .oe-price-description, .oe-price-equivalent) {
  color: #526b86 !important;
}
body.signature-site #callback-dialog :is(input, textarea)::placeholder {
  color: #657991 !important;
  opacity: 1;
}
body.signature-site #callback-dialog .callback-accept {
  color: #526b86;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
@media (max-width: 600px) {
  body.signature-site main :is(.project-info small, .quote-card small, .contact-lines small, .callback-hint, .ref-tools span, .ref-quantity small, .ref-empty) {
    font-size: 11px !important;
  }
  body.signature-site #callback-dialog .callback-accept { font-size: 11px !important; }
}


/* Shared white-to-blue gradient used by the homepage headline. */
.signature-site main .text-gradient {
  background: linear-gradient(110deg, #fff 8%, #9cceff 60%, #63a0ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Keep primary action pill labels calm and consistent across page content. */
body.signature-site main .pill {
  font-weight: 400 !important;
}

/* ===== Corporate page: reference map and country flags ===== */
body.page-corporate main[data-page="about"] .about-map-visual{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;}body.page-corporate main[data-page="about"] .about-map-visual img{display:block;width:100%;height:auto;border-radius:0;cursor:default;}body.page-corporate main[data-page="about"] .about-map-visual figcaption{margin-top:12px;}

body.page-corporate main[data-page="about"] .about-presence{min-width:0;align-self:center;}
body.page-corporate main[data-page="about"] .about-reference-map{position:relative;overflow:hidden;width:100%;aspect-ratio:1158/740;background:#e8eef5;border-radius:18px;}
body.page-corporate main[data-page="about"] .about-reference-map iframe{display:block;position:absolute;left:0;top:-65px;width:calc(100% + 72px);height:calc(100% + 65px);border:0;pointer-events:auto;}
body.page-corporate main[data-page="about"] .about-countries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;list-style:none;padding:18px 0 0;margin:0;}
body.page-corporate main[data-page="about"] .about-countries li{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;}
body.page-corporate main[data-page="about"] .about-countries img{display:block;width:60px;height:40px;object-fit:cover;border-radius:9px;box-shadow:0 3px 10px #15385b12;border:1px solid #1c3e6410;}
body.page-corporate main[data-page="about"] .about-countries span{font-size:10px;line-height:1.4;font-weight:550;color:#254365;text-align:center;}
@media(max-width:680px){body.page-corporate main[data-page="about"] .about-countries{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;padding-top:16px;}body.page-corporate main[data-page="about"] .about-countries img{width:56px;height:37px;border-radius:8px;}}




/* Shared page-title scale: used by each page's primary heading. */
body.signature-site main h1.map-heading{font-size:clamp(30px,3.4vw,48px)!important;line-height:1.08;letter-spacing:-.055em;font-weight:600;}
@media(max-width:680px){body.signature-site main h1.map-heading{font-size:32px!important;}}


/* Oto Ekspertiz product hero: clear product story with laptop and phone report previews. */
body.page-oto .oe-hero-v2 {
  padding: calc(var(--oe-header-height, 100px) + var(--oe-nav-height, 50px) + 36px) 0 0;
  background: linear-gradient(112deg, #071a32 0%, #0a2c55 54%, #0d3d72 100%);
}
body.page-oto .oe-hero-v2::after {
  opacity: .55;
  background-image: radial-gradient(#a4cfff2b .8px, transparent .8px);
  background-size: 27px 27px;
  mask-image: linear-gradient(120deg, transparent 7%, #000 78%);
}
body.page-oto .oe-hero-v2 .content-wrap { max-width: 1320px; }
body.page-oto .oe-hero-v2 .oe-hero-grid {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
  padding-bottom: 48px;
}
body.page-oto .oe-hero-v2 .oe-label {
  padding: 9px 13px;
  border: 1px solid #c7defa35;
  border-radius: 999px;
  background: #ffffff0b;
  color: #d2e5ff;
  letter-spacing: .105em;
  font-size: 10px;
}
body.page-oto .oe-hero-v2 h1 {
  max-width: 670px;
  margin: 24px 0 17px;
  font-size: clamp(39px, 4.35vw, 59px);
  line-height: 1.08;
  letter-spacing: -.052em;
  font-weight: 630;
}
body.page-oto .oe-hero-v2 h1 span { color: #a9d2ff; }
body.page-oto .oe-hero-v2 .oe-hero-copy > p {
  max-width: 560px;
  margin: 0 0 22px;
  color: #d0def0;
  font-size: 16px;
  line-height: 1.7;
}
body.page-oto .oe-hero-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px 18px;
  max-width: 525px;
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}
body.page-oto .oe-hero-benefits li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #e4effc;
  font-size: 12px;
  line-height: 1.4;
}
body.page-oto .oe-hero-benefits li i {
  display: grid;
  place-items: center;
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  border: 1px solid #feb30170;
  border-radius: 50%;
  background: #feb30118;
  color: #febd2e;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
body.page-oto .oe-hero-v2 .oe-actions { gap: 16px; }
body.page-oto .oe-hero-v2 .oe-actions .pill { min-height: 50px; padding: 15px 22px; }
body.page-oto .oe-hero-v2 .oe-text-link { font-size: 12px; }
body.page-oto .oe-hero-v2 .oe-hero-note { flex-wrap: wrap; gap: 7px; margin-top: 17px; color: #a9c2e0; font-size: 10px; }
body.page-oto .oe-hero-v2 .oe-hero-note b { color: #668bb7; font-weight: 400; }
body.page-oto .oe-product-stage-v2 {
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
body.page-oto .oe-product-stage-v2:hover { transform: none; }
body.page-oto .oe-product-stage-v2 .oe-stage-top {
  padding: 14px 4px 8px;
  color: #59728f;
  font-size: 8px;
}
body.page-oto .oe-product-stage-v2 .oe-stage-top i { background: #24b47e; box-shadow: 0 0 0 4px #24b47e20; }
body.page-oto .oe-live-indicator { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #29ae75; vertical-align: 1px; }
body.page-oto .oe-device-scene { position: relative; min-height: 360px; padding: 6px 8px 0; }
body.page-oto .oe-macbook { position: absolute; left: 9%; right: 0; bottom: 4px; z-index: 1; width: 91%; }
body.page-oto .oe-macbook-screen {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.62;
  padding: 13px 10px 9px;
  border: 5px solid #17202d;
  border-bottom-width: 8px;
  border-radius: 13px 13px 6px 6px;
  background: #fff;
  box-shadow: 0 14px 30px #112a472b;
}
body.page-oto .oe-macbook-notch { position: absolute; top: 0; left: 50%; z-index: 4; width: 54px; height: 8px; border-radius: 0 0 7px 7px; background: #17202d; transform: translateX(-50%); }
body.page-oto .oe-macbook-toolbar {
  height: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 8px;
  border-bottom: 1px solid #dce5f0;
  color: #73869b;
  font-size: 7px;
  letter-spacing: .035em;
}
body.page-oto .oe-toolbar-brand, body.page-oto .oe-phone-brand { color: #1559a7; font-weight: 800; letter-spacing: .07em; }
body.page-oto .oe-toolbar-menu { margin-left: auto; color: #345578; font-weight: 800; }
body.page-oto .oe-laptop-slides { position: relative; height: calc(100% - 22px); min-height: 0; }
body.page-oto .oe-hero-slide {
  position: absolute;
  inset: 0;
  display: flex;
  gap: 5px;
  overflow: hidden;
  opacity: 0;
  transform: translateX(10px);
  transition: opacity .65s ease, transform .65s ease;
  pointer-events: none;
}
body.page-oto .oe-hero-slide.is-active { opacity: 1; transform: translateX(0); pointer-events: auto; }
body.page-oto .oe-laptop-slides .oe-hero-slide img { display: block; width: calc(50% - 3px); height: 100%; object-fit: contain; object-position: top center; background: #fff; }
body.page-oto .oe-laptop-slides .oe-hero-slide img.oe-dashboard-screen { width: 100%; object-fit: cover; transform: scale(1.19); }
body.page-oto .oe-macbook-base {
  position: relative;
  height: 42px;
  margin: 0 -5.5% 0;
  border: 1px solid #a7b1bd;
  border-top: 0;
  border-radius: 0 0 42% 42% / 0 0 52% 52%;
  background: linear-gradient(180deg, #d7dde5 0%, #bbc4ce 58%, #eef1f5 84%, #96a2af 100%);
  box-shadow: 0 7px 11px #273b542b;
}
body.page-oto .oe-macbook-base .oe-keyboard {
  position: absolute;
  top: 5px;
  left: 19%;
  width: 62%;
  height: 17px;
  border: 1px solid #9da9b6;
  border-radius: 4px;
  background-color: #c5cdd6;
  background-image: repeating-linear-gradient(90deg, #8794a1 0 1px, transparent 1px 8px), repeating-linear-gradient(0deg, #8996a3 0 1px, transparent 1px 6px);
  box-shadow: 0 1px 2px #45566a35;
}
body.page-oto .oe-macbook-base .oe-trackpad {
  position: absolute;
  left: 39%;
  bottom: 5px;
  width: 22%;
  height: 13px;
  border: 1px solid #a7b1bc;
  border-radius: 0 0 8px 8px;
  background: #d6dce3;
}
body.page-oto .oe-phone {
  position: absolute;
  z-index: 3;
  top: 34px;
  left: 0;
  right: auto;
  width: 25%;
  min-width: 106px;
  max-width: 142px;
  padding: 5px;
  border: 1px solid #566170;
  border-radius: 24px;
  background: linear-gradient(145deg, #303946, #090d13 35%, #242d38);
  box-shadow: 0 18px 34px #07172b52, 0 0 0 1px #fff9 inset;
}
body.page-oto .oe-phone-screen { position: relative; overflow: hidden; aspect-ratio: .49; border-radius: 19px; background: #fff; }
body.page-oto .oe-phone-island { position: absolute; top: 4px; left: 50%; z-index: 4; width: 37%; height: 10px; border-radius: 9px; background: #111820; transform: translateX(-50%); }
body.page-oto .oe-phone-toolbar { height: 31px; display: flex; align-items: end; justify-content: space-between; gap: 4px; padding: 0 7px 5px; border-bottom: 1px solid #e3eaf2; color: #60758d; font-size: 6px; }
body.page-oto .oe-phone-brand { font-size: 7px; }
body.page-oto .oe-phone-slides { position: absolute; inset: 31px 0 0; overflow: hidden; background: #fff; }
body.page-oto .oe-phone-slides .oe-hero-slide { display: block; }
body.page-oto .oe-phone-slides .oe-hero-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
body.page-oto .oe-device-caption { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 4px 2px; color: #48617e; font-size: 9px; }
body.page-oto .oe-device-caption b { color: #233f60; font-weight: 700; }
body.page-oto .oe-slide-controls { display: flex; align-items: center; gap: 7px; }
body.page-oto .oe-slide-controls [data-oe-slide-count] { min-width: 28px; color: #a9c2e0; font-size: 9px; font-variant-numeric: tabular-nums; text-align: center; }
body.page-oto .oe-slide-controls button { display: grid; width: 29px; height: 29px; padding: 0; place-items: center; border: 1px solid #9db9d454; border-radius: 50%; background: #ffffff12; color: #edf5ff; cursor: pointer; transition: background .2s, border-color .2s, transform .2s; }
body.page-oto .oe-slide-controls button span { margin-top: -2px; font-size: 20px; line-height: 1; }
body.page-oto .oe-slide-controls button:hover { border-color: #8bbfff; background: #1763b5; transform: translateY(-1px); }
body.page-oto .oe-slide-controls button:focus-visible { outline: 2px solid #feb301; outline-offset: 3px; }
body.page-oto .oe-hero-v2 .oe-metrics { border-color: #a9cfff30; padding-top: 23px; padding-bottom: 25px; }
body.page-oto .oe-hero-v2 .oe-metrics strong { color: #fff; }
body.page-oto .oe-hero-v2 .oe-metrics span { color: #afc5e1; }
@media (max-width: 1020px) {
  body.page-oto .oe-hero-v2 { padding-top: calc(var(--oe-header-height, 90px) + var(--oe-nav-height, 48px) + 28px); }
  body.page-oto .oe-hero-v2 .oe-hero-grid { gap: 30px; }
  body.page-oto .oe-hero-v2 h1 { font-size: clamp(36px, 4.8vw, 49px); }
  body.page-oto .oe-device-scene { min-height: 330px; }
  body.page-oto .oe-phone { width: 24%; left: 0; right: auto; }
}
@media (max-width: 760px) {
  body.page-oto .oe-hero-v2 { padding-top: calc(var(--oe-header-height, 84px) + var(--oe-nav-height, 47px) + 23px); }
  body.page-oto .oe-hero-v2 .oe-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-bottom: 27px; }
  body.page-oto .oe-hero-v2 h1 { max-width: 580px; margin: 19px 0 13px; font-size: clamp(35px, 7.5vw, 48px); }
  body.page-oto .oe-hero-v2 .oe-hero-copy > p { max-width: 620px; margin-bottom: 17px; font-size: 14px; }
  body.page-oto .oe-hero-benefits { max-width: 560px; gap: 9px 13px; margin-bottom: 21px; }
  body.page-oto .oe-hero-benefits li { font-size: 11px; }
  body.page-oto .oe-product-stage-v2 { padding-inline: 12px; border-radius: 17px; }
  body.page-oto .oe-device-scene { min-height: clamp(300px, 78vw, 390px); }
  body.page-oto .oe-macbook { left: 10%; right: 0; width: 90%; }
  body.page-oto .oe-macbook-screen { border-width: 4px; border-bottom-width: 7px; border-radius: 11px 11px 5px 5px; }
  body.page-oto .oe-phone { top: 30px; left: 0; right: auto; width: 24%; min-width: 94px; max-width: 130px; padding: 4px; border-radius: 20px; }
  body.page-oto .oe-phone-screen { border-radius: 16px; }
  body.page-oto .oe-hero-v2 .oe-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px 0; padding: 20px 0; }
}
@media (max-width: 390px) {
  body.page-oto .oe-hero-v2 .oe-label { font-size: 8px; letter-spacing: .08em; }
  body.page-oto .oe-hero-v2 h1 { font-size: 33px; }
  body.page-oto .oe-hero-benefits { column-gap: 8px; }
  body.page-oto .oe-hero-benefits li { gap: 6px; font-size: 10px; }
  body.page-oto .oe-product-stage-v2 .oe-stage-top { font-size: 7px; }
  body.page-oto .oe-device-scene { min-height: 300px; }
  body.page-oto .oe-phone { min-width: 88px; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-oto .oe-product-stage-v2, body.page-oto .oe-hero-slide, body.page-oto .oe-slide-controls button { transition: none !important; }
}

/* Oto ekspertiz hero: gerçekçi MacBook kasası, ince ekran çerçevesi ve çentik */
body.page-oto .oe-device-scene { min-height: 370px; }
body.page-oto .oe-macbook {
  position: absolute;
  left: 7%;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 93%;
  aspect-ratio: 1.5;
}
body.page-oto .oe-macbook-hardware {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
body.page-oto .oe-laptop-slides {
  position: absolute;
  z-index: 2;
  left: 15.6%;
  top: 7.1%;
  width: 68.8%;
  height: 64%;
  overflow: hidden;
  background: #fff;
}
body.page-oto .oe-laptop-slides::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  width: 9%;
  height: 2.5%;
  border-radius: 0 0 7px 7px;
  background: #111820;
  transform: translateX(-50%);
  pointer-events: none;
}
body.page-oto .oe-laptop-slides .oe-hero-slide { gap: 0; }
body.page-oto .oe-laptop-slides .oe-hero-slide img { width: 50%; }
body.page-oto .oe-laptop-slides .oe-hero-slide img.oe-dashboard-screen { width: 100%; }
body.page-oto .oe-phone-slides { inset: 0; border-radius: inherit; }
body.page-oto .oe-phone-slides .oe-hero-slide img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1020px) {
  body.page-oto .oe-device-scene { min-height: 340px; }
  body.page-oto .oe-macbook { left: 7%; width: 93%; }
}
@media (max-width: 760px) {
  body.page-oto .oe-device-scene { min-height: clamp(300px, 78vw, 390px); }
  body.page-oto .oe-macbook { left: 8%; right: 0; width: 92%; }
}
@media (max-width: 390px) {
  body.page-oto .oe-device-scene { min-height: 300px; }
}

body.page-oto .oe-laptop-slides { border-radius: 9px 9px 0 0; }
body.page-oto .oe-laptop-slides .oe-hero-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 9px 9px 0 0; }
body.page-oto .oe-laptop-slides .oe-hero-slide img.oe-dashboard-screen { width: 100%; object-fit: cover; object-position: center; transform: none; }
body.page-oto .oe-year-badge { position: absolute; z-index: 5; top: 4.5%; right: 7%; display: flex; width: clamp(48px, 4.8vw, 58px); aspect-ratio: 1; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #efc66e; border-radius: 50%; background: radial-gradient(circle at 32% 24%, #d94768 0, #b31743 42%, #7e0d32 100%); box-shadow: 0 4px 12px #081a3040, inset 0 0 0 2px #8c1436, inset 0 0 0 3px #f4d28c; color: #fff; line-height: 1; transform: rotate(7deg); }
body.page-oto .oe-year-brand { margin: 0 0 2px; color: #ffe8b1; font-size: 5px; font-weight: 800; letter-spacing: .13em; text-shadow: 0 1px 2px #5d0a25; }
body.page-oto .oe-year-badge strong { color: #fff; font-size: 20px; font-weight: 800; letter-spacing: -.06em; text-shadow: 0 1px 2px #55051f; }
body.page-oto .oe-year-badge small { margin-top: 2px; color: #ffe6a9; font-size: 7px; font-weight: 800; letter-spacing: .2em; text-shadow: 0 1px 2px #5d0a25; }
@media (max-width: 760px) { body.page-oto .oe-year-badge { top: 4.5%; right: 6.5%; width: 46px; } body.page-oto .oe-year-badge strong { font-size: 16px; } body.page-oto .oe-year-brand { font-size: 4px; } }


/* Oto ekspertiz hero altındaki kesintisiz özellik şeridi */
body.page-oto .oe-feature-ticker {
  overflow: hidden;
  padding: 17px 0;
  border-block: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(90deg,#061629 0%,#0b2650 49%,#06172f 100%);
  color: #deebff;
}
body.page-oto .oe-feature-track {
  display: flex;
  width: max-content;
  animation: oe-feature-scroll 52s linear infinite;
  will-change: transform;
}
body.page-oto .oe-feature-group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 42px;
  padding-right: 42px;
}
body.page-oto .oe-feature-group span {
  white-space: nowrap;
  color: #deebff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
}
body.page-oto .oe-feature-group span::after {
  content: "✦";
  margin-left: 42px;
  color: #8bbdff;
}
@keyframes oe-feature-scroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  body.page-oto .oe-feature-track { animation: none; }
}
@media (max-width: 600px) {
  body.page-oto .oe-feature-ticker { padding-block: 14px; }
  body.page-oto .oe-feature-group { gap: 26px; padding-right: 26px; }
  body.page-oto .oe-feature-group span { font-size: 9px; }
  body.page-oto .oe-feature-group span::after { margin-left: 26px; }
}


/* Temporary oto hero visual experiment, styled in the shared stylesheet. */
body.page-oto .oe-preview-demo {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
body.page-oto .oe-preview-window {
  overflow: hidden;
  padding: 0 9px 9px;
  border: 1px solid #a9cfff30;
  border-radius: 18px 18px 10px 10px;
  background: #182b46;
  box-shadow: 0 22px 54px #020c1d66, 0 0 0 8px #ffffff08;
}
body.page-oto .oe-preview-toolbar {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #a9c2e0;
}
body.page-oto .oe-preview-toolbar > span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6964;
}
body.page-oto .oe-preview-toolbar > span:nth-child(2) { background: #ffc05c; }
body.page-oto .oe-preview-toolbar > span:nth-child(3) { background: #56c890; }
body.page-oto .oe-preview-toolbar b {
  margin-left: auto;
  padding-right: 7px;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .1em;
}
body.page-oto .oe-preview-slides {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.592;
  border-radius: 2px 2px 5px 5px;
  background: #f4f7fb;
}
body.page-oto .oe-preview-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .55s ease;
  pointer-events: none;
}
body.page-oto .oe-preview-slide.is-active { opacity: 1; pointer-events: auto; }
body.page-oto .oe-preview-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.page-oto .oe-preview-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 15px 6px 0;
  color: #a9c2e0;
  font-size: 9px;
  letter-spacing: .12em;
}
body.page-oto .oe-preview-caption-label { display: flex; align-items: center; gap: 9px; }
body.page-oto .oe-preview-controls { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
body.page-oto .oe-preview-controls [data-oe-preview-count] { min-width: 30px; color: #a9c2e0; font-size: 9px; font-variant-numeric: tabular-nums; text-align: center; letter-spacing: .03em; }
body.page-oto .oe-preview-controls button { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; border: 1px solid #9db9d454; border-radius: 50%; background: #ffffff12; color: #edf5ff; cursor: pointer; transition: background .2s,border-color .2s,transform .2s; }
body.page-oto .oe-preview-controls button span { margin-top: -2px; font-size: 20px; line-height: 1; }
body.page-oto .oe-preview-controls button:hover { border-color: #8bbfff; background: #1763b5; transform: translateY(-1px); }
body.page-oto .oe-preview-controls button:focus-visible { outline: 2px solid #feb301; outline-offset: 3px; }
body.page-oto .oe-preview-live {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #29ae75;
  box-shadow: 0 0 0 4px #29ae7520;
}
@media (max-width: 760px) {
  body.page-oto .oe-preview-demo { max-width: 620px; }
  body.page-oto .oe-preview-window { padding: 0 6px 6px; border-radius: 14px 14px 8px 8px; }
  body.page-oto .oe-preview-slide { transition-duration: .4s; }
  body.page-oto .oe-preview-toolbar { height: 29px; }
  body.page-oto .oe-preview-toolbar > span { width: 7px; height: 7px; }
  body.page-oto .oe-preview-toolbar b { font-size: 7px; }
  body.page-oto .oe-preview-caption { margin-top: 11px; font-size: 8px; gap: 7px; }
  body.page-oto .oe-preview-caption-label { gap: 7px; font-size: 7px; letter-spacing: .08em; }
  body.page-oto .oe-preview-controls { gap: 5px; }
  body.page-oto .oe-preview-controls button { width: 27px; height: 27px; }
  body.page-oto .oe-preview-controls [data-oe-preview-count] { min-width: 25px; font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) { body.page-oto .oe-preview-slide { transition: none; } }


/* Oto ekspertiz hero copy refresh: communicate the product workflow at a glance. */
body.page-oto .oe-hero-v2 .oe-hero-copy { max-width: 560px; }
body.page-oto .oe-hero-v2 .oe-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #a9c2e0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .17em;
}
body.page-oto .oe-hero-v2 .oe-label i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #feb301;
  box-shadow: 0 0 0 5px #feb3011c;
}
body.page-oto .oe-hero-v2 h1 { margin: 20px 0 14px; font-size: clamp(38px,4.1vw,55px); line-height: 1.08; }
body.page-oto .oe-hero-v2 h1 span {
  color: transparent;
  background: linear-gradient(95deg,#fff 5%,#b8d7ff 94%);
  -webkit-background-clip: text;
  background-clip: text;
}
body.page-oto .oe-hero-v2 .oe-hero-copy > p { margin-bottom: 20px; font-size: 14px; line-height: 1.75; color: #c4d5e9; }
body.page-oto .oe-hero-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin: 0 0 15px;
  padding: 12px 13px;
  border: 1px solid #b8d7ff20;
  border-radius: 13px;
  background: linear-gradient(110deg,#ffffff0c,#ffffff05);
}
body.page-oto .oe-flow-step { display: grid; justify-items: start; gap: 5px; min-width: 0; }
body.page-oto .oe-flow-step > span { color: #febd35; font-size: 8px; font-weight: 700; letter-spacing: .1em; }
body.page-oto .oe-flow-step > b { color: #e3efff; font-size: 9px; font-weight: 600; white-space: nowrap; }
body.page-oto .oe-hero-flow > i { color: #668bb7; font-size: 11px; font-style: normal; }
body.page-oto .oe-hero-benefits { gap: 7px 9px; max-width: 100%; margin-bottom: 19px; }
body.page-oto .oe-hero-benefits li {
  min-height: 34px;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid #a9cfff16;
  border-radius: 8px;
  background: #ffffff08;
  color: #d5e4f7;
  font-size: 10px;
}
body.page-oto .oe-hero-benefits li i {
  flex-basis: 15px; width: 15px; height: 15px;
  border-color: #feb30155; background: #feb30112; color: #ffc743; font-size: 9px;
}
body.page-oto .oe-hero-v2 .oe-hero-note { margin-top: 13px; font-size: 9px; letter-spacing: .015em; }
@media (max-width: 1020px) {
  body.page-oto .oe-hero-v2 h1 { font-size: clamp(36px,4.5vw,49px); }
}
@media (max-width: 760px) {
  body.page-oto .oe-hero-v2 .oe-hero-copy { max-width: 620px; }
  body.page-oto .oe-hero-v2 h1 { margin: 17px 0 12px; font-size: clamp(35px,7.2vw,46px); }
  body.page-oto .oe-hero-flow { gap: 4px; padding: 10px 11px; }
  body.page-oto .oe-flow-step > b { font-size: 8px; }
  body.page-oto .oe-hero-benefits { margin-bottom: 17px; }
}
@media (max-width: 390px) {
  body.page-oto .oe-hero-flow { padding-inline: 8px; }
  body.page-oto .oe-flow-step > b { font-size: 7px; }
  body.page-oto .oe-hero-benefits li { padding-inline: 7px; font-size: 9px; }
}


/* Conversion-focused oto hero copy: core inspection services and demo CTA. */
body.page-oto .oe-hero-v2 .oe-hero-copy { max-width: 575px; }
body.page-oto .oe-hero-v2 .oe-label { margin-bottom: 2px; color: #c3d8f2; }
body.page-oto .oe-hero-v2 h1 { margin: 19px 0 14px; font-size: clamp(39px,4.15vw,56px); line-height: 1.07; letter-spacing: -.055em; }
body.page-oto .oe-hero-v2 h1 span {
  color: transparent;
  background: linear-gradient(100deg,#ffd05c 0%,#feb301 57%,#ffe39b 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
body.page-oto .oe-hero-v2 .oe-hero-copy > p { max-width: 510px; margin-bottom: 20px; color: #d1deef; font-size: 14px; line-height: 1.72; }
body.page-oto .oe-hero-services {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin: 0 0 20px;
}
body.page-oto .oe-hero-services article {
  display: flex;
  min-width: 0;
  min-height: 83px;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 10px 11px;
  border: 1px solid #b6d4f522;
  border-radius: 11px;
  background: linear-gradient(145deg,#ffffff10,#ffffff05);
  box-shadow: inset 0 1px 0 #ffffff08;
}
body.page-oto .oe-hero-services article > span { color: #a9c2e0; font-size: 8px; font-weight: 700; letter-spacing: .13em; }
body.page-oto .oe-hero-services article > strong { color: #fff; font-size: 12px; font-weight: 650; letter-spacing: -.02em; line-height: 1.2; }
body.page-oto .oe-hero-services article > small { color: #91aac8; font-size: 8px; line-height: 1.35; }
body.page-oto .oe-hero-v2 .oe-actions .pill { min-height: 48px; padding: 14px 20px; font-size: 12px; font-weight: 550; }
body.page-oto .oe-hero-v2 .oe-text-link { color: #d8e6f7; }
body.page-oto .oe-hero-v2 .oe-hero-note { margin-top: 14px; color: #aac0dc; font-size: 9px; }
@media (max-width: 1020px) {
  body.page-oto .oe-hero-v2 h1 { font-size: clamp(37px,4.5vw,50px); }
  body.page-oto .oe-hero-services article { padding-inline: 8px; }
  body.page-oto .oe-hero-services article > strong { font-size: 11px; }
}
@media (max-width: 760px) {
  body.page-oto .oe-hero-v2 h1 { margin: 17px 0 12px; font-size: clamp(37px,7.5vw,48px); }
  body.page-oto .oe-hero-v2 .oe-hero-copy > p { max-width: 600px; font-size: 14px; }
  body.page-oto .oe-hero-services { gap: 9px; margin-bottom: 18px; }
  body.page-oto .oe-hero-services article { min-height: 79px; padding: 9px; }
  body.page-oto .oe-hero-services article > strong { font-size: 11px; }
}
@media (max-width: 390px) {
  body.page-oto .oe-hero-services { gap: 6px; }
  body.page-oto .oe-hero-services article { min-height: 75px; padding: 7px; }
  body.page-oto .oe-hero-services article > span, body.page-oto .oe-hero-services article > small { font-size: 7px; }
  body.page-oto .oe-hero-services article > strong { font-size: 10px; }
}


/* Keep the oto hero preview compact and aligned with the copy. */
body.page-oto .oe-hero-v2 .oe-hero-grid { align-items: center; }
body.page-oto .oe-hero-v2 .oe-preview-demo {
  width: min(100%, 620px);
  max-width: 620px;
  justify-self: end;
  align-self: center;
  margin-top: 0;
}
body.page-oto .oe-hero-v2 .oe-preview-window { width: 100%; }
@media (max-width: 760px) {
  body.page-oto .oe-hero-v2 .oe-hero-grid { align-items: start; }
  body.page-oto .oe-hero-v2 .oe-preview-demo { width: 100%; max-width: 620px; justify-self: center; margin-top: 2px; }
}


/* Kaporta raporu ön izlemesinde tüm temel işaretleme tipleri. */
body.page-oto .oe-dot-green { background: #35a66f; }
body.page-oto .oe-dot-amber { background: #e7a724; }
body.page-oto .oe-dot-cyan { background: #18a8c7; }
body.page-oto .oe-dot-slate { background: #78889b; }
body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot { flex-wrap: wrap; column-gap: 16px; row-gap: 7px; }
@media (max-width: 760px) { body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot { column-gap: 12px; row-gap: 6px; } }
@media (max-width: 380px) { body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot { column-gap: 8px; } }

body.page-oto .oe-dot-dent { background: #d47742; }

/* Kaporta raporu etiketleri: yazılımdaki kısa kod ve açıklama düzeni. */
body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:7px;padding:12px 3px 1px;}
body:is(.page-oto, .home-focus) .oe-report-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid currentColor;border-radius:999px;background:#fff;font-size:8px;line-height:1.1;white-space:nowrap;}
body:is(.page-oto, .home-focus) .oe-report-tag b{font-size:7px;font-weight:750;letter-spacing:.02em;}
body:is(.page-oto, .home-focus) .oe-tag-original{color:#25894f;background:#f1fbf4;}body:is(.page-oto, .home-focus) .oe-tag-painted{color:#1685c2;background:#eef8ff;}body:is(.page-oto, .home-focus) .oe-tag-local{color:#b77800;background:#fff8e6;}body:is(.page-oto, .home-focus) .oe-tag-plastic{color:#596579;background:#f2f5f9;}body:is(.page-oto, .home-focus) .oe-tag-foil{color:#bb8500;background:#fff9dc;}body:is(.page-oto, .home-focus) .oe-tag-go{color:#3b6cb1;background:#f0f5ff;}body:is(.page-oto, .home-focus) .oe-tag-eg{color:#845714;background:#fbf5eb;}body:is(.page-oto, .home-focus) .oe-tag-i{color:#c66c19;background:#fff5ec;}body:is(.page-oto, .home-focus) .oe-tag-st{color:#0789bc;background:#effaff;}body:is(.page-oto, .home-focus) .oe-tag-cp{color:#b33229;background:#fff1f0;}body:is(.page-oto, .home-focus) .oe-tag-h{color:#d72f38;background:#fff1f2;}body:is(.page-oto, .home-focus) .oe-tag-gy{color:#8240a0;background:#f8f0fc;}body:is(.page-oto, .home-focus) .oe-tag-ke{color:#238453;background:#effaf4;}body:is(.page-oto, .home-focus) .oe-tag-a{color:#34495e;background:#f1f4f6;}body:is(.page-oto, .home-focus) .oe-tag-dg{color:#b43cae;background:#fff2ff;}body:is(.page-oto, .home-focus) .oe-tag-c{color:#9d428c;background:#fbf1f9;}body:is(.page-oto, .home-focus) .oe-tag-ls{color:#138965;background:#effbf7;}body:is(.page-oto, .home-focus) .oe-tag-yb{color:#ac3029;background:#fff1ef;}body:is(.page-oto, .home-focus) .oe-tag-ib{color:#087eaf;background:#effaff;}body:is(.page-oto, .home-focus) .oe-tag-d{color:#087eaf;background:#effaff;}body:is(.page-oto, .home-focus) .oe-tag-v{color:#138965;background:#effbf7;}body:is(.page-oto, .home-focus) .oe-tag-df{color:#cc2e36;background:#fff1f2;}body:is(.page-oto, .home-focus) .oe-tag-r{color:#ac3029;background:#fff1ef;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{gap:6px;}body:is(.page-oto, .home-focus) .oe-report-tag{padding:4px 6px;font-size:7px;}}
/* Kaporta etiket kodları dairesel rozet içinde gösterilir. */
body:is(.page-oto, .home-focus) .oe-report-tag{gap:6px;padding:3px 8px 3px 3px;}
body:is(.page-oto, .home-focus) .oe-report-tag b{display:inline-flex;flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:inherit;color:inherit;font-size:7px;font-weight:750;line-height:1;letter-spacing:-.03em;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-report-tag{gap:5px;padding:2px 6px 2px 2px;}body:is(.page-oto, .home-focus) .oe-report-tag b{flex-basis:18px;width:18px;height:18px;font-size:6px;}}
/* Kaporta raporu: yazılımdaki renkli kod dairesi ve yanındaki açıklama düzeni. */
body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:17px;row-gap:9px;padding:12px 3px 1px;}
body:is(.page-oto, .home-focus) .oe-report-tag{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;border-radius:0;background:transparent;color:#30445d;font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;}
body:is(.page-oto, .home-focus) .oe-report-tag b{display:inline-flex;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#3b6cb1;color:#fff;font-size:12px;font-weight:750;line-height:1;letter-spacing:0;}
body:is(.page-oto, .home-focus) .oe-tag-original b{background:#36a852;}body:is(.page-oto, .home-focus) .oe-tag-painted b{background:#1685c2;}body:is(.page-oto, .home-focus) .oe-tag-local b{background:#bd8500;}body:is(.page-oto, .home-focus) .oe-tag-plastic b{background:#596579;}body:is(.page-oto, .home-focus) .oe-tag-foil b{background:#feb301;}body:is(.page-oto, .home-focus) .oe-tag-go b{background:#3b6cb1;}body:is(.page-oto, .home-focus) .oe-tag-eg b{background:#845714;}body:is(.page-oto, .home-focus) .oe-tag-i b{background:#e67e22;}body:is(.page-oto, .home-focus) .oe-tag-st b{background:#03a9f4;}body:is(.page-oto, .home-focus) .oe-tag-cp b{background:#c0392b;}body:is(.page-oto, .home-focus) .oe-tag-h b{background:#f83434;}body:is(.page-oto, .home-focus) .oe-tag-gy b{background:#8e44ad;}body:is(.page-oto, .home-focus) .oe-tag-ke b{background:#27ae60;}body:is(.page-oto, .home-focus) .oe-tag-a b{background:#34495e;}body:is(.page-oto, .home-focus) .oe-tag-dg b{background:#f26fff;}body:is(.page-oto, .home-focus) .oe-tag-c b{background:rgb(163,66,140);}body:is(.page-oto, .home-focus) .oe-tag-ls b{background:#24e39d;}body:is(.page-oto, .home-focus) .oe-tag-yb b{background:#c0392b;}body:is(.page-oto, .home-focus) .oe-tag-ib b{background:#03a9f4;}body:is(.page-oto, .home-focus) .oe-tag-d b{background:#03a9f4;}body:is(.page-oto, .home-focus) .oe-tag-v b{background:#24e39d;}body:is(.page-oto, .home-focus) .oe-tag-df b{background:#f83434;}body:is(.page-oto, .home-focus) .oe-tag-r b{background:#c0392b;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{column-gap:12px;row-gap:8px;}body:is(.page-oto, .home-focus) .oe-report-tag{gap:5px;font-size:10px;}body:is(.page-oto, .home-focus) .oe-report-tag b{flex-basis:23px;width:23px;height:23px;font-size:10px;}}
/* Kaporta etiketleri: kompakt, hizalı ve ekran genişliğine uyumlu bir gösterim. */
body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;padding:9px;border:1px solid #e4eaf2;border-radius:11px;background:#f6f8fb;}
body:is(.page-oto, .home-focus) .oe-report-tag{display:flex;min-width:0;min-height:32px;align-items:center;gap:6px;padding:4px 6px;border:1px solid #e6ebf2;border-radius:8px;background:#fff;color:#30445d;font-size:9px;font-weight:550;line-height:1.2;white-space:normal;}
body:is(.page-oto, .home-focus) .oe-report-tag b{flex:0 0 21px;width:21px;height:21px;font-size:9px;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;}body:is(.page-oto, .home-focus) .oe-report-tag{min-height:29px;gap:5px;padding:3px 4px;font-size:8px;}body:is(.page-oto, .home-focus) .oe-report-tag b{flex-basis:19px;width:19px;height:19px;font-size:8px;}}
@media(max-width:380px){body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* Kullanıcının belirlediği kaporta renkleri: lokal boya sarı, folyo mor. */
body:is(.page-oto, .home-focus) .oe-tag-local b{background:#feb301;}
body:is(.page-oto, .home-focus) .oe-tag-foil b{background:#7b61a8;}
body:is(.page-oto, .home-focus) .oe-tag-after-original b{background:#f83434;}
/* Kaporta GIF'inin üstünde ve altında eşit nefes alanı. */
body:is(.page-oto, .home-focus) .oe-bodywork-frame>img{margin-block:28px;}
/* Yarım boyalı ve rötuş için birbirinden ayrışan yeni renkler. */
body:is(.page-oto, .home-focus) .oe-tag-yb b{background:#b45309;}
body:is(.page-oto, .home-focus) .oe-tag-r b{background:#0f766e;}
body:is(.page-oto, .home-focus) .oe-tag-d b{background:#d9485f;}

/* Kaporta bölümünün altındaki kesintisiz araç türleri şeridi. */
body:is(.page-oto, .home-focus) .oe-bodywork-types-strip{position:relative;z-index:1;margin-top:25px;padding:17px 0 2px;border-top:1px solid #ffffff24;}
body:is(.page-oto, .home-focus) .oe-bodywork-types-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 12px;}
body:is(.page-oto, .home-focus) .oe-bodywork-types-heading .oe-kicker{margin:0;color:#91b4dc;font-size:8px;letter-spacing:.16em;}
body:is(.page-oto, .home-focus) .oe-bodywork-types-heading>b{color:#edf5ff;font-size:11px;font-weight:650;letter-spacing:.01em;}
body:is(.page-oto, .home-focus) .oe-bodywork-marquee{overflow:hidden;padding:2px 0 6px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
body:is(.page-oto, .home-focus) .oe-bodywork-marquee-track{display:flex;width:max-content;animation:oe-bodywork-marquee-scroll 34s linear infinite;will-change:transform;}
body:is(.page-oto, .home-focus) .oe-bodywork-marquee-group{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding-right:12px;}
body:is(.page-oto, .home-focus) .oe-bodywork-type{display:flex;flex:0 0 94px;height:78px;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0;border:1px solid #ffffff1c;border-radius:12px;background:linear-gradient(145deg,#ffffff12,#ffffff06);}
body:is(.page-oto, .home-focus) .oe-bodywork-type img{display:block;width:78px;height:46px;object-fit:contain;}
body:is(.page-oto, .home-focus) .oe-bodywork-type figcaption{color:#d8e7f9;font-size:8px;font-weight:600;line-height:1.2;}
@keyframes oe-bodywork-marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-types-strip{margin-top:20px;padding-top:14px;}body:is(.page-oto, .home-focus) .oe-bodywork-types-heading{margin-bottom:9px;}body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:82px;height:70px;}body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:68px;height:40px;}body:is(.page-oto, .home-focus) .oe-bodywork-marquee-group{gap:8px;padding-right:8px;}}
@media(prefers-reduced-motion:reduce){body:is(.page-oto, .home-focus) .oe-bodywork-marquee-track{animation-duration:90s;}}
/* Araç türleri şeridi daha büyük görsellerle sağa doğru kesintisiz akar. */
body:is(.page-oto, .home-focus) .oe-bodywork-marquee-track{animation-name:oe-bodywork-marquee-right;animation-duration:38s;}
body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:112px;height:92px;}
body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:96px;height:60px;}
@keyframes oe-bodywork-marquee-right{from{transform:translateX(-50%);}to{transform:translateX(0);}}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:98px;height:84px;}body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:84px;height:54px;}}
/* Daha dolu ilk ekran: yinelenen gruplar sağa kayarken boşluk bırakmaz. */
body:is(.page-oto, .home-focus) .oe-bodywork-marquee-track{animation-duration:76s;}
body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:120px;height:100px;}
body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:106px;height:70px;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:104px;height:90px;}body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:92px;height:62px;}}
/* Araç çizimleri şeritte daha büyük ve belirgin gösterilir. */
body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:132px;height:108px;}
body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:118px;height:78px;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:116px;height:96px;}body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:102px;height:68px;}}
/* Araç türü kartlarında araç çizimlerini daha görünür büyüt. */
body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:164px;height:124px;}
body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:150px;height:98px;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-type{flex-basis:142px;height:110px;}body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:128px;height:82px;}}
/* Kaporta görseli daha dengeli ölçüde; bulgu etiketleri daha alçak ve sıkı. */
body:is(.page-oto, .home-focus) .oe-bodywork-frame>img{width:92%;margin:24px auto;}
body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;}
body:is(.page-oto, .home-focus) .oe-report-tag{min-height:26px;gap:4px;padding:2px 4px;border-radius:7px;font-size:8px;line-height:1.1;}
body:is(.page-oto, .home-focus) .oe-report-tag b{flex-basis:18px;width:18px;height:18px;font-size:7px;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-frame>img{width:94%;margin-block:20px;}body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;}body:is(.page-oto, .home-focus) .oe-report-tag{min-height:24px;gap:4px;padding:2px 3px;font-size:7px;}body:is(.page-oto, .home-focus) .oe-report-tag b{flex-basis:17px;width:17px;height:17px;font-size:7px;}}
@media(max-width:380px){body:is(.page-oto, .home-focus) .oe-bodywork-frame-foot{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* Kaporta bölümündeki rozet rengi ve bilgi kutusu konumu. */
body:is(.page-oto, .home-focus) .oe-bodywork-stamp strong{color:#feb301;}
body:is(.page-oto, .home-focus) .oe-bodywork-callout{transform:translateY(10px);}
/* Kaporta anlatımını üç adımlı, ürün odaklı bir kontrol akışına dönüştür. */
body:is(.page-oto, .home-focus) .oe-bodywork-process{max-width:465px;margin-top:25px;padding:14px 16px 10px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(145deg,#ffffff0d,#ffffff05);box-shadow:inset 0 1px #ffffff0a;}
body:is(.page-oto, .home-focus) .oe-bodywork-process-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #ffffff1c;}
body:is(.page-oto, .home-focus) .oe-bodywork-process-head span{color:#91baff;font-size:8px;font-weight:700;letter-spacing:.14em;}
body:is(.page-oto, .home-focus) .oe-bodywork-process-head b{padding:5px 8px;border:1px solid #7fb4ef38;border-radius:999px;color:#d5e8ff;font-size:8px;font-weight:600;}
body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights{position:relative;gap:0;margin-top:5px;}
body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights:before{position:absolute;top:22px;bottom:22px;left:13px;width:1px;background:linear-gradient(#65a9ff78,#65a9ff1c);content:"";}
body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights>div{position:relative;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #ffffff12;}
body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights>div:last-child{border-bottom:0;}
body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights>div>b{flex-basis:27px;height:27px;border:1px solid #7fb4ef55;border-radius:50%;background:#102f52;color:#aad2ff;font-size:8px;}
body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights>div>span{font-size:10px;}
body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights small{font-size:8px;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-process{margin-top:20px;padding:12px 13px 8px;}body:is(.page-oto, .home-focus) .oe-bodywork-process .oe-bodywork-highlights>div{padding:7px 0;}}
body:is(.page-oto, .home-focus) .oe-bodywork-callout{transform:translateY(16px);}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-callout{transform:translateY(14px);}}

/* Combined Motor / Elektronik report checklist. */
body.page-oto .oe-motor-electronics{scroll-margin-top:132px;padding:78px 0 84px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%);}
body.page-oto .oe-motor-electronics .content-wrap{max-width:1240px;}
body.page-oto .oe-anchor-alias{position:absolute;top:0;scroll-margin-top:132px;}
body.page-oto .oe-me-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);align-items:center;gap:clamp(32px,6vw,82px);margin-bottom:48px;}
body.page-oto .oe-me-intro .oe-system-copy h2{max-width:620px;font-size:clamp(34px,4.2vw,54px);line-height:1.08;}
body.page-oto .oe-me-intro .oe-system-copy>p{max-width:620px;font-size:16px;}
body.page-oto .oe-me-intro .oe-system-visual{padding:14px;border-radius:22px;background:linear-gradient(145deg,#fff,#f5f8fe);}
body.page-oto .oe-me-intro .oe-system-visual img{height:260px;}
body.page-oto .oe-me-intro .oe-system-visual figcaption{font-size:11px;}
body.page-oto .oe-me-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;}
body.page-oto .oe-me-proof span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dce7f5;border-radius:999px;background:#fff;color:#59718f;font-size:11px;font-weight:600;}
body.page-oto .oe-me-proof b{color:#1462bd;font-size:12px;}
body.page-oto .oe-checklist-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px;padding-bottom:17px;border-bottom:1px solid #dce6f2;}
body.page-oto .oe-checklist-head h3{margin:7px 0 0;color:#153657;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.03em;}
body.page-oto .oe-check-hint{display:inline-flex;align-items:center;gap:8px;padding-bottom:3px;color:#6a7f99;font-size:12px;white-space:nowrap;}
body.page-oto .oe-check-hint i{width:8px;height:8px;border-radius:50%;background:#24b47e;box-shadow:0 0 0 4px #24b47e1a;}
body.page-oto .oe-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.page-oto .oe-check-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:92px;margin:0;padding:14px 15px;border:1px solid #e0e8f2;border-radius:15px;background:#fff;box-shadow:0 5px 16px #173a6508;}
body.page-oto .oe-check-card legend{display:flex;align-items:center;gap:12px;float:left;width:calc(100% - 148px);padding:0;}
body.page-oto .oe-check-index{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#edf4ff;color:#2163b2;font-size:11px;font-weight:750;}
body.page-oto .oe-check-heading{display:grid;gap:5px;min-width:0;}
body.page-oto .oe-check-heading b{color:#1d3858;font-size:12px;line-height:1.4;}
body.page-oto .oe-check-heading small{color:#8292a8;font-size:10px;line-height:1.45;}
body.page-oto .oe-check-options{display:flex;flex:0 0 auto;gap:4px;padding:4px;border-radius:11px;background:#f2f5f9;}
body.page-oto .oe-check-options label{position:relative;cursor:pointer;}
body.page-oto .oe-check-options input{position:absolute;width:1px;height:1px;opacity:0;}
body.page-oto .oe-check-options label span{display:grid;place-items:center;min-width:48px;height:32px;padding:0 9px;border:1px solid transparent;border-radius:8px;color:#6d7d91;font-size:10px;font-weight:750;transition:background .18s ease,color .18s ease,box-shadow .18s ease;}
body.page-oto .oe-check-options input:checked+span{background:#fff;color:#16395f;box-shadow:0 2px 7px #1536571c;}
body.page-oto .oe-check-options label:last-child input:checked+span{background:#e4f7ef;color:#16835b;box-shadow:inset 0 0 0 1px #bdebd8;}
body.page-oto .oe-check-options input:focus-visible+span{outline:3px solid #78adf6;outline-offset:2px;}
@media(max-width:760px){body.page-oto .oe-motor-electronics{padding:54px 0 60px;}body.page-oto .oe-me-intro{grid-template-columns:1fr;gap:24px;margin-bottom:36px;}body.page-oto .oe-me-intro .oe-system-copy h2{font-size:34px;}body.page-oto .oe-me-intro .oe-system-copy>p{font-size:14px;}body.page-oto .oe-me-intro .oe-system-visual{padding:10px;border-radius:17px;}body.page-oto .oe-me-intro .oe-system-visual img{height:210px;}body.page-oto .oe-check-grid{grid-template-columns:1fr;gap:9px;}body.page-oto .oe-check-card{min-height:80px;padding:11px 12px;}body.page-oto .oe-check-card legend{width:calc(100% - 132px);gap:9px;}body.page-oto .oe-check-index{flex-basis:30px;width:30px;height:30px;}body.page-oto .oe-check-heading b{font-size:11px;}body.page-oto .oe-check-heading small{font-size:9px;}body.page-oto .oe-check-options label span{min-width:43px;height:30px;padding:0 6px;}body.page-oto .oe-checklist-head{align-items:flex-start;flex-direction:column;gap:10px;}}
@media(max-width:390px){body.page-oto .oe-check-card{gap:8px;padding:10px;}body.page-oto .oe-check-card legend{width:calc(100% - 112px);}body.page-oto .oe-check-options{gap:2px;padding:3px;}body.page-oto .oe-check-options label span{min-width:39px;padding:0 4px;}}

/* Compact presentation for the combined Motor / Elektronik checks. */
body.page-oto .oe-motor-electronics{padding:48px 0 54px;scroll-margin-top:132px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%);}
body.page-oto .oe-motor-electronics .content-wrap{max-width:1240px;}
body.page-oto .oe-anchor-alias{position:absolute;top:0;scroll-margin-top:132px;}
body.page-oto .oe-me-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 24px;}
body.page-oto .oe-me-heading h2{margin:7px 0 6px;color:#153657;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.035em;}
body.page-oto .oe-me-heading p{margin:0;color:#6f829b;font-size:13px;line-height:1.6;}
body.page-oto .oe-me-count{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:11px 15px;border:1px solid #dce7f5;border-radius:14px;background:#fff;color:#69809a;}
body.page-oto .oe-me-count b{color:#1763bc;font-size:27px;line-height:1;}
body.page-oto .oe-me-count small{font-size:9px;font-weight:750;line-height:1.35;letter-spacing:.08em;}
body.page-oto .oe-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
body.page-oto .oe-check-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-inline-size:0;min-height:76px;margin:0;padding:10px 11px;border:1px solid #e0e8f2;border-radius:13px;background:#fff;box-shadow:0 4px 13px #173a6508;}
body.page-oto .oe-check-card legend{display:flex;align-items:center;gap:8px;flex:1;min-width:0;width:auto;float:none;padding:0;}
body.page-oto .oe-check-index{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#edf4ff;color:#2163b2;font-size:10px;font-weight:750;}
body.page-oto .oe-check-heading{display:grid;gap:3px;min-width:0;}
body.page-oto .oe-check-heading b{color:#1d3858;font-size:10px;line-height:1.3;}
body.page-oto .oe-check-heading small{color:#8292a8;font-size:9px;line-height:1.3;}
body.page-oto .oe-check-options{display:flex;flex:0 0 auto;gap:2px;padding:3px;border-radius:9px;background:#f2f5f9;}
body.page-oto .oe-check-options label{position:relative;cursor:pointer;}
body.page-oto .oe-check-options input{position:absolute;width:1px;height:1px;opacity:0;}
body.page-oto .oe-check-options label span{display:grid;place-items:center;min-width:36px;height:27px;padding:0 6px;border:1px solid transparent;border-radius:7px;color:#6d7d91;font-size:9px;font-weight:750;transition:background .18s ease,color .18s ease,box-shadow .18s ease;}
body.page-oto .oe-check-options input:checked+span{background:#fff;color:#16395f;box-shadow:0 2px 7px #1536571c;}
body.page-oto .oe-check-options label:last-child input:checked+span{background:#e4f7ef;color:#16835b;box-shadow:inset 0 0 0 1px #bdebd8;}
body.page-oto .oe-check-options input:focus-visible+span{outline:3px solid #78adf6;outline-offset:2px;}
@media(max-width:900px){body.page-oto .oe-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body.page-oto .oe-check-card{min-height:72px;}}
@media(max-width:560px){body.page-oto .oe-motor-electronics{padding:40px 0 44px;}body.page-oto .oe-me-heading{gap:12px;margin-bottom:17px;}body.page-oto .oe-me-heading h2{font-size:25px;}body.page-oto .oe-me-heading p{font-size:11px;}body.page-oto .oe-me-count{gap:7px;padding:9px 10px;border-radius:11px;}body.page-oto .oe-me-count b{font-size:22px;}body.page-oto .oe-me-count small{font-size:8px;}body.page-oto .oe-check-grid{gap:7px;}body.page-oto .oe-check-card{align-items:flex-start;flex-direction:column;gap:6px;min-height:83px;padding:9px;}body.page-oto .oe-check-card legend{gap:6px;}body.page-oto .oe-check-index{flex-basis:24px;width:24px;height:24px;border-radius:7px;font-size:9px;}body.page-oto .oe-check-heading b{font-size:9px;}body.page-oto .oe-check-heading small{font-size:8px;}body.page-oto .oe-check-options{align-self:flex-end;}body.page-oto .oe-check-options label span{min-width:34px;height:23px;font-size:8px;}}
@media(max-width:380px){body.page-oto .oe-me-heading h2{font-size:22px;}body.page-oto .oe-check-heading small{display:none;}body.page-oto .oe-check-card{min-height:64px;}}

/* Editorial Motor / Elektronik service overview: display cards, no form controls. */
body.page-oto .oe-motor-electronics{padding:56px 0 62px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%);}
body.page-oto .oe-me-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 30px;padding-bottom:24px;border-bottom:1px solid #dfe8f3;}
body.page-oto .oe-me-heading h2{margin:8px 0 7px;color:#153657;font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.04em;}
body.page-oto .oe-me-heading p{margin:0;color:#6f829b;font-size:14px;line-height:1.6;}
body.page-oto .oe-me-count{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding:13px 17px;border:1px solid #dce7f5;border-radius:16px;background:#fff;color:#69809a;box-shadow:0 7px 20px #173a6508;}
body.page-oto .oe-me-count b{color:#1763bc;font-size:31px;line-height:1;}
body.page-oto .oe-me-count small{font-size:9px;font-weight:750;line-height:1.35;letter-spacing:.09em;}
body.page-oto .oe-me-group-label{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#516b89;font-size:10px;font-weight:800;letter-spacing:.13em;}
body.page-oto .oe-me-group-label>span:last-child{margin-left:3px;color:#9aa9ba;font-size:9px;letter-spacing:.06em;}
body.page-oto .oe-me-group-mark{width:7px;height:7px;border-radius:50%;background:#f4aa00;box-shadow:0 0 0 4px #f4aa001e;}
body.page-oto .oe-me-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:25px;}
body.page-oto .oe-me-item{position:relative;display:flex;align-items:flex-start;gap:11px;min-width:0;min-height:90px;padding:15px 14px;border:1px solid #e0e8f2;border-radius:14px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 4px 14px #173a6508;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
body.page-oto .oe-me-item:hover{transform:translateY(-2px);border-color:#bfd4ef;box-shadow:0 10px 24px #173a6510;}
body.page-oto .oe-me-item-no{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#edf4ff;color:#2163b2;font-size:9px;font-weight:800;}
body.page-oto .oe-me-item h3{margin:1px 0 5px;color:#1d3858;font-size:11px;line-height:1.35;font-weight:750;}
body.page-oto .oe-me-item p{margin:0;color:#8292a8;font-size:9px;line-height:1.45;}
body.page-oto .oe-me-item-arrow{position:absolute;right:12px;top:12px;color:#b1c0d1;font-size:11px;opacity:0;transform:translate(-2px,2px);transition:opacity .18s ease,transform .18s ease;}
body.page-oto .oe-me-item:hover .oe-me-item-arrow{opacity:1;transform:translate(0,0);}
body.page-oto .oe-me-group-label-electronics{margin-top:2px;}
body.page-oto .oe-me-group-label-electronics .oe-me-group-mark{background:#168dcc;box-shadow:0 0 0 4px #168dcc1e;}
@media(max-width:900px){body.page-oto .oe-me-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:680px){body.page-oto .oe-motor-electronics{padding:42px 0 48px;}body.page-oto .oe-me-heading{margin-bottom:21px;padding-bottom:18px;}body.page-oto .oe-me-heading h2{font-size:29px;}body.page-oto .oe-me-heading p{font-size:12px;}body.page-oto .oe-me-count{gap:8px;padding:10px 12px;border-radius:13px;}body.page-oto .oe-me-count b{font-size:25px;}body.page-oto .oe-me-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;}body.page-oto .oe-me-item{min-height:79px;padding:12px 10px;gap:8px;}body.page-oto .oe-me-item-no{flex-basis:25px;width:25px;height:25px;border-radius:8px;font-size:8px;}body.page-oto .oe-me-item h3{font-size:10px;}body.page-oto .oe-me-item p{font-size:8px;}}
@media(max-width:390px){body.page-oto .oe-me-heading h2{font-size:25px;}body.page-oto .oe-me-count{padding:8px 9px;}body.page-oto .oe-me-item{min-height:73px;padding:10px 8px;}}

/* Signature Motor / Elektronik showcase, paired visually with the bodywork section. */
body.page-oto .oe-motor-electronics{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 80px;background:radial-gradient(ellipse at 88% 28%,#123d70 0,#0c2e57 35%,transparent 68%),linear-gradient(122deg,#06172d,#09264a 58%,#0b2e59);color:#fff;}
body.page-oto .oe-motor-electronics:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.14;background-image:linear-gradient(#a8cfff12 1px,transparent 1px),linear-gradient(90deg,#a8cfff12 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000);}
body.page-oto .oe-anchor-alias{position:absolute;top:0;scroll-margin-top:132px;}
body.page-oto .oe-engine-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,6vw,82px);}
body.page-oto .oe-engine-copy{min-width:0;}
body.page-oto .oe-engine-kicker{display:inline-flex;align-items:center;gap:9px;color:#9fc9ff;font-size:9px;font-weight:800;letter-spacing:.17em;}
body.page-oto .oe-engine-kicker i,body.page-oto .oe-engine-frame-head i{width:8px;height:8px;border-radius:50%;background:#f7aa00;box-shadow:0 0 0 4px #f7aa0024;}
body.page-oto .oe-engine-copy h2{margin:18px 0 15px;color:#f5f9ff;font-size:clamp(38px,4.4vw,58px);font-weight:750;line-height:1.04;letter-spacing:-.05em;}
body.page-oto .oe-engine-copy h2 span{color:#79b5ff;}
body.page-oto .oe-engine-copy>p{max-width:480px;margin:0;color:#bdcfe4;font-size:14px;line-height:1.85;}
body.page-oto .oe-engine-cta{display:inline-flex;align-items:center;gap:15px;margin-top:22px;padding:12px 16px;border:1px solid #77a9e25c;border-radius:999px;color:#fff;font-size:11px;font-weight:700;transition:background .2s ease,border-color .2s ease;}
body.page-oto .oe-engine-cta:hover{border-color:#8fc2ff;background:#ffffff12;}
body.page-oto .oe-engine-cta span{color:#9fc9ff;font-size:15px;}
body.page-oto .oe-engine-steps{display:grid;gap:0;max-width:455px;margin-top:24px;}
body.page-oto .oe-engine-steps>div{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #ffffff17;}
body.page-oto .oe-engine-steps>div:last-child{border-bottom:0;}
body.page-oto .oe-engine-steps>div>b{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #79b5ff55;border-radius:50%;color:#a9d2ff;font-size:8px;}
body.page-oto .oe-engine-steps>div>span{display:grid;gap:2px;color:#f2f7ff;font-size:10px;font-weight:700;}
body.page-oto .oe-engine-steps small{color:#92aac5;font-size:8px;font-weight:400;}
body.page-oto .oe-engine-visual{position:relative;min-width:0;padding:0 0 10px 0;}
body.page-oto .oe-engine-orbit{position:absolute;top:50%;left:50%;width:min(82%,430px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #86bdff20;border-radius:50%;box-shadow:0 0 0 34px #86bdff08,0 0 0 74px #86bdff05;}
body.page-oto .oe-engine-frame{position:relative;overflow:hidden;padding:0 13px 11px;border:1px solid #ffffff32;border-radius:20px;background:linear-gradient(150deg,#142e4c,#0c2139);box-shadow:0 24px 70px #020a17a8,inset 0 1px #ffffff12;}
body.page-oto .oe-engine-frame-head{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;color:#bfd5ef;font-size:8px;font-weight:750;letter-spacing:.1em;}
body.page-oto .oe-engine-frame-head>span:first-child{display:inline-flex;align-items:center;gap:8px;}
body.page-oto .oe-engine-frame-head i{width:7px;height:7px;background:#36d29a;box-shadow:0 0 0 3px #36d29a24;}
body.page-oto .oe-engine-frame>img{display:block;width:100%;height:clamp(210px,27vw,340px);object-fit:contain;border-radius:8px;background:#fff;}
body.page-oto .oe-engine-frame-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 4px 0;color:#9fb6d0;font-size:8px;font-weight:700;letter-spacing:.06em;}
body.page-oto .oe-engine-frame-foot b{margin-right:4px;color:#fff;font-size:13px;}
body.page-oto .oe-engine-stamp{position:absolute;top:-18px;right:-18px;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #8cbcff5c;border-radius:14px;background:#102f53;box-shadow:0 16px 36px #020a1766;transform:rotate(4deg);}
body.page-oto .oe-engine-stamp b{color:#ffb000;font-size:28px;line-height:1;}
body.page-oto .oe-engine-stamp span{color:#d5e6fa;font-size:8px;font-weight:750;line-height:1.35;letter-spacing:.08em;}
body.page-oto .oe-engine-index{margin-top:54px;padding-top:24px;border-top:1px solid #ffffff24;}
body.page-oto .oe-engine-index-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px;}
body.page-oto .oe-engine-index-head .oe-engine-kicker{font-size:8px;}
body.page-oto .oe-engine-index-head h3{margin:6px 0 0;color:#f4f8ff;font-size:21px;letter-spacing:-.025em;}
body.page-oto .oe-engine-index-note{display:inline-flex;align-items:center;gap:7px;color:#8fa9c5;font-size:8px;font-weight:750;letter-spacing:.12em;}
body.page-oto .oe-engine-index-note i{width:7px;height:7px;border-radius:50%;background:#37d29a;box-shadow:0 0 0 4px #37d29a20;}
body.page-oto .oe-engine-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
body.page-oto .oe-engine-topic{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:53px;padding:8px 10px;border:1px solid #ffffff19;border-radius:11px;background:linear-gradient(120deg,#ffffff0d,#ffffff05);transition:background .18s ease,border-color .18s ease,transform .18s ease;}
body.page-oto .oe-engine-topic:hover{transform:translateY(-2px);border-color:#84b9f255;background:#ffffff12;}
body.page-oto .oe-engine-topic-no{display:grid;place-items:center;width:25px;height:25px;border:1px solid #7fb4ef48;border-radius:8px;color:#9fc9ff;font-size:8px;font-weight:800;}
body.page-oto .oe-engine-topic>b{color:#e5effb;font-size:9px;line-height:1.35;}
body.page-oto .oe-engine-topic>small{color:#8da8c4;font-size:7px;font-weight:700;letter-spacing:.07em;}
@media(max-width:900px){body.page-oto .oe-engine-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;}body.page-oto .oe-engine-topics{grid-template-columns:repeat(3,minmax(0,1fr));}body.page-oto .oe-engine-topic{grid-template-columns:23px minmax(0,1fr);}.oe-engine-topic>small{grid-column:2;}}
@media(max-width:680px){body.page-oto .oe-motor-electronics{padding:54px 0 58px;}body.page-oto .oe-engine-hero{grid-template-columns:1fr;gap:34px;}body.page-oto .oe-engine-copy h2{font-size:40px;}body.page-oto .oe-engine-copy>p{font-size:13px;}body.page-oto .oe-engine-steps{margin-top:18px;}body.page-oto .oe-engine-visual{margin:0 9px;}body.page-oto .oe-engine-frame>img{height:245px;}body.page-oto .oe-engine-stamp{top:-13px;right:-10px;padding:9px 11px;}body.page-oto .oe-engine-stamp b{font-size:23px;}body.page-oto .oe-engine-index{margin-top:40px;padding-top:19px;}body.page-oto .oe-engine-index-head h3{font-size:18px;}body.page-oto .oe-engine-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}body.page-oto .oe-engine-topic{min-height:51px;padding:7px;gap:7px;}body.page-oto .oe-engine-topic>b{font-size:8px;}body.page-oto .oe-engine-topic>small{font-size:6px;}}
@media(max-width:390px){body.page-oto .oe-engine-copy h2{font-size:34px;}body.page-oto .oe-engine-index-note{font-size:7px;}body.page-oto .oe-engine-topic{grid-template-columns:21px minmax(0,1fr);gap:6px;}body.page-oto .oe-engine-topic-no{width:21px;height:21px;}body.page-oto .oe-engine-topic>small{grid-column:2;}}

/* Clickable kaporta report samples. Source QR blocks are permanently redacted in the WebP previews. */
body.page-oto .oe-report-gallery{margin:68px 0 58px;padding:27px 28px 20px;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(145deg,#0d2a4b,#0a2340 68%,#102e51);box-shadow:0 24px 64px #020d1d4a;}
body.page-oto .oe-report-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px;}
body.page-oto .oe-report-gallery-head .oe-kicker{color:#9fc9ff;font-size:8px;}
body.page-oto .oe-report-gallery-head h3{margin:8px 0 6px;color:#f2f7ff;font-size:clamp(21px,2.8vw,32px);line-height:1.15;letter-spacing:-.035em;}
body.page-oto .oe-report-gallery-head p{margin:0;color:#a9bfd9;font-size:11px;line-height:1.6;}
body.page-oto .oe-report-gallery-count{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 13px;border:1px solid #7fb4ef38;border-radius:13px;background:#ffffff08;color:#bfd6f1;}
body.page-oto .oe-report-gallery-count b{color:#ffb000;font-size:25px;line-height:1;}
body.page-oto .oe-report-gallery-count small{font-size:8px;font-weight:750;line-height:1.35;letter-spacing:.08em;}
body.page-oto .oe-report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
body.page-oto .oe-report-card{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #8eb5e433;border-radius:15px;background:linear-gradient(145deg,#163554,#102b4a);color:inherit;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
body.page-oto .oe-report-card:hover,body.page-oto .oe-report-card:focus-visible{transform:translateY(-3px);border-color:#8abaffaa;box-shadow:0 15px 34px #020a1766;outline:none;}
body.page-oto .oe-report-card-top{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#abc3df;font-size:7px;font-weight:800;letter-spacing:.12em;}
body.page-oto .oe-report-card-top i{width:6px;height:6px;border-radius:50%;background:#f4aa00;box-shadow:0 0 0 3px #f4aa0022;}
body.page-oto .oe-report-card-top b{margin-left:auto;color:#94bfff;font-size:14px;}
body.page-oto .oe-report-card-pages{display:flex;align-items:center;justify-content:center;gap:5px;height:224px;overflow:hidden;padding:9px 5px 7px;border-radius:9px;background:#fff;}
body.page-oto .oe-report-card-pages figure{display:flex;flex:1 1 0;align-items:center;justify-content:center;flex-direction:column;min-width:0;height:100%;margin:0;overflow:hidden;}
body.page-oto .oe-report-card-pages figure img{display:block;width:100%;height:calc(100% - 12px);object-fit:contain;}
body.page-oto .oe-report-card-pages figure figcaption{height:12px;color:#708198;font-size:6px;line-height:12px;}
body.page-oto .oe-report-card-name{margin:12px 2px 3px;color:#f6f9ff;font-size:13px;font-weight:750;}
body.page-oto .oe-report-card-desc{margin:0 2px 2px;color:#a9bfd9;font-size:9px;line-height:1.45;}
body.page-oto .oe-report-gallery-note{display:flex;align-items:center;gap:7px;margin:14px 1px 0;color:#8fa9c5;font-size:8px;}
body.page-oto .oe-report-gallery-note span{color:#ffb000;font-size:11px;}
body.page-oto .oe-report-dialog{width:min(1240px,94vw);max-width:none;max-height:92vh;margin:auto;padding:0;border:1px solid #b9cce2;border-radius:18px;background:#f7f9fc;color:#162f4d;box-shadow:0 30px 100px #0009;}
body.page-oto .oe-report-dialog::backdrop{background:#041429d9;backdrop-filter:blur(7px);}
body.page-oto .oe-report-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px 16px;border-bottom:1px solid #e0e7f0;background:#fff;}
body.page-oto .oe-report-dialog-head>div>span{color:#4776ae;font-size:8px;font-weight:800;letter-spacing:.12em;}
body.page-oto .oe-report-dialog-head h3{margin:5px 0 3px;color:#153657;font-size:20px;}
body.page-oto .oe-report-dialog-head p{margin:0;color:#75869a;font-size:10px;}
body.page-oto .oe-report-dialog-head button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #dce5ef;border-radius:50%;background:#f8faff;color:#193a5d;font-size:23px;cursor:pointer;}
body.page-oto .oe-report-dialog-pages{display:flex;align-items:flex-start;justify-content:center;gap:14px;overflow:auto;max-height:calc(92vh - 90px);padding:18px;background:#eaf0f7;}
body.page-oto .oe-report-dialog-pages figure{display:flex;flex:0 1 auto;align-items:center;flex-direction:column;min-width:0;margin:0;padding:8px;border:1px solid #d8e1eb;border-radius:7px;background:#fff;box-shadow:0 7px 20px #173a6512;}
body.page-oto .oe-report-dialog-pages img{display:block;width:auto;height:auto;max-width:calc((90vw - 70px)/2);max-height:calc(82vh - 105px);object-fit:contain;}
body.page-oto .oe-report-dialog-pages figcaption{padding-top:7px;color:#6e8095;font-size:9px;}
body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:min(70vw,680px);max-height:calc(82vh - 105px);}
@media(max-width:900px){body.page-oto .oe-report-gallery{margin:52px 0 44px;padding:22px 18px 17px;}body.page-oto .oe-report-cards{grid-template-columns:repeat(2,minmax(0,1fr));}body.page-oto .oe-report-card-pages{height:230px;}}
@media(max-width:560px){body.page-oto .oe-report-gallery{margin:40px 0 34px;padding:18px 12px 14px;border-radius:17px;}body.page-oto .oe-report-gallery-head{align-items:flex-start;gap:10px;margin-bottom:16px;}body.page-oto .oe-report-gallery-head h3{font-size:22px;}body.page-oto .oe-report-gallery-head p{font-size:9px;}body.page-oto .oe-report-gallery-count{gap:6px;padding:8px;border-radius:10px;}body.page-oto .oe-report-gallery-count b{font-size:21px;}body.page-oto .oe-report-gallery-count small{font-size:7px;}body.page-oto .oe-report-cards{grid-template-columns:1fr;gap:10px;}body.page-oto .oe-report-card{padding:10px;}body.page-oto .oe-report-card-pages{height:250px;}body.page-oto .oe-report-card-name{font-size:12px;}body.page-oto .oe-report-card-desc{font-size:8px;}body.page-oto .oe-report-dialog{width:96vw;max-height:94vh;border-radius:13px;}body.page-oto .oe-report-dialog-head{padding:14px 13px 12px;}body.page-oto .oe-report-dialog-head h3{font-size:17px;}body.page-oto .oe-report-dialog-pages{gap:7px;max-height:calc(94vh - 80px);padding:8px;}body.page-oto .oe-report-dialog-pages figure{padding:4px;}body.page-oto .oe-report-dialog-pages img{max-width:calc((92vw - 34px)/2);max-height:78vh;}body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:80vw;max-height:78vh;}}

/* Compact report examples live directly in the kaporta explanation column. */
body.page-oto .oe-report-inline{max-width:465px;margin-top:23px;padding-top:13px;border-top:1px solid #ffffff24;}
body.page-oto .oe-report-inline-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#9fc9ff;font-size:8px;font-weight:800;letter-spacing:.13em;}
body.page-oto .oe-report-inline-head small{color:#a9bfd9;font-size:8px;font-weight:550;letter-spacing:0;}
body.page-oto .oe-report-inline-head small b{margin-left:3px;color:#ffb000;font-size:12px;}
body.page-oto .oe-report-inline-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.page-oto .oe-report-inline-card{display:flex;min-width:0;flex-direction:column;align-items:stretch;padding:7px;border:1px solid #8eb5e433;border-radius:11px;background:linear-gradient(145deg,#163554,#102b4a);color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
body.page-oto .oe-report-inline-card:hover,body.page-oto .oe-report-inline-card:focus-visible{transform:translateY(-2px);border-color:#8abaff99;background:linear-gradient(145deg,#1d4265,#123458);outline:none;}
body.page-oto .oe-report-inline-thumb{display:grid;height:82px;place-items:center;overflow:hidden;border-radius:6px;background:#f8faff;}
body.page-oto .oe-report-inline-thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:4px;}
body.page-oto .oe-report-inline-name{margin:7px 1px 2px;color:#f6f9ff;font-size:9px;font-weight:750;line-height:1.2;}
body.page-oto .oe-report-inline-meta{display:flex;justify-content:space-between;align-items:center;margin:0 1px;color:#a9bfd9;font-size:7px;}
body.page-oto .oe-report-inline-meta b{color:#ffb000;font-size:11px;}
@media(max-width:760px){body.page-oto .oe-report-inline{margin-top:19px;}body.page-oto .oe-report-inline-thumb{height:76px;}}
@media(max-width:420px){body.page-oto .oe-report-inline-cards{gap:6px;}body.page-oto .oe-report-inline-card{padding:5px;border-radius:9px;}body.page-oto .oe-report-inline-thumb{height:67px;}body.page-oto .oe-report-inline-name{font-size:8px;}}

/* Keep the kaporta report preview beside its copy at compact desktop widths. */
@media (min-width:561px) and (max-width:760px){
  body:is(.page-oto, .home-focus) .oe-bodywork-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:18px;}
  body:is(.page-oto, .home-focus) .oe-bodywork-copy{grid-column:1;grid-row:1;}
  body:is(.page-oto, .home-focus) .oe-bodywork-visual{grid-column:2;grid-row:1;min-width:0;}
  body:is(.page-oto, .home-focus) .oe-bodywork-copy h2{font-size:clamp(29px,5.2vw,36px);}
  body.page-oto .oe-report-inline{margin-top:16px;}
  body.page-oto .oe-report-inline-cards{gap:5px;}
  body.page-oto .oe-report-inline-card{padding:5px;}
  body.page-oto .oe-report-inline-thumb{height:68px;}
}
@media (max-width:560px){body:is(.page-oto, .home-focus) .oe-bodywork-grid{grid-template-columns:1fr;}body:is(.page-oto, .home-focus) .oe-bodywork-copy,body:is(.page-oto, .home-focus) .oe-bodywork-visual{grid-column:auto;grid-row:auto;}}

/* Keep report popups compact while keeping two-page spreads readable. */
body.page-oto .oe-report-dialog{width:min(980px,88vw);max-height:82vh;border-radius:15px;}
body.page-oto .oe-report-dialog-head{padding:14px 18px 11px;}
body.page-oto .oe-report-dialog-head h3{font-size:17px;}
body.page-oto .oe-report-dialog-pages{gap:10px;max-height:calc(82vh - 72px);padding:12px;}
body.page-oto .oe-report-dialog-pages figure{padding:6px;}
body.page-oto .oe-report-dialog-pages img{max-width:calc((84vw - 50px)/2);max-height:calc(66vh - 45px);}
body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:min(62vw,560px);max-height:calc(70vh - 55px);}
@media(max-width:560px){body.page-oto .oe-report-dialog{width:96vw;max-height:90vh;}body.page-oto .oe-report-dialog-head{padding:12px;}body.page-oto .oe-report-dialog-pages{max-height:calc(90vh - 72px);padding:8px;}body.page-oto .oe-report-dialog-pages img{max-width:calc((92vw - 34px)/2);max-height:calc(74vh - 50px);}body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:80vw;max-height:calc(76vh - 50px);}}

/* Dark report viewer with larger page previews. */
body.page-oto .oe-report-dialog{width:min(1360px,96vw);max-height:94vh;border:1px solid #294b70;border-radius:16px;background:#071b33;color:#eff6ff;box-shadow:0 28px 100px #000b;}
body.page-oto .oe-report-dialog::backdrop{background:#020b18e8;backdrop-filter:blur(8px);}
body.page-oto .oe-report-dialog-head{padding:16px 22px 13px;border-bottom:1px solid #ffffff1a;background:linear-gradient(120deg,#102d4d,#081d36);}
body.page-oto .oe-report-dialog-head>div>span{color:#91bfff;}
body.page-oto .oe-report-dialog-head h3{color:#f4f8ff;font-size:19px;}
body.page-oto .oe-report-dialog-head p{color:#a9bfd9;}
body.page-oto .oe-report-dialog-head button{border-color:#ffffff2a;background:#ffffff0c;color:#eef6ff;}
body.page-oto .oe-report-dialog-pages{gap:16px;max-height:calc(94vh - 75px);padding:16px;background:radial-gradient(ellipse at 50% 0%,#173858,#081d35 72%);}
body.page-oto .oe-report-dialog-pages figure{padding:8px;border-color:#ffffff20;border-radius:9px;background:#f7f9fc;box-shadow:0 14px 34px #0005;}
body.page-oto .oe-report-dialog-pages img{max-width:calc((92vw - 80px)/2);max-height:calc(86vh - 100px);}
body.page-oto .oe-report-dialog-pages figcaption{color:#d5e5f7;}
body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:min(76vw,760px);max-height:calc(88vh - 115px);}
@media(max-width:560px){body.page-oto .oe-report-dialog{width:96vw;max-height:94vh;}body.page-oto .oe-report-dialog-head{padding:13px 14px 11px;}body.page-oto .oe-report-dialog-head h3{font-size:17px;}body.page-oto .oe-report-dialog-pages{gap:8px;max-height:calc(94vh - 72px);padding:8px;}body.page-oto .oe-report-dialog-pages figure{padding:4px;}body.page-oto .oe-report-dialog-pages img{max-width:calc((92vw - 34px)/2);max-height:calc(86vh - 90px);}body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:84vw;max-height:calc(88vh - 100px);}}

/* Slightly lighten the report viewer's navy surfaces. */
body.page-oto .oe-report-dialog{background:#102943;}
body.page-oto .oe-report-dialog::backdrop{background:#071426dc;}
body.page-oto .oe-report-dialog-head{background:linear-gradient(120deg,#1a3a5b,#102943);}
body.page-oto .oe-report-dialog-pages{background:radial-gradient(ellipse at 50% 0%,#2a4b6b,#142f4c 72%);}

/* Show report pages directly, with captions below and rounded image corners. */
body.page-oto .oe-report-dialog-pages figure{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
body.page-oto .oe-report-dialog-pages img{border-radius:12px;}
body.page-oto .oe-report-dialog-pages figcaption{padding-top:8px;color:#d5e5f7;text-align:center;}
@media(max-width:560px){body.page-oto .oe-report-dialog-pages figure{padding:0;}}

/* Use the popup area for the reports instead of a tall title bar. */
body.page-oto .oe-report-dialog{width:min(1480px,98vw);max-height:98vh;border-radius:11px;}
body.page-oto .oe-report-dialog-head{padding:6px 14px;min-height:34px;}
body.page-oto .oe-report-dialog-head>div>span{font-size:7px;}
body.page-oto .oe-report-dialog-head button{width:30px;height:30px;flex-basis:30px;font-size:20px;}
body.page-oto .oe-report-dialog-pages{max-height:calc(98vh - 46px);padding:6px 8px 3px;gap:12px;}
body.page-oto .oe-report-dialog-pages img{max-width:calc((96vw - 46px)/2);max-height:calc(94vh - 75px);cursor:zoom-in;}
body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:min(78vw,840px);max-height:calc(95vh - 80px);}
body.page-oto .oe-report-dialog-pages figcaption{padding-top:5px;font-size:9px;}
body.page-oto .oe-report-zoom{width:98vw;height:96vh;max-width:none;max-height:none;margin:auto;padding:42px 10px 10px;border:1px solid #42688e;border-radius:12px;background:#091d34;box-shadow:0 28px 100px #000c;}
body.page-oto .oe-report-zoom::backdrop{background:#020916ed;backdrop-filter:blur(8px);}
body.page-oto .oe-report-zoom-close{position:absolute;z-index:2;top:7px;right:9px;display:grid;width:32px;height:32px;place-items:center;border:1px solid #ffffff35;border-radius:50%;background:#ffffff12;color:#f4f8ff;font-size:22px;cursor:pointer;}
body.page-oto .oe-report-zoom-stage{display:flex;width:100%;height:100%;justify-content:center;overflow:auto;border-radius:8px;}
body.page-oto .oe-report-zoom-stage img{display:block;width:auto;height:138vh;max-width:none;max-height:none;align-self:flex-start;border-radius:10px;background:#fff;object-fit:contain;}
body.page-oto .oe-report-dialog-pages img:focus-visible{outline:2px solid #76b1ff;outline-offset:2px;}
@media(max-width:560px){body.page-oto .oe-report-dialog{width:98vw;max-height:96vh;}body.page-oto .oe-report-dialog-pages{max-height:calc(96vh - 42px);padding:5px 4px 2px;gap:7px;}body.page-oto .oe-report-dialog-pages img{max-width:calc((96vw - 24px)/2);max-height:calc(92vh - 58px);}body.page-oto .oe-report-dialog-single .oe-report-dialog-pages img{max-width:86vw;max-height:calc(94vh - 60px);}body.page-oto .oe-report-zoom{width:99vw;height:97vh;padding:40px 5px 5px;}body.page-oto .oe-report-zoom-stage img{height:125vh;}}

/* Navigate directly between the three kaporta report previews. */
body.page-oto .oe-report-dialog{position:fixed;}
body.page-oto .oe-report-nav{position:absolute;z-index:5;top:50%;display:grid;width:42px;height:42px;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#0d2947d9;color:#f5f9ff;font-size:31px;line-height:1;cursor:pointer;box-shadow:0 4px 18px #0005;transform:translateY(-50%);transition:background .18s ease,border-color .18s ease,scale .18s ease;}
body.page-oto .oe-report-nav:hover,body.page-oto .oe-report-nav:focus-visible{border-color:#9bcaff;background:#1a4b78;scale:1.08;outline:2px solid #8bc0ff;outline-offset:2px;}
body.page-oto .oe-report-nav-prev{left:10px;}
body.page-oto .oe-report-nav-next{right:10px;}
@media(max-width:560px){body.page-oto .oe-report-nav{width:34px;height:34px;font-size:25px;}body.page-oto .oe-report-nav-prev{left:5px;}body.page-oto .oe-report-nav-next{right:5px;}}


/* Compact two-column motor/mechanical and electronics report overview. */
body.page-oto .oe-motor-electronics{padding-block:clamp(48px,6vw,82px);}
body.page-oto .oe-engine-heading{max-width:760px;margin-bottom:30px;}
body.page-oto .oe-engine-heading h2{margin:13px 0 10px;color:#f5f9ff;font-size:clamp(30px,3.5vw,46px);line-height:1.08;letter-spacing:-.045em;}
body.page-oto .oe-engine-heading h2 span{color:#79b5ff;}
body.page-oto .oe-engine-heading>p{max-width:650px;margin:0;color:#bdcfe4;font-size:14px;line-height:1.7;}
body.page-oto .oe-engine-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:18px;}
body.page-oto .oe-engine-group{min-width:0;padding:20px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(145deg,#ffffff0c,#ffffff05);box-shadow:0 18px 48px #020d1c24;}
body.page-oto .oe-engine-group-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:15px;border-bottom:1px solid #ffffff1c;}
body.page-oto .oe-engine-group-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #78b4f04a;border-radius:12px;background:#2e6da329;color:#a7d0ff;font-size:10px;font-weight:850;}
body.page-oto .oe-engine-group-icon-electronics{border-color:#ffd06a52;background:#ffb80018;color:#ffd273;}
body.page-oto .oe-engine-group-eyebrow{color:#8eaac8;font-size:8px;font-weight:800;letter-spacing:.14em;}
body.page-oto .oe-engine-group-head h3{margin:4px 0 0;color:#f4f8ff;font-size:20px;letter-spacing:-.025em;}
body.page-oto .oe-engine-group-count{color:#8fbfff;font-size:20px;letter-spacing:-.04em;}
body.page-oto .oe-engine-list{display:grid;gap:7px;}
body.page-oto .oe-engine-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:39px;padding:7px 9px;border:1px solid #ffffff15;border-radius:10px;background:#ffffff08;}
body.page-oto .oe-engine-row>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #7fb4ef38;border-radius:8px;color:#9fc9ff;font-size:8px;font-weight:800;}
body.page-oto .oe-engine-row>b{color:#e5effb;font-size:10px;line-height:1.35;}
body.page-oto .oe-engine-row>small{color:#8da8c4;font-size:7px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;}
body.page-oto .oe-engine-report{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,.7fr);align-items:center;gap:12px;margin-top:14px;padding:12px;border:1px solid #ffffff20;border-radius:13px;background:#081c33;overflow:hidden;transition:border-color .2s ease,transform .2s ease;}
body.page-oto .oe-engine-report:hover{transform:translateY(-2px);border-color:#83b9f077;}
body.page-oto .oe-engine-report-copy{display:grid;gap:6px;}
body.page-oto .oe-engine-report-copy>small{color:#93bfff;font-size:8px;font-weight:850;letter-spacing:.14em;}
body.page-oto .oe-engine-report-copy>b{color:#f3f7ff;font-size:13px;line-height:1.35;}
body.page-oto .oe-engine-report-copy>span{color:#9bb1cb;font-size:9px;line-height:1.5;}
body.page-oto .oe-engine-report-copy i{color:#ffb400;font-size:13px;font-style:normal;}
body.page-oto .oe-engine-report img{display:block;width:100%;height:126px;border-radius:8px;background:#fff;object-fit:contain;}
@media(max-width:800px){body.page-oto .oe-engine-columns{grid-template-columns:1fr;}body.page-oto .oe-engine-report{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr);}}
@media(max-width:520px){body.page-oto .oe-engine-group{padding:14px;border-radius:14px;}body.page-oto .oe-engine-group-head h3{font-size:18px;}body.page-oto .oe-engine-row{grid-template-columns:25px minmax(0,1fr);}.oe-engine-row>small{display:none;}body.page-oto .oe-engine-report{grid-template-columns:1fr;}body.page-oto .oe-engine-report img{height:150px;}}


/* Motor / elektronik comparison columns: equal height, clearer labels and stronger contrast. */
body.page-oto .oe-engine-columns{align-items:stretch;}
body.page-oto .oe-engine-group{display:flex;height:100%;flex-direction:column;padding:22px;border-color:#7291b555;background:linear-gradient(145deg,#153352,#0c2340 78%);}
body.page-oto .oe-engine-group-mechanical{border-top:3px solid #53a6ff;}
body.page-oto .oe-engine-group-electronics{border-top:3px solid #f0aa22;}
body.page-oto .oe-engine-group-head{grid-template-columns:42px minmax(0,1fr) auto;margin-bottom:16px;padding-bottom:16px;}
body.page-oto .oe-engine-group-icon{width:42px;height:42px;border-color:#66b2ff80;background:#2374bc35;color:#c2e0ff;font-size:11px;}
body.page-oto .oe-engine-group-icon-electronics{border-color:#ffc34c80;background:#c5891830;color:#ffe09a;}
body.page-oto .oe-engine-group-eyebrow{color:#b7c9dd;font-size:9px;}
body.page-oto .oe-engine-group-head h3{font-size:22px;}
body.page-oto .oe-engine-group-count{color:#c0ddff;font-size:24px;}
body.page-oto .oe-engine-list{gap:8px;}
body.page-oto .oe-engine-row{grid-template-columns:30px minmax(0,1fr) auto;min-height:47px;gap:11px;padding:9px 11px;border-color:#7897b344;background:#0a1f37aa;}
body.page-oto .oe-engine-row>span{width:28px;height:28px;border-color:#69a9e77a;background:#1e57902b;color:#c6e2ff;font-size:9px;}
body.page-oto .oe-engine-row>b{color:#f5f8fc;font-size:12px;line-height:1.45;}
body.page-oto .oe-engine-row>small{color:#c0cfe0;font-size:8px;letter-spacing:.08em;}
body.page-oto .oe-engine-group-electronics .oe-engine-row>span{border-color:#eab95074;background:#80530c33;color:#ffe1a2;}
body.page-oto .oe-engine-report{grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);margin-top:auto;padding:14px;border-color:#7b98b94d;background:#081a30;}
body.page-oto .oe-engine-report-copy>b{font-size:14px;}
body.page-oto .oe-engine-report-copy>span{color:#bdcde0;font-size:10px;}
body.page-oto .oe-engine-report img{height:150px;}
@media(max-width:800px){body.page-oto .oe-engine-columns{align-items:stretch;}body.page-oto .oe-engine-group{height:auto;}body.page-oto .oe-engine-report{margin-top:14px;}}
@media(max-width:520px){body.page-oto .oe-engine-row{grid-template-columns:28px minmax(0,1fr) auto;min-height:46px;gap:8px;padding:8px;}body.page-oto .oe-engine-row>b{font-size:11px;}body.page-oto .oe-engine-row>small{font-size:7px;}body.page-oto .oe-engine-report img{height:145px;}}


/* Bright, editorial presentation for the complete Motor / Electronics section. */
body.page-oto .oe-motor-electronics{background:linear-gradient(180deg,#f5f8fc 0%,#ffffff 100%);color:#183451;}
body.page-oto .oe-engine-heading{max-width:810px;margin-bottom:32px;}
body.page-oto .oe-engine-heading .oe-engine-kicker{color:#356b9e;}
body.page-oto .oe-engine-heading .oe-engine-kicker i{background:#f3a91b;box-shadow:0 0 0 4px #f3a91b24;}
body.page-oto .oe-engine-heading h2{color:#173858;}
body.page-oto .oe-engine-heading h2 span{color:#286eb7;}
body.page-oto .oe-engine-heading>p{color:#60758c;}
body.page-oto .oe-engine-group{border:1px solid #d8e3ef;border-top:3px solid #3784c7;border-radius:18px;background:#fff;box-shadow:0 15px 38px #1939580d;}
body.page-oto .oe-engine-group-electronics{border-top-color:#e5a322;}
body.page-oto .oe-engine-group-head{border-bottom-color:#e5ebf2;}
body.page-oto .oe-engine-group-icon{border-color:#c8def2;background:#eef6fd;color:#27699f;}
body.page-oto .oe-engine-group-icon-electronics{border-color:#f0ddb3;background:#fff8e8;color:#a66a00;}
body.page-oto .oe-engine-group-eyebrow{color:#73879c;}
body.page-oto .oe-engine-group-head h3{color:#183b5c;}
body.page-oto .oe-engine-group-count{color:#397fba;}
body.page-oto .oe-engine-group-electronics .oe-engine-group-count{color:#b47c16;}
body.page-oto .oe-engine-row{border-color:#e2e9f1;background:#f8fafc;}
body.page-oto .oe-engine-row>span{border-color:#c9dfef;background:#eaf4fc;color:#286b9f;}
body.page-oto .oe-engine-row>b{color:#263f58;}
body.page-oto .oe-engine-row>small{color:#74869a;}
body.page-oto .oe-engine-group-electronics .oe-engine-row>span{border-color:#efddb7;background:#fff5df;color:#9b6a12;}
body.page-oto .oe-engine-report{border-color:#dce6f0;background:#f3f7fb;}
body.page-oto .oe-engine-report-copy>small{color:#3375ab;}
body.page-oto .oe-engine-report-copy>b{color:#1d3d5b;}
body.page-oto .oe-engine-report-copy>span{color:#687d92;}
body.page-oto .oe-engine-report-copy i{color:#d89613;}
body.page-oto .oe-engine-report img{border:1px solid #dce5ee;background:#fff;}
@media(max-width:520px){body.page-oto .oe-motor-electronics{padding-block:42px;}body.page-oto .oe-engine-group{padding:15px;}}


/* Full-width FAQ cards in a three-column desktop grid. */
body.page-oto .oe-faq-section{padding-block:clamp(56px,7vw,88px);}
body.page-oto .oe-faq-section>.content-wrap{width:min(calc(100% - 64px),1600px);max-width:1600px;margin-inline:auto;}
body.page-oto .oe-faq-section .content-heading{max-width:900px;margin-bottom:34px;}
body.page-oto .oe-faq-list{width:100%;max-width:none;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;}
body.page-oto .oe-faq-item{height:100%;border-radius:16px;}
body.page-oto .oe-faq-item>summary{min-height:76px;padding:17px 18px;font-size:13px;}
body.page-oto .oe-faq-item>div{padding:0 18px 18px;}
@media(max-width:900px){body.page-oto .oe-faq-section>.content-wrap{width:calc(100% - 48px);}body.page-oto .oe-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){body.page-oto .oe-faq-section{padding-block:44px;}body.page-oto .oe-faq-section>.content-wrap{width:calc(100% - 32px);}body.page-oto .oe-faq-list{grid-template-columns:1fr;gap:12px;}body.page-oto .oe-faq-item>summary{min-height:62px;padding:14px 15px;font-size:12px;}}

/* Display every report preview without a disclosure control. */
body.page-oto #raporlar .content-gallery-more>.content-gallery{margin-top:24px;}


/* Show all 20 report cards in one continuous five-column gallery on desktop. */
body.page-oto #raporlar>.content-wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:16px;width:100%;max-width:1240px;margin-inline:auto;}
body.page-oto #raporlar .content-gallery-reports,body.page-oto #raporlar .content-gallery-more{display:contents;}
body.page-oto #raporlar .content-gallery-more>.content-gallery{margin-top:0;}
body.page-oto #raporlar .content-gallery-reports img{height:220px;padding:9px;}
body.page-oto #raporlar .content-gallery-reports figcaption{padding:10px 11px;font-size:10px;}
@media(max-width:900px){body.page-oto #raporlar>.content-wrap{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 48px);}}
@media(max-width:620px){body.page-oto #raporlar>.content-wrap{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 40px);padding-inline:20px;gap:12px;}body.page-oto #raporlar .content-gallery-reports img{height:190px;}}
@media(max-width:390px){body.page-oto #raporlar>.content-wrap{grid-template-columns:1fr;}}


/* Cleaner report previews: keep the card frame, remove the inset image mat. */
body.page-oto #raporlar .content-gallery-card{overflow:hidden;border:1px solid #dfe7f2;border-radius:19px;background:#fff;}
body.page-oto #raporlar .content-gallery-reports img{padding:0;background:#fff;object-fit:contain;}
body.page-oto #raporlar .content-gallery-reports figcaption{background:#fff;border-top:1px solid #edf1f5;padding:11px 12px;text-align:center;}


/* Larger report artwork with a restrained one-pixel card frame. */
body.page-oto #raporlar .content-gallery-card{border-width:1px;}
body.page-oto #raporlar .content-gallery-reports img{height:250px;padding:0;}
body.page-oto #raporlar .content-gallery-reports figcaption{padding:10px 8px;font-size:10px;}
@media(max-width:620px){body.page-oto #raporlar .content-gallery-reports img{height:230px;}}

/* Lighter, less prominent frame around each report card. */
body.page-oto #raporlar .content-gallery-card{border:1px solid #e9eef4;box-shadow:0 3px 12px #17324e05;}


/* Report gallery opens in the same dark, spacious dialog language as Kaporta. */
body.page-oto .oe-report-gallery-dialog{width:min(1360px,96vw);max-height:94vh;background:#071b33;border-color:#294b70;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head{background:linear-gradient(120deg,#102d4d,#081d36);border-bottom-color:#ffffff1a;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head>div>span{color:#91bfff;font-size:9px;letter-spacing:.14em;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head button{border-color:#ffffff2a;background:#ffffff0c;color:#eef6ff;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages{display:flex;align-items:center;justify-content:center;max-height:calc(94vh - 62px);padding:12px;background:radial-gradient(ellipse at 50% 0%,#173858,#081d35 72%);}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages figure{width:max-content;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages img{display:block;width:auto;max-width:min(80vw,1050px);max-height:calc(88vh - 100px);border-radius:10px;background:#fff;object-fit:contain;cursor:zoom-in;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages figcaption{padding:10px 0 0;color:#d5e5f7;font-size:12px;text-align:center;}
@media(max-width:560px){body.page-oto .oe-report-gallery-dialog{width:96vw;max-height:94vh;}body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages{max-height:calc(94vh - 58px);padding:8px;}body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages img{max-width:88vw;max-height:calc(88vh - 90px);}}

body:is(.page-press, .page-oto, .home-focus) .press-video-meta .press-video-type{font-size:11px;color:#92a0b3;}

body:is(.page-oto, .home-focus) section.oe-press-videos .press-video-card .press-video-info h3{font-size:14px;line-height:1.4;}

body:is(.page-oto, .home-focus) section.oe-press-videos .press-video-card .press-video-info h3{font-size:12.6px!important;line-height:1.4;}

body:is(.page-oto, .home-focus) #kalite-belgeleri .content-heading>p{font-size:12px;line-height:1.6;}

/* Match the review kicker to the centered press-section eyebrow. */
body.page-oto .oe-review-section .reviews-eyebrow{font-size:var(--type-kicker,.6875rem);line-height:1.4;font-weight:700;letter-spacing:.16em;color:#0b55b7;}
body.page-oto .oe-review-section .reviews-eyebrow::before{display:none;}

/* Use the centered press-section eyebrow treatment for the selected review and section labels. */
body.page-oto :is(.oto-reference-section .content-heading>.eyebrow,.oe-faq-section .content-heading>.eyebrow,#ozellikler .content-heading>.eyebrow){font-size:var(--type-kicker,.6875rem);line-height:1.4;font-weight:700;letter-spacing:.16em;color:#0b55b7;}
body.page-oto :is(.oto-reference-section .content-heading>.eyebrow,.oe-faq-section .content-heading>.eyebrow,#ozellikler .content-heading>.eyebrow)::before{display:none;}
body.page-oto .oe-review-more{font-size:var(--type-kicker,.6875rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#0b55b7;}

/* Quality certificates: a compact standards showcase with document zoom preserved. */
body:is(.page-oto, .home-focus) #kalite-belgeleri.oe-quality-section{padding-block:clamp(52px,6vw,78px);background:radial-gradient(ellipse at 88% 8%,#9e76272a 0,transparent 35%),radial-gradient(ellipse at 5% 100%,#2d67a033 0,transparent 42%),linear-gradient(135deg,#07182f 0%,#0b2342 55%,#102b4d 100%);}
body:is(.page-oto, .home-focus) #kalite-belgeleri>.content-wrap{max-width:1240px;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;max-width:none;margin:0 0 28px;text-align:left;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading h2{margin:10px 0 10px;font-size:clamp(28px,3.2vw,40px);letter-spacing:-.045em;line-height:1.12;color:#173454;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading p{max-width:660px;margin:0;color:#637c9b;font-size:12px;line-height:1.65;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-proof{display:flex;align-items:center;gap:12px;margin-bottom:3px;padding:11px 14px;border:1px solid #d9e5f3;border-radius:14px;background:#ffffffc9;color:#49688f;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-proof b{font-size:28px;line-height:1;font-weight:650;letter-spacing:-.06em;color:#1455a8;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-proof span{font-size:8px;line-height:1.45;font-weight:700;letter-spacing:.12em;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-proof i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#e9f2ff;color:#1356a7;font-size:9px;font-style:normal;font-weight:800;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificates{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate{min-width:0;overflow:hidden;padding:11px;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-shadow:0 10px 28px #183a6509;transition:transform .2s ease,box-shadow .2s ease;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate:hover{transform:translateY(-3px);box-shadow:0 16px 34px #183a6515;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{width:100%;max-width:none;height:184px;padding:7px;border-radius:12px;background:#fff;object-fit:contain;cursor:zoom-in;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption{align-items:flex-start;width:100%;padding:12px 4px 3px;text-align:left;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate strong{font-size:13px;color:#234b7e;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption>span{font-size:10px;line-height:1.5;color:#7588a1;}
@media(max-width:900px){body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading{grid-template-columns:1fr;gap:16px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-proof{justify-self:start;}body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificates{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){body:is(.page-oto, .home-focus) #kalite-belgeleri.oe-quality-section{padding-block:42px;}body:is(.page-oto, .home-focus) #kalite-belgeleri>.content-wrap{padding-inline:18px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading{margin-bottom:20px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading h2{font-size:27px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-proof{padding:9px 11px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificates{gap:10px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate{padding:8px;border-radius:14px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{height:150px;padding:5px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate strong{font-size:11px;}body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption>span{font-size:9px;}}


/* Quality certificates: centered, equal-height standards cards. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading{grid-template-columns:1fr;justify-items:center;text-align:center;margin-inline:auto;max-width:900px;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading>div:first-child{display:flex;flex-direction:column;align-items:center;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading .eyebrow{justify-content:center;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading p{margin-inline:auto;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-proof{justify-self:center;margin:0;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificates{align-items:stretch;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate{display:flex;flex-direction:column;align-items:stretch;height:100%;text-align:center;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{height:184px;flex:0 0 184px;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption>span{max-width:100%;}
@media(max-width:560px){body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{height:150px;flex-basis:150px;}}


/* Modules moved to the page end: light surface and compact typography. */
body.page-oto main[data-page=oto]>.oe-modules.content-soft{background:linear-gradient(180deg,#f7f9fc 0%,#eef4fb 100%);}
body.page-oto main[data-page=oto] .oe-modules .content-heading h2{color:#173454;font-size:clamp(25px,2.5vw,32px);}
body.page-oto main[data-page=oto] .oe-modules .content-heading>.eyebrow{color:#0b55b7;font-size:10px;letter-spacing:.16em;}
body.page-oto main[data-page=oto] .oe-modules .content-heading>p{color:#637c9b;font-size:13px;line-height:1.6;}
body.page-oto main[data-page=oto] .oe-modules details,body.page-oto main[data-page=oto] .oe-modules details[open]{background:#fff;border-color:#dce6f2;}
body.page-oto main[data-page=oto] .oe-modules summary{padding:15px 17px;color:#355779;font-size:13px;}
body.page-oto main[data-page=oto] .oe-modules li{color:#7186a1;font-size:12px;line-height:1.5;}
body.page-oto main[data-page=oto] .oe-modules .content-module>ul{gap:8px;padding:0 18px 18px 43px;}

/* Keep module feature bullet text at the requested compact size. */
body.page-oto #moduller .content-module>ul>li{font-size:12px;line-height:1.5;}

/* Requested final size for the module feature list. */
body.page-oto #moduller .content-modules .content-module ul li{font-size:12px!important;line-height:1.5;}


/* Oto page dialogs use the same light surface as the rest of the site. */
body.page-oto :is(.press-video-dialog,.press-image-dialog,.oe-report-dialog,.oe-report-zoom,dialog.lightbox){border-color:#d9e3ef;background:#fff;color:#173454;box-shadow:0 28px 90px #16345630;}
body.page-oto :is(.press-video-dialog,.press-image-dialog,.oe-report-dialog,.oe-report-zoom,dialog.lightbox)::backdrop{background:#142b4780;backdrop-filter:blur(10px);}
body.page-oto :is(.press-dialog-toolbar,.oe-report-dialog-head){border-bottom-color:#e2eaf3;background:#fff;}
body.page-oto .press-dialog-toolbar h2,body.page-oto .oe-report-dialog-head h3{color:#173454;}
body.page-oto .press-dialog-close,body.page-oto .oe-report-dialog-head button,body.page-oto .oe-report-zoom-close,body.page-oto .lightbox-close{border-color:#dce5ef;background:#f3f6fa;color:#234566;}
body.page-oto .press-dialog-footer{color:#71839a;}
body.page-oto .press-youtube-link{color:#1758a6;}
body.page-oto .press-image-stage{background:#f3f6fa;}
body.page-oto .press-video-status{background:radial-gradient(ellipse at center,#eef5ff,#f8faff);}
body.page-oto .press-video-status p{color:#355779;}
body.page-oto .oe-report-dialog-pages{background:#f2f6fb;}
body.page-oto .oe-report-dialog-pages figcaption{color:#5f7692;}
body.page-oto .oe-report-zoom-stage{background:#f3f6fa;}
body.page-oto dialog.lightbox .lightbox p{color:#5f7692;}

/* Intro heading for the report examples gallery. */
body.page-oto #raporlar .oe-report-gallery-heading{max-width:850px;margin:0 auto 30px;text-align:center;}
body.page-oto #raporlar .oe-report-gallery-heading>.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#0b55b7;}
body.page-oto #raporlar .oe-report-gallery-heading h2{margin:10px 0 8px;color:#173454;font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;line-height:1.15;}
body.page-oto #raporlar .oe-report-gallery-heading p{margin:0 auto;color:#637c9b;font-size:14px;line-height:1.6;}
@media(max-width:620px){body.page-oto #raporlar .oe-report-gallery-heading{margin-bottom:22px;}body.page-oto #raporlar .oe-report-gallery-heading h2{font-size:26px;}body.page-oto #raporlar .oe-report-gallery-heading p{font-size:13px;}}

/* Keep the report gallery intro above the full five-column card grid. */
body.page-oto #raporlar>.content-wrap>.oe-report-gallery-heading{grid-column:1/-1;width:100%;}

/* Match report-gallery previews to the light Kaporta report dialog. */
body.page-oto .oe-report-gallery-dialog{width:min(1480px,98vw);max-height:98vh;border:1px solid #d9e3ef;border-radius:11px;background:#fff;color:#162f4d;box-shadow:0 28px 90px #16345630;}
body.page-oto .oe-report-gallery-dialog::backdrop{background:#142b4780;backdrop-filter:blur(10px);}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head{padding:6px 14px;min-height:34px;border-bottom:1px solid #e2eaf3;background:#fff;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head>div>span{color:#4776ae;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head h3{color:#153657;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head p{color:#75869a;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-head button{border-color:#dce5ef;background:#f8faff;color:#193a5d;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages{max-height:calc(98vh - 46px);padding:8px;background:#f2f6fb;}
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages figcaption{padding:8px 0 0;color:#5f7692;}
@media(max-width:560px){body.page-oto .oe-report-gallery-dialog{width:96vw;max-height:96vh;}body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages{max-height:calc(96vh - 42px);padding:6px;}}

/* Existing motor component consolidated into the shared stylesheet. */
/* Motor / electronics — light inspection journal. */
body.page-oto .mi-section{position:relative;padding:76px 0;background:#f6f8fb;color:#17324e;scroll-margin-top:136px;border-block:1px solid #e8edf3;}
.mi-section,.mi-section *{box-sizing:border-box;}.mi-section .content-wrap{max-width:1240px;}.mi-anchor{position:absolute;top:0;scroll-margin-top:136px;}
.mi-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:34px;}.mi-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:#667d94;}
body.page-oto .mi-heading h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-.045em;margin:15px 0 0;color:#17324e;font-weight:750;}.mi-heading h2 em{font-style:normal;color:#3479b9;}
.mi-intro>p{font-size:15px;line-height:1.75;margin:0 0 20px;color:#5c7085;}.mi-intro>span{display:flex;align-items:center;gap:9px;color:#52687e;font-size:11px;}.mi-intro b{font-size:24px;color:#183b60;}.mi-intro i{height:14px;width:1px;background:#cdd8e3;margin:0 7px;}
.mi-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;}.mi-panel{min-width:0;background:#fff;border:1px solid #dce5ee;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 34px #17324e06;}
.mi-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:27px 28px 23px;border-bottom:1px solid #e7edf3;background:linear-gradient(120deg,#f0f6fc,#fff);}.mi-electronics .mi-panel-head{background:linear-gradient(120deg,#fff8e9,#fff);}
body.page-oto .mi-panel h3{font-size:23px;letter-spacing:-.03em;margin:8px 0 0;color:#17324e;}.mi-panel-head svg{width:63px;height:40px;flex-shrink:0;stroke:#498dc6;stroke-width:2;fill:none;}.mi-electronics .mi-panel-head svg{stroke:#ca951e;}
.mi-list{list-style:none;padding:0 28px;margin:0;}.mi-list li{display:flex;align-items:center;gap:15px;min-height:66px;padding:12px 0;border-bottom:1px solid #edf1f5;}.mi-list li:last-child{border-bottom:0;}.mi-number{display:grid;place-items:center;flex:0 0 30px;height:30px;font-size:10px;font-weight:700;color:#3976aa;background:#edf5fc;border-radius:9px;}.mi-electronics .mi-number{background:#fff5dc;color:#9b7119;}
body.page-oto .mi-list h4{margin:0;font-size:14px;font-weight:650;line-height:1.4;color:#203e59;}.mi-list p{margin:3px 0 0;font-size:11px;line-height:1.45;color:#718296;}.mi-dot{margin-left:auto;flex:0 0 5px;height:5px;border-radius:50%;background:#b9cfdf;}.mi-electronics .mi-dot{background:#dec78d;}
.mi-panel-foot{margin-top:auto;padding:16px 28px;background:#f8fafc;border-top:1px solid #e7edf3;font-size:11px;color:#647c92;display:flex;align-items:center;gap:10px;}.mi-foot-mark{color:#327cb8;font-size:19px;}
.mi-report{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px;flex:1;margin:12px 14px 14px;padding:22px 18px 22px 22px;border-radius:13px;background:radial-gradient(ellipse at 80% 60%,#f5e4ad80,transparent 65%),#f9f7f0;border:1px solid #eee7d5;text-decoration:none;min-height:230px;}.mi-report-copy{position:relative;z-index:1;}body.page-oto .mi-report h4{font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-.03em;margin:13px 0 22px;color:#24415b;}.mi-report-link{font-size:11px;color:#365e80;font-weight:650;display:flex;gap:10px;align-items:center;}.mi-report-link b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;border:1px solid #e0d7bc;font-size:17px;color:#946b12;}.mi-report img{display:block;width:100%;max-height:230px;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s ease;}.mi-report:hover img{transform:translateY(-4px);}.mi-report:focus-visible{outline:3px solid #3c82bd;outline-offset:3px;}
@media(max-width:900px){.mi-heading{gap:28px;}.mi-panel-head{padding:22px;}.mi-panel-head svg{width:40px;}body.page-oto .mi-panel h3{font-size:20px;}.mi-list{padding-inline:20px;}.mi-list li{gap:10px;}.mi-list p{font-size:10px;}.mi-report{padding:16px;}.mi-report-link{flex-wrap:wrap;}body.page-oto .mi-report h4{font-size:20px;}}
@media(max-width:700px){body.page-oto .mi-section{padding:46px 0;}.mi-heading{grid-template-columns:1fr;gap:20px;}.mi-heading h2 br{display:none;}.mi-heading h2 em:before{content:' ';}.mi-intro>p{font-size:14px;}.mi-grid{grid-template-columns:1fr;gap:20px;}.mi-report{min-height:220px;}.mi-panel-head svg{width:60px;}.mi-list li{min-height:65px;}body.page-oto .mi-list h4{font-size:14px;}.mi-list p{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.mi-report img{transition:none;}.mi-report:hover img{transform:none;}}


/* Compact rhythm for the motor and electronics overview. */
body.page-oto .mi-section{padding-block:48px;}
.mi-heading{gap:40px;margin-bottom:24px;}
body.page-oto .mi-heading h2{font-size:clamp(29px,3.2vw,40px);line-height:1.08;margin-top:11px;}
.mi-intro>p{font-size:13px;line-height:1.6;margin-bottom:12px;}
.mi-panel-head{padding:18px 22px 16px;}
body.page-oto .mi-panel h3{font-size:19px;margin-top:5px;}
.mi-eyebrow{font-size:9px;}
.mi-list{padding-inline:22px;}
.mi-list li{min-height:53px;padding:8px 0;gap:12px;}
.mi-number{flex-basis:27px;height:27px;font-size:9px;}
body.page-oto .mi-list h4{font-size:12px;line-height:1.3;}
.mi-list p{font-size:10px;line-height:1.3;margin-top:2px;}
.mi-report{min-height:190px;padding:15px 16px 15px 18px;margin:10px 12px 12px;}
body.page-oto .mi-report h4{font-size:19px;margin:9px 0 14px;}
.mi-report img{max-height:185px;}
.mi-panel-foot{padding:12px 22px;font-size:10px;}
@media(max-width:700px){body.page-oto .mi-section{padding-block:36px;}.mi-heading{margin-bottom:20px;gap:15px;}body.page-oto .mi-heading h2{font-size:32px;}.mi-list li{min-height:52px;}}


/* Further reduce typography density in the motor overview. */
body.page-oto .mi-heading h2{font-size:clamp(27px,2.9vw,36px);}
.mi-eyebrow{font-size:8px;}
.mi-intro>p{font-size:12px;}
.mi-intro>span{font-size:10px;}
body.page-oto .mi-panel h3{font-size:17px;}
body.page-oto .mi-list h4{font-size:11px;}
.mi-list p{font-size:9px;}
.mi-panel-foot{font-size:9px;}
body.page-oto .mi-report h4{font-size:17px;}
.mi-report-link{font-size:10px;}
@media(max-width:700px){body.page-oto .mi-heading h2{font-size:29px;}body.page-oto .mi-panel h3{font-size:16px;}body.page-oto .mi-list h4{font-size:11px;}}

/* Requested size for inspection descriptions. */
.mi-list p{font-size:12px;}

/* Enforce the requested description size over inherited site typography. */
body.page-oto .mi-list li p{font-size:12px !important;line-height:1.35;}

/* Requested size for inspection item titles. */
body.page-oto .mi-list li h4{font-size:14px !important;}


/* Make the custom, non-package report offer the visual anchor. */
.mi-report-copy{max-width:245px;}
body.page-oto .mi-report-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#123f78;color:#fff;font-size:9px;font-weight:800;letter-spacing:.09em;line-height:1.2;box-shadow:0 4px 12px #123f7825;}
body.page-oto .mi-report h4{font-size:clamp(16px,1.7vw,20px);line-height:1.2;margin:10px 0 7px;color:#173a60;}
body.page-oto .mi-report-copy .mi-report-description{margin:0 0 10px;color:#667d96;font-size:12px!important;line-height:1.45;}
@media(max-width:700px){body.page-oto .mi-report h4{font-size:17px;}body.page-oto .mi-report-description{font-size:12px;}}

.mi-report-link{font-family:inherit;text-align:left;border:0;padding:0;background:transparent;cursor:pointer;}
.mi-report-link:hover{color:#0b55b7;}
.mi-report-link:focus-visible{outline:2px solid #3c82bd;outline-offset:4px;border-radius:4px;}

/* Oto pricing: six months, annual offer, and dealership consultation. */
body.page-oto #fiyatlar.vp-pricing{padding-block:clamp(54px,7vw,96px);background:radial-gradient(ellipse at 50% 35%,#e6efff 0,transparent 65%),#f6f8fc;color:#173454;}
body.page-oto #fiyatlar>.content-wrap{max-width:1240px;}
#fiyatlar .vp-heading{max-width:730px;text-align:center;margin:0 auto 42px;}
#fiyatlar .vp-eyebrow{display:block;color:#185ab4;font-size:10px;font-weight:750;letter-spacing:.17em;line-height:1.5;}
body.page-oto #fiyatlar .vp-heading h2{font-size:clamp(28px,3.5vw,42px)!important;line-height:1.15!important;margin:13px 0;color:#173454;}
body.page-oto #fiyatlar .vp-heading p{font-size:14px!important;line-height:1.65!important;margin:0;color:#657b95;}
#fiyatlar .vp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
#fiyatlar .vp-plan{display:flex;flex-direction:column;min-width:0;padding:27px;border:1px solid #dce5f1;border-radius:24px;background:#fff;box-shadow:0 12px 35px #16345606;}
#fiyatlar .vp-plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;margin-bottom:22px;}
#fiyatlar .vp-index{font-size:10px;font-weight:700;letter-spacing:.12em;color:#6e839e;}
#fiyatlar .vp-symbol{display:grid;place-items:center;width:36px;height:36px;background:#eef4fc;color:#215db0;border-radius:12px;font-size:22px;}
body.page-oto #fiyatlar .vp-plan h3{font-size:23px!important;line-height:1.25!important;margin:0 0 10px;color:#173454;}
body.page-oto #fiyatlar .vp-summary{font-size:12px!important;line-height:1.7!important;min-height:42px;margin:0;color:#677e99;}
#fiyatlar .vp-price-block{display:flex;flex-direction:column;justify-content:flex-end;min-height:142px;padding:20px 0 25px;border-bottom:1px solid #e5ecf5;gap:6px;}
#fiyatlar .vp-price{display:flex;align-items:baseline;gap:8px;white-space:nowrap;}
#fiyatlar .vp-price strong{font-size:clamp(34px,3.5vw,48px);font-weight:650;line-height:1;letter-spacing:-.055em;}
#fiyatlar .vp-price>span{font-size:14px;font-weight:600;}
#fiyatlar .vp-term{font-size:10px;line-height:1.6;color:#71839c;}
#fiyatlar .vp-old-price{font-size:13px;color:#acc8ed;text-decoration-thickness:1px;}
#fiyatlar .vp-features{display:grid;gap:12px;list-style:none;padding:24px 0;margin:0 0 8px;}
body.page-oto #fiyatlar .vp-features li{position:relative;padding-left:21px;font-size:12px!important;line-height:1.5!important;color:#4a6380;}
#fiyatlar .vp-features li::before{content:'✓';position:absolute;left:0;top:0;color:#2477ba;font-size:12px;}
#fiyatlar .vp-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin-top:auto;padding:12px 16px;border:1px solid #d4e1f2;border-radius:12px;background:#edf4ff;color:#164c91;font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s ease;}
#fiyatlar .vp-action>span{font-size:19px;font-weight:400;}
#fiyatlar .vp-action:hover{background:#dfeeff;}
#fiyatlar .vp-action:focus-visible{outline:3px solid #729ee8;outline-offset:4px;}
#fiyatlar .vp-plan-annual{background:radial-gradient(ellipse at 100% 0,#326fbd55,transparent 65%),#0b3269;border-color:#205797;color:#fff;box-shadow:0 20px 45px #0d397d25;}
#fiyatlar .vp-plan-annual .vp-index{color:#b4ccec;}
#fiyatlar .vp-badge{padding:7px 9px;border-radius:7px;background:#c5f2db;color:#15583e;font-size:8px;font-weight:800;letter-spacing:.04em;white-space:nowrap;}
body.page-oto #fiyatlar .vp-plan-annual h3{color:#fff;}
body.page-oto #fiyatlar .vp-plan-annual .vp-summary,body.page-oto #fiyatlar .vp-plan-annual .vp-features li{color:#d0dff3;}
#fiyatlar .vp-plan-annual .vp-term{color:#b4ccec;}
#fiyatlar .vp-plan-annual .vp-price-block{border-color:#ffffff26;}
#fiyatlar .vp-plan-annual .vp-features li::before{color:#a7e3c7;}
#fiyatlar .vp-plan-annual .vp-action{background:#fff;border-color:#fff;color:#123e78;}
#fiyatlar .vp-plan-annual .vp-action:hover{background:#dfedff;}
#fiyatlar .vp-plan-network{background:linear-gradient(145deg,#fff,#f0f5fc);}
#fiyatlar .vp-network-icon{width:32px;height:32px;color:#4876b0;}
#fiyatlar .vp-consult>strong{font-size:30px;line-height:1.08;font-weight:600;letter-spacing:-.035em;}
#fiyatlar .vp-plan-network .vp-action{background:transparent;}
#fiyatlar .vp-plan-network .vp-action:hover{background:#e4edfa;}
#fiyatlar .vp-included{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:center;padding:28px 10px 0;margin-top:30px;border-top:1px solid #dce5f1;}
body.page-oto #fiyatlar .vp-included h3{font-size:18px!important;line-height:1.35!important;margin:8px 0 0;color:#173454;}
#fiyatlar .vp-included ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin:0;padding:0;list-style:none;}
body.page-oto #fiyatlar .vp-included li{font-size:11px!important;line-height:1.5!important;color:#627b97;}
@media(max-width:1000px){#fiyatlar .vp-plan{padding:21px 18px;}#fiyatlar .vp-plans{gap:12px;}#fiyatlar .vp-badge{font-size:7px;padding:6px;}#fiyatlar .vp-index{font-size:9px;}body.page-oto #fiyatlar .vp-plan h3{font-size:20px!important;}#fiyatlar .vp-action{font-size:11px;padding-inline:12px;}}
@media(max-width:760px){#fiyatlar .vp-plans{grid-template-columns:1fr;gap:18px;max-width:490px;margin:auto;}#fiyatlar .vp-plan{padding:26px;}#fiyatlar .vp-price strong{font-size:44px;}#fiyatlar .vp-plan-top{margin-bottom:15px;}#fiyatlar .vp-price-block{min-height:126px;}#fiyatlar .vp-summary{min-height:0;}#fiyatlar .vp-included{grid-template-columns:1fr;text-align:center;gap:20px;}#fiyatlar .vp-included ul{grid-template-columns:repeat(2,minmax(0,1fr));}#fiyatlar .vp-action{font-size:12px;}#fiyatlar .vp-index{font-size:10px;}#fiyatlar .vp-badge{font-size:8px;}}

/* Shared contact actions below the pricing cards. */
body.page-oto #fiyatlar .vp-contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:28px auto 0;}
body.page-oto #fiyatlar .vp-contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;min-width:230px;padding:14px 20px;border:1px solid transparent;border-radius:12px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .2s ease;}
body.page-oto #fiyatlar .vp-contact-button>span{font-size:19px;font-weight:400;line-height:1;}
body.page-oto #fiyatlar .vp-contact-call{background:#124a98;color:#fff;border-color:#124a98;}
body.page-oto #fiyatlar .vp-contact-call:hover{background:#0b3775;}
body.page-oto #fiyatlar .vp-contact-whatsapp{background:#fff;color:#164c91;border-color:#d4e1f2;}
body.page-oto #fiyatlar .vp-contact-whatsapp:hover{background:#fff;border-color:#164c91;}
body.page-oto #fiyatlar .vp-contact-button:focus-visible{outline:3px solid #729ee8;outline-offset:4px;}
@media(max-width:540px){body.page-oto #fiyatlar .vp-contact-actions{flex-direction:column;gap:10px;}body.page-oto #fiyatlar .vp-contact-button{width:100%;min-width:0;}}

/* WhatsApp alternative in the Oto callback form. */
body.signature-site #callback-dialog .callback-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 22px;}
body.signature-site #callback-dialog .callback-contact-actions>a{display:flex;min-width:0;min-height:54px;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid #d4e1f2;border-radius:12px;background:#fff;color:#164c91;text-decoration:none;font-family:inherit;font-size:12px;font-weight:650;line-height:1.35;}
body.signature-site #callback-dialog .callback-contact-actions>a:hover{border-color:#164c91;}
body.signature-site #callback-dialog .callback-contact-actions>a:focus-visible{outline:3px solid #729ee8;outline-offset:3px;}
body.signature-site #callback-dialog .callback-contact-actions>a>svg{width:18px;height:18px;flex:0 0 18px;}
body.signature-site #callback-dialog .callback-whatsapp{flex-direction:row;gap:9px!important;text-align:left;}
body.signature-site #callback-dialog .callback-call{flex-direction:row;gap:9px!important;text-align:left;}
body.signature-site #callback-dialog .callback-call>svg{width:18px;height:18px;flex:0 0 18px;}
body.signature-site #callback-dialog .callback-call-copy{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:2px;}
body.signature-site #callback-dialog .callback-contact-actions small{font-size:10px;font-weight:500;color:#637b97;}
@media(max-width:460px){body.signature-site #callback-dialog .callback-contact-actions{grid-template-columns:1fr;}}

/* Pricing validity note */
body.page-oto #fiyatlar .vp-validity-note,body.page-oto #fiyatlar .vp-validity-note *{font-size:12px!important;}
body.page-oto #fiyatlar .vp-validity-note{margin:18px 0 0;text-align:center;color:#637b97;line-height:1.5;}


/* Center the feature-module introduction */
body.page-oto main[data-page="oto"] #moduller .content-heading{max-width:900px;margin-inline:auto;text-align:center;}
body.page-oto main[data-page="oto"] #moduller .content-heading>.eyebrow{justify-content:center;}
body.page-oto main[data-page="oto"] #moduller .content-heading>p{margin-inline:auto;}

/* Keep section headings clear of both fixed navigation bars after anchor jumps. */
body.page-oto main[data-page="oto"] section[id],body.page-oto main[data-page="oto"] .mi-anchor{scroll-margin-top:calc(var(--oe-header-height,80px) + var(--oe-nav-height,62px) + 36px);}

/* High-contrast type for the dark quality-certificate section. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading h2{color:#f4f8ff;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading p{color:#b5c8df;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading .eyebrow{color:#a8ceff;}

/* Keep certificate framing fixed instead of stretching with card width. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{width:auto;max-width:100%;padding:7px;margin-inline:auto;}

/* Remove the white outer certificate cards while retaining the document images. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate:hover{transform:none;box-shadow:none;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption{padding:12px 0 3px;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate strong{color:#f4f8ff;}
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption>span{color:#b5c8df;}

/* Boost certificate description contrast on the navy background. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption>span{color:#e2ebf7!important;}

/* Requested certificate caption color. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate figcaption>span{color:#a0a0a0!important;}

/* Refined certificate image frame for the navy quality section. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{background:#e8eef6;border:1px solid #b8c9dd;border-radius:12px;}

/* Match the selected section descriptions to the pricing intro size. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .quality-heading p,
body.page-oto #raporlar .oe-report-gallery-heading p,
body.page-oto .mi-heading .mi-intro p,
body:is(.page-oto, .home-focus) .oe-press-videos .press-section-heading p,
body.page-oto #sss .content-heading p,
body.page-oto #oto-referanslar .content-heading p{font-size:14px!important;line-height:1.65!important;}

/* Match the closing CTA description to the pricing intro size. */
body.page-oto main#main-content>section.big-cta .wrap>p.lead{font-size:14px!important;line-height:1.65!important;}

/* Match the feature overview description to the pricing intro size. */
body.page-oto #moduller .content-heading>p{font-size:14px!important;line-height:1.65!important;}

/* Set certificate image frame thickness to the requested 4px. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{border-width:4px;}

/* Keep the thin frame and set its surrounding inset to 4px. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{padding:4px;border-width:1px;}

/* Requested certificate frame colors. */
body:is(.page-oto, .home-focus) #kalite-belgeleri .content-certificate img{background:#0f2743;border:1px solid #0f2848;}

/* Set the review source label to 12px across all review cards. */
body.page-oto .review-card .review-source{font-size:12px!important;}

/* Match report preview frames to the quality certificate treatment. */
body.page-oto #raporlar .content-gallery-reports img{padding:4px;background:#0f2743;border:1px solid #0f2848;border-radius:12px;}

/* Reduce only the horizontal inset around report previews by 2px. */
body.page-oto #raporlar .content-gallery-reports img{padding:4px 2px;}

/* Use report artwork at its natural portrait ratio to remove the wide side gutters. */
body.page-oto #raporlar .content-gallery-reports img{height:auto;aspect-ratio:auto;object-fit:contain;padding:4px 2px;}

/* Light report image mats and a slightly deeper gallery background. */
body.page-oto #raporlar{background:#eaf0f8;}
body.page-oto #raporlar .content-gallery-reports img{background:#fff;border-color:#fff;}

/* Slightly deepen the report gallery surface. */
body.page-oto #raporlar{background:#e2eaf5;}

/* Show six report pages per row on wide screens. */
body.page-oto #raporlar>.content-wrap{grid-template-columns:repeat(6,minmax(0,1fr));}

/* Seven report pages per row on wide screens. */
body.page-oto #raporlar>.content-wrap{grid-template-columns:repeat(7,minmax(0,1fr));}

/* Use the requested soft blue-gray surface in report popups. */
body.page-oto dialog,
body.page-oto .oe-report-dialog-pages,
body.page-oto .oe-report-gallery-dialog .oe-report-dialog-pages,
body.page-oto .oe-report-zoom-stage{background:#d9e3ef!important;}

/* Keep the seven-column gallery responsive on smaller screens. */
@media(max-width:900px){body.page-oto #raporlar>.content-wrap{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:620px){body.page-oto #raporlar>.content-wrap{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Set every report-page card caption to 10px. */
body.page-oto #raporlar .content-gallery-reports figcaption{font-size:10px!important;}


/* Fit the zoomed report or certificate to the popup without scrolling. */
body.page-oto .oe-report-zoom{overflow:hidden;}
body.page-oto .oe-report-zoom-stage{height:100%;overflow:hidden;}
body.page-oto .oe-report-zoom-stage img{width:auto;height:100%;max-width:100%;max-height:100%;align-self:center;object-fit:contain;}
@media(max-width:560px){body.page-oto .oe-report-zoom-stage img{height:100%;max-width:100%;max-height:100%;}}

/* Make the callback modal's rounded corners clearly visible. */
body.signature-site #callback-dialog{border-radius:28px;overflow:hidden;background:transparent!important;}
body.signature-site #callback-dialog .callback-panel{border-radius:28px;}

/* A bold, animated metrics panel for the oto-expertise hero. */
body.page-oto .oe-hero-v2 .oe-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:19px 0 4px;border:0;}
body.page-oto .oe-hero-v2 .oe-metrics>div{position:relative;display:flex;min-width:0;min-height:108px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:15px 18px!important;overflow:hidden;border:1px solid #a9cfff35!important;border-radius:15px;background:linear-gradient(145deg,#ffffff12,#ffffff07);box-shadow:0 10px 24px #020d211f;}
body.page-oto .oe-hero-v2 .oe-metrics>div::before{position:absolute;top:-28px;right:-22px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#3d8df322,transparent 70%);content:"";pointer-events:none;}
body.page-oto .oe-hero-v2 .oe-metrics>div:last-child{border:1px solid #a9cfff35!important;}
body.page-oto .oe-hero-v2 .oe-metrics strong{position:relative;color:#fff;font-size:clamp(38px,4.1vw,54px);font-weight:760;line-height:.98;letter-spacing:-.055em;font-variant-numeric:tabular-nums;}
body.page-oto .oe-hero-v2 .oe-metrics span{position:relative;max-width:none;color:#b8cce4;font-size:11px;font-weight:550;line-height:1.35;}
@media(max-width:1020px){body.page-oto .oe-hero-v2 .oe-metrics{gap:9px;}body.page-oto .oe-hero-v2 .oe-metrics>div{min-height:98px;padding:13px!important;}body.page-oto .oe-hero-v2 .oe-metrics strong{font-size:clamp(34px,4.8vw,46px);}}
@media(max-width:760px){body.page-oto .oe-hero-v2 .oe-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px 0 2px;}body.page-oto .oe-hero-v2 .oe-metrics>div{min-height:88px;padding:12px 14px!important;}body.page-oto .oe-hero-v2 .oe-metrics strong{font-size:clamp(32px,8vw,42px);}body.page-oto .oe-hero-v2 .oe-metrics span{font-size:10px;}}
@media(prefers-reduced-motion:reduce){body.page-oto .oe-hero-v2 .oe-metrics strong{scroll-behavior:auto;}}


/* Contact page arranged as direct contact options followed by company and map. */
body.page-contact .contact-reference-layout{padding:74px 0 86px;background:linear-gradient(180deg,#f5f8fc,#fff 70%);}
body.page-contact .contact-reference-wrap{max-width:1160px;}
body.page-contact .contact-reference-heading{max-width:690px;margin:0 auto 32px;text-align:center;}
body.page-contact .contact-reference-heading .eyebrow{color:#2863a9;font-size:9px;font-weight:750;letter-spacing:.19em;}
body.page-contact .contact-reference-heading h2{margin:13px 0 9px;color:#153657;font-size:clamp(30px,3.4vw,43px);font-weight:650;line-height:1.1;letter-spacing:-.045em;}
body.page-contact .contact-reference-heading p{margin:0;color:#647b98;font-size:14px;line-height:1.7;}
body.page-contact .contact-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
body.page-contact .contact-method-card{display:flex;gap:15px;min-height:186px;padding:23px 21px;border:1px solid #e0e8f2;border-radius:17px;background:#fff;box-shadow:0 12px 34px #173b6309;}
body.page-contact .contact-method-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#edf4fd;color:#1758a8;font-size:22px;}
body.page-contact .contact-method-card small{display:block;margin:2px 0 9px;color:#7a8da5;font-size:8px;font-weight:750;letter-spacing:.15em;}
body.page-contact .contact-method-card h3{margin:0 0 6px;color:#19385d;font-size:18px;font-weight:650;letter-spacing:-.025em;}
body.page-contact .contact-method-card p,body.page-contact .contact-method-card address{margin:0 0 13px;color:#6a7f99;font-size:11px;font-style:normal;line-height:1.55;}
body.page-contact .contact-method-card a{display:inline-flex;align-items:center;gap:6px;color:#1557a6;font-size:12px;font-weight:650;text-decoration:none;}
body.page-contact .contact-method-card a:hover,body.page-contact .contact-office-copy>a:hover{text-decoration:underline;text-underline-offset:3px;}
body.page-contact .contact-office-map{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.5fr);gap:0;margin-top:24px;overflow:hidden;border:1px solid #dce6f2;border-radius:20px;background:#fff;box-shadow:0 18px 48px #173b630c;}
body.page-contact .contact-office-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px;background:radial-gradient(ellipse at 100% 0,rgba(42,76,119,.28),transparent 65%),linear-gradient(150deg,#050e1c,#0b1b30 65%,#102840);color:#fff;}
body.page-contact .contact-office-copy .eyebrow{color:#a9cbf5;font-size:8px;font-weight:750;letter-spacing:.16em;}
body.page-contact .contact-office-copy h3{margin:15px 0 10px;color:#f6f9ff;font-size:24px;line-height:1.15;letter-spacing:-.04em;}
body.page-contact .contact-office-copy p{margin:0 0 16px;color:#c2d3e8;font-size:11px;line-height:1.65;}
body.page-contact .contact-office-copy>a{color:#fff;font-size:12px;font-weight:650;text-decoration:none;}
body.page-contact .contact-office-city{margin-top:28px;padding-top:13px;border-top:1px solid #ffffff26;color:#a9c6e7;font-size:10px;}
body.page-contact .contact-office-map-frame{min-height:350px;}
body.page-contact .contact-office-map-frame iframe{display:block;width:100%;height:100%;min-height:350px;border:0;}
@media(max-width:850px){body.page-contact .contact-methods{grid-template-columns:1fr;gap:11px;}body.page-contact .contact-method-card{min-height:0;padding:18px;}body.page-contact .contact-office-map{grid-template-columns:1fr;}body.page-contact .contact-office-copy{padding:26px;}body.page-contact .contact-office-city{margin-top:18px;}}
@media(max-width:760px){body.page-contact .contact-reference-layout{padding:48px 0 58px;}body.page-contact .contact-reference-heading{margin-bottom:22px;}body.page-contact .contact-reference-heading p{font-size:12px;}body.page-contact .contact-method-card h3{font-size:16px;}body.page-contact .contact-office-map-frame,body.page-contact .contact-office-map-frame iframe{min-height:290px;}body.page-contact .contact-office-map{border-radius:16px;}}

/* Keep the three remaining plan cards balanced at laptop widths. */
#fiyatlar .vp-plans{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:1100px){#fiyatlar .vp-plans{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){#fiyatlar .vp-plans{grid-template-columns:1fr;}}

/* Improve the visibility of crossed-out prices on light plan cards. */
#fiyatlar .vp-plan:not(.vp-plan-annual) .vp-old-price{color:#8795a8;}

/* Keep all fixed-term plan prices on the same baseline. */
#fiyatlar .vp-price-block:not(.vp-consult) .vp-old-price-placeholder{visibility:hidden;min-height:16px;}
@media(min-width:761px){#fiyatlar .vp-plan .vp-summary{min-height:66px;}}


/* Warm, gently pulsing annual-plan gift badge. */
#fiyatlar .vp-plan-annual .vp-badge{background:#feb301;color:#102b4b;transform-origin:center;animation:vp-gift-pulse 2.4s ease-in-out infinite;}
@keyframes vp-gift-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}}
@media(prefers-reduced-motion:reduce){#fiyatlar .vp-plan-annual .vp-badge{animation:none;}}


/* Lock each plan's summary and price area to shared dimensions for exact alignment. */
@media(min-width:761px){
  #fiyatlar .vp-plan .vp-summary{height:84px;min-height:84px;max-height:84px;overflow:hidden;box-sizing:border-box;}
  #fiyatlar .vp-price-block{display:grid;box-sizing:border-box;height:154px;min-height:154px;grid-template-columns:minmax(0,1fr);grid-template-rows:16px 48px minmax(0,1fr);align-content:start;justify-content:stretch;gap:6px;padding:12px 0 16px;}
  #fiyatlar .vp-price-block>.vp-old-price{grid-row:1;align-self:start;}
  #fiyatlar .vp-price-block>.vp-price{grid-row:2;align-self:center;}
  #fiyatlar .vp-price-block>.vp-term{grid-row:3;align-self:start;}
  #fiyatlar .vp-plan-network .vp-price-block.vp-consult::before{grid-row:1;content:"";}
  #fiyatlar .vp-plan-network .vp-price-block.vp-consult>strong{grid-row:2;align-self:center;}
  #fiyatlar .vp-plan-network .vp-price-block.vp-consult>.vp-term{grid-row:3;align-self:start;}
}


/* Make included usage duration easy to scan under each fixed-term price. */
#fiyatlar .vp-duration-term{display:block;}
#fiyatlar .vp-duration-term>strong{display:block;margin:0 0 4px;color:#1557a6;font-size:17px;font-weight:760;line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;}
#fiyatlar .vp-duration-term>span{display:block;font-size:9px;line-height:1.45;}
#fiyatlar .vp-plan-annual .vp-duration-term>strong{color:#fff;}
#fiyatlar .vp-plan-annual .vp-duration-term>span{color:#b4ccec;}


/* Slightly reduce only the 999-ending fixed-plan price figures. */
#fiyatlar .vp-plan:not(.vp-plan-network) .vp-price strong{font-size:calc(clamp(34px,3.5vw,48px) - 2px);}
@media(max-width:760px){#fiyatlar .vp-plan:not(.vp-plan-network) .vp-price strong{font-size:42px;}}


/* Force the two 999-ending price figures to render exactly 2px smaller. */
#fiyatlar .vp-price strong.vp-price-999{font-size:calc(clamp(34px,3.5vw,48px) - 2px)!important;}
@media(max-width:760px){#fiyatlar .vp-price strong.vp-price-999{font-size:42px!important;}}


/* Enlarge the annual gift badge for clear reading on compact screens. */
#fiyatlar .vp-plan-annual .vp-badge{display:inline-flex;align-items:center;justify-content:center;min-width:116px;min-height:36px;padding:8px 12px!important;border-radius:9px;font-size:10px!important;line-height:1.15;letter-spacing:.035em;}


/* Compact pricing cards while keeping duration and price rows aligned. */
#fiyatlar .vp-plan{padding:21px;border-radius:20px;}
#fiyatlar .vp-plan-top{margin-bottom:14px;}
#fiyatlar .vp-plan h3{margin-bottom:7px;}
#fiyatlar .vp-features{gap:8px;padding:17px 0;margin-bottom:6px;}
@media(min-width:761px){
  #fiyatlar .vp-plan .vp-summary{height:44px;min-height:44px;max-height:44px;}
  #fiyatlar .vp-price-block{height:128px;min-height:128px;grid-template-rows:14px 42px minmax(0,1fr);gap:5px;padding:8px 0 12px;}
}
@media(max-width:760px){
  #fiyatlar .vp-plan{padding:20px;}
  #fiyatlar .vp-plan .vp-summary{height:auto;min-height:0;max-height:none;overflow:visible;}
  #fiyatlar .vp-price-block{height:126px;min-height:126px;grid-template-rows:14px 42px minmax(0,1fr);gap:5px;padding:8px 0 12px;}
  #fiyatlar .vp-features{gap:8px;padding:16px 0;margin-bottom:6px;}
}


/* Reference-inspired VARTAG pricing refresh, scoped to the plans section. */
body.page-oto #fiyatlar.vp-pricing{
  position:relative;isolation:isolate;overflow:hidden;
  padding-block:clamp(52px,6vw,82px);
  background:radial-gradient(ellipse at 50% 42%,#e7f0ff 0%,#f7faff 58%,#fff 100%);
}
body.page-oto #fiyatlar.vp-pricing::before,
body.page-oto #fiyatlar.vp-pricing::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;
  border:1px solid #e51d2a0c;
}
body.page-oto #fiyatlar.vp-pricing::before{width:560px;height:560px;left:-330px;top:70px;box-shadow:0 0 0 44px #e51d2a04,0 0 0 90px #e51d2a03;}
body.page-oto #fiyatlar.vp-pricing::after{width:480px;height:480px;right:-300px;bottom:20px;box-shadow:0 0 0 46px #274c8204,0 0 0 94px #274c8203;}
body.page-oto #fiyatlar>.content-wrap{position:relative;z-index:1;max-width:1240px;}
body.page-oto #fiyatlar .vp-heading{margin-bottom:32px;}
body.page-oto #fiyatlar .vp-eyebrow{color:#e51e2c;font-size:11px;letter-spacing:.17em;}
body.page-oto #fiyatlar .vp-eyebrow::before,
body.page-oto #fiyatlar .vp-eyebrow::after{content:"";display:inline-block;width:34px;height:1px;margin:0 13px 3px;background:#f18b92;}
body.page-oto #fiyatlar .vp-heading h2{margin:10px 0 12px;color:#101d35;font-size:clamp(29px,3.5vw,42px)!important;letter-spacing:-.045em;}
body.page-oto #fiyatlar .vp-heading h2 span{color:#d71927;}
body.page-oto #fiyatlar .vp-heading p{font-size:14px!important;line-height:1.55!important;color:#536987;}
#fiyatlar .vp-plans{gap:18px;align-items:stretch;}
#fiyatlar .vp-plan{
  position:relative;isolation:isolate;overflow:hidden;min-height:100%;padding:24px 25px 22px;
  border:1px solid #d4e3fb;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#fff 70%,#fafdff 100%);
  box-shadow:0 15px 38px #17385d0c;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
#fiyatlar .vp-plan:hover{transform:translateY(-5px);border-color:#b8d0f3;box-shadow:0 22px 48px #17385d18;}
#fiyatlar .vp-plan-top{min-height:36px;margin-bottom:14px;}
#fiyatlar .vp-index{font-size:10px;letter-spacing:.12em;color:#71839d;}
#fiyatlar .vp-symbol{width:48px;height:48px;border-radius:13px;background:#eef3fa;color:#132746;font-size:25px;}
body.page-oto #fiyatlar .vp-plan h3{font-size:23px!important;font-weight:730;letter-spacing:-.035em;color:#101d35;}
body.page-oto #fiyatlar .vp-summary{font-size:12px!important;line-height:1.55!important;color:#687d9a;}
#fiyatlar .vp-price-block{min-height:130px;padding:17px 0 14px;gap:5px;border-color:#e5ebf3;}
#fiyatlar .vp-old-price{color:#7d8ca2;font-size:12px;}
#fiyatlar .vp-duration-term>strong{color:#e21f2d;font-size:17px;}
#fiyatlar .vp-duration-term>span{font-size:10px;color:#8291a7;}
#fiyatlar .vp-features{gap:7px;padding:14px 0 18px;margin-bottom:0;}
body.page-oto #fiyatlar .vp-features li{padding-left:27px;font-size:12px!important;line-height:1.45!important;color:#516783;}
#fiyatlar .vp-features li::before{top:1px;left:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e92332;color:#fff;font-size:11px;font-weight:800;line-height:1;}
#fiyatlar .vp-action{justify-content:center;min-height:48px;margin-top:auto;border-radius:12px;border-color:#ed2936;background:#fff;color:#d91d2b;font-size:13px;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;}
#fiyatlar .vp-action>span{margin-left:8px;font-size:19px;}
#fiyatlar .vp-action:hover{background:#fff1f2;box-shadow:0 8px 18px #e5233214;transform:translateY(-1px);}
#fiyatlar .vp-plan-annual{
  margin-block:-9px -1px;padding:28px 25px 23px;
  border-color:#254b86;border-radius:22px;
  background:radial-gradient(ellipse at 100% 0,#244a86 0%,transparent 58%),linear-gradient(150deg,#0b1b38 0%,#102c59 57%,#0b1b38 100%);
  box-shadow:0 22px 48px #0b1b3830;
}
#fiyatlar .vp-plan-annual::before{content:"";position:absolute;z-index:-1;right:-68px;bottom:60px;width:290px;height:68px;transform:rotate(-34deg);border-top:1px solid #f14b5b22;border-bottom:1px solid #f14b5b1a;background:linear-gradient(90deg,transparent,#e8263712,transparent);}
#fiyatlar .vp-plan-annual:hover{transform:translateY(-12px);box-shadow:0 28px 56px #0b1b3840;}
#fiyatlar .vp-plan-annual .vp-index{color:#b8c9e2;}
#fiyatlar .vp-plan-annual h3{color:#fff;}
#fiyatlar .vp-plan-annual .vp-summary,#fiyatlar .vp-plan-annual .vp-features li{color:#d9e4f4;}
#fiyatlar .vp-plan-annual .vp-price-block{border-color:#ffffff2b;}
#fiyatlar .vp-plan-annual .vp-old-price{color:#a8bad5;}
#fiyatlar .vp-plan-annual .vp-duration-term>strong{color:#ff4a57;}
#fiyatlar .vp-plan-annual .vp-duration-term>span{color:#aabbd3;}
#fiyatlar .vp-plan-annual .vp-features li::before{background:#ed3543;color:#fff;}
#fiyatlar .vp-plan-annual .vp-action{border-color:#f33a48;background:linear-gradient(100deg,#f74653,#d51627);color:#fff;box-shadow:0 8px 20px #d7192733;}
#fiyatlar .vp-plan-annual .vp-action:hover{background:linear-gradient(100deg,#ff5964,#e51b2d);filter:brightness(1.04);}
#fiyatlar .vp-plan-network{background:linear-gradient(145deg,#fff,#f6f9fe);}
#fiyatlar .vp-plan-network .vp-action{border-color:#142a4b;color:#142a4b;background:transparent;}
#fiyatlar .vp-plan-network .vp-action:hover{background:#edf3fb;}
#fiyatlar .vp-plan-tags{display:flex;align-items:center;gap:7px;}
#fiyatlar .vp-plan-annual .vp-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:32px;padding:7px 10px!important;border-radius:9px;font-size:9px!important;line-height:1.1;letter-spacing:.025em;}
#fiyatlar .vp-badge svg{width:15px;height:15px;flex:none;}
#fiyatlar .vp-plan-annual .vp-badge-advantage{background:linear-gradient(90deg,#f74753,#d9192a);color:#fff;}
#fiyatlar .vp-plan-annual .vp-badge-gift{background:#ffca3a;color:#14294b;}
#fiyatlar .vp-monthly-equivalent{position:absolute;top:37px;right:0;display:flex;align-items:center;gap:9px;min-width:120px;padding:8px 10px;border:1px solid #ffffff64;border-radius:14px;background:#ffffff0a;color:#e4edfb;}
#fiyatlar .vp-monthly-equivalent>svg{width:19px;height:19px;flex:none;}
#fiyatlar .vp-monthly-equivalent>span{display:grid;gap:1px;}
#fiyatlar .vp-monthly-equivalent small{font-size:9px;line-height:1.1;color:#bdcce1;}
#fiyatlar .vp-monthly-equivalent strong{font-size:12px;line-height:1.15;color:#fff;white-space:nowrap;}
@media(max-width:1000px){
  #fiyatlar .vp-plan{padding:21px 18px;}
  #fiyatlar .vp-plan-annual{padding:25px 18px 22px;}
  #fiyatlar .vp-plan-tags{gap:4px;}
  #fiyatlar .vp-plan-annual .vp-badge{padding:6px 7px!important;font-size:8px!important;}
  #fiyatlar .vp-monthly-equivalent{min-width:102px;padding:7px;}
}
@media(max-width:760px){
  #fiyatlar .vp-plans{grid-template-columns:1fr;gap:16px;max-width:490px;margin:auto;}
  #fiyatlar .vp-plan{min-height:0;padding:22px 20px;}
  #fiyatlar .vp-plan-annual{order:-1;margin:0;padding:24px 20px;}
  #fiyatlar .vp-plan:not(.vp-plan-annual){order:1;}
  #fiyatlar .vp-plan-network{order:2;}
  #fiyatlar .vp-plan:hover,#fiyatlar .vp-plan-annual:hover{transform:translateY(-3px);}
  #fiyatlar .vp-plan-top{margin-bottom:12px;}
  #fiyatlar .vp-plan-annual .vp-badge{min-height:29px;padding:6px 8px!important;font-size:8px!important;}
  #fiyatlar .vp-plan-tags{gap:5px;}
  #fiyatlar .vp-plan .vp-summary{height:auto;min-height:0;max-height:none;overflow:visible;}
  #fiyatlar .vp-price-block{position:relative;height:126px;min-height:126px;grid-template-rows:14px 42px minmax(0,1fr);gap:5px;padding:8px 0 12px;}
  #fiyatlar .vp-monthly-equivalent{top:35px;right:0;min-width:104px;padding:7px;border-radius:11px;}
  #fiyatlar .vp-monthly-equivalent>svg{width:16px;height:16px;}
  #fiyatlar .vp-monthly-equivalent strong{font-size:11px;}
  #fiyatlar .vp-features{gap:8px;padding:15px 0;margin-bottom:6px;}
  #fiyatlar .vp-action{width:100%;font-size:13px;}
}
@media(max-width:380px){
  #fiyatlar .vp-plan-tags{gap:3px;}
  #fiyatlar .vp-plan-annual .vp-badge{padding-inline:5px!important;font-size:7px!important;}
  #fiyatlar .vp-monthly-equivalent{min-width:91px;}
}
@media(prefers-reduced-motion:reduce){#fiyatlar .vp-plan{transition:none;}#fiyatlar .vp-plan:hover,#fiyatlar .vp-plan-annual:hover{transform:none;}}

/* Final responsive refinements for the redesigned annual card. */
#fiyatlar .vp-price-block{position:relative;}
#fiyatlar .vp-plan-annual .vp-plan-top{min-height:0;flex-direction:column-reverse;align-items:flex-start;gap:5px;margin-bottom:12px;}
#fiyatlar .vp-plan-annual .vp-badge-advantage{animation:none;transform:none;}
#fiyatlar .vp-plan-annual .vp-badge-gift{animation:vp-gift-pulse 2.4s ease-in-out infinite;}
@media(max-width:760px){#fiyatlar .vp-plan-annual .vp-plan-top{margin-bottom:12px;}}
@media(max-width:380px){#fiyatlar .vp-plan-annual .vp-price strong.vp-price-999{font-size:38px!important;}}
@media(prefers-reduced-motion:reduce){#fiyatlar .vp-plan-annual .vp-badge-gift{animation:none;}}

/* Match the testimonial kicker and the site's VARTAG blue accent. */
body.page-oto #fiyatlar .vp-eyebrow{color:#0b55b7;font-size:var(--type-kicker,.6875rem);font-weight:700;letter-spacing:.16em;}
body.page-oto #fiyatlar .vp-eyebrow::before,body.page-oto #fiyatlar .vp-eyebrow::after{display:none;}
body.page-oto #fiyatlar .vp-heading h2 span{color:#0b55b7;}
body.page-oto #fiyatlar .vp-plan-annual h3{color:#fff!important;}

/* Separate annual-plan labels to opposite ends; keep the heading legible. */
#fiyatlar .vp-plan-annual .vp-plan-tags{width:100%;justify-content:space-between;}
#fiyatlar .vp-plan-annual h3{color:#fff!important;}

/* Add a little breathing room below the annual plan's labels. */
#fiyatlar .vp-plan-annual .vp-plan-top{margin-bottom:21px;}
@media(max-width:760px){#fiyatlar .vp-plan-annual .vp-plan-top{margin-bottom:18px;}}

/* Keep only the "EN AVANTAJLI" badge red; align other pricing accents to VARTAG blue. */
body.page-oto #fiyatlar.vp-pricing::before,
body.page-oto #fiyatlar.vp-pricing::after{border-color:#0b55b70c;box-shadow:0 0 0 44px #0b55b704,0 0 0 90px #0b55b703;}
#fiyatlar .vp-plan-annual::before{border-color:#3c82d522;background:linear-gradient(90deg,transparent,#2775d012,transparent);}
#fiyatlar .vp-duration-term>strong,
#fiyatlar .vp-plan-annual .vp-duration-term>strong{color:#0b55b7;}
#fiyatlar .vp-features li::before{background:#0b55b7;color:#fff;}
#fiyatlar .vp-action{border-color:#0b55b7;color:#0b55b7;}
#fiyatlar .vp-action:hover{background:#edf4ff;box-shadow:0 8px 18px #0b55b714;}
#fiyatlar .vp-plan-annual .vp-action{border-color:#0b55b7;background:linear-gradient(100deg,#1674dc,#054db6);color:#fff;box-shadow:0 8px 20px #054db633;}
#fiyatlar .vp-plan-annual .vp-action:hover{background:linear-gradient(100deg,#2885ed,#0b5dc8);filter:brightness(1.03);}

/* User-selected blue for the annual plan's duration and included-item checks. */
#fiyatlar .vp-plan-annual .vp-duration-term>strong{color:#458eed;}
#fiyatlar .vp-plan-annual .vp-features li::before{background:#458eed;color:#fff;}

/* User requested a static annual gift badge. */
#fiyatlar .vp-plan-annual .vp-badge-gift{animation:none;transform:none;}

/* Set the annual-plan check markers to the requested VARTAG blue. */
#fiyatlar .vp-plan-annual .vp-features li::before{background:#0955b7;color:#fff;}


/* Blue emphasis on the selected feature-section heading phrase. */
body.page-oto #ozellikler .content-heading h2 span{color:#0955b7;}


/* Apply the requested VARTAG blue to the selected report and module phrases. */
body.page-oto .mi-heading h2 em{color:#0955b7;}
body.page-oto #raporlar .oe-report-gallery-heading h2 .oe-heading-accent{color:#0955b7;}

/* Requested headline accents and compact hero note */
body.page-oto #oto-reference-title .oe-heading-accent,
body.page-oto #moduller .content-heading h2 .oe-heading-accent { color: #0955b7; }
body.page-oto .oe-hero-v2 .oe-hero-note { margin-top: 22px; font-size: 10px !important; line-height: 1.45; }

/* Hero secondary action as an outlined pill button. */
body.page-oto .oe-hero-v2 .oe-text-link {
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid #6683a4;
  border-radius: 999px;
  color: #f3f7fc;
  font-size: 12px;
  font-weight: 550;
  justify-content: center;
  transition: background-color .2s ease, border-color .2s ease;
}
body.page-oto .oe-hero-v2 .oe-text-link:hover {
  border-color: #95abc4;
  background: #ffffff12;
}

/* Mobile refinements requested for press videos and hero note. */
@media (max-width: 600px) {
  body:is(.page-oto, .home-focus) .oe-press-videos .press-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  body.page-oto .oe-hero-v2 .oe-actions {
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
  }
  body.page-oto .oe-hero-v2 .oe-hero-note {
    margin-top: 10px;
    justify-content: center;
    text-align: center;
  }
}

/* Compact mobile cards for vehicle types and customer reviews. */
@media (max-width: 600px) {
  body:is(.page-oto, .home-focus) .oe-bodywork-type {
    flex-basis: 104px;
    height: 84px;
  }
  body:is(.page-oto, .home-focus) .oe-bodywork-type img {
    width: 90px;
    height: 54px;
  }
  body:is(.page-oto, .home-focus) .oe-bodywork-type figcaption { font-size: 7px; }
  body.page-oto .oe-review-section .oe-review-track > .review-card {
    flex-basis: min(76vw, 340px);
    padding: 16px;
  }
  body.page-oto .oe-review-section .review-text {
    font-size: 13px;
    line-height: 1.6;
  }
}

/* Tune hero spacing and metric scale. */
@media (min-width: 761px) {
  body.page-oto .oe-hero-v2 .oe-hero-grid { padding-bottom: 47px; }
  body.page-oto .oe-hero-v2 .oe-hero-note { margin-top: 10px; }
}
body.page-oto .oe-hero-v2 .oe-metrics { margin-bottom: 10px; }
body.page-oto .oe-hero-v2 .oe-metrics strong { font-size: clamp(30px, 3vw, 40px); }
@media (max-width: 1020px) {
  body.page-oto .oe-hero-v2 .oe-metrics strong { font-size: clamp(28px, 3.6vw, 36px); }
}
@media (max-width: 760px) {
  body.page-oto .oe-hero-v2 .oe-metrics strong { font-size: clamp(26px, 6vw, 32px); }
}

/* Label for the countries served in the corporate presence panel. */
body.page-corporate main[data-page="about"] .about-countries-heading {
  margin: 14px 0 -8px;
  color: #607a99;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .12em;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 680px) {
  body.page-corporate main[data-page="about"] .about-countries-heading {
    margin-top: 12px;
    font-size: 9px;
  }
}

/* Corporate quality section follows the Oto page's dark certificate showcase. */
body.page-corporate main.content-page#main-content[data-page="about"] section.content-section.content-soft.about-quality-section {
  padding-block: clamp(52px, 6vw, 78px);
  background: radial-gradient(ellipse at 88% 8%, #9e76272a 0, transparent 35%),
    radial-gradient(ellipse at 5% 100%, #2d67a033 0, transparent 42%),
    linear-gradient(135deg, #07182f 0%, #0b2342 55%, #102b4d 100%) !important;
}
body.page-corporate main[data-page="about"] .about-quality-section > .content-wrap { max-width: 1240px; }
body.page-corporate main[data-page="about"] .about-quality-section .quality-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin: 0 auto 28px;
  text-align: center;
}
body.page-corporate main[data-page="about"] .about-quality-section .quality-heading > .eyebrow {
  justify-content: center;
  color: #a8ceff;
}
body.page-corporate main[data-page="about"] .about-quality-section .quality-heading h2 {
  color: #f4f8ff;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.12;
}
body.page-corporate main[data-page="about"] .about-quality-section .quality-heading p {
  max-width: 660px;
  margin-inline: auto;
  color: #b5c8df;
  font-size: 14px;
  line-height: 1.65;
}
body.page-corporate main[data-page="about"] .about-quality-section .content-certificates {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate:hover { transform: none; box-shadow: none; }
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 230px;
  flex: 0 0 230px;
  margin-inline: auto;
  padding: 4px;
  border: 1px solid #0f2848;
  border-radius: 12px;
  background: #0f2743;
  object-fit: contain;
}
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate figcaption {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 12px 0 3px;
  text-align: center;
}
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate strong { color: #f4f8ff; font-size: 13px; }
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate figcaption > span { color: #c6d5e8; font-size: 10px; line-height: 1.5; }
body.page-corporate main[data-page="about"] > .content-hero .vartag-hero-title {
  color: #f4f8ff !important;
  -webkit-text-fill-color: #f4f8ff;
  text-shadow: 0 2px 20px #04152c99;
}
@media (max-width: 560px) {
  body.page-corporate main[data-page="about"] .about-quality-section { padding-block: 42px; }
  body.page-corporate main[data-page="about"] .about-quality-section > .content-wrap { padding-inline: 18px; }
  body.page-corporate main[data-page="about"] .about-quality-section .quality-heading { margin-bottom: 20px; }
  body.page-corporate main[data-page="about"] .about-quality-section .quality-heading h2 { font-size: 27px; }
  body.page-corporate main[data-page="about"] .about-quality-section .content-certificates { gap: 10px; }
  body.page-corporate main[data-page="about"] .about-quality-section .content-certificate img { height: 190px; flex-basis: 190px; }
  body.page-corporate main[data-page="about"] .about-quality-section .content-certificate strong { font-size: 11px; }
  body.page-corporate main[data-page="about"] .about-quality-section .content-certificate figcaption > span { font-size: 9px; }
}

/* Keep a clear gap above the hero accessibility note. */
body.page-oto .oe-hero-v2 .oe-hero-note { margin-top: 15px; }

/* Lower both desktop hero columns together and keep their bottom labels aligned. */
@media (min-width: 761px) {
  body.page-oto .oe-hero-v2 .oe-hero-copy,
  body.page-oto .oe-hero-v2 .oe-preview-demo { position: relative; top: 20px; }
  body.page-oto .oe-hero-v2 .oe-preview-caption { margin-top: 0; transform: none; }
}

/* Desktop hero note spacing requested in the page annotation. */
@media (min-width: 761px) {
  body.page-oto .oe-hero-v2 .oe-hero-note { margin-top: 12px; }
}

/* Add the requested inner top spacing to the hero note. */
body.page-oto .oe-hero-v2 .oe-hero-note { padding-top: 10px; }


/* Add the requested top padding to the hero preview caption. */
body.page-oto .oe-hero-v2 .oe-preview-caption { padding-top: 15px; }


/* Compact the hero metrics cards and figures across breakpoints. */
body.page-oto .oe-hero-v2 .oe-metrics>div { min-height: 92px; padding: 13px 16px !important; }
body.page-oto .oe-hero-v2 .oe-metrics strong { font-size: clamp(28px, 2.7vw, 34px); }
@media (max-width: 1020px) {
  body.page-oto .oe-hero-v2 .oe-metrics>div { min-height: 84px; padding: 11px 13px !important; }
  body.page-oto .oe-hero-v2 .oe-metrics strong { font-size: clamp(26px, 3vw, 30px); }
}
@media (max-width: 760px) {
  body.page-oto .oe-hero-v2 .oe-metrics>div { min-height: 76px; padding: 10px 12px !important; }
  body.page-oto .oe-hero-v2 .oe-metrics strong { font-size: clamp(24px, 5vw, 28px); }
}


/* Slightly reduce FAQ question text for easier scanning. */
body.page-oto .oe-faq-item>summary { font-size: 12px; }
@media (max-width: 600px) {
  body.page-oto .oe-faq-item>summary { font-size: 11px; }
}


/* Reduce the height of FAQ question rows. */
body.page-oto .oe-faq-item>summary { min-height: 68px; padding-top: 14px; padding-bottom: 14px; }
@media (max-width: 600px) {
  body.page-oto .oe-faq-item>summary { min-height: 56px; padding-top: 12px; padding-bottom: 12px; }
}


/* Make FAQ question tabs visibly more compact, including wrapped labels. */
body.page-oto .oe-faq-item>summary {
  min-height: 50px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  line-height: 1.3;
}
@media (max-width: 600px) {
  body.page-oto .oe-faq-item>summary {
    min-height: 46px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.25;
  }
}


/* Prevent FAQ cards in the same grid row from stretching to an open answer. */
body.page-oto .oe-faq-item { height: auto !important; align-self: start; }


/* Match the corporate quality certificates and image lightbox to the Oto page. */
body.page-corporate dialog.lightbox {
  position: fixed !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(1200px, calc(100vw - 32px));
  max-width: none;
  max-height: 90dvh;
  overflow: auto;
  border: 1px solid #d9e3ef;
  border-radius: 22px;
  background: #fff;
  color: #173454;
  box-shadow: 0 28px 90px #16345630;
}
body.page-corporate dialog.lightbox::backdrop { background: #142b4780; backdrop-filter: blur(10px); }
body.page-corporate dialog.lightbox .lightbox-inner { display: flex; min-height: 0; flex-direction: column; align-items: center; justify-content: center; padding: 56px 22px 18px; text-align: center; }
body.page-corporate dialog.lightbox .lightbox-inner img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(90dvh - 110px); object-fit: contain; border-radius: 18px; }
body.page-corporate dialog.lightbox .lightbox-inner p { color: #5f7692; }
body.page-corporate dialog.lightbox .lightbox-close { border: 1px solid #dce5ef; background: #f3f6fa; color: #234566; }
@media (max-width: 600px) {
  body.page-corporate dialog.lightbox .lightbox-inner { padding: 54px 12px 14px; }
  body.page-corporate dialog.lightbox .lightbox-inner img { max-height: calc(88dvh - 100px); border-radius: 14px; }
}

/* Dark animated values section on the corporate page. */
body.page-corporate main[data-page="about"] #ozellikler {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(72px, 8vw, 108px);
  background: radial-gradient(ellipse at 14% 0%, #1d5a9638 0, transparent 42%), linear-gradient(135deg, #06162b 0%, #0a203a 52%, #0b2c50 100%);
}
body.page-corporate main[data-page="about"] #ozellikler::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(#9fc8ff52 1px, transparent 1px);
  background-size: 30px 30px;
  mask-image: linear-gradient(110deg, #000 0%, transparent 78%);
  opacity: .28;
  content: "";
  animation: corporate-principles-drift 32s linear infinite;
  pointer-events: none;
}
body.page-corporate main[data-page="about"] #ozellikler::after {
  position: absolute;
  z-index: -1;
  top: 8%;
  right: -180px;
  width: 460px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, #2b79c52e 0, transparent 70%);
  content: "";
  animation: corporate-principles-glow 9s ease-in-out infinite alternate;
  pointer-events: none;
}
body.page-corporate main[data-page="about"] #ozellikler > .content-wrap { position: relative; z-index: 1; }
body.page-corporate main[data-page="about"] #ozellikler .content-heading { max-width: 900px; margin-bottom: 38px; }
body.page-corporate main[data-page="about"] #ozellikler .content-heading > .eyebrow { color: #9fc8ff; }
body.page-corporate main[data-page="about"] #ozellikler .content-heading > .eyebrow::before { background: #77b6ff; }
body.page-corporate main[data-page="about"] #ozellikler .content-heading h2 { color: #f4f8ff; }
body.page-corporate main[data-page="about"] #ozellikler .content-features { gap: 16px; }
body.page-corporate main[data-page="about"] #ozellikler .content-feature {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  padding: 27px;
  border: 1px solid #9ac8ff2b;
  border-radius: 20px;
  background: linear-gradient(145deg, #ffffff0e, #ffffff06);
  box-shadow: 0 18px 44px #020c1d25;
  backdrop-filter: blur(9px);
  transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
body.page-corporate main[data-page="about"] #ozellikler .content-feature::before {
  position: absolute;
  top: -55px;
  right: -45px;
  width: 150px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, #55a5ff24 0, transparent 70%);
  content: "";
  transition: transform .45s ease, opacity .3s ease;
  pointer-events: none;
}
body.page-corporate main[data-page="about"] #ozellikler .content-feature:hover {
  transform: translateY(-6px);
  border-color: #91c8ff70;
  background: linear-gradient(145deg, #ffffff16, #ffffff09);
  box-shadow: 0 24px 54px #020c1d48;
}
body.page-corporate main[data-page="about"] #ozellikler .content-feature:hover::before { transform: scale(1.35); }
body.page-corporate main[data-page="about"] #ozellikler .content-feature-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  border: 1px solid #9ac8ff35;
  border-radius: 15px;
  background: linear-gradient(145deg, #74b8ff2b, #2e75c31a);
  color: #a8d2ff;
  box-shadow: inset 0 1px #ffffff14, 0 8px 22px #00152c22;
  transition: transform .3s ease, background .3s ease;
}
body.page-corporate main[data-page="about"] #ozellikler .content-feature:hover .content-feature-icon { transform: translateY(-2px) rotate(-3deg); background: #69adff35; }
body.page-corporate main[data-page="about"] #ozellikler .content-feature h3 { position: relative; color: #f4f8ff; font-size: 20px; }
body.page-corporate main[data-page="about"] #ozellikler .content-feature p { position: relative; color: #b5c8df; font-size: 14px; line-height: 1.75; }
@keyframes corporate-principles-drift { to { background-position: 60px 60px; } }
@keyframes corporate-principles-glow { from { transform: translate3d(0, -12px, 0); opacity: .65; } to { transform: translate3d(-18px, 16px, 0); opacity: 1; } }
@media (max-width: 760px) {
  body.page-corporate main[data-page="about"] #ozellikler { padding-block: 62px; }
  body.page-corporate main[data-page="about"] #ozellikler .content-feature { min-height: 220px; padding: 22px; }
}
@media (max-width: 560px) {
  body.page-corporate main[data-page="about"] #ozellikler .content-features { grid-template-columns: 1fr; gap: 12px; }
  body.page-corporate main[data-page="about"] #ozellikler .content-feature { min-height: 0; padding: 22px; }
  body.page-corporate main[data-page="about"] #ozellikler .content-feature-icon { margin-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-corporate main[data-page="about"] #ozellikler::before,
  body.page-corporate main[data-page="about"] #ozellikler::after { animation: none; }
  body.page-corporate main[data-page="about"] #ozellikler .content-feature,
  body.page-corporate main[data-page="about"] #ozellikler .content-feature::before,
  body.page-corporate main[data-page="about"] #ozellikler .content-feature-icon { transition: none; }
}

/* Explicitly center the corporate call-to-action title and controls. */
body.page-corporate main#main-content > section.big-cta .wrap { text-align: center; }
body.page-corporate main#main-content > section.big-cta h2 { margin-inline: auto; text-align: center; }
body.page-corporate main#main-content > section.big-cta .action-row { justify-content: center; }


/* Keep the corporate certificate grid in step with the Oto page breakpoints. */
body.page-corporate main[data-page="about"] .about-quality-section .content-certificates { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) {
  body.page-corporate main[data-page="about"] .about-quality-section .content-certificates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Let the principles cards fade in as they enter view, with a light stagger. */
body.page-corporate main[data-page="about"] #ozellikler .content-feature {
  transition: opacity .75s var(--ease), transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
body.page-corporate main[data-page="about"] #ozellikler .content-feature.reveal-delay-1 { transition-delay: .12s; }
body.page-corporate main[data-page="about"] #ozellikler .content-feature.reveal-delay-2 { transition-delay: .22s; }
body.page-corporate main[data-page="about"] #ozellikler .content-feature.reveal-delay-3 { transition-delay: .32s; }


/* Keep the corporate certificates section light between the neighboring dark sections. */
body.page-corporate main.content-page#main-content[data-page="about"] section.content-section.content-soft.about-quality-section {
  background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f7faff 48%, #edf3fb 100%) !important;
}
body.page-corporate main[data-page="about"] .about-quality-section .quality-heading > .eyebrow { color: #054DB6; }
body.page-corporate main[data-page="about"] .about-quality-section .quality-heading h2 { color: #173454; }
body.page-corporate main[data-page="about"] .about-quality-section .quality-heading p { color: #536e8e; }
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate strong { color: #234b7e; }
body.page-corporate main[data-page="about"] .about-quality-section .content-certificate figcaption > span { color: #536e8e; }

/* Corporate ecosystem redesigned as a focused dark product showcase. */
body.page-corporate main#main-content .ecosystem-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(64px, 8vw, 104px);
  isolation: isolate;
  background:
    radial-gradient(ellipse at 12% 0%, #1e65b733 0, transparent 35%),
    radial-gradient(ellipse at 95% 80%, #267ee02b 0, transparent 34%),
    linear-gradient(135deg, #07182f 0%, #0a2140 54%, #102d50 100%);
}
body.page-corporate main#main-content .ecosystem-section::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(#b5d3ff22 .8px, transparent .8px);
  background-size: 24px 24px;
  content: "";
  opacity: .28;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
body.page-corporate main#main-content .ecosystem-section > .content-wrap { max-width: 1280px; }
body.page-corporate main#main-content .ecosystem-heading {
  max-width: 760px;
  margin: 0 auto clamp(30px, 4vw, 48px);
  text-align: center;
}
body.page-corporate main#main-content .ecosystem-heading .eyebrow {
  justify-content: center;
  color: #8dbdff;
}
body.page-corporate main#main-content .ecosystem-heading h2 {
  color: #f5f8ff;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.12;
  letter-spacing: -.045em;
}
body.page-corporate main#main-content .ecosystem-section .content-product-links {
  gap: clamp(14px, 2vw, 24px);
}
body.page-corporate main#main-content .ecosystem-section .content-product-link {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
  padding: clamp(18px, 2.2vw, 26px);
  border: 1px solid #9fc7f22b;
  border-radius: 24px;
  background: linear-gradient(155deg, #ffffff12, #ffffff08 60%, #7db8ff0b);
  box-shadow: 0 18px 45px #020b1b24, inset 0 1px #ffffff12;
  transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
body.page-corporate main#main-content .ecosystem-section .content-product-link:hover,
body.page-corporate main#main-content .ecosystem-section .content-product-link:focus-visible {
  transform: translateY(-6px);
  border-color: #81b8ff80;
  background: linear-gradient(155deg, #ffffff1c, #ffffff0b 60%, #7db8ff14);
  box-shadow: 0 24px 54px #020b1b45, 0 0 0 1px #65a8ff20;
}
body.page-corporate main#main-content .ecosystem-section .content-product-link > div {
  display: grid;
  width: 100%;
  height: clamp(160px, 18vw, 220px);
  place-items: center;
  margin: 0 0 22px;
  overflow: hidden;
  border: 1px solid #a9ceff20;
  border-radius: 17px;
  background: radial-gradient(ellipse at 50% 45%, #367cc32e, #06162b70 72%);
}
body.page-corporate main#main-content .ecosystem-section .content-product-link img {
  width: min(100%, 330px);
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 18px #0005);
  transition: transform .35s ease;
}
body.page-corporate main#main-content .ecosystem-section .content-product-link:hover img { transform: scale(1.035); }
body.page-corporate main#main-content .ecosystem-section .content-product-link h3 {
  margin: 0 0 10px;
  color: #f4f8ff;
  font-size: 16px !important;
  line-height: 1.25;
  letter-spacing: -.03em;
  text-align: center;
}
body.page-corporate main#main-content .ecosystem-section .content-product-link p {
  flex: 1;
  margin: 0 0 22px;
  color: #b8c9df;
  font-size: 12px !important;
  line-height: 1.7;
  text-align: center;
}
body.page-corporate main#main-content .ecosystem-section .content-product-link > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: center;
  padding: 10px 14px;
  border: 1px solid #8abaff38;
  border-radius: 999px;
  background: #3684e51a;
  color: #a9ceff;
  font-size: 12px;
  transition: background .2s ease, color .2s ease;
}
body.page-corporate main#main-content .ecosystem-section .content-product-link:hover > span,
body.page-corporate main#main-content .ecosystem-section .content-product-link:focus-visible > span {
  background: #dceaff;
  color: #0b2d56;
}
@media (max-width: 760px) {
  body.page-corporate main#main-content .ecosystem-section { padding-block: 54px; }
  body.page-corporate main#main-content .ecosystem-section .content-product-links { grid-template-columns: 1fr; gap: 14px; }
  body.page-corporate main#main-content .ecosystem-section .content-product-link { padding: 18px; border-radius: 20px; }
  body.page-corporate main#main-content .ecosystem-section .content-product-link > div { height: 190px; margin-bottom: 17px; }
  body.page-corporate main#main-content .ecosystem-section .content-product-link img { max-height: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-corporate main#main-content .ecosystem-section .content-product-link,
  body.page-corporate main#main-content .ecosystem-section .content-product-link img,
  body.page-corporate main#main-content .ecosystem-section .content-product-link > span { transition: none; }
  body.page-corporate main#main-content .ecosystem-section .content-product-link:hover,
  body.page-corporate main#main-content .ecosystem-section .content-product-link:focus-visible { transform: none; }
}


/* Corporate presence map and country flags as one compact information panel. */
body.page-corporate main#main-content .about-presence {
  position: relative;
  padding: 14px;
  border: 1px solid #d9e5f4;
  border-radius: 26px;
  background: linear-gradient(155deg, #f7faff 0%, #edf4fd 100%);
  box-shadow: 0 22px 55px #14365e12, inset 0 1px #fff;
}
body.page-corporate main#main-content .about-reference-map {
  aspect-ratio: 1.48;
  border: 1px solid #dce7f4;
  border-radius: 18px;
  background: #e8eef5;
  box-shadow: 0 8px 20px #18385a12;
}
body.page-corporate main#main-content .about-countries {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px 0 0;
}
body.page-corporate main#main-content .about-countries li {
  min-height: 78px;
  justify-content: center;
  gap: 7px;
  padding: 9px 5px;
  border: 1px solid #dfe8f3;
  border-radius: 14px;
  background: #ffffffc9;
  box-shadow: 0 3px 10px #17395b08;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.page-corporate main#main-content .about-countries li:hover {
  transform: translateY(-2px);
  border-color: #b7d0ef;
  box-shadow: 0 8px 18px #17395b12;
}
body.page-corporate main#main-content .about-countries img {
  width: 50px;
  height: 33px;
  border-radius: 7px;
  box-shadow: 0 3px 9px #15385b16;
}
body.page-corporate main#main-content .about-countries span {
  color: #294c73;
  font-size: 11px;
}
@media (max-width: 680px) {
  body.page-corporate main#main-content .about-presence { padding: 10px; border-radius: 21px; }
  body.page-corporate main#main-content .about-reference-map { aspect-ratio: 1.2; border-radius: 15px; }
  body.page-corporate main#main-content .about-countries { gap: 8px; padding-top: 9px; }
  body.page-corporate main#main-content .about-countries li { min-height: 70px; padding: 7px 3px; border-radius: 12px; }
  body.page-corporate main#main-content .about-countries img { width: 46px; height: 30px; }
  body.page-corporate main#main-content .about-countries span { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-corporate main#main-content .about-countries li { transition: none; }
  body.page-corporate main#main-content .about-countries li:hover { transform: none; }
}


/* Match the corporate introduction copy height to the adjacent presence panel. */
@media (min-width: 761px) {
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .content-split {
    align-items: stretch;
  }
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .content-split > .content-copy {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding-block: 14px;
  }
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .content-copy > .content-heading {
    margin-bottom: 0;
  }
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .content-copy > .content-paragraph {
    margin: 0;
    font-size: clamp(13px, 1.15vw, 15px);
    line-height: 1.62;
    text-wrap: pretty;
  }
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .about-presence {
    align-self: stretch;
  }
}
@media (max-width: 760px) {
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .content-copy {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .content-copy > .content-heading {
    margin-bottom: 0;
  }
  body.page-corporate main#main-content > section.content-section:nth-of-type(2) .content-copy > .content-paragraph {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
  }
}


/* Compact corporate hero supporting text as requested. */
body.page-corporate main#main-content > .content-hero .hero-top > p {
  font-size: 12px;
  line-height: 1.65;
}


/* Match the corporate review label and all-reviews link to the quality kicker. */
body.page-corporate main#main-content .content-reviews .reviews-eyebrow {
  color: #054DB6;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .18em;
  line-height: 1.5;
}
body.page-corporate main#main-content .content-reviews .reviews-eyebrow::before {
  width: 22px;
  background: #6b94c8;
}
body.page-corporate main#main-content .content-reviews .content-review-all {
  color: #054DB6;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .16em;
  line-height: 1.5;
  text-transform: uppercase;
}
body.page-corporate main#main-content .content-reviews .content-review-all a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
body.page-corporate main#main-content .content-reviews .content-review-all a::before {
  width: 22px;
  height: 1px;
  background: #6b94c8;
  content: "";
}


/* Corporate call-to-action supporting copy at the requested size. */
body.page-corporate main#main-content > section.big-cta p.lead {
  font-size: 12px;
  line-height: 1.65;
}

/* Enforce the corporate CTA copy size over utility typography rules. */
body.page-corporate main#main-content > section.big-cta > .wrap > p.lead {
  font-size: 12px !important;
  line-height: 1.65 !important;
}

/* The anchor has its own base size, so explicitly match the quality kicker. */
body.page-corporate main#main-content .content-reviews .content-review-all a {
  font-size: 10px !important;
  font-weight: 650;
  letter-spacing: .16em;
  line-height: 1.5;
}


/* Press page typography requests: compact headlines and CTA copy. */
body.page-press main.press-page .press-video-info h3 {
  font-size: 16px !important;
  line-height: 1.4;
}
body.page-press main.press-page .press-article-info h3 {
  font-size: 14px !important;
  line-height: 1.4;
}
body.page-press main.press-page .press-article-headline {
  font-size: 12px !important;
  line-height: 1.6;
}
body.page-press main.press-page > section.big-cta p.lead {
  font-size: 12px !important;
  line-height: 1.65 !important;
}


/* Emphasize the inspection product name in the hero heading. */
body.page-oto #oe-title > span:not(.oe-hero-prefix) {
  font-weight: 800;
}

/* Keep the qualifier above the SEO phrase, one step smaller and white. */
body.page-oto .oe-hero-v2 h1 .oe-hero-prefix {
  display: inline-block;
  color: #f4f8ff;
  background: none;
  -webkit-text-fill-color: #f4f8ff;
  font-size: .86em;
  letter-spacing: -.045em;
}


/* Reference page selected paragraph size. */
body.page-references main#main-content > section.section.bg-night .wrap > p.lead {
  font-size: 12px !important;
  line-height: 1.7 !important;
}
/* Press video titles one step smaller across all cards. */
body.page-press main.press-page .press-video-info h3 {
  font-size: 14px !important;
  line-height: 1.4;
}


/* Reference page review intro uses the requested compact supporting type. */
body.page-references main#main-content > section.reviews-premium:nth-of-type(3) > .reviews-heading > p {
  font-size: 12px !important;
  line-height: 1.7 !important;
}

/* Use VARTAG blue for the real-experiences label on the references page. */
body.page-references main#main-content > section.reviews-premium:nth-of-type(3) > .reviews-heading > .eyebrow {
  color: #054db6;
}

/* Centered direct-contact cards. */
body.page-contact .contact-methods-centered .contact-method-card{flex-direction:column;align-items:center;justify-content:center;gap:19px;min-height:254px;padding:30px 18px;text-align:center}
body.page-contact .contact-methods-centered .contact-method-icon{width:76px;height:76px;flex:0 0 76px;border-radius:23px;background:#edf4fd;color:#1758a8}
body.page-contact .contact-methods-centered .contact-method-icon svg{display:block;width:40px;height:40px}
body.page-contact .contact-methods-centered .contact-method-card>div{width:100%;text-align:center}
body.page-contact main .contact-methods-centered .contact-method-card h3{margin:0 0 12px;font-size:14px!important;font-weight:650;letter-spacing:.02em;color:#6a7f99}
body.page-contact .contact-methods-centered a.contact-direct-link{justify-content:center;font-size:clamp(17px,1.85vw,22px);line-height:1.45;letter-spacing:-.025em;font-weight:700;color:#153d6a;white-space:nowrap;min-height:36px}
body.page-contact main .contact-methods-centered .contact-method-card:first-child a.contact-direct-link{font-size:clamp(16px,1.65vw,19px)}
body.page-contact .contact-methods-centered .contact-direct-link>span{font-size:14px;margin-left:2px}
body.page-contact main .contact-methods-centered .contact-method-card p{margin:10px 0 0;font-size:12px!important;line-height:1.65}
body.page-contact .contact-methods-centered .contact-method-whatsapp .contact-method-icon{background:#eaf8f0;color:#179958}
body.page-contact .contact-methods-centered a:focus-visible{outline:3px solid #75b2ef;outline-offset:6px;border-radius:4px}
body.page-contact main .contact-office-copy address{margin:6px 0 22px;font-style:normal;font-size:13px!important;line-height:1.8;color:#c6d3e3}
@media(max-width:850px){body.page-contact .contact-methods-centered .contact-method-card{min-height:228px;padding:27px 20px}body.page-contact .contact-methods-centered a.contact-direct-link{font-size:22px}}


/* Shared callback dialog, matching the Oto Ekspertiz reference. */
body.signature-site #callback-dialog{width:min(820px,calc(100vw - 32px));}
body.signature-site #callback-dialog .callback-panel{padding:26px;border-radius:24px;background:#fff;box-shadow:0 32px 90px rgba(5,16,35,.28);}
body.signature-site #callback-dialog .callback-layout{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:28px;align-items:stretch;}
body.signature-site #callback-dialog .callback-side{padding:26px 22px;border:1px solid #e4edf8;border-radius:18px;background:linear-gradient(155deg,#f6faff 0%,#edf4fc 100%);}
body.signature-site #callback-dialog .callback-eyebrow{margin:0 38px 12px 0;color:#1557a6;font-size:9px;letter-spacing:.16em;}
body.signature-site #callback-dialog .callback-panel h2{margin:0 28px 10px 0;color:#102a4c;font-size:30px;letter-spacing:-.045em;}
body.signature-site #callback-dialog .callback-intro{margin:0 0 24px;color:#627790;font-size:12px;line-height:1.65;}
body.signature-site #callback-dialog .callback-contact-actions{grid-template-columns:1fr;gap:9px;margin:0;padding:0;border:0;}
body.signature-site #callback-dialog .callback-contact-actions>a{min-height:58px;justify-content:flex-start;padding:10px 13px;border-color:#d5e2f2;border-radius:13px;background:#fff;font-size:12px;}
body.signature-site #callback-dialog .callback-call-copy{gap:3px;}
body.signature-site #callback-dialog .callback-contact-actions small{font-size:11px;color:#526b89;}
body.signature-site #callback-dialog #callback-form{min-width:0;padding:5px 6px 2px 0;}
body.signature-site #callback-dialog .callback-field{margin-bottom:11px;}
body.signature-site #callback-dialog .callback-field label{margin-bottom:5px;font-size:11px;}
body.signature-site #callback-dialog .callback-field input{height:41px;border-radius:11px;background:#fbfdff;font-size:12px;}
body.signature-site #callback-dialog .callback-hint{margin:-3px 0 14px;font-size:10px;}
body.signature-site #callback-dialog .callback-accept{margin-bottom:11px;font-size:10px;}
body.signature-site #callback-dialog .callback-submit{height:44px;border-radius:12px;font-size:12px;background:#054db6;border-color:#054db6;color:#fff;}
body.signature-site #callback-dialog .callback-submit:hover:not(:disabled){background:#053d90;border-color:#053d90;}
@media(max-width:720px){body.signature-site #callback-dialog{width:min(560px,calc(100vw - 24px));}body.signature-site #callback-dialog .callback-panel{padding:19px;border-radius:20px;}body.signature-site #callback-dialog .callback-layout{grid-template-columns:1fr;gap:16px;}body.signature-site #callback-dialog .callback-side{padding:20px 18px;}body.signature-site #callback-dialog .callback-intro{margin-bottom:16px;}body.signature-site #callback-dialog .callback-contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));}body.signature-site #callback-dialog #callback-form{padding:0 2px 1px;}}
@media(max-width:460px){body.signature-site #callback-dialog .callback-contact-actions{grid-template-columns:1fr;}body.signature-site #callback-dialog .callback-side{padding:18px 15px;}}
body.signature-site #callback-dialog .callback-call-copy{flex-direction:column;}
body.signature-site #callback-dialog .callback-call .callback-call-copy small{font-size:14px;font-weight:400;color:#294f7d;}
body.signature-site #callback-dialog .callback-whatsapp .callback-call-copy small{font-size:14px;font-weight:400;color:#294f7d;}
body.signature-site #callback-dialog .callback-email .callback-call-copy small{font-size:14px;font-weight:400;color:#294f7d;}

/* Maya testimonial source labels, consistent on all screen sizes. */
body.signature-site.page-maya main .review-card .review-source{font-size:12px!important;}

/* BEGIN VARTAG HOME ATELIER */
/* VARTAG home / digital atelier. All rules are scoped to the homepage. */
body.page-home #main-content.vh-home{--vh-ink:#102740;--vh-navy:#07182d;--vh-blue:#0755c8;--vh-yellow:#ffc536;--vh-muted:#65758b;--vh-line:#dfe6ed;background:#f7f9fc;color:var(--vh-ink);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#main-content.vh-home *{box-sizing:border-box}
#main-content.vh-home :is(a,button){-webkit-tap-highlight-color:transparent}
#main-content.vh-home a{text-decoration:none}
#main-content.vh-home button{font-family:inherit;cursor:pointer}
#main-content.vh-home :is(a,button):focus-visible{outline:3px solid #f4bb2b;outline-offset:5px}
#main-content.vh-home .vh-shell{width:min(1260px,calc(100% - 80px));margin-inline:auto}
#main-content.vh-home h1,#main-content.vh-home h2,#main-content.vh-home h3,#main-content.vh-home p{margin:0}
#main-content.vh-home .vh-overline{display:flex;align-items:center;gap:10px;font-size:9px;line-height:1.5;letter-spacing:.17em;font-weight:650;color:inherit}
#main-content.vh-home .vh-overline>i{width:7px;height:7px;background:var(--vh-blue);display:block;flex:none}
#main-content.vh-home .vh-live-dot{position:relative;display:inline-block;width:6px;height:6px;background:#67d6b3;border-radius:50%;flex:none;box-shadow:0 0 0 5px #67d6b310}
#main-content.vh-home .vh-live-dot:after{content:"";position:absolute;inset:-5px;border:1px solid #67d6b360;border-radius:50%;animation:vh-pulse 3s ease-out infinite}
#main-content.vh-home .vh-hero{position:relative;isolation:isolate;min-height:740px;background:#07182d;color:white;padding:92px 0 0}
#main-content.vh-home .vh-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 30%,#1052a43d,transparent 52%),linear-gradient(0deg,#07182d,transparent 30%);pointer-events:none}
#main-content.vh-home .vh-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#b0d1ff06 1px,transparent 1px),linear-gradient(90deg,#b0d1ff06 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000 65%)}
#main-content.vh-home .vh-aurora{position:absolute;inset:0;z-index:-3;overflow:hidden}
#main-content.vh-home .vh-aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:vh-aurora 16s ease-in-out infinite alternate}
#main-content.vh-home .vh-aurora i:nth-child(1){width:530px;height:530px;background:#0b55b9;right:-160px;top:-220px}
#main-content.vh-home .vh-aurora i:nth-child(2){width:400px;height:400px;background:#004a6b;right:30%;bottom:-330px;animation-delay:-6s}
#main-content.vh-home .vh-aurora i:nth-child(3){width:180px;height:180px;background:#3b5a8b;left:-140px;top:35%;animation-delay:-10s}
#main-content.vh-home .vh-hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:25px;min-height:510px;padding-bottom:80px}
#main-content.vh-home .vh-hero-copy{position:relative;z-index:3}
#main-content.vh-home .vh-hero-copy>.vh-overline{color:#9eb9d7;margin-bottom:26px}
#main-content.vh-home h1{font-size:clamp(62px,6.55vw,96px)!important;line-height:1.02!important;font-weight:600!important;letter-spacing:-.065em!important;color:#f5f8ff;max-width:620px}
#main-content.vh-home .vh-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.06em}
#main-content.vh-home .vh-line>span{display:block;animation:vh-line-in 1.05s cubic-bezier(.2,.7,.2,1) both}
#main-content.vh-home .vh-line:nth-child(2)>span{animation-delay:.12s}
#main-content.vh-home .vh-line:nth-child(3)>span{animation-delay:.24s}
#main-content.vh-home .vh-title-accent{color:#b3d4ff}
#main-content.vh-home .vh-title-accent>span{background:linear-gradient(100deg,#f5f8ff 0%,#8dbfff 50%,#4c97f2 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
#main-content.vh-home p.vh-hero-description{font-size:14px!important;line-height:1.85!important;letter-spacing:0!important;color:#aabbd1;margin-top:26px}
#main-content.vh-home .vh-hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}
#main-content.vh-home .vh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:47px;padding:14px 20px;border-radius:7px;font-size:12px;font-weight:650;line-height:1.3;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s}
#main-content.vh-home .vh-button>span{font-size:18px;line-height:1;transition:transform .25s}
#main-content.vh-home .vh-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0002}
#main-content.vh-home .vh-button:hover>span{transform:translate(2px,-2px)}
#main-content.vh-home .vh-button-yellow{background:var(--vh-yellow);color:#142438}
#main-content.vh-home .vh-button-white{background:#fff;color:#102e50}
#main-content.vh-home .vh-text-button{background:none;border:0;padding:10px 0;font-size:11px;color:#e5eefb;display:inline-flex;gap:16px;align-items:center}
#main-content.vh-home .vh-text-button>span{font-size:18px;transition:transform .25s}
#main-content.vh-home .vh-text-button:hover>span{transform:translate(3px,-3px)}
#main-content.vh-home .vh-hero-note{display:flex;align-items:center;gap:9px;color:#7e94ae;font-size:9px;margin-top:24px}
#main-content.vh-home .vh-note-symbol{color:var(--vh-yellow);font-size:17px}
#main-content.vh-home .vh-stage{position:relative;min-width:0;padding:30px 0 26px;perspective:1200px;isolation:isolate;margin-top:18px}
#main-content.vh-home .vh-stage-label{font-size:8px;letter-spacing:.16em;color:#8da7c8;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:21px}
#main-content.vh-home .vh-stage-label .vh-live-dot{width:4px;height:4px}
#main-content.vh-home .vh-browser{position:relative;z-index:2;border:1px solid #a4c8ff3b;background:#163355;border-radius:12px;overflow:hidden;box-shadow:0 38px 90px #0007,0 0 0 8px #7fabf207;transform:rotateY(-8deg) rotateX(4deg) rotateZ(2deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;will-change:transform}
#main-content.vh-home .vh-browser-chrome{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #a9c6ee1a;background:#16304e}
#main-content.vh-home .vh-window-dots{display:flex;gap:4px}
#main-content.vh-home .vh-window-dots i{width:5px;height:5px;background:#57708b;border-radius:50%}
#main-content.vh-home .vh-window-dots i:first-child{background:#f4b643}
#main-content.vh-home .vh-browser-address{display:flex;align-items:center;gap:7px;color:#9bb0c9;font-size:8px;letter-spacing:.02em}
#main-content.vh-home .vh-browser-address svg{width:10px;height:10px;fill:none;stroke:#9bb0c9;stroke-width:1.2}
#main-content.vh-home .vh-browser-mark{font-size:13px;font-weight:800;color:#d6e4f7}
#main-content.vh-home .vh-screen-deck{position:relative;aspect-ratio:1.61;background:#edf3fa;overflow:hidden}
#main-content.vh-home .vh-screen{width:100%;height:100%;animation:vh-screen-in .55s ease both}
#main-content.vh-home .vh-screen[hidden]{display:none!important}
#main-content.vh-home .vh-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
#main-content.vh-home .vh-browser-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:8px;background:#132c49;color:#a6bdd7}
#main-content.vh-home .vh-browser-bottom>span{display:flex;align-items:center;gap:6px}
#main-content.vh-home .vh-browser-bottom i{display:block;width:4px;height:4px;background:#60d9b4;border-radius:50%}
#main-content.vh-home .vh-browser-bottom a{color:#e3eeff;white-space:nowrap}
#main-content.vh-home .vh-browser-bottom a>span{margin-left:6px}
#main-content.vh-home .vh-orbit{position:absolute;border:1px solid #80a9e11b;z-index:-1;border-radius:50%;pointer-events:none;left:50%;top:47%;width:620px;height:620px;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-20deg)}
#main-content.vh-home .vh-orbit-two{width:820px;height:820px;border-style:dashed;opacity:.5;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-25deg)}
#main-content.vh-home .vh-float{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:10px;border:1px solid #b0d4ff33;background:#153251eb;backdrop-filter:blur(20px);box-shadow:0 15px 35px #0003;animation:vh-float 7s ease-in-out infinite;pointer-events:none}
#main-content.vh-home .vh-float small{display:block;font-size:7px;letter-spacing:.13em;color:#a4b8d0;margin-bottom:5px}
#main-content.vh-home .vh-float strong{font-size:11px;font-weight:550;color:#f4f8ff}
#main-content.vh-home .vh-float-top{right:-21px;top:15px}
#main-content.vh-home .vh-check{width:30px;height:30px;display:grid;place-items:center;background:#53b69b1c;color:#86e0c4;border:1px solid #86e0c43d;border-radius:8px;font-size:17px}
#main-content.vh-home .vh-float-bottom{left:-36px;bottom:73px;animation-delay:-3s}
#main-content.vh-home .vh-float-bottom svg{width:43px;height:32px;fill:none;stroke:#f7c649;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}
#main-content.vh-home .vh-preview-tabs{display:flex;justify-content:center;gap:6px;position:relative;z-index:3;margin-top:27px}
#main-content.vh-home .vh-preview-tabs button{padding:10px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8da3bd;font-size:9px;white-space:nowrap;transition:all .25s}
#main-content.vh-home .vh-preview-tabs button>span{color:#567591;font-size:8px;margin-right:6px}
#main-content.vh-home .vh-preview-tabs button.is-active{background:#21436580;border-color:#769cc62e;color:#fff}
#main-content.vh-home .vh-preview-tabs button.is-active>span{color:#e4bb51}
#main-content.vh-home .vh-hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b4d3ff20;padding-block:25px;position:relative;z-index:4}
#main-content.vh-home .vh-scroll-cue{display:flex;align-items:center;gap:11px;color:#8197b1;font-size:7px;letter-spacing:.16em}
#main-content.vh-home .vh-scroll-icon{width:13px;height:23px;border:1px solid #6d87a6;border-radius:10px;position:relative}
#main-content.vh-home .vh-scroll-icon:after{content:"";position:absolute;left:5px;top:4px;width:1px;height:5px;background:#d8e7fa;animation:vh-scroll 2s ease infinite}
#main-content.vh-home .vh-proof{display:flex;align-items:center;gap:35px;color:#7790ab;font-size:9px}
#main-content.vh-home .vh-proof strong{font-weight:600;color:#d3e1f3;font-size:16px;letter-spacing:-.03em;margin-right:6px;font-variant-numeric:tabular-nums}
#main-content.vh-home .vh-custom-screen{position:relative;isolation:isolate;background:#0d2851;color:#fff}
#main-content.vh-home .vh-custom-grid{position:absolute;inset:0;background-image:linear-gradient(#87b7ff10 1px,transparent 1px),linear-gradient(90deg,#87b7ff10 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,#000,transparent)}
#main-content.vh-home .vh-custom-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:80%;z-index:2}
#main-content.vh-home .vh-custom-center>span{font-size:7px;letter-spacing:.18em;color:#79a8e5}
#main-content.vh-home .vh-custom-center strong{display:block;font-size:40px;font-weight:550;line-height:1.1;letter-spacing:-.05em;margin:16px 0}
#main-content.vh-home .vh-custom-center p{font-size:9px!important;color:#a2bedf;line-height:1.5!important}
#main-content.vh-home .vh-custom-node{position:absolute;padding:7px 10px;border:1px solid #8ab9f22e;background:#0f315c;border-radius:5px;font-size:7px;color:#b8cff0;z-index:3}
#main-content.vh-home .vh-node-one{top:18%;left:7%;animation:vh-float 6s infinite ease-in-out}
#main-content.vh-home .vh-node-two{top:16%;right:11%;animation:vh-float 7s infinite ease-in-out -2s}
#main-content.vh-home .vh-node-three{bottom:15%;right:13%;animation:vh-float 6s infinite ease-in-out -4s}
#main-content.vh-home .vh-custom-orbit{position:absolute;inset:5% 12%;border:1px solid #71b1fa18;border-radius:50%;transform:rotate(-25deg)}
#main-content.vh-home .vh-custom-orbit:after{content:"";position:absolute;inset:15px;border:1px dashed #71b1fa22;border-radius:50%}
#main-content.vh-home .vh-trust{background:#fff;border-bottom:1px solid #e7ecf2;padding:26px 0}
#main-content.vh-home .vh-trust-inner{display:flex;align-items:center;gap:35px}
#main-content.vh-home .vh-trust-inner>p{font-size:8px!important;font-weight:600;line-height:1.7!important;letter-spacing:.1em;color:#6e7e91;flex:none;width:155px}
#main-content.vh-home .vh-logo-window{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#main-content.vh-home .vh-logo-track{display:flex;width:max-content;animation:vh-marquee 35s linear infinite}
#main-content.vh-home .vh-logo-window:hover .vh-logo-track{animation-play-state:paused}
#main-content.vh-home .vh-logo-group{display:flex;align-items:center;gap:45px;padding-right:45px;flex-shrink:0}
#main-content.vh-home .vh-logo-group img{width:100px;height:43px;object-fit:contain;filter:grayscale(1);opacity:.56;mix-blend-mode:multiply;transition:opacity .3s,filter .3s}
#main-content.vh-home .vh-logo-group img:hover{filter:grayscale(0);opacity:1}
#main-content.vh-home .vh-trust-link{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e2e9f1;border-radius:50%;font-size:15px;color:#526a86;flex:none}
#main-content.vh-home .vh-solutions{padding-block:105px}
#main-content.vh-home .vh-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:44px}
#main-content.vh-home .vh-section-heading .vh-overline{color:#6d8096;margin-bottom:20px}
#main-content.vh-home h2{font-size:clamp(34px,3.6vw,52px)!important;line-height:1.12!important;letter-spacing:-.055em!important;font-weight:550!important;color:#102740}
#main-content.vh-home .vh-section-heading h2 span{color:#8496ac}
#main-content.vh-home .vh-section-heading>p{font-size:12px!important;line-height:1.8!important;color:#738297;padding-bottom:3px}
#main-content.vh-home .vh-flagship{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border-radius:20px;position:relative;background:#0b2545;color:#fff;border:1px solid #17385a;min-height:435px;isolation:isolate}
#main-content.vh-home .vh-flagship:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 70% 10%,#1264bf40,transparent 60%)}
#main-content.vh-home .vh-product-copy{padding:40px 34px;position:relative;z-index:2}
#main-content.vh-home .vh-product-number{font-size:8px;letter-spacing:.15em;color:#94afcc;font-weight:500}
#main-content.vh-home .vh-product-icon{display:block;margin:29px 0 18px;width:33px;height:33px;color:#a7cbfa}
#main-content.vh-home .vh-product-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
#main-content.vh-home h3{font-size:32px!important;line-height:1.14!important;letter-spacing:-.045em!important;font-weight:550!important;color:inherit}
#main-content.vh-home .vh-product-copy>p{font-size:12px!important;line-height:1.8!important;color:#abc0d9;max-width:290px;margin-top:17px}
#main-content.vh-home .vh-tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 26px}
#main-content.vh-home .vh-tags span{font-size:8px;color:#a7bed7;padding:6px 8px;border:1px solid #8eb7e32b;border-radius:4px}
#main-content.vh-home .vh-product-copy .vh-button{font-size:10px;min-height:42px;gap:32px;padding:12px 16px}
#main-content.vh-home .vh-product-demo{margin:50px -60px 45px 15px;align-self:center;border:1px solid #b8d4fa3a;border-radius:11px;background:#0c2038;box-shadow:0 25px 60px #0005;overflow:hidden;transform:perspective(1000px) rotateY(-7deg) rotateZ(-1deg);transition:transform .7s ease}
#main-content.vh-home .vh-flagship:hover .vh-product-demo{transform:perspective(1000px) rotateY(-2deg) rotateZ(0)}
#main-content.vh-home .vh-demo-toolbar{height:44px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#main-content.vh-home .vh-demo-toolbar>span{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.13em;color:#b6c9df}
#main-content.vh-home .vh-demo-toolbar i{width:5px;height:5px;border-radius:50%;background:#80d9b7}
#main-content.vh-home .vh-demo-switch{display:flex;gap:4px;margin-right:40px}
#main-content.vh-home .vh-demo-switch button{font-size:8px;border:0;border-radius:4px;padding:6px 9px;background:none;color:#7897b9}
#main-content.vh-home .vh-demo-switch button.is-active{background:#2b4c75;color:#fff}
#main-content.vh-home .vh-demo-image{aspect-ratio:1.64;overflow:hidden;background:#e7eef7}
#main-content.vh-home .vh-demo-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .18s}
#main-content.vh-home .vh-demo-caption{padding:10px 18px;color:#859fbc;font-size:8px;display:flex;justify-content:space-between;margin-right:50px}
#main-content.vh-home .vh-secondary-products{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:23px}
#main-content.vh-home .vh-secondary-products article{border-radius:19px;overflow:hidden;position:relative;min-height:470px;padding:34px 34px 0}
#main-content.vh-home .vh-secondary-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
#main-content.vh-home .vh-secondary-products h3{font-size:32px!important}
#main-content.vh-home .vh-secondary-products p{font-size:12px!important;line-height:1.8!important;margin-top:15px}
#main-content.vh-home .vh-secondary-products .vh-inline-link{margin-top:18px}
#main-content.vh-home .vh-maya-card{background:#e8f0ed;border:1px solid #dbe6e0;color:#173b38}
#main-content.vh-home .vh-maya-card .vh-product-number{color:#59817a}
#main-content.vh-home .vh-maya-card p{color:#63847f}
#main-content.vh-home .vh-mini-mark{font-size:22px;font-weight:650;letter-spacing:-.07em;color:#196052}
#main-content.vh-home .vh-mini-mark>span{font-size:8px;color:#83ab96;margin-left:3px}
#main-content.vh-home .vh-inline-link{display:inline-flex;align-items:center;gap:25px;color:inherit;font-size:11px;font-weight:600;background:none;border:0;padding:7px 0}
#main-content.vh-home .vh-inline-link>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;font-size:15px;opacity:.7;transition:background .3s,transform .3s}
#main-content.vh-home .vh-inline-link:hover>span{transform:translate(3px,-3px)}
#main-content.vh-home .vh-maya-visual{position:relative;margin:30px -20px -70px 20px;transform:rotate(-4deg);border:6px solid #fff;border-radius:10px;background:#fff;box-shadow:0 10px 35px #174f3620;transition:transform .6s}
#main-content.vh-home .vh-maya-card:hover .vh-maya-visual{transform:rotate(-1deg) translateY(-8px)}
#main-content.vh-home .vh-maya-visual img{display:block;width:100%;height:auto;border-radius:5px}
#main-content.vh-home .vh-maya-chip{position:absolute;right:20px;top:-15px;display:flex;align-items:center;gap:6px;transform:rotate(4deg);padding:10px 13px;border-radius:5px;background:#fff;color:#336653;font-size:9px;box-shadow:0 4px 18px #234a3615}
#main-content.vh-home .vh-maya-chip i{width:5px;height:5px;border-radius:50%;background:#3e9d73}
#main-content.vh-home .vh-bespoke-card{background:#edf1f8;border:1px solid #dfe6ef;color:#153754}
#main-content.vh-home .vh-bespoke-card .vh-product-number{color:#6f87a4}
#main-content.vh-home .vh-bespoke-card p{color:#697f98}
#main-content.vh-home .vh-bespoke-star{font-size:34px;color:#3569ad;line-height:.8;animation:vh-spin 25s linear infinite}
#main-content.vh-home .vh-workflow-art{display:flex;align-items:center;justify-content:center;position:relative;height:210px;gap:0;isolation:isolate;margin:10px -10px 0}
#main-content.vh-home .vh-workflow-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#3d70a626 1px,transparent 1px);background-size:15px 15px;mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}
#main-content.vh-home .vh-flow-node{padding:13px 14px;border:1px solid #d2deed;border-radius:8px;background:#fff;font-size:10px;white-space:nowrap;box-shadow:0 6px 18px #274e7620}
#main-content.vh-home .vh-flow-node span{margin-left:8px;color:#5485ba}
#main-content.vh-home .vh-workflow-art>i{height:1px;flex:1;max-width:40px;background:#b5c8df;position:relative}
#main-content.vh-home .vh-workflow-art>i:after{content:"";position:absolute;inset:-2px auto -2px 0;width:5px;background:#2465bb;border-radius:50%;animation:vh-flow 3s linear infinite}
#main-content.vh-home .vh-flow-hub{position:relative;display:grid;place-items:center;width:70px;height:70px;border:1px solid #9dbbe2;border-radius:19px;background:linear-gradient(135deg,#fff,#dae6f7);box-shadow:0 8px 20px #23579a20,0 0 0 8px #fff5;font-size:35px;font-weight:750;flex:none}
#main-content.vh-home .vh-flow-hub>span{position:absolute;right:10px;top:8px;font-size:12px;color:#efb42e}
#main-content.vh-home .vh-flow-caption{position:absolute;bottom:22px;font-size:7px;letter-spacing:.18em;color:#8498af}
#main-content.vh-home .vh-services{padding:100px 0 90px;background:#081b30;color:#f5f8ff;position:relative;isolation:isolate}
#main-content.vh-home .vh-services:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 100%,#06446650,transparent 50%);pointer-events:none;z-index:-1}
#main-content.vh-home .vh-services-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}
#main-content.vh-home .vh-services-intro .vh-overline{color:#7a9bbb;margin-bottom:24px}
#main-content.vh-home .vh-services-intro .vh-overline i{background:#e8b43c}
#main-content.vh-home .vh-services-intro h2{color:#f5f8ff;font-size:clamp(31px,3.2vw,43px)!important;line-height:1.2!important}
#main-content.vh-home .vh-services-intro h2 span{color:#6c8aab}
#main-content.vh-home .vh-services-intro>p{max-width:310px;color:#8da6c0;font-size:12px!important;line-height:1.8!important;margin-top:23px}
#main-content.vh-home .vh-services-intro>.vh-inline-link{color:#d5e5fc;margin-top:20px}
#main-content.vh-home .vh-service-list{border-top:1px solid #799dc731}
#main-content.vh-home .vh-service-item{position:relative;display:flex;align-items:flex-start;gap:20px;padding:29px 0;border-bottom:1px solid #799dc731;color:#dbe8fa;transition:padding .4s,background .4s}
#main-content.vh-home .vh-service-num{color:#53789f;font-size:9px;font-variant-numeric:tabular-nums;padding-top:6px}
#main-content.vh-home .vh-service-item h3{font-size:23px!important;letter-spacing:-.025em!important;line-height:1.35!important;font-weight:500!important;color:#e4eefc}
#main-content.vh-home .vh-service-item p{font-size:11px!important;color:#7797b9;margin-top:8px;line-height:1.6!important}
#main-content.vh-home .vh-service-detail{display:block;font-size:8px;color:#9ab6d5;margin-top:12px;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s,max-height .4s,margin .4s;margin-top:0}
#main-content.vh-home .vh-service-arrow{margin-left:auto;width:29px;height:29px;border:1px solid #668bb34d;display:grid;place-items:center;border-radius:50%;flex:none;font-size:17px;color:#9ab7d7;transition:transform .3s,background .3s,color .3s}
#main-content.vh-home .vh-service-item:hover,#main-content.vh-home .vh-service-item:focus-visible{padding-inline:12px;background:linear-gradient(90deg,transparent,#1d416333)}
#main-content.vh-home .vh-service-item:hover .vh-service-arrow,#main-content.vh-home .vh-service-item:focus-visible .vh-service-arrow{background:#f5c33b;color:#132c49;border-color:#f5c33b;transform:rotate(45deg)}
#main-content.vh-home .vh-service-item:hover .vh-service-detail,#main-content.vh-home .vh-service-item:focus-visible .vh-service-detail{max-height:25px;opacity:1;margin-top:12px}
#main-content.vh-home .vh-service-orb{width:180px;height:180px;position:relative;display:grid;place-items:center;margin:32px auto 0 36px;isolation:isolate;perspective:600px}
#main-content.vh-home .vh-service-orb:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#406fa0,#153c65 40%,#07192b 75%);box-shadow:inset -10px -10px 30px #0007,0 15px 40px #0005}
#main-content.vh-home .vh-service-orb>span{font-size:60px;font-weight:800;color:#dceaff;z-index:2;letter-spacing:-.09em}
#main-content.vh-home .vh-service-orb>span>span{position:absolute;font-size:18px;color:#ffc536;top:50px;margin-left:4px}
#main-content.vh-home .vh-service-orb>i{position:absolute;inset:0;border:1px solid #7ca5d44a;border-radius:50%;transform:rotateX(65deg) rotateZ(-35deg);animation:vh-ring 16s linear infinite}
#main-content.vh-home .vh-service-orb>i:last-child{inset:-15%;animation-direction:reverse;opacity:.5}
#main-content.vh-home .vh-work{padding-block:105px}
#main-content.vh-home .vh-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#main-content.vh-home .vh-project{display:block;color:#193451}
#main-content.vh-home .vh-project-image{position:relative;overflow:hidden;aspect-ratio:1.37;border-radius:14px;background:#e1e7e8;padding:27px;isolation:isolate}
#main-content.vh-home .vh-project-blue{background:#dce5f3}
#main-content.vh-home .vh-project-image>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 12px 25px #10283d25;transform:translateY(18px) rotate(-3deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#main-content.vh-home .vh-project-blue>img{transform:translateY(18px) rotate(3deg)}
#main-content.vh-home .vh-project:hover img{transform:translateY(4px) rotate(0) scale(1.035)}
#main-content.vh-home .vh-project-open{position:absolute;right:17px;top:17px;background:#fff;color:#284d76;border:1px solid #dae4f2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:20px;transition:transform .3s}
#main-content.vh-home .vh-project:hover .vh-project-open{transform:rotate(45deg)}
#main-content.vh-home .vh-project-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
#main-content.vh-home .vh-project-meta h3{font-size:16px!important;letter-spacing:-.02em!important}
#main-content.vh-home .vh-project-meta>span{font-size:10px;color:#8895a7}
#main-content.vh-home .vh-quote{display:flex;align-items:center;gap:27px;margin-top:50px;padding:32px 0;border-block:1px solid #dfe6ed}
#main-content.vh-home .vh-quote-mark{align-self:flex-start;font-family:Georgia,serif;font-size:80px;line-height:1;color:#a9bfda;flex:none}
#main-content.vh-home .vh-quote blockquote{margin:0;font-size:22px;line-height:1.4;letter-spacing:-.025em;font-weight:500;color:#2b4868}
#main-content.vh-home .vh-quote>div{display:flex;flex-direction:column;gap:7px;margin-left:auto}
#main-content.vh-home .vh-quote strong{font-size:11px;color:#385776;font-weight:600}
#main-content.vh-home .vh-quote>div>span{font-size:9px;color:#8799ae}
#main-content.vh-home .vh-quote>a{display:grid;place-items:center;width:35px;height:35px;border:1px solid #d5dfec;border-radius:50%;color:#6386ae;font-size:18px;margin-left:12px}
#main-content.vh-home .vh-cta{position:relative;isolation:isolate;background:#0850b9;color:#fff;overflow:hidden;padding:78px 0 86px}
#main-content.vh-home .vh-cta:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 50%,#4598ff75,transparent 55%),linear-gradient(120deg,#073f98,transparent 60%)}
#main-content.vh-home .vh-cta-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000)}
#main-content.vh-home .vh-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
#main-content.vh-home .vh-cta .vh-overline{color:#a6ceff;margin-bottom:24px}
#main-content.vh-home .vh-cta h2{font-size:clamp(36px,4.4vw,63px)!important;color:#fff;line-height:1.12!important}
#main-content.vh-home .vh-cta h2 span{color:#9dc5ff}
#main-content.vh-home .vh-cta p{font-size:12px!important;color:#b7d5ff;margin-top:22px;line-height:1.7!important}
#main-content.vh-home .vh-cta-circle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;height:160px;flex:none;margin-right:35px;border:1px solid #aad0ff66;background:#ffffff08;border-radius:50%;color:#fff;transition:background .3s,transform .4s}
#main-content.vh-home .vh-cta-circle>span:last-child{font-size:12px;line-height:1.4}
#main-content.vh-home .vh-cta-arrow{font-size:40px;font-weight:300;line-height:1;margin-bottom:12px;transition:transform .3s}
#main-content.vh-home .vh-cta-ring{position:absolute;inset:-14px;border:1px dashed #9bc7ff4a;border-radius:50%;animation:vh-spin 35s linear infinite}
#main-content.vh-home .vh-cta-circle:hover{background:#fff;color:#0a50b1;transform:scale(1.045)}
#main-content.vh-home .vh-cta-circle:hover .vh-cta-arrow{transform:translate(4px,-4px)}
#main-content.vh-home .vh-enter{animation:vh-fade-in 1.1s ease both;animation-delay:.35s}
#main-content.vh-home .vh-stage.vh-enter{animation-delay:.45s}
html.js #main-content.vh-home .vh-reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
html.js #main-content.vh-home .vh-reveal.is-visible{opacity:1;transform:translateY(0)}
#main-content.vh-home .vh-secondary-products>.vh-reveal:nth-child(2),#main-content.vh-home .vh-work-grid>.vh-reveal:nth-child(2){transition-delay:.12s}
@keyframes vh-line-in{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes vh-fade-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes vh-screen-in{from{opacity:.2;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes vh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes vh-pulse{0%{transform:scale(.8);opacity:.7}80%,100%{transform:scale(1.8);opacity:0}}
@keyframes vh-scroll{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(7px);opacity:1}}
@keyframes vh-marquee{to{transform:translateX(-50%)}}
@keyframes vh-spin{to{transform:rotate(360deg)}}
@keyframes vh-flow{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
@keyframes vh-ring{0%{transform:rotateX(65deg) rotateZ(-35deg)}100%{transform:rotateX(65deg) rotateZ(325deg)}}
@keyframes vh-aurora{to{transform:translate(-80px,70px) scale(1.3)}}
@media(min-width:1500px){#main-content.vh-home .vh-hero{padding-top:115px}#main-content.vh-home .vh-hero-grid{min-height:580px}}
@media(max-width:1100px){#main-content.vh-home .vh-shell{width:calc(100% - 60px)}#main-content.vh-home .vh-hero{padding-top:76px;min-height:670px}#main-content.vh-home .vh-hero-grid{gap:20px;padding-bottom:65px;min-height:455px}#main-content.vh-home h1{font-size:clamp(56px,6.5vw,74px)!important}#main-content.vh-home .vh-hero-actions{gap:16px}#main-content.vh-home .vh-button{gap:18px;font-size:11px}#main-content.vh-home .vh-stage{margin-top:18px}#main-content.vh-home .vh-float-top{right:-10px}#main-content.vh-home .vh-float-bottom{left:-12px}#main-content.vh-home .vh-float{padding:10px 12px}#main-content.vh-home .vh-float strong{font-size:10px}#main-content.vh-home .vh-services-grid{gap:55px}#main-content.vh-home .vh-product-copy{padding:32px 27px}#main-content.vh-home .vh-secondary-products article{padding:28px 27px 0;min-height:450px}#main-content.vh-home .vh-flow-node{padding:12px 9px;font-size:8px}#main-content.vh-home .vh-flow-hub{width:56px;height:56px;font-size:28px}#main-content.vh-home .vh-trust-inner{gap:20px}#main-content.vh-home .vh-logo-group{gap:30px;padding-right:30px}#main-content.vh-home .vh-logo-group img{width:90px}}
@media(max-width:850px){#main-content.vh-home .vh-hero{padding-top:100px}#main-content.vh-home .vh-hero-grid{grid-template-columns:1fr;gap:38px;padding-bottom:38px}#main-content.vh-home .vh-hero-copy{text-align:center}#main-content.vh-home .vh-hero-copy>.vh-overline{justify-content:center;margin-bottom:24px}#main-content.vh-home h1{font-size:76px!important;max-width:none}#main-content.vh-home h1 .vh-line{display:inline;overflow:visible;margin:0;padding:0}#main-content.vh-home h1 .vh-line>span{display:inline;animation:vh-fade-in 1.1s both}#main-content.vh-home h1 .vh-line:first-child{display:block}#main-content.vh-home h1 .vh-title-accent:before{content:" "}#main-content.vh-home .vh-hero-description{margin-top:23px}#main-content.vh-home .vh-hero-actions,#main-content.vh-home .vh-hero-note{justify-content:center}#main-content.vh-home .vh-stage{width:min(610px,90%);margin:0 auto;padding-top:7px}#main-content.vh-home .vh-float-top{top:17px;right:-20px}#main-content.vh-home .vh-browser{transform:rotateY(-4deg) rotateX(3deg) rotateZ(1deg)}#main-content.vh-home .vh-float-bottom{left:-30px}#main-content.vh-home .vh-stage-label{margin-bottom:16px}#main-content.vh-home .vh-hero-bottom{padding-block:20px}#main-content.vh-home .vh-scroll-cue{font-size:6px;letter-spacing:.1em}#main-content.vh-home .vh-proof{gap:18px;font-size:8px}#main-content.vh-home .vh-proof strong{font-size:14px}#main-content.vh-home .vh-trust-inner>p{font-size:7px!important;width:115px}#main-content.vh-home .vh-trust-link{display:none}#main-content.vh-home .vh-solutions,#main-content.vh-home .vh-work{padding-block:75px}#main-content.vh-home .vh-section-heading{gap:20px;margin-bottom:32px}#main-content.vh-home .vh-section-heading>p{font-size:10px!important}#main-content.vh-home .vh-flagship{grid-template-columns:1fr 1.1fr;min-height:420px}#main-content.vh-home .vh-product-copy h3{font-size:28px!important}#main-content.vh-home .vh-product-icon{margin-top:23px}#main-content.vh-home .vh-product-demo{margin-left:0;margin-right:-100px}#main-content.vh-home .vh-demo-toolbar{padding:0 12px}#main-content.vh-home .vh-demo-toolbar>span{display:none}#main-content.vh-home .vh-demo-switch{margin:0}#main-content.vh-home .vh-secondary-products{gap:16px;margin-top:16px}#main-content.vh-home .vh-secondary-products h3{font-size:27px!important}#main-content.vh-home .vh-secondary-products p{font-size:11px!important}#main-content.vh-home .vh-secondary-products article{padding:25px 23px 0;min-height:425px}#main-content.vh-home .vh-product-number{font-size:7px}#main-content.vh-home .vh-workflow-art{margin-inline:-13px}#main-content.vh-home .vh-flow-node{padding:10px 7px;font-size:7px}#main-content.vh-home .vh-flow-node>span{margin-left:3px}#main-content.vh-home .vh-services{padding-block:75px}#main-content.vh-home .vh-services-grid{grid-template-columns:.85fr 1.15fr;gap:35px}#main-content.vh-home .vh-services-intro h2{font-size:31px!important}#main-content.vh-home .vh-service-item{gap:14px;padding-block:26px}#main-content.vh-home .vh-service-item h3{font-size:20px!important}#main-content.vh-home .vh-service-item p{font-size:10px!important}#main-content.vh-home .vh-service-num{font-size:8px}#main-content.vh-home .vh-quote blockquote{font-size:18px}#main-content.vh-home .vh-project-meta{align-items:flex-start;flex-direction:column;gap:8px}#main-content.vh-home .vh-cta-circle{width:135px;height:135px;margin-right:12px}#main-content.vh-home .vh-cta{padding-block:65px}}
@media(max-width:600px){#main-content.vh-home .vh-shell{width:calc(100% - 40px)}#main-content.vh-home .vh-hero{padding-top:103px}#main-content.vh-home .vh-hero-copy>.vh-overline{font-size:7px;letter-spacing:.12em;gap:8px;margin-bottom:22px}#main-content.vh-home h1{font-size:clamp(52px,12vw,72px)!important;line-height:1.05!important;letter-spacing:-.065em!important}#main-content.vh-home h1 .vh-line:nth-child(2){display:block}#main-content.vh-home h1 .vh-title-accent:before{content:none}#main-content.vh-home p.vh-hero-description{font-size:12px!important;line-height:1.8!important;margin-top:24px}#main-content.vh-home .vh-hero-actions{gap:19px;flex-wrap:wrap;margin-top:24px}#main-content.vh-home .vh-button{font-size:11px;padding:12px 15px;min-height:44px}#main-content.vh-home .vh-text-button{font-size:10px;gap:9px}#main-content.vh-home .vh-hero-note{font-size:7px;gap:6px;margin-top:15px}#main-content.vh-home .vh-stage{width:calc(100% - 12px);padding-top:0;padding-bottom:9px}#main-content.vh-home .vh-hero-grid{gap:25px;padding-bottom:24px}#main-content.vh-home .vh-stage-label{font-size:6px;letter-spacing:.12em;margin-bottom:14px}#main-content.vh-home .vh-browser-chrome{height:28px;padding-inline:10px}#main-content.vh-home .vh-browser-address{font-size:6px}#main-content.vh-home .vh-browser-address svg{width:8px;height:8px}#main-content.vh-home .vh-browser-mark{font-size:11px}#main-content.vh-home .vh-window-dots i{width:4px;height:4px}#main-content.vh-home .vh-browser-bottom{font-size:6px;padding:9px 10px;gap:6px}#main-content.vh-home .vh-float{padding:8px 9px;gap:7px;border-radius:7px}#main-content.vh-home .vh-float small{font-size:5px;margin-bottom:4px}#main-content.vh-home .vh-float strong{font-size:8px}#main-content.vh-home .vh-float-top{top:7px;right:-8px}#main-content.vh-home .vh-float-bottom{bottom:57px;left:-8px}#main-content.vh-home .vh-check{width:23px;height:23px;font-size:13px;border-radius:6px}#main-content.vh-home .vh-float-bottom svg{width:30px;height:25px}#main-content.vh-home .vh-preview-tabs{margin-top:19px;gap:1px}#main-content.vh-home .vh-preview-tabs button{padding:9px 8px;font-size:8px}#main-content.vh-home .vh-preview-tabs button>span{font-size:6px;margin-right:4px}#main-content.vh-home .vh-orbit{width:450px;height:450px}#main-content.vh-home .vh-orbit-two{width:590px;height:590px}#main-content.vh-home .vh-hero-bottom{justify-content:center;padding-block:20px}#main-content.vh-home .vh-scroll-cue{display:none}#main-content.vh-home .vh-proof{justify-content:space-between;width:100%;gap:12px;font-size:7px}#main-content.vh-home .vh-proof strong{display:block;margin:0 0 4px;font-size:19px}#main-content.vh-home .vh-trust{padding-block:20px}#main-content.vh-home .vh-trust-inner{gap:18px}#main-content.vh-home .vh-trust-inner>p{width:91px;font-size:6px!important;letter-spacing:.07em}#main-content.vh-home .vh-logo-group{gap:25px;padding-right:25px}#main-content.vh-home .vh-logo-group img{width:75px;height:32px}#main-content.vh-home .vh-solutions,#main-content.vh-home .vh-work{padding-block:56px}#main-content.vh-home .vh-section-heading{display:block;margin-bottom:26px}#main-content.vh-home .vh-section-heading .vh-overline{font-size:7px;letter-spacing:.13em;margin-bottom:17px}#main-content.vh-home h2{font-size:34px!important}#main-content.vh-home .vh-section-heading>p{font-size:11px!important;margin-top:19px}#main-content.vh-home .vh-flagship{display:block;border-radius:14px}#main-content.vh-home .vh-product-copy{padding:26px 25px 22px}#main-content.vh-home .vh-product-icon{float:right;margin:0;width:28px;height:28px}#main-content.vh-home .vh-product-copy h3{font-size:33px!important;margin-top:23px}#main-content.vh-home .vh-product-copy p{font-size:12px!important;margin-top:14px;max-width:none}#main-content.vh-home .vh-tags{gap:6px;margin:19px 0 21px}#main-content.vh-home .vh-tags span{font-size:7px;padding:5px 7px}#main-content.vh-home .vh-product-demo{margin:5px -28px 24px 24px;transform:rotate(-2deg);border-radius:8px}#main-content.vh-home .vh-demo-toolbar{height:36px;justify-content:flex-start}#main-content.vh-home .vh-demo-toolbar>span{display:flex;font-size:5px}#main-content.vh-home .vh-demo-switch{margin-left:auto;margin-right:22px}#main-content.vh-home .vh-demo-switch button{font-size:6px;padding:5px 7px}#main-content.vh-home .vh-demo-caption{font-size:6px;padding:9px 12px;margin-right:28px}#main-content.vh-home .vh-secondary-products{grid-template-columns:1fr;gap:16px;margin-top:16px}#main-content.vh-home .vh-secondary-products article{padding:26px 25px 0;min-height:440px;border-radius:14px}#main-content.vh-home .vh-secondary-products h3{font-size:32px!important}#main-content.vh-home .vh-secondary-products p{font-size:12px!important}#main-content.vh-home .vh-maya-visual{margin-top:30px}#main-content.vh-home .vh-bespoke-card{min-height:420px!important}#main-content.vh-home .vh-workflow-art{height:190px;margin-top:10px}#main-content.vh-home .vh-flow-node{padding:14px 12px;font-size:9px}#main-content.vh-home .vh-flow-hub{width:65px;height:65px;font-size:33px}#main-content.vh-home .vh-services{padding-block:56px}#main-content.vh-home .vh-services-grid{grid-template-columns:1fr;gap:35px}#main-content.vh-home .vh-services-intro h2{font-size:34px!important}#main-content.vh-home .vh-services-intro .vh-overline{font-size:7px;margin-bottom:19px}#main-content.vh-home .vh-services-intro>p{font-size:12px!important;max-width:300px;margin-top:19px}#main-content.vh-home .vh-services-intro>.vh-inline-link{margin-top:14px}#main-content.vh-home .vh-service-orb{display:none}#main-content.vh-home .vh-service-item{padding-block:25px;gap:16px}#main-content.vh-home .vh-service-item h3{font-size:22px!important}#main-content.vh-home .vh-service-item p{font-size:11px!important}#main-content.vh-home .vh-service-detail{max-height:none;opacity:1;margin-top:10px;font-size:7px}#main-content.vh-home .vh-work .vh-section-heading>.vh-inline-link{margin-top:18px}#main-content.vh-home .vh-work-grid{grid-template-columns:1fr;gap:17px}#main-content.vh-home .vh-project-image{border-radius:12px;padding:22px;aspect-ratio:1.4}#main-content.vh-home .vh-project-meta{flex-direction:row;align-items:center;padding-block:17px}#main-content.vh-home .vh-project-meta h3{font-size:14px!important}#main-content.vh-home .vh-project-meta>span{font-size:8px}#main-content.vh-home .vh-quote{margin-top:24px;display:grid;grid-template-columns:25px 1fr;gap:10px 16px;padding-block:25px}#main-content.vh-home .vh-quote-mark{font-size:60px;grid-row:span 2}#main-content.vh-home .vh-quote blockquote{font-size:20px}#main-content.vh-home .vh-quote>div{margin:8px 0 0;gap:5px}#main-content.vh-home .vh-quote>a{display:none}#main-content.vh-home .vh-quote>div>span{font-size:8px}#main-content.vh-home .vh-cta{padding-block:55px}#main-content.vh-home .vh-cta-inner{align-items:flex-start;flex-direction:column;gap:35px}#main-content.vh-home .vh-cta .vh-overline{font-size:7px;margin-bottom:20px}#main-content.vh-home .vh-cta h2{font-size:37px!important}#main-content.vh-home .vh-cta p{font-size:11px!important;max-width:260px;line-height:1.8!important;margin-top:18px}#main-content.vh-home .vh-cta-circle{width:112px;height:112px;margin:0 12px 0 auto;flex-direction:row;gap:12px}#main-content.vh-home .vh-cta-arrow{font-size:27px;margin:0}#main-content.vh-home .vh-cta-circle>span:last-child{font-size:9px}#main-content.vh-home .vh-custom-center strong{font-size:28px;margin-block:10px}#main-content.vh-home .vh-custom-center>span{font-size:5px}#main-content.vh-home .vh-custom-center p{font-size:7px!important}#main-content.vh-home .vh-custom-node{font-size:5px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){#main-content.vh-home *,#main-content.vh-home *:before,#main-content.vh-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js #main-content.vh-home .vh-reveal{opacity:1;transform:none}#main-content.vh-home .vh-browser{transform:none!important}#main-content.vh-home .vh-logo-track{animation:none!important}}

/* END VARTAG HOME ATELIER */

/* Shared closing sections and the selected light-surface brand labels. */
body.signature-site main .brand-eyebrow{color:#054db6!important}
body.signature-site main .brand-eyebrow::before{background:#054db6!important}
body.signature-site.page-contact .contact-office-copy{background:radial-gradient(ellipse at 95% 10%,#287bd6 0,transparent 62%),linear-gradient(135deg,#073478 0%,#054db6 52%,#092b60 100%)}
body.signature-site main section.site-next-step{position:relative;isolation:isolate;overflow:clip;padding:90px 24px 65px;background:radial-gradient(ellipse at 50% 115%,#2978df 0,transparent 62%),linear-gradient(120deg,#06377c,#054db6 52%,#072e6c);text-align:center;color:#fff}
body.signature-site main section.site-next-step::before{inset:0;background-image:radial-gradient(#ffffff38 .8px,transparent .8px);background-size:28px 28px;opacity:.35;mask-image:linear-gradient(transparent,#000);animation:none}
body.signature-site main section.site-next-step>.wrap{position:relative;z-index:2;max-width:1050px;margin:auto;padding:0;text-align:center}
.next-step-status{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:.19em;color:#dceaff}
.next-step-status>span{height:6px;width:6px;background:#99f1d8;border-radius:50%;box-shadow:0 0 0 5px #a7f8df12,0 0 20px #99f1d880}
body.signature-site main section.site-next-step h2{margin:24px auto 20px;max-width:900px;font-size:clamp(34px,4.7vw,62px)!important;line-height:1.09!important;font-weight:600!important;letter-spacing:-.055em!important;color:#fff}
body.signature-site main section.site-next-step h2 em{font:inherit;font-style:normal;color:#bcd9ff}
body.signature-site main section.site-next-step>.wrap>p.lead{margin:0 auto;max-width:600px;font-size:14px!important;line-height:1.75!important;color:#d7e6fb}
body.signature-site main section.site-next-step .action-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:30px}
body.signature-site main section.site-next-step .pill-white{min-height:49px;padding:14px 23px;border:1px solid #fff;border-radius:99px;background:#fff;color:#054db6;font-size:12px;font-weight:650;gap:24px;box-shadow:0 8px 25px #021e5720;transition:transform .25s,box-shadow .25s}
body.signature-site main section.site-next-step .pill-white:hover{transform:translateY(-3px);box-shadow:0 15px 35px #021e5745}
.next-step-link{display:inline-flex;align-items:center;gap:15px;color:#fff;font-size:12px;font-weight:550;text-decoration:none;padding:12px 0;border-bottom:1px solid #ffffff48;transition:gap .25s,border-color .25s}
.next-step-link:hover{gap:23px;border-color:#fff}
.next-step-notes{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:44px;color:#bdd4f5;font-size:10px;letter-spacing:.02em}
.next-step-notes i{width:3px;height:3px;background:#bcd4f5;border-radius:50%}
.next-step-art{position:absolute;inset:0;z-index:-1;pointer-events:none;display:grid;place-items:center}
.next-step-art span{position:absolute;width:720px;height:720px;border:1px solid #d8e9ff16;border-radius:50%;transform:rotateX(58deg) rotate(-25deg);animation:nextStepOrbit 28s linear infinite}
.next-step-art span:nth-child(2){width:960px;height:960px;animation-duration:38s;animation-direction:reverse}
.next-step-art span:nth-child(3){width:1200px;height:1200px;animation-duration:48s}
.next-step-art span::after{content:"";position:absolute;top:10%;left:19%;width:8px;height:8px;border-radius:50%;background:#a6ceff;box-shadow:0 0 25px #c9e7ff}
@keyframes nextStepOrbit{to{transform:rotateX(58deg) rotate(335deg)}}
body.signature-site #site-footer .footer-invite{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:12px 0 40px;border-bottom:1px solid #ffffff20}
body.signature-site #site-footer .footer-invite-copy{max-width:760px;min-width:0}
body.signature-site #site-footer .footer-kicker{font-size:9px;letter-spacing:.18em;color:#a9c7ed}
body.signature-site #site-footer .footer-invite h2{margin:20px 0 14px;font-size:clamp(25px,3vw,39px);font-weight:500;line-height:1.25;letter-spacing:-.045em;color:#f4f8ff}
body.signature-site #site-footer .footer-invite h2 em{font:inherit;font-style:normal;color:#90bdf7}
body.signature-site #site-footer .footer-invite p{font-size:12px;color:#9fb3cc;margin:0}
body.signature-site #site-footer .footer-invite-button{display:flex;align-items:center;gap:25px;flex-shrink:0;border:1px solid #accfff45;border-radius:99px;background:#ffffff08;color:#edf5ff;padding:10px 11px 10px 23px;min-height:58px;font-size:12px;font-weight:550;margin:0}
body.signature-site #site-footer .footer-invite-button>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dcecff;color:#054db6;font-size:20px;transition:transform .3s}
body.signature-site #site-footer .footer-invite-button:hover{background:#ffffff12;transform:translateY(-2px)}
body.signature-site #site-footer .footer-invite-button:hover>span{transform:rotate(45deg)}
body.signature-site #site-footer .signature-footer-wordmark{font-size:clamp(19px,2.7vw,32px);line-height:1.3;letter-spacing:-.065em;text-transform:none;font-weight:800;color:#7f9ec3;opacity:.6;text-align:center;padding:20px 0 28px;margin:0;white-space:normal}
@media(max-width:680px){body.signature-site main section.site-next-step{padding:65px 21px 44px}body.signature-site main section.site-next-step .action-row{gap:18px;flex-direction:column}.next-step-notes{gap:10px;margin-top:30px;font-size:9px}.next-step-art span{width:500px;height:500px}body.signature-site #site-footer .footer-invite{align-items:flex-start;flex-direction:column;gap:24px;padding:4px 0 30px}body.signature-site #site-footer .footer-invite h2{font-size:28px}body.signature-site #site-footer .footer-invite-button{min-height:50px}body.signature-site #site-footer .signature-footer-wordmark{padding:15px 0 22px}}
@media(prefers-reduced-motion:reduce){.next-step-art span{animation:none}body.signature-site #site-footer .footer-invite-button,body.signature-site #site-footer .footer-invite-button>span,.next-step-link,body.signature-site main section.site-next-step .pill-white{transition:none}}
/* Keep review attribution consistent even inside page-specific card layouts. */
body.signature-site main#main-content .review-card .review-source{font-size:12px!important;line-height:1.4!important}

/* Homepage directory: all products and services are immediately discoverable. */
#main-content.vh-home .vh-directory{min-height:0;padding:112px 0 24px;overflow:clip}
#main-content.vh-home .vh-directory-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}
#main-content.vh-home .vh-directory .vh-overline{font-size:8px;color:#9fbce1;margin-bottom:16px;letter-spacing:.16em}
#main-content.vh-home .vh-directory h1{max-width:740px;font-size:clamp(34px,4.1vw,57px)!important;line-height:1.12!important;letter-spacing:-.055em!important;margin:0}
#main-content.vh-home .vh-directory h1>span{display:block;color:#a9ceff}
#main-content.vh-home .vh-directory-intro-copy{flex-shrink:0;padding-bottom:3px}
#main-content.vh-home .vh-directory-intro-copy p{font-size:12px!important;line-height:1.8!important;color:#a4bad4;margin:0 0 14px}
#main-content.vh-home .vh-directory-intro-copy button{display:flex;align-items:center;gap:25px;border:0;background:none;padding:0;color:#f7c84c;font-size:11px;font-weight:550;cursor:pointer}
#main-content.vh-home .vh-directory-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:8px;letter-spacing:.16em;color:#adc6e6}
#main-content.vh-home .vh-directory-label>span:last-child{font-size:10px;letter-spacing:0;color:#7898bf}
#main-content.vh-home .vh-directory-products{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#main-content.vh-home .vh-directory-product{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:192px;padding:25px 24px;border:1px solid #8ebdff38;border-radius:16px;text-decoration:none;background:radial-gradient(ellipse at 100% 100%,#1769b73d,transparent 70%),linear-gradient(115deg,#102c4d,#0c223b);transition:border-color .25s,transform .25s,box-shadow .25s}
#main-content.vh-home .vh-directory-maya{background:radial-gradient(ellipse at 100% 100%,#4061a84a,transparent 70%),linear-gradient(115deg,#152c49,#12243b)}
#main-content.vh-home .vh-directory-product:hover{border-color:#81baff99;transform:translateY(-4px);box-shadow:0 15px 35px #0003}
#main-content.vh-home .vh-directory-product-copy{position:relative;z-index:2;width:66%}
#main-content.vh-home .vh-directory-tag{font-size:7px;letter-spacing:.12em;font-weight:550;color:#8db9f1}
#main-content.vh-home .vh-directory-product h2{font-size:clamp(17px,1.8vw,25px)!important;line-height:1.25!important;letter-spacing:-.035em!important;color:#f2f7ff;margin:13px 0 10px;font-weight:550!important}
#main-content.vh-home .vh-directory-product p{font-size:11px!important;line-height:1.7!important;color:#abc1dc;margin:0}
#main-content.vh-home .vh-directory-more{display:inline-flex;gap:26px;align-items:center;font-size:10px;color:#edf5ff;margin-top:19px}
#main-content.vh-home .vh-directory-more i{font-style:normal;color:#f6c849;font-size:17px;transition:transform .25s}
#main-content.vh-home .vh-directory-product:hover .vh-directory-more i{transform:translate(3px,-3px)}
#main-content.vh-home .vh-directory-screen{position:absolute;z-index:0;width:48%;right:-10%;top:48px;bottom:-25px;transform:perspective(700px) rotateY(-16deg) rotateZ(-7deg);opacity:.75;border:5px solid #82b9ff22;border-radius:10px;box-shadow:-20px 10px 40px #03132880;overflow:hidden;transition:transform .4s,opacity .4s;mask-image:linear-gradient(90deg,transparent,#000 20%)}
#main-content.vh-home .vh-directory-screen img{width:100%;height:100%;object-fit:cover;object-position:left top}
#main-content.vh-home .vh-directory-product:hover .vh-directory-screen{transform:perspective(700px) rotateY(-8deg) rotateZ(-4deg) translateX(-7px);opacity:1}
#main-content.vh-home .vh-directory-number{position:absolute;right:20px;top:16px;font-size:9px;font-variant-numeric:tabular-nums;color:#8ba9cf}
#main-content.vh-home .vh-directory-services-label{margin-top:24px}
#main-content.vh-home .vh-directory-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#main-content.vh-home .vh-directory-service{position:relative;display:block;padding:18px;border:1px solid #accfff24;border-radius:12px;background:#b3d5ff06;text-decoration:none;transition:background .25s,border-color .25s,transform .25s}
#main-content.vh-home .vh-directory-service:hover{background:#367acb26;border-color:#9cc8ff70;transform:translateY(-4px)}
#main-content.vh-home .vh-directory-icon{display:block;width:26px;height:26px;color:#8fc2ff;margin-bottom:13px}
#main-content.vh-home .vh-directory-icon svg{width:100%;height:100%}
#main-content.vh-home .vh-directory-service h2{color:#e9f2ff;font-size:14px!important;line-height:1.3!important;font-weight:550!important;letter-spacing:-.025em!important;margin:0 0 7px}
#main-content.vh-home .vh-directory-service p{color:#8faacb;font-size:10px!important;line-height:1.5!important;margin:0}
#main-content.vh-home .vh-directory-arrow{position:absolute;right:16px;top:17px;color:#789abe;font-size:16px}
#main-content.vh-home .vh-directory-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:17px;border-top:1px solid #b4d5ff1a;font-size:9px;color:#7e9bbc}
#main-content.vh-home .vh-directory-foot>span{display:flex;align-items:center;gap:8px}
#main-content.vh-home .vh-directory-foot i{width:4px;height:4px;background:#72d7bb;border-radius:50%}
#main-content.vh-home .vh-directory-foot a{display:flex;align-items:center;gap:20px;color:#abc6e7;text-decoration:none}
@media(min-width:1400px){#main-content.vh-home .vh-directory{padding-top:130px;padding-bottom:36px}#main-content.vh-home .vh-directory-product{min-height:220px}#main-content.vh-home .vh-directory-service{padding:23px}}
@media(max-width:700px){#main-content.vh-home .vh-directory{padding:91px 0 22px}#main-content.vh-home .vh-directory-intro{display:block;margin-bottom:24px}#main-content.vh-home .vh-directory .vh-overline{font-size:6px;margin-bottom:12px}#main-content.vh-home .vh-directory h1{font-size:34px!important}#main-content.vh-home .vh-directory-intro-copy{margin-top:13px;display:flex;align-items:center;gap:16px;justify-content:space-between}#main-content.vh-home .vh-directory-intro-copy p{font-size:9px!important;margin:0}#main-content.vh-home .vh-directory-intro-copy button{font-size:9px;gap:8px;max-width:85px;text-align:left}#main-content.vh-home .vh-directory-label{font-size:7px;margin-bottom:9px}#main-content.vh-home .vh-directory-label>span:last-child{font-size:8px}#main-content.vh-home .vh-directory-products{gap:10px}#main-content.vh-home .vh-directory-product{padding:16px 12px;min-height:170px;align-items:flex-start;border-radius:12px}#main-content.vh-home .vh-directory-product-copy{width:100%}#main-content.vh-home .vh-directory-tag{font-size:5px;letter-spacing:.04em}#main-content.vh-home .vh-directory-product h2{font-size:17px!important;margin:10px 0 9px;min-height:43px}#main-content.vh-home .vh-directory-product p{font-size:8px!important;line-height:1.6!important}#main-content.vh-home .vh-directory-more{font-size:8px;gap:10px;margin-top:12px}#main-content.vh-home .vh-directory-screen{display:none}#main-content.vh-home .vh-directory-number{display:none}#main-content.vh-home .vh-directory-services-label{margin-top:18px}#main-content.vh-home .vh-directory-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#main-content.vh-home .vh-directory-service{padding:12px;min-height:94px}#main-content.vh-home .vh-directory-icon{width:20px;height:20px;margin-bottom:10px}#main-content.vh-home .vh-directory-service h2{font-size:12px!important;margin-bottom:5px}#main-content.vh-home .vh-directory-service p{font-size:8px!important}#main-content.vh-home .vh-directory-arrow{top:12px;right:12px;font-size:13px}#main-content.vh-home .vh-directory-foot{font-size:7px;margin-top:18px;padding-top:13px;gap:10px}#main-content.vh-home .vh-directory-foot a{gap:8px}}
@media(prefers-reduced-motion:reduce){#main-content.vh-home .vh-directory :is(a,.vh-directory-screen,.vh-directory-more i){transition:none}}

/* The visible page trail shares its source with BreadcrumbList JSON-LD. */
body.signature-site #site-footer .site-breadcrumbs{margin:0 0 25px;padding-bottom:17px;border-bottom:1px solid #ffffff14;color:#adc4e0;font-size:11px;line-height:1.6}
body.signature-site #site-footer .site-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;list-style:none;margin:0;padding:0}
body.signature-site #site-footer .site-breadcrumbs li{display:flex;align-items:center;gap:14px;min-width:0}
body.signature-site #site-footer .site-breadcrumbs a{color:#d2e3fa;text-decoration:none}
body.signature-site #site-footer .site-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
body.signature-site #site-footer .site-breadcrumbs [aria-hidden]{color:#6c89ae}
@media(max-width:680px){body.signature-site #site-footer .site-breadcrumbs{font-size:10px;margin-bottom:22px}}
/* Product decision summaries: visible text, real examples and direct answers. */
body.signature-site main#main-content :is(.product-guide,.product-answers){padding:70px 0;background:#fff;color:#153456}
body.signature-site main#main-content .product-guide-heading{max-width:770px;margin-bottom:30px}
body.signature-site main#main-content .product-guide-heading>.eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:14px}
body.signature-site main#main-content .product-guide-heading h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.2!important;letter-spacing:-.045em!important;font-weight:600!important;margin:0 0 16px;color:#153456}
body.signature-site main#main-content .product-guide-heading>p{font-size:14px!important;line-height:1.8!important;color:#58718e;margin:0}
.product-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.signature-site main#main-content .product-guide-card{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #dbe5f2;border-radius:16px;background:linear-gradient(155deg,#f5f9ff,#fff 65%);min-width:0}
.product-guide-number{font-size:10px;color:#7b96b9;letter-spacing:.1em;margin-bottom:22px}
body.signature-site main#main-content .product-guide-card h3,body.signature-site main#main-content .product-answer-grid h3{font-size:17px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:-.025em!important;margin:0 0 13px;color:#153456}
body.signature-site main#main-content .product-guide-card p,body.signature-site main#main-content .product-answer-grid p{font-size:13px!important;line-height:1.85!important;margin:0;color:#526b89}
body.signature-site main#main-content .product-guide-card>a{margin-top:auto;padding-top:22px;font-size:11px;font-weight:600;color:#054db6;text-decoration:none;display:inline-flex;gap:14px;align-items:center}
.product-guide-evidence{display:flex;flex-wrap:wrap;gap:14px 32px;padding-top:24px}
body.signature-site main#main-content .product-guide-evidence a,body.signature-site main#main-content .product-answer-feature a{font-size:12px;font-weight:550;color:#054db6;text-decoration:none;display:inline-flex;gap:14px;align-items:center}
body.signature-site main#main-content :is(.product-guide,.product-answers) a:hover{text-decoration:underline;text-underline-offset:4px}
body.signature-site main#main-content .product-answers{background:#f5f8fd}
.product-answer-feature{padding:30px;border:1px solid #cadcf5;border-radius:16px;background:linear-gradient(110deg,#e9f2ff,#fff);margin-bottom:20px}
body.signature-site main#main-content .product-answer-feature h3{font-size:21px!important;line-height:1.4!important;letter-spacing:-.025em!important;margin:0 0 14px;color:#153456}
body.signature-site main#main-content .product-answer-feature p{max-width:900px;font-size:14px!important;line-height:1.85!important;color:#476483;margin:0 0 18px}
.product-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product-answer-grid article{padding:25px;background:#fff;border:1px solid #e0e7f1;border-radius:14px}
body.signature-site main#main-content .oe-faq-item ul{padding-inline-start:20px;margin:15px 0}
body.signature-site main#main-content .oe-faq-item li{font-size:13px;line-height:1.8;margin:8px 0;color:#526b89}
@media(max-width:760px){body.signature-site main#main-content :is(.product-guide,.product-answers){padding:46px 0}.product-guide-grid{grid-template-columns:1fr}.product-answer-grid{grid-template-columns:1fr}body.signature-site main#main-content .product-guide-card{padding:23px}.product-guide-number{margin-bottom:15px}.product-answer-feature{padding:23px}body.signature-site main#main-content .product-guide-heading>p{font-size:13px!important}.product-guide-evidence{gap:17px}}

/* Shared navigation spacing: distinct items, closely paired chevrons. */
.site-header.lovable-header .desktop-nav{gap:clamp(18px,1.8vw,28px)}
.site-header.lovable-header .desktop-nav .nav-trigger{gap:3px}
@media(min-width:981px) and (max-width:1100px){.site-header.lovable-header .desktop-nav{gap:17px}}
body.signature-site #callback-dialog .callback-language-note{display:flex;align-items:center;gap:9px;margin:0 30px 14px 0;padding:10px 12px;border:1px solid #dce8f8;border-radius:10px;background:#f2f7ff;color:#24558e;font-size:12px;line-height:1.5;text-align:start}
body.signature-site #callback-dialog .callback-language-note svg{width:18px;height:18px;flex:0 0 18px}
html[dir="rtl"] body.signature-site #callback-dialog .callback-language-note{margin:0 0 14px 30px}
body.page-contact main .contact-methods-centered .contact-method-whatsapp a.contact-direct-link{font-size:clamp(16px,1.65vw,19px)}

/* Shared footer invitation: consistent typography across all pages and languages. */
body.signature-site #site-footer .footer-invite-copy{max-width:780px}
body.signature-site #site-footer .footer-invite h2{max-width:780px;font-size:clamp(22px,2.1vw,28px);font-weight:800;line-height:1.18;letter-spacing:-.035em;white-space:normal;color:#fff;text-transform:capitalize}
body.signature-site #site-footer .footer-invite h2 em{display:block;margin-top:.14em;color:#b8a676}
@media(max-width:600px){body.signature-site #site-footer .footer-invite h2{font-size:22px;line-height:1.2}}
@media(max-width:360px){body.signature-site #site-footer .footer-invite h2{font-size:20px}}


/* Payment options beneath the vehicle inspection plans. */
#fiyatlar .vp-installments{margin-top:24px;padding:24px 26px;border:1px solid #d9e4f2;border-radius:20px;background:linear-gradient(120deg,#fff 35%,#f1f6fd);box-shadow:0 12px 32px #153c6b06;}
#fiyatlar .vp-installments-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
#fiyatlar .vp-installments-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:#054db6;}
#fiyatlar .vp-installments-icon svg{width:24px;height:24px;}
body.page-oto #fiyatlar .vp-installments h3{margin:0 0 5px;font-size:18px!important;line-height:1.35!important;color:#173454;letter-spacing:-.02em;}
#fiyatlar .vp-installments h3 strong{color:#054db6;font-weight:750;}
body.page-oto #fiyatlar .vp-installments p{margin:0;font-size:12px!important;line-height:1.6;color:#526b8a;}
#fiyatlar .vp-installments p strong{font-weight:700;color:#173454;white-space:nowrap;}
#fiyatlar .vp-installments-logos{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;}
#fiyatlar .vp-installments-logos li{display:grid;place-items:center;min-width:0;padding:7px 5px;border:0;border-radius:0;background:transparent;}
#fiyatlar .vp-installments-logos svg{display:block;width:100%;height:34px;overflow:hidden;}
@media(max-width:1000px){#fiyatlar .vp-installments-logos{grid-template-columns:repeat(5,minmax(0,1fr));}}
@media(max-width:760px){
 #fiyatlar .vp-installments{max-width:490px;margin:24px auto 0;padding:20px 18px;border-radius:16px;}
 #fiyatlar .vp-installments-heading{gap:12px;align-items:flex-start;margin-bottom:18px;}
 #fiyatlar .vp-installments-icon{width:36px;height:36px;border-radius:10px;}
 body.page-oto #fiyatlar .vp-installments h3{font-size:17px!important;}
 #fiyatlar .vp-installments-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
 #fiyatlar .vp-installments-logos svg{height:30px;}
}

/* Slightly smaller vehicle illustrations; retain the marquee card layout. */
body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:130px;height:85px;}
@media(max-width:760px){body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:110px;height:71px;}}
@media(max-width:600px){body:is(.page-oto, .home-focus) .oe-bodywork-type img{width:78px;height:47px;}}