/* ana sitede balabs: menü, ana sayfa şeridi, işler kartı (Vite derlemesi gerektirmeyen ek katman) */
/* balabs: ba creative labs'in deney laboratuvarı */
.nlink.balabs{display:inline-flex;align-items:baseline;gap:0;color:#100e0b;font-weight:500;letter-spacing:-.03em}
.nlink.balabs b{font-weight:800}
.nlink.balabs i{font-style:normal;color:inherit;font-weight:500}
.nlink.balabs::after{display:none}
.nlink.balabs .bllab{align-self:center;margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#f04e23;border-radius:999px;padding:2px 7px 2px;line-height:1.5}
.nav-panel .nlink.balabs{justify-content:flex-start}
.nav-panel .nlink.balabs .bllab{letter-spacing:.06em;text-transform:none;font-size:11.5px}
.bl-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin:34px auto 0;max-width:760px;padding:22px 22px 22px 26px;border-radius:22px;background:#0b0b0c;color:#fff;text-align:left;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.bl-strip::before{content:"";position:absolute;left:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(240,78,35,.45),transparent 65%);z-index:-1}
.bl-strip:hover{transform:translateY(-3px)}
.bl-text{display:grid;gap:6px;min-width:0}
.bl-k{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffb38f}
.bl-k i{width:7px;height:7px;border-radius:50%;background:#f04e23;animation:cpulse 1.9s infinite}
.bl-strip b{font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.045em;line-height:1.08}
.bl-dot{color:#f04e23}
.bl-sub{font-size:14px;color:#a1a1a6;line-height:1.45}
.bl-go{font-size:13.5px;font-weight:700;color:#fff;margin-top:4px}
.bl-covers{display:flex}
.bl-covers span{width:86px;height:110px;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px -14px rgba(0,0,0,.8),0 0 0 2px #0b0b0c;transform:rotate(calc((var(--i,0) - 1) * 5deg))}
.bl-covers span:nth-child(1){--i:0;transform:rotate(-6deg) translateY(4px)}
.bl-covers span:nth-child(2){--i:1;margin-left:-26px;transform:rotate(1deg);z-index:1}
.bl-covers span:nth-child(3){--i:2;margin-left:-26px;transform:rotate(7deg) translateY(4px)}
.bl-covers svg{width:100%;height:100%;display:block}
@media(max-width:620px){.bl-strip{grid-template-columns:1fr}.bl-covers{display:none}}
.blproduct .pnum{font-size:clamp(48px,9vw,120px)}
.blproduct .pname b{font-weight:800}
.blproduct .plogo img{width:84px;height:84px;border-radius:20px}

/* menü: solda "ba creative labs × balabs." (aynı boyut, aynı çizgi) */
.brandrow{display:flex;align-items:baseline;gap:9px;min-width:0;font-size:18px;line-height:1}
.brandrow .brand{font-size:18px;line-height:1}
.brandx{font-size:18px;font-weight:400;color:var(--muted,#8c887f);line-height:1}
.brand-bl{font-size:18px;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--body,#56524b);white-space:nowrap;transition:color .18s}
.brand-bl b{font-weight:800;color:#100e0b}
.brand-bl i{font-style:normal;font-weight:500;color:inherit} /* balabs sitesindeki logo gibi: nokta "labs" ile aynı */
.brand-bl:hover{color:#100e0b}
@media(max-width:380px){.brandx,.brand-bl{display:none}}

/* ana sayfa: balabs kartı (sitenin dili: beyaz, ince çizgi, turuncu etiket) */
.bl-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(22px,4vw,48px);align-items:center;max-width:860px;margin:40px auto 0;padding:clamp(24px,3.6vw,36px);border:1px solid var(--hair,rgba(16,14,11,.13));border-radius:14px;background:#fff;text-align:left;position:relative;overflow:hidden}
.bl-card::before{content:"";position:absolute;top:-1px;left:clamp(24px,3.6vw,36px);width:36px;height:3px;background:#f04e23;border-radius:0 0 3px 3px}
.bl-l{display:grid;gap:12px;justify-items:start;min-width:0}
.bl-name{font-size:clamp(38px,5vw,52px);font-weight:500;letter-spacing:-.05em;line-height:1;color:#56524b;margin:0}
.bl-name b{font-weight:800;color:#100e0b}
.bl-name i{font-style:normal;font-weight:500;color:inherit}
.bl-l p{font-size:14.5px;line-height:1.6;color:#56524b;margin:0;max-width:44ch}
.bl-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:#8c887f}
.bl-meta b{color:#100e0b;font-weight:800}
.bl-l .go{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#f04e23;margin-top:2px}
.bl-l .go:hover{text-decoration:underline;text-underline-offset:4px}
.bl-list{list-style:none;margin:0;padding:0;display:grid}
.bl-list li{border-top:1px solid var(--hair,rgba(16,14,11,.13))}
.bl-list li:last-child{border-bottom:1px solid var(--hair,rgba(16,14,11,.13))}
.bl-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 2px;transition:padding .2s,color .2s}
.bl-list a:hover{padding-left:8px}
.bl-list a:hover b,.bl-list a:hover .bl-arr{color:#f04e23}
.bl-code{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:11.5px;color:#8c887f}
.bl-t{display:grid;gap:1px;min-width:0}
.bl-t b{font-size:15.5px;font-weight:800;letter-spacing:-.02em;color:#100e0b;transition:color .2s}
.bl-t small{font-size:12.5px;color:#8c887f}
.bl-arr{color:#8c887f;font-weight:700;transition:color .2s}
@media(max-width:720px){.bl-card{grid-template-columns:1fr}}

/* İşler: ürün adları tek yazı-logo sistemi (menüdeki biçimler; hepsi aynı boyut, kalınlık, harf aralığı ve hizada) */
.pname.wm{display:block;font-size:clamp(34px,5.6vw,60px);font-weight:800;letter-spacing:-.045em;line-height:1.02;margin-top:11px;text-wrap:balance}
.pname.wm b,.pname.wm i,.pname.wm span{font-size:inherit;line-height:inherit;letter-spacing:inherit}
/* balabs.: "ba" kalın, "labs" ince ve bir ton açık, turuncu nokta (menüdeki ve ana sayfadaki logo) */
.pname.wm-balabs{font-weight:500;color:rgba(255,255,255,.74)}
.blproduct .pname.wm-balabs b{font-weight:800;color:#fff}
.pname.wm-balabs i{font-style:normal;font-weight:500;color:inherit}
/* exAI+: kart zemini zaten exAI degradesi, ad beyaz; "+" menüdeki altın degradeyle */
.pname.wm-exai{display:block}
.pname.wm-exai .plusg{margin-left:-.01em;background:linear-gradient(135deg,#F2D68A,#C9952B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:560px){.pname.wm{font-size:clamp(32px,9.5vw,44px)}}