/* A native, layered scene. Pointer movement composes with the existing scroll timeline. */
.hero{perspective:1600px;overflow:clip}
.hero .hero-eyebrow{min-height:72px;font-size:19px;line-height:1.55}
.hero-eyebrow>.signal{position:relative;width:8px;height:8px;margin-inline:3px 10px;box-shadow:0 0 0 3px #32a77d12}
.hero-eyebrow .signal-wave{position:absolute;inset:-4px;border:1px solid #32a77d;border-radius:50%;background:#32a77d0a;opacity:0;pointer-events:none}
.type-space{display:grid;min-width:0;align-items:center;position:relative}
.type-space>span{grid-area:1 / 1}
.type-reserve{visibility:hidden;pointer-events:none}
.type-live{min-height:1.6em}
.type-live::after{content:'';display:inline-block;width:1px;height:.85em;margin-left:3px;background:currentColor;vertical-align:-.04em;opacity:.55}
.hero:not(.hero-running) .type-live::after{visibility:hidden}
.orbital-field{position:absolute;inset:-28px;overflow:clip;z-index:-1;pointer-events:none}
.hero .orbit{z-index:auto;aspect-ratio:auto;width:94%;height:68%;left:3%;top:16%;transform:rotate(-28deg);border-color:#7c9ec94f;background:none}
.hero .orbit-two{width:72%;height:99%;top:.5%;left:14%;transform:rotate(28deg);border-style:solid;border-color:#79a39a45}
.hero .orbit-three{width:88%;height:87%;left:6%;top:6.5%;transform:rotate(15deg);border-style:dashed;border-color:#aab7cc3d}
.hero .orbit-spark{left:0;top:0;right:auto;bottom:auto;offset-path:ellipse(50% 50% at 50% 50%);offset-distance:10%;offset-rotate:0deg;width:9px;height:9px;background:#1655e8;box-shadow:0 0 0 5px #1655e813,0 0 16px #1655e853}
.hero .spark-tail{offset-distance:57%;width:5px;height:5px;background:#72a4f5;box-shadow:0 0 9px #72a4f590}
.hero .spark-two{offset-distance:71%;background:#32a77d;box-shadow:0 0 0 4px #32a77d16,0 0 15px #32a77d60}
.hero .spark-three{offset-distance:37%;background:#d59f49;width:6px;height:6px;box-shadow:0 0 0 4px #d59f4917,0 0 13px #d59f4960}
.hero .workbench{background:linear-gradient(145deg,#fff,#f9fbff);border-color:#b7c9e06b;box-shadow:0 35px 65px -24px #163c783d,0 0 38px #9fc4ff14}
.hero-art{min-height:650px}
.hero-window-shell{width:100%;min-width:0;backface-visibility:hidden}
.hero-feature-deck{display:grid;isolation:isolate}
.hero-feature{grid-area:1 / 1;min-width:0;min-height:385px;padding:24px 28px 20px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0%,var(--feature-tint),transparent 70%);--feature-tint:#c6ddff60;--feature-ink:#215fca}
.hero-feature[hidden]{display:flex;visibility:hidden;pointer-events:none}
.feature-1{--feature-tint:#ddd4ff6b;--feature-ink:#6754b1}
.feature-2{--feature-tint:#c3e6e360;--feature-ink:#257b76}
.feature-3{--feature-tint:#d7edca73;--feature-ink:#477d42}
.feature-4{--feature-tint:#f9e2c16e;--feature-ink:#9e6a2d}
.feature-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--feature-ink);font-size:9px;font-weight:750;letter-spacing:.12em}
.feature-index{font-size:9px;white-space:nowrap;opacity:.65}
.feature-emblem{font-size:27px;line-height:1;font-weight:650;letter-spacing:-.06em;color:var(--feature-ink);width:max-content;padding:10px 12px;border:1px solid color-mix(in srgb,var(--feature-ink) 18%,transparent);border-radius:13px;background:#ffffff9e;margin:20px 0 16px;box-shadow:0 5px 14px #21355807}
.hero-feature h2{font-size:34px;line-height:1.12;letter-spacing:-.045em;margin:0;color:#192941}
.hero-feature>p{font-size:13px;line-height:1.75;margin-top:14px;max-width:440px}
.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}
.feature-tags>span{font-size:10px;line-height:1.4;padding:6px 9px;border:1px solid #b5c6dc44;background:#ffffffa6;border-radius:7px;color:#41536d}
.feature-caption{display:flex;align-items:center;gap:10px;color:var(--feature-ink);font-size:10px;line-height:1.5;margin-top:auto;padding-top:2px}
.feature-caption .signal{width:5px;height:5px;flex-shrink:0}
.hero-feature-controls{display:flex;gap:5px;justify-content:center;padding:10px;border-top:1px solid #d8e2f04d;background:#f4f7fc80}
.hero-feature-controls[hidden]{display:none}
.hero-feature-controls button{padding:5px 12px;border:0;border-radius:7px;background:transparent;color:#6c7d94;font-size:10px;line-height:1.5;font-weight:700}
.hero-feature-controls button[aria-current=true]{background:#e1ebff;color:#1655e8}
.hero-feature-controls button:hover{background:#eaf0fa}
.hero .float-note{background:#ffffffc9;backdrop-filter:blur(18px);border-color:#c5d2e85c;box-shadow:0 14px 36px #273e5b12,inset 0 1px 0 #fff}
.hero-art-footer{position:absolute;right:0;bottom:-2px;display:flex;align-items:center;gap:10px}
.hero-art-footer .demo-caption{position:static}
.hero-motion-toggle{display:grid;place-items:center;border:1px solid #dce3ec;border-radius:50%;width:30px;height:30px;padding:0;background:#ffffffbd;color:#576981;font-size:11px;line-height:1}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover{background:#eaf1fd;color:#1655e8}
.data-choice{padding-bottom:90px}
.data-choice-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:58px;align-items:center;padding:42px;border:1px solid #cbdedb;border-radius:24px;background:radial-gradient(ellipse at 3% 0%,#d3ede35c,transparent 62%),linear-gradient(110deg,#f2f8f6,#f8fafc)}
.data-choice .eyebrow{color:#277b62;margin-bottom:18px}
.data-choice h2{font-size:clamp(27px,2.65vw,38px);line-height:1.18}
.data-choice p:not(.eyebrow){font-size:15px;line-height:1.85}
.data-choice .text-link{margin-top:14px;color:#256951}
@media(min-width:701px) and (max-width:1100px){.hero .hero-actions{gap:12px}.hero .hero-actions .button,.hero .hero-actions .text-link{font-size:12px}.hero .hero-actions .button{padding-inline:15px}.data-choice-inner{gap:28px;padding:32px}}
@media(max-width:700px){.hero-eyebrow{margin-bottom:18px;min-height:38px;font-size:10px}.orbital-field{inset:-16px}.hero-art-footer{bottom:-2px;right:5px}.hero .hero-actions{gap:12px}.hero .hero-actions .button{font-size:12px}.hero .hero-actions .text-link{font-size:12px}.data-choice{padding-bottom:60px}.data-choice-inner{grid-template-columns:1fr;gap:24px;padding:27px 22px;border-radius:18px}.data-choice h2{font-size:29px}.data-choice p:not(.eyebrow){font-size:14px}.data-choice .text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.type-live::after{display:none}}
@media(max-width:700px){.hero{overflow:clip}}
@media(max-width:700px){.hero-art{padding-block:90px}.hero .local-note{bottom:15px}}
@media(min-width:701px) and (max-width:1050px){.hero-feature{padding:22px 20px;min-height:400px}.hero-feature h2{font-size:29px}.hero-feature>p{font-size:12px}.hero .hero-eyebrow{font-size:19px}}
@media(max-width:700px){.hero .hero-eyebrow{font-size:17px;line-height:1.55;min-height:76px}.hero-art{min-height:650px}.hero-feature{padding:22px 20px;min-height:414px}.hero-feature h2{font-size:28px}.hero-feature>p{font-size:12px}.feature-top{font-size:8px;letter-spacing:.08em}.feature-emblem{font-size:24px;margin-top:18px}.feature-tags{gap:5px}.feature-tags>span{font-size:9px;padding:6px 8px}.feature-caption{font-size:9px}.hero .local-note{left:12px;bottom:15px}.hero .cloud-note{top:15px}.hero-art-footer{bottom:0}}
@supports not (offset-path:ellipse(50% 50% at 50% 50%)){.hero .orbit-spark{left:50%;top:0}.hero .spark-tail{top:100%}.hero .spark-two{left:0;top:50%}}