.ba-site {
    --bg: #fafaf9;
    --surface: #ffffff;
    --border: #e0e5ee;
    --ink: #172033;
    --muted: #475569;
    --accent: #4338ca;
    --page: min(1180px, calc(100% - 48px));
    margin: 0;
    min-height: 100vh;
    background: var(--bg);
    color: var(--ink);
    font-family: Inter, system-ui, -apple-system, sans-serif;
    font-size: 16px;
    line-height: 1.55;
    overflow-wrap: anywhere;
    color-scheme: dark;
}

.ba-site *, .ba-site *::before, .ba-site *::after { box-sizing: border-box; }
.ba-site :is(h1,h2,h3,p,dl,dd,ul) { margin: 0; }
.ba-site a { color: inherit; text-decoration: none; }
.ba-site button { font: inherit; cursor: pointer; }
.ba-site a:focus-visible, .ba-site button:focus-visible, .ba-confirm:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.ba-wrap { width: var(--page); margin-inline: auto; }
.ba-header { border-bottom: 1px solid #e0e5ee; background: #ffffff; }
.ba-nav { min-height: 76px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.ba-nav nav { display: flex; align-items: center; gap: 28px; color: var(--muted); font-size: .92rem; }
.ba-nav nav a:hover, .ba-footer a:hover { color: var(--accent); }
.ba-brand { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; font-size: 1.35rem; font-weight: 800; letter-spacing: -.07em; overflow-wrap: anywhere; }
.ba-brand > span:not(.ba-mark):last-child { color: var(--accent); }
.ba-mark { display: inline-grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; margin-right: 8px; border-radius: 9px; background: var(--accent); color: #ffffff; font: 750 22px/1 system-ui; }
.ba-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 45px; padding: 10px 15px; border: 1px solid transparent; border-radius: 9px; font-size: .875rem; font-weight: 750; line-height: 1.3; text-align: center; transition: background .16s ease, border-color .16s ease; }
.ba-site button.ba-button { font-size: .875rem; font-weight: 750; }
.ba-site .ba-primary { background: var(--accent); color: #ffffff; }
.ba-primary:hover { background: #3730a3; }
.ba-site .ba-quiet { background: transparent; color: var(--ink); border-color: var(--border); }
.ba-quiet:hover:not(:disabled) { border-color: #a5b4fc; background: #eef2ff; }
.ba-button:disabled { opacity: .60; cursor: default; }
.ba-skip { position: absolute; z-index: 2; top: 10px; left: 10px; transform: translateY(-150%); background: var(--accent); padding: 8px 12px; }
.ba-site .ba-skip { color: #ffffff; }
.ba-skip:focus { transform: translateY(0); }

.ba-hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; gap: clamp(28px,6vw,100px); padding-block: clamp(55px,9vw,122px); }
.ba-label { color: var(--accent); font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; }
.ba-dot { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: var(--accent); vertical-align: 1px; }
.ba-hero h1 { font-size: clamp(3.1rem,6vw,6.2rem); font-weight: 800; line-height: .99; letter-spacing: -.082em; margin: 17px 0 23px; }
.ba-hero h1 em { color: var(--accent); font-style: normal; }
.ba-intro { max-width: 54ch; color: var(--muted); font-size: clamp(1rem,1.55vw,1.17rem); }
.ba-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ba-hero .ba-actions { margin-block: 26px 14px; }
.ba-subtle { color: var(--muted); font-size: .8rem; }
.ba-demo { border: 1px solid #d6dcfa; border-radius: 20px; background: radial-gradient(ellipse at 72% 24%, #f3f1ff 0, #eef2ff 55%, #f9fafb 100%); min-width: 0; padding: clamp(16px,2.6vw,34px); box-shadow: 0 25px 60px #4338ca13; }
.ba-demo-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: #334155; font-size: .78rem; font-weight: 700; }
.ba-demo-head > span:last-child { color: var(--accent); font-size: .65rem; letter-spacing: .1em; }
.ba-preview { background: #ffffff; color: #132239; margin-block: 34px; padding: clamp(16px,2.5vw,26px); border-radius: 14px; box-shadow: 0 14px 30px #4338ca16; }
.ba-preview-app { display: flex; gap: 8px; align-items: center; font-size: .83rem; }
.ba-preview-app .ba-mark { width: 25px; height: 25px; flex-basis: 25px; margin: 0; font-size: 17px; border-radius: 7px; }
.ba-preview-app span:last-child { margin-left: auto; color: #495971; }
.ba-preview p { margin-top: 15px; font-size: clamp(1.22rem,2vw,1.65rem); line-height: 1.15; font-weight: 850; letter-spacing: -.045em; }
.ba-preview small { display: block; margin-top: 5px; color: #47566b; }
.ba-preview-link { color: #4338ca; margin-top: 16px; font-size: .83rem; font-weight: 800; }
.ba-demo-bottom { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; border-top: 1px solid #d9e0f6; padding-top: 16px; color: #334155; font-size: .73rem; }
.ba-demo-bottom b { display: block; color: var(--accent); margin-bottom: 3px; }

.ba-section { padding-block: 54px; scroll-margin-top: 14px; }
.ba-section-head { display: flex; justify-content: space-between; align-items: end; gap: 16px 36px; margin-bottom: 27px; }
.ba-section-head :is(h1,h2) { margin-top: 5px; font-size: clamp(2rem,4.6vw,4rem); font-weight: 800; line-height: 1.06; letter-spacing: -.065em; }
.ba-section-head > p { color: var(--muted); max-width: 42ch; }
.ba-feature-grid, .ba-plan-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,270px),1fr)); gap: 16px; align-items: stretch; }
.ba-feature-grid article, .ba-plan { border: 1px solid var(--border); border-radius: 14px; padding: 21px; background: var(--surface); }
.ba-feature-grid article span, .ba-plan-kicker { color: var(--accent); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.ba-feature-grid h3 { margin: 12px 0 7px; font-size: 1.15rem; line-height: 1.3; }
.ba-feature-grid p, .ba-how p { color: var(--muted); font-size: .93rem; }
.ba-pricing { background: #f5f7ff; border-block: 1px solid #e0e5ee; margin-top: 22px; padding-block: 66px; }
.ba-plan { display: flex; flex-direction: column; min-width: 0; background: #ffffff; }
.ba-plan-emphasis { border-color: #a5b4fc; background: linear-gradient(150deg,#eef2ff 0,#ffffff 50%); }
.ba-plan :is(h2,h3) { margin-top: 5px; font-size: 1.35rem; font-weight: 800; }
.ba-plan .ba-price { margin-block: 9px 15px; font-size: clamp(1.65rem,4vw,2.2rem); font-weight: 800; line-height: 1.15; letter-spacing: -.055em; }
.ba-price small { color: var(--muted); font-size: .85rem; font-weight: 500; letter-spacing: 0; white-space: nowrap; }
.ba-limits { margin-bottom: 16px !important; padding-block: 10px; border-block: 1px solid var(--border); }
.ba-limits > div { display: flex; justify-content: space-between; gap: 8px; padding: 4px 0; font-size: .86rem; }
.ba-limits dt { color: var(--muted); }
.ba-limits dd { font-weight: 750; text-align: right; }
.ba-checks { list-style: none; padding: 0 0 16px; font-size: .84rem; }
.ba-checks li { display: flex; gap: 7px; margin-bottom: 5px; }
.ba-checks li::before { content: '✓'; color: var(--accent); }
.ba-plan > .ba-button { width: 100%; margin-top: auto; }
.ba-how, .ba-status, .ba-account, .ba-confirm, .ba-history { padding: 16px 20px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.ba-how { margin-top: 17px; }
.ba-footer { padding-block: 23px; color: var(--muted); font-size: .85rem; }
.ba-footer > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; }

.ba-app-main { padding-block: clamp(30px,5vw,65px); }
.ba-app-main .ba-section-head { margin-bottom: 20px; }
.ba-app-main .ba-section-head h1 { font-size: clamp(2rem,4.6vw,3.6rem); }
.ba-account, .ba-confirm, .ba-status { margin-bottom: 14px; }
.ba-account, .ba-confirm { display: flex; align-items: center; justify-content: space-between; gap: 12px 22px; flex-wrap: wrap; }
.ba-account span { display: block; font-size: .8rem; color: var(--muted); }
.ba-account strong { display: block; font-size: 1.12rem; }
.ba-status .ba-button { margin-top: 8px; }
.ba-status-pending { border-color: #f5d899; background: #fff8e7; color: #7c490f; }
.ba-confirm { border-color: #a5b4fc; }
.ba-confirm h2 { font-size: 1.2rem; font-weight: 800; }
.ba-confirm div > p:not(.ba-label) { font-size: .87rem; color: var(--muted); margin-top: 3px; }
.ba-history { margin-top: 18px; }
.ba-history h2 { font-size: 1.15rem; font-weight: 750; margin-bottom: 7px; }
.ba-history ul { list-style: none; padding: 0; }
.ba-history li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; border-top: 1px solid var(--border); padding: 9px 0; font-size: .86rem; }
.ba-badge { border-radius: 50px; padding: 3px 9px; background: #eef2ff; }
.ba-badge[data-status="bekliyor"] { background: #fff4d5; color: #7c490f; }
.ba-badge[data-status="onaylandi"] { background: #dcfce7; color: #166534; }
.ba-badge[data-status="reddedildi"] { background: #ffe4e6; color: #9f1239; }

@media (max-width: 800px) {
    .ba-hero { grid-template-columns: 1fr; }
    .ba-demo { max-width: 610px; width: 100%; }
    .ba-section-head { align-items: start; flex-direction: column; }
}
@media (max-width: 520px) {
    .ba-site { --page: calc(100% - 32px); }
    .ba-nav { min-height: 66px; gap: 8px; flex-wrap: wrap; padding-block: 8px; }
    .ba-nav nav { order: 3; width: 100%; gap: 18px; font-size: .84rem; padding-bottom: 4px; }
    .ba-brand { font-size: 1.16rem; }
    .ba-hero { padding-block: 46px 34px; }
    .ba-hero h1 { font-size: clamp(2.65rem,11vw,3.7rem); }
    .ba-section { padding-block: 40px; }
    .ba-confirm .ba-actions { width: 100%; }
    .ba-confirm .ba-actions button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
    .ba-button { transition: none; }
}


.ba-site { color-scheme: light; }
.ba-site .ba-primary { background: #4f46e5; color: #fff; }
.ba-primary:hover:not(:disabled) { background: #4338ca; }
.ba-mark { background: #4f46e5; color: #fff; }
.ba-nav nav a[aria-current="page"] { color: #4338ca; font-weight: 750; }
.ba-hero h1 { letter-spacing: -.065em; max-width: 13ch; font-size: clamp(2.9rem, 6vw, 5.8rem); }
.ba-hero .ba-actions { margin-bottom: 0; }
.ba-home-links { border-top: 1px solid var(--border); }
.ba-home-links > h2 { font-size: clamp(1.65rem,4vw,2.8rem); font-weight: 800; letter-spacing: -.045em; margin: 5px 0 18px; }
.ba-feature-grid > a { display: block; min-width: 0; padding: 21px; border: 1px solid var(--border); border-radius: 14px; background: white; }
.ba-feature-grid > a:hover { border-color: #a5b4fc; box-shadow: 0 8px 25px #4338ca12; }
.ba-feature-grid > a > span { color: var(--accent); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.ba-page-actions { margin-top: 22px; }
.ba-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.ba-flow article { display: flex; flex-direction: column; box-shadow: none; padding: 18px; }
.ba-flow .ba-preview { flex: 1; margin-block: 16px; }
.ba-flow article > p { font-size: .9rem; color: var(--muted); }
.ba-composer > span { display: block; font-size: .75rem; color: var(--muted); }
.ba-composer > strong { display: block; padding: 5px 7px; border: 1px solid var(--border); border-radius: 6px; font-size: .82rem; margin-bottom: 6px; }
.ba-footer { border-top: 1px solid var(--border); background: #fff; }
.ba-article { max-width: 820px; }
.ba-site .ba-back { display: inline-block; margin-bottom: 18px; color: #4338ca; font-weight: 700; }
.ba-article h1 { font-size: clamp(2rem,5vw,3.8rem); font-weight: 850; line-height: 1.08; letter-spacing: -.055em; margin: 8px 0 16px; }
.ba-cover { width: 100%; max-height: 440px; object-fit: contain; background: #eef2ff; border-radius: 14px; margin-top: 24px; }
.ba-prose { margin-top: 24px; color: #263249; font-size: 1.05rem; line-height: 1.8; }
.ba-prose p { margin: 0 0 16px; }
.ba-prose :is(h2,h3) { font-size: 1.4rem; font-weight: 800; margin: 23px 0 8px; }
.ba-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; list-style: none; padding: 0; }
.ba-site .ba-steps { margin-bottom: 16px; }
.ba-steps li { border: 1px solid var(--border); border-radius: 10px; padding: 10px; font-size: .82rem; color: var(--muted); background: #fff; }
.ba-steps li[aria-current="step"] { background: #eef2ff; border-color: #a5b4fc; color: #3730a3; font-weight: 750; }
.ba-site .ba-checkout, .ba-site .ba-form { background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: clamp(14px,3vw,24px); margin-bottom: 16px; }
.ba-checkout h2,.ba-form h2 { font-size: 1.25rem; font-weight: 800; margin-bottom: 6px; }
.ba-checkout .ba-limits { max-width: 640px; }
.ba-checkout .ba-actions,.ba-form .ba-actions { margin-top: 12px; }
.ba-checkout .ba-limits dd { overflow-wrap: anywhere; }
.ba-upload { display: block; margin-top: 12px; padding: 14px; border: 1px dashed #a5b4fc; border-radius: 10px; background: #f5f7ff; }
.ba-upload input { display: block; max-width: 100%; margin-top: 7px; }
.ba-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.ba-field { display: block; min-width: 0; font-size: .82rem; font-weight: 700; }
.ba-field-full { grid-column: 1/-1; }
.ba-field :is(input:not([type="checkbox"]),select,textarea) { display: block; width: 100%; max-width: 100%; min-height: 44px; margin-top: 4px; border: 1px solid #cbd5e1; padding: 8px 10px; border-radius: 8px; background: #fff; font: inherit; font-size: 16px; font-weight: 500; }
.ba-field textarea { min-height: 90px; resize: vertical; }
.ba-field textarea.ba-long { min-height: 240px; }
.ba-admin-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.ba-site .ba-admin-tabs [aria-current="page"] { background: #eef2ff; border-color: #a5b4fc; color: #3730a3; }
.ba-admin-cards { display: grid; gap: 10px; }
.ba-admin-cards article { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 14px; }
.ba-admin-cards h3 { font-size: 1.05rem; font-weight: 800; }
.ba-admin-cards .ba-actions { margin-top: 9px; }
.ba-meta { color: var(--muted); font-size: .86rem; }
.ba-danger { color: #991b1b; background: #fff1f2; border-color: #fecdd3; }
.ba-note { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }

.ba-notification-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ba-notification-option {
    --option: #4338ca;
    --option-pale: #eef2ff;
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 16px;
    padding: clamp(14px,2vw,22px);
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: 0 8px 20px #17203308;
}
.ba-notification-instant { grid-column: 1/-1; grid-template: auto / minmax(0,.8fr) minmax(0,1.2fr); align-items: center; gap: clamp(18px,5vw,64px); }
.ba-notification-scheduled { --option: #075985; --option-pale: #eaf7ff; }
.ba-notification-rss { --option: #9a3412; --option-pale: #fff2e7; }
.ba-notification-stock { --option: #166534; --option-pale: #edf9ef; }
.ba-notification-cart { --option: #9d174d; --option-pale: #fff0f7; }
.ba-notification-copy { display: flex; gap: 13px; align-items: flex-start; }
.ba-notification-symbol { flex: 0 0 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--option); background: var(--option-pale); }
.ba-notification-symbol svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ba-notification-copy h2 { color: var(--ink); font-size: clamp(1.1rem,2vw,1.45rem); font-weight: 800; letter-spacing: -.035em; }
.ba-notification-instant h2 { font-size: clamp(1.25rem,2.6vw,2rem); }
.ba-notification-copy p { color: var(--muted); font-size: .89rem; margin-top: 4px; }
.ba-notification-demo { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 13px; border: 1px solid #e4e9f1; border-radius: 13px; background: linear-gradient(135deg,var(--option-pale),#f8fafc); }
.ba-notification-demo figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; color: #48576d; font-size: .74rem; font-weight: 750; }
.ba-notification-demo figcaption span:last-child { color: var(--option); letter-spacing: .09em; font-size: .65rem; }
.ba-notification-popup { flex: 1; min-width: 0; margin: 12px 0 10px; padding: 13px; border: 1px solid #e2e8f0; border-radius: 11px; background: #fff; box-shadow: 0 5px 14px #1720330d; }
.ba-notification-popup-head { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; color: #475569; font-size: .75rem; }
.ba-notification-popup-head img { flex: 0 0 22px; }
.ba-notification-popup-head span:last-child { flex-shrink: 0; margin-left: auto; }
.ba-notification-title { display: block; color: var(--ink); font-weight: 800; font-size: .98rem; line-height: 1.3; }
.ba-notification-popup p { margin-top: 4px; color: #475569; font-size: .82rem; }
.ba-notification-action { display: inline-block; margin-top: 9px; color: var(--option); font-size: .77rem; font-weight: 800; }
.ba-notification-trigger { display: flex; gap: 6px; align-items: center; color: #475569; font-size: .73rem; font-weight: 650; }
.ba-notification-trigger i { flex: 0 0 6px; height: 6px; background: var(--option); border-radius: 50%; }

.ba-feature-grid .ba-blog-card-title { margin: 12px 0 7px; font-size: 1.15rem; line-height: 1.3; font-weight: 800; }
.ba-pagination, .ba-page-numbers { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px; }
.ba-pagination { margin-top: 24px; }
.ba-page-numbers .ba-button { min-width: 42px; padding-inline: 10px; }
.ba-page-numbers .ba-button[aria-current="page"] { border-color: #a5b4fc; background: #eef2ff; color: #3730a3; }

.ba-home-surface {
    border-bottom: 1px solid #e3e7f1;
    background: radial-gradient(ellipse at 78% 16%,#e9e8ff 0,transparent 48%),
        radial-gradient(ellipse at 14% 90%,#ebf3ff 0,transparent 45%),#fff;
}
.ba-home-surface .ba-hero-v3 { padding-block: clamp(48px,7vw,102px); }
.ba-hero-v3 h1 { max-width: 14ch; }
.ba-hero-chip { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #dddfff; border-radius: 999px; background: #fff; padding: 7px 12px; }
.ba-site .ba-hero-points { display: flex; flex-wrap: wrap; gap: 6px 15px; padding: 0; margin-top: 20px; list-style: none; color: #475569; font-size: .8rem; }
.ba-hero-points li::before { content:'✓'; color:#4f46e5; margin-right:5px; font-weight:800; }
.ba-home-demo { background: #fff; border-color: #e3e5f8; box-shadow: 0 25px 65px #3b36ab20; padding: 17px; }
.ba-home-demo-toolbar { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; background:#f2f4ff; border-radius:9px; padding:10px 12px; margin-top:14px; color:#3a348f; font-size:.75rem; font-weight:800; }
.ba-home-demo .ba-preview { margin:12px 0 16px; border:1px solid #e5e8f2; box-shadow: 0 8px 24px #27317312; }
.ba-home-demo .ba-demo-bottom { border-color:#e5e8f2; }
.ba-home-links { border-top:0; }

.ba-3d-scene { margin-bottom:22px; overflow:hidden; perspective:850px; border:1px solid #e1e7f7; border-radius:20px;
    background:radial-gradient(ellipse at 50% 100%,#dce3ff,transparent 70%),#f6f8ff; padding:34px 16px; }
.ba-3d-track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:830px; margin:auto; gap:16px;
    position:relative; transform-style:preserve-3d; transform:rotateX(12deg) rotateY(-9deg); animation:ba-3d-enter 1.15s ease-out both; }
.ba-3d-tile { position:relative; min-width:0; padding:clamp(12px,2vw,22px); border:1px solid #dbe2f8; border-radius:14px; background:#fff;
    transform:translateZ(16px); box-shadow:0 12px 0 #e3e7fa,0 20px 35px #4338ca2b; animation:ba-3d-pulse 1.1s ease-out both; }
.ba-3d-tile:nth-of-type(2) { animation-delay:.95s; }
.ba-3d-tile:nth-of-type(3) { animation-delay:1.9s; }
.ba-3d-tile span { display:block; color:#4f46e5; font-size:.72rem; font-weight:800; }
.ba-3d-tile strong { display:block; margin:4px 0 10px; font-size:clamp(.85rem,2vw,1.12rem); }
.ba-3d-tile i { display:block; width:72%; height:5px; background:linear-gradient(90deg,#776df4,#dfe3ff); border-radius:10px; }
.ba-3d-orbit { position:absolute; width:100%; height:2px; top:50%; background:#bbc6fa; }
.ba-3d-orbit::after { content:''; width:11px; height:11px; background:#4f46e5; border-radius:50%; display:block; transform:translateY(-4px);
    box-shadow:0 0 20px #776df4; animation:ba-3d-travel 2.7s ease-in-out .3s both; position:absolute; }
@keyframes ba-3d-enter { from { transform:rotateX(30deg) rotateY(-18deg) translateY(24px); opacity:.35; } to { transform:rotateX(12deg) rotateY(-9deg); opacity:1; } }
@keyframes ba-3d-pulse { 50% { transform:translateZ(42px); border-color:#9c98f7; } }
@keyframes ba-3d-travel { from { left:2%; } to { left:96%; } }
.ba-flow-v3 article { transition:box-shadow .2s ease,transform .2s ease; }
.ba-flow-v3 article:hover { transform:translateY(-4px); box-shadow:0 14px 30px #4338ca14; }

.ba-footer-v3 { background:#f2f4fb; padding:38px 0 16px; }
.ba-footer-v3 .ba-footer-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr 1fr; gap:22px; align-items:start; }
.ba-footer-grid > * { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.ba-footer-grid strong { color:#172033; font-size:.9rem; }
.ba-footer-v3 .ba-footer-bottom { display:block; border-top:1px solid #dce2ed; padding-top:13px; margin-top:22px; }
.ba-contact-card { padding:18px; border:1px solid var(--border); background:#fff; border-radius:13px; margin-top:20px; }
.ba-contact-card h2 { font-size:1.25rem; font-weight:800; }
.ba-contact-card address { font-style:normal; margin:5px 0 12px; }
.ba-contact-card > p { margin-top:12px; }
.ba-prose a { color:#4338ca; text-decoration:underline; }
.ba-prose ul,.ba-prose ol,.ba-rich-area ul,.ba-rich-area ol { margin:10px 0 16px; padding-left:24px; }
.ba-prose ul,.ba-rich-area ul { list-style:disc; }
.ba-prose ol,.ba-rich-area ol { list-style:decimal; }
.ba-prose blockquote,.ba-rich-area blockquote { border-left:3px solid #a5b4fc; margin:10px 0; padding:5px 12px; background:#f4f6ff; }
.ba-media-field { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:12px; background:#f5f7ff; border:1px dashed #b4bbeb; border-radius:12px; }
.ba-media-field img { width:130px; height:82px; object-fit:contain; background:#fff; border-radius:7px; }
.ba-media-field > div { flex:1 1 180px; min-width:0; }
.ba-media-field .ba-button { margin-top:7px; }
.ba-rich-shell { margin-top:5px; background:#fff; border:1px solid #cbd5e1; border-radius:10px; }
.ba-rich-toolbar { display:flex; flex-wrap:wrap; gap:5px; padding:8px; background:#f6f7ff; border-radius:10px 10px 0 0; border-bottom:1px solid #dde3f0; }
.ba-rich-toolbar button { padding:5px 8px; border:1px solid #dde3f0; background:#fff; border-radius:6px; font-size:.8rem; }
.ba-rich-toolbar button:hover { background:#e9edff; }
.ba-rich-area { min-height:245px; padding:12px; font-size:1rem; font-weight:400; outline-offset:-2px; }
.ba-rich-area h2 { font-size:1.4rem; font-weight:800; }
.ba-rich-area h3 { font-size:1.17rem; font-weight:750; }
.ba-rich-area a { color:#4338ca; text-decoration:underline; }
.ba-link-editor { display:flex; flex-wrap:wrap; align-items:end; gap:7px; background:#f5f7ff; padding:8px; }
.ba-link-editor label { flex:1 1 200px; }
.ba-plan-label { width:max-content; max-width:100%; margin-top:5px; color:#3730a3; background:#eef2ff; border:1px solid #dce0ff; border-radius:999px; padding:3px 9px; font-size:.75rem; font-weight:750; }
.ba-plan-tools summary { cursor:pointer; font-weight:800; }
.ba-plan-tools ol { list-style:none; padding:0; }
.ba-plan-tools li { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:9px 0; border-bottom:1px solid #e5e9f3; }
.ba-plan-tools li form { display:flex; align-items:end; flex-wrap:wrap; gap:7px; }
.ba-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr)); gap:12px; }
.ba-stat-grid article { border:1px solid #e2e7f3; border-radius:14px; padding:17px; background:#fff; }
.ba-stat-grid article span { color:#475569; font-size:.85rem; }
.ba-stat-grid article strong { display:block; color:#4338ca; font-size:2rem; }
.ba-prompt-preview { box-sizing:border-box; min-height:155px; display:flex; align-items:flex-start; justify-content:flex-end; padding:10px;
    background:linear-gradient(145deg,#e7ebf8,#f4f6fb); border-radius:8px; }
.ba-prompt-preview-small { min-height:100px; padding:7px; border-radius:0; }
.ba-prompt-preview-alt_bant { align-items:flex-end; }
.ba-prompt-preview-orta_kart { align-items:center; }
.ba-site-prompt-title { max-width:460px; }
@media(max-width:850px) {
    .ba-site-workspace { flex-direction:column; }
    .ba-site-workspace > aside { width:100%; border-right:0; border-bottom:1px solid #e0e5ee; }
    .ba-site-workspace > aside > div:first-child { padding:12px 16px; }
    .ba-site-workspace > aside > div:first-child button { margin-bottom:9px; }
    .ba-site-workspace > aside nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding-bottom:10px; }
    .ba-site-workspace > aside nav a { min-width:0; padding:8px; font-size:.83rem; }
    .ba-site-workspace > aside > div:last-child { padding:3px 12px; }
    .ba-site-workspace > main { width:100%; }
    .ba-site-workspace-inner { padding:16px; overflow-wrap:anywhere; }
    .ba-site-workspace-inner .panel { min-width:0; padding:14px; }
}
@media(max-width:750px) { .ba-footer-v3 .ba-footer-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:420px) { .ba-3d-track { gap:7px; } .ba-3d-tile { padding:8px; } .ba-footer-v3 .ba-footer-grid { gap:16px 10px; } }
@media(prefers-reduced-motion:reduce) { .ba-3d-track,.ba-3d-tile,.ba-3d-orbit::after { animation:none; } .ba-flow-v3 article { transition:none; } }
@media(max-width:800px) {
    .ba-nav { flex-wrap: wrap; padding-block: 8px; }
    .ba-nav nav { order: 3; width: 100%; flex-wrap: wrap; column-gap: 15px; row-gap: 4px; }
    .ba-flow { grid-template-columns: 1fr; }
}
@media(max-width:650px) {
    .ba-notification-grid { grid-template-columns: minmax(0,1fr); }
    .ba-notification-instant { grid-column: auto; grid-template: auto 1fr / minmax(0,1fr); gap: 16px; }
}
@media(max-width:550px) {
    .ba-settings-grid { grid-template-columns: 1fr; }
    .ba-steps li { padding: 7px; font-size: .74rem; }
}