/* eHeading Process Journey v1 — scoped to .ehf-process, no external dependencies */
:root{--ehf-ink:#071d4a;--ehf-cobalt:#096bf5;--ehf-deep:#061d4e;--ehf-mist:#e5f5ff;--ehf-softwhite:#f8fcff}
.ehf-process,.ehf-process *,.ehf-process *::before,.ehf-process *::after{box-sizing:border-box}
.ehf-process{position:relative;background:#f9fcff;color:#fff;isolation:isolate;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;overflow:clip}
.ehf-process a{color:inherit;text-decoration:none}
.ehf-process a:focus-visible{outline:3px solid #79f4ff;outline-offset:5px}
.ehf-overture{height:248svh;position:relative;background:#f9fcff}
.ehf-overture-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#fff,#eef8ff);}
.ehf-overture-stage::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#4996fa0b 1px,transparent 1px),linear-gradient(90deg,#4996fa0b 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 50% 50%,#000 10%,transparent 78%);opacity:calc(1 - var(--ehf-reveal,0));pointer-events:none;z-index:0}
.ehf-bloom{position:absolute;z-index:1;left:50%;top:50%;width:180vmax;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 37% 29%,#208dff 0%,#1266f4 38%,#0a43bb 66%,#061f59 94%);transform:translate(-50%,-50%) scale(var(--ehf-bloom, .05));will-change:transform;box-shadow:0 0 0 1.2px #a9eaff50,0 0 90px 30px #2d89ff30;pointer-events:none}
.ehf-bloom::before{content:"";position:absolute;inset:7%;border:1px solid #ffffff22;border-radius:inherit;box-shadow:inset 0 0 80px #a5dfff18}
.ehf-bloom::after{content:"";position:absolute;inset:21%;border:1px solid #ffffff18;border-radius:inherit}
.ehf-bloom-core{position:absolute;z-index:2;left:50%;top:50%;width:25px;height:25px;border-radius:50%;transform:translate(-50%,-50%);background:#f3fdff;box-shadow:0 0 0 15px #e1f9ff35,0 0 0 40px #a3eaff12;opacity:var(--ehf-core-opacity,1);pointer-events:none}
.ehf-overture-content{position:absolute;z-index:6;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:100px 24px 45px;opacity:var(--ehf-intro-opacity,0);transform:translateY(var(--ehf-intro-y,40px));pointer-events:none;will-change:transform,opacity}
.ehf-overture-kicker{font-size:14px;font-weight:780;letter-spacing:.34em;color:#9eeaff;margin:0 0 23px}
.ehf-overture-content h2{font-size:clamp(44px,6.4vw,103px);line-height:1.22;margin:0;letter-spacing:-.067em;color:#fff;font-weight:850;text-shadow:0 15px 38px #001d6733}
.ehf-overture-content h2 em{font-style:normal;color:#97f1ff}
.ehf-overture-desc{font-size:clamp(15px,1.33vw,20px);color:#d1eaff;line-height:1.9;margin:29px 0 0;max-width:670px}
.ehf-overture-index{position:absolute;left:clamp(23px,6.5vw,115px);bottom:clamp(35px,8vh,92px);text-align:left;color:#eaf6ff;font-weight:800;font-size:15px;letter-spacing:.20em}
.ehf-overture-index::before{content:"";display:inline-block;vertical-align:middle;background:#53e2ff;width:42px;height:2px;margin-right:18px}
.ehf-overture-scroll{position:absolute;right:clamp(23px,6.5vw,115px);bottom:clamp(35px,8vh,92px);font-size:14px;letter-spacing:.22em;color:#c4eaff;display:flex;align-items:center;gap:14px;font-weight:760}
.ehf-overture-scroll svg{width:20px;stroke:#95f1ff}
.ehf-orb{pointer-events:none;position:absolute;z-index:3;display:block;border-radius:50%;opacity:calc(var(--ehf-intro-opacity,0)*.95);filter:blur(.2px);box-shadow:inset -15px -18px 26px #0c2e8533,0 0 65px currentColor;will-change:transform}
.ehf-orb::after{content:"";position:absolute;border-radius:50%;inset:18% 22% auto 25%;height:17%;background:#ffffff99;filter:blur(12px)}
.ehf-orb--mint{left:5%;top:16%;width:clamp(70px,10vw,162px);aspect-ratio:1;color:#57ddea;background:radial-gradient(circle at 34% 26%,#b0fff1,#4edbcc 36%,#108ac2 85%);transform:translate3d(calc(var(--ehf-parallax,0)*50px),calc(var(--ehf-parallax,0)*140px),0)}
.ehf-orb--violet{right:7%;top:22%;width:clamp(75px,12vw,180px);aspect-ratio:1;color:#bc8dff;background:radial-gradient(circle at 30% 25%,#f6d7ff,#aa7dfa 45%,#684cdf 90%);transform:translate3d(calc(var(--ehf-parallax,0)*-90px),calc(var(--ehf-parallax,0)*-95px),0)}
.ehf-orb--coral{right:17%;bottom:11%;width:clamp(35px,5.6vw,92px);aspect-ratio:1;color:#ff9bba;background:radial-gradient(circle at 30% 20%,#ffe9dd,#ff8eaa 50%,#fb6689 100%);transform:translate3d(calc(var(--ehf-parallax,0)*-25px),calc(var(--ehf-parallax,0)*88px),0)}
.ehf-orb--cyan{left:13%;bottom:19%;width:clamp(35px,5.6vw,80px);aspect-ratio:1;color:#6ceaff;background:radial-gradient(circle at 30% 20%,#f4ffff,#62e9f4 40%,#1673da 100%);transform:translate3d(calc(var(--ehf-parallax,0)*100px),calc(var(--ehf-parallax,0)*-70px),0)}
.ehf-stage-indicator{z-index:5;position:absolute;top:calc(82px + 28px);left:clamp(22px,6vw,100px);font-weight:800;letter-spacing:.25em;font-size:14px;color:#deefff;opacity:var(--ehf-intro-opacity,0)}
.ehf-stage-indicator::before{content:"";display:inline-block;width:7px;height:7px;background:#82f6e9;border-radius:50%;vertical-align:middle;margin-right:12px;box-shadow:0 0 14px #80f7ff}
.ehf-story{position:relative;background:radial-gradient(circle at 93% 19%,#104c9c65 0%,transparent 25%),radial-gradient(circle at 0 60%,#1272c644 0%,transparent 30%),linear-gradient(180deg,#061f59 0%,#05193e 55%,#061b49 100%);padding:130px clamp(24px,6.5vw,112px) 120px;overflow:hidden}
.ehf-story-inner{position:relative;max-width:1370px;margin:0 auto;z-index:2}
.ehf-story-top{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:120px}
.ehf-story-eyebrow{font-size:14px;color:#92eaff;letter-spacing:.29em;font-weight:800;margin:0 0 24px}
.ehf-story-top h2{font-size:clamp(36px,4.2vw,70px);line-height:1.27;color:#fff;margin:0;letter-spacing:-.065em;font-weight:840}
.ehf-story-top h2 span{color:#94eaff}
.ehf-story-side{font-size:15px;color:#a9bfdf;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #8cd5ff45;padding-bottom:10px}
.ehf-story-orb{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen;z-index:0;will-change:transform}
.ehf-story-orb--one{width:490px;height:490px;background:radial-gradient(circle,#21bee36f 0%,#1542b540 40%,transparent 72%);left:-205px;top:22%;transform:translateY(calc(var(--ehf-story-progress,0)*-220px))}
.ehf-story-orb--two{width:570px;height:570px;background:radial-gradient(circle,#c986fd45 0%,#863efa26 41%,transparent 73%);right:-185px;top:51%;transform:translateY(calc(var(--ehf-story-progress,0)*180px))}
.ehf-story-orb--three{width:340px;height:340px;background:radial-gradient(circle,#3ee6b84a 0%,transparent 71%);left:31%;top:74%;transform:translateY(calc(var(--ehf-story-progress,0)*-260px))}
.ehf-milestones{list-style:none;margin:0;padding:0;position:relative}
.ehf-milestones::before{content:"";position:absolute;left:35px;top:68px;bottom:105px;width:2px;background:#618abb50}
.ehf-progress-line{pointer-events:none;position:absolute;z-index:1;left:35px;top:68px;bottom:105px;width:2px;background:linear-gradient(180deg,#62dfff,#6f99ff 35%,#bd92ff 65%,#78dede);transform-origin:top;transform:scaleY(var(--ehf-line-progress,0));will-change:transform}
.ehf-step{position:relative;display:grid;grid-template-columns:75px minmax(0,1fr) minmax(0,1.09fr);gap:clamp(25px,4.6vw,88px);align-items:center;min-height:620px;padding:45px 0 75px;border-bottom:1px solid rgba(151,198,247,.13)}
.ehf-step + .ehf-step{margin-top:12px}
.ehf-step:last-child{border-bottom:0}
.ehf-step-dot{position:relative;z-index:3;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#c0d6f8;font-size:17px;font-weight:820;letter-spacing:-.04em;background:#0b2d68;border:1px solid #779cd057;box-shadow:0 0 0 9px #07275c;transition:background .5s,color .5s,border-color .5s,box-shadow .5s}
.ehf-step.is-active .ehf-step-dot{color:#05244e;background:linear-gradient(145deg,#aeffff,#50bdff);border-color:#a1faff;box-shadow:0 0 0 9px #09275e,0 0 36px #24acfb55}
.ehf-step-copy{position:relative;z-index:2}
.ehf-step-number{display:block;color:#7fdffc;font-size:15px;font-weight:760;letter-spacing:.27em;margin-bottom:29px}
.ehf-step-number b{font-weight:870;color:#f9ffff;letter-spacing:0;font-size:15px;margin-right:12px}
.ehf-step-copy h3{font-size:clamp(42px,4.6vw,79px);line-height:1.18;color:#fff;letter-spacing:-.075em;font-weight:850;margin:0 0 31px}
.ehf-step-copy h3::after{content:"";display:block;margin-top:27px;height:3px;width:73px;border-radius:10px;background:linear-gradient(90deg,var(--ehf-step-accent,#70ddfa),transparent)}
.ehf-step-copy p{font-size:clamp(17px,1.3vw,21px);line-height:1.95;font-weight:425;color:#bed1ee;max-width:460px;margin:0 0 31px}
.ehf-step-tags{display:flex;flex-wrap:wrap;gap:9px}
.ehf-step-tags span{font-size:14px;font-weight:660;color:#bfeeff;border:1px solid #72b3dd50;background:#0c3a7b40;padding:10px 13px;border-radius:24px;letter-spacing:.02em}
.ehf-step-bg-number{position:absolute;z-index:0;top:10%;left:3%;font-size:clamp(120px,20vw,320px);line-height:1;color:#d5edff;opacity:.035;font-weight:950;letter-spacing:-.11em;user-select:none;pointer-events:none}
.ehf-visual-wrap{position:relative;min-width:0;max-width:100%;transform:translateY(var(--ehf-visual-y,0px));will-change:transform}
.ehf-visual-wrap::before{content:"";position:absolute;inset:12% 4% 0;border-radius:50%;background:radial-gradient(circle,var(--ehf-halo,#3988ef70),transparent 69%);filter:blur(35px);transform:scale(1.1);pointer-events:none}
.ehf-illustration{position:relative;z-index:1;min-width:0;width:100%;aspect-ratio:1.23;display:grid;place-items:center;background:linear-gradient(130deg,#ffffff15,#ffffff07 55%,#ffffff09);border:1px solid #bbd8ff33;border-radius:37px;box-shadow:inset 0 1px #faffff2a,0 27px 75px #0010375a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transform:perspective(1100px) rotateY(var(--ehf-tilt-x,0deg)) rotateX(var(--ehf-tilt-y,0deg));transition:transform .3s ease-out,box-shadow .3s ease-out;will-change:transform}
.ehf-illustration::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(136deg,#ffffff13,transparent 25%,transparent 70%,#9adfff0d)}
.ehf-illustration .ehf-svg{position:relative;width:100%;height:100%;max-width:610px;max-height:460px;display:block;overflow:visible}
.ehf-visual-caption{position:absolute;z-index:4;left:22px;right:22px;bottom:17px;display:flex;align-items:center;gap:10px;font-size:14px;color:#b7d8f3;font-weight:760;letter-spacing:.16em;text-transform:uppercase}
.ehf-visual-caption::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--ehf-step-accent,#56cfff);box-shadow:0 0 18px var(--ehf-step-accent,#56cfff)}
.ehf-visual-caption span:last-child{margin-left:auto;color:#6f9fd1;font-size:14px}
.ehf-step[data-step="1"]{--ehf-step-accent:#53daff;--ehf-halo:#39aaff5a}
.ehf-step[data-step="2"]{--ehf-step-accent:#b69aff;--ehf-halo:#9b71fc69}
.ehf-step[data-step="3"]{--ehf-step-accent:#81b8ff;--ehf-halo:#4d94ff60}
.ehf-step[data-step="4"]{--ehf-step-accent:#4fe2d1;--ehf-halo:#42dbca62}
.ehf-step[data-step="5"]{--ehf-step-accent:#68d9f9;--ehf-halo:#42baf861}
.ehf-svg-float{animation:ehfFloat 5s ease-in-out infinite alternate;transform-origin:center}
.ehf-svg-float-alt{animation:ehfFloatAlt 5.7s ease-in-out infinite alternate;transform-origin:center}
@keyframes ehfFloat{to{translate:0 -10px}}
@keyframes ehfFloatAlt{to{translate:0 9px}}
.ehf-story-foot{position:relative;z-index:2;margin:110px auto 0;max-width:1370px;border-radius:36px;padding:clamp(35px,5vw,76px);background:linear-gradient(120deg,#187af6d9,#0b52c7ed 56%,#083d9eea);border:1px solid #b3f0ff40;box-shadow:0 30px 75px #00133859;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden}
.ehf-story-foot::before{content:"";position:absolute;right:-70px;top:-170px;width:420px;height:420px;border:2px solid #b5fcff2f;border-radius:50%;box-shadow:0 0 0 40px #b1faff09,0 0 0 80px #d3fffa08}
.ehf-story-foot > *{position:relative;z-index:1}
.ehf-story-foot p{font-size:14px;color:#b4f7ff;font-weight:760;letter-spacing:.21em;margin:0 0 17px}
.ehf-story-foot h2{font-size:clamp(29px,3.4vw,53px);line-height:1.28;letter-spacing:-.06em;color:white;margin:0}
.ehf-story-foot a{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#fff;color:#0b55c8;white-space:nowrap;padding:19px 25px;border-radius:100px;font-weight:760;font-size:15px;box-shadow:0 12px 38px #001f5a2f;transition:transform .2s,box-shadow .2s}
.ehf-story-foot a:hover{transform:translateY(-4px);box-shadow:0 18px 42px #001f5a50}
.ehf-story-foot a span{font-size:22px;line-height:0}
.ehf-js .ehf-step:not(.is-visible) .ehf-step-copy{opacity:0;transform:translateY(45px)}
.ehf-js .ehf-step:not(.is-visible) .ehf-visual-wrap{opacity:0;translate:0 54px}
.ehf-step .ehf-step-copy{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.ehf-step .ehf-visual-wrap{transition:opacity .9s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1)}
/* Header adapts only while the navy experience is active; previous Hero and Orbit stay unchanged. */
body.ehf-dark .header{background:rgba(5,27,72,.9);border-bottom-color:#9cd6ff24}
body.ehf-dark .header .brand img{filter:brightness(0) invert(1)}
body.ehf-dark .header .top-nav a{color:#d8e9ff}
body.ehf-dark .header .top-nav a.selected{color:#98e9ff}
body.ehf-dark .header .top-nav a.selected::after{background:#66ecff}
body.ehf-dark .header .mobile-menu-button{background:#143f83;border-color:#3866a2}
body.ehf-dark .header .mobile-menu-button span{background:#fff}
body.ehf-dark .header .mobile-menu{background:rgba(5,30,75,.97);border-color:#31578a}
body.ehf-dark .header .mobile-menu a{color:#fff}
@media(max-width:1080px){.ehf-step{gap:27px;grid-template-columns:65px minmax(0,1fr) minmax(0,1fr)}.ehf-step-dot{width:60px;height:60px}.ehf-milestones::before,.ehf-progress-line{left:29px}.ehf-step-copy h3{font-size:clamp(37px,5vw,60px)}.ehf-story{padding-left:5%;padding-right:5%}.ehf-illustration{border-radius:25px}}
@media(max-width:820px){.ehf-overture{height:190svh}.ehf-overture-stage{min-height:0;height:100svh}.ehf-stage-indicator{top:calc(65px + 22px)}.ehf-overture-content h2{font-size:clamp(42px,8.1vw,68px)}.ehf-overture-desc{font-size:15px}.ehf-story{padding:95px 6% 90px}.ehf-story-top{margin-bottom:60px}.ehf-story-side{display:none}.ehf-milestones::before,.ehf-progress-line{left:25px;top:51px;bottom:80px}.ehf-step{grid-template-columns:55px minmax(0,1fr);gap:20px;min-height:0;padding:48px 0 72px}.ehf-step-dot{width:51px;height:51px;font-size:15px;grid-column:1;grid-row:1;align-self:start}.ehf-step-copy{grid-column:2;grid-row:1}.ehf-step-copy h3{font-size:clamp(38px,7vw,59px)}.ehf-visual-wrap{grid-column:2;grid-row:2;margin-top:12px}.ehf-step-copy p{font-size:17px}.ehf-step-bg-number{left:15%;font-size:28vw}.ehf-illustration{max-width:600px}.ehf-story-foot{margin-top:55px}}
@media(max-width:550px){.ehf-overture-kicker{font-size:14px;letter-spacing:.19em}.ehf-overture-content{padding:74px 22px 50px}.ehf-overture-content h2{font-size:clamp(40px,10vw,58px)}.ehf-overture-desc{font-size:15px;max-width:310px;line-height:1.8}.ehf-overture-index{left:22px;bottom:52px;font-size:14px}.ehf-overture-index::before{width:24px;margin-right:10px}.ehf-overture-scroll{right:20px;bottom:50px;font-size:14px;gap:7px}.ehf-overture-scroll-text{display:none}.ehf-overture-scroll svg{width:17px}.ehf-orb--mint{left:-8%;top:20%}.ehf-orb--violet{right:-12%;top:17%}.ehf-orb--coral{right:9%;bottom:17%}.ehf-story{padding:80px 5% 70px}.ehf-story-top h2{font-size:34px}.ehf-story-eyebrow{letter-spacing:.17em;font-size:14px}.ehf-milestones::before,.ehf-progress-line{left:21px;top:40px;bottom:75px}.ehf-step{grid-template-columns:45px minmax(0,1fr);gap:14px;padding:38px 0 61px}.ehf-step-dot{width:43px;height:43px;font-size:14px;box-shadow:0 0 0 5px #07275c}.ehf-step.is-active .ehf-step-dot{box-shadow:0 0 0 5px #07275c,0 0 30px #24acfb55}.ehf-step-copy h3{font-size:clamp(36px,8.6vw,48px);margin-bottom:21px}.ehf-step-copy h3::after{margin-top:18px}.ehf-step-number{font-size:14px;letter-spacing:.16em;margin-bottom:15px}.ehf-step-copy p{font-size:15px;line-height:1.88;margin-bottom:20px}.ehf-step-tags{gap:6px}.ehf-step-tags span{font-size:14px;padding:7px 9px}.ehf-visual-wrap{grid-column:1/3;margin-top:5px}.ehf-illustration{border-radius:22px;aspect-ratio:1.22}.ehf-visual-caption{left:13px;right:13px;bottom:12px;font-size:14px}.ehf-story-foot{flex-direction:column;align-items:flex-start;padding:32px 27px;border-radius:25px}.ehf-story-foot h2{font-size:34px}.ehf-story-foot a{padding:16px 23px}}
@media(prefers-reduced-motion:reduce){.ehf-overture{height:100svh}.ehf-bloom{transform:translate(-50%,-50%) scale(1.2)!important;box-shadow:none}.ehf-bloom-core{opacity:0!important}.ehf-overture-content{opacity:1!important;transform:none!important}.ehf-orb{opacity:.75!important;transform:none!important}.ehf-stage-indicator{opacity:1!important}.ehf-story-orb{transform:none!important}.ehf-step-copy,.ehf-visual-wrap{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}.ehf-svg-float,.ehf-svg-float-alt{animation:none!important}.ehf-illustration{transform:none!important;transition:none!important}.ehf-progress-line{transform:scaleY(1)!important}}
@media print{.ehf-overture{height:auto}.ehf-overture-stage{position:relative;height:370px;min-height:0}.ehf-bloom{transform:translate(-50%,-50%) scale(1.2)!important}.ehf-overture-content{opacity:1!important;transform:none!important}.ehf-story{background:#061f59!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ehf-step{min-height:0;break-inside:avoid}.ehf-step-copy,.ehf-visual-wrap{opacity:1!important;transform:none!important;translate:none!important}}