.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#2563eb,#8cace2);transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:3}.page-hero h1{text-wrap:balance}.hero-copy{animation:hero-arrive .85s cubic-bezier(.2,.7,.2,1) both}.network-visual{animation:network-arrive 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes network-arrive{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}.reveal-item{opacity:0;transform:translateY(36px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal-item[data-reveal-direction=up]{transform:translateY(-36px)}.reveal-item.is-revealed{opacity:1;transform:none}.hero-buttons .button,.guide-card{position:relative;isolation:isolate;overflow:hidden;transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease,background .2s,border-color .2s,box-shadow .2s}.hero-buttons .button::before,.guide-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#b9d3ff26,transparent 60%);transition:opacity .2s}.hero-buttons .button:hover::before,.guide-card:hover::before{opacity:1}.interactive-network.globe-enhanced{aspect-ratio:1;min-height:490px}.globe-enhanced .globe-image{display:none}.globe-controls{display:flex;gap:7px;align-items:center}.globe-controls button{border:1px solid #485772;background:#222d40;color:#c9d7ee;border-radius:5px;padding:5px 9px;font-size:9px;line-height:1.7;min-height:29px;letter-spacing:0}.globe-controls button:hover{background:#31405a}.globe-controls button[aria-pressed=false]{background:#162339;color:#a3adbf;border-color:#344055}.globe-controls button[aria-pressed=true]::before{content:"";display:inline-block;vertical-align:middle;background:#a0bdf0;width:4px;height:4px;border-radius:50%;margin-right:5px}.globe-stage{position:absolute;inset:53px 0 130px}.globe-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.globe-stage canvas.is-dragging{cursor:grabbing}.globe-stage canvas:focus-visible{outline-offset:-12px;border-radius:24px;outline-color:#9fb8e3}.globe-hint{position:absolute;top:63px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.08em;color:#99a8c1;pointer-events:none}.globe-panel{position:absolute;bottom:15px;left:24px;right:24px;border-top:1px solid #3e4e6980;padding-top:13px}.globe-focus{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.globe-focus small{font-size:7px;letter-spacing:.12em;color:#a7b2c6;display:block}.globe-focus strong{font-size:19px;font-weight:500;letter-spacing:.01em;display:block;line-height:1.7;color:#e5efff}.globe-selection-marker{width:30px;height:30px;border:1px solid #465a7d;border-radius:50%;display:grid;place-items:center;color:#bcd1f4;font-size:19px}.globe-cities{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#425576 transparent;padding-bottom:3px}.city-button{background:transparent;border:1px solid #3e4c63;border-radius:4px;color:#bcc5d5;padding:5px 9px;font-size:9px;white-space:nowrap;min-height:28px;flex:none;transition:background .2s,color .2s,border-color .2s}.city-button[aria-pressed=true],.city-button:hover{background:#b3c8ed;color:#101f39;border-color:#b3c8ed}.globe-disclaimer{font-size:7px;line-height:1.5;color:#9da9bf;letter-spacing:.04em;margin-top:6px}.interactive-network .visual-topline{top:17px;align-items:center}.interactive-network .visual-topline>span{font-size:8px}.diagram-top>.icon{display:none}.diagram-target{padding:0;background:transparent;border:0;color:inherit;border-radius:5px}.diagram-target>span{display:block;transition:background .3s,border-color .3s,box-shadow .3s}.diagram-target[aria-pressed=true]>span{background:#2d3d58;border-color:#91aad4;box-shadow:0 0 18px #8ab2f615;color:#e3edff}.diagram-connector{height:64px}.diagram-connector i{position:relative;width:24px;height:100%;overflow:hidden;background:none}.connector-track{display:block;width:24px;height:100%;overflow:hidden}.connector-track line{stroke:var(--path-line);stroke-width:1}.flow-dot-down{fill:var(--flow-down)}.flow-dot-up{fill:var(--flow-up)}.is-flowing .flow-dot-down{animation:connection-down 2s linear infinite}.is-flowing .flow-dot-up{animation:connection-up 2s -.8s linear infinite}.diagram-connector i:nth-child(2){--down-delay:-.7s;--up-delay:-1.5s}.diagram-connector i:nth-child(3){--down-delay:-1.3s;--up-delay:-.3s}.is-flowing .flow-dot-down{animation-delay:var(--down-delay,0s)}.is-flowing .flow-dot-up{animation-delay:var(--up-delay,-.8s)}.connection-diagram[data-destination="0"] .connector-bottom i:not(:nth-child(1)),.connection-diagram[data-destination="1"] .connector-bottom i:not(:nth-child(2)),.connection-diagram[data-destination="2"] .connector-bottom i:not(:nth-child(3)){opacity:.18}.diagram-connector i{transition:opacity .3s}.is-flowing .diagram-hub{animation:connection-hub 2.8s ease-in-out infinite}.diagram-hub{position:relative;isolation:isolate}.diagram-hub::before{content:"";position:absolute;inset:-7px;border:1px solid #8faee338;border-radius:14px;opacity:0;pointer-events:none}.is-flowing .diagram-hub::before{animation:hub-signal 2.8s ease-out infinite}.diagram-arrived .diagram-source>span{animation:source-arrive .7s .12s both}.diagram-arrived .diagram-source>span:nth-child(2){animation-delay:.24s}.diagram-arrived .hub-mark{animation:hub-arrive .7s .35s both}.diagram-arrived .diagram-target{animation:destination-arrive .7s .5s both}.diagram-arrived .diagram-target:nth-child(2){animation-delay:.62s}.diagram-arrived .diagram-target:nth-child(3){animation-delay:.74s}.diagram-note{min-height:28px;line-height:1.7;color:#a8b3c6}.diagram-target>span>span{border:0;background:none;padding:0;border-radius:0;font:inherit;color:inherit;display:inline}
@keyframes connection-down{0%{opacity:0;transform:translateY(-42px)}15%,80%{opacity:1}100%{opacity:0;transform:translateY(45px)}}
@keyframes connection-up{0%{opacity:0;transform:translateY(45px)}15%,80%{opacity:1}100%{opacity:0;transform:translateY(-42px)}}
@keyframes connection-hub{50%{box-shadow:0 0 35px #82a9ed28;border-color:#b9d0f9}}
@keyframes hub-signal{0%{opacity:.5;transform:scale(.98)}100%{opacity:0;transform:scale(1.06,1.3)}}
@keyframes source-arrive{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes destination-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes hub-arrive{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@media(max-width:640px){.diagram-connector{height:56px}}
@media(prefers-reduced-motion:reduce){.connection-diagram *, .connection-diagram *::before,.connection-diagram *::after{animation:none!important;transition:none!important}}
@media print{.connection-diagram *, .connection-diagram *::before,.connection-diagram *::after{animation:none!important}}.site-intro{position:fixed;inset:0;z-index:100;background:#f7f8fb;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;animation:intro-exit .32s .4s ease forwards;gap:22px}.site-intro img{width:170px;animation:intro-logo .65s ease both}.site-intro small{font-size:8px;letter-spacing:.21em;color:#41516c}.intro-track{height:2px;width:150px;position:relative;background:#d6dce5;overflow:hidden}.intro-track::after{content:"";position:absolute;inset:0;background:#073481;transform-origin:left;animation:intro-track .5s ease both}@keyframes intro-track{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-logo{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes intro-exit{to{opacity:0;visibility:hidden;transform:translateY(-8px)}}
@media(max-width:900px){.interactive-network.globe-enhanced{min-height:440px}.globe-controls button{font-size:8px;padding-inline:7px}.globe-stage{inset:58px 0 130px}.globe-hint{top:65px;font-size:7px}.globe-panel{left:17px;right:17px}.interactive-network .visual-topline>span{font-size:6px}.city-button{font-size:8px;padding-inline:8px}}
@media(max-width:640px){.interactive-network.globe-enhanced{min-height:420px;aspect-ratio:auto}.interactive-network .visual-topline{left:19px;right:19px}.interactive-network .visual-topline>span{font-size:6px}.globe-controls{gap:5px}.globe-controls button{min-height:32px;font-size:8px;padding:5px 8px}.globe-stage{inset:55px 0 132px}.globe-hint{top:65px;font-size:6px}.globe-panel{left:19px;right:19px;bottom:15px}.globe-focus strong{font-size:18px}.globe-cities{gap:6px}.city-button{min-height:30px;font-size:10px;padding:5px 10px}.globe-disclaimer{font-size:6px;margin-top:8px}.site-intro img{width:140px}.reveal-item{transform:translateY(24px)}.reveal-item[data-reveal-direction=up]{transform:translateY(-24px)}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none}.hero-copy,.network-visual{animation:none}.reveal-item,.reveal-item[data-reveal-direction=up]{opacity:1;transform:none;transition:none}.hero-buttons .button,.guide-card{transform:none!important}.motion-enabled .diagram-connector i::after{animation:none}}
@media print{.reveal-item,.reveal-item[data-reveal-direction=up]{opacity:1!important;transform:none!important;transition:none!important}.site-intro,.reading-progress,.globe-controls{display:none!important}}