/* === Style block 1 === */

/* ====== Genel YBS Ana Sayfa Tipografi & Tokenlar ====== */
.ybs-home{--c-tu:#0EA5B7;--c-tu-d:#067A87;--c-or:#F59E0B;--c-or-d:#D97706;--c-na:#0F172A;--c-mu:#475569;--c-bg:#F8FAFC;font-family:'Poppins','Helvetica Neue','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,sans-serif}
.ybs-home section{position:relative}
.ybs-home a{text-decoration:none}
.ybs-home h1,.ybs-home h2,.ybs-home h3,.ybs-home h4{letter-spacing:-.02em;line-height:1.2;color:var(--c-na);margin:0}
.ybs-home p{margin:0;line-height:1.65;color:var(--c-mu)}
/* ====== HERO SLIDER ====== */
.ybs-hs-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;overflow:hidden;background:#0B1530;isolation:isolate}
.ybs-hs{position:relative;width:100%;height:min(720px,82vh);min-height:580px;display:grid;grid-template-columns:1fr}
.ybs-hs-slide{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .9s ease-in-out;pointer-events:none;position:relative;color:#fff}
.ybs-hs-slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.ybs-hs-slide::before{content:"";position:absolute;top:-220px;right:-150px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 60%);pointer-events:none}
.ybs-hs-slide::after{content:"";position:absolute;bottom:-180px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 60%);pointer-events:none}
/* 10 farklı slayt gradient'i */
.ybs-hs-slide.s1{background:linear-gradient(135deg,#0B1530 0%,#1A1A2E 55%,#0F3460 100%)}
.ybs-hs-slide.s2{background:linear-gradient(135deg,#0E7490 0%,#0891B2 55%,#06B6D4 100%)}
.ybs-hs-slide.s3{background:linear-gradient(135deg,#7C2D12 0%,#C2410C 55%,#F57C2C 100%)}
.ybs-hs-slide.s4{background:linear-gradient(135deg,#1E3A8A 0%,#3730A3 55%,#7E22CE 100%)}
.ybs-hs-slide.s5{background:linear-gradient(135deg,#064E3B 0%,#047857 55%,#10B981 100%)}
.ybs-hs-slide.s6{background:linear-gradient(135deg,#0B1530 0%,#1E40AF 55%,#0EA5B7 100%)}
.ybs-hs-slide.s7{background:linear-gradient(135deg,#78350F 0%,#B45309 55%,#F59E0B 100%)}
.ybs-hs-slide.s8{background:linear-gradient(135deg,#581C87 0%,#7C3AED 55%,#C026D3 100%)}
.ybs-hs-slide.s9{background:linear-gradient(135deg,#831843 0%,#BE185D 55%,#EC4899 100%)}
.ybs-hs-slide.s10{background:linear-gradient(135deg,#0B1530 0%,#0EA5B7 55%,#F59E0B 100%)}
.ybs-hs-inner{position:relative;z-index:1;max-width:1280px;width:100%;margin:0 auto;padding:clamp(80px,8vw,120px) clamp(20px,4vw,60px);display:grid;grid-template-columns:1.1fr .95fr;gap:clamp(2rem,4vw,4rem);align-items:center}
@media(max-width:980px){.ybs-hs-inner{grid-template-columns:1fr;text-align:center;padding:80px 22px 110px;gap:1.6rem}.ybs-hs{height:auto;min-height:640px}}
.ybs-hs-eye{display:inline-block;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.32);color:#fff;padding:.5rem 1.3rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.3rem;white-space:nowrap}
.ybs-hs-eye::before{content:"✦";margin-right:.5rem;opacity:.85}
.ybs-hs-title{font-size:clamp(2rem,3.8vw,3.4rem)!important;font-weight:800!important;color:#fff!important;line-height:1.1!important;text-shadow:0 6px 30px rgba(0,0,0,.4);margin:0 0 1rem!important}
.ybs-hs-title em{font-style:normal;background:linear-gradient(135deg,#19d7e2,#97f4f3);-webkit-background-clip:text;background-clip:text;color:transparent}
.ybs-hs-sub{font-size:clamp(1rem,1.4vw,1.25rem)!important;font-weight:500!important;color:rgba(255,255,255,.95)!important;margin:0 0 .9rem!important;line-height:1.4!important}
.ybs-hs-desc{font-size:clamp(.92rem,1.05vw,1rem)!important;color:rgba(255,255,255,.85)!important;margin:0 0 1.4rem!important;line-height:1.65!important;max-width:560px}
@media(max-width:980px){.ybs-hs-desc{margin-left:auto;margin-right:auto}}
.ybs-hs-cta{display:inline-flex;gap:.7rem;flex-wrap:wrap}
@media(max-width:980px){.ybs-hs-cta{justify-content:center}}
.ybs-hs-cta a{display:inline-flex;align-items:center;gap:.45rem;padding:.95rem 1.85rem;border-radius:9999px;font-weight:700;font-size:.95rem;transition:.25s}
.ybs-hs-cta a.pri{background:#fff;color:#0B1B3A;box-shadow:0 14px 32px rgba(0,0,0,.25)}
.ybs-hs-cta a.pri:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.3)}
.ybs-hs-cta a.pri::after{content:"→";transition:transform .25s}
.ybs-hs-cta a.pri:hover::after{transform:translateX(4px)}
.ybs-hs-cta a.gh{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.ybs-hs-cta a.gh:hover{background:rgba(255,255,255,.22)}
.ybs-hs-illu{position:relative;width:min(360px,32vw);aspect-ratio:1/1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:32px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:grid;place-items:center;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);justify-self:end;font-size:clamp(5rem,12vw,9.5rem)}
@media(max-width:980px){.ybs-hs-illu{justify-self:center;width:min(240px,55vw)}}
.ybs-hs-illu::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 60%);filter:blur(40px);animation:ybsHsPulse 5s ease-in-out infinite;pointer-events:none}
.ybs-hs-illu span{position:relative;z-index:2;animation:ybsHsFloat 5s ease-in-out infinite;filter:drop-shadow(0 25px 50px rgba(0,0,0,.4));font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;line-height:1}
@keyframes ybsHsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes ybsHsPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
.ybs-hs-pag{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5;padding:10px 18px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12);border-radius:9999px;backdrop-filter:blur(8px);max-width:90vw;flex-wrap:wrap;justify-content:center}
.ybs-hs-pag button{width:30px;height:5px;border-radius:3px;border:0;background:rgba(255,255,255,.28);cursor:pointer;transition:.3s;padding:0}
.ybs-hs-pag button.active{background:#fff;width:54px;box-shadow:0 0 12px rgba(255,255,255,.5)}
.ybs-hs-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:1.6rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s;z-index:5;backdrop-filter:blur(8px)}
.ybs-hs-nav:hover{background:rgba(255,255,255,.22);transform:translateY(-50%) scale(1.05)}
.ybs-hs-nav.prev{left:20px}.ybs-hs-nav.next{right:20px}
@media(max-width:720px){.ybs-hs-nav{display:none}.ybs-hs-pag button{width:22px}.ybs-hs-pag button.active{width:38px}}

/* === Style block 2 === */

.ybs-stats{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;padding:clamp(36px,4vw,52px) clamp(20px,4vw,40px);border-bottom:1px solid #E2E8F0}
.ybs-stats-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,26px);text-align:center}
@media(max-width:780px){.ybs-stats-inner{grid-template-columns:repeat(2,1fr);gap:18px}}
.ybs-stat{position:relative;padding:14px 10px}
.ybs-stat::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:#E2E8F0}
.ybs-stat:last-child::after{display:none}
@media(max-width:780px){.ybs-stat::after{display:none}}
.ybs-stat .v{font-size:clamp(2rem,3vw,2.6rem);font-weight:800;color:#0EA5B7;line-height:1;letter-spacing:-.03em}
.ybs-stat .v small{font-size:.55em;color:#067A87;font-weight:700;margin-left:2px}
.ybs-stat .l{font-size:.85rem;color:#475569;margin-top:8px;font-weight:600;letter-spacing:.02em}

/* === Style block 3 === */

.ybs-coz-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#F8FAFC;padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px)}
.ybs-coz-inner{max-width:1280px;margin:0 auto}
.ybs-coz-head{text-align:center;margin-bottom:50px;max-width:780px;margin-left:auto;margin-right:auto}
.ybs-eye{display:inline-block;background:#0EA5B7;color:#fff;padding:.45rem 1.2rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}
.ybs-h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#0F172A;line-height:1.18;margin:0 0 .9rem}
.ybs-h2 em{font-style:normal;color:#0EA5B7}
.ybs-lead{font-size:clamp(1rem,1.18vw,1.12rem);color:#475569;line-height:1.65}
.ybs-coz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:980px){.ybs-coz-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ybs-coz-grid{grid-template-columns:1fr}}
.ybs-coz-card{position:relative;background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:30px 26px 26px;transition:.3s;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.ybs-coz-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--c,#0EA5B7);transform:scaleX(0);transform-origin:left;transition:.4s}
.ybs-coz-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -16px rgba(15,23,42,.18);border-color:var(--c,#0EA5B7)}
.ybs-coz-card:hover::before{transform:scaleX(1)}
.ybs-coz-card .ic{width:60px;height:60px;border-radius:14px;background:var(--bg,rgba(14,165,183,.10));color:var(--c,#0EA5B7);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:18px}
.ybs-coz-card h3{font-size:1.2rem;font-weight:800;color:#0F172A;margin:0 0 10px;letter-spacing:-.01em}
.ybs-coz-card p{font-size:.92rem;color:#475569;line-height:1.6;margin:0 0 16px;flex:1}
.ybs-coz-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:6px}
.ybs-coz-card ul li{font-size:.82rem;color:#334155;padding-left:18px;position:relative;line-height:1.5}
.ybs-coz-card ul li::before{content:"✓";position:absolute;left:0;color:var(--c,#0EA5B7);font-weight:800}
.ybs-coz-card .lnk{display:inline-flex;align-items:center;gap:6px;color:var(--c,#0EA5B7);font-size:.88rem;font-weight:700;margin-top:auto}
.ybs-coz-card .lnk::after{content:"→";transition:transform .25s}
.ybs-coz-card:hover .lnk::after{transform:translateX(5px)}

/* === Style block 4 === */

.ybs-abt-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px);position:relative;overflow:hidden}
.ybs-abt-wrap::before{content:"";position:absolute;top:-150px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,183,.08),transparent 70%);pointer-events:none}
.ybs-abt-wrap::after{content:"";position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.08),transparent 70%);pointer-events:none}
.ybs-abt-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center;position:relative;z-index:1}
@media(max-width:980px){.ybs-abt-inner{grid-template-columns:1fr;gap:50px}}
.ybs-abt-text .ybs-eye{background:#F59E0B}
.ybs-abt-text h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.ybs-abt-text > p{font-size:1.02rem;color:#475569;line-height:1.75;margin:0 0 1.1rem}
.ybs-abt-text strong{color:#0F172A}
.ybs-abt-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}
@media(max-width:500px){.ybs-abt-feats{grid-template-columns:1fr}}
.ybs-abt-feat{display:flex;gap:11px;align-items:flex-start;padding:14px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px}
.ybs-abt-feat .ic{flex:0 0 36px;height:36px;border-radius:10px;background:#0EA5B7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.ybs-abt-feat .t{font-weight:700;color:#0F172A;font-size:.92rem;line-height:1.3}
.ybs-abt-feat .s{font-size:.78rem;color:#64748b;margin-top:2px;line-height:1.45}
.ybs-abt-cta{display:inline-flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.ybs-abt-cta a{display:inline-flex;align-items:center;gap:6px;padding:.85rem 1.6rem;border-radius:9999px;font-weight:700;font-size:.92rem;transition:.25s}
.ybs-abt-cta a.pri{background:#0EA5B7;color:#fff;box-shadow:0 10px 25px -6px rgba(14,165,183,.45)}
.ybs-abt-cta a.pri:hover{background:#067A87;transform:translateY(-2px)}
.ybs-abt-cta a.gh{background:transparent;color:#0EA5B7;border:1.5px solid #0EA5B7}
.ybs-abt-cta a.gh:hover{background:rgba(14,165,183,.08)}

.ybs-abt-visual{position:relative;aspect-ratio:1/1;max-width:500px;margin:0 auto;width:100%}
.ybs-abt-shape{position:absolute;inset:0;background:linear-gradient(135deg,#0EA5B7 0%,#067A87 60%,#F59E0B 100%);border-radius:36px;transform:rotate(-3deg)}
.ybs-abt-card{position:absolute;inset:14px;background:#fff;border-radius:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;box-shadow:0 30px 60px -20px rgba(15,23,42,.25)}
.ybs-abt-card .flag{font-size:3.4rem;line-height:1;margin-bottom:14px;filter:drop-shadow(0 8px 20px rgba(220,38,38,.4))}
.ybs-abt-card h4{font-size:1.5rem;font-weight:800;color:#0F172A;margin:0 0 6px;text-align:center;letter-spacing:-.02em}
.ybs-abt-card p{font-size:.86rem;color:#64748b;text-align:center;margin:0 0 18px;line-height:1.6}
.ybs-abt-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ybs-abt-badges span{display:inline-block;background:#F1F5F9;color:#0F172A;font-size:.7rem;font-weight:700;padding:5px 11px;border-radius:9999px;letter-spacing:.05em}
.ybs-abt-orbit{position:absolute;inset:-15%;border:2px dashed rgba(14,165,183,.25);border-radius:50%;animation:ybsAbtSpin 30s linear infinite;pointer-events:none}
.ybs-abt-orbit-dot{position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:50%;background:#F59E0B;transform:translateX(-50%);box-shadow:0 0 18px rgba(245,158,11,.6)}
.ybs-abt-orbit-dot:nth-child(2){top:auto;bottom:-7px;background:#0EA5B7;box-shadow:0 0 18px rgba(14,165,183,.6)}
@keyframes ybsAbtSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* === Style block 5 === */

.ybs-mods-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(180deg,#F8FAFC 0%,#EEF2F5 100%);padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px)}
.ybs-mods-inner{max-width:1280px;margin:0 auto}
.ybs-mods-head{text-align:center;margin-bottom:48px;max-width:780px;margin-left:auto;margin-right:auto}
.ybs-mods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1024px){.ybs-mods-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.ybs-mods-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.ybs-mods-grid{grid-template-columns:1fr}}
.ybs-mod-tile{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:20px 18px;text-decoration:none;color:inherit;transition:.25s;position:relative;overflow:hidden;display:block}
.ybs-mod-tile::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--c,#0EA5B7);transform:scaleY(.25);transform-origin:top;transition:.35s}
.ybs-mod-tile:hover{transform:translateY(-4px);border-color:var(--c,#0EA5B7);box-shadow:0 14px 28px -10px rgba(15,23,42,.12)}
.ybs-mod-tile:hover::before{transform:scaleY(1)}
.ybs-mod-tile .ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--bg,rgba(14,165,183,.10));color:var(--c,#0EA5B7);font-size:1.25rem;margin-bottom:12px}
.ybs-mod-tile h3{font-size:.96rem;font-weight:700;color:#0F172A;margin:0 0 6px;line-height:1.3;letter-spacing:-.01em}
.ybs-mod-tile p{font-size:.78rem;color:#64748b;line-height:1.5;margin:0 0 10px}
.ybs-mod-tile .cnt{font-size:.7rem;color:var(--c,#0EA5B7);font-weight:700;letter-spacing:.05em}
.ybs-mods-foot{margin-top:36px;text-align:center;padding:26px;background:#fff;border:1px solid #E2E8F0;border-radius:16px}
.ybs-mods-foot p{font-size:.98rem;color:#334155;margin:0 0 14px}
.ybs-mods-foot p strong{color:#0F172A}
.ybs-mods-foot a{display:inline-flex;align-items:center;gap:6px;background:#0EA5B7;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;font-size:.9rem;transition:.25s}
.ybs-mods-foot a::after{content:"→";transition:transform .25s}
.ybs-mods-foot a:hover{background:#067A87}
.ybs-mods-foot a:hover::after{transform:translateX(4px)}

/* === Style block 6 === */

.ybs-snr-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px)}
.ybs-snr-inner{max-width:1280px;margin:0 auto}
.ybs-snr-head{text-align:center;margin-bottom:42px;max-width:760px;margin-left:auto;margin-right:auto}
.ybs-snr-head .ybs-eye{background:#F59E0B}
.ybs-snr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.ybs-snr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ybs-snr-grid{grid-template-columns:1fr}}
.ybs-snr-card{position:relative;background:linear-gradient(180deg,#FFFBEB 0%,#FEF3C7 100%);border:1px solid #FDE68A;border-radius:18px;padding:28px 24px;text-align:center;overflow:hidden;transition:.3s}
.ybs-snr-card::before{content:"∞";position:absolute;top:-20px;right:-10px;font-size:7rem;color:rgba(245,158,11,.10);font-weight:800;line-height:1}
.ybs-snr-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px -12px rgba(245,158,11,.30)}
.ybs-snr-card .ic{font-size:2.4rem;line-height:1;margin-bottom:12px;position:relative;z-index:1}
.ybs-snr-card h3{font-size:1.15rem;font-weight:800;color:#0F172A;margin:0 0 8px;position:relative;z-index:1}
.ybs-snr-card p{font-size:.86rem;color:#475569;line-height:1.6;margin:0;position:relative;z-index:1}

/* === Style block 7 === */

.ybs-cmp-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#F8FAFC;padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px)}
.ybs-cmp-inner{max-width:1200px;margin:0 auto}
.ybs-cmp-head{text-align:center;margin-bottom:40px}
.ybs-cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:880px){.ybs-cmp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ybs-cmp-grid{grid-template-columns:1fr}}
.ybs-cmp-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:22px 22px;transition:.25s}
.ybs-cmp-card:hover{border-color:#0EA5B7;box-shadow:0 10px 24px -10px rgba(14,165,183,.20)}
.ybs-cmp-card h4{font-size:.75rem;font-weight:700;color:#0EA5B7;letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.ybs-cmp-card h4::before{content:"";width:6px;height:6px;border-radius:50%;background:#0EA5B7}
.ybs-cmp-list{font-size:.86rem;color:#334155;line-height:1.7;list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.ybs-cmp-list li{background:#F1F5F9;padding:5px 11px;border-radius:6px;font-weight:600;font-size:.76rem;color:#0F172A}

/* === Style block 8 === */

.ybs-ai-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(135deg,#0B1530 0%,#1E1B4B 55%,#581C87 100%);padding:clamp(70px,8vw,120px) clamp(20px,4vw,40px);color:#fff;position:relative;overflow:hidden}
.ybs-ai-wrap::before{content:"";position:absolute;top:-200px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.30),transparent 60%);pointer-events:none}
.ybs-ai-wrap::after{content:"";position:absolute;bottom:-150px;left:-100px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,183,.20),transparent 60%);pointer-events:none}
.ybs-ai-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,5vw,80px);align-items:center;position:relative;z-index:1}
@media(max-width:980px){.ybs-ai-inner{grid-template-columns:1fr;gap:40px}}
.ybs-ai-text .ybs-eye{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.32);color:#fff}
.ybs-ai-text h2{color:#fff;font-size:clamp(1.9rem,3.2vw,2.6rem)}
.ybs-ai-text h2 em{background:linear-gradient(135deg,#19d7e2,#97f4f3);-webkit-background-clip:text;background-clip:text;color:transparent}
.ybs-ai-text > p{font-size:1.02rem;color:rgba(255,255,255,.85);line-height:1.7;margin:0 0 1.1rem}
.ybs-ai-text strong{color:#fff}
.ybs-ai-bullets{display:grid;gap:10px;margin:22px 0 24px}
.ybs-ai-bullet{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;backdrop-filter:blur(8px)}
.ybs-ai-bullet .ic{flex:0 0 32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#19d7e2,#7C3AED);display:flex;align-items:center;justify-content:center;font-size:.95rem}
.ybs-ai-bullet .t{font-weight:700;color:#fff;font-size:.92rem;line-height:1.3}
.ybs-ai-bullet .s{font-size:.78rem;color:rgba(255,255,255,.7);margin-top:2px;line-height:1.5}
.ybs-ai-cta{display:inline-flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.ybs-ai-cta a{display:inline-flex;align-items:center;gap:6px;padding:.9rem 1.7rem;border-radius:9999px;font-weight:700;font-size:.92rem;transition:.25s}
.ybs-ai-cta a.pri{background:#fff;color:#0B1530;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.ybs-ai-cta a.pri:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.32)}
.ybs-ai-cta a.gh{background:rgba(255,255,255,.10);color:#fff;border:1.5px solid rgba(255,255,255,.32)}
.ybs-ai-cta a.gh:hover{background:rgba(255,255,255,.18)}

/* AI chat mockup */
.ybs-ai-mock{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:22px;backdrop-filter:blur(14px);box-shadow:0 24px 60px -20px rgba(0,0,0,.5)}
.ybs-ai-mock-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:14px}
.ybs-ai-mock-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#19d7e2,#7C3AED);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.ybs-ai-mock-name{font-weight:700;color:#fff;font-size:.92rem}
.ybs-ai-mock-status{font-size:.7rem;color:#34D399;display:flex;align-items:center;gap:5px;margin-top:2px}
.ybs-ai-mock-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#34D399;box-shadow:0 0 8px #34D399}
.ybs-ai-bubble{padding:11px 14px;border-radius:14px;font-size:.87rem;line-height:1.5;margin-bottom:10px;max-width:90%;animation:ybsAiFade .6s both}
.ybs-ai-bubble.user{background:rgba(25,215,226,.18);color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.ybs-ai-bubble.ai{background:rgba(255,255,255,.10);color:#fff;border-bottom-left-radius:4px}
.ybs-ai-bubble.ai strong{color:#19d7e2}
.ybs-ai-typing{display:inline-flex;gap:4px;padding:11px 14px;background:rgba(255,255,255,.10);border-radius:14px;border-bottom-left-radius:4px}
.ybs-ai-typing span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);animation:ybsAiBlink 1.2s infinite}
.ybs-ai-typing span:nth-child(2){animation-delay:.2s}
.ybs-ai-typing span:nth-child(3){animation-delay:.4s}
@keyframes ybsAiBlink{0%,80%,100%{opacity:.3}40%{opacity:1}}
@keyframes ybsAiFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* === Style block 9 === */

.ybs-tst-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px)}
.ybs-tst-inner{max-width:1280px;margin:0 auto}
.ybs-tst-head{text-align:center;margin-bottom:48px;max-width:780px;margin-left:auto;margin-right:auto}
.ybs-tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:980px){.ybs-tst-grid{grid-template-columns:1fr}}
.ybs-tst-card{position:relative;background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);border:1px solid #E2E8F0;border-radius:18px;padding:30px 26px 24px;transition:.3s}
.ybs-tst-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px -14px rgba(15,23,42,.18);border-color:#0EA5B7}
.ybs-tst-quote{position:absolute;top:18px;right:22px;font-size:3.2rem;color:rgba(14,165,183,.15);line-height:1;font-family:Georgia,serif}
.ybs-tst-stars{color:#F59E0B;font-size:.95rem;letter-spacing:1px;margin-bottom:14px}
.ybs-tst-text{font-size:.94rem;color:#334155;line-height:1.7;margin:0 0 22px;min-height:108px}
.ybs-tst-text strong{color:#0F172A;background:linear-gradient(180deg,transparent 60%,rgba(14,165,183,.20) 60%);padding:0 3px}
.ybs-tst-foot{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #F1F5F9}
.ybs-tst-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0EA5B7,#067A87);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;letter-spacing:.05em;flex-shrink:0}
.ybs-tst-foot .who{flex:1}
.ybs-tst-foot .name{font-weight:700;color:#0F172A;font-size:.92rem;line-height:1.3}
.ybs-tst-foot .role{font-size:.78rem;color:#64748b;margin-top:2px}
.ybs-tst-logo{font-size:.7rem;color:#94a3b8;font-weight:700;letter-spacing:.05em;text-align:right}

/* === Style block 10 === */

.ybs-blog-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px)}
.ybs-blog-inner{max-width:1280px;margin:0 auto}
.ybs-blog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px;flex-wrap:wrap}
.ybs-blog-head .ybs-eye{background:#1E3A8A}
.ybs-blog-head h2{font-size:clamp(1.7rem,2.6vw,2.2rem);margin:0}
.ybs-blog-head .all{display:inline-flex;align-items:center;gap:6px;color:#0EA5B7;font-weight:700;font-size:.92rem;text-decoration:none}
.ybs-blog-head .all::after{content:"→";transition:transform .25s}
.ybs-blog-head .all:hover::after{transform:translateX(5px)}
.ybs-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.ybs-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ybs-blog-grid{grid-template-columns:1fr}}
.ybs-blog-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;transition:.3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.ybs-blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px -14px rgba(15,23,42,.18);border-color:#0EA5B7}
.ybs-blog-cover{aspect-ratio:16/9;background:linear-gradient(135deg,var(--c1,#0EA5B7),var(--c2,#067A87));display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;position:relative;overflow:hidden}
.ybs-blog-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.18),transparent 50%)}
.ybs-blog-cover .e{position:relative;z-index:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}
.ybs-blog-body{padding:22px 22px 20px;flex:1;display:flex;flex-direction:column}
.ybs-blog-meta{display:flex;align-items:center;gap:10px;font-size:.74rem;color:#64748b;margin-bottom:10px;font-weight:600;letter-spacing:.04em}
.ybs-blog-cat{display:inline-block;background:rgba(14,165,183,.10);color:#0EA5B7;padding:3px 9px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ybs-blog-card h3{font-size:1.02rem;font-weight:700;color:#0F172A;line-height:1.4;margin:0 0 8px;letter-spacing:-.01em;min-height:58px}
.ybs-blog-card p{font-size:.85rem;color:#475569;line-height:1.6;margin:0;flex:1}
.ybs-blog-card .read{margin-top:14px;color:#0EA5B7;font-weight:700;font-size:.84rem;display:inline-flex;align-items:center;gap:5px}
.ybs-blog-card .read::after{content:"→";transition:transform .25s}
.ybs-blog-card:hover .read::after{transform:translateX(5px)}

/* === Style block 11 === */

.ybs-faq-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#F8FAFC;padding:clamp(70px,8vw,110px) clamp(20px,4vw,40px)}
.ybs-faq-inner{max-width:880px;margin:0 auto}
.ybs-faq-head{text-align:center;margin-bottom:40px}
.ybs-faq-list{display:grid;gap:12px}
.ybs-faq-item{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;transition:.25s}
.ybs-faq-item[open]{border-color:#0EA5B7;box-shadow:0 8px 22px -10px rgba(14,165,183,.18)}
.ybs-faq-item summary{padding:18px 22px;cursor:pointer;font-size:1rem;font-weight:700;color:#0F172A;list-style:none;display:flex;align-items:center;gap:14px;line-height:1.4}
.ybs-faq-item summary::-webkit-details-marker{display:none}
.ybs-faq-item summary::before{content:"+";flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#ECFEFF;color:#0EA5B7;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;transition:.25s}
.ybs-faq-item[open] summary::before{content:"\2212";background:#0EA5B7;color:#fff}
.ybs-faq-item .ans{padding:0 22px 18px 66px;font-size:.94rem;color:#475569;line-height:1.7}
.ybs-faq-item .ans p{margin:0 0 8px}
.ybs-faq-item .ans p:last-child{margin-bottom:0}
.ybs-faq-item .ans strong{color:#0F172A}

/* === Style block 12 === */

.ybs-cta-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(135deg,#0EA5B7 0%,#0891B2 50%,#067A87 100%);color:#fff;padding:clamp(80px,10vw,130px) clamp(20px,4vw,40px);text-align:center;position:relative;overflow:hidden}
.ybs-cta-wrap::before{content:"";position:absolute;top:-150px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%)}
.ybs-cta-wrap::after{content:"";position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%)}
.ybs-cta-inner{max-width:900px;margin:0 auto;position:relative;z-index:1}
.ybs-cta-eye{display:inline-block;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.32);color:#fff;padding:.5rem 1.3rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.2rem}
.ybs-cta-title{font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.18;letter-spacing:-.02em;margin:0 0 1rem;text-shadow:0 6px 30px rgba(0,0,0,.2)}
.ybs-cta-title span{background:linear-gradient(135deg,#ffffff,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.ybs-cta-sub{font-size:clamp(1rem,1.3vw,1.18rem);color:rgba(255,255,255,.94);max-width:700px;margin:0 auto 2.4rem;line-height:1.6}
.ybs-cta-btns{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}
.ybs-cta-btns a{display:inline-flex;align-items:center;gap:8px;padding:1rem 2.4rem;border-radius:9999px;font-weight:700;font-size:1rem;transition:.25s}
.ybs-cta-btns a.pri{background:#fff;color:#067A87;box-shadow:0 14px 38px rgba(0,0,0,.25)}
.ybs-cta-btns a.pri:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(0,0,0,.32)}
.ybs-cta-btns a.gh{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.ybs-cta-btns a.gh:hover{background:rgba(255,255,255,.24)}
.ybs-cta-mini{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:.88rem;color:rgba(255,255,255,.92)}
.ybs-cta-mini span{display:inline-flex;align-items:center;gap:6px}
.ybs-cta-mini span::before{content:"✓";width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800}

/* === SMART SLIDER 3 MODU — Hero slider SS3 içinde çalışırken === */
.n2-ss-slide .ybs-hs-slide.ybs-hs-ss3 {
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: auto !important;
  background: transparent !important;       /* gradient SS3 katmanından gelecek */
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 580px !important;
  height: min(720px, 82vh) !important;
}
.n2-ss-slide .ybs-hs-slide.ybs-hs-ss3::before,
.n2-ss-slide .ybs-hs-slide.ybs-hs-ss3::after { display: none !important; }
.n2-ss-slide .ybs-hs-slide.ybs-hs-ss3 .ybs-hs-title,
.n2-ss-slide .ybs-hs-slide.ybs-hs-ss3 .ybs-hs-title * { color: #fff !important; }
.n2-ss-slide .ybs-hs-slide.ybs-hs-ss3 .ybs-hs-sub  { color: rgba(255,255,255,.92) !important; }
.n2-ss-slide .ybs-hs-slide.ybs-hs-ss3 .ybs-hs-desc { color: rgba(255,255,255,.78) !important; }
/* SS3 slider container'ı tam genişlik */
.n2-ss-slider-1, .n2-ss-slider-2, .n2-ss-slider-3, .n2-ss-slider-4 { max-width: 100% !important; }