i.wpmi__icon{display:inline-block}i.wpmi__icon:not(.wpmi__label-1).wpmi__position-before{margin-right:.5em}i.wpmi__icon:not(.wpmi__label-1).wpmi__position-after{margin-left:.5em}i.wpmi__icon.wpmi__align-top{vertical-align:top}i.wpmi__icon.wpmi__align-middle{vertical-align:middle}i.wpmi__icon.wpmi__align-bottom{vertical-align:bottom}.ybs-blog-kategoriler-wrapper {
background: #1a1a1a;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
} .ybs-blog-kategoriler-wrapper .ybs-blog-kategoriler-header {
padding: 20px !important;
background: #1a1a1a !important;
border-bottom: 3px solid #19c2c6 !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #ffffff !important;
font-family: 'Poppins', sans-serif !important;
margin: 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
display: block !important;
box-sizing: border-box !important;
} .ybs-kategoriler-list {
list-style: none;
margin: 0;
padding: 0;
}
.ybs-kategoriler-list > li {
border-bottom: 1px solid #2d2d2d;
margin: 0;
padding: 0;
position: relative;
transition: all 0.3s ease;
}
.ybs-kategoriler-list > li:last-child {
border-bottom: none;
}
.ybs-kategoriler-link {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 15px 20px !important;
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
cursor: pointer;
transition: all 0.3s ease;
user-select: none;
background: #1a1a1a;
width: 100% !important;
box-sizing: border-box !important;
position: relative;
}
.ybs-kategoriler-name {
flex: 1;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
}
.ybs-kategoriler-count {
background: #19c2c6;
color: #ffffff;
font-size: 12px !important;
font-weight: 600;
padding: 4px 10px;
border-radius: 20px;
margin-left: 10px;
flex-shrink: 0;
min-width: 30px;
text-align: center;
}
.ybs-kategoriler-link:hover {
background: #262626;
padding-left: 24px;
color: #19c2c6;
}
.ybs-kategoriler-link:hover .ybs-kategoriler-count {
background: #ffffff;
color: #19c2c6;
} .ybs-kategoriler-link.current-cat {
color: #19c2c6;
background: #262626;
}
.ybs-kategoriler-link.current-cat::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #19c2c6;
} @media (max-width: 768px) {
.ybs-blog-kategoriler-wrapper .ybs-blog-kategoriler-header {
font-size: 16px !important;
padding: 15px !important;
}
.ybs-kategoriler-link {
padding: 12px 16px !important;
font-size: 14px;
}
.ybs-kategoriler-link:hover {
padding-left: 20px;
}
.ybs-kategoriler-count {
padding: 3px 8px;
font-size: 11px !important;
min-width: 28px;
}
}
@media (max-width: 480px) {
.ybs-blog-kategoriler-wrapper {
border-radius: 4px;
}
.ybs-kategoriler-link {
padding: 10px 12px !important;
font-size: 13px;
}
.ybs-kategoriler-count {
padding: 3px 6px;
font-size: 10px !important;
min-width: 26px;
}
} .ybs-kategoriler-link:focus {
outline: 2px solid #19c2c6;
outline-offset: -2px;
}.ybs-footer-col-nav__text {
color: rgba(255, 255, 255, 0.58);
font-size: 0.9rem;
display: inline-block;
padding: 0.3rem 0;
}
.ybs-fi-list .ybs-fi-row {
display: flex;
align-items: flex-start;
gap: 0.5rem;
margin-bottom: 0.2rem;
}
.ybs-fi-icon {
flex-shrink: 0;
width: 1em;
text-align: center;
padding-top: 0.32rem;
opacity: 0.65;
color: rgba(255, 255, 255, 0.65);
}
.ybs-iletisim-banner {
display: block;
width: 100%;
background: linear-gradient(135deg, #1A1A2E 0%, #16213e 60%, #0f3460 100%);
padding: 4rem 2rem;
box-sizing: border-box;
}
.ybs-iletisim-banner__inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 2.5rem;
flex-wrap: wrap;
} .ybs-iletisim-banner__text {
flex: 1;
min-width: 280px;
}
.ybs-iletisim-banner__eyebrow {
display: inline-block;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #19c2c6;
margin-bottom: 0.6rem;
}
.ybs-iletisim-banner__title {
font-size: 1.75rem;
font-weight: 700;
color: #ffffff;
margin: 0 0 0.75rem;
line-height: 1.25;
}
.ybs-iletisim-banner__desc {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.65);
margin: 0;
line-height: 1.6;
} .ybs-iletisim-banner__actions {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.ybs-ibanner-btn {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.65rem 1.25rem;
border-radius: 9999px;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.ybs-ibanner-btn:hover {
transform: translateY(-2px);
text-decoration: none;
} .ybs-ibanner-btn--phone {
background: rgba(25, 194, 198, 0.12);
border: 1.5px solid rgba(25, 194, 198, 0.45);
color: #19c2c6;
}
.ybs-ibanner-btn--phone:hover {
background: rgba(25, 194, 198, 0.22);
box-shadow: 0 4px 16px rgba(25, 194, 198, 0.25);
color: #19c2c6;
} .ybs-ibanner-btn--email {
background: rgba(255, 255, 255, 0.07);
border: 1.5px solid rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.85);
}
.ybs-ibanner-btn--email:hover {
background: rgba(255, 255, 255, 0.13);
color: #ffffff;
} .ybs-ibanner-btn--cta {
background: #f57c2c;
border: 1.5px solid #f57c2c;
color: #ffffff;
box-shadow: 0 4px 14px rgba(245, 124, 44, 0.35);
}
.ybs-ibanner-btn--cta:hover {
background: #e06720;
border-color: #e06720;
box-shadow: 0 6px 20px rgba(245, 124, 44, 0.45);
color: #ffffff;
} @media (max-width: 768px) {
.ybs-iletisim-banner__inner {
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.ybs-iletisim-banner__title {
font-size: 1.4rem;
}
.ybs-iletisim-banner__actions {
width: 100%;
}
.ybs-ibanner-btn {
flex: 1;
justify-content: center;
min-width: 140px;
}
}
@media (max-width: 480px) {
.ybs-iletisim-banner {
padding: 3rem 1.25rem;
}
.ybs-iletisim-banner__actions {
flex-direction: column;
}
.ybs-ibanner-btn {
width: 100%;
}
}.ybs-sidebar-menu-wrapper {
background: #1a1a1a;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
} .ybs-sidebar-menu-wrapper .ybs-sidebar-menu-header {
padding: 20px !important;
background: #1a1a1a !important;
border-bottom: 3px solid #19c2c6 !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #ffffff !important;
font-family: 'Poppins', sans-serif !important;
margin: 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
display: block !important;
box-sizing: border-box !important;
} .ybs-sidebar-menu-wrapper *:not(.dashicons)::before {
content: "" !important;
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
} .ybs-menu-list > li > a .wpmi__icon,
.ybs-menu-list > li > a .dashicons,
.ybs-menu-list > li > a > i {
display: inline-block !important;
visibility: visible !important;
flex-shrink: 0 !important;
order: 1 !important;
margin-right: 10px !important;
margin-left: 0 !important;
font-size: 18px !important;
line-height: 1 !important;
vertical-align: middle !important;
color: #ffffff !important;
font-weight: 400 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .ybs-menu-list > li > a .ybs-menu-text {
order: 2 !important;
flex-grow: 1 !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
}
.ybs-menu-list {
list-style: none;
margin: 0;
padding: 0;
}
.ybs-menu-list > li {
border-bottom: 1px solid #2d2d2d;
margin: 0;
padding: 0;
position: relative;
transition: all 0.3s ease;
}
.ybs-menu-list > li:last-child {
border-bottom: none;
}
.ybs-menu-list > li > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 15px 20px !important;
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
cursor: pointer;
transition: all 0.3s ease;
user-select: none;
background: #1a1a1a;
width: 100% !important;
box-sizing: border-box !important;
position: relative;
}
.ybs-menu-list > li > a span:not(.dashicons):not(.wpmi__icon) {
order: 2 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
flex-grow: 1 !important;
margin-right: auto !important;
}
.ybs-menu-list > li > a:hover {
background: #262626;
padding-left: 24px;
color: #19c2c6;
} .ybs-menu-list > li > a.current-menu-item,
.ybs-menu-list > li > a.current-menu-parent {
color: #19c2c6;
background: #262626;
}
.ybs-menu-list > li.current-menu-item > a::before,
.ybs-menu-list > li.current-menu-parent > a::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #19c2c6;
} .ybs-menu-list > li > a > :not(span) {
display: inline-block !important;
order: 1 !important;
flex-shrink: 0 !important;
margin-right: 8px !important;
width: auto !important;
height: auto !important;
}
.ybs-menu-list > li > a svg {
width: 18px !important;
height: 18px !important;
display: inline-block !important;
margin-right: 8px !important;
flex-shrink: 0 !important;
order: 1 !important;
}
.ybs-menu-list > li > a img {
width: 18px !important;
height: 18px !important;
display: inline-block !important;
margin-right: 8px !important;
flex-shrink: 0 !important;
order: 1 !important;
}
.ybs-menu-list > li > a::after {
content: '▼';
font-size: 10px;
color: #19c2c6;
transition: transform 0.3s ease;
flex-shrink: 0;
order: 3 !important;
margin-left: auto !important;
}
.ybs-menu-list > li.menu-item-has-children > a::after {
display: inline-block;
}
.ybs-menu-list > li:not(.menu-item-has-children) > a::after {
display: none;
} .ybs-menu-list .sub-menu {
list-style: none;
margin: 0;
padding: 0;
background: #0d0d0d;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.3s ease;
opacity: 0;
}
.ybs-menu-list > li.ybs-menu-open > .sub-menu {
max-height: 1000px;
opacity: 1;
}
.ybs-menu-list .sub-menu li {
border-bottom: 1px solid #1a1a1a;
margin: 0;
padding: 0;
}
.ybs-menu-list .sub-menu li:last-child {
border-bottom: none;
}
.ybs-menu-list .sub-menu a {
display: block;
padding: 12px 20px 12px 28px;
color: #cccccc;
text-decoration: none;
font-size: 14px;
font-family: 'Poppins', sans-serif;
transition: all 0.2s ease;
}
.ybs-menu-list .sub-menu a:hover {
color: #19c2c6;
padding-left: 28px;
background: rgba(25, 194, 198, 0.1);
} .ybs-menu-list .sub-menu .sub-menu {
background: rgba(0, 0, 0, 0.5);
}
.ybs-menu-list .sub-menu .sub-menu a {
padding-left: 40px;
}
.ybs-menu-list .sub-menu .sub-menu a:hover {
padding-left: 40px;
} .ybs-menu-list > li.ybs-menu-open > a::after {
transform: rotate(180deg);
} @media (max-width: 768px) {
.ybs-menu-list > li > a {
padding: 12px 16px;
font-size: 14px;
}
.ybs-menu-list > li > a:hover {
padding-left: 20px;
}
.ybs-menu-list .sub-menu a {
padding: 10px 16px 10px 28px;
font-size: 13px;
}
.ybs-menu-list .sub-menu a:hover {
padding-left: 28px;
}
.ybs-menu-list .sub-menu .sub-menu a {
padding-left: 40px;
}
.ybs-menu-list .sub-menu .sub-menu a:hover {
padding-left: 40px;
}
}
@media (max-width: 480px) {
.ybs-sidebar-menu-wrapper {
border-radius: 4px;
}
.ybs-menu-list > li > a {
padding: 10px 12px;
font-size: 13px;
}
.ybs-menu-list > li > a::after {
font-size: 8px;
}
.ybs-menu-list .sub-menu a {
padding: 8px 12px 8px 28px;
font-size: 12px;
}
} .ybs-menu-list > li > a:focus {
outline: 2px solid #19c2c6;
outline-offset: -2px;
}
.ybs-menu-list .sub-menu a:focus {
outline: 2px solid #19c2c6;
outline-offset: -2px;
}.ybs-son-yazilar-wrapper {
background: #1a1a1a;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,.3);
font-family: 'Poppins', sans-serif;
} .ybs-sy-header {
padding: 14px 16px;
font-size: 15px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: .5px;
border-bottom: 3px solid #19c2c6;
} .ybs-sy-tabs {
display: flex;
border-bottom: 2px solid #2d2d2d;
}
.ybs-sy-tab {
flex: 1;
padding: 9px 6px;
background: transparent;
border: none;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
color: #999;
font-family: inherit;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px;
cursor: pointer;
transition: color .25s, border-color .25s, background .25s;
white-space: nowrap;
}
.ybs-sy-tab:hover {
color: #19c2c6;
background: rgba(25,194,198,.06);
}
.ybs-sy-tab--active {
color: #19c2c6;
border-bottom-color: #19c2c6;
background: rgba(25,194,198,.08);
} .ybs-sy-panel {
display: none;
padding: 0;
}
.ybs-sy-panel--active {
display: block;
} .ybs-sy-list {
list-style: none;
margin: 0;
padding: 0;
}
.ybs-sy-item {
display: flex;
align-items: stretch;
border-bottom: 1px solid #2d2d2d;
transition: background .2s;
overflow: hidden;
min-height: 72px;
}
.ybs-sy-item:last-child {
border-bottom: none;
}
.ybs-sy-item:hover {
background: #222;
} .ybs-sy-thumb {
flex-shrink: 0;
width: 145px; align-self: stretch;
overflow: hidden;
display: block;
position: relative;
}
.ybs-sy-thumb img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s;
}
.ybs-sy-item:hover .ybs-sy-thumb img {
transform: scale(1.08);
} .ybs-sy-meta {
flex: 1;
min-width: 0;
padding: 9px 12px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
}
.ybs-sy-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #e8e8e8;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
transition: color .2s;
}
.ybs-sy-title:hover {
color: #19c2c6;
}
.ybs-sy-info {
font-size: 10px;
color: #666;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .ybs-sy-empty {
padding: 20px;
color: #888;
font-size: 13px;
text-align: center;
margin: 0;
} @media (max-width: 768px) {
.ybs-sy-thumb {
width: 100px;
}
.ybs-sy-title {
font-size: 12px;
}
} @media (max-width: 480px) {
.ybs-sy-tab {
font-size: 10px;
padding: 8px 4px;
}
.ybs-sy-item {
min-height: 60px;
}
.ybs-sy-thumb {
width: 84px;
}
.ybs-sy-meta {
padding: 7px 10px;
}
.ybs-sy-title {
font-size: 11.5px;
}
} .ybs-sy-tab:focus-visible {
outline: 2px solid #19c2c6;
outline-offset: -2px;
}.ybs-pd-root{display:block}
.ybs-pd-sec{position:relative}
.ybs-pd-sec.ybs-pd-fullwidth{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} .ybs-pd-heading .ybs-pd-inner{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.ybs-pd-heading .ybs-pd-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem}
.ybs-pd-heading h2{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800;line-height:1.18;margin:0 0 1rem;letter-spacing:-.02em}
.ybs-pd-heading p{font-size:1rem;line-height:1.65;max-width:760px;margin:0 auto}  .ybs-pd-html, .ybs-pd-shortcode, .ybs-pd-image{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.ybs-pd-sec.ybs-pd-fullwidth .ybs-pd-html,
.ybs-pd-sec.ybs-pd-fullwidth .ybs-pd-shortcode,
.ybs-pd-sec.ybs-pd-fullwidth .ybs-pd-image{max-width:none;padding-left:0;padding-right:0}
@media(max-width:768px){
.ybs-pd-html, .ybs-pd-shortcode, .ybs-pd-image, .ybs-pd-heading .ybs-pd-inner{padding-left:18px;padding-right:18px}
} .ybs-pd-root [style*="grid-template-columns"],
.ybs-pd-root [style*="grid-template-rows"]{display:grid}
.ybs-pd-root [style*="flex-wrap"]:not([style*="display:none"]),
.ybs-pd-root [style*="flex-direction"]:not([style*="display:none"]){display:flex}
.ybs-pd-root [style*="flex-wrap:wrap"]:not([style*="display:"]),
.ybs-pd-root [style*="justify-content:space-between"]:not([style*="display:"]){display:flex}   .ybs-erp-breadcrumb-wrap{max-width:1240px;margin:0 auto}
.ybs-erp-breadcrumb-nav{font-size:.85rem;margin-bottom:1.5rem;color:rgba(255,255,255,.7)}
.ybs-erp-breadcrumb-nav a{text-decoration:none;color:rgba(255,255,255,.85)}
.ybs-erp-breadcrumb-nav a:hover{color:#fff}
.ybs-erp-breadcrumb-nav .sep{margin:0 .5rem;color:rgba(255,255,255,.4)}
.ybs-erp-breadcrumb-nav .current{color:#19c2c6}
.ybs-erp-stats-row{display:flex;flex-wrap:wrap;gap:2.2rem 2.5rem;justify-content:space-between;align-items:center}
.ybs-erp-stats-list{display:flex;flex-wrap:wrap;gap:1.6rem 2.2rem}
.ybs-erp-stat{display:flex;flex-direction:column;border-left:3px solid #19c2c6;padding-left:1rem;min-width:110px}
.ybs-erp-stat.orange{border-left-color:#f57c2c}
.ybs-erp-stat-num{font-size:1.85rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.ybs-erp-stat-lbl{font-size:.78rem;margin-top:.45rem;color:rgba(255,255,255,.7);letter-spacing:.02em}
.ybs-erp-cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.ybs-erp-cta-pri{display:inline-flex;align-items:center;gap:.4rem;background:#19c2c6;color:#fff!important;border-radius:9999px;padding:.85rem 2rem;font-weight:600;font-size:.92rem;text-decoration:none!important;transition:background .2s ease,transform .2s ease}
.ybs-erp-cta-pri:hover{background:#0fa8ad;transform:translateY(-2px)}
.ybs-erp-cta-sec{display:inline-flex;align-items:center;color:#fff!important;border:2px solid rgba(255,255,255,.45);border-radius:9999px;padding:.78rem 1.85rem;font-weight:600;font-size:.92rem;text-decoration:none!important;transition:all .2s ease}
.ybs-erp-cta-sec:hover{border-color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:768px){
.ybs-erp-stats-row{justify-content:center}
.ybs-erp-stats-list{gap:1.2rem 1.5rem}
.ybs-erp-stat-num{font-size:1.55rem}
.ybs-erp-cta-row{width:100%;justify-content:center}
}
@media(max-width:480px){
.ybs-erp-stats-list{gap:.9rem 1rem}
.ybs-erp-stat{min-width:90px;padding-left:.7rem}
.ybs-erp-stat-num{font-size:1.35rem}
.ybs-erp-stat-lbl{font-size:.7rem}
.ybs-erp-cta-pri,.ybs-erp-cta-sec{padding:.7rem 1.4rem;font-size:.85rem}
} @media (max-width:900px){.ybs-ai-grid{grid-template-columns:1fr}}
@keyframes sparkle{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
.ybs-ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}
.ybs-ai-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.ybs-ai-c1{background:linear-gradient(135deg,#0b1b3a 0%,#1a2a5e 55%,#2e3a8e 100%)}
.ybs-ai-c3{background:linear-gradient(135deg,#7a1f0f 0%,#e06720 55%,#f57c2c 110%)}
.ybs-ai-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.ybs-ai-pill{display:inline-block;background:rgba(255,255,255,.18);color:#fff;padding:.38rem 1rem;border-radius:9999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;align-self:center}
.ybs-ai-card>.ybs-ai-card-body>p{color:rgba(255,255,255,.88);line-height:1.7;margin:0 0 1.4rem;font-size:.96rem}
.ybs-ai-feats li{display:flex;align-items:flex-start;gap:.6rem;color:rgba(255,255,255,.94);font-size:.88rem;line-height:1.45}
.ybs-ai-sparkle{position:absolute;top:1.5rem;right:1.5rem;font-size:1.2rem;animation:sparkle 2.8s ease-in-out infinite;z-index:1}
@media (max-width:1024px){
.ybs-docs-wrap{grid-template-columns:1fr}
.ybs-docs-nav{position:relative;top:0;max-height:none}
.ybs-docs-nav-inner{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease}
.ybs-docs-nav.open .ybs-docs-nav-inner{max-height:70vh;padding:1.2rem 0;overflow-y:auto}
.ybs-nav-toggle{display:flex}
}
@media (max-width:640px){
.md-hero{gap:1rem}
.md-hero-icon{width:72px;height:58px}
.md-hero-text h2{font-size:1.35rem}
.ybs-docs-main{padding:1.25rem}
}
@keyframes mdFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes liPop{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.ybs-docs-section{background:#F8F9FA;padding:clamp(60px,7vw,100px) clamp(16px,4vw,48px)}
.ybs-docs-head{max-width:1340px;margin:0 auto 2.5rem;text-align:center}
.ybs-docs-head .ybs-section-eyebrow{color:#19c2c6}
.ybs-docs-wrap{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:flex-start}
.ybs-docs-nav{background:#fff;border-radius:18px;border:1px solid #E9ECEF;overflow:hidden;position:sticky;top:110px;max-height:calc(100vh - 130px);display:flex;flex-direction:column}
.ybs-docs-nav-inner{overflow-y:auto;padding:1.2rem 0;flex:1}
.ybs-nav-title{font-size:1rem;font-weight:700;margin:0 1.3rem .25rem;color:#1A1A2E}
.ybs-nav-sub{font-size:.82rem;color:#6C757D;margin:0 1.3rem 1rem;line-height:1.5}
.ybs-cat{border-top:1px solid #F1F3F5}
.ybs-cat:first-of-type{border-top:0}
.ybs-cat>summary{list-style:none;cursor:pointer;padding:.85rem 1.3rem;display:flex;align-items:center;gap:.7rem;user-select:none;font-weight:600;font-size:.92rem;color:#1A1A2E;transition:background .2s}
.ybs-cat>summary::-webkit-details-marker{display:none}
.ybs-cat>summary:hover{background:#F8F9FA}
.ybs-cat .cat-ic{font-size:1.1rem}
.ybs-cat .cat-lbl{flex:1}
.ybs-cat .cat-cnt{background:#F1F3F5;color:#6C757D;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:9999px}
.ybs-cat .cat-arr{color:#ADB5BD;font-size:1.1rem;transition:transform .3s}
.ybs-cat[open]>summary{background:rgba(25,194,198,.06);color:#19c2c6}
.ybs-cat[open]>summary .cat-cnt{background:rgba(25,194,198,.18);color:#19c2c6}
.ybs-cat[open]>summary .cat-arr{transform:rotate(90deg);color:#19c2c6}
.ybs-mod-list{list-style:none;padding:.35rem 0 .6rem;margin:0;background:#FAFBFC}
.ybs-mod-list li{margin:0}
.ybs-mod-btn{width:100%;background:transparent;border:0;padding:.6rem 1.3rem .6rem 1.55rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.88rem;color:#495057;text-align:left;border-left:3px solid transparent;position:relative}
.ybs-mod-btn img{width:32px;height:26px;border-radius:6px;flex-shrink:0;background:#fff;border:1px solid #F1F3F5;object-fit:cover}
.ybs-mod-btn span{line-height:1.35}
.ybs-mod-btn:hover{background:#fff;color:#19c2c6;padding-left:1.7rem}
.ybs-mod-btn.active{background:#fff;color:#19c2c6;font-weight:600;border-left-color:#19c2c6}
.ybs-mod-btn.active img{border-color:rgba(25,194,198,.3)}
.ybs-docs-main{background:#fff;border-radius:18px;border:1px solid #E9ECEF;padding:clamp(1.5rem,3.5vw,2.75rem);min-height:640px;position:relative;overflow:hidden}
.ybs-mod-detail{animation:mdFade .45s cubic-bezier(.2,.8,.2,1)}
.md-hero{display:flex;gap:1.5rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #F1F3F5;margin-bottom:1.8rem;flex-wrap:wrap}
.md-hero-icon{width:100px;height:80px;border-radius:14px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.1);flex-shrink:0}
.md-hero-text{flex:1;min-width:260px}
.md-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.65rem}
.iso-tag{background:rgba(245,124,44,.12);color:#f57c2c;font-size:.72rem;font-weight:700;padding:.28rem .75rem;border-radius:9999px;letter-spacing:.04em}
.iso-tag.src{background:rgba(25,194,198,.12);color:#19c2c6}
.md-hero-text h2{font-size:clamp(1.55rem,3vw,2rem);font-weight:700;margin:0 0 .45rem;color:#1A1A2E;letter-spacing:-.02em;line-height:1.15}
.md-lead{font-size:1.02rem;color:#495057;line-height:1.6;margin:0}
.md-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.8rem}
.md-block{background:#F8F9FA;border-radius:14px;padding:1.35rem 1.5rem;border:1px solid #E9ECEF;transition:.25s}
.md-block:hover{border-color:rgba(25,194,198,.3);transform:translateY(-2px)}
.md-block-primary{background:linear-gradient(135deg,rgba(25,194,198,.08) 0%,rgba(25,194,198,.02) 100%);border-color:rgba(25,194,198,.2)}
.md-block h4{margin:0 0 .6rem;font-size:.82rem;font-weight:700;color:#1A1A2E;text-transform:uppercase;letter-spacing:.08em}
.md-block-primary h4{color:#19c2c6}
.md-block p{margin:0;color:#495057;font-size:.95rem;line-height:1.7}
.md-feat-title{font-size:.82rem;font-weight:700;color:#f57c2c;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem}
.md-feat-grid{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.55rem}
.md-feat-grid li{padding:.7rem .85rem .7rem 2.1rem;background:#fff;border:1px solid #F1F3F5;border-radius:10px;font-size:.9rem;color:#495057;line-height:1.45;position:relative;transition:all .2s;animation:liPop .4s both}
.md-feat-grid li::before{content:"";position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#19c2c6,#14a5a9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}
.md-feat-grid li::after{content:"✓";position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#fff;font-size:.72rem;font-weight:700;line-height:18px;width:18px;text-align:center}
.md-feat-grid li:hover{background:linear-gradient(135deg,#f8fefe 0%,#ffffff 100%);border-color:rgba(25,194,198,.35);transform:translateX(3px)}
.md-cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding-top:1.2rem;border-top:1px solid #F1F3F5}
.md-cta-btn{background:linear-gradient(135deg,#19c2c6 0%,#14a5a9 100%);color:#fff;padding:.85rem 1.75rem;border-radius:9999px;font-weight:600;text-decoration:none;font-size:.92rem;box-shadow:0 8px 24px rgba(25,194,198,.35);transition:.25s;display:inline-flex;align-items:center;gap:.3rem}
.md-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,194,198,.45)}
.md-cta-ghost{color:#6C757D;text-decoration:none;font-size:.88rem;padding:.5rem .9rem;border-radius:9999px;transition:.2s}
.md-cta-ghost:hover{background:#F1F3F5;color:#19c2c6}
.ybs-nav-toggle{display:none;width:100%;background:#19c2c6;color:#fff;border:0;padding:.9rem 1rem;border-radius:12px;font-weight:600;margin-bottom:.75rem;cursor:pointer;font-family:inherit;font-size:.95rem;align-items:center;justify-content:space-between;gap:.5rem}
.ybs-nav-toggle span.arr{transition:transform .3s}
.ybs-nav-toggle[aria-expanded="true"] span.arr{transform:rotate(180deg)}
@media (max-width:640px){.ybs-vidc-nav{display:none}}
.ybs-vidc{position:relative;margin:0 -clamp(8px,2vw,24px)}
.ybs-vidc-track::-webkit-scrollbar{display:none}
.ybs-vidc-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.1);border-color:rgba(25,194,198,.35)}
.ybs-vidc-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ybs-vidc-chip{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.28rem .75rem;border-radius:9999px;margin-bottom:.55rem}
.ybs-vidc-chip.cb{background:rgba(245,124,44,.15);color:#f57c2c}
.ybs-vidc-info p{font-size:.86rem;color:#6C757D;margin:0;line-height:1.55}
.ybs-vidc-nav:hover{background:#19c2c6;color:#fff;transform:translateY(-50%) scale(1.05)}
.ybs-vidc-nav.next{right:-8px}
.ybs-vidc-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}
.ybs-vidc-dot.active{background:#19c2c6;width:28px;border-radius:9999px}
.ybs-iso-carousel{position:relative;overflow:hidden;margin:0 -clamp(16px,4vw,48px);padding:.6rem 0;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent)}
.ybs-iso-carousel:hover .ybs-iso-track{animation-play-state:paused}
.ybs-iso-card{flex-shrink:0;width:230px;background:linear-gradient(135deg,#F8F9FA 0%,#fff 100%);border:1px solid #E9ECEF;border-radius:14px;padding:1.3rem 1.2rem;text-align:center;transition:all .25s}
.ybs-iso-code{font-size:1rem;font-weight:800;letter-spacing:.05em;margin-bottom:.4rem;line-height:1.1}
.ybs-iso-card.cA .ybs-iso-code{color:#19c2c6}
.ybs-iso-card.cC .ybs-iso-code{color:#1A1A2E}
.ybs-iso-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem;flex-wrap:wrap}
.ybs-iso-stat-n{font-size:2rem;font-weight:800;color:#19c2c6;letter-spacing:-.02em;line-height:1}
@media (max-width: 720px) {
.ybs-free-banner { flex-direction: column; padding: 28px 22px; gap: 18px; text-align: center; }
.ybs-free-banner-text p { font-size: 14px !important; }
}
.ybs-free-banner { display: flex; align-items: center; gap: 26px; background: linear-gradient(135deg, #0a1d3a 0%, #10193b 45%, #0ea5a4 100%); border-radius: 22px; padding: 36px 38px; color: #fff; box-shadow: 0 20px 50px rgba(15,23,42,0.16); margin-bottom: 50px; position: relative; overflow: hidden; }
.ybs-free-banner-icon { width: 72px; height: 72px; border-radius: 20px; background: linear-gradient(135deg, #19d7e2, #0ea5a4); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 14px 30px rgba(14,165,164,0.35); z-index: 1; position: relative; }
.ybs-free-banner-badge { display: inline-block; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.22); color: #97f4f3; padding: 5px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; margin-bottom: 12px; }
.ybs-free-banner-text h2 span { background: linear-gradient(135deg, #19d7e2, #97f4f3); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ybs-free-banner-text p strong { color: #97f4f3 !important; font-weight: 700; }
.ybs-free-banner-features span { background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.18); color: #fff; padding: 6px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 600; }
@media (max-width:640px){.ybs-blog-nav{display:none}}
.ybs-blog{position:relative;margin:0 -clamp(8px,2vw,24px)}
.ybs-blog-track::-webkit-scrollbar{display:none}
.ybs-blog-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(0,0,0,.12);border-color:rgba(25,194,198,.3)}
.ybs-blog-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ybs-blog-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4));pointer-events:none}
.ybs-blog-read{position:absolute;bottom:.75rem;right:1rem;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;font-weight:600;padding:.32rem .8rem;border-radius:9999px;z-index:2;display:flex;align-items:center;gap:.35rem;backdrop-filter:blur(6px)}
.ybs-blog-body h3{font-size:1.12rem;font-weight:700;margin:0 0 .7rem;color:#1A1A2E;line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.ybs-blog-cta{color:#19c2c6;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:.4rem;letter-spacing:.01em;transition:gap .25s}
.ybs-blog-nav{position:absolute;top:42%;transform:translateY(-50%);width:48px;height:48px;background:#fff;border:1px solid #E9ECEF;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#19c2c6;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:5;transition:.25s;font-family:inherit}
.ybs-blog-nav.prev{left:-8px}
.ybs-blog-nav:disabled{opacity:.35;cursor:not-allowed;transform:translateY(-50%)} .ybs-ai-card{border-radius:22px;padding:clamp(1.8rem,3vw,2.4rem);color:#fff;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;min-height:460px}
.ybs-ai-card::before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;z-index:0}
.ybs-ai-c2{background:linear-gradient(135deg,#0f3a3f 0%,#14a5a9 55%,#19c2c6 110%)}
.ybs-ai-card-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}
.ybs-ai-ic{width:58px;height:58px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.65rem;backdrop-filter:blur(10px);flex-shrink:0}
.ybs-ai-card h3{color:#fff;font-size:clamp(1.3rem,2.2vw,1.55rem);margin:0 0 .9rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.ybs-ai-feats{list-style:none;padding:1.1rem 0 0;margin:auto 0 0;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:.55rem}
.ybs-ai-feats li::before{content:"✓";flex-shrink:0;width:20px;height:20px;background:rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;margin-top:.05rem}
.ybs-vidc-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:.5rem clamp(16px,4vw,32px) 1rem;scrollbar-width:none}
.ybs-vidc-card{flex:0 0 clamp(300px,32vw,420px);background:#fff;border:1px solid #E9ECEF;border-radius:16px;overflow:hidden;scroll-snap-align:start;transition:.25s}
.ybs-vidc-thumb{position:relative;padding-top:56.25%;background:#000}
.ybs-vidc-info{padding:1.2rem 1.35rem 1.4rem}
.ybs-vidc-chip.ca{background:rgba(25,194,198,.12);color:#19c2c6}
.ybs-vidc-info h3{font-size:.98rem;font-weight:600;margin:0 0 .35rem;line-height:1.35;color:#1A1A2E}
.ybs-vidc-nav{position:absolute;top:42%;transform:translateY(-50%);width:48px;height:48px;background:#fff;border:1px solid #E9ECEF;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#19c2c6;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:5;transition:.25s;font-family:inherit}
.ybs-vidc-nav.prev{left:-8px}
.ybs-vidc-nav:disabled{opacity:.35;cursor:not-allowed;transform:translateY(-50%)}
.ybs-vidc-dot{width:8px;height:8px;border-radius:50%;background:#E9ECEF;border:0;cursor:pointer;transition:.2s;padding:0}
.ybs-iso-track{display:flex;gap:1rem;animation:iso-scroll 55s linear infinite;width:max-content;padding:0 .5rem}
.ybs-iso-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08);border-color:rgba(25,194,198,.35)}
.ybs-iso-desc{font-size:.82rem;color:#495057;line-height:1.5;min-height:2.4em}
.ybs-iso-card.cB .ybs-iso-code{color:#f57c2c}
.ybs-iso-card .ybs-iso-ic{display:block;font-size:1.5rem;margin-bottom:.5rem}
.ybs-iso-stat{text-align:center;padding:.5rem 1.25rem}
.ybs-iso-stat-l{font-size:.82rem;color:#6C757D;margin-top:.35rem}
.ybs-free-banner::before { content: ""; position: absolute; top: -100px; right: -80px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(25,215,226,.20), transparent 70%); pointer-events: none; }
.ybs-free-banner-text { flex: 1; min-width: 0; position: relative; z-index: 1; }
.ybs-free-banner-text h2 { color: #fff !important; font-size: clamp(24px, 3.2vw, 32px) !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 12px !important; letter-spacing: -0.02em !important; }
.ybs-free-banner-text p { color: rgba(255,255,255,0.86) !important; font-size: 15px !important; line-height: 1.7 !important; margin: 0 0 16px !important; max-width: 800px; }
.ybs-free-banner-features { display: flex; flex-wrap: wrap; gap: 8px; }
.ybs-blog-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:.5rem clamp(16px,3vw,28px) 1.2rem;scrollbar-width:none}
.ybs-blog-card{flex:0 0 clamp(290px,31vw,360px);background:#fff;border:1px solid #E9ECEF;border-radius:18px;overflow:hidden;scroll-snap-align:start;transition:.3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}
.ybs-blog-img{position:relative;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#19c2c6,#14a5a9)}
.ybs-blog-card:hover .ybs-blog-img img{transform:scale(1.06)}
.ybs-blog-tag{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,.95);color:#19c2c6;font-size:.72rem;font-weight:700;padding:.35rem .85rem;border-radius:9999px;letter-spacing:.08em;text-transform:uppercase;z-index:2;backdrop-filter:blur(6px)}
.ybs-blog-body{padding:1.5rem 1.5rem 1.3rem;flex:1;display:flex;flex-direction:column}
.ybs-blog-body p{font-size:.89rem;color:#6C757D;line-height:1.6;margin:0 0 1.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.ybs-blog-card:hover .ybs-blog-cta{gap:.7rem}
.ybs-blog-nav:hover{background:#19c2c6;color:#fff;transform:translateY(-50%) scale(1.05)}
.ybs-blog-nav.next{right:-8px}