/* Shared motion and app previews. Content stays still while people read. */
body{position:relative;isolation:isolate}
body>main,body>footer{position:relative;z-index:1}
body>section{position:relative;z-index:1}
.site-network{top:0;left:50%;height:640px;aspect-ratio:auto;opacity:.5;z-index:0;mask-image:linear-gradient(#000,transparent 95%);-webkit-mask-image:linear-gradient(#000,transparent 95%)}
.site-network>svg{top:-65px}.site-network .network-map{opacity:.2}
.site-network .network-tracer{stroke-width:1.1;filter:none}
.app-showcase{width:100%;max-width:1100px;margin:24px auto 0;border:1px solid #304662;border-radius:22px;background:#101b2d;overflow:hidden}
.showcase-tabs{display:flex;gap:8px;padding:14px;overflow:auto;scrollbar-width:thin;background:#101a2b;border-bottom:1px solid #2a3c56}
.showcase-tabs button{flex:1;white-space:nowrap;min-height:42px;padding:9px 16px;border-radius:10px;border:1px solid transparent;background:transparent;color:#aabdd8;font:600 13px/1.4 Inter,'Segoe UI',sans-serif;cursor:pointer}
.showcase-tabs button:hover{background:#1c2b42;color:#f1f6ff}.showcase-tabs button[aria-selected=true]{background:#cfE2ff;color:#10203b;border-color:#cfe2ff}
.app-showcase figure{margin:0}.app-showcase figure[hidden]{display:none}.app-showcase figure:not([hidden]){animation:preview-arrive .35s ease-out}
.app-showcase img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101d32}
.app-showcase figcaption,.application-hero-visual figcaption{padding:12px 18px;font:11px/1.65 Inter,'Segoe UI',sans-serif;color:#a4b8d5}
.app-hero{grid-template-columns:1fr 1.1fr;gap:38px}.app-hero .application-hero-visual img{border-radius:18px;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #3c5273;box-shadow:0 22px 65px #0004}
.application-hero-visual{position:relative}.application-hero-visual::before{content:'';position:absolute;inset:12% 8%;background:#3e8dff;filter:blur(70px);opacity:.12;z-index:-1;animation:preview-glow 12s ease-in-out infinite}
.application-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.application-details figure{margin:0;overflow:hidden;border:1px solid #304662;border-radius:18px;background:#111d30}.application-details img{width:100%;height:auto;display:block;aspect-ratio:940/1672;object-fit:contain}.application-details figcaption{padding:20px;color:#b6c7e0;font-size:14px;line-height:1.7}.application-details strong,.application-details span{display:block}.application-details strong{color:#eef5ff;font-size:17px;margin-bottom:8px}
.story-image{aspect-ratio:16/9;background:#101d32}.story-image img{object-fit:contain}.story:hover .story-image img{transform:none}.article-illustration img,.context-image img{aspect-ratio:16/9;object-fit:contain;background:#101d32}.article-illustration figcaption{line-height:1.6}
.experience-reveal{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s ease;transition-delay:var(--reveal-delay,0ms)}.experience-reveal:not(.is-revealed){opacity:0;transform:translateY(14px)}
.showcase-tabs button:focus-visible,.app-showcase figure:focus-visible{outline:3px solid #8ebdff;outline-offset:-4px}
@keyframes preview-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes preview-glow{0%,100%{opacity:.09;transform:scale(.97)}50%{opacity:.16;transform:scale(1.04)}}
@media(max-width:760px){.app-hero{grid-template-columns:1fr;gap:26px}.site-network{height:460px;opacity:.3}.site-network>svg{left:58%;width:145vw}.application-details{gap:14px}.application-details figcaption{padding:12px;font-size:12px}.application-details strong{font-size:14px}.app-showcase{border-radius:16px}.showcase-tabs{gap:4px;padding:8px}.showcase-tabs button{padding:9px 11px;font-size:12px}.app-showcase figcaption{font-size:10px;padding:11px 14px}}
@media(max-width:520px){.application-details{display:flex;overflow:auto;scroll-snap-type:x proximity;padding-bottom:12px;scrollbar-width:thin}.application-details figure{flex:0 0 78%;scroll-snap-align:start}.application-details figcaption{padding:18px;font-size:14px}.application-details strong{font-size:17px}.site-network{width:100vw;left:50%;height:390px;opacity:.3}.site-network>svg{width:190vw;left:70%;top:0}.showcase-tabs button{padding:9px 8px}}
@media(max-width:600px){.site-links>.app-nav-link{display:block}.site-links .site-install{display:none}.site-links>a,.site-links .app-nav-link{font-size:12px;padding:9px 9px}}
@media(max-width:370px){.site-links>a,.site-links .app-nav-link{font-size:11px;padding:9px 6px}}
@media(prefers-reduced-motion:reduce){.experience-reveal,.experience-reveal:not(.is-revealed){transition:none;opacity:1;transform:none}.app-showcase figure:not([hidden]),.application-hero-visual::before{animation:none}}