/* Confirmed brand orbit: original layout and typography. */
.sc-brand-process {
  --bp-body: 17px;
  --bp-caption: 15px;
  --bp-label: 11px;
  font-family: var(--font);
  position: relative;
  isolation: isolate;
  background: var(--bg-primary, #0a0a0a);
  color: var(--text-primary, #fff);
  padding: var(--section-py) 60px 182px;
  overflow: clip;
  scroll-margin-top: 80px;
}
.sc-brand-process *, .sc-brand-process *::before, .sc-brand-process *::after { box-sizing: border-box; }
.sc-brand-process__inner { max-width: var(--max-width); margin: 0 auto; }
.sc-brand-process__header { margin-bottom: 64px; }
.sc-brand-process__eyebrow { display: block; color: var(--text-primary); font-size: 20px; line-height: 30px; font-weight: 700; letter-spacing: -.25px; }
.sc-brand-process__header h2 { margin: 12px 0 20px; font-size: clamp(26px, 3.2vw, 46px); line-height: 1.22; font-weight: 800; letter-spacing: -.045em; word-break: keep-all; }
.sc-brand-process__header h2 > span { color: var(--brand, #3b6bff); }
.sc-brand-process__header > p { margin: 0; color: #a1a1aa; font-size: 16px; line-height: 1.8; word-break: keep-all; }
.sc-brand-process__diagram { display: grid; grid-template-columns: 1fr 3fr 1fr; align-items: stretch; position: relative; }
.sc-brand-process__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); height: 100%; }
.sc-brand-process__step { position: relative; min-width: 0; padding: 30px 14px 25px; text-align: center; }
.sc-brand-process__number { display: block; min-height: 1.5em; font-size: 9px; font-weight: 600; letter-spacing: .12em; color: #9595a0; }
.sc-brand-process__english { display: block; font-size: clamp(12px, 1.25vw, 17px); letter-spacing: .15em; font-weight: 700; }
.sc-brand-process__step h3 { margin: 10px 0 16px; color: #b6b6bf; font-size: 14px; font-weight: 500; line-height: 1.4; }
.sc-brand-process__step p { color: #92929e; font-size: 13px; line-height: 1.75; margin: 0; word-break: keep-all; }
.sc-brand-process__point { width: 7px; height: 7px; border-radius: 50%; background: #686872; margin: 24px auto; position: relative; z-index: 1; }
.sc-brand-process__step::before { content: ''; position: absolute; top: 69px; left: 0; right: 0; height: 1px; background: #303036; }
.sc-brand-process__source::before { left: 50%; }
.sc-brand-process__result::before { right: 50%; background: linear-gradient(90deg, #3b6bff, #7c9bff); }
.sc-brand-process__scope { position: relative; }
.sc-brand-process__scope-label { position: absolute; top: -26px; left: 0; width: 100%; text-align: center; color: #7c9bff; font-size: 10px; letter-spacing: .13em; border-top: 1px solid #3b6bff70; padding-top: 10px; }
.sc-brand-process__scope-label::before, .sc-brand-process__scope-label::after { content: ''; position: absolute; top: 0; width: 1px; height: 8px; background: #3b6bff70; }
.sc-brand-process__scope-label::before { left: 0; }
.sc-brand-process__scope-label::after { right: 0; }
.sc-brand-process__scope .sc-brand-process__point { background: #3b6bff; }
.sc-brand-process__scope .sc-brand-process__step::before { background: #3b6bff70; }
.sc-brand-process__schema .sc-brand-process__english { color: #7c9bff; }
.sc-brand-process__result .sc-brand-process__point { background: white; box-shadow: 0 0 20px 5px #3b6bff70; }
.sc-brand-process__result .sc-brand-process__english > span { color: #3b6bff; }
.sc-brand-process.is-orbit { background: radial-gradient(ellipse at 75% 56%, #3b6bff13, transparent 55%), #0a0a0a; }
.sc-brand-process.is-orbit .sc-brand-process__header { text-align: center; }
.sc-brand-process.is-orbit .sc-brand-process__diagram { gap: 16px; }
.sc-brand-process.is-orbit .sc-brand-process__steps { gap: 16px; }
.sc-brand-process.is-orbit .sc-brand-process__step { padding: 28px 0 20px; }
.sc-brand-process.is-orbit .sc-brand-process__point { width: 122px; height: 122px; max-width: 90%; border: 1px solid #44444d; background: #0d0d10; margin: 24px auto; }
.sc-brand-process.is-orbit .sc-brand-process__step::before { top: 126px; left: -16px; right: -16px; }
.sc-brand-process.is-orbit .sc-brand-process__source::before { left: 50%; }
.sc-brand-process.is-orbit .sc-brand-process__result::before { right: 50%; }
.sc-brand-process.is-orbit .sc-brand-process__point::after { content: ''; position: absolute; inset: 18%; border: 1px solid #ffffff20; border-radius: 50%; }
.sc-brand-process.is-orbit .sc-brand-process__scope .sc-brand-process__point { border-color: #3b6bff99; background: radial-gradient(circle at 35% 28%, #3b6bff26, #0b0e18 70%); }
.sc-brand-process.is-orbit .sc-brand-process__steps > :nth-child(2) .sc-brand-process__point::after { box-shadow: 0 0 0 9px #3b6bff15, 0 0 0 18px #3b6bff0d; border-color: #7c9bff80; }
.sc-brand-process.is-orbit .sc-brand-process__schema .sc-brand-process__point::after { inset: 33%; background: #7c9bff; border: 0; box-shadow: 0 0 35px #3b6bff70; }
.sc-brand-process.is-orbit .sc-brand-process__result .sc-brand-process__point { background: #3b6bff; border-color: #7c9bff; box-shadow: 0 0 55px #3b6bff22; }
.sc-brand-process.is-orbit .sc-brand-process__result .sc-brand-process__point::after { inset: 42%; background: #fff; border: 0; }
@media (max-width: 1024px) {
.sc-brand-process { padding-right: 40px; padding-left: 40px; }
}
@media (max-width: 992px) and (min-width: 769px) {
.sc-brand-process__step { padding-left: 8px; padding-right: 8px; }
.sc-brand-process__english { font-size: 10px; letter-spacing: .08em; }
.sc-brand-process.is-orbit .sc-brand-process__point { width: 94px; height: 94px; }
.sc-brand-process.is-orbit .sc-brand-process__step::before { top: 112px; }
}
@media (max-width: 768px) {
.sc-brand-process { padding: 70px 24px 190px; scroll-margin-top: 140px; }
.sc-brand-process__header { margin-bottom: 40px; }
.sc-brand-process__eyebrow { font-size: 16px; line-height: 26px; }
.sc-brand-process__header h2 { font-size: clamp(24px, 6vw, 30px); max-width: 370px; margin-left: auto; margin-right: auto; }
.sc-brand-process__header > p { font-size: 14px; }
.sc-brand-process__diagram, .sc-brand-process.is-orbit .sc-brand-process__diagram { display: block; }
.sc-brand-process__steps { display: block; }
.sc-brand-process__step { padding: 24px 10px 24px 52px; text-align: left; display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
.sc-brand-process__number { grid-column: 1 / -1; margin-bottom: 10px; font-size: 9px; }
.sc-brand-process__english { font-size: 11px; letter-spacing: .12em; align-self: end; }
.sc-brand-process__step h3 { grid-column: 1; margin: 6px 0 0; font-size: 16px; }
.sc-brand-process__step p { grid-column: 2; grid-row: 2 / 4; font-size: 12px; align-self: center; }
.sc-brand-process__point { position: absolute; left: 17px; top: 56px; margin: 0; }
.sc-brand-process__step::before { width: 1px; height: auto; left: 20px; top: 0; bottom: 0; right: auto; }
.sc-brand-process__source::before { left: 20px; top: 60px; }
.sc-brand-process__result::before { left: 20px; top: 0; bottom: calc(100% - 60px); background: #3b6bff; }
.sc-brand-process__scope { padding-top: 34px; margin: 8px 0; }
.sc-brand-process__scope-label { top: 0; font-size: 9px; text-align: left; padding-left: 16px; }
.sc-brand-process.is-orbit .sc-brand-process__step { padding: 26px 8px 26px 84px; }
.sc-brand-process.is-orbit .sc-brand-process__point { position: absolute; width: 62px; height: 62px; margin: 0; left: 0; top: 35px; }
.sc-brand-process.is-orbit .sc-brand-process__step::before { top: 0; bottom: 0; left: 31px; right: auto; }
.sc-brand-process.is-orbit .sc-brand-process__source::before { top: 66px; }
.sc-brand-process.is-orbit .sc-brand-process__result::before { bottom: calc(100% - 66px); }
.sc-brand-process.is-orbit .sc-brand-process__english { font-size: 9px; }
}
.sc-brand-process .sc-brand-process__diagram[hidden] { display:none; }
.sc-brand-process__header h2 { letter-spacing:-.03em; }
.sc-brand-process__header > p { color:var(--text-primary); font-size:var(--bp-body); font-weight:400; line-height:1.75; }
.sc-brand-process__number { color:var(--text-primary); font-size:var(--bp-label); font-weight:700; letter-spacing:.08em; line-height:1.5; }
.sc-brand-process__english { letter-spacing:.08em; }
.sc-brand-process__step h3 { color:var(--text-primary); font-size:20px; line-height:1.5; font-weight:700; letter-spacing:-.025em; margin:12px 0 16px; }
.sc-brand-process__step p { color:var(--text-primary); font-size:var(--bp-caption); line-height:1.75; font-weight:400; }
.sc-brand-process__scope-label { font-size:15px; font-weight:700; letter-spacing:.08em; line-height:1.5; }
.sc-brand-process.bp-motion .sc-brand-process__scope-label { opacity:0; visibility:hidden; transform:translateY(6px); }
.sc-brand-process.bp-motion.bp-scope-ready .sc-brand-process__scope-label { opacity:1; visibility:visible; transform:translateY(0); transition:opacity .6s ease, transform .6s ease; }
@media (max-width:992px) and (min-width:769px) {
.sc-brand-process__eyebrow { font-size:16px; line-height:26px; }
}
@media (max-width:768px) {
.sc-brand-process { --bp-body:15px; --bp-caption:15px; --bp-label:10px; padding-top:70px; padding-bottom:206px; }
.sc-brand-process__header { margin-bottom:40px; }
.sc-brand-process__header h2 { font-size:clamp(22px,6vw,30px); }
.sc-brand-process__step h3 { font-size:18px; margin:8px 0 0; }
.sc-brand-process__step p { font-size:14px; }
.sc-brand-process__scope-label { font-size:13px; }
.sc-brand-process.is-orbit .sc-brand-process__english { font-size:10px; letter-spacing:.06em; }
}
.sc-brand-process.is-orbit { background:radial-gradient(ellipse at 70% 52%,var(--brand-glow),transparent 58%),var(--bg-primary); }
.sc-brand-process.is-orbit .sc-brand-process__source .sc-brand-process__point { background:var(--bg-secondary); border-color:var(--border); }
.sc-brand-process.is-orbit .sc-brand-process__steps > :first-child .sc-brand-process__point::after { inset:20% 12% 20% 28%; border-color:var(--brand-light); }
.sc-brand-process.is-orbit .sc-brand-process__steps > :nth-child(2) .sc-brand-process__point { background:radial-gradient(circle,transparent 40%,var(--brand-glow) 41%,transparent 43%,transparent 57%,var(--brand-glow) 58%,transparent 60%),var(--bg-secondary); }
.sc-brand-process.is-orbit .sc-brand-process__result .sc-brand-process__point { background:var(--brand); border-color:var(--brand-light); box-shadow:0 0 55px var(--brand-glow); }

/* Content-specific vector choreography, contained inside the confirmed circles. */
.sc-brand-process.is-orbit .sc-brand-process__point::after { content:none; }
.sc-brand-process .bp-mark { display:block; width:100%; height:100%; overflow:visible; color:var(--brand-light); stroke:currentColor; stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }
.sc-brand-process .bp-mark > * { transform-box:view-box; transform-origin:50% 50%; }
.sc-brand-process .bp-mark--0 { color:#c6ccd9; }
.sc-brand-process .bp-mark--4 { color:#fff; }
.sc-brand-process .bp-mark__orbit { transform:rotate(32deg); }
.sc-brand-process .bp-mark__guide { opacity:.22; }
.sc-brand-process .bp-mark__core, .sc-brand-process .bp-mark__signature { fill:currentColor; stroke:none; }
.sc-brand-process .bp-brand-line { stroke-width:2; stroke-linecap:butt; stroke-linejoin:miter; }
.sc-brand-process .bp-brand-line--second { opacity:.65; }
.sc-brand-process .is-revealed .bp-brand-line { animation:bp-brand-draw 1.5s cubic-bezier(.4,0,.2,1) calc(var(--bp-delay) + 250ms) both; }
.sc-brand-process .is-revealed .bp-brand-line--second { animation-delay:calc(var(--bp-delay) + 650ms); }
@keyframes bp-brand-draw { from { stroke-dasharray:1; stroke-dashoffset:1; } to { stroke-dasharray:1; stroke-dashoffset:0; } }
.sc-brand-process.bp-motion .sc-brand-process__step > * { opacity:0; }
.sc-brand-process.bp-motion .sc-brand-process__step::before { transform:scaleX(0); transform-origin:left center; }
.sc-brand-process.bp-motion .is-revealed > * { animation:bp-content-in .85s cubic-bezier(.22,1,.36,1) both; animation-delay:calc(var(--bp-delay) + 150ms); }
.sc-brand-process.bp-motion .is-revealed > .sc-brand-process__number { animation-delay:var(--bp-delay); }
.sc-brand-process.bp-motion .is-revealed > h3 { animation-delay:calc(var(--bp-delay) + 220ms); }
.sc-brand-process.bp-motion .is-revealed > p { animation-delay:calc(var(--bp-delay) + 290ms); }
.sc-brand-process.bp-motion .is-revealed > .sc-brand-process__point { animation:bp-orb-in 1s cubic-bezier(.22,1,.36,1) var(--bp-delay) both; }
.sc-brand-process.bp-motion .is-revealed::before { animation:bp-connect .72s cubic-bezier(.45,0,.2,1) calc(var(--bp-delay) + 180ms) both; }
.sc-brand-process .is-revealed .bp-mark__layer { animation:bp-build 1.2s cubic-bezier(.22,1,.36,1) both; animation-delay:calc(var(--bp-delay) + 200ms); }
.sc-brand-process .is-revealed .bp-mark__layer:nth-child(2) { animation-delay:calc(var(--bp-delay) + 370ms); }
.sc-brand-process .is-revealed .bp-mark__layer:nth-child(3) { animation-delay:calc(var(--bp-delay) + 540ms); }
.sc-brand-process .is-revealed .bp-mark__orbit { animation:bp-orbit 1.65s cubic-bezier(.22,1,.36,1) calc(var(--bp-delay) + 100ms) both; }
.sc-brand-process .is-revealed .bp-mark__signature { animation:bp-signature 1.5s cubic-bezier(.22,1,.36,1) calc(var(--bp-delay) + 200ms) both; }
.sc-brand-process .is-revealed .bp-mark__echo { animation:bp-echo 1.65s cubic-bezier(.16,1,.3,1) calc(var(--bp-delay) + 100ms) both; }
.sc-brand-process .is-revealed .bp-mark__echo:nth-child(2) { animation-delay:calc(var(--bp-delay) + 330ms); }
.sc-brand-process .is-revealed .bp-mark__echo:nth-child(3) { animation-delay:calc(var(--bp-delay) + 560ms); }
.sc-brand-process .is-revealed .bp-mark__focus { animation:bp-focus 1.5s cubic-bezier(.22,1,.36,1) var(--bp-delay) both; }
.sc-brand-process .is-revealed .bp-mark__gather { animation:bp-focus 1.5s cubic-bezier(.22,1,.36,1) calc(var(--bp-delay) + 180ms) both; }
.sc-brand-process .is-revealed .bp-mark--3 .bp-mark__core { animation:bp-echo 1.2s ease calc(var(--bp-delay) + 450ms) both; }
@keyframes bp-content-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes bp-orb-in { from { opacity:0; transform:scale(.88); } to { opacity:1; transform:scale(1); } }
@keyframes bp-connect { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes bp-build { from { opacity:0; transform:translateY(-12px); } to { opacity:1; transform:translateY(0); } }
@keyframes bp-orbit { from { opacity:0; transform:rotate(-65deg) scale(.75); } to { opacity:1; transform:rotate(32deg) scale(1); } }
@keyframes bp-signature { from { opacity:0; transform:rotate(-100deg); } to { opacity:1; transform:rotate(0); } }
@keyframes bp-echo { from { opacity:0; transform:scale(.35); } 55% { opacity:.9; } to { opacity:1; transform:scale(1); } }
@keyframes bp-focus { from { opacity:0; transform:scale(1.35); } to { opacity:1; transform:scale(1); } }
@media (max-width:768px) {
 .sc-brand-process.bp-motion .sc-brand-process__step::before { transform:scaleY(0); transform-origin:center top; }
 .sc-brand-process.bp-motion .is-revealed::before { animation-name:bp-connect-down; }
 @keyframes bp-connect-down { from { transform:scaleY(0); } to { transform:scaleY(1); } }
}
@media (prefers-reduced-motion:reduce) {
 .sc-brand-process *, .sc-brand-process *::before { animation:none !important; }
 .sc-brand-process.bp-motion .sc-brand-process__step > * { opacity:1; }
 .sc-brand-process.bp-motion .sc-brand-process__step::before { transform:none; }
}
