/* ATU Bilişim V5 — gerçekçi, hareketli ve responsive ana sayfa hero */
.atu-v5-hero-section {
    overflow: hidden;
    padding: 18px 0 42px;
    background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
}

.atu-v5-hero-shell {
    --atu-v5-cream: #fbf2e9;
    --atu-v5-ink: #15110f;
    --atu-v5-red: #b40718;
    --atu-v5-muted: #665b55;
    position: relative;
    isolation: isolate;
    width: min(1320px, calc(100% - 36px));
    height: 620px;
    margin: 0 auto;
    overflow: hidden;
    background: linear-gradient(112deg, #fffaf6 0%, var(--atu-v5-cream) 51%, #ead8cb 100%);
}

.atu-v5-hero-shell::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -120px;
    right: -70px;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(180, 7, 24, .17), rgba(180, 7, 24, 0) 67%);
}

.atu-v5-hero-shell::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: -84px;
    bottom: -190px;
    width: 580px;
    height: 580px;
    border: 1px solid rgba(180, 7, 24, .17);
    border-radius: 50%;
    box-shadow: 0 0 0 72px rgba(180, 7, 24, .035), 0 0 0 144px rgba(180, 7, 24, .025);
}

.atu-v5-dots {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: 22px;
    width: 112px;
    height: 84px;
    opacity: .72;
    background-image: radial-gradient(circle, var(--atu-v5-red) 1.3px, transparent 1.5px);
    background-size: 13px 13px;
    mask-image: linear-gradient(135deg, #000, transparent 82%);
}

.atu-v5-fold {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    width: 215px;
    height: 144px;
    overflow: hidden;
    pointer-events: none;
}

.atu-v5-fold::before,
.atu-v5-fold::after {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, #78000b, #d30c20 60%, #8c0010);
    box-shadow: 0 18px 40px rgba(92, 0, 11, .24);
}

.atu-v5-fold::before {
    top: -68px;
    right: -28px;
    width: 240px;
    height: 120px;
    transform: rotate(34deg);
}

.atu-v5-fold::after {
    top: 43px;
    right: 32px;
    width: 82px;
    height: 140px;
    transform: rotate(35deg);
}

.atu-v5-slide {
    position: absolute;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity .62s ease, visibility .62s ease;
}

.atu-v5-slide.is-active {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.atu-v5-copy {
    position: relative;
    z-index: 5;
    display: flex;
    width: 64%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 58px 38px 92px clamp(50px, 4vw, 68px);
}

.atu-v5-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    color: var(--atu-v5-red);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .19em;
}

.atu-v5-kicker::after {
    content: "";
    width: 46px;
    height: 1px;
    background: var(--atu-v5-red);
    opacity: .55;
}

.atu-v5-copy h1,
.atu-v5-copy h2 {
    max-width: 720px;
    margin: 0 0 20px !important;
    padding: 0 !important;
    color: var(--atu-v5-ink) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(64px, 6vw, 90px) !important;
    font-weight: 500 !important;
    line-height: .88 !important;
    letter-spacing: -.06em !important;
    text-wrap: initial !important;
}

.atu-v5-copy h1 span,
.atu-v5-copy h2 span {
    color: var(--atu-v5-red);
}

.atu-v5-mobile-break {
    display: none;
}

.atu-v5-copy p {
    max-width: 540px !important;
    margin: 0 !important;
    color: var(--atu-v5-muted) !important;
    font-size: 16px !important;
    line-height: 1.68 !important;
}

.atu-v5-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 27px;
}

.atu-v5-primary,
.atu-v5-secondary {
    text-decoration: none !important;
}

.atu-v5-primary {
    display: inline-flex;
    min-height: 51px;
    align-items: center;
    justify-content: center;
    padding: 0 21px;
    border-radius: 4px;
    background: var(--atu-v5-red);
    box-shadow: 0 15px 34px rgba(180, 7, 24, .2);
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
}

.atu-v5-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--atu-v5-ink) !important;
    font-size: 12px;
    font-weight: 900;
}

.atu-v5-secondary::after {
    content: "→";
    color: var(--atu-v5-red);
    font-size: 18px;
}

.atu-v5-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 25px;
    color: #5d514b;
    font-size: 10px;
    font-weight: 800;
}

.atu-v5-proof span::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--atu-v5-red);
    box-shadow: 0 0 0 4px rgba(180, 7, 24, .08);
}

.atu-v5-scene {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
}

.atu-v5-scene::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    background: linear-gradient(90deg, #fbf2e9 0%, rgba(251, 242, 233, .98) 35%, rgba(251, 242, 233, .76) 48%, rgba(251, 242, 233, .16) 68%, transparent 82%), linear-gradient(180deg, rgba(251, 242, 233, .04) 62%, rgba(239, 222, 210, .74) 100%);
    pointer-events: none;
}

.atu-v5-backdrop {
    position: absolute;
    z-index: 1;
    inset: -3%;
    width: 106%;
    height: 106%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    filter: saturate(.92) contrast(1.01);
    transform: scale(1.045) translate3d(1.3%, .7%, 0);
}

.atu-v5-slide.is-active .atu-v5-backdrop {
    animation: atuV5BackdropIn .85s ease .05s forwards, atuV5Camera 8s ease-in-out .9s infinite alternate;
}

.atu-v5-light {
    position: absolute;
    z-index: 2;
    inset: -35%;
    background: linear-gradient(110deg, transparent 36%, rgba(255, 255, 255, .34) 47%, rgba(255, 240, 226, .18) 51%, transparent 61%);
    opacity: 0;
    transform: translateX(-45%);
    mix-blend-mode: screen;
}

.atu-v5-slide.is-active .atu-v5-light {
    animation: atuV5Light 6.5s ease-in-out 1.1s infinite;
}

.atu-v5-caption {
    position: absolute;
    z-index: 5;
    right: 5%;
    bottom: 7%;
    max-width: 330px;
    color: var(--atu-v5-ink);
    font-family: Georgia, "Times New Roman", serif;
    text-align: right;
}

.atu-v5-caption span {
    display: block;
    margin-bottom: 5px;
    color: var(--atu-v5-red);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .16em;
}

.atu-v5-caption strong {
    font-size: 26px;
    font-weight: 500;
}

.atu-v5-controls {
    position: absolute;
    z-index: 10;
    left: clamp(50px, 4vw, 68px);
    bottom: 35px;
    display: flex;
    align-items: center;
    gap: 11px;
}

.atu-v5-arrow,
.atu-v5-pause {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--atu-v5-ink);
    font-size: 18px;
    cursor: pointer;
}

.atu-v5-pause {
    font-size: 11px;
}

.atu-v5-progress {
    display: flex;
    align-items: center;
    gap: 7px;
}

.atu-v5-progress button {
    width: 20px;
    height: 2px;
    padding: 0;
    border: 0;
    background: rgba(21, 17, 15, .22);
    cursor: pointer;
    transition: width .3s, background .3s;
}

.atu-v5-progress button.is-active {
    width: 50px;
    background: var(--atu-v5-red);
}

.atu-v5-count {
    padding-inline: 5px;
    color: #766a64;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}

.atu-v5-count strong {
    color: var(--atu-v5-red);
}

@keyframes atuV5BackdropIn {
    to { opacity: 1; transform: scale(1.02) translate3d(0, 0, 0); }
}

@keyframes atuV5Camera {
    to { transform: scale(1.075) translate3d(-.7%, -.45%, 0); }
}

@keyframes atuV5Light {
    0%, 18% { opacity: 0; transform: translateX(-45%); }
    35% { opacity: .7; }
    56%, 100% { opacity: 0; transform: translateX(48%); }
}

@media (max-width: 900px) {
    .atu-v5-copy { width: 58%; padding-left: 36px; }
    .atu-v5-controls { left: 36px; }
}

@media (max-width: 700px) {
    .atu-v5-hero-section { padding: 0 0 30px; }
    .atu-v5-hero-shell { width: 100%; height: 385px; }
    .atu-v5-hero-shell::before { top: 300px; right: -190px; width: 420px; height: 420px; }
    .atu-v5-hero-shell::after { right: -260px; bottom: -260px; width: 490px; height: 490px; }
    .atu-v5-dots { top: 6px; left: 9px; }
    .atu-v5-fold { width: 116px; height: 92px; }
    .atu-v5-fold::before { top: -51px; right: -39px; width: 150px; height: 84px; }
    .atu-v5-fold::after { top: 24px; right: 12px; width: 54px; height: 95px; }
    .atu-v5-copy { width: 86%; height: auto; justify-content: flex-start; padding: 30px 24px 0; }
    .atu-v5-kicker { max-width: 290px; margin-bottom: 13px; font-size: 8px; line-height: 1.5; }
    .atu-v5-copy h1,
    .atu-v5-copy h2 { max-width: 420px; margin-bottom: 14px !important; font-size: clamp(43px, 12vw, 57px) !important; line-height: .9 !important; }
    .atu-v5-mobile-break { display: block; }
    .atu-v5-copy p { display: -webkit-box; max-width: 390px !important; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 13px !important; line-height: 1.55 !important; }
    .atu-v5-actions { gap: 15px; margin-top: 18px; }
    .atu-v5-primary { min-height: 45px; padding: 0 15px; font-size: 10px; }
    .atu-v5-secondary { font-size: 10px; }
    .atu-v5-proof { display: none; }
    .atu-v5-controls { left: 22px; bottom: 10px; }
    .atu-v5-arrow,
    .atu-v5-pause { width: 31px; height: 31px; }
    .atu-v5-progress button { width: 14px; }
    .atu-v5-progress button.is-active { width: 38px; }
    .atu-v5-scene::after { background: linear-gradient(90deg, #fbf2e9 0%, rgba(251, 242, 233, .97) 54%, rgba(251, 242, 233, .72) 76%, rgba(251, 242, 233, .18) 100%), linear-gradient(180deg, rgba(251, 242, 233, .03) 62%, rgba(239, 222, 210, .5) 100%); }
    .atu-v5-backdrop { inset: -4%; width: 108%; height: 108%; object-position: 66% 34%; filter: saturate(.88) contrast(.98); }
    .atu-v5-caption { display: none; }
}

@media (max-width: 390px) {
    .atu-v5-hero-shell { height: 355px; }
    .atu-v5-copy { width: 100%; padding: 18px 18px 0; }
    .atu-v5-copy h1,
    .atu-v5-copy h2 { font-size: 37px !important; }
    .atu-v5-controls { left: 16px; bottom: 8px; }
    .atu-v5-count { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .atu-v5-slide,
    .atu-v5-backdrop,
    .atu-v5-light { animation: none !important; transition: none !important; }
    .atu-v5-slide.is-active .atu-v5-backdrop { opacity: 1; transform: none; }
}