.motion-page .hero{position:relative;min-height:520px;gap:48px;padding-block:64px 72px}.motion-page .hero h1{font-size:clamp(32px,3.2vw,48px);line-height:1.38}.motion-page .hero h1 em{background:linear-gradient(100deg,var(--accent),var(--text),var(--accent));background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:glimmer 9s ease-in-out infinite}.motion-page .hero .visual{height:420px;border-radius:24px;background:radial-gradient(ellipse at center,var(--glow),transparent 72%);box-shadow:inset 0 0 60px #ffffff03,0 20px 80px #0002}.ai-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.has-webgl .orbit{border-color:transparent}.has-webgl .orbit:before{display:none}.has-webgl .core{position:relative;z-index:2;text-shadow:0 2px 25px var(--bg)}.has-webgl .node{backdrop-filter:blur(12px);z-index:3}.motion-toggle{position:absolute;bottom:15px;right:0;font-size:12px;padding:6px 12px;z-index:4}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:99;pointer-events:none}.floating-workspace{position:relative;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,-7deg));transition:transform .35s ease;box-shadow:0 36px 90px #0006,0 0 35px var(--glow)}.floating-workspace:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#ffffff09 48%,transparent 70%);transform:translateX(-100%);animation:scan 7s ease-in-out infinite;pointer-events:none}.showcase{margin:4px 0 40px;min-width:0}.showcase .sectionhead{margin-top:12px}.showcase .eyebrow{font-size:11px}.showcase h2{margin-top:7px;font-size:25px}.showcase-nav{display:flex;align-items:center;gap:12px}.slide-counter{font:12px ui-monospace,monospace!important;white-space:nowrap}.showcase-nav button{padding:6px 13px}.showcase .swiper{width:100%;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}.showcase .swiper-slide{display:grid;grid-template-columns:1.2fr 1fr;min-height:290px;background:var(--panel)}.slide-copy{padding:38px 42px;align-self:center;min-width:0}.slide-copy h3{font-size:30px;line-height:1.35;margin:15px 0}.slide-copy p{font-size:16px;color:var(--muted);max-width:500px}.slide-pipeline{display:block;font-size:11px;letter-spacing:2px;color:var(--accent);margin-top:25px}.slide-art{position:relative;display:grid;place-items:center;min-height:270px;overflow:hidden;background:radial-gradient(ellipse,var(--glow),transparent 70%);perspective:700px}.slide-art i{position:absolute;width:190px;height:190px;border:1px solid var(--accent);border-radius:38px;transform:rotateX(55deg) rotateZ(45deg);opacity:.55;animation:levitate 7s ease-in-out infinite}.slide-art i:nth-child(2){margin-top:60px;opacity:.3;animation-delay:-2s}.slide-art i:nth-child(3){margin-top:-60px;opacity:.3;animation-delay:-4s}.slide-art strong{z-index:1;font:600 32px ui-monospace,monospace;letter-spacing:3px;text-shadow:0 3px 25px var(--bg)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s var(--delay,0ms),transform .65s var(--delay,0ms)}.reveal.revealed{opacity:1;transform:none}.motion-paused *,.motion-paused *:after{animation-play-state:paused!important}.motion-page .card{transition:transform .3s,border-color .3s,box-shadow .3s}.motion-page .card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 12px 35px #0002}
@keyframes glimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes scan{0%,40%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}@keyframes levitate{0%,100%{transform:rotateX(55deg) rotateZ(45deg) translateZ(-8px)}50%{transform:rotateX(60deg) rotateZ(55deg) translateZ(12px)}}@keyframes reading{to{transform:scaleX(1)}}
@supports(animation-timeline:scroll()){.reading-progress{animation:reading linear;animation-timeline:scroll(root)}}
@media(max-width:700px){.motion-page .hero{min-height:0;gap:24px;padding:34px 0 54px}.motion-page .hero .visual{height:340px}.showcase .sectionhead{flex-wrap:wrap}.showcase .swiper-slide{grid-template-columns:1fr}.slide-copy{padding:24px}.slide-copy h3{font-size:25px}.slide-art{min-height:210px}.slide-art i{width:140px;height:140px}.slide-art strong{font-size:26px}.floating-workspace{transform:none}.motion-page .card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-page *,.motion-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.floating-workspace{transform:none}}

/* Consistent vector icons for carousel navigation. */
.carousel-arrow{display:block;flex-shrink:0;margin:auto;pointer-events:none}.showcase-nav :is(.slide-prev,.slide-next){display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0}
