.bofs-process{--process-blue:#2563eb;--process-purple:#7c3aed;--process-navy:#0b1220;background:#fff;color:var(--process-navy);padding:clamp(4.5rem,7vw,7rem) 0}.bofs-process *{box-sizing:border-box}.bofs-process__shell{width:min(92%,1380px);margin-inline:auto}.bofs-process__header{max-width:880px;margin:0 auto clamp(2.8rem,4.5vw,4.25rem);text-align:center}.bofs-process__header>p{display:flex;align-items:center;justify-content:center;gap:.85rem;margin:0 0 .9rem;color:#52617c;font-size:.75rem;font-weight:800;letter-spacing:.24em}.bofs-process__header>p:before,.bofs-process__header>p:after{content:"";width:3rem;height:2px;background:linear-gradient(90deg,var(--process-blue),var(--process-purple))}.bofs-process__header>p:before{transform:rotate(180deg)}.bofs-process__header h2{margin:0;color:#111a31;font-size:clamp(2.25rem,4.5vw,4.6rem);line-height:1.05;letter-spacing:-.045em}.bofs-process__header h2 strong{background:linear-gradient(95deg,var(--process-blue),var(--process-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.bofs-process__header>div{max-width:730px;margin:1.15rem auto 0;color:#58667c;font-size:clamp(1rem,1.35vw,1.17rem);line-height:1.65}.bofs-process__layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:clamp(2.5rem,5vw,5.5rem)}.bofs-process__photo{position:relative;min-height:620px;margin:0;border:1px solid #d8e2f0;border-radius:1.6rem;box-shadow:0 25px 65px rgba(22,44,80,.14);background:linear-gradient(145deg,#e8eef7,#dbe6f4);isolation:isolate}.bofs-process__photo:after{content:"";position:absolute;inset:auto 0 0;height:45%;border-radius:0 0 1.55rem 1.55rem;background:linear-gradient(transparent,rgba(4,12,29,.82));z-index:1}.bofs-process__photo img{width:100%;height:100%;position:absolute;inset:0;display:block;border-radius:1.55rem;object-fit:cover;object-position:center 42%}.bofs-process__photo figcaption{position:absolute;left:clamp(1.25rem,3vw,2.2rem);bottom:clamp(1.25rem,3vw,2.2rem);z-index:2;margin:0;padding-left:1rem;border-left:3px solid #4389ff;color:#fff;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:650;line-height:1.45;text-shadow:0 1px 8px rgba(0,0,0,.4)}.bofs-process__journey{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding-block:.4rem}.bofs-process__stages{display:grid;gap:clamp(1.2rem,2vw,1.8rem)}.bofs-process__line{position:absolute;left:2.35rem;top:3.7rem;bottom:7.5rem;width:2px;background:#d8e3f4}.bofs-process__line:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--process-blue),var(--process-purple));transform:scaleY(0);transform-origin:top;transition:transform 1.6s ease .25s}.bofs-process__line i{position:absolute;left:50%;top:0;width:.65rem;aspect-ratio:1;border:2px solid #fff;border-radius:50%;background:var(--process-blue);box-shadow:0 0 12px rgba(37,99,235,.75);transform:translate(-50%,-50%);opacity:0}.bofs-process.is-reveal-ready:has(.bofs-process__stage.is-active) .bofs-process__line:before,.bofs-process.is-complete .bofs-process__line:before{transform:scaleY(1)}.bofs-process.is-reveal-ready:has(.bofs-process__stage.is-active) .bofs-process__line i{opacity:1;animation:bofs-process-travel 5.5s ease-in-out .5s infinite}.bofs-process__stage{position:relative;z-index:1;display:grid;grid-template-columns:4.7rem 1fr;align-items:center;gap:1.35rem;min-width:0;padding:.7rem;border:1px solid transparent;border-radius:1rem;transition:background .25s ease,border-color .25s ease,transform .25s ease}.bofs-process__stage:hover{background:#f8faff;border-color:#e1e9f6;transform:translateX(3px)}.bofs-process__stage>span{display:grid;place-items:center;width:4.7rem;aspect-ratio:1;border:1px solid #d7e2f2;border-radius:50%;background:#fff;color:var(--process-blue);box-shadow:0 10px 26px rgba(37,99,235,.08);transition:color .3s ease,border-color .3s ease,box-shadow .3s ease}.bofs-process__stage>span svg{width:2rem;height:2rem}.bofs-process__stage.is-active>span,.bofs-process__stage:hover>span{border-color:#a9c6f5;color:var(--process-purple);box-shadow:0 10px 28px rgba(62,89,210,.17)}.bofs-process__stage h3{margin:0;color:#10182d;font-size:clamp(1.15rem,1.6vw,1.38rem)}.bofs-process__stage p{margin:.35rem 0 0;color:#5d6b81;font-size:clamp(.88rem,1.08vw,1rem);line-height:1.55}.bofs-process__actions{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem);margin:clamp(1.6rem,3vw,2.4rem) 0 0 6.05rem}.bofs-process__actions a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.2rem;font-weight:750;text-decoration:none}.bofs-process__primary{padding:.75rem 1.4rem;border-radius:.65rem;background:linear-gradient(100deg,#196ff0,#405ff4);box-shadow:0 10px 25px rgba(37,99,235,.2);color:#fff}.bofs-process__secondary{color:#255ac4;border-bottom:1px solid currentColor}.bofs-process__actions a:hover{transform:translateY(-2px)}.bofs-process__actions a:focus-visible{outline:3px solid #2563eb;outline-offset:4px;border-radius:.35rem}.is-reveal-ready [data-process-reveal]{opacity:0;transform:translateY(18px);transition:opacity .58s ease var(--process-delay,0ms),transform .58s ease var(--process-delay,0ms)}.is-reveal-ready [data-process-reveal].is-visible{opacity:1;transform:none}.is-reveal-ready .bofs-process__photo[data-process-reveal]{transform:translateY(18px) scale(1.02)}.is-reveal-ready .bofs-process__photo[data-process-reveal].is-visible{transform:none}@keyframes bofs-process-travel{0%{top:0;background:var(--process-blue)}45%{background:#5151e5}90%,100%{top:100%;background:var(--process-purple)}}
@media(max-width:1024px){.bofs-process__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.2rem}.bofs-process__photo{min-height:570px}.bofs-process__stage{grid-template-columns:3.8rem 1fr;gap:1rem}.bofs-process__stage>span{width:3.8rem}.bofs-process__stage>span svg{width:1.7rem}.bofs-process__line{left:1.9rem}.bofs-process__actions{margin-left:4.8rem;gap:1rem;flex-wrap:wrap}}
@media(max-width:800px){.bofs-process__layout{grid-template-columns:1fr}.bofs-process__photo{min-height:0;aspect-ratio:4/3}.bofs-process__photo img{object-position:center 45%}.bofs-process__journey{width:min(100%,680px);margin-inline:auto}.bofs-process__actions{flex-wrap:nowrap}}
@media(max-width:560px){.bofs-process{padding-block:4.25rem}.bofs-process__shell{width:min(91%,500px)}.bofs-process__header{margin-bottom:2.5rem}.bofs-process__header>p{gap:.55rem;font-size:.65rem;letter-spacing:.17em}.bofs-process__header>p:before,.bofs-process__header>p:after{width:1.8rem}.bofs-process__photo{aspect-ratio:4/4.35;border-radius:1.15rem}.bofs-process__photo img{border-radius:1.1rem;object-position:center center}.bofs-process__photo:after{border-radius:0 0 1.1rem 1.1rem}.bofs-process__photo figcaption{font-size:.92rem}.bofs-process__journey{padding-top:1.8rem}.bofs-process__stages{gap:.8rem}.bofs-process__stage{grid-template-columns:3.4rem 1fr;gap:.85rem;padding:.65rem .35rem}.bofs-process__stage>span{width:3.4rem}.bofs-process__stage>span svg{width:1.5rem}.bofs-process__line{left:1.7rem;top:4.5rem;bottom:7rem}.bofs-process__stage p{font-size:.84rem}.bofs-process__actions{margin:1.7rem 0 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:.7rem}.bofs-process__actions a{min-width:0;font-size:clamp(.76rem,3.6vw,.9rem);white-space:nowrap}.bofs-process__primary{padding-inline:.8rem}.bofs-process__secondary{border:0;text-decoration:underline}}
@media(max-width:360px){.bofs-process__shell{width:94%}.bofs-process__photo{aspect-ratio:1/1.12}.bofs-process__stage{grid-template-columns:3rem 1fr}.bofs-process__stage>span{width:3rem}.bofs-process__line{left:1.5rem}.bofs-process__actions{gap:.4rem}.bofs-process__actions a{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.bofs-process *,.bofs-process *:before,.bofs-process *:after{animation:none!important;transition:none!important}.bofs-process__line:before{transform:scaleY(1)}.bofs-process__line i{display:none}.is-reveal-ready [data-process-reveal],.is-reveal-ready .bofs-process__photo[data-process-reveal]{opacity:1;transform:none}}