@layer theme,base;@layer components{.story{position:relative}.story-hero{z-index:1;padding-block:clamp(1rem, .5rem + 2vw, 2.5rem) var(--space-7);text-align:center;position:relative}.story-hero__inner{justify-items:center;display:grid}.story-hero__title{max-width:14ch;margin-top:var(--space-4);font-size:clamp(2.25rem,1.4rem + 4vw,4.75rem)}.story-hero__lead{max-width:36rem;margin-top:var(--space-4)}.story-hero__body{justify-items:center;display:grid}.story-hero__cta{justify-content:center;align-items:center;gap:var(--space-4) var(--space-5);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.story-stage{pointer-events:none;height:clamp(20rem,58svh,38rem);position:relative}.story-canvas__glow{background:radial-gradient(ellipse 26% 40% at 50% 50%, var(--accent-soft), transparent 72%);opacity:.7;position:absolute;inset:0}.story-canvas{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 68%,#0000 94%);mask-image:linear-gradient(#000 68%,#0000 94%)}.story-canvas__gl{animation:story-fade-in var(--dur-slow) var(--ease-out) both}@keyframes story-fade-in{0%{opacity:0}}.story-stage__fallback{inset:var(--space-4) var(--gutter);width:calc(100% - 2 * var(--gutter));height:calc(100% - 2 * var(--space-4));object-fit:contain;border-radius:var(--radius-lg);position:absolute}.story-indicator{display:none}.story-section{z-index:1;padding-block:var(--space-8);position:relative}.story-copy{max-width:36rem}.story-copy__title{margin-top:var(--space-3)}.story-copy__body{margin-top:var(--space-4);color:var(--text-muted)}.story-copy__title+.story-copy__body{margin-top:var(--space-5)}.story-copy__points{gap:var(--space-2);margin:var(--space-5) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.diagram{margin:var(--space-7) 0 0}.diagram__flow{margin:0;padding:0;list-style:none;display:grid}.diagram__node{align-items:center;gap:var(--space-4);max-width:26rem;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);display:flex}.diagram__icon{border-radius:var(--radius-sm);background:var(--bg-alt);width:2.5rem;height:2.5rem;color:var(--text);flex:none;place-items:center;display:grid}.diagram__icon svg{width:1.375rem;height:1.375rem}.diagram__label{font-weight:600;line-height:1.3;display:block}.diagram__detail{color:var(--text-muted);font-size:var(--fs-small);line-height:1.4;display:block}.diagram__link{width:1rem;height:2.5rem;margin-left:calc(var(--space-5) + 1.25rem - .5rem);stroke:var(--border-strong);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.diagram__caption{max-width:26rem;margin-top:var(--space-5)}.motion-toggle{right:var(--space-5);bottom:var(--space-5);z-index:20;align-items:center;gap:var(--space-3);max-width:calc(100vw - 2 * var(--space-5));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-md);display:flex;position:fixed}.motion-toggle__note{font-size:var(--fs-caption);color:var(--text-muted);margin:0}@media (max-width:640px){.motion-toggle__note{display:none}.motion-toggle{padding-left:var(--space-2)}}.motion .story-stage{top:var(--nav-h);position:sticky;overflow:clip}.motion .story-indicator{bottom:var(--space-4);gap:var(--space-4);font-size:var(--fs-caption);color:var(--text-muted);white-space:nowrap;visibility:hidden;margin:0;padding:0;font-weight:500;list-style:none;display:flex;position:absolute;left:50%;translate:-50%}.motion .story-indicator li{transition:color var(--dur-base) var(--ease-out);align-items:center;gap:.4em;display:flex}.motion .story-indicator li:before{content:"";opacity:.5;background:currentColor;border-radius:50%;width:5px;height:5px}.motion .story-indicator li[data-active]{color:var(--text)}.motion .story-indicator li[data-active]:before{opacity:1}@media (min-width:1024px){.motion .story-hero{min-height:calc(100svh - var(--nav-h));padding-block:clamp(.75rem, .25rem + 1.5vh, 1.5rem) var(--space-7)}.motion .story-hero__lead{max-width:32rem}.motion .story-stage{height:calc(100svh - var(--nav-h));margin-top:calc((100svh - var(--nav-h)) * -1)}.motion .story-canvas{inset:var(--space-4) 0 var(--space-8);will-change:transform;transform:translate(32%)}.motion .story-indicator{left:73%}.motion .story-section{align-items:flex-start;min-height:110svh;padding-block:0;display:flex}.motion .story-section>.container{top:var(--nav-h);min-height:calc(100svh - var(--nav-h));padding-block:var(--space-8);align-items:center;display:flex;position:sticky}.motion .story-section--electronics{align-items:center}.motion .story-section--electronics>.container{min-height:0;position:static}.motion .story-section--joints,.motion .story-section--exploded{min-height:160svh}.motion .story-section--electronics{min-height:130svh}.motion .story-copy{max-width:min(30rem,44%)}}@media (max-width:1023.98px){.motion .story-hero{padding-bottom:var(--space-4)}.motion .story-stage{z-index:2;background:var(--bg);height:42svh;overflow:visible}.motion .story-stage:after{content:"";height:var(--space-7);background:linear-gradient(to bottom, var(--bg), transparent);position:absolute;inset:100% 0 auto}.motion .story-canvas{inset:0 0 var(--space-6)}.motion .story-indicator{bottom:var(--space-2);z-index:1;gap:var(--space-3)}.motion .story-section{min-height:70svh;padding-block:var(--space-7)}.motion .story-section--joints,.motion .story-section--exploded{min-height:95svh}}@media (min-width:768px) and (max-width:1023.98px){.motion .story-stage{height:52svh}}.home-stats__grid{--grid-min:13rem;--grid-gap:var(--space-7) var(--space-6)}.home-roadmap__layout{gap:var(--space-7);display:grid}.home-roadmap__head .section-head{margin-bottom:var(--space-6)}@media (min-width:1024px){.home-roadmap__layout{align-items:start;gap:var(--space-9);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.home-roadmap__head{top:calc(var(--nav-h) + var(--space-7));position:sticky}}.home-cta__inner{text-align:center;justify-items:center;display:grid}.home-cta__title{max-width:16ch;font-size:var(--fs-h1)}.home-cta__lead{max-width:38rem;margin-top:var(--space-5)}.home-cta__inner>:last-child{margin-top:var(--space-7)}}@layer utilities;