body[data-page="ia"] { background: var(--sbi-ink); }
.ai-editorial-service {
  position: relative;
  isolation: isolate;
  --paper:var(--sbi-white);
  --ink:var(--sbi-ink);
  --muted:var(--sbi-gray-6);
  --accent:var(--sbi-brand);
  --ai-rule: var(--sbi-gray-6);
  --ai-secondary: var(--sbi-gray-3);
  --ai-action-radius: 3px;
  background: var(--sbi-ink);
  color: var(--sbi-white);
  font-family: EditorialSans, Helvetica, Arial, sans-serif;
}
.ai-editorial-service[data-ai-tone="light"] { background: var(--sbi-white); color: var(--sbi-ink); --ai-rule: var(--sbi-gray-4); --ai-secondary: var(--sbi-gray-6); }
.ai-editorial-service > section { position: relative; }
.editorial-theme-wave { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.editorial-theme-wave[hidden] { display: none; }
.ai-editorial-service ::selection { background: var(--hero-bg); color: var(--sbi-ink); }
.ai-editorial-service :focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.ai-editorial-service h2, .ai-editorial-service h3 { font-weight: 400; letter-spacing: -.035em; }
.ai-editorial-service p { text-wrap: pretty; }
.ai-hero { position: relative; min-height: 680px; height: 100svh; max-height: 1150px; isolation: isolate; background: var(--sbi-ink); color: var(--sbi-white); }
.ai-hero-contact { position: absolute; top: var(--menu-top); right: var(--site-gutter); z-index: 3; }
.ai-hero-meta { position: absolute; top: 32%; left: var(--site-gutter); right: var(--site-gutter); z-index: 2; display: grid; grid-template-columns: 8% 17% 50%; font: 600 clamp(17px, 1.55vw, 28px)/1.25 EditorialSans, Helvetica, Arial, sans-serif; letter-spacing: -.025em; }
.ai-hero-word { position: absolute; left: var(--site-gutter); bottom: 98px; z-index: 2; margin: 0; font: 400 clamp(220px, min(36vw, 64svh), 620px)/.78 EditorialSans, Helvetica, Arial, sans-serif; letter-spacing: -.04em; pointer-events: none; }
/* Compensate the Inter I's sidebearing: ink, not its invisible type box, aligns to the gutter. */
.ai-hero-word > span { display: block; transform: translateX(-.071em); }
.ai-hero-figure { position: absolute; top: 90px; bottom: 77px; right: var(--site-gutter); width: 56%; margin: 0; background: var(--sbi-ink); border-radius: var(--ai-action-radius); overflow: clip; }
.ai-computation { position: relative; height: 100%; width: 100%; }
.ai-computation canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.ai-computation-fallback { position: absolute; inset: 0; width: 100%; height: 100%; }
.ai-computation[data-renderer="webgl"] .ai-computation-fallback { visibility: hidden; }
.ai-computation[data-renderer="fallback"] canvas { visibility: hidden; }
.ai-computation-status { position: absolute; top: 28px; left: 22px; right: 180px; display: flex; align-items: center; gap: 14px; color: var(--sbi-gray-3); font: 500 10px/1.4 ui-monospace, monospace; }
.ai-computation-status > span:first-child { color: var(--hero-bg); white-space: nowrap; }
.ai-signal-labels { position: absolute; bottom: 18px; left: 22px; right: 22px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; pointer-events: none; font: 500 10px/1.5 ui-monospace, monospace; text-transform: uppercase; color: var(--sbi-gray-3); }
.ai-signal-labels span { border-top: 1px solid var(--sbi-gray-6); padding-top: 9px; }
.ai-signal-labels [data-active="true"] { color: var(--hero-bg); border-color: currentColor; }
.ai-motion-toggle { position: absolute; top: 12px; right: 16px; }
.ai-hero-bottom { position: absolute; bottom: 16px; left: var(--site-gutter); right: var(--site-gutter); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; gap: 0; font: 550 10px/1.5 ui-monospace, monospace; text-transform: uppercase; }
.ai-hero-bottom > span:first-child { grid-column: span 2; }
.ai-explore { grid-template-columns: 1fr 2fr 24px; }
.ai-explore svg { width: 20px; height: 20px; transform: rotate(90deg); }
.ai-section { padding: clamp(80px, 8vw, 150px) var(--site-gutter); }
.ai-section-label, .ai-section-code { font: 500 11px/1.5 ui-monospace, monospace; text-transform: uppercase; }
.ai-section-code { display: flex; gap: clamp(35px, 8vw, 140px); }
.ai-intro { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ai-intro > .ai-section-code, .ai-intro > .ai-section-label, .ai-intro-copy { color: var(--sbi-white); --ai-secondary: var(--sbi-gray-3); --ai-rule: var(--sbi-gray-5); mix-blend-mode: difference; }
.ai-intro-copy { grid-column: 3 / 5; grid-row: 1 / 3; }
.ai-intro h2 { font-size: clamp(35px, 3.25vw, 64px); line-height: 1.08; max-width: 23ch; margin-bottom: 55px; }
.ai-intro-copy > p { font-size: clamp(16px, 1.35vw, 23px); line-height: 1.4; max-width: 57ch; margin: 0 0 24px; }
.ai-intro-copy > p + p { color: var(--ai-secondary); }
.ai-scope-list { list-style: none; margin: 64px 0 0; padding: 0; }
.ai-scope-list li { display: grid; grid-template-columns: 28% 1fr; border-top: 1px dashed var(--ai-rule); padding: 18px 0; font-size: clamp(18px, 1.65vw, 29px); letter-spacing: -.025em; }
.ai-scope-list li:last-child { border-bottom: 1px dashed var(--ai-rule); }
.ai-scope-list li > span { font: 500 11px/1.5 ui-monospace, monospace; padding-top: 4px; color: var(--ai-secondary); }
.editorial-symbol-block { position: relative; padding: 10px; background: var(--sbi-white); color: var(--sbi-ink); border-radius: 3px; }
.editorial-flat-symbol { display: block; width: 100%; height: auto; overflow: visible; fill: currentColor; }
.ai-intro-mark { grid-column: 1; grid-row: 2; align-self: end; width: clamp(100px, 14vw, 210px); }
.ai-capabilities { padding-top: 48px; }
.ai-capabilities::before { content: ''; position: absolute; top: 0; left: var(--site-gutter); right: var(--site-gutter); border-top: 1px dashed var(--ai-rule); }
.ai-capabilities-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 76px; color: var(--sbi-white); mix-blend-mode: difference; }
.ai-capabilities-heading h2 { font-size: clamp(34px, 3.6vw, 67px); line-height: 1.1; }
.ai-capabilities-heading > span { font-size: clamp(24px, 2.5vw, 44px); letter-spacing: -.035em; }
.ai-capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.ai-capability { min-width: 0; background: var(--sbi-gray-1); color: var(--sbi-ink); border-radius: 3px; overflow: clip; }
.ai-capability:nth-child(2) { margin-top: 48px; }
.ai-capability:nth-child(3) { margin-top: 110px; }
.ai-capability:nth-child(4) { margin-top: 64px; }
.ai-capability summary { display: flex; flex-direction: column; min-height: 470px; padding: 18px; list-style: none; cursor: pointer; }
.ai-capability summary::-webkit-details-marker { display: none; }
.ai-card-number { margin-bottom: 55px; font: 500 11px/1.4 ui-monospace, monospace; }
.ai-capability h3 { font-size: clamp(25px, 2.25vw, 43px); line-height: 1.06; margin: 0; }
.ai-capability summary > p { font-size: clamp(15px, 1.17vw, 20px); line-height: 1.36; margin: 43px 0 32px; }
.ai-card-disclosure { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 44px; padding-top: 12px; margin-top: auto; border-top: 1px dashed var(--sbi-gray-4); font: 550 11px/1.5 ui-monospace, monospace; text-transform: uppercase; }
.ai-disclosure-icon { width: 17px; height: 17px; position: relative; flex: none; }
.ai-disclosure-icon::before, .ai-disclosure-icon::after { content: ''; position: absolute; width: 16px; height: 1px; top: 8px; left: 0; background: currentColor; }
.ai-disclosure-icon::after { transform: rotate(90deg); transition: transform 160ms var(--ease-out); }
.ai-capability[open] .ai-disclosure-icon::after { transform: rotate(0); }
.ai-capability[open] { background: var(--hero-bg); }
.ai-capability-example { padding: 24px 18px 20px; border-top: 1px dashed var(--sbi-gray-6); }
.ai-example-label { font: 550 10px/1.5 ui-monospace, monospace; text-transform: uppercase; }
.ai-capability-example > p { font-size: 16px; line-height: 1.45; margin: 18px 0 24px; }
.ai-capability-example ul { list-style: none; margin: 0 0 30px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 14px; font: 500 10px/1.4 ui-monospace, monospace; text-transform: uppercase; }
@supports (interpolate-size: allow-keywords) {
  .ai-capability { interpolate-size: allow-keywords; }
  .ai-capability::details-content { height: 0; overflow: clip; transition: height 200ms var(--ease-out), content-visibility 200ms allow-discrete; }
  .ai-capability[open]::details-content { height: auto; }
  .ai-editorial-service[data-ai-input="keyboard"] .ai-capability::details-content { transition: none; }
}
.ai-proof { background: var(--sbi-white); color: var(--sbi-ink); }
.ai-proof-heading { display: grid; grid-template-columns: 25% 50% 25%; align-items: start; margin-bottom: 65px; }
.ai-proof-heading > div { padding-right: 32px; }
.ai-proof h2 { font-size: clamp(42px, 5vw, 86px); line-height: 1.03; margin-bottom: 30px; }
.ai-proof-heading p { max-width: 45ch; font-size: clamp(16px, 1.3vw, 22px); line-height: 1.45; }
.ai-demo-jump svg { width: 20px; height: 20px; }
.ai-proof .process-demo { --process-paper: var(--sbi-gray-1); --process-ink: var(--sbi-ink); --process-muted: var(--sbi-gray-6); --process-rule: var(--sbi-gray-3); --process-accent: var(--sbi-ink); }
.ai-demo-note { font: 500 11px/1.6 ui-monospace, monospace; color: var(--sbi-gray-6); margin-top: 18px; max-width: 78ch; }
.ai-control { background: var(--sbi-gray-2); color: var(--sbi-ink); display: grid; grid-template-columns: 25% 75%; }
.ai-control > div { max-width: 1040px; }
.ai-control h2 { font-size: clamp(40px, 5.2vw, 92px); line-height: 1.04; max-width: 23ch; }
.ai-control p { font-size: clamp(17px, 1.4vw, 23px); line-height: 1.45; max-width: 56ch; margin: 40px 0 35px; }
.ai-editorial-service > .sbi-faq { background: var(--sbi-white); color: var(--sbi-ink); grid-template-columns: 25% 75%; gap: 0; }
.ai-editorial-service > .sbi-faq h2 { font-size: clamp(26px, 2.5vw, 44px); padding-right: 25px; }
.ai-editorial-service > .sbi-faq details { border-color: var(--sbi-gray-4); }
.ai-editorial-service > .sbi-faq details p { font-size: 16px; }
@media (hover: hover) and (pointer: fine) {
  .ai-capability:hover { background: var(--hero-bg); }
  .ai-explore:hover svg { animation: ai-arrow 600ms linear infinite; }
}
@keyframes ai-arrow { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
@media (max-width: 1100px) {
  .ai-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .ai-capability:nth-child(3) { margin-top: 0; }
  .ai-capability:nth-child(4) { margin-top: 48px; }
  .ai-capability summary { min-height: 390px; padding: 20px; }
  .ai-capability h3 { font-size: clamp(29px, 3.2vw, 38px); }
  .ai-capability summary > p { font-size: 17px; }
}
@media (max-width: 900px) {
  .ai-hero { min-height: 700px; }
  .ai-hero-meta { top: 29%; font-size: 17px; }
  .ai-hero-figure { width: 58%; }
  .ai-hero-word { font-size: 43vw; }
  .ai-hero-bottom { font-size: 9px; }
  .ai-hero-bottom > span:first-child { grid-column: 1; }
  .ai-hero-bottom > span:nth-child(2) { grid-column: 3; }
  .ai-intro { grid-template-columns: 25% 75%; }
  .ai-intro > .ai-section-label { display: none; }
  .ai-intro-copy { grid-column: 2; }
  .ai-intro-mark { width: 80px; }
  .ai-proof-heading { grid-template-columns: 25% 75%; gap: 28px 0; }
  .ai-proof-heading > div { padding-right: 0; }
  .ai-demo-jump { grid-column: 2; }
  .ai-control, .ai-editorial-service > .sbi-faq { grid-template-columns: 25% 75%; }
  .ai-control > .ai-section-label { padding-right: 25px; }
}
@media (max-width: 700px) {
  .ai-section { padding: 65px var(--site-gutter); }
  .ai-hero-contact { display: none !important; }
  .ai-hero-meta { top: calc(var(--menu-height) + 50px); grid-template-columns: 19% 7% 74%; font-size: 17px; }
  .ai-hero-figure { top: 220px; bottom: 225px; width: calc(100% - 2 * var(--site-gutter)); }
  .ai-hero-figure .ai-computation { height: calc(100% - 56px); }
  .ai-hero-word { bottom: 100px; font-size: clamp(145px, 46vw, 200px); }
  .ai-hero-bottom { grid-template-columns: 1fr 1fr; }
  .ai-hero-bottom > span:first-child { display: block; grid-column: 1; }
  .ai-hero-bottom > span:nth-child(2) { grid-column: 2; text-align: right; }
  .ai-explore { grid-column: 1 / -1; grid-template-columns: 1fr 1fr 20px; margin-top: 8px; }
  .ai-signal-labels { left: 16px; right: 16px; gap: 12px; font-size: 9px; }
  .ai-motion-toggle { right: 16px; top: 4px; }
  .ai-computation-status { top: 55px; left: 16px; right: 16px; gap: 10px; font-size: 9px; }
  .ai-intro { grid-template-columns: 1fr; gap: 30px; }
  .ai-intro-copy { grid-column: 1; grid-row: auto; }
  .ai-intro-mark { display: block; width: 112px; margin-top: 10px; }
  .ai-section-code { gap: 35px; }
  .ai-intro h2 { font-size: clamp(35px, 8vw, 53px); margin-bottom: 30px; }
  .ai-intro-copy > p { font-size: 17px; }
  .ai-scope-list { margin-top: 40px; }
  .ai-scope-list li { font-size: 21px; padding: 16px 0; }
  .ai-capabilities-heading { margin-bottom: 35px; }
  .ai-capabilities-heading h2 { font-size: 34px; }
  .ai-capability-grid { grid-template-columns: 1fr; gap: 18px; }
  .ai-capability:nth-child(n) { margin-top: 0; }
  .ai-capability summary { min-height: 0; padding: 20px; }
  .ai-card-number { margin-bottom: 32px; }
  .ai-capability h3 { font-size: 34px; max-width: 18ch; }
  .ai-capability summary > p { margin: 28px 0 26px; }
  .ai-card-disclosure { min-height: 48px; }
  .ai-capability-example { padding: 24px 20px; }
  .ai-proof-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 35px; }
  .ai-proof h2 { font-size: 46px; margin-bottom: 24px; }
  .ai-proof-heading p { font-size: 17px; }
  .ai-demo-jump { grid-column: 1; }
  .ai-control, .ai-editorial-service > .sbi-faq { grid-template-columns: 1fr; gap: 30px; }
  .ai-control h2 { font-size: clamp(37px, 8vw, 54px); }
  .ai-control p { font-size: 17px; margin-top: 28px; }
  .ai-editorial-service > .sbi-faq h2 { font-size: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-explore:hover svg { animation: none; }
  .ai-capability::details-content, .ai-disclosure-icon::after { transition: none; }
}