/* 03 / One journey: the personal core opens into a living network. */
[data-concept=fusion] [data-only=fusion],[data-concept=fusion] [data-only=network]{display:block}
[data-concept=fusion] [data-only=core]{display:none}
[data-concept=fusion] .ticker{display:none}
[data-concept=fusion] .hero{background:#06090d}
[data-concept=fusion] .hero h1{font-size:clamp(44px,5.2vw,77px)}
[data-concept=fusion] .hero-description{max-width:430px}
[data-concept=fusion] .hero-bottom .scene-caption{color:#83adbe}
[data-concept=fusion] .scroll-cue{color:#a3c5d4}
[data-concept=fusion] .scroll-cue:after{content:'↓';font-size:15px;color:#b5ebfb}
[data-concept=fusion] .hero:after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:50px;background:linear-gradient(transparent,#79cbe8);opacity:.55;z-index:1}
.fusion-network{background:#050a0e;border-top:1px solid #19313e}
.fusion-bridge{height:116px;display:flex;align-items:center;gap:24px;position:relative}
.bridge-origin{display:flex;align-items:center;gap:12px;flex-shrink:0}
.bridge-origin>i{height:22px;width:22px;border:1px solid #719eb1;border-radius:50%;position:relative;box-shadow:0 0 30px #7cd8ff15}
.bridge-origin>i:after{content:'';position:absolute;inset:7px;background:#b5ebfb;border-radius:50%;box-shadow:0 0 13px #b5ebfb66}
.fusion-bridge span{font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#8cb2c3;white-space:nowrap}
.bridge-threads{position:relative;height:36px;flex:1;max-width:210px}
.bridge-threads>i{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,#5e9eb75c,#45d6f24d);transform-origin:left}
.bridge-threads>i:first-child{transform:rotate(-4deg)}
.bridge-threads>i:last-child{transform:rotate(4deg)}
.bridge-threads:after{content:'';position:absolute;top:calc(50% - 2px);width:4px;height:4px;left:0;background:#ffb48a;border-radius:50%;box-shadow:0 0 14px #ffa97d;animation:flow-particle 4s linear infinite}
.fusion-bridge .bridge-index{margin-left:auto;font-size:7px;color:#42677a}
.network-stage{position:relative;isolation:isolate;min-height:790px;display:flex;align-items:center;overflow:hidden;border-top:1px solid #12242e;border-bottom:1px solid #1c3a47;padding:90px 0 120px}
.network-visual{position:absolute;inset:0;z-index:-1;pointer-events:none}
.network-visual>img,.network-visual>canvas{position:absolute;inset:0;height:100%;width:100%}
.network-visual>img{object-fit:cover;object-position:78% 50%;opacity:.2;mix-blend-mode:screen}
.network-visual>canvas{opacity:.95}
.network-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050a0efa 0%,#050a0ef0 15%,#050a0e9c 38%,transparent 70%),linear-gradient(0deg,#050a0e,transparent 28%,transparent 80%,#050a0e88)}
.network-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.network-copy{max-width:540px;position:relative;z-index:2}
.network-copy>.eyebrow{display:flex;align-items:center;gap:10px;font-size:7px;color:#9cbecb;letter-spacing:1.5px}
.network-copy h2{font-size:clamp(55px,6.3vw,94px);line-height:1.04;letter-spacing:-4px;font-weight:400;margin:29px 0 28px}
.network-copy h2 em{font-style:normal;color:#51d9f1}
.network-copy>p{font-size:13px;line-height:1.95;color:#97b2bf;max-width:340px;min-height:100px;margin:0 0 24px}
.network-modes{display:flex;gap:7px;margin:0 0 30px}
.network-modes>button{background:#0b1c25c9;border:1px solid #2c4e60;border-radius:25px;color:#799cae;padding:9px 16px;font-size:10px;transition:color .25s,border-color .25s,background .25s}
.network-modes>button[aria-pressed=true]{color:#d3f7ff;border-color:#69d6eb;background:#133b49}
.network-modes>button:hover{color:#d3f7ff;border-color:#69d6eb}
.network-copy .text-link{color:#a5e4f2;font-size:10px}
.network-live-card{align-self:end;margin-bottom:38px;max-width:385px;width:100%;justify-self:end;background:#07161de8;backdrop-filter:blur(14px);border:1px solid #346475;border-left:2px solid #ffab76;border-radius:7px;padding:23px 24px;box-shadow:0 20px 85px #0005;position:relative}
.network-card-top{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:6px;letter-spacing:1.2px;color:#749ead}
.network-card-top>span:last-child{margin-left:auto;color:#ffac79;font-size:17px;line-height:1}
.network-live-card>p{font-size:23px;font-weight:400;line-height:1.4;letter-spacing:-.6px;max-width:270px;color:#d8eff9;margin:25px 0 27px;min-height:64px}
.network-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid #264b5a}
.network-card-bottom>span{font-family:monospace;font-size:5px;letter-spacing:.7px;color:#4f7a8d}
.network-card-bottom>button{font-size:8px;display:flex;align-items:center;gap:12px;color:#a6dbe9;border:0;padding:0;background:none}
.network-card-bottom>button>span{font-size:15px;color:#ffb88c}
.network-stage-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-family:monospace;font-size:6px;letter-spacing:1.1px;color:#4e8298}
.network-stage-bottom>span:first-child{color:#94bece}
.network-stage-bottom i{font-style:normal;color:#ffab76;margin:0 14px}
[data-concept=fusion] .network-journey{padding-top:90px;padding-bottom:95px}
[data-concept=fusion] .network-journey .section-heading h2 em{color:#6d8b99}
[data-concept=fusion] .flow-panel{border-color:#335460}
[data-concept=fusion] .flow-node{color:#6aafc5}
[data-concept=fusion] .experience-section{background:#081219}
#connected-context{scroll-margin-top:var(--bar-height)}
@media(min-width:1600px){.network-stage{min-height:850px}}
@media(max-width:1150px){.network-story{gap:40px}.network-copy h2{font-size:70px}.network-copy>p{font-size:12px}.network-live-card{max-width:340px;padding:21px}.network-live-card>p{font-size:21px}.network-stage{min-height:740px}}
@media(max-width:900px){.network-stage{min-height:700px}.network-story{gap:25px}.network-copy h2{font-size:60px;letter-spacing:-3px}.network-live-card{padding:18px}.network-live-card>p{font-size:19px}.network-card-bottom{gap:10px}.network-card-bottom>span{font-size:4px}.network-card-bottom>button{font-size:7px;gap:7px}.network-copy>.eyebrow{font-size:6px;letter-spacing:1px}.network-stage-bottom{font-size:5px}.network-stage-bottom i{margin-inline:8px}}
@media(max-width:640px){[data-concept=fusion] .hero h1{font-size:clamp(33px,8.4vw,50px);letter-spacing:-1.8px}[data-concept=fusion] .hero-description{font-size:11px;max-width:310px}[data-concept=fusion] .hero{min-height:790px}[data-concept=fusion] .hero-actions{gap:22px}.fusion-bridge{height:97px;gap:16px}.fusion-bridge span{font-size:5px;letter-spacing:1px}.bridge-threads{min-width:35px;max-width:90px}.bridge-origin{gap:8px}.bridge-origin>i{height:18px;width:18px}.bridge-origin>i:after{inset:5px}.fusion-bridge .bridge-index{display:none}.network-stage{padding-top:55px;padding-bottom:94px;min-height:0}.network-story{grid-template-columns:1fr;gap:65px}.network-copy{max-width:100%}.network-copy h2{font-size:clamp(52px,13vw,76px);letter-spacing:-3px;margin-top:24px}.network-copy>p{font-size:12px;max-width:290px;min-height:0;line-height:1.95}.network-copy>.eyebrow{font-size:6px}.network-copy .text-link{font-size:9px}.network-modes{margin-bottom:25px}.network-modes>button{font-size:9px;padding:8px 15px}.network-visual>img{object-position:70% 50%;opacity:.25}.network-shade{background:linear-gradient(180deg,#050a0e60,#050a0ea8 15%,#050a0e3b 70%,#050a0e),linear-gradient(90deg,#050a0ec9,transparent 100%)}.network-live-card{width:90%;max-width:355px;margin:0;justify-self:end;padding:22px}.network-live-card>p{font-size:23px;min-height:64px;margin-block:23px}.network-card-bottom>span{font-size:5px}.network-card-bottom>button{font-size:8px}.network-stage-bottom{bottom:26px;font-size:5px;letter-spacing:.7px}.network-stage-bottom>span:last-child{display:none}.network-stage-bottom i{margin-inline:7px}[data-concept=fusion] .network-journey{padding-block:60px}}
@media(max-width:360px){.concept-tabs>button[data-concept=fusion]{font-size:8px;gap:4px}[data-concept=fusion] .hero h1{font-size:31px}[data-concept=fusion] .hero-description{max-width:270px}.fusion-bridge{gap:13px}.fusion-bridge span{font-size:4px}.network-copy h2{font-size:49px;letter-spacing:-2.5px}.network-copy>.eyebrow{font-size:5px}.network-live-card{padding:20px;width:94%}.network-live-card>p{font-size:21px}.network-stage-bottom{font-size:4px}.network-stage-bottom i{margin-inline:6px}}