/* Referans PSD: 1920 × 6852 px. Masaüstü koordinatları; mobil kurallar responsive.css içinde. */
:root { --page-scale: 1; --brand: #d50037; }
* { box-sizing: border-box; }
html { margin: 0; scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #343436; font-family: Inter, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #d50037; outline-offset: 5px; }
.page-shell { position: relative; width: min(100%, 1920px); height: calc(6852px * var(--page-scale)); margin: 0 auto; overflow: clip; }
.design { position: absolute; left: 0; top: 0; width: 1920px; height: 6852px; transform: scale(var(--page-scale)); transform-origin: top left; }
.scene { position: relative; width: 1920px; isolation: isolate; }
.art { display: block; position: absolute; max-width: none; object-fit: fill; pointer-events: none; user-select: none; }
.psd-text { position: absolute; margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 0; overflow: visible; }
.text-line { position: absolute; display: block; height: 0; }
.text-run { position: absolute; display: block; margin: 0; padding: 0; white-space: pre; font-kerning: normal; font-optical-sizing: none; font-synthesis: none; }
.control { display: block; position: absolute; margin: 0; padding: 0; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; text-align: left; cursor: pointer; }
.control .psd-text, .service-card .psd-text { pointer-events: none; }
.control[style*="button-transform"] { border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.47); }
.control[style*="button-transform"]::before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(231,231,231,.5); border-radius: inherit; pointer-events: none; }
.service-card, .ai-card { position: absolute; display: block; }
.site-header { position: fixed; top: 0; left: max(0px, calc(50vw - 960px)); width: 1920px; height: 96px; z-index: 120; background: transparent; transform: scale(var(--page-scale)); transform-origin: top left; transition: background .3s ease, box-shadow .3s ease; }
.header-offer { position: absolute; left: 1682px; top: 32px; width: 132px; height: 49px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--brand); border-radius: 7px; background: var(--brand); color: #fff; font: 750 13px/1 Inter, sans-serif; box-shadow: 0 10px 24px rgba(213,0,55,.2); transition: transform .2s ease, background .2s ease; }
.header-offer:hover { transform: translateY(-2px); background: #b90030; color: #fff; }
.site-header .scroll-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: var(--brand);
    z-index: 2;
    pointer-events: none;
}
.site-header.is-scrolled { background: #fff; box-shadow: 0 1px 0 rgba(40,40,42,.08), 0 14px 34px -26px rgba(40,40,42,.28); }
.hero-dot { position: absolute; left: 239px; width: 12px; height: 13px; border-radius: 50%; background: var(--brand); }
.hero-slider { position: absolute; inset: 0; width: 1920px; height: 861px; }
.hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .65s ease, visibility .65s ease; }
.hero-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 1; }
.hero-copy .text-151 .text-line::before {
  content: "";
  position: absolute;
  left: -22px;
  top: -12px;
  width: 12px;
  height: 13px;
  border-radius: 50%;
  background: var(--brand);
}
.hero-copy .text-98 .text-run, .hero-copy .text-151 .text-run { max-width: 620px; overflow: hidden; text-overflow: ellipsis; }
.hero-media { position: absolute; left: 1048px; top: 142px; width: 640px; height: 530px; margin: 0; border: 0; border-radius: 0; overflow: visible; background: transparent; box-shadow: none; transition: transform .8s cubic-bezier(.2,.7,.2,1), opacity .8s ease; }
.hero-slide:not(.is-active) .hero-media { opacity: .72; transform: translateY(18px) scale(.985); }
.hero-media::after { display: none; }
.hero-media picture { display: block; width: 100%; height: 100%; background: transparent; }
.hero-media img, .hero-media iframe { display: block; width: 100%; height: 100%; border: 0; background: transparent; object-fit: contain; }
.hero-slider-nav { position: absolute; left: 1048px; top: 704px; z-index: 4; width: 640px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.hero-slider-dots { display: flex; align-items: center; gap: 8px; }
.hero-slider-dot { width: 24px; height: 4px; padding: 0; border: 0; border-radius: 999px; background: #d9d9dd; cursor: pointer; transition: width .25s ease, background .25s ease; }
.hero-slider-dot.is-active { width: 44px; background: var(--brand); }
.hero-slider-arrows { display: flex; gap: 10px; }
.hero-slide-btn { position: relative; width: 42px; height: 42px; padding: 0; border: 1px solid #dedee1; border-radius: 50%; background: #fff; cursor: pointer; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.hero-slide-btn::before { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-top: 2px solid #343436; border-right: 2px solid #343436; }
.hero-slide-prev::before { transform: translate(-42%,-50%) rotate(-135deg); }
.hero-slide-next::before { transform: translate(-58%,-50%) rotate(45deg); }
.hero-slide-btn:hover { background: var(--brand); border-color: var(--brand); transform: translateY(-2px); }
.hero-slide-btn:hover::before { border-color: #fff; }
.hero-slide-btn:focus-visible { outline-offset: 3px; }
.narly-widget { position: absolute; left: 1726px; top: 686px; width: 132px; height: 131px; border: 0; padding: 0; background: none; cursor: pointer; }
.scene-platformlar { background: #fff; border-top: 3px solid #f0f0f0; }
.scene-platformlar .art { margin-top: -3px; }
.scene-google-workspace { background: #fff; border-top: 3px solid #efefef; }
.scene-google-workspace > * { margin-top: -3px; }
.subscribe-input { position: absolute; left: 741px; top: 565px; width: 303px; height: 49px; padding: 0 26px; border: 0; border-radius: 7px; background: transparent url('../img/subscribe-input.png') 0 0 / 100% 100% no-repeat; color: #eaebec; font: 400 12px Inter, sans-serif; }
.subscribe-input::placeholder { color: #8b8b8b; opacity: 1; }
.newsletter-status { position: absolute; left: 741px; top: 622px; width: 438px; margin: 0; color: #9fe0b4; font: 400 12px/1.5 Inter, sans-serif; }
.newsletter-status.is-error { color: #ff9aa8; }
.newsletter .control:disabled { opacity: .65; cursor: wait; }
.footer-rule { position: absolute; left: 238px; width: 1428px; height: 3px; background: #ffffff; opacity: .07; pointer-events: none; }
.rule-top { top: 453px; }
.rule-bottom { top: 679px; }
.footer-sol-group { position: absolute; }
.footer-sol-head { display: block; }
.footer-sol-title { margin: 0 0 23px; color: #fff; font: 900 12px/1 Satoshi, Inter, sans-serif; letter-spacing: 0; }
.footer-sol-head:hover .footer-sol-title, .footer-sol-head:focus-visible .footer-sol-title { color: var(--brand); }
.footer-sol-list { margin: 0; padding: 0; list-style: none; }
.footer-sol-list li { position: relative; padding-left: 14px; color: #eaebec; font: 400 12px/12px Inter, sans-serif; }
.footer-sol-list li + li { margin-top: 14px; }
.footer-sol-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: #fff; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .page-shell { overflow: visible; } a, button { outline: 0; } }


   /* =====================================================
   FLOATING CONTACT
===================================================== */

.nar-floating-contact{
    position: fixed;

    left: 50%;
    bottom: 24px;

    transform: translateX(-50%);

    width: 285px;

    z-index: 99999;

    font-family: inherit;
}


/* =====================================================
   ÜST PILL
===================================================== */

.nar-contact-bar{
    position: relative;

    width: 100%;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: space-evenly;

    padding: 0 18px;

    background: #f1f1f1;

    border: 1px solid rgba(255,255,255,.7);

    border-radius: 50px;

    box-shadow:
        0 10px 40px rgba(0,0,0,.20);

    z-index: 2;

    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease;
}


.nar-floating-contact:hover .nar-contact-bar{
    transform: translateY(-4px);

    box-shadow:
        0 15px 45px rgba(0,0,0,.28);
}


/* =====================================================
   ICON
===================================================== */

.nar-contact-icon{
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #151515;

    text-decoration: none;

    transition:
        background .25s ease,
        transform .25s ease,
        color .25s ease;
}


.nar-contact-icon svg{
    width: 21px;
    height: 21px;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.nar-contact-icon:hover{
    background: #fff;
    transform: translateY(-2px) scale(1.06);
}


/* WHATSAPP */

.nar-contact-icon.nar-whatsapp{
    background: #50bd5a;
    color: #fff;
}


.nar-contact-icon.nar-whatsapp svg{
    width: 25px;
    height: 25px;
    stroke: none;
}


.nar-contact-icon.nar-whatsapp:hover{
    background: #43ad4d;
}


/* =====================================================
   AÇILAN PANEL
===================================================== */

.nar-contact-dropdown{

    position: absolute;

    left: 50%;

    bottom: 78px;

    width: 340px;

    padding: 22px 20px;

    background: #f3f3f3;

    border-radius: 25px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.25);


    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        translateX(-50%)
        translateY(15px)
        scale(.96);

    transform-origin: bottom center;

    transition:
        opacity .25s ease,
        transform .35s cubic-bezier(.22,1,.36,1),
        visibility .25s ease;
}


/* HOVER OLUNCA AÇ */

.nar-floating-contact:hover .nar-contact-dropdown{

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(-50%)
        translateY(0)
        scale(1);
}


/* HOVER BOŞLUĞU KAPAT */

.nar-contact-dropdown::after{
    content: "";

    position: absolute;

    left: 0;
    bottom: -25px;

    width: 100%;
    height: 30px;
}


/* =====================================================
   SATIRLAR
===================================================== */

.nar-contact-row{

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 10px 8px;

    border-radius: 14px;

    color: #252525;

    text-decoration: none;

    transition:
        background .25s ease,
        transform .25s ease;
}


.nar-contact-row + .nar-contact-row{
    margin-top: 4px;
}


.nar-contact-row:hover{

    background: #fff;

    transform: translateX(4px);
}


.nar-contact-row strong{

    display: block;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.35;
}


.nar-contact-row small{

    display: block;

    margin-top: 2px;

    font-size: 12px;

    color: #8a8a8a;

    line-height: 1.35;
}


/* =====================================================
   PANEL ICON
===================================================== */

.nar-row-icon{

    width: 38px;
    height: 38px;

    min-width: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #171717;

    border-radius: 50%;
}


.nar-row-icon svg{

    width: 21px;
    height: 21px;

    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.nar-row-whatsapp{

    background: #50bd5a;

    color: #fff;
}


.nar-row-whatsapp svg{

    width: 22px;
    height: 22px;

    stroke: none;
}


/* =====================================================
   MOBİL
===================================================== */

@media(max-width: 767px){

    .nar-floating-contact{

        width: 245px;

        bottom: 15px;
    }


    .nar-contact-bar{

        height: 57px;

        padding: 0 12px;
    }


    .nar-contact-icon{

        width: 38px;
        height: 38px;
    }


    .nar-contact-icon svg{

        width: 19px;
        height: 19px;
    }


    .nar-contact-dropdown{

        width: calc(100vw - 30px);

        max-width: 340px;

        bottom: 68px;

        padding: 17px;
    }


    .nar-contact-row{

        padding: 8px 5px;
    }

} 

/* =========================================
   CONTACT - AYNI YERDE AÇILMA
========================================= */

.nar-floating-contact{
    width: 340px;
    bottom: 24px;
}

/* ikisi de aynı alanda */
.nar-contact-bar,
.nar-contact-dropdown{
    width: 100%;
}

/* dropdown artık yukarıda değil,
   barın TAM bulunduğu yerde */
.nar-contact-dropdown{
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: scale(.92);
    transform-origin: bottom center;

    transition:
        opacity .22s ease,
        transform .32s cubic-bezier(.22,1,.36,1),
        visibility .22s ease;
}

/* normal bar */
.nar-contact-bar{
    opacity: 1;
    visibility: visible;

    transform: scale(1);

    transition:
        opacity .18s ease,
        transform .28s cubic-bezier(.22,1,.36,1),
        visibility .18s ease;
}

/* hover olunca normal bar kayboluyor */
.nar-floating-contact:hover .nar-contact-bar{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: scale(.92);
}

/* detay AYNI NOKTADA açılıyor */
.nar-floating-contact:hover .nar-contact-dropdown{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: scale(1);
}


/* =====================================================
   İLETİŞİM SAYFASI
   Aynı PSD sahne yapısı korunur: 1920px tuval, sabit
   yükseklikler ve --page-scale ölçeklemesi.
==================================================== */

.page-contact .page-shell { height: calc(2658px * var(--page-scale)); }
.page-contact .design { height: 2658px; }

.scene-contact-hero { height: 582px; overflow: hidden; background: linear-gradient(160deg, #ffffff 0%, #fafafa 45%, #f1f1f1 100%); }
.scene-contact-hero::before { content: ""; position: absolute; right: -140px; top: -160px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.18), rgba(213,0,55,0) 66%); pointer-events: none; }
.scene-contact-hero::after { content: ""; position: absolute; right: 152px; top: 118px; width: 320px; height: 320px; border-radius: 50%; border: 1px dashed rgba(213,0,55,.3); pointer-events: none; }
.contact-hero-copy { position: absolute; left: 240px; top: 210px; width: 940px; }
.contact-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font: 700 14px/1 Inter, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--brand); }
.contact-eyebrow::before { content: ""; width: 46px; height: 2px; background: var(--brand); }
.contact-title { margin: 0; font: 900 74px/1.02 Satoshi, sans-serif; letter-spacing: -2px; color: #343436; }
.contact-title span { color: var(--brand); }
.contact-lead { margin: 28px 0 0; max-width: 660px; font: 400 20px/1.6 Inter, sans-serif; color: #4a4a4d; }

.scene-contact-main { display: flex; align-items: center; justify-content: center; height: 729px; background: #fff; }
.contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; width: 1440px; }

.contact-info-title { margin: 0 0 16px; font: 900 44px/1.1 Satoshi, sans-serif; letter-spacing: -1px; color: #343436; }
.contact-info-desc { margin: 0 0 38px; max-width: 470px; font: 400 17px/1.65 Inter, sans-serif; color: #5b5b5e; }
.contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.contact-list li { display: flex; align-items: flex-start; gap: 18px; padding: 20px 22px; border: 1px solid #ededed; border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(52,52,54,.05); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.contact-list li:hover { transform: translateY(-3px); border-color: rgba(213,0,55,.28); box-shadow: 0 18px 40px rgba(52,52,54,.1); }
.contact-list .ci-icon { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: rgba(213,0,55,.08); color: var(--brand); }
.contact-list .ci-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.contact-list strong { display: block; margin-bottom: 3px; font: 600 15px/1.4 Inter, sans-serif; color: #343436; }
.contact-list a, .contact-list span { font: 400 15px/1.65 Inter, sans-serif; color: #5b5b5e; }
.contact-list a:hover { color: var(--brand); }

.contact-form-card { position: relative; overflow: hidden; padding: 44px; border: 1px solid #ececec; border-radius: 22px; background: #fff; box-shadow: 0 24px 60px rgba(52,52,54,.08); }
.contact-form-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #d50037, #ff5676); }
.contact-form-title { margin: 0 0 26px; font: 900 26px/1.2 Satoshi, sans-serif; color: #343436; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.contact-field { display: flex; flex-direction: column; gap: 8px; }
.contact-field-full { grid-column: 1 / -1; }
.contact-field label { font: 600 13px/1 Inter, sans-serif; color: #343436; }
.contact-field label span { color: var(--brand); }
.contact-field input, .contact-field select, .contact-field textarea { width: 100%; padding: 14px 16px; border: 1px solid #e2e2e2; border-radius: 10px; background: #fafafa; color: #343436; font: 400 15px/1.4 Inter, sans-serif; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.contact-field textarea { resize: vertical; min-height: 130px; }
.contact-field input::placeholder, .contact-field textarea::placeholder { color: #9a9a9d; }
.contact-field input:focus, .contact-field select:focus, .contact-field textarea:focus { outline: none; border-color: var(--brand); background: #fff; box-shadow: 0 0 0 3px rgba(213,0,55,.12); }
.contact-consent { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 10px; font: 400 13px/1.5 Inter, sans-serif; color: #5b5b5e; }
.contact-consent input { margin: 2px 0 0; width: 16px; height: 16px; accent-color: var(--brand); flex-shrink: 0; }
.contact-consent a { color: var(--brand); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.contact-submit { grid-column: 1 / -1; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 16px 28px; border: 0; border-radius: 10px; background: var(--brand); color: #fff; font: 600 16px/1 Inter, sans-serif; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.contact-submit svg { width: 21px; height: 9px; transition: translate .25s ease; }
.contact-submit:hover { transform: translateY(-2px); background: #bd0031; box-shadow: 0 14px 30px rgba(213,0,55,.28); }
.contact-submit:hover svg { translate: 4px 0; }
.contact-form-status { grid-column: 1 / -1; margin: 4px 0 0; font: 500 14px/1.5 Inter, sans-serif; color: #1c9c5b; }
.contact-page-notice { margin: 0 0 18px; padding: 12px 14px; border-radius: 9px; background: #eff9f2; color: #247a43; font: 500 13px/1.5 Inter,sans-serif; }
.contact-page-notice.is-error { background: #fff1f3; color: #b80030; }

/* Harita */
.scene-contact-map { height: 600px; display: flex; align-items: center; justify-content: center; background: #fff; }
.contact-map-wrap { width: 1440px; }
.contact-map-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.contact-map-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font: 700 13px/1 Inter, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--brand); }
.contact-map-eyebrow::before { content: ""; width: 36px; height: 2px; background: var(--brand); }
.contact-map-title { margin: 0; font: 900 40px/1.08 Satoshi, sans-serif; letter-spacing: -1px; color: #343436; }
.contact-map-link { display: inline-flex; align-items: center; gap: 12px; padding-bottom: 4px; font: 600 15px/1 Inter, sans-serif; color: #343436; white-space: nowrap; transition: color .25s ease; }
.contact-map-link svg { width: 21px; height: 9px; transition: translate .25s ease; }
.contact-map-link:hover { color: var(--brand); }
.contact-map-link:hover svg { translate: 4px 0; }
.contact-map-frame { position: relative; height: 420px; border: 1px solid #ececec; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 70px rgba(52,52,54,.16); }
.contact-map-frame iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(.12) contrast(1.04); }
.contact-map-card { position: absolute; left: 28px; bottom: 28px; display: flex; align-items: flex-start; gap: 16px; max-width: 420px; padding: 22px 24px; border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 20px 50px rgba(52,52,54,.2); backdrop-filter: blur(10px); }
.contact-map-card .ci-icon { flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--brand); color: #fff; }
.contact-map-card .ci-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.contact-map-card strong { display: block; margin-bottom: 4px; font: 700 15px/1.4 Inter, sans-serif; color: #343436; }
.contact-map-card span { font: 400 14px/1.6 Inter, sans-serif; color: #5b5b5e; }


/* =====================================================
   HAKKIMIZDA SAYFASI
==================================================== */

.page-about .page-shell { height: calc(3062px * var(--page-scale)); }
.page-about .design { height: 3062px; }

.about-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font: 700 14px/1 Inter, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--brand); }
.about-eyebrow::before { content: ""; width: 46px; height: 2px; background: var(--brand); }

/* Hero */
.scene-about-hero { height: 555px; overflow: hidden; background: linear-gradient(160deg, #ffffff 0%, #fafafa 45%, #f1f1f1 100%); }
.scene-about-hero::before { content: ""; position: absolute; right: -140px; top: -160px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.18), rgba(213,0,55,0) 66%); pointer-events: none; }
.scene-about-hero::after { content: ""; position: absolute; right: 152px; top: 118px; width: 320px; height: 320px; border-radius: 50%; border: 1px dashed rgba(213,0,55,.3); pointer-events: none; }
.about-hero-copy { position: absolute; left: 240px; top: 210px; width: 980px; }
.about-title { margin: 0; font: 900 68px/1.04 Satoshi, sans-serif; letter-spacing: -2px; color: #343436; }
.about-title span { color: var(--brand); }
.about-lead { margin: 28px 0 0; max-width: 700px; font: 400 20px/1.6 Inter, sans-serif; color: #4a4a4d; }

/* Rakamlar */
.scene-about-stats { height: 240px; display: flex; align-items: center; justify-content: center; background: #fff; }
.about-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; width: 1440px; }
.about-stat { padding: 30px 28px; border: 1px solid #ededed; border-radius: 18px; background: linear-gradient(180deg, #fff, #fafafa); box-shadow: 0 14px 36px rgba(52,52,54,.06); transition: transform .3s ease, border-color .3s ease; }
.about-stat:hover { transform: translateY(-4px); border-color: rgba(213,0,55,.28); }
.about-stat b { display: block; font: 900 46px/1 Satoshi, sans-serif; color: var(--brand); letter-spacing: -1px; }
.about-stat span { display: block; margin-top: 12px; font: 400 15px/1.5 Inter, sans-serif; color: #5b5b5e; }

/* Hikaye */
.scene-about-story { height: 628px; display: flex; align-items: center; justify-content: center; background: #fafafa; }
.about-story { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; width: 1440px; align-items: center; }
.about-story-title { margin: 0; font: 900 44px/1.12 Satoshi, sans-serif; letter-spacing: -1.2px; color: #343436; }
.about-story-copy p { margin: 20px 0 0; font: 400 17px/1.75 Inter, sans-serif; color: #4a4a4d; max-width: 620px; }
.about-story-media { position: relative; }
.about-story-media img { display: block; width: 100%; height: 460px; object-fit: cover; border-radius: 24px; box-shadow: 0 30px 70px rgba(52,52,54,.18); }
.about-story-badge { position: absolute; left: -28px; bottom: -28px; padding: 24px 28px; border-radius: 20px; background: var(--brand); color: #fff; box-shadow: 0 22px 50px rgba(213,0,55,.35); }
.about-story-badge b { display: block; font: 900 40px/1 Satoshi, sans-serif; }
.about-story-badge span { display: block; margin-top: 6px; font: 500 13px/1 Inter, sans-serif; opacity: .92; }

/* Değerler */
.scene-about-values { height: 552px; display: flex; align-items: center; justify-content: center; background: #fff; }
.about-values-wrap { width: 1440px; }
.about-section-head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.about-section-title { margin: 0; font: 900 48px/1.1 Satoshi, sans-serif; letter-spacing: -1.4px; color: #343436; }
.about-section-sub { margin: 18px 0 0; font: 400 18px/1.6 Inter, sans-serif; color: #5b5b5e; }
.about-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.about-value { padding: 36px 30px; border: 1px solid #ededed; border-radius: 20px; background: #fff; box-shadow: 0 14px 36px rgba(52,52,54,.06); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.about-value:hover { transform: translateY(-6px); border-color: rgba(213,0,55,.28); box-shadow: 0 22px 46px rgba(52,52,54,.1); }
.about-value .vi { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 22px; border-radius: 15px; background: rgba(213,0,55,.08); color: var(--brand); }
.about-value .vi svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.about-value h3 { margin: 0 0 12px; font: 800 20px/1.3 Satoshi, sans-serif; color: #343436; }
.about-value p { margin: 0; font: 400 15px/1.7 Inter, sans-serif; color: #5b5b5e; }

/* CTA */
.scene-about-cta { height: 340px; display: flex; align-items: center; justify-content: center; background: #fff; }
.about-cta { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 40px; width: 1440px; padding: 60px 72px; border-radius: 28px; background: linear-gradient(120deg, #c20033, #e5003b); color: #fff; box-shadow: 0 30px 70px rgba(213,0,55,.28); }
.about-cta::after { content: ""; position: absolute; right: -90px; top: -90px; width: 340px; height: 340px; border-radius: 50%; background: rgba(255,255,255,.12); pointer-events: none; }
.about-cta h2 { position: relative; margin: 0; max-width: 720px; font: 900 42px/1.14 Satoshi, sans-serif; letter-spacing: -1px; }
.about-cta p { position: relative; margin: 16px 0 0; max-width: 560px; font: 400 16px/1.6 Inter, sans-serif; opacity: .92; }
.about-cta-btn { position: relative; z-index: 1; flex-shrink: 0; display: inline-flex; align-items: center; gap: 14px; padding: 18px 30px; border-radius: 12px; background: #fff; color: var(--brand); font: 700 16px/1 Inter, sans-serif; white-space: nowrap; transition: transform .25s ease, box-shadow .25s ease; }
.about-cta-btn svg { width: 21px; height: 9px; transition: translate .25s ease; }
.about-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0,0,0,.22); }
.about-cta-btn:hover svg { translate: 4px 0; }


/* =========================================================
   DEGERLERIMIZ SAYFASI
======================================================== */
.page-values .page-shell { height: calc(2956px * var(--page-scale)); }
.page-values .design { height: 2956px; }

.scene-values-grid { height: auto; min-height: 709px; display: flex; align-items: center; justify-content: center; background: #fafafa; }
.values-wrap { width: 1440px; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.values-card { position: relative; overflow: hidden; padding: 34px 32px 30px; border: 1px solid #ececee; border-radius: 20px; background: #fff; box-shadow: 0 14px 36px rgba(52,52,54,.06); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.values-card::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--brand), rgba(213,0,55,0)); opacity: 0; transition: opacity .3s ease; }
.values-card:hover { transform: translateY(-6px); border-color: #e3e3e7; box-shadow: 0 24px 48px -18px rgba(52,52,54,.16); }
.values-card:hover::after { opacity: 1; }
.vc-num { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px; border-radius: 12px; background: rgba(213,0,55,.08); color: var(--brand); font: 800 15px/1 Satoshi, Inter, sans-serif; letter-spacing: .02em; }
.values-card h3 { margin: 22px 0 10px; font: 800 21px/1.25 Satoshi, sans-serif; color: #343436; }
.values-card p { margin: 0; font: 400 14px/1.65 Inter, sans-serif; color: #4a4a4d; }

.scene-values-manifesto { height: auto; min-height: 293px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(135deg, #e00040 0%, #8f0028 100%); color: #fff; }
.scene-values-manifesto::before { content: ""; position: absolute; left: -110px; bottom: -190px; width: 430px; height: 430px; border-radius: 50%; border: 1px dashed rgba(255,255,255,.28); pointer-events: none; }
.scene-values-manifesto::after { content: ""; position: absolute; right: -90px; top: -140px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 66%); pointer-events: none; }
.values-manifesto { position: relative; text-align: center; max-width: 1100px; }
.values-manifesto h2 { margin: 0 0 20px; font: 900 42px/1.15 Satoshi, sans-serif; letter-spacing: -1.4px; }
.values-manifesto p { margin: 0 auto; max-width: 660px; font: 400 16px/1.7 Inter, sans-serif; color: rgba(255,255,255,.86); }

.scene-values-work { height: auto; min-height: 452px; display: flex; align-items: center; justify-content: center; background: #fff; }
.values-work { width: 1440px; }
.values-work-grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.values-work-grid::before { content: ""; position: absolute; left: 8%; right: 8%; top: 27px; border-top: 2px dashed #e5e5e8; }
.values-work-card { position: relative; padding: 52px 32px 30px; text-align: center; border: 1px solid #ededed; border-radius: 20px; background: #fff; box-shadow: 0 14px 36px rgba(52,52,54,.06); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.values-work-card:hover { transform: translateY(-6px); border-color: rgba(213,0,55,.28); box-shadow: 0 24px 48px -18px rgba(52,52,54,.16); }
.vw-step { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 999px; background: rgba(213,0,55,.08); color: var(--brand); font: 800 13px/1 Satoshi, Inter, sans-serif; letter-spacing: .04em; white-space: nowrap; }
.values-work-card h3 { margin: 14px 0 10px; font: 800 21px/1.25 Satoshi, sans-serif; color: #343436; }
.values-work-card p { margin: 0; font: 400 14.5px/1.65 Inter, sans-serif; color: #4a4a4d; }

.scene-values-marquee { position: relative; height: 200px; display: flex; align-items: center; overflow: hidden; background: #161618; }
.scene-values-marquee::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, #161618 0%, rgba(22,22,24,0) 14%, rgba(22,22,24,0) 86%, #161618 100%); pointer-events: none; }
.values-marquee { display: flex; flex-direction: column; gap: 24px; }
.values-marquee-row { display: flex; width: max-content; will-change: transform; }
.values-marquee-row ul { display: flex; list-style: none; margin: 0; padding: 0; }
.mq-item { display: flex; align-items: center; gap: 16px; padding-right: 40px; white-space: nowrap; }
.mq-item span {
    font: 400 46px / 1.1 Satoshi, sans-serif;
    letter-spacing: -1px;
    color: #6d6d7185;
}
.mq-item i { font-style: normal; color: var(--brand); font: 700 30px/1 Satoshi, Inter, sans-serif; }
.row-a { animation: mq-a 48s linear infinite; }
.row-b { animation: mq-b 60s linear infinite; }
@keyframes mq-a { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mq-b { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  .values-marquee-row { animation: none !important; transform: none !important; }
}


/* =========================================================
   YONETIM EKIBI SAYFASI
======================================================== */
.page-team .page-shell { height: calc(2142px * var(--page-scale)); }
.page-team .design { height: 2142px; }

.scene-team-grid { height: auto; min-height: 840px; display: flex; align-items: center; justify-content: center; padding: 0 0 96px; background: #fafafa; }
.team-wrap { width: 1440px; }
.team-featured { margin-top: 40px; }
.team-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 24px; }
.team-card { position: relative; display: flex; align-items: flex-start; gap: 28px; padding: 34px 32px; border: 1px solid #ededed; border-radius: 20px; background: #fff; box-shadow: 0 14px 36px rgba(52,52,54,.06); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.team-card:hover { transform: translateY(-6px); border-color: rgba(213,0,55,.28); box-shadow: 0 24px 48px -18px rgba(52,52,54,.16); }
.team-card-featured { align-items: center; gap: 40px; padding: 42px 48px; }
.team-card-featured .team-avatar { width: 128px; height: 128px; font-size: 40px; }
.team-card-featured .team-meta h3 { font-size: 27px; }
.team-card-featured .team-role { font-size: 13px; }
.team-avatar { flex: 0 0 auto; display: grid; place-items: center; width: 104px; height: 104px; border-radius: 50%; background: linear-gradient(150deg, #e00040, #9d0028); color: #fff; font: 800 34px/1 Satoshi, Inter, sans-serif; letter-spacing: .02em; box-shadow: 0 14px 30px rgba(213,0,55,.28); }
.team-avatar-img { display: block; object-fit: cover; }
.team-meta { flex: 1; min-width: 0; }
.team-role { margin: 0 0 8px; font: 700 12px/1.2 Inter, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.team-meta h3 { margin: 0 0 10px; font: 800 22px/1.2 Satoshi, sans-serif; color: #343436; }
.team-bio { margin: 0; font: 400 14px/1.65 Inter, sans-serif; color: #4a4a4d; }

/* =========================================================
   PARTNERLİKLER SAYFASI
======================================================== */
.page-partner .page-shell { height: calc(3303px * var(--page-scale)); }
.page-partner .design { height: 3303px; }

.partner-section-head { text-align: center; }
.p-eyebrow { margin: 0 0 12px; font: 700 12px/1.3 Inter, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--brand); }
.partner-section-head .about-section-title { margin-bottom: 12px; }
.partner-section-head .about-section-sub { max-width: 560px; margin: 0 auto; }

.scene-partner-stats { height: auto; min-height: 210px; display: flex; align-items: center; justify-content: center; background: #fff; }
.partner-stats { width: 1440px; display: grid; grid-template-columns: repeat(4, 1fr); }
.partner-stat { text-align: center; }
.partner-stat strong { display: block; font: 800 46px/1 Satoshi, Inter, sans-serif; color: #343436; }
.partner-stat strong em { font-style: normal; color: var(--brand); }
.partner-stat span { display: block; margin-top: 10px; font: 500 14px/1.4 Inter, sans-serif; color: #6a6a6d; }
.partner-stat + .partner-stat { border-left: 1px solid #ededed; }

.scene-partner-list { height: auto; min-height: 972px; display: flex; align-items: center; justify-content: center; background: #fafafa; }
.partner-list { width: 1440px; }
.partner-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 44px; }
.partner-card { position: relative; display: flex; flex-direction: column; padding: 34px 34px 28px; background: #fff; border: 1px solid #ededed; border-radius: 20px; box-shadow: 0 14px 36px rgba(52,52,54,.06); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.partner-card:hover { transform: translateY(-6px); border-color: rgba(213,0,55,.28); box-shadow: 0 22px 44px -18px rgba(52,52,54,.16); }
.pc-lockup { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.pc-monogram { flex: 0 0 auto; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; color: #fff; font: 800 24px/1 Satoshi, Inter, sans-serif; }
.pc-head { min-width: 0; }
.pc-title { margin: 0 0 5px; font: 800 21px/1.2 Satoshi, sans-serif; color: #343436; }
.pc-type { display: inline-block; font: 700 10.5px/1.4 Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--brand); }
.pc-desc { margin: 0 0 18px; font: 400 14px/1.65 Inter, sans-serif; color: #4a4a4d; }
.pc-list { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 11px; }
.pc-list li { position: relative; padding-left: 24px; font: 500 13.5px/1.5 Inter, sans-serif; color: #343436; }
.pc-list li::before { content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: rgba(213,0,55,.12); }
.pc-list li::after { content: ""; position: absolute; left: 4px; top: 7px; width: 7px; height: 4px; border-left: 1.8px solid var(--brand); border-bottom: 1.8px solid var(--brand); transform: rotate(-45deg); }
.pc-tag { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; background: #f6f6f6; border: 1px solid #ededed; font: 600 12px/1 Inter, sans-serif; color: #6a6a6d; }
.pc-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--brand); flex: 0 0 auto; }

.scene-partner-benefits { height: auto; min-height: 524px; display: flex; align-items: center; justify-content: center; background: #fff; }
.partner-benefits { width: 1440px; display: grid; grid-template-columns: 620px 1fr; gap: 56px; align-items: center; }
.pb-text { margin: 18px 0 0; font: 400 15.5px/1.7 Inter, sans-serif; color: #4a4a4d; }
.pb-checklist { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 14px; }
.pb-checklist li { position: relative; padding-left: 30px; font: 500 15px/1.55 Inter, sans-serif; color: #343436; }
.pb-checklist li::before { content: ""; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; border-radius: 50%; background: var(--brand); }
.pb-checklist li::after { content: ""; position: absolute; left: 5px; top: 6px; width: 9px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.pb-card { background: linear-gradient(150deg, #1d1d20, #161618); color: #fff; border-radius: 22px; padding: 44px 40px; }
.pb-card h3 { margin: 0 0 16px; font: 800 25px/1.3 Satoshi, sans-serif; }
.pb-card ul { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 13px; }
.pb-card li { position: relative; padding-left: 26px; font: 500 14.5px/1.55 Inter, sans-serif; color: rgba(255,255,255,.9); }
.pb-card li::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--brand); }
.pb-card li::after { content: ""; position: absolute; left: 5px; top: 8px; width: 7px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.pb-btn { display: inline-flex; align-items: center; gap: 9px; padding: 14px 28px; border-radius: 999px; background: var(--brand); color: #fff; font: 700 14px/1 Satoshi, Inter, sans-serif; text-decoration: none; transition: background .2s, transform .2s; }
.pb-btn svg { width: 19px; height: 9px; }
.pb-btn:hover { background: #ad002c; transform: translateY(-2px); }

.scene-partner-cta { height: auto; min-height: 295px; display: flex; align-items: center; justify-content: center; background: #161618; color: #fff; }
.partner-cta { width: 1440px; text-align: center; }
.partner-cta h2 { margin: 0 0 14px; font: 800 clamp(30px, 3.4vw, 44px)/1.15 Satoshi, sans-serif; }
.partner-cta p { margin: 0 auto 30px; max-width: 560px; font: 400 16px/1.7 Inter, sans-serif; color: rgba(255,255,255,.78); }

/* =========================================================
   SPONSORLUKLAR SAYFASI
======================================================== */
.page-sponsor .page-shell, .page-sponsor .design { height: auto; }

.scene-sponsor-areas { height: auto; min-height: 520px; display: flex; align-items: center; justify-content: center; background: #fafafa; }
.sponsor-areas { width: 1440px; }
.sponsor-areas-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 44px; }
.sa-card { padding: 34px 26px; background: #fff; border: 1px solid #ededed; border-radius: 18px; text-align: center; box-shadow: 0 14px 34px rgba(52,52,54,.05); transition: transform .3s ease, border-color .3s ease; }
.sa-card:hover { transform: translateY(-6px); border-color: rgba(213,0,55,.28); }
.sa-icon { display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 14px; background: rgba(213,0,55,.08); color: var(--brand); font: 800 20px/1 Satoshi, sans-serif; }
.sa-card h3 { margin: 0 0 10px; font: 700 17px/1.25 Satoshi, sans-serif; color: #343436; }
.sa-card p { margin: 0; font: 400 13.5px/1.6 Inter, sans-serif; color: #6a6a6d; }

.scene-sponsor-init { height: auto; min-height: 506px; display: flex; align-items: center; justify-content: center; background: #fff; }
.sponsor-init { width: 1440px; display: grid; grid-template-columns: 620px 1fr; gap: 56px; align-items: center; }
.si-items { display: grid; gap: 18px; margin-top: 28px; }
.si-item { display: flex; gap: 16px; align-items: flex-start; }
.si-badge { flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: rgba(213,0,55,.08); color: var(--brand); font: 800 15px/1 Satoshi, sans-serif; }
.si-item h3 { margin: 0 0 4px; font: 700 16px/1.3 Satoshi, sans-serif; color: #343436; }
.si-item p { margin: 0; font: 400 13.5px/1.6 Inter, sans-serif; color: #6a6a6d; }

.scene-sponsor-process { height: auto; min-height: 420px; display: flex; align-items: center; justify-content: center; background: #fafafa; }
.sponsor-process { width: 1440px; }
.sponsor-process-steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 44px; }
.sponsor-process-steps::before { content: ""; position: absolute; top: 32px; left: 12.5%; right: 12.5%; border-top: 1px dashed #d6d6da; }
.spp-step { position: relative; text-align: center; }
.spp-num { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; position: relative; z-index: 1; border-radius: 50%; color: var(--brand); background: #fff; border: 2px solid var(--brand); font: 800 22px/1 Satoshi, sans-serif; box-shadow: 0 14px 30px rgba(213,0,55,.12); }
.spp-step h3 { margin: 0 0 8px; font: 700 17px/1.3 Satoshi, sans-serif; color: #343436; }
.spp-step p { margin: 0 auto; max-width: 240px; font: 400 13.5px/1.6 Inter, sans-serif; color: #6a6a6d; }

/* =========================================================
   ÖDÜLLER VE TAKDİRLER SAYFASI
======================================================== */
.page-awards .page-shell, .page-awards .design { height: auto; }

.scene-aw-awards { height: auto; min-height: 1120px; display: flex; align-items: center; justify-content: center; background: #fff; }
.aw-awards { width: 1440px; }
.aw-body { margin-top: 42px; }
.aw-lead { margin: 0 auto; max-width: 880px; text-align: center; font: 400 18px/1.75 Inter, sans-serif; color: #4a4a4d; }
.aw-list { list-style: none; margin: 46px 0 0; padding: 0; border-top: 1px solid #e9e9ec; }
.aw-row { display: grid; grid-template-columns: 128px 1fr auto; align-items: center; gap: 34px; padding: 15px 8px; border-bottom: 1px solid #e9e9ec; transition: padding .25s ease, background .25s ease; }
.aw-row:hover { background: #fafafa; padding-left: 20px; padding-right: 20px; }
.aw-row-year { font: 900 34px/1 Satoshi, Inter, sans-serif; letter-spacing: -1px; color: #d2d2d7; transition: color .25s ease; }
.aw-row:hover .aw-row-year { color: var(--brand); }
.aw-row-main { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.aw-row-main strong { font: 800 21px/1.2 Satoshi, sans-serif; color: #343436; }
.aw-row-main em { font-style: normal; font: 400 14px/1.5 Inter, sans-serif; color: #6a6a6d; }
.aw-row-cat { justify-self: end; padding: 8px 16px; border-radius: 999px; background: rgba(213,0,55,.07); color: var(--brand); font: 600 12px/1 Inter, sans-serif; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }

.scene-aw-notes { height: auto; min-height: 540px; display: flex; align-items: center; justify-content: center; background: #fafafa; }
.aw-notes { width: 1180px; text-align: center; }
.aw-notes .p-eyebrow { text-align: center; }
.aw-quote { position: relative; margin: 18px auto 0; max-width: 1000px; }
.aw-quote-mark { display: block; font: 900 120px/0.55 Satoshi, Georgia, serif; color: var(--brand); opacity: .2; }
.aw-quote blockquote { margin: 4px 0 0; font: 700 29px/1.45 Satoshi, sans-serif; letter-spacing: -.5px; color: #343436; }
.aw-quote-meta { margin-top: 20px; display: flex; flex-direction: column; gap: 3px; }
.aw-quote-meta strong { font: 800 15px/1.3 Satoshi, sans-serif; color: var(--brand); }
.aw-quote-meta span { font: 400 13.5px/1.5 Inter, sans-serif; color: #6a6a6d; }
.aw-quote-foot { margin: 36px auto 0; padding-top: 30px; max-width: 1000px; border-top: 1px solid #e3e3e7; display: grid; grid-template-columns: 1fr 1fr; gap: 44px; text-align: left; }
.aw-quote-foot p { margin: 0; font: 400 15px/1.7 Inter, sans-serif; color: #4a4a4d; }
.aw-quote-foot strong { display: block; margin-top: 10px; font: 700 12.5px/1.4 Inter, sans-serif; letter-spacing: .02em; text-transform: uppercase; color: var(--brand); }

/* =========================================================
   404 - SAYFA BULUNAMADI
========================================================= */
.page-404 .page-shell { height: calc(1447px * var(--page-scale)); }
.page-404 .design { height: 1447px; }

.scene-notfound { position: relative; height: 700px; overflow: hidden; background: linear-gradient(160deg, #ffffff 0%, #fafafa 45%, #f1f1f1 100%); }
.scene-notfound::before { content: ""; position: absolute; right: -140px; top: -160px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.18), rgba(213,0,55,0) 66%); pointer-events: none; }
.scene-notfound::after { content: ""; position: absolute; right: 152px; top: 118px; width: 320px; height: 320px; border-radius: 50%; border: 1px dashed rgba(213,0,55,.3); pointer-events: none; }
.notfound-copy { position: absolute; left: 240px; top: 120px; width: 980px; }
.notfound-code { margin: 0; font: 900 140px/1 Satoshi, sans-serif; letter-spacing: -6px; color: rgba(213,0,55,.12); }
.notfound-title { margin: 6px 0 0; font: 900 68px/1.04 Satoshi, sans-serif; letter-spacing: -2px; color: #343436; }
.notfound-title span { color: var(--brand); }
.notfound-lead { margin: 26px 0 0; max-width: 640px; font: 400 20px/1.6 Inter, sans-serif; color: #4a4a4d; }
.notfound-actions { display: flex; gap: 16px; margin-top: 40px; }
.notfound-btn { display: inline-flex; align-items: center; gap: 12px; padding: 17px 30px; border-radius: 12px; background: var(--brand); color: #fff; font: 700 16px/1 Inter, sans-serif; text-decoration: none; box-shadow: 0 16px 34px rgba(213,0,55,.28); transition: transform .25s ease, box-shadow .25s ease; }
.notfound-btn:hover { transform: translateY(-2px); box-shadow: 0 22px 44px rgba(213,0,55,.34); }
.notfound-btn-ghost { background: #fff; color: #343436; box-shadow: inset 0 0 0 1.5px #e2e2e4; }
.notfound-btn-ghost:hover { box-shadow: inset 0 0 0 1.5px var(--brand), 0 18px 34px rgba(0,0,0,.08); color: var(--brand); }


/* =========================================================
   SÜRDÜRÜLEBİLİRLİK SAYFASI
======================================================== */
.page-sus .page-shell, .page-sus .design { height: auto; }

/* Dönüşümlü resim / yazı satırları */
.scene-sus-row { height: auto; min-height: 590px; display: flex; align-items: center; justify-content: center; background: #fff; }
.scene-sus-row.is-alt { background: #fafafa; }
.sus-row { display: grid; grid-template-columns: .82fr 1.18fr; gap: 76px; width: 1440px; align-items: center; }
.sus-row.is-reverse { grid-template-columns: 1.18fr .82fr; }

.sus-copy { max-width: 640px; }
.sus-index { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 20px; font: 800 13px/1 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.sus-index::before { content: ""; width: 34px; height: 2px; background: var(--brand); }
.sus-title { margin: 0; font: 900 42px/1.1 Satoshi, sans-serif; letter-spacing: -1.3px; color: #343436; }
.sus-text { margin: 20px 0 0; font: 400 17px/1.75 Inter, sans-serif; color: #4a4a4d; }
.sus-text + .sus-text { margin-top: 14px; }
.sus-points { list-style: none; margin: 26px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 12px; }
.sus-points li { display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; border-radius: 999px; background: #fff; border: 1px solid #ececee; font: 600 13px/1 Inter, sans-serif; color: #3a3a3d; box-shadow: 0 8px 20px rgba(52,52,54,.05); }
.sus-points li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--brand); }

/* Görsel paneller */
.sus-media { position: relative; height: 468px; border-radius: 26px; overflow: hidden; box-shadow: 0 34px 72px -22px rgba(52,52,54,.28); }
.sus-media > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sus-media.is-brand { background: radial-gradient(140% 130% at 100% 0%, #ff3d6e 0%, #d50037 48%, #7c0022 100%); }
.sus-media.is-light { background: linear-gradient(160deg, #ffffff 0%, #f4f4f6 58%, #eaebee 100%); }
.sus-media::before { content: ""; position: absolute; left: -70px; bottom: -70px; width: 300px; height: 300px; border-radius: 50%; border: 1px solid rgba(255,255,255,.28); pointer-events: none; }
.sus-media.is-light::before { border-color: rgba(213,0,55,.2); }
.sus-media::after { content: ""; position: absolute; right: -60px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 68%); pointer-events: none; }
.sus-media.is-light::after { background: radial-gradient(circle, rgba(213,0,55,.12), rgba(213,0,55,0) 68%); }

.sus-media-icon { position: absolute; left: 40px; top: 40px; width: 76px; height: 76px; display: grid; place-items: center; border-radius: 20px; background: rgba(255,255,255,.16); color: #fff; }
.sus-media.is-light .sus-media-icon { background: rgba(213,0,55,.08); color: var(--brand); }
.sus-media-icon svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.sus-media-num { position: absolute; right: 34px; top: 24px; margin: 0; font: 900 92px/1 Satoshi, Inter, sans-serif; letter-spacing: -3px; color: rgba(255,255,255,.16); }
.sus-media.is-light .sus-media-num { color: rgba(213,0,55,.1); }

.sus-media-badge { position: absolute; left: 40px; bottom: 36px; display: flex; flex-direction: column; gap: 4px; padding: 18px 24px; border-radius: 18px; background: #fff; box-shadow: 0 20px 44px -16px rgba(0,0,0,.35); }
.sus-media-badge b { font: 900 30px/1 Satoshi, Inter, sans-serif; color: var(--brand); letter-spacing: -.5px; }
.sus-media-badge span { font: 600 12px/1.2 Inter, sans-serif; color: #5b5b5e; }

/* Fotoğraflı görsel */
.sus-media.is-photo::before { display: none; }
.sus-media.is-photo::after { left: 0; top: 0; right: 0; width: 100%; height: 100%; border-radius: 0; background: linear-gradient(180deg, rgba(17,9,12,.04) 42%, rgba(17,9,12,.62) 100%); }
.sus-media.is-photo .sus-media-badge { background: var(--brand); }
.sus-media.is-photo .sus-media-badge b { color: #fff; }
.sus-media.is-photo .sus-media-badge span { color: rgba(255,255,255,.88); }


/* =========================================================
   YATIRIMCI İLİŞKİLERİ SAYFASI
======================================================== */
.page-ir .page-shell, .page-ir .design { height: auto; }

.scene-ir { height: auto; min-height: 652px; display: flex; align-items: center; justify-content: center; background: #fff; }
.ir-wrap { width: 1440px; }

.ir-media { float: left; width: 600px; height: 400px; margin: 10px 64px 40px 0; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 64px -24px rgba(52,52,54,.3); }
.ir-media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ir-eyebrow { display: inline-block; position: relative; margin: 0 0 18px; padding-left: 46px; font: 800 13px/1.4 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.ir-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: var(--brand); }
.ir-title { margin: 0 0 20px; font: 900 40px/1.12 Satoshi, sans-serif; letter-spacing: -1.2px; color: #343436; }
.ir-copy p { margin: 0 0 18px; font: 400 17px/1.85 Inter, sans-serif; color: #4a4a4d; }
.ir-copy p:last-child { margin-bottom: 0; }
.ir-mail { color: var(--brand); font-weight: 700; text-decoration: none; }
.ir-mail:hover { text-decoration: underline; }


/* =========================================================
   POLİTİKALAR SAYFASI
======================================================== */
.page-policy .page-shell { height: calc((2182px + var(--policy-extra, 0px)) * var(--page-scale)); }
.page-policy .design { height: calc(2182px + var(--policy-extra, 0px)); }

.scene-policy-grid { height: calc(880px + var(--policy-extra, 0px)); display: flex; align-items: center; justify-content: center; background: #fff; }
.policy-wrap { width: 1440px; }

.policy-head { max-width: 820px; margin: 0 0 40px; }
.policy-eyebrow { display: inline-block; position: relative; margin: 0 0 16px; padding-left: 46px; font: 800 13px/1.4 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.policy-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: var(--brand); }
.policy-title { margin: 0; font: 900 38px/1.12 Satoshi, sans-serif; letter-spacing: -1.1px; color: #343436; }

.policy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }

.policy-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-height: 186px; padding: 26px 26px 22px; text-align: left; text-decoration: none; color: inherit; background: #fff; border: 1px solid #ececee; border-radius: 20px; cursor: pointer; box-shadow: 0 12px 30px rgba(52,52,54,.04); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.policy-card:hover, .policy-card:focus-visible { transform: translateY(-4px); border-color: rgba(213,0,55,.28); box-shadow: 0 26px 50px -20px rgba(213,0,55,.32); outline: none; }
.policy-card-num { position: absolute; right: 22px; top: 18px; font: 900 26px/1 Satoshi, Inter, sans-serif; color: rgba(213,0,55,.14); }
.policy-card-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: rgba(213,0,55,.08); color: var(--brand); }
.policy-card-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.policy-card-title { margin: 4px 0 0; font: 800 18px/1.25 Satoshi, sans-serif; color: #343436; }
.policy-card-text { margin: 0; font: 400 14px/1.55 Inter, sans-serif; color: #6a6a6d; }
.policy-card-more { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; padding-top: 12px; font: 800 13px/1 Inter, sans-serif; color: var(--brand); }
.policy-card-more svg { width: 20px; height: 9px; transition: transform .25s ease; }
.policy-card:hover .policy-card-more svg { transform: translateX(4px); }
.policy-empty { grid-column: 1 / -1; padding: 54px 32px; border: 1px dashed #e6e6e9; border-radius: 22px; background: #fafafb; text-align: center; }
.policy-empty p { margin: 0 0 8px; font: 900 22px/1.2 Satoshi, sans-serif; color: #343436; }
.policy-empty span { font: 400 15px/1.6 Inter, sans-serif; color: #6a6a6d; }

/* Politika detay modalı */
.policy-modal { position: fixed; inset: 0; z-index: 130; display: flex; align-items: center; justify-content: center; padding: 40px; opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.policy-modal.is-open { opacity: 1; visibility: visible; }
.policy-modal-backdrop { position: absolute; inset: 0; background: rgba(24,12,18,.52); backdrop-filter: blur(3px); }
.policy-modal-panel { position: relative; width: 100%; max-width: 820px; max-height: 84vh; display: flex; flex-direction: column; background: #fff; border-radius: 24px; box-shadow: 0 40px 90px -30px rgba(20,10,15,.5); transform: translateY(18px) scale(.985); transition: transform .32s cubic-bezier(.2,.7,.2,1); overflow: hidden; }
.policy-modal.is-open .policy-modal-panel { transform: none; }

.policy-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 30px 34px 22px; border-bottom: 1px solid #eeeef1; }
.policy-modal-eyebrow { margin: 0 0 8px; font: 800 12px/1 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.policy-modal-title { margin: 0; font: 900 28px/1.15 Satoshi, sans-serif; letter-spacing: -.6px; color: #343436; }
.policy-modal-close { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #e6e6e9; border-radius: 12px; background: #fff; color: #343436; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.policy-modal-close:hover { background: var(--brand); border-color: var(--brand); color: #fff; }
.policy-modal-close svg { width: 20px; height: 20px; }

.policy-modal-body { padding: 26px 34px 34px; overflow-y: auto; }
.policy-modal-body h3 { margin: 24px 0 8px; font: 800 17px/1.3 Satoshi, sans-serif; color: #343436; }
.policy-modal-body h3:first-of-type { margin-top: 0; }
.policy-modal-body p { margin: 0 0 12px; font: 400 15.5px/1.75 Inter, sans-serif; color: #4a4a4d; }
.policy-modal-body .policy-modal-updated { display: inline-block; margin: 0 0 20px; padding: 8px 14px; border-radius: 999px; background: #f6f6f8; font: 600 12.5px/1 Inter, sans-serif; color: #6a6a6d; }

/* Politika detay sayfası */
.page-policy-detail .page-shell { height: calc((2702px + var(--policy-detail-extra, 0px)) * var(--page-scale)); }
.page-policy-detail .design { height: calc(2702px + var(--policy-detail-extra, 0px)); }
.scene-policy-detail { height: calc(1400px + var(--policy-detail-extra, 0px)); display: flex; align-items: flex-start; justify-content: center; padding-top: 74px; background: #fff; }
.policy-detail-wrap { width: 1440px; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 64px; align-items: start; }
.policy-detail-main { min-width: 0; }
.policy-detail-heading { display: flex; align-items: center; gap: 18px; margin-top: 30px; padding: 26px 28px; border: 1px solid #ececee; border-radius: 20px; background: #fafafb; }
.policy-detail-heading .policy-card-icon { flex: 0 0 54px; width: 54px; height: 54px; }
.policy-detail-heading p { margin: 0 0 7px; font: 800 11.5px/1 Satoshi, Inter, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.policy-detail-heading h2 { margin: 0; font: 900 28px/1.2 Satoshi, sans-serif; letter-spacing: -.6px; color: #343436; }
.policy-detail-body { margin-top: 36px; }
.policy-detail-body table { width: 100%; margin: 8px 0 28px; border-collapse: collapse; font: 400 15px/1.6 Inter, sans-serif; color: #4a4a4d; }
.policy-detail-body th,
.policy-detail-body td { padding: 13px 15px; border: 1px solid #e6e6e9; text-align: left; vertical-align: top; }
.policy-detail-body th { background: #f7f7f9; font-weight: 800; color: #343436; }
.policy-detail-contact { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 38px; padding: 24px 28px; border-radius: 18px; background: #fafafb; border: 1px solid #ececee; }
.policy-detail-contact p { margin: 0; font: 800 15px/1.35 Satoshi, Inter, sans-serif; color: #343436; }
.policy-detail-contact a { font: 800 14px/1 Inter, sans-serif; color: var(--brand); text-decoration: none; }
.policy-detail-contact a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* =========================================================
   ÇÖZÜMLER SAYFASI
======================================================== */
.page-solutions .page-shell { height: calc(2059px * var(--page-scale)); }
.page-solutions .design { height: 2059px; }
.page-solutions-category .page-shell { height: calc(1702px * var(--page-scale)); }
.page-solutions-category .design { height: 1702px; }
.page-solutions-category .scene-sol-subs { height: 400px; }
.page-solutions-category.page-solutions-many .page-shell { height: calc(1942px * var(--page-scale)); }
.page-solutions-category.page-solutions-many .design { height: 1942px; }
.page-solutions-category.page-solutions-many .scene-sol-subs { height: 640px; }

/* Anasayfa scene-cozumler yeniden kullanımı: tıklanabilir kategori kartları */
.scene-cozumler .service-card[data-cat] { cursor: pointer; }

.scene-sol-subs { height: 513px; display: flex; align-items: flex-start; justify-content: center; padding-top: 74px; background: #fff; }
.sol-subs-wrap { width: 1440px; }
.sol-panel { display: none; }
.sol-panel.is-active { display: block; animation: solFade .35s ease both; }
@keyframes solFade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.sol-panel-head { max-width: 820px; margin: 0 0 40px; }
.sol-eyebrow { display: inline-block; position: relative; margin: 0 0 16px; padding-left: 46px; font: 800 13px/1.4 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.sol-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: var(--brand); }
.sol-panel-title { margin: 0; font: 900 38px/1.12 Satoshi, sans-serif; letter-spacing: -1.1px; color: #343436; }
.sol-panel-desc { margin: 16px 0 0; font: 400 18px/1.6 Inter, sans-serif; color: #4a4a4d; }

.sol-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.sol-card { position: relative; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #ececee; border-radius: 18px; box-shadow: 0 12px 30px rgba(52,52,54,.04); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.sol-card:hover, .sol-card:focus-visible { transform: translateY(-4px); border-color: rgba(213,0,55,.28); box-shadow: 0 26px 50px -20px rgba(213,0,55,.32); outline: none; }
.sol-card-media { display: block; height: 150px; overflow: hidden; background: #f4f4f6; }
.sol-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.sol-card:hover .sol-card-media img { transform: scale(1.05); }
.sol-card-body { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 22px; }
.sol-card-title { font: 800 18px/1.3 Satoshi, sans-serif; color: #343436; }
.sol-card-more { display: inline-flex; align-items: center; gap: 9px; flex: none; font: 800 12.5px/1 Inter, sans-serif; color: var(--brand); }
.sol-card-more svg { width: 20px; height: 9px; transition: transform .25s ease; }
.sol-card:hover .sol-card-more svg { transform: translateX(4px); }

/* =========================================================
   ÇÖZÜM DETAY SAYFASI
======================================================== */
.page-solution-detail .page-shell { height: calc((2356px + var(--solution-detail-extra, 0px)) * var(--page-scale)); }
.page-solution-detail .design { height: calc(2356px + var(--solution-detail-extra, 0px)); }
.page-solution-detail .scene-about-hero { height: 469px; }

.scene-sol-detail { height: calc(1140px + var(--solution-detail-extra, 0px)); display: flex; align-items: center; justify-content: center; background: #fff; }
.sol-detail-wrap { width: 1440px; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 72px; align-items: start; }
.sol-detail-main { min-width: 0; }
.sol-detail-content { overflow-wrap: anywhere; }

.sol-detail-photo { float: left; width: 420px; height: 340px; margin: 6px 44px 24px 0; border-radius: 20px; object-fit: cover; box-shadow: 0 26px 54px -26px rgba(52,52,54,.32); }
.sol-detail-eyebrow { display: inline-block; position: relative; margin: 0 0 16px; padding-left: 46px; font: 800 13px/1.4 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.sol-detail-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: var(--brand); }
.sol-detail-title { margin: 0 0 18px; font: 900 40px/1.12 Satoshi, sans-serif; letter-spacing: -1.2px; color: #343436; }
.sol-detail-main p { margin: 0 0 16px; font: 400 17px/1.8 Inter, sans-serif; color: #4a4a4d; }
.sol-detail-main .sol-detail-lead { margin: 0 0 20px; font: 500 19px/1.7 Inter, sans-serif; color: #343436; }
.sol-detail-content h2, .sol-detail-content h3 { margin: 26px 0 14px; font: 800 25px/1.25 Satoshi, sans-serif; color: #343436; }
.sol-detail-content ul, .sol-detail-content ol { margin: 4px 0 20px; padding-left: 26px; }
.sol-detail-content li { margin: 0 0 9px; font: 400 16.5px/1.6 Inter, sans-serif; color: #4a4a4d; }
.sol-detail-content a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
.sol-detail-list { margin: 4px 0 20px; padding: 0; list-style: none; }
.sol-detail-list li { position: relative; margin: 0 0 10px; padding-left: 26px; font: 400 16.5px/1.6 Inter, sans-serif; color: #4a4a4d; }
.sol-detail-list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(--brand); }
.sol-detail-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 6px; padding: 15px 26px; border-radius: 999px; background: var(--brand); color: #fff; font: 800 14px/1 Inter, sans-serif; transition: transform .25s ease, box-shadow .25s ease; }
.sol-detail-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -14px rgba(213,0,55,.6); }
.sol-detail-cta svg { width: 20px; height: 9px; }

.sol-nav { padding: 26px 26px 22px; background: #fafafb; border: 1px solid #ececee; border-radius: 20px; }
.sol-nav-title { margin: 0 0 18px; font: 800 12px/1 Satoshi, Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #9a9a9d; }
.sol-nav-group { margin: 0 0 14px; }
.sol-nav-group:last-child { margin-bottom: 0; }
.sol-nav-cat { margin: 0 0 6px; font: 800 12.5px/1.4 Satoshi, sans-serif; color: #343436; }
.sol-nav ul { margin: 0; padding: 0; list-style: none; }
.sol-nav a { display: block; padding: 4px 0 4px 14px; border-left: 2px solid #e6e6e9; font: 500 13px/1.4 Inter, sans-serif; color: #6a6a6d; transition: color .2s ease, border-color .2s ease, padding-left .2s ease; }
.sol-nav a:hover { padding-left: 18px; color: var(--brand); border-color: rgba(213,0,55,.4); }
.sol-nav a.is-active { color: var(--brand); border-color: var(--brand); font-weight: 800; }

/* =========================================================
   VAKA ÇALIŞMALARI SAYFASI
========================================================= */
.page-cases .page-shell { height: calc((2049px + var(--cases-extra, 0px)) * var(--page-scale)); }
.page-cases .design { height: calc(2049px + var(--cases-extra, 0px)); }

.scene-cases { height: calc(747px + var(--cases-extra, 0px)); display: flex; align-items: flex-start; justify-content: center; padding-top: 74px; background: #fff; }
.cases-wrap { width: 1440px; }

.cases-head { margin: 0 0 38px; }
.cases-title { margin: 14px 0 0; font: 900 38px/1.12 Satoshi, sans-serif; letter-spacing: -1.1px; color: #343436; }

.cases-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.cases-empty { margin: 0; padding: 38px 42px; border: 1px dashed #e6e6e8; border-radius: 18px; background: #fafafb; font: 500 16px/1.6 Inter, sans-serif; color: #6a6a6d; }

.case-card { position: relative; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #ececee; border-radius: 22px; box-shadow: 0 16px 40px rgba(52,52,54,.05); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.case-card:hover, .case-card:focus-visible { transform: translateY(-6px); border-color: rgba(213,0,55,.28); box-shadow: 0 32px 60px -26px rgba(213,0,55,.34); outline: none; }
.case-card-media { position: relative; display: block; height: 260px; overflow: hidden; background: #f4f4f6; }
.case-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.case-card:hover .case-card-media img { transform: scale(1.05); }
.case-card-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(24,24,28,.32) 0%, rgba(24,24,28,0) 46%); pointer-events: none; }
.case-card-sector { position: absolute; left: 22px; top: 20px; z-index: 1; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.92); font: 800 11px/1 Satoshi, Inter, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.case-card-year { position: absolute; right: 22px; top: 20px; z-index: 1; padding: 8px 13px; border-radius: 999px; background: rgba(24,24,28,.5); color: #fff; font: 700 11.5px/1 Inter, sans-serif; }
.case-card-body { display: flex; flex-direction: column; gap: 13px; padding: 26px 28px 30px; }
.case-card-title { font: 900 24px/1.2 Satoshi, sans-serif; letter-spacing: -.6px; color: #343436; }
.case-card-excerpt { font: 400 15px/1.65 Inter, sans-serif; color: #4a4a4d; }
.case-card-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.case-card-tag { padding: 7px 13px; border-radius: 999px; background: #f6f6f8; font: 700 11.5px/1 Inter, sans-serif; color: #6a6a6d; }
.case-card-more { display: inline-flex; align-items: center; gap: 10px; margin-top: 6px; font: 800 13px/1 Inter, sans-serif; color: var(--brand); }
.case-card-more svg { width: 20px; height: 9px; transition: transform .25s ease; }
.case-card:hover .case-card-more svg { transform: translateX(5px); }

/* =========================================================
   VAKA DETAY SAYFASI
========================================================= */
.page-case-detail .page-shell { height: calc((2942px + var(--case-detail-extra, 0px)) * var(--page-scale)); }
.page-case-detail .design { height: calc(2942px + var(--case-detail-extra, 0px)); }

.scene-case-detail { height: calc(1640px + var(--case-detail-extra, 0px)); display: flex; align-items: flex-start; justify-content: center; padding-top: 74px; background: #fff; }
.case-detail-wrap { width: 1440px; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 64px; align-items: start; }

.case-detail-back { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 24px; font: 700 12.5px/1 Inter, sans-serif; color: #6a6a6d; transition: color .2s ease; }
.case-detail-back:hover { color: var(--brand); }
.case-detail-back svg { width: 18px; height: 9px; transform: rotate(180deg); }

.case-detail-cover { display: block; width: 100%; height: 400px; border-radius: 22px; object-fit: cover; box-shadow: 0 30px 60px -30px rgba(52,52,54,.34); }
.case-detail-eyebrow { display: inline-block; position: relative; margin: 34px 0 16px; padding-left: 46px; font: 800 13px/1.4 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.case-detail-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: var(--brand); }
.case-detail-title { margin: 0 0 18px; font: 900 40px/1.12 Satoshi, sans-serif; letter-spacing: -1.2px; color: #343436; }
.case-detail-lead { margin: 0 0 8px; font: 500 19px/1.7 Inter, sans-serif; color: #343436; }
.case-detail-main .case-detail-block { margin-top: 32px; }
.case-detail-block h3 { margin: 0 0 10px; font: 900 22px/1.2 Satoshi, sans-serif; letter-spacing: -.4px; color: #343436; }
.case-detail-block p { margin: 0; font: 400 17px/1.8 Inter, sans-serif; color: #4a4a4d; }

.case-detail-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 36px; }
.case-detail-stat { padding: 26px 24px; border-radius: 18px; background: linear-gradient(160deg, #fff 0%, #faf5f7 100%); border: 1px solid #f0e6ea; box-shadow: 0 16px 34px -24px rgba(213,0,55,.4); }
.case-detail-stat b { display: block; font: 900 38px/1 Satoshi, sans-serif; letter-spacing: -1px; color: var(--brand); }
.case-detail-stat span { display: block; margin-top: 9px; font: 500 13px/1.5 Inter, sans-serif; color: #6a6a6d; }

.case-detail-quote { position: relative; margin: 36px 0 0; padding: 32px 36px 32px 76px; border-radius: 20px; background: #fafafb; border: 1px solid #ececee; }
.case-detail-quote::before { content: "\201C"; position: absolute; left: 26px; top: 16px; font: 900 74px/1 Satoshi, Georgia, serif; color: rgba(213,0,55,.18); }
.case-detail-quote p { margin: 0 0 16px; font: 500 18px/1.65 Inter, sans-serif; color: #343436; }
.case-detail-quote footer { display: flex; flex-direction: column; gap: 3px; }
.case-detail-quote footer strong { font: 800 14px/1.3 Satoshi, Inter, sans-serif; color: #343436; }
.case-detail-quote footer span { font: 500 12.5px/1.4 Inter, sans-serif; color: #9a9a9d; }

.case-detail-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 34px; padding: 15px 26px; border-radius: 999px; background: var(--brand); color: #fff; font: 800 14px/1 Inter, sans-serif; transition: transform .25s ease, box-shadow .25s ease; }
.case-detail-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -14px rgba(213,0,55,.6); }
.case-detail-cta svg { width: 20px; height: 9px; }

.case-detail-aside { display: flex; flex-direction: column; gap: 22px; }
.case-info { padding: 28px; background: #fafafb; border: 1px solid #ececee; border-radius: 20px; }
.case-info-title { margin: 0 0 16px; font: 800 12px/1 Satoshi, Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #9a9a9d; }
.case-info-list { margin: 0; }
.case-info-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid #f0f0f1; }
.case-info-row:last-child { border-bottom: 0; }
.case-info-row dt { font: 600 12.5px/1.4 Inter, sans-serif; color: #9a9a9d; }
.case-info-row dd { margin: 0; font: 700 13px/1.4 Inter, sans-serif; color: #343436; text-align: right; }
.case-info-subtitle { margin: 22px 0 12px; font: 800 12px/1 Satoshi, Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #9a9a9d; }
.case-info-services { display: flex; flex-wrap: wrap; gap: 8px; }
.case-info-service { padding: 8px 13px; border-radius: 999px; background: #fff; border: 1px solid #ececee; font: 700 11.5px/1 Inter, sans-serif; color: #4a4a4d; }
.case-info-cta { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; padding: 15px 20px; border-radius: 999px; background: var(--brand); color: #fff; font: 800 13.5px/1 Inter, sans-serif; transition: transform .25s ease, box-shadow .25s ease; }
.case-info-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -14px rgba(213,0,55,.6); }
.case-info-cta svg { width: 20px; height: 9px; }

.case-nav { padding: 26px 26px 22px; background: #fafafb; border: 1px solid #ececee; border-radius: 20px; }
.case-nav .case-info-title { margin-bottom: 14px; }
.case-nav ul { margin: 0; padding: 0; list-style: none; }
.case-nav a { display: block; padding: 10px 0 10px 14px; border-left: 2px solid #e6e6e9; font: 500 13.5px/1.45 Inter, sans-serif; color: #6a6a6d; transition: color .2s ease, border-color .2s ease, padding-left .2s ease; }
.case-nav a:hover { padding-left: 18px; color: var(--brand); border-color: rgba(213,0,55,.4); }
.case-nav a.is-active { color: var(--brand); border-color: var(--brand); font-weight: 800; }

/* =========================================================
   BLOG LİSTELEME SAYFASI
========================================================= */
.page-blog .page-shell { height: calc((2054px + var(--blog-extra, 0px)) * var(--page-scale)); }
.page-blog .design { height: calc(2054px + var(--blog-extra, 0px)); }

.scene-blog-list { height: calc(752px + var(--blog-extra, 0px)); display: flex; align-items: flex-start; justify-content: center; padding-top: 74px; background: #fff; }
.blog-wrap { width: 1440px; }
.blog-head { margin: 0 0 38px; }
.blog-title { margin: 14px 0 0; font: 900 38px/1.12 Satoshi, sans-serif; letter-spacing: -1.1px; color: #343436; }
.blog-category-filters { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.blog-category-filters a { display: inline-flex; align-items: center; min-height: 38px; padding: 9px 15px; border: 1px solid #e9e9ec; border-radius: 999px; background: #fff; color: #646469; font: 650 12px/1.3 Inter, sans-serif; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.blog-category-filters a:hover, .blog-category-filters a.is-active { border-color: rgba(213,0,55,.22); background: rgba(213,0,55,.07); color: var(--brand); }
.blog-filter-reset { display: inline-flex; margin-top: 18px; color: var(--brand); font: 750 13px/1.4 Inter, sans-serif; }
.blog-filter-reset:hover { text-decoration: underline; text-underline-offset: 3px; }

.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.blog-empty { grid-column: 1 / -1; padding: 54px 32px; border: 1px dashed #e6e6e9; border-radius: 22px; background: #fafafb; text-align: center; }
.blog-empty p { margin: 0 0 8px; font: 900 22px/1.2 Satoshi, sans-serif; letter-spacing: -.4px; color: #343436; }
.blog-empty span { font: 400 15px/1.6 Inter, sans-serif; color: #6a6a6d; }

.blog-card { position: relative; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #ececee; border-radius: 22px; box-shadow: 0 16px 40px rgba(52,52,54,.05); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.blog-card:hover, .blog-card:focus-visible { transform: translateY(-6px); border-color: rgba(213,0,55,.28); box-shadow: 0 32px 60px -26px rgba(213,0,55,.34); outline: none; }
.blog-card-media { position: relative; display: block; height: 240px; overflow: hidden; background: #f4f4f6; }
.blog-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.blog-card:hover .blog-card-media img { transform: scale(1.05); }
.blog-card-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(24,24,28,.34) 0%, rgba(24,24,28,0) 48%); pointer-events: none; }
.blog-card-cat { position: absolute; left: 22px; top: 20px; z-index: 1; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.94); font: 800 11px/1 Satoshi, Inter, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.blog-card-read { position: absolute; right: 22px; top: 20px; z-index: 1; padding: 8px 13px; border-radius: 999px; background: rgba(24,24,28,.5); color: #fff; font: 700 11.5px/1 Inter, sans-serif; }
.blog-card-body { display: flex; flex-direction: column; gap: 12px; padding: 26px 28px 28px; }
.blog-card-date { font: 700 12px/1 Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #9a9a9d; }
.blog-card-title { font: 900 23px/1.22 Satoshi, sans-serif; letter-spacing: -.6px; color: #343436; transition: color .25s ease; }
.blog-card:hover .blog-card-title { color: var(--brand); }
.blog-card-excerpt { font: 400 15px/1.65 Inter, sans-serif; color: #4a4a4d; }
.blog-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 6px; padding-top: 20px; border-top: 1px solid #f1f1f2; }
.blog-card-author { display: flex; align-items: center; gap: 11px; }
.blog-card-avatar { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: rgba(213,0,55,.09); color: var(--brand); font: 800 12.5px/1 Satoshi, Inter, sans-serif; }
.blog-card-author-copy { display: flex; flex-direction: column; gap: 2px; }
.blog-card-author-copy strong { font: 700 13px/1.2 Satoshi, Inter, sans-serif; color: #343436; }
.blog-card-author-copy em { font: 400 11.5px/1.3 Inter, sans-serif; font-style: normal; color: #9a9a9d; }
.blog-card-more { display: inline-flex; align-items: center; gap: 9px; font: 800 12.5px/1 Inter, sans-serif; color: var(--brand); white-space: nowrap; }
.blog-card-more svg { width: 19px; height: 9px; transition: transform .25s ease; }
.blog-card:hover .blog-card-more svg { transform: translateX(5px); }

/* =========================================================
   BLOG DETAY SAYFASI
   (Yan panel kutuları vaka detayındaki .case-info / .case-nav
   stillerini yeniden kullanır.)
========================================================= */
.page-blog-detail .page-shell { height: calc((3176px + var(--blog-detail-extra, 0px)) * var(--page-scale)); }
.page-blog-detail .design { height: calc(3176px + var(--blog-detail-extra, 0px)); }

.scene-blog-detail { height: calc(1874px + var(--blog-detail-extra, 0px)); display: flex; align-items: flex-start; justify-content: center; padding-top: 74px; background: #fff; }
.blog-detail-wrap { width: 1440px; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 64px; align-items: start; }

.blog-detail-cover { display: block; width: 100%; height: 420px; border-radius: 22px; object-fit: cover; box-shadow: 0 30px 60px -30px rgba(52,52,54,.34); }
.blog-detail-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin: 28px 0 0; font: 500 13.5px/1 Inter, sans-serif; color: #6a6a6d; }
.blog-detail-cat { padding: 7px 14px; border-radius: 999px; background: rgba(213,0,55,.08); font: 800 11px/1 Satoshi, Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--brand); transition: background .2s ease; }
.blog-detail-cat:hover { background: rgba(213,0,55,.15); }
.blog-detail-sep { width: 4px; height: 4px; border-radius: 50%; background: #d6d6d9; }

.blog-detail-body { margin-top: 30px; }
.blog-detail-body p { margin: 0 0 22px; font: 400 17.5px/1.85 Inter, sans-serif; color: #4a4a4d; }
.blog-detail-body h2,
.blog-detail-h2 { margin: 38px 0 18px; font: 900 25px/1.25 Satoshi, sans-serif; letter-spacing: -.5px; color: #343436; }
.blog-detail-body h3 { margin: 30px 0 14px; font: 800 20px/1.35 Satoshi, sans-serif; letter-spacing: -.3px; color: #343436; }
.blog-detail-body ul,
.blog-detail-body ol { margin: 0 0 26px; padding-left: 32px; }
.blog-detail-body ul { padding-left: 0; list-style: none; }
.blog-detail-body ul li { position: relative; margin-bottom: 12px; padding-left: 30px; font: 400 17px/1.75 Inter, sans-serif; color: #4a4a4d; }
.blog-detail-body ul li::before { content: ""; position: absolute; left: 8px; top: 11px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px rgba(213,0,55,.12); }
.blog-detail-body ol li { margin-bottom: 12px; padding-left: 6px; font: 400 17px/1.75 Inter, sans-serif; color: #4a4a4d; }
.blog-detail-body blockquote,
.blog-detail-quote { position: relative; margin: 30px 0; padding: 30px 36px 30px 74px; border-radius: 20px; background: #fafafb; border: 1px solid #ececee; }
.blog-detail-body blockquote::before,
.blog-detail-quote::before { content: "\201C"; position: absolute; left: 26px; top: 14px; font: 900 70px/1 Satoshi, Georgia, serif; color: rgba(213,0,55,.18); }
.blog-detail-body blockquote p,
.blog-detail-quote p { margin: 0; font: 500 18px/1.7 Inter, sans-serif; color: #343436; }
.blog-detail-body img { display: block; max-width: 100%; height: auto; margin: 8px 0 26px; border-radius: 18px; }
.blog-detail-body a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
.blog-detail-body strong { color: #343436; }
.blog-detail-list { margin: 0 0 26px; padding: 0; list-style: none; }
.blog-detail-list li { position: relative; margin-bottom: 12px; padding-left: 30px; font: 400 17px/1.75 Inter, sans-serif; color: #4a4a4d; }
.blog-detail-list li::before { content: ""; position: absolute; left: 8px; top: 11px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px rgba(213,0,55,.12); }
.blog-detail-quote { position: relative; margin: 30px 0; padding: 30px 36px 30px 74px; border-radius: 20px; background: #fafafb; border: 1px solid #ececee; }
.blog-detail-quote::before { content: "\201C"; position: absolute; left: 26px; top: 14px; font: 900 70px/1 Satoshi, Georgia, serif; color: rgba(213,0,55,.18); }
.blog-detail-quote p { margin: 0; font: 500 18px/1.7 Inter, sans-serif; color: #343436; }

.blog-detail-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 34px; }
.blog-detail-tag { padding: 9px 15px; border-radius: 999px; background: #f6f6f8; border: 1px solid #f0f0f1; font: 700 12px/1 Inter, sans-serif; color: #6a6a6d; }
.blog-detail-tags a { text-decoration: none; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.blog-detail-tags a:hover { border-color: rgba(213,0,55,.25); background: rgba(213,0,55,.06); color: var(--brand); }

.blog-detail-author { display: flex; align-items: center; gap: 14px; margin-top: 28px; padding: 22px 24px; border-radius: 18px; background: #fafafb; border: 1px solid #ececee; }
.blog-detail-avatar { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: rgba(213,0,55,.09); color: var(--brand); font: 800 15px/1 Satoshi, Inter, sans-serif; }
.blog-detail-author-copy { display: flex; flex-direction: column; gap: 3px; }
.blog-detail-author-copy strong { font: 800 15px/1.2 Satoshi, Inter, sans-serif; color: #343436; }
.blog-detail-author-copy em { font: 400 12.5px/1.3 Inter, sans-serif; font-style: normal; color: #9a9a9d; }

/* =========================================================
   LOGO TIKLANABILIRLIGI
   Logo gorseli .art oldugu icin pointer-events:none idi;
   tiklamayi .site-logo baglantisina iletebilmek icin ac.
========================================================= */
.site-header .site-logo { display: block; }
.site-header .asset-nar-digital-logo { pointer-events: auto; cursor: pointer; }

/* =========================================================
   FOOTER SOSYAL IKONLAR (Bizi Takip Edin)
   Guncel marka ikonlari: Instagram, LinkedIn, YouTube, Facebook
========================================================= */
.social-icon { position: absolute; display: block; color: #ffffff; pointer-events: auto; transition: color .2s ease, transform .2s ease; }
.social-icon svg { display: block; width: 100%; height: 100%; }
.social-icon:hover,
.social-icon:focus-visible { color: var(--brand); transform: translateY(-2px); }

/* Footer orta sutun baglantilari (VAKA CALISMALARI / BLOG) */
.footer-nav-link { transition: color .2s ease; }
.footer-nav-link:hover,
.footer-nav-link:focus-visible { color: var(--brand); }

/* =====================================================
   KEŞİF SİHİRBAZI (3 adımlı soru akışı)
   Aynı PSD sahne yapısı: 1920px tuval, sabit yükseklikler
   ve --page-scale ölçeklemesi.
==================================================== */

.page-discovery .design { height: 1979px; }
.page-discovery .page-shell { height: calc(1979px * var(--page-scale)); }

/* --- Hero --- */
.scene-discovery-hero { height: 580px; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f6f6f7 52%, #ffffff 100%); }
.scene-discovery-hero::before { content: ""; position: absolute; right: -140px; top: -160px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.18), rgba(213,0,55,0) 66%); pointer-events: none; }
.scene-discovery-hero::after { content: ""; position: absolute; right: 152px; top: 118px; width: 320px; height: 320px; border-radius: 50%; border: 1px dashed rgba(213,0,55,.3); pointer-events: none; }
.discovery-hero-copy { position: absolute; left: 240px; top: 205px; width: 960px; }
.discovery-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font: 700 14px/1 Inter, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--brand); }
.discovery-eyebrow::before { content: ""; width: 46px; height: 2px; background: var(--brand); }
.discovery-title { margin: 0; font: 900 72px/1.03 Satoshi, sans-serif; letter-spacing: -2px; color: #343436; }
.discovery-title span { color: var(--brand); }
.discovery-lead { margin: 26px 0 0; max-width: 660px; font: 400 20px/1.6 Inter, sans-serif; color: #4a4a4d; }
.discovery-meta { display: flex; flex-wrap: wrap; gap: 14px; margin: 32px 0 0; padding: 0; list-style: none; }
.discovery-meta li { padding: 11px 20px; border-radius: 999px; background: #fff; border: 1px solid #ececee; font: 600 13px/1 Inter, sans-serif; color: #4a4a4d; box-shadow: 0 10px 24px rgba(52,52,54,.06); }

/* --- Sihirbaz sahnesi --- */
.scene-discovery-wizard { position: relative; display: flex; align-items: flex-start; justify-content: center; height: 652px; padding-top: 24px; background: linear-gradient(180deg, #ffffff 0%, #fdf5f7 100%); }
.scene-discovery-wizard::before { content: ""; position: absolute; left: 50%; top: -160px; transform: translateX(-50%); width: 920px; height: 920px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.10), rgba(213,0,55,0) 68%); pointer-events: none; }

.wizard { position: relative; display: grid; grid-template-columns: 366px 1fr; width: 1400px; min-height: 566px; background: #fff; border: 1px solid #f1e7ea; border-radius: 30px; overflow: hidden; box-shadow: 0 44px 96px -52px rgba(52,52,54,.3), 0 14px 34px -26px rgba(52,52,54,.16); }
.wizard [hidden] { display: none !important; }
.wizard-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Sol ray (adım göstergesi) */
.wizard-rail { position: relative; display: flex; flex-direction: column; padding: 52px 38px 44px; background: linear-gradient(180deg, #ffffff 0%, #fdf2f5 100%); border-right: 1px solid #f3e8ec; color: #343436; overflow: hidden; }
.wizard-rail::before { content: ""; position: absolute; right: -90px; top: -100px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(213,0,55,.12), rgba(213,0,55,0) 70%); pointer-events: none; }
.wizard-rail-eyebrow { position: relative; margin: 0 0 10px; font: 700 12px/1 Inter, sans-serif; letter-spacing: .24em; text-transform: uppercase; color: var(--brand); }
.wizard-rail-title { position: relative; margin: 0 0 32px; font: 800 26px/1.2 Satoshi, Inter, sans-serif; letter-spacing: -.6px; color: #2a2a30; }
.wizard-rail-list { position: relative; display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.wizard-rail-item { position: relative; display: flex; align-items: flex-start; gap: 14px; padding: 12px 14px; border-radius: 14px; border: 1px solid transparent; transition: background .25s ease, border-color .25s ease; }
.wizard-rail-num { flex: 0 0 auto; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #f3ecf0; font: 800 12px/1 Satoshi, Inter, sans-serif; color: #9a8e94; transition: background .25s ease, color .25s ease; }
.wizard-rail-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wizard-rail-copy strong { font: 700 14px/1.25 Satoshi, Inter, sans-serif; color: #343436; transition: color .25s ease; }
.wizard-rail-copy em { font: 400 12px/1.4 Inter, sans-serif; font-style: normal; color: #9a9a9d; }
.wizard-rail-check { position: absolute; right: 14px; top: 15px; width: 18px; height: 18px; color: var(--brand); opacity: 0; transition: opacity .25s ease; }
.wizard-rail-check svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.wizard-rail-item.is-active { background: rgba(213,0,55,.06); border-color: rgba(213,0,55,.16); }
.wizard-rail-item.is-active .wizard-rail-num { background: var(--brand); color: #fff; box-shadow: 0 10px 22px -8px rgba(213,0,55,.55); }
.wizard-rail-item.is-active .wizard-rail-copy strong { color: var(--brand); }
.wizard-rail-item.is-done .wizard-rail-check { opacity: 1; }
.wizard-rail-note { position: relative; margin: auto 0 0; padding-top: 26px; font: 400 12px/1.5 Inter, sans-serif; color: #9a9a9d; border-top: 1px solid #f0e7ea; }

/* Soru alanı */
.wizard-stage { display: flex; flex-direction: column; padding: 44px 48px 40px; }
.wizard-top { margin-bottom: 28px; }
.wizard-count { margin: 0 0 12px; font: 700 12px/1 Inter, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #9a9a9d; }
.wizard-count b { color: var(--brand); font-weight: 800; }
.wizard-bar { height: 6px; border-radius: 999px; background: #f0f0f1; overflow: hidden; }
.wizard-bar span { display: block; height: 100%; width: 33.333%; border-radius: 999px; background: linear-gradient(90deg, #d50037, #ff5676); transition: width .45s cubic-bezier(.22,1,.36,1); }

.wizard-form { flex: 1 1 auto; }
.wizard-panel { margin: 0; padding: 0; border: 0; }
.wizard-panel:focus { outline: none; }
.wizard-q { padding: 0; font: 900 30px/1.16 Satoshi, sans-serif; letter-spacing: -.9px; color: #343436; }
.wizard-hint { margin: 12px 0 24px; font: 400 15px/1.5 Inter, sans-serif; color: #8a8a8d; }

.wizard-options { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wizard-option { display: block; cursor: pointer; }
.wizard-option input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; pointer-events: none; }
.wizard-option-body { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid #e8e8ea; border-radius: 16px; background: #fff; transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease; }
.wizard-option:hover .wizard-option-body { border-color: rgba(213,0,55,.35); transform: translateY(-2px); box-shadow: 0 18px 32px -22px rgba(52,52,54,.6); }
.wizard-option-icon { flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: rgba(213,0,55,.08); color: var(--brand); transition: background .22s ease, color .22s ease; }
.wizard-option-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wizard-option-copy { display: flex; flex-direction: column; gap: 3px; flex: 1 1 auto; min-width: 0; }
.wizard-option-copy strong { font: 700 14.5px/1.25 Satoshi, Inter, sans-serif; color: #26262c; }
.wizard-option-copy em { font: 400 12.5px/1.35 Inter, sans-serif; font-style: normal; color: #8a8a8d; }
.wizard-option-check { flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; border: 1.6px solid #dcdcdf; color: transparent; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.wizard-option-check svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.wizard-option.is-selected .wizard-option-body { border-color: var(--brand); background: rgba(213,0,55,.035); box-shadow: 0 0 0 3px rgba(213,0,55,.1); }
.wizard-option.is-selected .wizard-option-icon { background: var(--brand); color: #fff; }
.wizard-option.is-selected .wizard-option-check { border-color: var(--brand); background: var(--brand); color: #fff; }
.wizard-option input:focus-visible + .wizard-option-body { outline: 2px solid var(--brand); outline-offset: 3px; }

/* Butonlar */
.wizard-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: auto; padding-top: 28px; }
.wizard-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 26px; border: 1px solid transparent; border-radius: 999px; font: 700 14.5px/1 Inter, sans-serif; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.wizard-arrow { width: 21px; height: 9px; transition: translate .25s ease; }
.wizard-btn-primary { background: var(--brand); color: #fff; box-shadow: 0 18px 34px -20px rgba(213,0,55,.9); }
.wizard-btn-primary:hover { background: #bd0031; transform: translateY(-2px); }
.wizard-btn-primary:hover .wizard-arrow { translate: 4px 0; }
.wizard-btn-primary[disabled] { background: #ececef; color: #a6a6aa; box-shadow: none; cursor: not-allowed; transform: none; }
.wizard-btn-ghost { background: #fff; color: #343436; border-color: #e2e2e5; }
.wizard-btn-ghost:hover { border-color: #c9c9cd; transform: translateY(-2px); }

/* Sonuç */
.wizard-result { grid-column: 1 / -1; display: grid; grid-template-columns: 1.18fr .82fr; }
.wizard.is-done .wizard-rail,
.wizard.is-done .wizard-stage { display: none; }
.wizard-result-info { padding: 50px 48px; }
.wizard-result-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font: 700 12px/1 Inter, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: var(--brand); }
.wizard-result-eyebrow::before { content: ""; width: 36px; height: 2px; background: var(--brand); }
.wizard-result-title { margin: 0 0 14px; font: 900 33px/1.14 Satoshi, sans-serif; letter-spacing: -1px; color: #343436; }
.wizard-result-title:focus { outline: none; }
.wizard-result-desc { margin: 0 0 22px; max-width: 540px; font: 400 15.5px/1.7 Inter, sans-serif; color: #5b5b5e; }
.wizard-result-steps { display: flex; flex-direction: column; gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; }
.wizard-result-steps li { position: relative; padding-left: 30px; font: 500 14px/1.5 Inter, sans-serif; color: #343436; }
.wizard-result-steps li::before { content: ""; position: absolute; left: 6px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px rgba(213,0,55,.12); }
.wizard-result-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; padding: 0; list-style: none; }
.wizard-result-chips li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: #fafafb; border: 1px solid #efeff1; }
.wizard-result-chips span { font: 500 11.5px/1 Inter, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #9a9a9d; }
.wizard-result-chips strong { font: 700 12.5px/1 Inter, sans-serif; color: #343436; }
.wizard-result-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.wizard-result-form { padding: 50px 42px; background: linear-gradient(180deg, #fafafb, #f4f4f6); border-left: 1px solid #ececee; }
.wizard-result-form-eyebrow { margin: 0 0 12px; font: 700 12px/1 Inter, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #9a9a9d; }
.wizard-result-form-title { margin: 0 0 10px; font: 900 22px/1.22 Satoshi, sans-serif; letter-spacing: -.4px; color: #343436; }
.wizard-result-form-desc { margin: 0 0 22px; font: 400 14px/1.6 Inter, sans-serif; color: #6a6a6d; }
.wizard-lead { display: flex; flex-direction: column; gap: 14px; }
.wizard-field { display: flex; flex-direction: column; gap: 7px; }
.wizard-field label { font: 600 12.5px/1 Inter, sans-serif; color: #343436; }
.wizard-field label span { color: var(--brand); }
.wizard-field input { width: 100%; padding: 13px 15px; border: 1px solid #e2e2e5; border-radius: 10px; background: #fff; color: #343436; font: 400 14.5px/1.4 Inter, sans-serif; transition: border-color .2s ease, box-shadow .2s ease; }
.wizard-field input::placeholder { color: #a6a6aa; }
.wizard-field input:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(213,0,55,.12); }
.wizard-lead .wizard-btn-primary { margin-top: 6px; }
.wizard-lead .wizard-btn-primary[disabled] { cursor: wait; }
.wizard-lead-status { margin: 2px 0 0; font: 500 13.5px/1.5 Inter, sans-serif; color: #1c9c5b; }
.wizard-lead-status.is-error { color: #c62828; }
/* Geçiş animasyonları */
@keyframes wizardIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.wizard-panel.is-active { animation: wizardIn .4s cubic-bezier(.22,1,.36,1) both; }
.wizard-result:not([hidden]) > * { animation: wizardIn .45s cubic-bezier(.22,1,.36,1) both; }
@media (prefers-reduced-motion: reduce) {
  .wizard-panel.is-active,
  .wizard-result:not([hidden]) > * { animation: none; }
}

/* =========================================================
   ÜRÜN SAYFASI (Ürünlerimiz — data-driven)
   Aynı PSD sahne yapısı: 1920px tuval, sabit yükseklikler
   ve --page-scale ölçeklemesi.
======================================================== */
.page-urun .design { height: 5473px; }
.page-urun .page-shell { height: calc(5473px * var(--page-scale)); }

/* --- Ortak parçalar --- */
.urun-section { width: 1440px; }
.urun-section-head { margin: 0 0 40px; }
.urun-section-head.is-wide { max-width: 860px; }
.urun-eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 800 13px/1 Satoshi, Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.urun-eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--brand); }
.urun-h2 { margin: 0; font: 900 40px/1.1 Satoshi, sans-serif; letter-spacing: -1.2px; color: #343436; }
.urun-lead { margin: 18px 0 0; font: 500 18px/1.6 Inter, sans-serif; color: #343436; }
.urun-p { margin: 16px 0 0; font: 400 16.5px/1.8 Inter, sans-serif; color: #4a4a4d; }

.urun-btn { display: inline-flex; align-items: center; gap: 11px; padding: 16px 28px; border: 1px solid transparent; border-radius: 999px; font: 700 14.5px/1 Inter, sans-serif; text-decoration: none; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.urun-btn svg { width: 20px; height: 9px; }
.urun-btn-primary { background: var(--brand); color: #fff; box-shadow: 0 18px 34px -18px rgba(213,0,55,.85); }
.urun-btn-primary:hover { background: #bd0031; transform: translateY(-2px); }
.urun-btn-ghost { background: #fff; color: #343436; border-color: #e2e2e5; }
.urun-btn-ghost:hover { border-color: #c9c9cd; transform: translateY(-2px); }

.urun-chips { display: flex; flex-wrap: wrap; gap: 10px 12px; margin: 26px 0 0; padding: 0; list-style: none; }
.urun-chips li { display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: 999px; background: #fff; border: 1px solid #ececee; font: 600 13px/1 Inter, sans-serif; color: #3a3a3d; box-shadow: 0 10px 24px rgba(52,52,54,.06); }
.urun-chips li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--brand); }

/* --- Hero --- */
.scene-urun-hero { position: relative; display: flex; align-items: flex-start; justify-content: center; height: 710px; padding-top: 150px; overflow: hidden; background: linear-gradient(160deg, #ffffff 0%, #fafafa 46%, #f3f3f5 100%); }
.scene-urun-hero::before { content: ""; position: absolute; right: -160px; top: -180px; width: 820px; height: 820px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.14), rgba(213,0,55,0) 66%); pointer-events: none; }
.scene-urun-hero::after { content: ""; position: absolute; left: -180px; bottom: -220px; width: 620px; height: 620px; border-radius: 50%; border: 1px dashed rgba(213,0,55,.22); pointer-events: none; }
.urun-hero { display: grid; grid-template-columns: 1.02fr .98fr; gap: 74px; width: 1440px; align-items: center; }
.urun-hero-title { margin: 0; font: 900 62px/1.04 Satoshi, sans-serif; letter-spacing: -2px; color: #343436; }
.urun-hero-title span { color: var(--brand); }
.urun-hero-lead { margin: 24px 0 0; max-width: 620px; font: 400 18.5px/1.65 Inter, sans-serif; color: #4a4a4d; }
.urun-hero-actions { display: flex; gap: 14px; margin-top: 34px; }

.urun-hero-visual { position: relative; }
.urun-window { border-radius: 22px; background: #fff; border: 1px solid #ececee; box-shadow: 0 44px 92px -40px rgba(52,52,54,.42); overflow: hidden; }
.urun-window-bar { display: flex; align-items: center; gap: 8px; padding: 14px 18px; border-bottom: 1px solid #f0f0f1; background: #fafafb; }
.urun-window-bar span { width: 10px; height: 10px; border-radius: 50%; background: #e2e2e5; }
.urun-window-bar span:first-child { background: #ff5c7a; }
.urun-window-bar span:nth-child(2) { background: #ffc24b; }
.urun-window-bar span:nth-child(3) { background: #3ecf8e; }
.urun-window-bar em { margin-left: auto; font: 700 11.5px/1 Inter, sans-serif; font-style: normal; letter-spacing: .08em; color: #9a9a9d; }
.urun-window-body { display: grid; grid-template-columns: 152px 1fr; min-height: 322px; }
.urun-mock-side { display: flex; flex-direction: column; gap: 11px; padding: 22px 16px; border-right: 1px solid #f2f2f3; background: #fcfcfd; }
.urun-mock-logo { margin-bottom: 10px; font: 900 16px/1 Satoshi, sans-serif; letter-spacing: -.4px; color: var(--brand); }
.urun-mock-nav { display: block; height: 10px; border-radius: 6px; background: #eeeef1; }
.urun-mock-nav.is-active { background: rgba(213,0,55,.2); }
.urun-mock-main { padding: 22px; }
.urun-mock-kpis { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.urun-mock-kpi { padding: 14px 16px; border: 1px solid #f0f0f1; border-radius: 14px; background: #fff; }
.urun-mock-kpi b { display: block; font: 900 23px/1 Satoshi, sans-serif; letter-spacing: -.6px; color: var(--brand); }
.urun-mock-kpi span { display: block; margin-top: 6px; font: 500 11.5px/1.35 Inter, sans-serif; color: #8a8a8d; }
.urun-mock-chart { display: flex; align-items: flex-end; gap: 10px; height: 150px; margin-top: 16px; padding: 16px; border: 1px solid #f0f0f1; border-radius: 14px; background: linear-gradient(180deg, #fff, #fafafb); }
.urun-mock-chart span { flex: 1; border-radius: 6px 6px 0 0; background: linear-gradient(180deg, #ff5c7a, #d50037); opacity: .88; }

/* --- Ürün ailesi sekmeleri --- */
.scene-urun-tabs { display: flex; align-items: center; justify-content: center; height: 190px; background: #fff; }
.urun-tabs { width: 1440px; }
.urun-tabs-label { margin: 0 0 14px; font: 800 12px/1 Satoshi, Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #9a9a9d; }
.urun-tabs-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.urun-tab { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid #ececee; border-radius: 16px; background: #fff; text-decoration: none; box-shadow: 0 10px 26px rgba(52,52,54,.04); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease; }
.urun-tab:hover { transform: translateY(-3px); border-color: rgba(213,0,55,.28); box-shadow: 0 20px 40px -22px rgba(213,0,55,.5); }
.urun-tab.is-active { border-color: rgba(213,0,55,.38); background: rgba(213,0,55,.04); }
.urun-tab-icon { flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: rgba(213,0,55,.08); color: var(--brand); transition: background .22s ease, color .22s ease; }
.urun-tab-icon svg { width: 21px; height: 21px; }
.urun-tab.is-active .urun-tab-icon { background: var(--brand); color: #fff; }
.urun-tab-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.urun-tab-text b { font: 800 15px/1.1 Satoshi, sans-serif; color: #343436; }
.urun-tab-text small { font: 400 11.5px/1.3 Inter, sans-serif; color: #8a8a8d; }

/* --- Genel bakış --- */
.scene-urun-overview { display: flex; align-items: center; justify-content: center; height: 433px; background: #fff; }
.urun-overview { display: grid; grid-template-columns: minmax(0, 1.15fr) 460px; gap: 72px; width: 1440px; align-items: center; }
.urun-overview.is-integrations { grid-template-columns: minmax(0, 1fr) 560px; }
.urun-points { padding: 34px 34px 30px; border: 1px solid #ececee; border-radius: 24px; background: #fafafb; box-shadow: 0 24px 54px -30px rgba(52,52,54,.3); }
.urun-points-title { margin: 0 0 16px; font: 800 12px/1 Satoshi, Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #9a9a9d; }
.urun-points ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 13px; }
.urun-points li { position: relative; padding-left: 32px; font: 500 15px/1.5 Inter, sans-serif; color: #343436; }
.urun-points li::before { content: ""; position: absolute; left: 2px; top: 2px; width: 17px; height: 17px; border-radius: 50%; background: rgba(213,0,55,.14); }
.urun-points li::after { content: ""; position: absolute; left: 6.5px; top: 6.5px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); }

/* --- Değer kartları --- */
.scene-urun-value { display: flex; align-items: center; justify-content: center; height: 485px; background: #fafafb; }
.urun-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.urun-value { padding: 30px 28px; background: #fff; border: 1px solid #ececee; border-radius: 22px; box-shadow: 0 14px 34px rgba(52,52,54,.05); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.urun-value:hover { transform: translateY(-4px); border-color: rgba(213,0,55,.28); box-shadow: 0 26px 50px -20px rgba(213,0,55,.32); }
.urun-value-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 20px; border-radius: 15px; background: rgba(213,0,55,.08); color: var(--brand); }
.urun-value-icon svg { width: 26px; height: 26px; }
.urun-value-title { margin: 0 0 10px; font: 800 19px/1.25 Satoshi, sans-serif; color: #343436; }
.urun-value-text { margin: 0; font: 400 14.5px/1.65 Inter, sans-serif; color: #6a6a6d; }

/* --- Modüller --- */
.scene-urun-modules { display: flex; align-items: center; justify-content: center; height: 740px; background: #fff; }
.urun-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.urun-module { padding: 30px 28px; background: #fff; border: 1px solid #ececee; border-radius: 22px; box-shadow: 0 14px 34px rgba(52,52,54,.05); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.urun-module:hover { transform: translateY(-4px); border-color: rgba(213,0,55,.28); box-shadow: 0 26px 50px -20px rgba(213,0,55,.32); }
.urun-module-icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 18px; border-radius: 14px; background: rgba(213,0,55,.08); color: var(--brand); }
.urun-module-icon svg { width: 25px; height: 25px; }
.urun-module-title { margin: 0 0 10px; font: 800 18px/1.3 Satoshi, sans-serif; color: #343436; }
.urun-module-text { margin: 0; font: 400 14.5px/1.7 Inter, sans-serif; color: #6a6a6d; }

/* --- Süreç adımları --- */
.scene-urun-steps { display: flex; align-items: center; justify-content: center; height: 479px; background: #fafafb; }
.urun-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.urun-step { position: relative; padding: 28px 26px; background: #fff; border: 1px solid #ececee; border-radius: 22px; box-shadow: 0 14px 34px rgba(52,52,54,.05); }
.urun-step-num { display: inline-block; margin-bottom: 16px; font: 900 34px/1 Satoshi, sans-serif; letter-spacing: -1px; color: rgba(213,0,55,.18); }
.urun-step-title { margin: 0 0 10px; font: 800 18px/1.25 Satoshi, sans-serif; color: #343436; }
.urun-step-text { margin: 0; font: 400 14.5px/1.65 Inter, sans-serif; color: #6a6a6d; }

/* --- Sonuç bandı --- */
.scene-urun-stats { position: relative; display: flex; align-items: center; justify-content: center; height: 213px; overflow: hidden; background: radial-gradient(120% 150% at 50% 0%, #ffffff 0%, #fdf3f6 100%); }
.scene-urun-stats::before { content: ""; position: absolute; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(213,0,55,.08), rgba(213,0,55,0) 70%); pointer-events: none; }
.urun-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; width: 1440px; }
.urun-stat { text-align: center; padding: 0 12px; }
.urun-stat + .urun-stat { border-left: 1px solid #f0e2e6; }
.urun-stat b { display: block; font: 900 60px/1 Satoshi, sans-serif; letter-spacing: -1.5px; color: var(--brand); }
.urun-stat span { display: block; margin-top: 12px; font: 600 14px/1.4 Inter, sans-serif; color: #5b5b5e; }

/* --- Entegrasyonlar --- */
.scene-urun-integrations { display: flex; align-items: center; justify-content: center; height: 428px; background: #fff; }
.urun-chips-soft { margin-top: 14px; }
.urun-chips-soft > span { display: inline-flex; align-items: center; padding: 9px 16px; border-radius: 999px; background: #fafafb; border: 1px solid #efeff1; font: 600 13px/1 Inter, sans-serif; color: #3a3a3d; }
.urun-int-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.urun-int { display: flex; align-items: center; gap: 11px; padding: 15px 16px; border: 1px solid #ececee; border-radius: 14px; background: #fff; font: 600 14px/1.3 Inter, sans-serif; color: #343436; box-shadow: 0 10px 24px rgba(52,52,54,.04); }
.urun-int svg { flex: 0 0 auto; width: 20px; height: 20px; color: var(--brand); }

/* --- SSS --- */
.scene-urun-faq { display: flex; align-items: center; justify-content: center; height: 691px; background: #fafafb; }
.urun-faq { max-width: 920px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.urun-faq-item { background: #fff; border: 1px solid #ececee; border-radius: 16px; overflow: hidden; transition: border-color .22s ease, box-shadow .22s ease; }
.urun-faq-item[open] { border-color: rgba(213,0,55,.3); box-shadow: 0 18px 40px -26px rgba(213,0,55,.45); }
.urun-faq-item summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; font: 700 16.5px/1.4 Satoshi, Inter, sans-serif; color: #343436; }
.urun-faq-item summary::-webkit-details-marker { display: none; }
.urun-faq-icon { position: relative; flex: 0 0 22px; width: 22px; height: 22px; }
.urun-faq-icon::before, .urun-faq-icon::after { content: ""; position: absolute; background: var(--brand); border-radius: 2px; transition: transform .25s ease; }
.urun-faq-icon::before { left: 0; top: 10px; width: 22px; height: 2px; }
.urun-faq-icon::after { left: 10px; top: 0; width: 2px; height: 22px; }
.urun-faq-item[open] .urun-faq-icon::after { transform: scaleY(0); }
.urun-faq-item p { margin: 0; padding: 0 24px 22px; max-width: 820px; font: 400 15px/1.75 Inter, sans-serif; color: #4a4a4d; }

/* --- Kapanış çağrısı --- */
.scene-urun-cta { display: flex; align-items: center; justify-content: center; height: 357px; background: #fff; }
.urun-cta { position: relative; overflow: hidden; width: 1440px; padding: 64px 72px; border-radius: 30px; background: radial-gradient(130% 130% at 100% 0%, #ff3d6e 0%, #d50037 52%, #7c0022 100%); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 48px; box-shadow: 0 50px 100px -50px rgba(213,0,55,.75); }
.urun-cta::before { content: ""; position: absolute; left: -80px; bottom: -100px; width: 320px; height: 320px; border-radius: 50%; border: 1px solid rgba(255,255,255,.22); pointer-events: none; }
.urun-cta::after { content: "N"; position: absolute; right: -10px; bottom: -70px; font: 900 240px/1 Satoshi, sans-serif; letter-spacing: -14px; color: rgba(255,255,255,.09); pointer-events: none; }
.urun-cta-copy { position: relative; z-index: 1; }
.urun-cta-title { margin: 0 0 12px; font: 900 40px/1.1 Satoshi, sans-serif; letter-spacing: -1.2px; color: #fff; }
.urun-cta-text { margin: 0; max-width: 560px; font: 400 16.5px/1.65 Inter, sans-serif; color: rgba(255,255,255,.9); }
.urun-cta-actions { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 12px; flex: 0 0 auto; }
.urun-cta .urun-btn-primary { background: #fff; color: var(--brand); box-shadow: 0 20px 40px -18px rgba(0,0,0,.5); }
.urun-cta .urun-btn-primary:hover { background: #fff; }
.urun-cta .urun-btn-ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
.urun-cta .urun-btn-ghost:hover { background: rgba(255,255,255,.12); border-color: #fff; }

/* =========================================================
   GOOGLE WORKSPACE SAYFASI
   Ürün sayfasıyla aynı PSD sahne mantığı: 1920px tuval,
   sabit yükseklikler ve --page-scale ölçeklemesi.
======================================================== */
.page-gws .design { height: 5140px; }
.page-gws .page-shell { height: calc(5140px * var(--page-scale)); }

/* Ferahlık: bölüm başlığı ile içerik arası boşluk */
.page-gws .urun-section-head { margin-bottom: 62px; }

/* Ortalanmış bölüm başlığı */
.urun-section-head.is-center { margin-left: auto; margin-right: auto; text-align: center; }
.urun-section-head.is-center .urun-eyebrow { justify-content: center; }
.urun-section-head.is-center .urun-lead { margin-left: auto; margin-right: auto; max-width: 660px; }

/* --- Hero --- */
.scene-gws-hero { position: relative; display: flex; align-items: flex-start; justify-content: center; height: 840px; padding-top: 150px; padding-bottom: 120px; overflow: hidden; background: linear-gradient(160deg, #ffffff 0%, #fafafa 46%, #f3f3f5 100%); }
.scene-gws-hero::before { content: ""; position: absolute; right: -160px; top: -180px; width: 820px; height: 820px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.14), rgba(213,0,55,0) 66%); pointer-events: none; }
.scene-gws-hero::after { content: ""; position: absolute; left: -180px; bottom: -220px; width: 620px; height: 620px; border-radius: 50%; border: 1px dashed rgba(213,0,55,.22); pointer-events: none; }
.gws-hero { display: grid; grid-template-columns: 1.02fr .98fr; gap: 74px; width: 1440px; align-items: center; }
.gws-hero-title { margin: 0; font: 900 62px/1.04 Satoshi, sans-serif; letter-spacing: -2px; color: #343436; }
.gws-hero-title span { color: var(--brand); }
.gws-hero-lead { margin: 24px 0 0; max-width: 620px; font: 400 18.5px/1.65 Inter, sans-serif; color: #4a4a4d; }
.gws-hero-actions { display: flex; gap: 14px; margin-top: 34px; }

.gws-hero-visual { position: relative; }
.gws-badge { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 10px 16px; border-radius: 999px; background: #fff; border: 1px solid #ececee; font: 600 12.5px/1 Inter, sans-serif; color: #3a3a3d; box-shadow: 0 12px 28px rgba(52,52,54,.08); }
.gws-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px rgba(213,0,55,.14); }

/* --- Çözüm ortaklığı --- */
.scene-gws-trust { display: flex; align-items: center; justify-content: center; height: 520px; background: #fff; }
.gws-trust-bar { display: grid; grid-template-columns: repeat(4, 1fr); width: 1440px; border: 1px solid #ececee; border-radius: 26px; background: #fff; box-shadow: 0 34px 70px -46px rgba(52,52,54,.4); overflow: hidden; }
.gws-trust-item { padding: 30px; border-left: 1px solid #f0f0f1; }
.gws-trust-item:first-child { border-left: 0; }
.gws-trust-item b { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font: 800 17px/1.2 Satoshi, sans-serif; color: #343436; }
.gws-trust-item b::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px rgba(213,0,55,.12); }
.gws-trust-item span { font: 400 13.5px/1.6 Inter, sans-serif; color: #6a6a6d; }

/* --- Sürümler (fiyat kartları) --- */
.scene-gws-plans { display: flex; align-items: center; justify-content: center; height: 580px; background: #fafafb; }
.gws-price-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; width: 1440px; align-items: stretch; }
.gws-price { position: relative; display: flex; flex-direction: column; padding: 32px 30px 30px; background: #fff; border: 1px solid #ececee; border-radius: 24px; box-shadow: 0 20px 46px -36px rgba(52,52,54,.4); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.gws-price:hover { transform: translateY(-4px); border-color: rgba(213,0,55,.26); box-shadow: 0 30px 60px -34px rgba(213,0,55,.34); }
.gws-price.is-featured { border-color: rgba(213,0,55,.4); box-shadow: 0 34px 66px -36px rgba(213,0,55,.42); }
.gws-price-tag { position: absolute; top: -13px; left: 30px; padding: 7px 14px; border-radius: 999px; background: var(--brand); color: #fff; font: 700 11px/1 Inter, sans-serif; letter-spacing: .04em; }
.gws-price-name { margin: 0 0 16px; font: 800 20px/1.2 Satoshi, sans-serif; color: #343436; }
.gws-price-storage { margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid #f0f0f1; }
.gws-price-storage b { display: block; margin-bottom: 5px; font: 900 32px/1 Satoshi, sans-serif; letter-spacing: -1px; color: var(--brand); }
.gws-price-storage span { font: 600 13px/1.3 Inter, sans-serif; color: #8a8a8d; }
.gws-price-text { margin: 0 0 24px; font: 400 14.5px/1.65 Inter, sans-serif; color: #6a6a6d; }
.gws-price-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; font: 800 14px/1 Satoshi, sans-serif; color: var(--brand); text-decoration: none; }
.gws-price-link::after { content: "→"; font-size: 15px; transition: transform .2s ease; }
.gws-price-link:hover::after { transform: translateX(3px); }

/* --- Diğer araçlar (uygulama şeridi) --- */
.scene-gws-apps { display: flex; align-items: center; justify-content: center; height: 440px; background: #fff; }
.gws-apps-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; width: 1440px; }
.gws-app-tile { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 26px 14px 22px; background: #fff; border: 1px solid #ececee; border-radius: 20px; box-shadow: 0 16px 36px -30px rgba(52,52,54,.4); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.gws-app-tile:hover { transform: translateY(-4px); border-color: rgba(213,0,55,.26); box-shadow: 0 26px 50px -32px rgba(213,0,55,.34); }
.gws-app-tile img { width: 46px; height: 46px; object-fit: contain; }
.gws-app-tile b { font: 800 14.5px/1.2 Satoshi, sans-serif; color: #343436; text-align: center; }

/* --- Yetenek kartları (2x2) --- */
.scene-gws-feat { display: flex; align-items: center; justify-content: center; height: 640px; background: #fafafb; }
.gws-feat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; width: 1440px; }
.gws-feat-card { display: flex; align-items: center; gap: 24px; padding: 32px 34px; background: #fff; border: 1px solid #ececee; border-radius: 24px; box-shadow: 0 20px 46px -34px rgba(52,52,54,.4); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.gws-feat-card:hover { transform: translateY(-4px); border-color: rgba(213,0,55,.26); box-shadow: 0 30px 60px -34px rgba(213,0,55,.34); }
.gws-feat-img { flex: 0 0 84px; width: 84px; height: 84px; padding: 16px; object-fit: contain; border-radius: 22px; background: #fafafb; border: 1px solid #f0f0f1; }
.gws-feat-img.is-wide { padding: 16px 10px; }
.gws-feat-title { margin: 0 0 8px; font: 800 21px/1.25 Satoshi, sans-serif; color: #343436; }
.gws-feat-text { margin: 0; font: 400 15px/1.65 Inter, sans-serif; color: #6a6a6d; }

/* --- Kurulum & göç --- */
.scene-gws-migration { display: flex; align-items: center; justify-content: center; height: 520px; background: #fff; }

/* --- Rakamlar --- */
.scene-gws-stats { position: relative; display: flex; align-items: center; justify-content: center; height: 213px; overflow: hidden; background: radial-gradient(120% 150% at 50% 0%, #ffffff 0%, #fdf3f6 100%); }
.scene-gws-stats::before { content: ""; position: absolute; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(213,0,55,.08), rgba(213,0,55,0) 70%); pointer-events: none; }

/* --- SSS --- */
.scene-gws-faq { display: flex; align-items: center; justify-content: center; height: 640px; background: #fafafb; }

/* --- Hero görseli (illüstrasyon + yüzen bilgi) --- */
.gws-hero-art { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; }
.gws-hero-glow { position: absolute; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(213,0,55,.16), rgba(213,0,55,0) 66%); pointer-events: none; }
.gws-hero-img { position: relative; width: 460px; max-width: 100%; height: auto; filter: drop-shadow(0 44px 74px rgba(52,52,54,.28)); }
.gws-float { position: absolute; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px; background: #fff; box-shadow: 0 24px 50px -24px rgba(52,52,54,.45); }
.gws-float b { font: 900 20px/1 Satoshi, sans-serif; letter-spacing: -.5px; color: var(--brand); }
.gws-float small { font: 600 11.5px/1.2 Inter, sans-serif; color: #6a6a6d; }
.gws-float img { width: 22px; height: 22px; object-fit: contain; }
.gws-float-a { left: -10px; top: 46px; }
.gws-float-b { right: -14px; bottom: 34px; }

/* --- Ortaklık logoları --- */
.gws-logos { display: flex; align-items: center; justify-content: center; gap: 34px; margin-top: 38px; }
.gws-logos img { height: 48px; width: auto; object-fit: contain; }
.gws-logos img:last-of-type { height: 40px; }
.gws-logos-note { font: 600 13px/1.3 Inter, sans-serif; color: #8a8a8d; }

/* --- Kurulum adımları (zaman çizelgesi) --- */
.gws-steps { list-style: none; margin: 0; padding: 12px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px; width: 1440px; }
.gws-step { position: relative; padding-top: 30px; border-top: 2px solid #ececee; }
.gws-step::before { content: ""; position: absolute; left: 0; top: -7px; width: 12px; height: 12px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 5px rgba(213,0,55,.12); }
.gws-step-img { display: block; width: 58px; height: 58px; margin-bottom: 16px; object-fit: contain; }
.gws-step-num { display: block; margin-bottom: 6px; font: 900 13px/1 Satoshi, sans-serif; letter-spacing: .16em; color: var(--brand); }
.gws-step-title { margin: 0 0 10px; font: 800 19px/1.25 Satoshi, sans-serif; color: #343436; }
.gws-step-text { margin: 0; font: 400 14.5px/1.7 Inter, sans-serif; color: #6a6a6d; }

/* Anasayfa vaka hikâyeleri, aynı vaka kayıtlarından sürdürülür. */
.story-case-title { position: absolute; left: 397px; top: 492px; width: 620px; margin: 0; color: #343436; font: 900 36px/36px Satoshi, Inter, sans-serif; letter-spacing: -.9px; }
.story-case-title-comma { font-weight: 700; }
.story-case-title-accent { color: var(--brand); }
.story-case-title-comma[hidden] { display: none !important; }
.story-case-subtitle { position: absolute; left: 396px; top: 570px; width: 610px; margin: 0; color: #343436; font: 700 18px/1.3 Inter, sans-serif; }
.story-case-description { position: absolute; left: 395px; top: 606px; width: 590px; margin: 0; color: #55555a; font: 400 14px/1.55 Inter, sans-serif; }

/* Teklif isteme sayfasi: iletisim ic sayfa sistemiyle ayni hero + form karti duzeni. */
.page-offer .page-shell { height: calc(2309px * var(--page-scale)); }
.page-offer .design { height: 2309px; }
.scene-offer-main { height: 980px; align-items: flex-start; padding-top: 92px; background: #fff; }
.offer-contact-container { align-items: start; }
.offer-info { padding-top: 18px; }
.offer-step-list { display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 0; list-style: none; }
.offer-step-list li { display: flex; align-items: flex-start; gap: 14px; }
.offer-step-list li > span { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: rgba(213,0,55,.08); color: var(--brand); font: 800 12px/1 Satoshi,Inter,sans-serif; }
.offer-step-list strong { display: block; margin: 1px 0 4px; color: #343436; font: 700 14px/1.35 Inter,sans-serif; }
.offer-step-list p { margin: 0; color: #77777b; font: 400 13px/1.5 Inter,sans-serif; }
.offer-form-card { max-width: 100%; }
.offer-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.offer-form .contact-field-full { grid-column: 1 / -1; }
.offer-services { min-width: 0; margin: 0; padding: 0; border: 0; }
.offer-services legend { margin: 0 0 13px; color: #343436; font: 600 13px/1.4 Inter,sans-serif; }
.offer-services legend span { color: var(--brand); }
.offer-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
.offer-service-option { display: flex; align-items: flex-start; gap: 9px; color: #4f4f53; cursor: pointer; font: 400 12.5px/1.45 Inter,sans-serif; }
.offer-service-option input { flex: 0 0 auto; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--brand); }
.offer-service-option input:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.offer-services small { display: block; margin-top: 8px; color: #8a8a8d; font: 400 11px/1.4 Inter,sans-serif; }
.offer-submit-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.offer-human-check { display: inline-flex; align-items: center; gap: 10px; color: #5b5b5e; cursor: pointer; font: 400 12px/1.4 Inter,sans-serif; }
.offer-human-check input { width: 17px; height: 17px; margin: 0; accent-color: var(--brand); }
.offer-human-check small { margin-left: 8px; color: #a0a0a3; font: 400 10px/1 Inter,sans-serif; }
.offer-submit { grid-column: auto; width: auto; min-width: 170px; margin: 0; }
.offer-submit:disabled { opacity: .6; cursor: wait; }
.offer-form-status { margin: 0; }
.offer-form-status.is-error { color: #c40034; }
.offer-required-note { grid-column: 1 / -1; margin: -8px 0 0; color: #99999c; font: 400 11px/1.4 Inter,sans-serif; }
.offer-page-notice { margin: 0 0 20px; padding: 12px 14px; border-radius: 9px; background: #eff9f2; color: #247a43; font: 500 13px/1.5 Inter,sans-serif; }
.offer-page-notice.is-error { background: #fff1f3; color: #b80030; }
.offer-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.offer-success-modal[hidden] { display: none !important; }
.offer-success-modal { position: fixed; z-index: 100200; inset: 0; display: grid; place-items: center; padding: 22px; }
.offer-success-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(27,27,31,.58); cursor: pointer; backdrop-filter: blur(4px); }
.offer-success-card { position: relative; z-index: 1; width: min(100%,480px); padding: 42px 38px 36px; border: 1px solid #ececee; border-radius: 22px; background: #fff; box-shadow: 0 32px 90px rgba(20,20,24,.28); text-align: center; animation: offer-popup-in .24s ease-out both; }
.offer-success-icon { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 20px; border-radius: 50%; background: rgba(213,0,55,.08); color: var(--brand); }
.offer-success-icon svg { width: 30px; height: 30px; }
.offer-success-eyebrow { margin: 0 0 9px; color: var(--brand); font: 750 11px/1.4 Inter,sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.offer-success-card h2 { margin: 0; color: #343436; font: 900 30px/1.15 Satoshi,Inter,sans-serif; letter-spacing: -.5px; }
.offer-success-card > p:last-of-type { margin: 13px 0 24px; color: #69696e; font: 400 14px/1.65 Inter,sans-serif; }
.offer-success-close { min-width: 126px; padding: 13px 22px; border: 0; border-radius: 9px; background: var(--brand); color: #fff; cursor: pointer; font: 700 13px/1 Inter,sans-serif; transition: background .2s ease,transform .2s ease; }
.offer-success-close:hover { transform: translateY(-1px); background: #b90030; }
@keyframes offer-popup-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Kariyer sayfasi */
.page-career .page-shell { height: calc(3302px * var(--page-scale)); }
.page-career .design { height: 3302px; }
.scene-career-jobs { display: flex; justify-content: center; align-items: flex-start; height: 900px; padding-top: 76px; background: #fff; }
.career-jobs-wrap { width: 1440px; }
.career-section-head { max-width: 740px; margin: 0 auto 38px; text-align: center; }
.career-eyebrow { margin: 0 0 13px; color: var(--brand); font: 700 12px/1.4 Inter,sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.career-section-title { margin: 0; color: #343436; font: 900 42px/1.1 Satoshi,Inter,sans-serif; letter-spacing: -1px; }
.career-section-lead { margin: 15px 0 0; color: #6a6a6d; font: 400 16px/1.6 Inter,sans-serif; }
.career-jobs-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.career-job-card { display: flex; flex-direction: column; min-height: 280px; padding: 26px; border: 1px solid #ececee; border-radius: 18px; background: #fff; box-shadow: 0 14px 36px rgba(52,52,54,.06); transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.career-job-card:hover { transform: translateY(-4px); border-color: rgba(213,0,55,.25); box-shadow: 0 22px 46px rgba(52,52,54,.1); }
.career-job-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.career-job-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: rgba(213,0,55,.08); color: var(--brand); }
.career-job-mark svg { width: 22px; height: 22px; }
.career-job-status { padding: 7px 10px; border-radius: 999px; background: #eef8f1; color: #328052; font: 700 10px/1 Inter,sans-serif; }
.career-job-card h3 { margin: 0 0 10px; color: #66666c; font: 850 20px/1.25 Satoshi,Inter,sans-serif; }
.career-job-summary { margin: 0 0 14px; color: #6a6a6d; font: 400 13px/1.65 Inter,sans-serif; }
.career-job-details { margin: 0 0 14px; color: #67676c; font: 400 12.5px/1.6 Inter,sans-serif; }
.career-job-details summary { color: #66666c; cursor: pointer; font: 700 12px/1.4 Inter,sans-serif; }
.career-job-details p { margin: 9px 0 0; }
.career-job-details ul { margin: 8px 0 0; padding-left: 18px; }
.career-job-details li + li { margin-top: 4px; }
.career-job-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.career-job-meta span { padding: 6px 9px; border: 1px solid #eeeeef; border-radius: 999px; color: #77777b; font: 600 10.5px/1 Inter,sans-serif; }
.career-job-apply { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: var(--brand); font: 750 12.5px/1.4 Inter,sans-serif; }
.career-job-apply svg { width: 18px; height: 9px; transition: transform .2s ease; }
.career-job-apply:hover svg { transform: translateX(4px); }
.career-jobs-empty { padding: 42px; border: 1px dashed #e5e5e8; border-radius: 18px; background: #fafafb; text-align: center; }
.career-jobs-empty p { margin: 0 0 8px; color: #343436; font: 800 20px/1.3 Satoshi,Inter,sans-serif; }
.career-jobs-empty span { color: #77777b; font: 400 14px/1.6 Inter,sans-serif; }
.scene-career-apply { display: flex; align-items: flex-start; justify-content: center; height: 1100px; padding-top: 80px; background: #fafafb; }
.career-apply-container { align-items: start; }
.career-apply-info { padding-top: 22px; }
.career-apply-info .career-eyebrow { display: flex; align-items: center; gap: 12px; }
.career-apply-info .career-eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--brand); }
.career-privacy-note { max-width: 500px; margin-top: 26px; padding: 17px 19px; border: 1px solid #ececee; border-radius: 13px; background: #fff; color: #77777b; font: 400 12px/1.6 Inter,sans-serif; }
.career-privacy-note a { color: var(--brand); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.career-application-card { padding: 36px; }
.career-application-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.career-application-form .contact-field-full { grid-column: 1 / -1; }
.career-cv-input { padding: 10px !important; background: #fff !important; }
.career-file-note { margin-top: -1px; color: #8a8a8d; font: 400 11px/1.4 Inter,sans-serif; }
.career-privacy-check { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 9px; color: #68686c; font: 400 12px/1.55 Inter,sans-serif; }
.career-privacy-check input, .career-human-check input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--brand); }
.career-privacy-check a { color: var(--brand); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.career-privacy-check b { color: var(--brand); }
.career-human-check { grid-column: 1 / -1; display: inline-flex; align-items: flex-start; gap: 9px; color: #68686c; font: 400 12px/1.5 Inter,sans-serif; }
.career-submit { grid-column: 1 / -1; margin: 0; }
.career-form-status { margin: 0; }
.career-form-status.is-error { color: #b80030; }
.career-honeypot { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; }