/* Anasayfa hero (versiyon-1 tasarımı). Tüm stiller .abis altında kapsüllüdür. Arka plan görseli panelden (Slayt > Resim) inline gelir. */

.abis{--navy:#0d3159;--cyan:#23a8d4;--muted:#607493;--gutter:clamp(24px,6.1vw,112px);font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#f7fbff;overflow:hidden;position:relative}
.abis *{box-sizing:border-box}.abis a{color:inherit;text-decoration:none}.abis svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.abis-symbols{position:absolute;width:0;height:0;overflow:hidden}.abis a:focus-visible,.abis button:focus-visible{outline:3px solid #1599c1;outline-offset:6px}
.abis-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:58px;padding:16px 32px;background:linear-gradient(110deg,#0e3258,#0b3b65);color:#fff!important;border-radius:9px;box-shadow:0 6px 12px -10px #052348;transition:transform .25s,box-shadow .25s}.abis-button:hover{transform:translateY(-3px);box-shadow:0 9px 22px -10px #123e64}.abis-button svg,.abis-text-link svg{width:21px;height:21px;transition:transform .25s}.abis-button:hover svg,.abis-text-link:hover svg{transform:translateX(4px)}.abis-demo{min-height:48px;padding:14px 23px;font-size:14px}.abis-menu-button{display:none}
.abis-hero{height:clamp(680px,41.7vw,820px);position:relative;isolation:isolate;display:flex;align-items:center;padding:115px var(--gutter) 55px}
.abis-photo{position:absolute;inset:0;z-index:-3;background:center bottom/cover no-repeat}.abis-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,252,255,.55),rgba(248,252,255,.3) 36%,transparent 62%)}
.abis-waves{position:absolute;z-index:-2;left:-12%;bottom:30px;width:60%;height:220px;opacity:.5;transform:rotate(15deg);border:36px solid #fff;border-left:0;border-right:0;pointer-events:none}
.abis-copy-wrap{position:relative;z-index:2;width:52%;max-width:790px;display:grid;animation:abis-enter .85s both}.abis-eyebrow{font-size:13px;font-weight:600;color:#8497b0;display:flex;align-items:center;gap:15px;margin:0 0 24px}.abis-eyebrow:before{content:"";height:1px;width:43px;background:#14acbf;flex-shrink:0}
.abis h1,.abis .abis-h1{font-size:clamp(42px,3.88vw,70px);line-height:1.09;letter-spacing:-2.3px;margin:0 0 25px;font-weight:700;white-space:nowrap}.abis h1 span,.abis .abis-h1 span{color:var(--cyan)}
.abis-description{font-size:clamp(17px,1.25vw,23px);line-height:1.55;color:var(--muted);max-width:600px;margin:0}.abis-actions{display:flex;align-items:center;gap:32px;margin-top:48px;font-size:16px}.abis-text-link{display:inline-flex;align-items:center;gap:20px;padding:9px 0;border-bottom:1px solid;font-weight:600;white-space:nowrap}
.abis-network{position:absolute;right:3.1%;top:105px;width:49%;aspect-ratio:800/520;pointer-events:none;animation:abis-enter 1.1s .15s both}.abis-connections{width:100%;height:100%;overflow:visible;stroke:url(#line-color)!important;stroke-width:1.1!important}.abis-dashed{stroke-dasharray:3 12;opacity:.5;animation:abis-dash 24s linear infinite}.abis-orb{position:absolute;display:grid;place-items:center;width:76px;aspect-ratio:1;background:rgba(255,255,255,.94);border:1px solid #9bdded;border-radius:50%;color:#12a8bc;box-shadow:0 6px 30px #58a6c00b;animation:abis-float 6s ease-in-out infinite}.abis-orb svg{width:45%;height:45%}.abis-orb-book{left:4%;top:36%;width:68px;animation-delay:-1s}.abis-orb-chart{left:85%;top:1%;animation-delay:-3s}.abis-orb-cap{left:80%;top:30%;width:92px;color:#1773ad;animation-delay:-2s}.abis-orb-doc{left:20%;top:62%;width:65px;animation-delay:-4s}.abis-orb-people{left:72%;top:77%;width:72px;animation-delay:-.5s}
.abis-graph{position:absolute;left:51%;top:39%;width:22%;padding:12px;border:1px solid #fff;border-radius:12px;background:linear-gradient(120deg,#ffffffb5,#e3f6ff70);box-shadow:0 8px 25px #23688812;transform:perspective(500px) rotateY(-12deg) rotateZ(-3deg);animation:abis-graph-float 7s ease-in-out infinite}.abis-graph svg{display:block;width:100%;stroke:#1699bd;stroke-width:1.3}.abis-grid{stroke:#fff;opacity:.85;stroke-width:.7}.abis-graph-line{stroke-dasharray:220;animation:abis-draw 6s ease-in-out infinite}.abis-graph circle{fill:#fff}
.abis-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px var(--gutter) 32px;background:#ffffffdc;border-top:1px solid #dfebf3;gap:28px}.abis-benefits article{display:flex;gap:24px;padding-right:25px;border-right:1px solid #e0e8f1}.abis-benefits article:last-child{border:0;padding-right:0}.abis-benefits article>svg{width:31px;height:31px;flex-shrink:0;margin-top:2px}.abis-benefits h2{font-size:15px;margin:0 0 6px;font-weight:600}.abis-benefits p{font-size:14px;line-height:1.5;margin:0;color:#8596af}
@keyframes abis-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes abis-dash{to{stroke-dashoffset:-150}}@keyframes abis-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes abis-draw{0%,12%{stroke-dashoffset:220}55%,100%{stroke-dashoffset:0}}@keyframes abis-graph-float{0%,100%{transform:perspective(500px) rotateY(-12deg) rotateZ(-3deg) translateY(0)}50%{transform:perspective(500px) rotateY(-8deg) rotateZ(-2deg) translateY(-7px)}}
@media(min-width:1700px){.abis-hero{padding-top:125px}.abis-header{height:110px}.abis-copy-wrap{max-width:820px}.abis-network{top:125px}.abis-benefits h2{font-size:16px}.abis-benefits p{font-size:16px}}
@media(max-width:1150px){.abis-header{height:95px;gap:24px}.abis-nav{gap:20px}.abis-nav a{font-size:13px}.abis-demo{padding:13px 16px}.abis-hero{height:650px}.abis h1,.abis .abis-h1{font-size:43px}.abis-copy-wrap{width:58%}.abis-description{max-width:475px;font-size:18px}.abis-network{top:165px;width:47%;right:1%}.abis-orb{width:60px}.abis-orb-cap{width:75px}.abis-actions{gap:22px;font-size:14px}.abis-button{padding:16px 22px}.abis-benefits{gap:20px}.abis-benefits article{gap:14px;padding-right:16px}.abis-benefits h2{font-size:13px}.abis-benefits p{font-size:13px}}
@media(max-width:900px){.abis-header{height:88px}.abis-logo>span{font-size:39px}.abis-logo small{font-size:9px;letter-spacing:4px}.abis-demo{margin-left:auto;font-size:12px;min-height:43px;padding:11px 14px;gap:10px}.abis-menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;width:40px;height:44px;padding:8px;color:var(--navy);order:3;cursor:pointer}.abis-menu-button span{display:block;width:24px;height:2px;background:currentColor}.abis-nav{display:none;position:absolute;top:80px;left:var(--gutter);right:var(--gutter);background:#fff;padding:16px 24px;border:1px solid #dceaf3;border-radius:12px;box-shadow:0 12px 30px #12345614}.abis-nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.abis-nav a{padding:13px 0;font-size:16px}.abis-benefits{grid-template-columns:repeat(2,1fr)}.abis-benefits article:nth-child(2){border:0}}
@media(max-width:640px){.abis-header{gap:12px}.abis-hero{display:block;height:auto;min-height:820px;padding:136px var(--gutter) 350px}.abis-copy-wrap{width:100%;max-width:none}.abis-eyebrow{font-size:10px;gap:10px;margin-bottom:20px}.abis-eyebrow:before{width:24px}.abis h1,.abis .abis-h1{font-size:clamp(32px,7.5vw,46px);letter-spacing:-1.25px;line-height:1.12;white-space:normal;margin-bottom:20px}.abis-description{font-size:16px;line-height:1.6;max-width:460px}.abis-actions{margin-top:28px;gap:22px;flex-wrap:wrap;font-size:13px}.abis-actions .abis-button{min-height:52px;padding:14px 18px;gap:12px}.abis-text-link{gap:10px}.abis-photo{inset:330px 0 0;background-size:auto 100%;background-position:69% bottom}.abis-photo:after{background:linear-gradient(#f7fbff 0%,#f7fbffdc 10%,transparent 42%)}.abis-network{width:94%;right:1%;top:auto;bottom:34px}.abis-orb{width:49px}.abis-orb-cap{width:62px}.abis-orb-book{width:47px}.abis-orb-doc{width:46px}.abis-orb-people{width:51px}.abis-graph{padding:7px}.abis-waves{display:none}.abis-benefits{padding:25px var(--gutter);gap:25px 18px}.abis-benefits article{display:block;padding-right:12px}.abis-benefits article>svg{margin-bottom:12px;width:27px;height:27px}.abis-benefits h2{font-size:13px;line-height:1.35}.abis-benefits p{font-size:12px}.abis-demo svg{display:none}}
@media(prefers-reduced-motion:reduce){.abis *,.abis *:before,.abis *:after{animation:none!important;transition:none!important}.abis-graph-line{stroke-dashoffset:0}.abis-connections>circle{display:none}}

/* Mevcut header ile entegrasyon */
.abis h1,.abis .abis-h1,.abis h2{font-family:Arial,Helvetica,sans-serif!important;color:var(--navy);text-transform:none}
.abis p{margin-top:0}
.abis a:hover{text-decoration:none}
@media(min-width:641px){.abis-photo:after{background:linear-gradient(180deg,rgba(248,252,255,.97) 0,rgba(248,252,255,.9) 135px,transparent 250px),linear-gradient(90deg,#f8fcff 0%,rgba(248,252,255,.97) 25%,rgba(248,252,255,.88) 38%,rgba(248,252,255,.35) 51%,transparent 65%)}}
.abis-hero{padding-top:210px;height:clamp(760px,46vw,900px)}
.abis-network{top:190px}
@media(max-width:1150px){.abis-hero{height:730px;padding-top:190px}.abis-network{top:210px}}
@media(max-width:640px){.abis-hero{height:auto;min-height:880px;padding-top:180px}.abis-network{top:auto}.abis-photo{top:380px}}

/* Alt avantaj şeridi hero'dan taşan dekoratif şeridin üstünde kalsın */
.abis-benefits{position:relative;z-index:1;background:#fff}

/* Sadece ana sayfa: header, hero ile aynı genişlik ve kenar boşluğunu kullanır */
.anasayfa-hero #header .uk-container{max-width:none;padding-left:clamp(24px,6.1vw,112px);padding-right:clamp(24px,6.1vw,112px)}

/* Çoklu slayt: metinler aynı hücrede üst üste, görseller üst üste; aktif olan görünür */
.abis-copy-wrap>.abis-copy{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .7s ease,transform .7s ease,visibility 0s linear .7s}
.abis-copy-wrap>.abis-copy.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease .15s,transform .7s ease .15s,visibility 0s}
.abis-photo{transition:opacity 1.1s ease;opacity:0}.abis-photo.is-active{opacity:1}
.abis .abis-h1{display:block}
.abis-dots{grid-row:2;display:flex;gap:10px;margin-top:44px}
.abis-dots button{width:28px;height:4px;padding:0;border:0;border-radius:2px;background:#c5d3e1;cursor:pointer;transition:background .3s,width .3s}
.abis-dots button.is-active{width:46px;background:var(--cyan)}
.abis-dots button:hover{background:#8fb3cc}.abis-dots button.is-active:hover{background:var(--cyan)}
@media(max-width:640px){.abis-dots{margin-top:28px}}
/* Kaydırma/sürükleme ile slayt değişimi (birden fazla slayt varsa JS ekler) */
.abis-hero.abis-swipe{touch-action:pan-y;-webkit-user-select:none;user-select:none}
