.ayberk-home-hero { position: relative; height: max(43.125rem,calc(100svh - var(--ayberk-header-height))); min-height: 38rem; overflow: hidden; color: #fff; background: #081526; }
.ayberk-home-hero__viewport,.ayberk-home-hero__slide,.ayberk-home-hero__media,.ayberk-home-hero__shade { position: absolute; inset: 0; }
.ayberk-home-hero__slide { opacity: 0; visibility: hidden; transition: opacity .75s var(--ayberk-ease),visibility .75s; }
.ayberk-home-hero__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.ayberk-home-hero__media img,.ayberk-home-hero__media video { width: 100%; height: 100%; object-fit: cover; }
.ayberk-home-hero__shade { background: linear-gradient(90deg,rgba(var(--ayberk-hero-color-r),var(--ayberk-hero-color-g),var(--ayberk-hero-color-b),var(--ayberk-hero-overlay-left)) 0%,rgba(var(--ayberk-hero-color-r),var(--ayberk-hero-color-g),var(--ayberk-hero-color-b),var(--ayberk-hero-overlay-left)) var(--ayberk-hero-gradient-start),rgba(var(--ayberk-hero-color-r),var(--ayberk-hero-color-g),var(--ayberk-hero-color-b),var(--ayberk-hero-overlay-middle)) var(--ayberk-hero-gradient-balance),rgba(var(--ayberk-hero-color-r),var(--ayberk-hero-color-g),var(--ayberk-hero-color-b),var(--ayberk-hero-overlay-right)) var(--ayberk-hero-gradient-end),rgba(var(--ayberk-hero-color-r),var(--ayberk-hero-color-g),var(--ayberk-hero-color-b),var(--ayberk-hero-overlay-right)) 100%); }
.ayberk-home-hero__content { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }
.ayberk-home-hero__copy { width: min(48rem,72%); padding-block: 5rem; }
.ayberk-home-hero__eyebrow { margin: 0 0 1.25rem; color: #92cdfd; font-size: .75rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.ayberk-home-hero__title { max-width: 44rem; margin: 0; color: #fff; font-size: clamp(2.45rem,4vw,4.1rem); font-weight: 770; letter-spacing: -.04em; line-height: 1.02; overflow-wrap: break-word; text-wrap: balance; }
.ayberk-home-hero__description { max-width: 42rem; margin: 1.5rem 0 0; color: #d4deea; font-size: clamp(1rem,1.25vw,1.15rem); line-height: 1.75; }
.ayberk-home-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.ayberk-button--hero-secondary { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.42); backdrop-filter: blur(8px); }
.ayberk-button--hero-secondary:hover { color: #fff; background: rgba(255,255,255,.16); border-color: #fff; }
.ayberk-home-hero__trust { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 1.7rem; color: #d7e1ec; font-size: .78rem; }
.ayberk-home-hero__trust span { display: inline-flex; align-items: center; gap: .4rem; }
.ayberk-home-hero__trust svg { color: #70bcff; }
.ayberk-home-hero__arrow { position: absolute; z-index: 4; top: 50%; transform: translateY(-50%); color: #fff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); }
.ayberk-home-hero__arrow:hover { color: #fff; background: rgba(8,103,232,.8); border-color: rgba(255,255,255,.6); }
.ayberk-home-hero__arrow--previous { left: max(1rem,calc((100% - var(--ayberk-container))/2 - 4rem)); }
.ayberk-home-hero__arrow--next { right: max(1rem,calc((100% - var(--ayberk-container))/2 - 4rem)); }
.ayberk-home-hero__dots { position: absolute; z-index: 4; bottom: 2rem; left: 50%; display: flex; gap: .55rem; transform: translateX(-50%); }
.ayberk-home-hero__dot { width: .55rem; height: .55rem; padding: 0; background: rgba(255,255,255,.45); border: 0; border-radius: 99px; transition: width .25s ease,background .25s ease; }
.ayberk-home-hero__dot.is-active { width: 1.75rem; background: #fff; }
@media (max-width: 900px) { .ayberk-home-hero__copy { width: min(43rem,88%); } .ayberk-home-hero__arrow { top: auto; bottom: 1.4rem; transform: none; } .ayberk-home-hero__arrow--previous { left: var(--ayberk-gutter); } .ayberk-home-hero__arrow--next { right: var(--ayberk-gutter); } }
@media (max-width: 620px) { .ayberk-home-hero { min-height: 40rem; height: calc(100svh - var(--ayberk-header-height)); } .ayberk-home-hero__copy { width: 100%; padding-bottom: 6rem; } .ayberk-home-hero__title { max-width: 100%; font-size: clamp(2rem,9.5vw,2.75rem); letter-spacing: -.035em; line-height: 1.05; } .ayberk-home-hero__trust { gap: .7rem 1rem; } }