
  html { scroll-behavior: smooth; scroll-padding-top: 80px; }
  body {
    background: #0A0E1A;
    color: #E8ECF3;
    font-family: 'Geist', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
  }

  /* Grid blueprint arka planı */
  .blueprint-grid {
    background-image:
      linear-gradient(rgba(200, 207, 221, 0.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(200, 207, 221, 0.045) 1px, transparent 1px);
    background-size: 64px 64px;
    background-position: -1px -1px;
  }

  /* Noise texture */
  .noise::before {
    content:'';
    position:absolute; inset:0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.9  0 0 0 0 0.9  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
    opacity:.5;
    pointer-events:none;
    mix-blend-mode: overlay;
  }

  /* Amber sweep */
  .amber-sweep {
    background: radial-gradient(ellipse 60% 40% at 70% 20%, rgba(232,181,76,0.18), transparent 60%),
                radial-gradient(ellipse 50% 35% at 15% 80%, rgba(61,213,152,0.08), transparent 60%);
  }

  /* Marquee */
  @keyframes slideX {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  .marquee-track {
    animation: slideX 45s linear infinite;
    width: max-content;
    flex: 0 0 auto;
  }
  .marquee-track > * { flex: 0 0 auto; }
  .marquee-wrap:hover .marquee-track { animation-play-state: paused; }
  .motion-paused .marquee-track, .motion-paused .rotate-badge { animation-play-state: paused !important; }
  .motion-controls { display: flex; justify-content: flex-end; padding: 8px 24px; }
  .motion-toggle { min-height: 44px; padding: 8px 14px; border: 1px solid #e8b54c66; color: #e8b54c; background: #131a2b; font: inherit; font-size: 12px; cursor: pointer; }
  .motion-toggle[hidden] { display: none; }
  .skip-link { position: fixed; top: 8px; left: 16px; z-index: 100; padding: 12px 20px; background: #e8b54c; color: #0a0e1a; transform: translateY(-180%); }
  .skip-link:focus { transform: translateY(0); }

  /* Fade-in on load */
  @keyframes rise {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .rise { opacity: 0; animation: rise .9s cubic-bezier(.2,.65,.3,1) forwards; }

  /* Diagonal accent line */
  .diag-line {
    background-image: linear-gradient(135deg, rgba(232,181,76,0) 0%, rgba(232,181,76,0.5) 50%, rgba(232,181,76,0) 100%);
  }

  /* Card hover */
  .svc-card {
    transition: transform .45s cubic-bezier(.2,.65,.3,1), border-color .3s, background .3s;
  }
  .svc-card:hover {
    transform: translateY(-4px);
    border-color: rgba(232,181,76,0.55);
    background: linear-gradient(180deg, rgba(30,39,64,0.95) 0%, rgba(19,26,43,0.95) 100%);
  }
  .svc-card:hover .svc-arrow { transform: translate(4px,-4px); color:#E8B54C; }
  .svc-arrow { transition: transform .35s, color .35s; }

  /* Index badge */
  .idx {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.15em;
    color: #E8B54C;
  }

  /* Underline link */
  .ul-link { position:relative; }
  .ul-link::after {
    content:''; position:absolute; left:0; bottom:-4px; height:1px; width:100%;
    background: currentColor; transform: scaleX(0); transform-origin: right;
    transition: transform .4s cubic-bezier(.2,.65,.3,1);
  }
  .ul-link:hover::after { transform: scaleX(1); transform-origin: left; }

  /* Section label */
  .sec-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #E8B54C;
  }

  /* Fraunces display fine-tune */
  .headline {
    font-family: 'Fraunces', serif;
    font-weight: 400;
    font-variation-settings: "opsz" 144, "SOFT" 50;
    letter-spacing: -0.02em;
    line-height: 0.95;
  }
  .headline em {
    font-style: italic;
    font-weight: 300;
    color: #E8B54C;
  }

  /* Scrollbar minimal */
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: #0A0E1A; }
  ::-webkit-scrollbar-thumb { background: #2A3550; border-radius: 8px; }
  ::-webkit-scrollbar-thumb:hover { background: #E8B54C; }

  /* Product card */
  .prod {
    transition: all .4s cubic-bezier(.2,.65,.3,1);
  }
  .prod:hover { background: rgba(232,181,76,0.06); }
  .prod:hover .prod-title { color: #E8B54C; }

  /* Form */
  .field {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(200,207,221,0.2);
    padding: 14px 0;
    color: #E8ECF3;
    width: 100%;
    font-size: 16px;
    transition: border-color .3s;
  }
  .field:focus { outline: none; border-bottom-color: #E8B54C; }
  .field::placeholder { color: rgba(200,207,221,0.45); }

  /* Mobile nav */
  .mobile-menu {
    position: absolute;
    inset: 100% 0 auto;
    max-height: calc(100vh - 65px);
    max-height: calc(100dvh - 65px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .mobile-menu[hidden] { display: none; }
  #menuBtn { width: 44px; height: 44px; }
  #menuBtn[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  #menuBtn[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  :focus-visible { outline: 2px solid #E8B54C; outline-offset: 4px; }
  .grid > * { min-width: 0; }
  .whatsapp-link {
    position: fixed; z-index: 40;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    display: flex; align-items: center; gap: 8px;
    min-height: 48px; padding: 12px 18px; border-radius: 999px;
    background: #075E54; color: white; border: 1px solid #3DD598;
    box-shadow: 0 4px 20px #0006; font-size: 14px; font-weight: 600;
  }
  .whatsapp-link:hover { background: #064c44; }
  footer { padding-bottom: 96px !important; }
  .field { min-width: 0; }
  #iletisim a { overflow-wrap: anywhere; }
  @media (max-width: 639px) {
    #top { padding-top: 104px; }
    #top h1 { font-size: clamp(40px, 10.5vw, 64px); line-height: 1.05; }
    h2.headline { font-size: clamp(34px, 9vw, 48px); line-height: 1.1; }
    .sec-label { line-height: 1.8; letter-spacing: .14em; }
    .svc-card { padding: 24px; }
    #iletisim .bg-steel\/80 { padding: 24px; }
    #iletisim .grid-cols-\[100px_1fr\] { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    #top .mt-8 > a { min-height: 44px; }
    footer .tracking-wider > .flex { flex-wrap: wrap; gap: 12px 24px; }
  }
  @media (max-width: 1279px) {
    .mobile-menu a, footer a, #iletisim a { min-height: 44px; display: flex; align-items: center; }
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
    .rise { opacity: 1; }
    .marquee-track { transform: none; }
    .marquee-wrap, .marquee-wrap > .overflow-hidden { overflow-x: auto; }
  }

  /* Rotate badge */
  @keyframes rotateBadge {
    to { transform: rotate(360deg); }
  }
  .rotate-badge { animation: rotateBadge 24s linear infinite; }

  /* Stat counter aesthetics */
  .stat-num {
    font-family: 'Fraunces', serif;
    font-weight: 300;
    letter-spacing: -0.03em;
  }

*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Geist, ui-sans-serif, system-ui;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"JetBrains Mono", ui-monospace, monospace;font-feature-settings:normal;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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.inset-x-0{left:0px;right:0px}.bottom-0{bottom:0px}.bottom-6{bottom:1.5rem}.left-0{left:0px}.left-6{left:1.5rem}.right-0{right:0px}.right-10{right:2.5rem}.top-0{top:0px}.top-24{top:6rem}.z-50{z-index:50}.-mx-2{margin-left:-0.5rem;margin-right:-0.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:0.25rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:0.375rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-40{height:10rem}.h-9{height:2.25rem}.h-px{height:1px}.w-1\.5{width:0.375rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-\[1300px\]{max-width:1300px}.max-w-\[1440px\]{max-width:1440px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.-rotate-45{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.resize-none{resize:none}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-\[100px_1fr\]{grid-template-columns:100px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:0.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-px{gap:1px}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0px}.border{border-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber1{--tw-border-opacity:1;border-color:rgb(232 181 76 / var(--tw-border-opacity, 1))}.border-amber1\/50{border-color:rgb(232 181 76 / 0.5)}.border-amber1\/60{border-color:rgb(232 181 76 / 0.6)}.border-transparent{border-color:transparent}.border-white\/10{border-color:rgb(255 255 255 / 0.1)}.border-white\/15{border-color:rgb(255 255 255 / 0.15)}.border-white\/5{border-color:rgb(255 255 255 / 0.05)}.bg-amber1{--tw-bg-opacity:1;background-color:rgb(232 181 76 / var(--tw-bg-opacity, 1))}.bg-graphite\/60{background-color:rgb(30 39 64 / 0.6)}.bg-ink{--tw-bg-opacity:1;background-color:rgb(10 14 26 / var(--tw-bg-opacity, 1))}.bg-ink\/70{background-color:rgb(10 14 26 / 0.7)}.bg-mist{--tw-bg-opacity:1;background-color:rgb(200 207 221 / var(--tw-bg-opacity, 1))}.bg-mist\/40{background-color:rgb(200 207 221 / 0.4)}.bg-signal{--tw-bg-opacity:1;background-color:rgb(61 213 152 / var(--tw-bg-opacity, 1))}.bg-steel{--tw-bg-opacity:1;background-color:rgb(19 26 43 / var(--tw-bg-opacity, 1))}.bg-steel\/50{background-color:rgb(19 26 43 / 0.5)}.bg-steel\/60{background-color:rgb(19 26 43 / 0.6)}.bg-steel\/80{background-color:rgb(19 26 43 / 0.8)}.bg-white\/5{background-color:rgb(255 255 255 / 0.05)}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:0.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pt-1{padding-top:0.25rem}.pt-20{padding-top:5rem}.pt-32{padding-top:8rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-display{font-family:Fraunces, serif}.font-mono{font-family:"JetBrains Mono", ui-monospace, monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[26px\]{font-size:26px}.text-\[56px\]{font-size:56px}.text-\[60px\]{font-size:60px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.9\]{line-height:0.9}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.75\]{line-height:1.75}.leading-\[1\.8\]{line-height:1.8}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:0.2em}.tracking-\[0\.3em\]{letter-spacing:0.3em}.tracking-tight{letter-spacing:-0.025em}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}.text-amber1{--tw-text-opacity:1;color:rgb(232 181 76 / var(--tw-text-opacity, 1))}.text-amber1\/50{color:rgb(232 181 76 / 0.5)}.text-bone{--tw-text-opacity:1;color:rgb(244 241 234 / var(--tw-text-opacity, 1))}.text-bone\/90{color:rgb(244 241 234 / 0.9)}.text-ink{--tw-text-opacity:1;color:rgb(10 14 26 / var(--tw-text-opacity, 1))}.text-mist{--tw-text-opacity:1;color:rgb(200 207 221 / var(--tw-text-opacity, 1))}.text-mist\/40{color:rgb(200 207 221 / 0.4)}.text-mist\/50{color:rgb(200 207 221 / 0.5)}.text-mist\/60{color:rgb(200 207 221 / 0.6)}.text-mist\/65{color:rgb(200 207 221 / 0.65)}.text-mist\/70{color:rgb(200 207 221 / 0.7)}.text-mist\/75{color:rgb(200 207 221 / 0.75)}.text-mist\/80{color:rgb(200 207 221 / 0.8)}.text-mist\/90{color:rgb(200 207 221 / 0.9)}.opacity-20{opacity:0.2}.opacity-30{opacity:0.3}.opacity-40{opacity:0.4}.opacity-60{opacity:0.6}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-700{transition-duration:700ms}.hover\:bg-bone:hover{--tw-bg-opacity:1;background-color:rgb(244 241 234 / var(--tw-bg-opacity, 1))}.hover\:text-amber1:hover{--tw-text-opacity:1;color:rgb(232 181 76 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-\[135deg\]{--tw-rotate:135deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm\:text-\[100px\]{font-size:100px}.sm\:text-\[84px\]{font-size:84px}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:left-10{left:2.5rem}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-start-10{grid-column-start:10}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-start-8{grid-column-start:8}.lg\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.lg\:block{display:block}.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:2.5rem}.lg\:gap-16{gap:4rem}.lg\:gap-20{gap:5rem}.lg\:border-l{border-left-width:1px}.lg\:border-white\/10{border-color:rgb(255 255 255 / 0.1)}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-36{padding-top:9rem;padding-bottom:9rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pl-10{padding-left:2.5rem}.lg\:pt-40{padding-top:10rem}.lg\:text-right{text-align:right}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-\[128px\]{font-size:128px}.lg\:text-\[160px\]{font-size:160px}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[34px\]{font-size:34px}}@media (min-width: 1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:text-\[148px\]{font-size:148px}.xl\:text-\[200px\]{font-size:200px}}
.inline-style-1 { animation-delay:.1s }
.inline-style-2 { animation-delay:.25s }
.inline-style-3 { animation-delay:.45s }
.inline-style-4 { animation-duration: 40s; }
.inline-style-5 { animation-duration: 50s; animation-direction: reverse; }
.inline-style-6 { animation-duration: 42s; }
.inline-style-7 { animation-duration: 55s; animation-direction: reverse; }
.inline-style-8 { background: #131A2B; }
header nav[aria-label="Ana menü"] { gap: 22px; }
.references-section { padding: 96px 0; border-bottom: 1px solid rgba(255,255,255,.08); background: #0d1321; }
.references-container { max-width: 1440px; margin-inline: auto; padding-inline: 24px; }
.references-intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 48px; }
.references-intro h2 { font-size: clamp(36px, 5vw, 72px); line-height: 1.1; }
.references-intro > p { max-width: 320px; font-size: 15px; line-height: 1.75; color: #a3acbe; }
.references-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; padding: 1px; background: rgba(200,207,221,.12); list-style: none; }
.reference-card { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 168px; padding: 48px 28px 28px; background: #131a2b; }
.reference-number { position: absolute; top: 16px; left: 28px; font: 10px 'JetBrains Mono', monospace; color: #7e899f; letter-spacing: .15em; }
.reference-card h3 { font-family: 'Geist', system-ui, sans-serif; font-size: clamp(19px, 2vw, 25px); font-weight: 500; line-height: 1.4; color: #e8ecf3; overflow-wrap: anywhere; }
.reference-location { margin-top: 8px; color: #e8b54c; font: 11px 'JetBrains Mono', monospace; letter-spacing: .08em; }
@media (min-width: 1024px) { .references-container { padding-inline: 40px; } .references-section { padding-block: 128px; } }
@media (max-width: 767px) {
  .references-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .references-intro { display: block; margin-bottom: 32px; }
  .references-intro > p { margin-top: 24px; }
  .reference-card { padding: 44px 20px 24px; }
  .reference-number { left: 20px; }
}
@media (max-width: 479px) {
  .references-grid { grid-template-columns: minmax(0, 1fr); }
  .reference-card { min-height: 124px; }
  .references-section { padding-block: 72px; }
}

/* Local reference logos: original colors with a neutral, legible backdrop. */
.reference-card { justify-content: flex-start; padding: 44px 24px 24px; min-height: 252px; }
.reference-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 120px; padding: 18px; margin-bottom: 22px; background: #fff; border-radius: 3px; }
.reference-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 84px; object-fit: contain; }
.reference-logo-dark { background: #0a0e1a; }
.reference-logo-pair { flex-direction: column; gap: 12px; }
.reference-logo-pair img { max-height: 36px; max-width: 90%; }
.reference-card h3 { font-size: 18px; line-height: 1.45; }
@media (max-width: 767px) { .reference-card { padding-inline: 20px; } .reference-logo { padding: 14px; } }

/* Compact phone layout and an unobtrusive contact shortcut. */
@media (max-width: 479px) {
  .references-container { padding-inline: 20px; }
  .reference-card { min-height: 0; padding: 36px 18px 20px; }
  .reference-number { left: 18px; top: 13px; }
  .reference-logo { height: 96px; margin-bottom: 16px; padding: 14px; }
  .reference-logo img { max-height: 64px; }
  .reference-logo-pair { gap: 8px; }
  .reference-logo-pair img { max-height: 30px; }
  .reference-card h3 { font-size: 17px; }
  .whatsapp-link { width: 48px; height: 48px; padding: 12px; justify-content: center; }
  .whatsapp-label { display: none; }
}

.product-description { margin-top: 16px; color: #a3acbe; font-size: 14px; line-height: 1.75; }
.prod .flex > span { max-width: 100%; overflow-wrap: anywhere; }

/* Service descriptions and scope lists remain readable on small screens. */
.svc-card { display: flex; flex-direction: column; min-width: 0; }
.service-index { margin-bottom: 28px; }
.service-index .idx { line-height: 1.8; letter-spacing: .09em; }
.service-description { color: #adb6c8; font-size: 14px; line-height: 1.8; margin-bottom: 24px; }
.service-details { margin-top: auto; color: #c8cfdd; font-size: 13px; line-height: 1.65; }
.service-details li { position: relative; padding-left: 16px; overflow-wrap: anywhere; }
.service-details li + li { margin-top: 10px; }
.service-details li::before { content: ''; position: absolute; left: 0; top: .65em; width: 4px; height: 4px; background: #e8b54c; }

.brand-tagline { display: flex; flex-direction: column; font-family: 'JetBrains Mono', monospace; font-size: 8px; line-height: 1.4; letter-spacing: .03em; color: #a3acbe; }
.brand-tagline span { white-space: nowrap; }
@media (min-width: 640px) { .brand-tagline { flex-direction: row; gap: 4px; } }

.contact-company-name { font-size: 14px; line-height: 1.7; color: #f4f1ea; overflow-wrap: anywhere; }
.contact-map { margin-top: 24px; border: 1px solid rgba(200,207,221,.15); background: #131a2b; overflow: hidden; }
.contact-map-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 14px; min-height: 48px; }
.contact-map-heading .idx { font-size: 10px; letter-spacing: .08em; }
.contact-map-heading a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #c8cfdd; font-size: 12px; }
.contact-map-heading a:hover { color: #e8b54c; }
.contact-map iframe { display: block; width: 100%; height: 200px; border: 0; }

/* Legal information is accessible without dialogs or consent walls. */
.legal-links { display: flex; flex-wrap: wrap; gap: 4px 24px; border-top: 1px solid #ffffff1a; padding: 20px 0; }
.legal-links a { display: inline-flex; align-items: center; min-height: 44px; color: #b8c2d4; font-size: 12px; }
.legal-links a:hover, .contact-privacy-note a:hover { color: #e8b54c; }
.contact-privacy-note { font-size: 13px; line-height: 1.7; color: #b8c2d4; }
.contact-privacy-note a { text-decoration: underline; text-underline-offset: 3px; display: inline !important; }
.contact-draft[hidden] { display: none; }
.contact-draft { padding: 20px; border: 1px solid #e8b54c66; background: #0a0e1a; }
.contact-draft h4 { color: #e8b54c; font-size: 18px; }
.contact-draft p, .contact-draft label { display: block; margin: 12px 0; color: #c8cfdd; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.contact-draft textarea { width: 100%; padding: 12px; background: #131a2b; color: #e8ecf3; border: 1px solid #ffffff33; font-size: 16px; line-height: 1.6; resize: vertical; }
.draft-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.draft-actions a, .draft-actions button { display: inline-flex !important; align-items: center; min-height: 44px; padding: 10px 12px; border: 1px solid #e8b54c66; color: #e8b54c; font-size: 13px; cursor: pointer; }
.contact-map-placeholder { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; border-top: 1px solid #ffffff1a; }
.contact-map-placeholder svg { color: #e8b54c; }
.contact-map-placeholder p { color: #c8cfdd; font-size: 13px; line-height: 1.7; }
.contact-map-placeholder > span { color: #a3acbe; font-size: 11px; }
.contact-map [hidden] { display: none !important; }
#showMap, #hideMap { min-height: 44px; padding: 10px 16px; border: 1px solid #e8b54c66; color: #e8b54c; background: #131a2b; cursor: pointer; font: inherit; font-size: 13px; }
#hideMap { margin: 12px 20px; }
.legal-header { border-bottom: 1px solid #ffffff1a; }
.legal-header > div { max-width: 1040px; margin: auto; padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.legal-brand { font-family: 'Fraunces', serif; font-size: 24px; }
.legal-brand em { color: #e8b54c; }
.legal-home { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
.legal-main { max-width: 940px; margin: auto; padding: 56px 24px 64px; }
.legal-main h1 { font-family: 'Fraunces', serif; font-size: clamp(32px, 5vw, 52px); line-height: 1.15; color: #f4f1ea; }
.legal-date { margin: 16px 0 36px; color: #96a2ba; font-size: 12px; }
.legal-main h2 { font-size: 20px; font-weight: 600; color: #f4f1ea; margin: 32px 0 12px; }
.legal-main p, .legal-main li, .legal-main dd { font-size: 15px; line-height: 1.85; color: #b8c2d4; }
.legal-main p + p { margin-top: 12px; }
.legal-main ul, .legal-main ol { padding-left: 24px; margin: 12px 0; }
.legal-main ul { list-style: disc; }
.legal-main ol { list-style: decimal; }
.legal-main a { color: #e8b54c; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-main dt { margin-top: 20px; font-size: 12px; color: #e8b54c; letter-spacing: .04em; }
.legal-main dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.legal-callout { padding: 20px; border: 1px solid #ffffff1a; background: #131a2b; margin: 24px 0; }
.legal-footer { max-width: 1040px; margin: auto; padding: 0 24px 40px !important; background: transparent; }
.legal-footer p { font-size: 12px; line-height: 1.7; color: #96a2ba; }
/* Editorial blog: shared by index previews and standalone articles. */
.blog-page { background: #0a0e1a; }
.blog-header { border-bottom: 1px solid #ffffff1a; }
.blog-header > div { max-width: 1240px; margin: auto; padding: 20px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.blog-header nav { display: flex; align-items: center; gap: 24px; font-size: 13px; }
.blog-header nav a { min-height: 44px; display: inline-flex; align-items: center; }
.blog-contact-link { color: #e8b54c; }
.blog-hero, .blog-library, .blog-cta, .blog-footer, .article-shell, .home-blog { max-width: 1240px; margin: auto; padding-left: 28px; padding-right: 28px; }
.blog-hero { padding-top: 76px; padding-bottom: 48px; }
.blog-eyebrow { color: #e8b54c; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 22px; }
.blog-hero h1, .article-header h1, .home-blog h2, .blog-cta h2 { font-family: 'Fraunces', serif; font-weight: 400; letter-spacing: -.035em; }
.blog-hero h1 { font-size: clamp(38px, 5.5vw, 76px); line-height: 1.1; max-width: 1000px; }
.blog-hero em, .home-blog em { color: #e8b54c; }
.blog-hero > p:not(.blog-eyebrow) { max-width: 720px; margin: 26px 0; font-size: 17px; line-height: 1.85; color: #b8c2d4; }
.blog-hero-note { display: flex; flex-wrap: wrap; gap: 16px 40px; border-top: 1px solid #ffffff1a; padding-top: 24px; font-size: 12px; color: #96a2ba; }
.blog-library { padding-bottom: 72px; }
.blog-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.blog-filters[hidden], .blog-card[hidden] { display: none; }
.blog-filters button { min-height: 44px; padding: 10px 16px; border: 1px solid #ffffff29; font-size: 12px; color: #c8cfdd; cursor: pointer; }
.blog-filters button[aria-pressed="true"] { background: #e8b54c; color: #0a0e1a; border-color: #e8b54c; }
.blog-count { color: #96a2ba; font-size: 12px; margin: 16px 0; }
.blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.blog-card { display: flex; flex-direction: column; min-width: 0; padding: 28px; border: 1px solid #ffffff1a; background: #101725; }
.blog-card:hover, .blog-card:focus-within { border-color: #e8b54c80; }
.blog-card-top { display: flex; justify-content: space-between; gap: 12px; color: #e8b54c; font-family: 'JetBrains Mono', monospace; font-size: 10px; margin-bottom: 28px; }
.blog-card h2 { font-family: 'Fraunces', serif; font-size: 27px; line-height: 1.3; letter-spacing: -.02em; margin-bottom: 18px; }
.blog-card h2 a { text-decoration: none; }
.blog-card > p { font-size: 14px; color: #b8c2d4; line-height: 1.8; margin-bottom: 28px; }
.blog-card-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; border-top: 1px solid #ffffff1a; color: #96a2ba; font-size: 11px; }
.blog-card-bottom span { color: #e8b54c; }
.blog-card-bottom a { color: #e8b54c; min-height: 44px; display: inline-flex; align-items: center; }
.blog-cta { padding-top: 48px; padding-bottom: 48px; border-top: 1px solid #ffffff1a; }
.blog-cta h2 { font-size: 36px; line-height: 1.25; max-width: 700px; }
.blog-cta > p:not(.blog-eyebrow) { color: #b8c2d4; margin: 20px 0; line-height: 1.8; }
.blog-cta > a, .article-cta a { display: inline-flex; align-items: center; min-height: 44px; color: #e8b54c; text-decoration: underline; text-underline-offset: 5px; }
.blog-footer { padding-top: 40px; padding-bottom: 32px; border-top: 1px solid #ffffff1a; }
.blog-footer p { font-size: 12px; line-height: 1.8; color: #96a2ba; margin: 12px 0; }
.blog-footer nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 24px 0; }
.blog-footer nav a { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; color: #96a2ba; font-size: 12px; padding: 24px 0; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.article-header { padding: 34px 0 38px; max-width: 1000px; }
.article-header h1 { font-size: clamp(34px, 4.5vw, 60px); line-height: 1.13; }
.article-intro { color: #c8cfdd; font-size: 18px; line-height: 1.85; margin: 26px 0; max-width: 870px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 12px; color: #96a2ba; }
.article-meta a { color: #e8b54c; text-decoration: underline; }
.article-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 56px; border-top: 1px solid #ffffff1a; padding-top: 40px; }
.article-toc { align-self: start; position: sticky; top: 24px; font-size: 13px; }
.article-toc strong { display: block; color: #e8b54c; margin-bottom: 18px; font-weight: 500; }
.article-toc ol { padding-left: 18px; list-style: decimal; }
.article-toc li { color: #b8c2d4; line-height: 1.7; margin-bottom: 14px; }
.article-toc a:hover { color: #e8b54c; }
.article-content { max-width: 760px; min-width: 0; }
.article-content section { margin-bottom: 36px; scroll-margin-top: 28px; }
.article-content h2 { font-family: 'Fraunces', serif; font-size: 29px; line-height: 1.3; margin-bottom: 16px; }
.article-content p, .article-content li { color: #c8cfdd; font-size: 16px; line-height: 1.9; }
.article-content ul { list-style: disc; padding-left: 22px; margin-top: 16px; }
.article-content li { padding-left: 4px; margin-bottom: 10px; }
.article-source { border-top: 1px solid #ffffff1a; padding-top: 24px; }
.article-source h2 { font-family: inherit; font-size: 16px; }
.article-source p { font-size: 13px; margin: 12px 0; }
.article-source a { color: #e8b54c; text-decoration: underline; overflow-wrap: anywhere; }
.article-question { border-left: 2px solid #e8b54c; padding: 8px 0 8px 24px; }
.article-cta { background: #131c2e; border: 1px solid #e8b54c44; padding: 28px; margin: 40px 0; }
.article-cta .blog-eyebrow { font-size: 10px; color: #e8b54c; }
.article-cta > div { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; font-size: 14px; }
.related-posts { border-top: 1px solid #ffffff1a; padding: 48px 0; }
.related-posts > h2 { font-family: 'Fraunces', serif; font-size: 32px; margin-bottom: 24px; }
.related-posts .blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.all-posts { display: inline-flex; min-height: 44px; align-items: center; margin-top: 24px; color: #e8b54c; }
.home-blog { padding-top: 80px; padding-bottom: 80px; }
.home-blog-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.home-blog-heading h2 { font-size: clamp(38px,5vw,60px); }
.home-blog-heading > a { color: #e8b54c; font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
header nav[aria-label="Ana menü"] { gap: 16px; }
@media (max-width: 1000px) {
 .blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .article-layout { grid-template-columns: 1fr; gap: 32px; }
 .article-toc { position: static; border-bottom: 1px solid #ffffff1a; padding-bottom: 20px; }
 .article-content { max-width: none; }
}
@media (max-width: 600px) {
 .blog-header > div { padding: 12px 20px; gap: 12px; flex-wrap: wrap; }
 .blog-header .legal-brand { font-size: 22px; }
 .blog-header nav { gap: 16px; font-size: 12px; }
 .blog-hero, .blog-library, .blog-cta, .blog-footer, .article-shell, .home-blog { padding-left: 20px; padding-right: 20px; }
 .blog-hero { padding-top: 42px; }
 .blog-grid, .related-posts .blog-grid { grid-template-columns: 1fr; }
 .blog-card { padding: 24px; }
 .article-intro { font-size: 16px; }
 .article-cta { padding: 22px; }
 .home-blog-heading { display: block; }
 .home-blog-heading > a { margin-top: 16px; }
}
.expertise-section { padding: 88px 0; border-bottom: 1px solid #ffffff1a; }
.expertise-inner { max-width: 1440px; margin: auto; padding: 0 40px; }
.expertise-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; margin-bottom: 40px; }
.expertise-heading h2 { font-family: 'Fraunces', serif; font-size: clamp(36px,4.8vw,64px); line-height: 1.12; letter-spacing: -.035em; }
.expertise-heading h2 em { color: #e8b54c; }
.expertise-heading > p, .expertise-closing p { color: #b8c2d4; font-size: 15px; line-height: 1.85; }
.expertise-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.expertise-card { padding: 28px; background: #101725; border: 1px solid #ffffff1a; }
.expertise-number { display: block; color: #e8b54c; font-family: 'JetBrains Mono',monospace; font-size: 10px; letter-spacing: .08em; margin-bottom: 20px; }
.expertise-card h3 { font-family: 'Fraunces',serif; font-size: 26px; line-height: 1.25; margin-bottom: 16px; }
.expertise-card p { font-size: 14px; line-height: 1.85; color: #b8c2d4; }
.expertise-closing { display: flex; justify-content: space-between; align-items: center; gap: 40px; margin-top: 32px; }
.expertise-closing p { max-width: 780px; }
.expertise-closing strong { color: #e8ecf3; font-weight: 500; }
.expertise-closing a, .expertise-about-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: #e8b54c; text-decoration: underline; text-underline-offset: 5px; }
.expertise-about-link { margin-top: 20px; }
@media (max-width: 1000px) {
 .expertise-heading { grid-template-columns: 1fr; gap: 24px; }
 .expertise-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .expertise-closing { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (max-width: 600px) {
 .expertise-section { padding: 56px 0; }
 .expertise-inner { padding: 0 24px; }
 .expertise-grid { grid-template-columns: 1fr; }
 .expertise-card { padding: 24px; }
}
.faq-section { padding: 80px 0; background: #0d1320; border-top: 1px solid #ffffff1a; border-bottom: 1px solid #ffffff1a; }
@media (min-width: 1280px) {
  body > header.fixed > div:first-child { gap: 20px; }
  body > header.fixed nav[aria-label="Ana menü"] { gap: 12px; font-size: 12px; }
  body > header.fixed nav[aria-label="Ana menü"] a { white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; }
  body > header.fixed a[href^="tel:"] { display: none; }
}
.faq-inner { max-width: 1240px; margin: auto; padding: 0 28px; }
.faq-heading { max-width: 840px; margin-bottom: 32px; }
.faq-heading h2 { font-family: 'Fraunces',serif; font-size: clamp(36px,5vw,64px); line-height: 1.15; letter-spacing: -.035em; margin-bottom: 24px; }
.faq-heading h2 em { color: #e8b54c; }
.faq-heading > p:not(.blog-eyebrow), .faq-closing p { font-size: 15px; line-height: 1.85; color: #b8c2d4; }
.faq-topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 32px 0 44px; }
.faq-topics a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 14px; border: 1px solid #ffffff26; color: #c8cfdd; font-size: 12px; }
.faq-topics a:hover, .faq-topics a:focus-visible { border-color: #e8b54c; color: #e8b54c; }
.faq-group { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 36px; margin: 36px 0; scroll-margin-top: 85px; }
.faq-group > h3 { font-family: 'Fraunces',serif; font-size: 25px; line-height: 1.3; padding-top: 20px; color: #e8b54c; }
.faq-item { border-bottom: 1px solid #ffffff1a; scroll-margin-top: 85px; }
.faq-item:first-child { border-top: 1px solid #ffffff1a; }
.faq-item summary { padding: 20px 32px 20px 0; min-height: 56px; cursor: pointer; position: relative; list-style: none; font-size: 15px; line-height: 1.6; color: #e8ecf3; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; position: absolute; right: 4px; top: 20px; color: #e8b54c; font-size: 22px; line-height: 1; }
.faq-item[open] summary::after { content: '−'; }
.faq-item[open] summary { color: #e8b54c; }
.faq-answer { padding: 0 24px 24px 0; }
.faq-answer p { color: #b8c2d4; font-size: 15px; line-height: 1.85; }
.faq-answer a, .faq-closing a, .faq-service-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; font-size: 13px; color: #e8b54c; text-decoration: underline; text-underline-offset: 4px; }
.faq-closing { border: 1px solid #e8b54c44; background: #131c2e; padding: 28px; margin-top: 44px; }
.faq-closing h3 { font-family: 'Fraunces',serif; font-size: 28px; margin-bottom: 14px; }
@media (max-width: 800px) { .faq-group { grid-template-columns: 1fr; gap: 16px; } }
@media (max-width: 600px) { .faq-section { padding: 56px 0; } .faq-inner { padding: 0 24px; } .faq-group > h3 { font-size: 24px; } .faq-closing { padding: 22px; } }
