.astra{--ink-2: color-mix(in oklch, var(--color-main) 74%, transparent);--ink-3: color-mix(in oklch, var(--color-main) 58%, transparent);--rule: color-mix(in oklch, var(--color-main) 13%, transparent);--pin-2: color-mix(in oklch, var(--color-white) 74%, transparent);--pin-3: color-mix(in oklch, var(--color-white) 56%, transparent);--rule-d: color-mix(in oklch, var(--color-white) 14%, transparent);--accent-lift: #7676ff;--select: #5f88ff;--err: oklch(.76 .14 25);--canvas: oklch(.97 0 0);--wrap: 1160px;--gut: 24px;--ease: cubic-bezier(.23, 1, .32, 1);font-weight:400;font-size:16px;line-height:1.55;letter-spacing:normal;font-variant-numeric:tabular-nums;caret-color:var(--color-accent);accent-color:var(--color-accent);background:var(--color-main);overflow-x:clip}:where(.astra *){letter-spacing:inherit}:where(.astra) :is(h1,h2,h3){font-weight:500;letter-spacing:-.03em}:where(.astra) svg{max-width:100%}:where(.astra,.astra *):focus-visible{outline-offset:3px;border-radius:4px}:where(.band-dark,.astra-hero) :focus-visible{outline-color:var(--accent-lift)}.sprite{display:none}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}.icon{inline-size:1em;block-size:1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:var(--fs-buttons);line-height:var(--lh-buttons);font-weight:500;letter-spacing:-.01em;padding:10px 20px;border-radius:9999px;border:1px solid transparent;white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease),background-color .18s ease}.btn:active{transform:scale(.97)}.btn-accent{color:var(--color-white);background:linear-gradient(100deg,var(--color-accent) 0%,#3F2EFF 42%,#8078FF 100%) 0 0 / 125% 100%;box-shadow:inset 0 1px #ffffff42,inset 0 0 0 1px #ffffff14,0 8px 24px -8px #3413ecd9,0 2px 18px -2px #6e69f359;transition:transform .16s var(--ease),background-position .42s var(--ease),box-shadow .24s ease}.btn-arrow{font-size:20px;margin-right:-2px;transition:transform .22s var(--ease)}@media(hover:hover)and (pointer:fine){.btn-accent:hover{background-position:100% 0;box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #ffffff1a,0 10px 28px -8px #3413ecf2,0 2px 26px #6e69f373}.btn-accent:hover .btn-arrow{transform:translate(3px)}}.display{font-size:clamp(36px,5vw,68px);line-height:1.04;letter-spacing:-.035em;margin:0 auto;max-width:15ch}.join{inline-size:min(100%,572px);margin:clamp(28px,4.4vh,44px) auto 0;text-align:left}.join-body{display:grid}.join-body>*{grid-area:1 / 1}.join-row,.join-done{display:flex;align-items:center;gap:8px;border-radius:9999px;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-row{gap:0;padding:6px 4px 6px 26px;transition:box-shadow .18s ease,background-color .18s ease,opacity .26s var(--ease),filter .26s var(--ease),visibility 0s}.join-row:focus-within{background:#ffffff14;box-shadow:inset 0 0 0 1px var(--accent-lift),0 0 0 4px #5250ff47}.join-icon{font-size:21px;margin-right:24px;color:var(--pin-2)}.join input{flex:1 1 0;inline-size:0;min-width:0;outline:none;color:var(--color-white);font-size:17px;line-height:22px;letter-spacing:-.015em;padding:14px 0}.join input::placeholder{color:var(--pin-3)}.join .hp{position:absolute;left:-9999px;inline-size:1px;block-size:1px;opacity:0}.join .btn{position:relative;flex:none;margin-left:52px;padding:17px 32px 17px 40px;font-size:17px;line-height:20px;letter-spacing:-.015em}.join .btn:before{content:"";position:absolute;left:-52px;top:50%;inline-size:1px;block-size:22px;margin-top:-11px;background:var(--rule-d)}@media(max-width:600px){.join-row{padding-left:20px}.join-icon{display:none}.join input{font-size:16px}.join .btn{margin-left:12px;padding:13px 18px 13px 22px;font-size:15px;gap:8px}.join .btn:before{display:none}.btn-arrow{font-size:17px}}@media(max-width:420px){.join .btn{padding-inline:18px}.join .btn-arrow{display:none}}.join-msg{min-block-size:20px;margin-top:10px;padding-inline:26px;font-size:13px;line-height:20px;color:var(--pin-3)}.join[data-state=invalid] .join-row{box-shadow:inset 0 0 0 1px var(--err)}.join[data-state=invalid] .join-msg,.join[data-state=error] .join-msg{color:var(--err)}.join[data-state=busy] .btn{color:transparent;pointer-events:none}.join[data-state=busy] .btn:after{content:"";position:absolute;inset:0;margin:auto;inline-size:16px;block-size:16px;border-radius:50%;border:2px solid var(--color-white);border-right-color:transparent;animation:astra-spin .64s linear infinite}@keyframes astra-spin{to{transform:rotate(1turn)}}@layer base{@media(prefers-reduced-motion:reduce){.astra .join[data-state=busy] .btn:after{animation-duration:1.2s!important;animation-iteration-count:infinite!important}}}.join-done{padding:6px 8px;opacity:0;filter:blur(4px);transform:scale(.98);visibility:hidden;transition:opacity .32s var(--ease),filter .32s var(--ease),transform .32s var(--ease),visibility 0s .32s}.join[data-state=done] .join-row{opacity:0;filter:blur(4px);visibility:hidden;transition-delay:0s,0s,0s,0s,.26s}.join[data-state=done] .join-done{opacity:1;filter:none;transform:none;visibility:visible;transition-delay:0s}.join-tick{display:grid;place-items:center;flex:none;inline-size:38px;block-size:38px;border-radius:50%;background:var(--color-accent);color:var(--color-white)}.join-tick .icon{font-size:18px;stroke-width:2}.join-done p{flex:1 1 auto;min-width:0;font-size:14px;line-height:19px;color:var(--pin-2);overflow-wrap:anywhere}.join-done b{color:var(--color-white)}.join-again{flex:none;cursor:pointer;padding:8px 14px;border-radius:9999px;font-size:13px;line-height:20px;font-weight:500;color:var(--pin-3);transition:color .16s ease,background-color .16s ease,transform .16s var(--ease)}.join-again:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.join-again:hover{color:var(--color-white);background:#ffffff0f}}.band{padding:clamp(72px,9vw,116px) 0;position:relative}.band-light{background:var(--color-white);color:var(--color-main);border-radius:24px}.band-dark{background:var(--color-main);color:var(--color-white)}.band-canvas{background:var(--canvas)}.say{margin-top:18px;max-width:62ch;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--ink-2)}.band-dark .say{color:var(--pin-2)}.demos{display:grid;gap:12px;margin-top:38px}.demo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.demo-media,.demo-copy{grid-row:1;border-radius:12px;background:#181818;border:1px solid var(--rule-d)}.demo-media{grid-column:1 / span 8;overflow:hidden}.demo-copy{grid-column:9 / -1;display:flex;flex-direction:column;padding:24px}.demo-flip .demo-media{grid-column:5 / -1}.demo-flip .demo-copy{grid-column:1 / span 4}.demo video{inline-size:100%}.demo-title{font-size:clamp(22px,1.9vw,26px);line-height:1.2;color:var(--color-white);max-width:16ch}.demo-say{font-size:15px;line-height:1.55;color:var(--pin-2);max-width:38ch}.demo-art{flex:1 1 auto;display:grid;place-items:center;padding-block:28px}.demo-marks{inline-size:136px;block-size:auto;overflow:visible}.marks-tile{fill:#202020;stroke:var(--rule-d);stroke-width:1}.marks-fill{opacity:.62}@media(max-width:900px){.demo{grid-template-columns:minmax(0,1fr)}.demo-media,.demo-copy,.demo-flip .demo-media,.demo-flip .demo-copy{grid-column:1;grid-row:auto}}@media(max-width:600px){.demos,.demo{gap:10px}.demo-copy{padding:20px}.demo-art{padding-block:24px}.demo-marks{inline-size:120px}}.format-grid{margin-top:38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.format{display:flex;flex-direction:column;min-block-size:232px;padding:24px;border-radius:24px;background:var(--color-white);border:1px solid oklch(.17 0 0 / .06)}.icon-tile{display:flex;align-items:center;justify-content:center;inline-size:64px;block-size:64px;flex:0 0 auto;border-radius:6px;background:color-mix(in oklab,var(--color-main) 3%,var(--color-white))}.format-logo{inline-size:24px;block-size:24px;fill:var(--color-main)}.format-ext{margin-top:auto;padding-top:28px;font-size:38px;line-height:46px;font-weight:500;letter-spacing:-.03em;color:var(--color-main)}.format-app{font-size:16px;line-height:1.5;color:var(--ink-2)}@media(max-width:900px){.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.format-grid{gap:10px}.format{min-block-size:0;padding:20px;border-radius:20px}.icon-tile{inline-size:52px;block-size:52px}.format-ext{padding-top:22px;font-size:30px;line-height:38px}.format-app{font-size:15px}}.close{overflow:hidden;padding:clamp(88px,11vw,140px) 0}.close:before{background-position:50% 100%;-webkit-mask-image:linear-gradient(transparent,#000 45%);mask-image:linear-gradient(transparent,#000 45%)}.close-inner{position:relative;text-align:center}.close .display{font-size:var(--fs-headline1);line-height:var(--lh-headline1);letter-spacing:-.03em;max-width:22ch}.astra-hero{--board:var(--color-main);--card:#1E1E1E;--port-a:#FFA514;--port-b:#009EB8;--port-c:#654FF8;--port-out:#8C8C8C;--head-h:72px;--dots-d:radial-gradient(circle,oklch(1 0 0 / .1) 1px,transparent 1.3px);--dots-l:radial-gradient(circle,oklch(.17 0 0 / .14) 1px,transparent 1.3px);--edge-fade:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);--col:max(0px,calc((100% - var(--wrap)) / 2));position:relative;color:var(--color-white);background:var(--board)}.astra-hero .flow-pin{position:relative;background-color:var(--board)}.astra-hero .flow-pin:before,.astra-hero .flow-light:before{background-position:center;-webkit-mask-image:var(--edge-fade);-webkit-mask-composite:source-in;mask-image:var(--edge-fade);mask-composite:intersect}.astra-hero .flow-intro{position:relative;z-index:4;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--head-h) var(--gut) clamp(24px,4vh,48px);text-align:center}.astra-hero .hero-title{max-width:none;font-size:clamp(46px,5.2vw,92px);line-height:.9;letter-spacing:-.04em}.astra-hero .ht-line{display:block;inline-size:fit-content;margin-inline:auto}.astra-hero .ht-astra{background:linear-gradient(180deg,#d6d3ff 5%,#9d97ff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.astra-hero .ht-in{font-weight:400;padding:0 .02em .14em;margin-bottom:-.14em;background:linear-gradient(90deg,var(--color-white) 34%,#BCB8FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.astra-hero .lede{max-width:40em;margin:clamp(12px,1.9vh,20px) auto 0;font-size:clamp(17px,1.18vw,21px);line-height:1.45;letter-spacing:-.01em;font-weight:400;color:#ffffffd1;text-wrap:balance}.astra-hero .flow-intro .join{margin-top:clamp(24px,4vh,40px)}.astra-hero .hero-bg{position:absolute;inset:0 0 auto;block-size:100vh;block-size:100svh;z-index:0;overflow:hidden;pointer-events:none;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,#000 86%,transparent 100%)}.astra-hero .hero-bg-move{position:absolute;inset:0;transform-origin:66.5% 72%;opacity:.75}.astra-hero .hero-bg picture{display:block;position:absolute;inset:0}.astra-hero .hero-bg-img{position:absolute;top:20%;left:0;inline-size:100%;block-size:100%;max-width:none;object-fit:cover;object-position:66.5% 52%;transform-origin:66.5% 52%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%);mask-image:linear-gradient(180deg,transparent,#000 14%);animation:astra-horizon-in 2.4s var(--ease) both,astra-horizon-breathe 18s 2.4s ease-in-out infinite alternate}@keyframes astra-horizon-in{0%{opacity:0;transform:scale(1.12);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes astra-horizon-breathe{to{transform:scale(1.045) rotate(-1.4deg)}}.astra-hero .flow-intro>*{animation:astra-intro-in .9s var(--ease) both}.astra-hero .flow-intro>.hero-title{animation-delay:.2s}.astra-hero .flow-intro>.lede{animation-delay:.28s}.astra-hero .flow-intro>.join{animation-delay:.36s}@keyframes astra-intro-in{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.astra-hero .step h2{font-size:clamp(30px,3.3vw,46px);line-height:1.05;letter-spacing:-.035em}.astra-hero .step p{margin-top:14px;max-width:25em;font-size:clamp(16px,1.3vw,18px);line-height:1.45;letter-spacing:-.02em;color:var(--pin-2);text-wrap:pretty}.astra-hero .nodes{--n:min(30vw,360px);--u:calc(var(--n) / 450)}.astra-hero .node{width:var(--n)}.astra-hero .node-label{display:flex;align-items:center;gap:6px;height:20px;margin:0 0 14px 4px;font-size:12px;line-height:16px;color:#8f8f8f;white-space:nowrap}.astra-hero .node-label svg{width:15px;height:15px;flex:none;padding:1px;border-radius:4px;background:#2a2a2a;fill:none;stroke:#bdbdbd;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}.astra-hero .node-label i{font-style:normal;color:#555}.astra-hero .node-progress{font-weight:400;color:var(--select)}.astra-hero .node-progress:empty{display:none}.astra-hero .node-card{position:relative;width:var(--n);aspect-ratio:1;padding:calc(16 * var(--u));border-radius:calc(40 * var(--u));background:var(--card);box-shadow:inset 0 0 0 1px #ffffff0d,0 calc(6 * var(--u)) calc(31 * var(--u)) #00000047,0 2px 8px #0000003d;transition:box-shadow .35s ease}.astra-hero .node-card.is-active{box-shadow:0 0 0 calc(2 * var(--u)) var(--select),calc(-10 * var(--u)) 0 calc(28 * var(--u)) #2100ff38,calc(6 * var(--u)) calc(4 * var(--u)) calc(28 * var(--u)) #cb30e033,0 calc(-6 * var(--u)) calc(28 * var(--u)) #00afd033,0 calc(6 * var(--u)) calc(31 * var(--u)) #00000047}.astra-hero .node-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(24 * var(--u));background:var(--color-white)}.astra-hero .node-frame img{width:100%;height:100%;object-fit:contain}.astra-hero .port{position:absolute;width:calc(28 * var(--u));height:calc(6 * var(--u));border-radius:calc(3 * var(--u))}.astra-hero .port-in{top:calc(-9.5 * var(--u))}.astra-hero .p1{left:calc(300 * var(--u));background:var(--port-a)}.astra-hero .p2{left:calc(348 * var(--u));background:var(--port-b)}.astra-hero .p3{left:calc(396 * var(--u));background:var(--port-c)}.astra-hero .port-out{bottom:calc(-9.5 * var(--u));left:calc(348 * var(--u));background:var(--port-out)}.astra-hero .wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.stop-select{stop-color:var(--select)}.stop-accent{stop-color:var(--color-accent)}.astra-hero .wire{fill:none;stroke-width:max(2.5px,calc(5 * var(--u)));stroke-linecap:round}.astra-hero .spark{fill:var(--color-white);opacity:0;filter:drop-shadow(0 0 5px var(--select)) drop-shadow(0 0 10px var(--color-accent))}.astra-hero .model-copy{color:var(--color-main)}.astra-hero .model-copy h2{font-size:clamp(26px,2.4vw,34px);line-height:1.08}.astra-hero .model-say{display:none;margin-top:10px;font-size:15px;line-height:1.45;letter-spacing:-.01em;color:var(--ink-2);text-wrap:pretty}.astra-hero .layers{margin-top:28px}.astra-hero .layers-card{padding:6px 6px 8px;border-radius:12px;background:var(--color-white);box-shadow:inset 0 0 0 1px var(--rule),0 1px 2px #0f0f0f0f,0 18px 40px -12px #1a1e3e38}.astra-hero .layers-head{display:flex;align-items:center;gap:8px;padding:8px 10px 10px;border-bottom:1px solid var(--rule);font-size:13px;font-weight:500;line-height:16px;letter-spacing:-.01em;color:var(--color-main)}.astra-hero .layers-head .icon{font-size:15px;color:var(--ink-2)}.astra-hero .layers-meta{margin-left:auto;font-size:11px;font-weight:400;letter-spacing:.01em;color:var(--ink-3)}.astra-hero .layers-tree{padding-top:4px}.astra-hero .layer-row{display:flex;align-items:center;gap:6px;height:30px;padding:0 4px 0 6px;border-radius:8px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--color-main);transition:background-color .18s ease,color .18s ease}.astra-hero .layer-caret{font-size:12px;color:var(--ink-3)}.astra-hero .layer-num{min-width:18px;font-weight:400;color:var(--ink-3);transition:color .22s ease}.astra-hero .layer-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.astra-hero .layer.is-on .layer-num{color:var(--color-accent)}.astra-hero .layer.is-on>.layer-row{background:#2401f70f}.astra-hero .layer-eye{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;color:var(--ink-2);font-size:14px;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s var(--ease)}.astra-hero .layer-eye:active{transform:scale(.92)}@media(hover:hover)and (pointer:fine){.astra-hero .layer-eye:hover{background:#0f0f0f0f;color:var(--color-main)}}.astra-hero .layer-eye .eye-off,.astra-hero .layer[data-hidden] .eye-on{display:none}.astra-hero .layer[data-hidden] .eye-off{display:block}.astra-hero .layer[data-hidden] .layer-row,.astra-hero .layer[data-hidden] .sublayers,.astra-hero .layer[data-hidden] .layer-num{color:var(--ink-3)}.astra-hero .sublayers{margin:0 0 2px 16px;padding-left:14px;border-left:1px solid var(--rule)}.astra-hero .sublayers li{position:relative;height:22px;display:flex;align-items:center;font-size:12px;letter-spacing:-.005em;color:var(--ink-2);transition:color .18s ease}.astra-hero .sublayers li:before{content:"";position:absolute;left:-14px;width:9px;height:1px;background:var(--rule)}.astra-hero.is-live .layers.is-floating .layers-card{animation:astra-layers-float 7s ease-in-out infinite}@keyframes astra-layers-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}.astra-hero .portal{display:none}.astra-hero.is-live .portal{display:block;position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible;pointer-events:none;opacity:0;filter:drop-shadow(0 0 5px rgb(95 136 255 / .9)) drop-shadow(0 0 14px rgb(33 0 255 / .45))}.astra-hero .portal path{fill:none;stroke:url(#portal-grad);stroke-width:2;stroke-linecap:round}.astra-hero .portal-edge{will-change:transform}.astra-hero:not(.is-live) .layer-eye{visibility:hidden}.astra-hero:not(.is-live) .flow-pin:before{-webkit-mask-image:var(--edge-fade),linear-gradient(180deg,transparent 100svh,#000 calc(100svh + 40vh));-webkit-mask-composite:source-in,source-in;mask-image:var(--edge-fade),linear-gradient(180deg,transparent 100svh,#000 calc(100svh + 40vh));mask-composite:intersect}.astra-hero .nodes{display:flex;flex-direction:column;align-items:center;gap:32px;padding:72px var(--gut) 72px}.astra-hero .step{width:min(100%,560px)}.astra-hero .node{margin-bottom:40px}.astra-hero .nodes .wires,.astra-hero .stage,.astra-hero .flow-light{display:none}.astra-hero .flow-end{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(56px,8vw,96px) max(var(--gut),calc(var(--col) + var(--gut)));background-color:var(--canvas);border-radius:24px}.astra-hero .flow-end:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:var(--dots-l);background-size:50px 50px;background-position:center;-webkit-mask-image:var(--edge-fade);-webkit-mask-composite:source-in;mask-image:var(--edge-fade);mask-composite:intersect}.astra-hero .flow-end>*{position:relative}.astra-hero .flow-static img{margin-inline:auto;width:100%}@media(max-width:899px){.astra-hero .flow-end{grid-template-columns:1fr}}@media(max-width:760px){.astra-hero .nodes{--n: calc(100vw - 48px) }}.astra-hero.is-live{height:820vh;padding:0}.astra-hero.is-live .flow-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.astra-hero.is-live .flow-light{display:block;position:absolute;inset:0;z-index:2;visibility:hidden;pointer-events:none;will-change:clip-path;background-color:color-mix(in oklch,var(--canvas) calc(var(--grow,1) * 100%),var(--color-white))}.astra-hero.is-live .flow-light:before{background-image:var(--dots-l);opacity:var(--grow,1)}.astra-hero.is-live .flow-pin:before{display:none}.astra-hero .board-dots{display:none}.astra-hero.is-live .board-dots{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;-webkit-mask-image:var(--edge-fade);-webkit-mask-composite:source-in;mask-image:var(--edge-fade);mask-composite:intersect}.astra-hero.is-live .board-sheet{position:absolute;inset:-30% -20%;will-change:transform;background-image:var(--dots-d);background-size:50px 50px;background-position:50% 0}.astra-hero.is-live .nodes{position:absolute;inset:0;display:block;padding:0;z-index:1;will-change:transform}.astra-hero.is-live .steps{position:absolute;inset:0;z-index:1;pointer-events:none}.astra-hero.is-live .nodes .wires{display:block}.astra-hero.is-live .node{position:absolute;top:0;left:0;margin:0;will-change:transform,opacity}.astra-hero.is-live .node-card{will-change:opacity}.astra-hero.is-live .flow-intro{position:absolute;inset:0;min-height:0;pointer-events:none;will-change:transform,opacity}.astra-hero.is-live .flow-intro>*{pointer-events:auto}.astra-hero.is-live .hero-bg-move{will-change:transform}.astra-hero.is-live .step{position:absolute;top:0;left:0;width:var(--step-w,440px);visibility:hidden;pointer-events:auto;will-change:transform,opacity,filter}.astra-hero.is-live .flow-end{position:absolute;inset:0;z-index:4;display:block;padding:0;background:none;border-radius:0;pointer-events:none}.astra-hero.is-live .flow-end:before{display:none}.astra-hero.is-live .model-copy{position:absolute;top:0;left:0;width:var(--copy-w,340px);pointer-events:auto}.astra-hero.is-live .model-copy>*{visibility:hidden;will-change:opacity,transform,filter}.astra-hero.is-live .flow-static{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.astra-hero.is-live .flow-static img{display:none}.astra-hero.is-live .node-frame picture{display:block;height:100%;-webkit-mask-image:linear-gradient(100deg,#000 calc(var(--r,1) * 135% - 35%),transparent calc(var(--r,1) * 135%));mask-image:linear-gradient(100deg,#000 calc(var(--r,1) * 135% - 35%),transparent calc(var(--r,1) * 135%))}.astra-hero .node-frame:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgb(95 136 255 / .1) 45%,rgb(33 0 255 / .08) 55%,transparent 70%) 0 0 / 250% 100%}.astra-hero .node-card.is-generating .node-frame{background:#f2f2f4}.astra-hero .node-card.is-generating .node-frame:after{opacity:1;animation:astra-sheen 1.6s linear infinite}@keyframes astra-sheen{0%{background-position:100% 0}to{background-position:-150% 0}}.astra-hero.is-live .stage{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}.astra-hero .stage-canvas{position:absolute;inset:0;width:100%;height:100%}.astra-hero .parts li{position:absolute;left:0;top:0;display:flex;align-items:center;opacity:0;font-size:13px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;color:var(--color-main);transition:opacity .35s ease}.astra-hero .parts li.is-on{opacity:1}.astra-hero .parts li:before{content:"";width:var(--lead,40px);height:1px;margin-right:10px;background:var(--color-main)}.astra-hero .parts li:after{content:"";position:absolute;left:-3px;width:6px;height:6px;border-radius:50%;background:var(--color-main)}.astra-hero .parts li span{color:var(--color-accent);margin-right:8px}.astra-hero .parts-legend{display:none}@media(max-width:899px){.astra-hero.is-live .model-copy h2{font-size:clamp(24px,5.4vw,30px)}.astra-hero.is-live .model-say{display:block}.astra-hero.is-live .layers{display:none}}@media(max-width:760px){.astra-hero.is-live{height:760vh}.astra-hero .step h2{font-size:clamp(26px,7.4vw,32px)}.astra-hero .step p{margin-top:10px;font-size:15px}.astra-hero .parts li{font-size:0}.astra-hero .parts li:before,.astra-hero .parts li:after{display:none}.astra-hero .parts li span,.astra-hero .parts-legend span{display:inline-grid;place-items:center;width:18px;height:18px;margin:0;border-radius:50%;background:var(--color-accent);color:var(--color-white);font-size:10px;opacity:1;box-shadow:0 0 0 2px var(--canvas)}.astra-hero .parts-legend{display:grid;gap:4px;position:absolute;top:0;left:16px;right:16px}.astra-hero .parts-legend li{display:flex;align-items:center;gap:10px;height:18px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--color-main);opacity:0;transition:opacity .35s ease}.astra-hero .parts-legend li.is-on{opacity:1}.astra-hero .parts-legend span{box-shadow:none}}