/* Scoped to the home process. Disable the package to restore previous styling. */
body #bh-page .bh-process .bh-section-heading{align-items:center!important;text-align:center;margin-bottom:56px}
body #bh-page .bh-process .bh-section-heading h2{margin-inline:auto;font-size:clamp(36px,4vw,64px);font-weight:500;line-height:1.08;max-width:900px}
body #bh-page .bh-process .bh-step-grid{gap:22px;align-items:stretch}
body #bh-page .bh-process .bh-step{--stage:#77b7e8;display:flex;flex-direction:column;padding:32px;border:1px solid var(--bh-line);border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 70% 16%,color-mix(in srgb,var(--stage) 13%,transparent),transparent 53%),var(--bh-card);box-shadow:0 16px 48px #00000008}
body #bh-page .bh-process .bh-step:nth-child(2){--stage:#899fe5}
body #bh-page .bh-process .bh-step:nth-child(3){--stage:#73c3c0}
body #bh-page .bh-process .bh-index{font-size:13px;letter-spacing:.12em;color:var(--bh-accent)}
body #bh-page .bh-process .bh-step h3{font-size:clamp(24px,2.1vw,32px);line-height:1.16;font-weight:500;letter-spacing:-.035em;margin:16px 0 20px}
body #bh-page .bh-process .bh-step p{font-size:16px;line-height:1.6;margin-bottom:28px}
body #bh-page .bh-process .bh-step .bh-step-result{margin:auto 0 0;padding:20px 0 0;font-size:13px;line-height:1.55;border-top:1px solid var(--bh-line);color:var(--bh-accent)}
body #bh-page .bh-process .bh-step-art{position:relative;inset:auto;height:210px;flex:none;margin:10px 0 14px;display:block;transform:none;isolation:isolate}
body #bh-page .bh-process .bh-step-art:before{content:"";position:absolute;inset:20% 8%;background:radial-gradient(ellipse,color-mix(in srgb,var(--stage) 22%,transparent),transparent 70%);filter:blur(14px);z-index:-1}
body #bh-page .bh-process .bh-step-art i{position:absolute;display:block;margin:0;border:1px solid color-mix(in srgb,var(--stage) 65%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--stage) 24%,var(--bh-card)),var(--bh-card));box-shadow:0 15px 30px #00000018,inset 0 1px 0 #ffffff25;transition:transform .65s cubic-bezier(.2,.7,.2,1);border-radius:12px}
/* Architecture: connected plan panels. */
body #bh-page .bh-process .bh-step:first-child .bh-step-art i{width:102px;height:116px;top:42px;left:calc(50% - 51px);transform:rotate(-8deg) translateX(-65px)}
body #bh-page .bh-process .bh-step:first-child .bh-step-art i:nth-child(2){transform:translateY(10px);z-index:2}
body #bh-page .bh-process .bh-step:first-child .bh-step-art i:nth-child(3){transform:rotate(8deg) translateX(65px);z-index:3}
body #bh-page .bh-process .bh-step:first-child .bh-step-art i:after{content:"";position:absolute;inset:22px 15px;background:linear-gradient(var(--stage),var(--stage)) 0 0/34px 5px no-repeat,repeating-linear-gradient(0deg,transparent 0 12px,color-mix(in srgb,var(--stage) 30%,transparent) 12px 15px)}
/* Build: browser window and interface components. */
body #bh-page .bh-process .bh-step:nth-child(2) .bh-step-art i:first-child{width:210px;height:142px;left:calc(50% - 110px);top:28px;transform:rotate(-5deg);border-radius:14px}
body #bh-page .bh-process .bh-step:nth-child(2) .bh-step-art i:first-child:after{content:"•••";position:absolute;inset:0 0 auto;padding:0 12px 6px;color:var(--stage);letter-spacing:5px;border-bottom:1px solid var(--bh-line)}
body #bh-page .bh-process .bh-step:nth-child(2) .bh-step-art i:nth-child(2){width:100px;height:72px;left:calc(50% - 80px);top:77px;border-radius:8px;transform:rotate(-5deg);background:linear-gradient(135deg,var(--stage),color-mix(in srgb,var(--stage) 20%,var(--bh-card)))}
body #bh-page .bh-process .bh-step:nth-child(2) .bh-step-art i:nth-child(3){width:65px;height:102px;left:calc(50% + 57px);top:89px;transform:rotate(8deg);border-radius:11px}
body #bh-page .bh-process .bh-step:nth-child(2) .bh-step-art i:nth-child(3):after{content:"";position:absolute;inset:14px 9px;border-radius:4px;background:linear-gradient(150deg,var(--stage),transparent)}
/* Launch: luminous ascending path. */
body #bh-page .bh-process .bh-step:nth-child(3) .bh-step-art i:first-child{width:190px;height:106px;left:calc(50% - 105px);top:70px;transform:rotate(-26deg);border-radius:50%;background:transparent;box-shadow:0 0 25px color-mix(in srgb,var(--stage) 12%,transparent)}
body #bh-page .bh-process .bh-step:nth-child(3) .bh-step-art i:nth-child(2){width:128px;height:128px;left:calc(50% - 64px);top:40px;border-radius:50%;transform:none;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--stage) 65%,var(--bh-card)),var(--bh-card));box-shadow:inset 0 2px 3px #ffffff40,0 20px 40px #00000020}
body #bh-page .bh-process .bh-step:nth-child(3) .bh-step-art i:nth-child(2):after{content:"";position:absolute;left:40px;top:43px;width:44px;height:44px;border-top:3px solid var(--bh-ink);border-right:3px solid var(--bh-ink)}
body #bh-page .bh-process .bh-step:nth-child(3) .bh-step-art i:nth-child(2):before{content:"";position:absolute;left:39px;top:64px;width:55px;height:3px;background:var(--bh-ink);transform:rotate(-45deg)}
body #bh-page .bh-process .bh-step:nth-child(3) .bh-step-art i:nth-child(3){width:14px;height:14px;left:calc(50% + 96px);top:68px;border-radius:50%;transform:none;background:var(--stage);box-shadow:0 0 22px var(--stage)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body #bh-page .bh-process .bh-step:hover .bh-step-art{translate:0 -5px;transition:translate .65s ease}}
@media(max-width:1000px){body #bh-page .bh-process .bh-step{padding:24px}body #bh-page .bh-process .bh-step-art{height:185px;scale:.85;margin-inline:-15px}}
@media(max-width:760px){body #bh-page .bh-process .bh-step-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}body #bh-page .bh-process .bh-step{padding:28px;border-radius:26px}body #bh-page .bh-process .bh-step-art{height:200px;scale:1;margin:0}body #bh-page .bh-process .bh-step h3{font-size:28px}body #bh-page .bh-process .bh-section-heading{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){body #bh-page .bh-process .bh-step-art,body #bh-page .bh-process .bh-step-art i{transition:none!important}}
