#biz-process-demo{padding:65px 7vw;background:#061322;border-top:1px solid #c8d7e62b;border-bottom:1px solid #c8d7e62b;overflow:hidden}
#biz-process-demo h2{color:#FFFFFF!important;margin:13px 0 15px;font-size:clamp(28px,3vw,42px);line-height:1.4}
.biz-process-intro{max-width:760px;color:#d5e0e9;font-weight:500;font-size:14px;line-height:1.85;margin-bottom:20px}
.biz-process-scroller{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#5b8999 #0a2336;padding:5px 5px 12px;margin:0 -5px}
.biz-process-track{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:18px;min-width:930px;padding:24px 0 5px}
.biz-process-track:before{content:"";position:absolute;z-index:-1;left:7%;right:7%;top:66px;height:2px;background:linear-gradient(90deg,#79d8f4,#dcf8ff 28%,#65d7f5 50%,#c6f4ff 75%,#53c3eb);box-shadow:0 0 7px #27dfff45,0 1px 0 #ffffff55}
.biz-process-step{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 8px 10px;border:0;border-radius:16px;background:transparent;color:#fff;scroll-snap-align:center;cursor:pointer;min-width:0}
.biz-process-step::after{display:none}
.biz-process-orb{position:relative;display:grid;place-items:center;width:84px;height:84px;flex:0 0 84px;border:1px solid #b3f3ff;border-radius:50%;background:linear-gradient(145deg,#27dfff,#078ddb);color:#fff;box-shadow:inset 0 2px 0 #ffffff5c,inset 0 -3px 10px #004a7b38,0 5px 18px #0005,0 0 14px #27dfff36;transition:transform 260ms var(--ui-ease),box-shadow 260ms,border-color 260ms,filter 260ms}
.biz-process-index{position:absolute;top:7px;left:10px;padding:2px 4px;border-radius:4px;background:#034769d9;font-size:12px;font-weight:800;line-height:1.3;color:#fff;letter-spacing:.04em}
.biz-process-orb svg{display:block;width:34px;height:34px;margin-top:6px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #03527a80)}
.biz-process-name{color:#fff;font:700 14px/1.55 "Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;max-width:160px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
.biz-process-step[aria-selected=true]{color:#fff}
.biz-process-step[aria-selected=true] .biz-process-orb{transform:scale(1.055);filter:brightness(1.08);border-color:#edfcff;box-shadow:inset 0 2px 0 #ffffff85,inset 0 -3px 10px #004a7b26,0 0 0 5px #27dfff0d,0 0 22px #27dfff52}
.biz-process-step[aria-selected=true] .biz-process-index{color:#fff}
.biz-process-step:focus-visible{outline:2px solid #d2fff5;outline-offset:1px}
.biz-process-panel{position:relative;min-height:250px;padding:28px 32px;border:1px solid #7894a65e;border-radius:14px;background:linear-gradient(135deg,#c8d7e60e,transparent 50%),linear-gradient(115deg,#0f2b3ee6,#081b2edb);box-shadow:inset 0 1px 0 #e1f4ff1c,0 12px 35px #0003;animation:biz-panel-in 240ms ease-out}
.biz-process-panel[hidden]{display:none!important}
.biz-process-panel h3{font-size:27px;line-height:1.45;color:#fff;margin:10px 0 14px;font-weight:700}
.biz-process-panel p:not(.eyebrow){max-width:940px;font-size:14px;line-height:1.9;color:#e2eaf1;font-weight:500;margin:0}
.biz-process-panel ul{display:flex;flex-wrap:wrap;gap:10px 30px;padding:0;margin:20px 0 0;list-style:none}
.biz-process-panel li{display:flex;align-items:baseline;gap:10px;color:#e2eaf1;font-weight:500;font-size:13px;line-height:1.8}
.biz-process-panel li:before{content:"";flex:0 0 5px;width:5px;height:5px;background:#6ed5ce;border-radius:50%}
.biz-process-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:22px}
.biz-process-controls button:first-child{justify-self:start}.biz-process-controls button:last-child{justify-self:end}
.biz-process-controls .ui-control{margin:0;gap:10px}.biz-process-auto[aria-pressed=true]{border-color:#17ddc7!important;color:#c1fff5!important;box-shadow:inset 0 1px 0 #e5ffff38,0 0 15px #17ddc71c!important}
.biz-process-status{font-size:11px;color:#cbdbe7;font-weight:500;text-align:center;margin:15px 0 0}
@keyframes biz-panel-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.biz-process-step:hover .biz-process-orb{transform:translateY(-2px) scale(1.04);filter:brightness(1.14);border-color:#f1fdff;box-shadow:inset 0 1px 0 #ffffff99,0 7px 22px #0007,0 0 20px #27dfff5c}}
@media(max-width:600px){#biz-process-demo{padding:45px 7vw}.biz-process-intro{font-size:13px}.biz-process-track{display:flex;gap:16px;min-width:0;width:max-content}.biz-process-step{flex:0 0 150px;width:150px}.biz-process-track:before{left:75px;right:75px}.biz-process-name{font-size:14px}.biz-process-panel{min-height:330px;padding:24px 20px}.biz-process-panel h3{font-size:24px}.biz-process-panel ul{display:block;margin-top:16px}.biz-process-panel li{margin-top:10px}.biz-process-controls{gap:8px}.biz-process-controls .ui-control{padding:10px 11px;font-size:11px;gap:6px}.biz-process-status{font-size:10px;line-height:1.7}html[lang=en] .biz-process-panel{min-height:370px}}
@media(prefers-reduced-motion:reduce){.biz-process-orb,.biz-process-step{transition:none!important}.biz-process-panel{animation:none}.biz-process-step[aria-selected=true] .biz-process-orb,.biz-process-step:hover .biz-process-orb{transform:none}}
/* The planning layout mounts the same content in a compact 3-by-2 component. */
.business-planning-journey{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:42px;align-items:start;margin-top:34px;padding-top:36px;border-top:1px solid #c8d7e62b}
.business-journey-pitch{min-width:0}.business-journey-pitch>p{font-size:25px;line-height:1.7;font-weight:700;color:#fff;max-width:360px}.business-journey-pitch>.btn{margin-top:24px}.business-journey-pitch>.text-link{display:flex;max-width:max-content;margin-top:24px}.business-journey-component{min-width:0}
.biz-process-compact{padding:0;border:0;background:transparent;min-width:0;overflow:hidden}.biz-process-compact>.eyebrow{margin-bottom:10px}.biz-process-compact>.biz-process-title{color:#fff;font-size:22px;font-weight:700;line-height:1.6;margin:0 0 12px}
.biz-process-compact .biz-process-scroller{overflow:visible;padding:5px 5px 12px}.biz-process-compact .biz-process-track{display:grid;width:auto;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:18px 12px;padding:20px 0 5px}
.biz-process-compact .biz-process-track:before,.biz-process-compact .biz-process-track:after{content:"";position:absolute;z-index:-1;left:16.6667%;right:16.6667%;top:54px;height:2px;background:linear-gradient(90deg,#79d8f4,#dcf8ff 28%,#65d7f5 50%,#c6f4ff 75%,#53c3eb);box-shadow:0 0 7px #27dfff45,0 1px 0 #ffffff55}.biz-process-compact .biz-process-track:after{top:222px}
.biz-process-compact .biz-process-step{width:auto;min-width:0;flex:initial;padding:0 2px 10px;gap:12px}.biz-process-compact .biz-process-orb{width:68px;height:68px;flex-basis:68px}.biz-process-compact .biz-process-orb svg{width:28px;height:28px;margin-top:10px}.biz-process-compact .biz-process-index{top:5px;left:6px}.biz-process-compact .biz-process-name{min-height:60px;max-width:100%;font-size:13px;line-height:1.6}
.biz-process-compact .biz-process-panel{min-height:230px;padding:24px}.biz-process-compact .biz-process-panel h3{font-size:21px}.biz-process-compact .biz-process-panel p:not(.eyebrow){font-size:13px}.biz-process-compact .biz-process-panel ul{display:block;margin-top:15px}.biz-process-compact .biz-process-panel li{font-size:12px;margin-top:8px}.biz-process-compact .biz-process-controls{gap:7px;margin-top:18px}.biz-process-compact .biz-process-controls .ui-control{padding:10px 12px;font-size:11px;gap:6px}.biz-process-compact .biz-process-status{font-size:10px;line-height:1.8}
@media(max-width:1000px){.business-planning-journey{grid-template-columns:1fr;gap:32px}.business-journey-pitch>p{max-width:650px}.business-journey-component{width:100%}}
@media(max-width:600px){.business-planning-journey{margin-top:28px;padding-top:28px;gap:30px}.business-journey-pitch>p{font-size:23px}.biz-process-compact .biz-process-title{font-size:21px}.biz-process-compact .biz-process-name{font-size:12px}.biz-process-compact .biz-process-panel{padding:22px 20px;min-height:310px}.biz-process-compact .biz-process-controls .ui-control{padding:10px;font-size:10px}}
.route-main .biz-process-compact{padding:0}
/* Keep mobile process controls clear of the always-visible contact buttons. */
@media(max-width:1000px){.biz-process-controls{padding-right:70px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:12px}.biz-process-controls button:first-child{grid-column:1;grid-row:1}.biz-process-controls button:last-child{grid-column:2;grid-row:1}.biz-process-controls .biz-process-auto{grid-column:1/-1;grid-row:2;justify-self:center}.biz-process-status{padding-right:70px}}
/* Planning retains its message and links after removing the duplicate process. */
.business-planning-journey--cta-only{grid-template-columns:1fr}.business-planning-journey--cta-only .business-journey-pitch{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}.business-planning-journey--cta-only .business-journey-pitch>p{flex:1 1 360px;max-width:none}.business-planning-journey--cta-only .business-journey-pitch>.btn,.business-planning-journey--cta-only .business-journey-pitch>.text-link{margin-top:0}
@media(max-width:600px){.business-planning-journey--cta-only .business-journey-pitch>p{flex-basis:100%}}