:root{--living-ground:#e9f0fc;--living-core:#fff;--living-ink:#102e65;--living-soft:#40618c;--living-route:#2865e6;--living-bed:#c8d8f1;--living-teal:#087771;--living-amber:#ae510d;--living-panel:#f2f6fd;--living-shadow:0 20px 42px -24px #163e7c66;--motion-ease:cubic-bezier(.16,1,.3,1)}
:root[data-theme=dark]{--living-ground:#132d4c;--living-core:#193c63;--living-ink:#f0f5ff;--living-soft:#b0c7e8;--living-route:#91baff;--living-bed:#315074;--living-teal:#76dbcb;--living-amber:#ffc28c;--living-panel:#172f48;--living-shadow:0 24px 45px -20px #020d26b3}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--living-ground:#132d4c;--living-core:#193c63;--living-ink:#f0f5ff;--living-soft:#b0c7e8;--living-route:#91baff;--living-bed:#315074;--living-teal:#76dbcb;--living-amber:#ffc28c;--living-panel:#172f48;--living-shadow:0 24px 45px -20px #020d26b3}}
html{scroll-padding-top:100px}.site-header{position:sticky;top:0;z-index:30;background:var(--bg);min-height:90px;gap:24px}.site-header>nav{gap:22px}.site-header .brand{font-size:23px}.living-page main{padding-top:28px}.living-hero{position:relative;margin-inline:calc(var(--pad)*-.5);padding:38px calc(var(--pad)*.5) 20px;background:var(--living-ground);color:var(--living-ink);border-radius:16px;overflow:clip}.living-opening{display:flex;align-items:flex-end;gap:40px;justify-content:space-between;padding-inline:20px;position:relative;z-index:2}.living-opening h1{font-size:clamp(54px,6.5vw,90px);line-height:1.03;letter-spacing:-.04em;font-weight:650;max-width:760px;text-wrap:initial}.living-opening h1 span{color:var(--living-route)}.living-offer{max-width:350px;padding-bottom:6px}.living-offer p{color:var(--living-soft);font-size:19px;margin:0 0 22px}.living-offer .button{background:var(--living-ink);color:var(--living-ground);border-radius:6px}.living-canvas{position:relative;width:100%;margin-top:14px;isolation:isolate}.network-depth{position:relative;aspect-ratio:1100/450;transform-style:preserve-3d;transform-origin:center center}.living-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible;stroke-linecap:round}.orbit{fill:none;stroke:var(--living-bed);stroke-width:1;stroke-dasharray:3 8}.orbit-inner{stroke-dasharray:none;stroke-width:1.5}.route-bed{stroke:var(--living-bed);stroke-width:14;fill:none}.route-line{stroke:var(--living-route);stroke-width:2;opacity:.32;transition:opacity 220ms ease,stroke 220ms ease}.route-signal{stroke:var(--living-route);stroke-width:4;stroke-dasharray:30 970;stroke-dashoffset:1000;opacity:0;animation:live-signal 4s linear infinite;animation-play-state:paused;transition:opacity 200ms ease}.circuit-2 .route-line,.circuit-2 .route-signal{stroke:var(--living-teal)}.circuit-4 .route-line,.circuit-4 .route-signal,.circuit-5 .route-line,.circuit-5 .route-signal{stroke:var(--living-amber)}.circuit-5 .route-bed{stroke-width:5;stroke-dasharray:4 10}.circuit-5 .route-line{opacity:0}.circuit-1 .route-signal{animation-delay:-2s}.circuit-3 .route-signal{animation-delay:-1s}.circuit-4 .route-signal{animation-delay:-3s}
.living-canvas[data-running=true] .route-signal{animation-play-state:running}.living-canvas[data-active-scene=sites] :is(.circuit-0,.circuit-1) .route-line,.living-canvas[data-active-scene=cloud] :is(.circuit-2,.circuit-3) .route-line,.living-canvas[data-active-scene=continuity] :is(.circuit-0,.circuit-4,.circuit-5) .route-line{opacity:1;stroke-width:3}.living-canvas[data-active-scene=sites] :is(.circuit-0,.circuit-1) .route-signal,.living-canvas[data-active-scene=cloud] :is(.circuit-2,.circuit-3) .route-signal,.living-canvas[data-active-scene=continuity] :is(.circuit-0,.circuit-4,.circuit-5) .route-signal{opacity:1}
.living-canvas[data-hover-node="0"] .circuit-0 .route-line,.living-canvas[data-hover-node="1"] .circuit-1 .route-line,.living-canvas[data-hover-node="2"] .circuit-2 .route-line,.living-canvas[data-hover-node="3"] .circuit-3 .route-line,.living-canvas[data-hover-node="4"] .circuit-4 .route-line{opacity:1;stroke-width:5}
.network-core{position:absolute;left:46.36%;top:52.22%;width:19%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.core-ring{position:absolute;inset:-8%;border:1px solid var(--living-route);border-radius:50%;opacity:.5}.core-ring:before,.core-ring:after{content:"";position:absolute;inset:5%;border:1px solid var(--living-bed);border-radius:50%}.core-ring:after{inset:10%;border-color:var(--living-route);opacity:.5}.core-disc{width:100%;height:100%;border-radius:50%;background:var(--living-core);box-shadow:var(--living-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--living-ink);font-family:Manrope,sans-serif;position:relative;z-index:1}.core-disc span{font-size:clamp(11px,1.3vw,18px)}.core-disc strong{font-size:clamp(18px,2.2vw,31px);font-weight:650;letter-spacing:-.03em}.core-disc svg{width:30px;height:30px;stroke:var(--living-route);margin-top:10px;stroke-width:2}.live-node{position:absolute;display:flex;align-items:center;flex-direction:column;gap:10px;transform:translate(-50%,-50%);text-decoration:none;min-width:104px;color:var(--living-ink);border-radius:10px;outline-offset:8px}.node-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:16px;background:var(--living-core);box-shadow:var(--living-shadow);transition:transform 250ms var(--motion-ease),background 200ms ease,color 200ms ease}.node-icon svg{width:35px;height:35px;stroke-width:1.5}.node-label{font-size:15px;font-weight:600;background:var(--living-ground);padding:1px 7px;border-radius:4px;white-space:nowrap}.live-node-0{left:17.27%;top:23.33%}.live-node-1{left:16.36%;top:76.67%}.live-node-2{left:77.27%;top:18.89%}.live-node-3{left:84.55%;top:74.44%}.live-node-4{left:60.91%;top:87.78%}.live-node-2 .node-icon{color:var(--living-teal)}.live-node-4 .node-icon{color:var(--living-amber)}.canvas-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px 0;font-size:14px;color:var(--living-soft)}.canvas-caption button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:inherit;padding:8px 0;min-height:44px;font-size:14px}.canvas-caption button svg{width:17px;height:17px}.living-note{color:var(--living-soft);font-size:12px;margin:0 20px;max-width:none}.explore-jump{margin:20px 20px 0;border-top:1px solid var(--living-bed);padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;text-decoration:none}.explore-jump svg{color:var(--living-route)}
.living-explorer{scroll-margin-top:110px}.living-explorer .section-heading h2{max-width:540px}.scene-controls{display:flex;gap:0;border-bottom:1px solid var(--line)}.scene-controls a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;color:var(--muted);text-decoration:none;font-family:Manrope,sans-serif;font-size:18px;font-weight:600;border-bottom:3px solid transparent;transition:color 180ms ease,background 180ms ease}.scene-controls a[aria-current=true]{color:var(--ink);border-bottom-color:var(--accent);background:var(--surface)}.scene-controls svg{width:20px;height:20px;transform:rotate(45deg);transition:transform 200ms var(--motion-ease)}.scene-controls a[aria-current=true] svg{transform:rotate(0)}.scene-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;padding:52px 0}.scene-panel+.scene-panel{border-top:1px solid var(--line)}.js .scene-panel+.scene-panel{border:0}.scene-visual{background:var(--living-ground);border-radius:14px;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--living-route);padding:20px 28px}.scene-visual svg{width:100%;height:auto;max-height:260px;stroke-width:2}.scene-visual span{font-family:Manrope,sans-serif;font-size:18px;font-weight:600;padding-bottom:10px;color:var(--living-ink)}.scene-visual circle{fill:var(--living-core);stroke:currentColor;stroke-width:3}.scene-track{stroke:currentColor;stroke-width:4;fill:none}.scene-alternate{stroke:var(--living-amber);stroke-width:3;stroke-dasharray:6 8;opacity:.15}.scene-visual-cloud{color:var(--living-teal)}.scene-visual-continuity .scene-alternate{opacity:1}.scene-visual-continuity{color:var(--living-amber)}.scene-centre{stroke-width:10!important}.scene-copy h3{font-size:clamp(27px,3vw,38px);line-height:1.18;max-width:20ch}.scene-copy>p{font-size:19px}.scene-copy .scene-consider{font-size:16px;line-height:1.6;padding-top:16px;margin-top:22px;border-top:1px solid var(--line)}.scene-copy .text-link{margin-top:24px}.reset-network{display:none;align-items:center;gap:10px;min-height:44px;border:0;background:none;font-size:15px;color:var(--muted);padding:0}.js .reset-network{display:inline-flex}.reset-network svg{width:18px;height:18px}.living-page .needs{padding-top:62px;border-top:1px solid var(--line)}.living-page .process{background:var(--living-ground);color:var(--living-ink);border-radius:16px;padding:64px 48px}.living-page .process p{color:var(--living-soft)}.living-page .process h2{font-size:clamp(32px,3.7vw,48px)}.living-page .process li:before{border-color:var(--living-soft);color:var(--living-soft)}.living-page .cta{border:0;background:var(--living-ink);color:var(--living-ground);padding:56px 44px;margin-bottom:70px;border-radius:16px}.living-page .cta p{color:var(--living-ground)}.living-page .cta .button{background:var(--living-ground);color:var(--living-ink)}.explorer-return{display:inline-flex;margin-top:28px;min-height:44px;align-items:center;gap:8px;color:var(--accent);font-size:16px}.explorer-return:before{content:"←";font-family:Source,sans-serif}.explorer-return+.back-link,.explorer-return+.breadcrumbs{margin-top:8px}.back-top{position:fixed;right:22px;bottom:22px;z-index:25;display:none;align-items:center;justify-content:center;gap:8px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:14px;min-height:44px;text-decoration:none}.back-top.shown{display:inline-flex}.baseline-link{margin-left:12px}.local-label{display:flex;flex-wrap:wrap;gap:4px}.button{transition:background 160ms ease,transform 160ms var(--motion-ease)}.button:active{transform:scale(.98)}
.live-network-stage{position:relative;aspect-ratio:1100/450;width:100%}.network-depth{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.live-node{z-index:2}
.canvas-caption button{visibility:hidden}.js .canvas-caption button{visibility:visible}
@media(max-width:640px){.live-network-stage{aspect-ratio:1.45}}
@keyframes live-signal{to{stroke-dashoffset:0}}
.core-disc{background:var(--living-ink);color:var(--living-ground)}.core-disc svg{stroke:var(--living-ground)}.scene-visual{background:#174fde;color:#fff;--living-core:#174fde;--living-amber:#ffcea8}.scene-visual span{color:#fff}.scene-visual-cloud{background:#075f60;--living-core:#075f60}.scene-visual-continuity{background:#783c1b;--living-core:#783c1b}.scene-visual-continuity .scene-alternate{stroke:#ffcea8}
@media(hover:hover) and (pointer:fine){.live-node:hover .node-icon,.live-node:focus-visible .node-icon{transform:translateY(-6px);background:var(--living-ink);color:var(--living-ground)}.scene-controls a:hover{background:var(--living-panel);color:var(--ink)}.living-offer .button:hover{background:var(--living-route);color:var(--living-core)}.reset-network:hover{color:var(--accent)}}
@media(max-width:1100px){.site-header{gap:15px}.site-header>nav{gap:14px;font-size:15px}.living-opening{gap:30px;padding-inline:8px}.living-offer{max-width:300px}.living-opening h1{font-size:66px}.scene-panel{gap:36px}.node-icon{width:62px;height:62px}.node-label{font-size:14px}.living-offer p{font-size:18px}}
@media(max-width:860px){.site-header{min-height:80px;padding-block:12px}.living-opening{align-items:flex-start}.living-opening h1{font-size:54px}.living-offer{max-width:280px}.living-offer p{font-size:17px}.living-offer .button{font-size:15px;padding:14px}.scene-controls a{font-size:16px;padding:18px 15px}.scene-panel{gap:25px}.scene-copy>p{font-size:17px}.scene-copy h3{font-size:28px}.scene-visual{min-height:250px;padding:15px}.node-icon{width:54px;height:54px}.node-icon svg{width:29px;height:29px}.node-label{font-size:12px}.network-core{width:20%}.core-disc svg{width:24px;height:24px;margin-top:4px}.canvas-caption{padding-top:12px}.canvas-caption>span{max-width:45%}.living-page .process{padding:38px 30px}.living-page .cta{padding:38px 30px}}
@media(max-width:640px){html{scroll-padding-top:150px}.living-hero{padding-top:30px;margin-inline:-10px;border-radius:12px}.living-opening{display:block;padding-inline:8px}.living-opening h1{font-size:clamp(42px,10vw,60px);line-height:1.06}.living-offer{max-width:none;margin-top:22px}.living-offer p{font-size:18px;max-width:38ch;margin-bottom:18px}.living-offer .button{font-size:16px;min-height:52px}.living-canvas{margin-top:22px}.network-depth{aspect-ratio:1.45}.living-lines{height:100%;transform:scaleY(1.35);transform-origin:center}.network-core{width:25%;left:46.36%;top:52.22%}.core-disc span{font-size:10px}.core-disc strong{font-size:15px}.core-disc svg{width:22px;height:22px}.live-node{min-width:65px;gap:6px}.node-icon{width:43px;height:43px;border-radius:10px}.node-icon svg{width:25px;height:25px}.node-label{font-size:10px;padding:0 3px}.live-node-0{top:18%;left:17.27%}.live-node-1{top:80%;left:16.36%}.live-node-2{top:12%;left:77.27%}.live-node-3{top:77%;left:84.55%}.live-node-4{top:94%;left:60.91%}.canvas-caption{margin-top:16px;padding:12px 8px 0;gap:8px}.canvas-caption>span{display:none}.canvas-caption button{font-size:13px}.living-note{font-size:11px;margin:4px 8px 0}.explore-jump{font-size:14px;margin:16px 8px 0}.scene-controls{flex-direction:column;gap:0}.scene-controls a{padding:14px 16px;border-bottom-width:2px;min-height:52px}.scene-controls a[aria-current=true]{border-bottom-color:var(--accent)}.scene-panel{grid-template-columns:1fr;gap:24px;padding:28px 0}.scene-visual{min-height:190px;padding:12px 20px}.scene-visual svg{height:165px;width:100%}.scene-visual span{font-size:16px;padding:0}.scene-copy h3{font-size:29px;max-width:23ch}.scene-copy .scene-consider{font-size:15px}.scene-copy>p{font-size:18px}.living-explorer{scroll-margin-top:155px}.living-page .needs{padding-top:40px}.back-top{right:12px;bottom:12px;padding:10px}.back-top span{display:none}.baseline-link{margin-left:0}.living-page .cta{margin-bottom:50px}.living-page main{padding-top:18px}}
@media(max-width:360px){.living-opening h1{font-size:41px}.living-offer .button{width:100%;gap:12px}.node-label{font-size:9px}.node-icon{width:38px;height:38px}.core-disc strong{font-size:13px}.core-disc svg{width:18px;height:18px}.network-core{width:24%}}
.scene-visual text{fill:currentColor;stroke:none;font-family:Source,system-ui,sans-serif;font-size:20px;font-weight:600}.scene-office,.scene-cloud-shape{fill:var(--living-core);stroke:currentColor;stroke-width:2}.scene-visual svg{overflow:visible}
@media(max-width:640px){.node-label{font-size:12px;white-space:normal;text-align:center;line-height:1.2;max-width:86px}.live-node{min-width:76px}.live-node-3{left:81%}.core-disc span{font-size:12px}.scene-visual svg{height:auto;max-height:260px}}
@media(prefers-reduced-motion:reduce){.route-signal{display:none}.network-depth{transform:none!important}.node-icon{transform:none!important}.canvas-caption button{cursor:default}}