.qa-live{pointer-events:none;position:absolute;inset:0}.quantum-field{width:100%;height:100%;display:block;position:absolute;inset:0}.qa-lens{opacity:.85;width:min(60vh,560px);max-width:82vw;height:min(60vh,560px);max-height:82vw;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 48%,#0000 70%);mask-image:radial-gradient(circle,#000 48%,#0000 70%)}.accord-orb{width:100%;height:100%}.accord-orb canvas{display:block;width:100%!important;height:100%!important}.qa-aurora:has(.qa-live) .qa-orb{opacity:.35}.shiny-text{--qa-shiny-base:var(--qa-accent);background:linear-gradient(110deg, var(--qa-shiny-base) 0%, var(--qa-shiny-base) 42%, color-mix(in srgb, var(--qa-shiny-base) 25%, #fff) 50%, var(--qa-shiny-base) 58%, var(--qa-shiny-base) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite qa-shiny;display:inline-block}@keyframes qa-shiny{0%{background-position:180% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.shiny-text{background-position:50% 0;animation:none}}.qa-hero-title>*{animation:.75s cubic-bezier(.16,1,.3,1) both qa-word-in;display:inline-block}.qa-hero-title>:first-child{animation-delay:50ms}.qa-hero-title>:nth-child(2){animation-delay:.17s}.qa-hero-title>:nth-child(3){animation-delay:.29s}@keyframes qa-word-in{0%{opacity:0;filter:blur(10px);transform:translateY(.5em)}to{opacity:1;filter:blur();transform:translateY(0)}}.qa-hero-sub{animation:.7s cubic-bezier(.16,1,.3,1) .5s both qa-sub-in}@keyframes qa-sub-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.build-demo{width:100%;max-width:460px;margin:0 auto}.build-demo .device-canvas{min-height:232px}.build-demo .device-caption .pulse{opacity:0;transition:opacity .45s var(--qa-ease)}.build-demo .device-caption[data-state=live] .pulse{opacity:1}.build-demo .device-caption[data-state=live] .build-file{color:var(--qa-accent-dim)}@media (min-width:981px){.hero-prompt .hero-split{text-align:left;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);max-width:1180px;display:grid}.hero-split .hero-copy-col{text-align:left;max-width:none;margin:0}.hero-split .hero-copy-col .eyebrow{justify-content:flex-start!important}.hero-split .hero-copy-col .hero-box,.hero-split .hero-copy-col .hero-sub{margin-left:0;margin-right:0}.hero-split .hero-copy-col .hero-kinds,.hero-split .hero-copy-col .hero-tries,.hero-split .hero-copy-col .hero-note{justify-content:flex-start!important}.hero-demo-col{justify-content:center;display:flex}.build-demo{max-width:480px}}@media (max-width:980px){.hero-demo-col{margin-top:2.4rem}}.click-spark-layer{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}.feature,.quote-card,.price-card,.example-card,.process-step{isolation:isolate;transform-style:preserve-3d;transition:transform .18s ease-out;position:relative}.feature:after,.quote-card:after,.price-card:after,.example-card:after,.process-step:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s var(--qa-ease);background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--qa-accent) 20%, transparent), transparent 62%);position:absolute;inset:0}.feature:hover:after,.quote-card:hover:after,.price-card:hover:after,.example-card:hover:after,.process-step:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){.feature:after,.quote-card:after,.price-card:after,.example-card:after,.process-step:after{display:none}}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:55%;height:100%;position:absolute;top:0;left:-130%;transform:skew(-18deg)}.btn-primary:hover:after{animation:qa-btn-sheen .9s var(--qa-ease)}@keyframes qa-btn-sheen{0%{left:-130%}to{left:150%}}@media (prefers-reduced-motion:reduce){.btn-primary:hover:after{animation:none}}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--qa-accent);transform-origin:0;height:2px;transition:transform .35s var(--qa-ease);border-radius:2px;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}@media (max-width:700px){.design-menubar{flex-wrap:wrap;row-gap:.3rem}.dm-current{display:none}}html,body{overflow-x:clip}.stats{background:radial-gradient(700px 220px at 12% 0%, color-mix(in srgb, var(--qa-accent) 20%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--qa-accent) 13%, transparent), color-mix(in srgb, var(--qa-accent) 5%, transparent))}#features{background:radial-gradient(900px 420px at 88% 8%, color-mix(in srgb, var(--qa-accent) 18%, transparent), transparent 68%), linear-gradient(180deg, color-mix(in srgb, var(--qa-accent) 7%, transparent), transparent 75%)}#process{background:radial-gradient(760px 340px at 8% 90%, color-mix(in srgb, var(--qa-accent) 18%, transparent), transparent 70%), linear-gradient(0deg, color-mix(in srgb, var(--qa-accent) 8%, transparent), transparent 70%)}#examples{background:linear-gradient(180deg, color-mix(in srgb, var(--qa-accent) 6%, transparent) 0%, color-mix(in srgb, var(--qa-accent) 14%, transparent) 55%, transparent 100%)}#examples .menu-panel.example-tray{background:color-mix(in srgb, var(--qa-accent) 8%, var(--qa-bg-elevated))}.quote-grid .quote-card,.process-step,.feature{background:color-mix(in srgb, var(--qa-accent) 6%, var(--qa-bg-elevated))}.cta-final{background:radial-gradient(900px 460px at 50% 100%, color-mix(in srgb, var(--qa-accent) 26%, transparent), transparent 72%), linear-gradient(180deg, transparent, color-mix(in srgb, var(--qa-accent) 9%, transparent))}section:has(>.container .quote-grid){background:radial-gradient(820px 380px at 92% 100%, color-mix(in srgb, var(--qa-accent) 16%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--qa-accent) 6%, transparent), transparent 60%)}#screen-home main{background:color-mix(in srgb, var(--qa-accent) 4%, var(--qa-bg))}.launch-group-label{font-family:var(--qa-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--qa-text-muted);align-items:center;gap:.45rem;margin:1.1rem 0 .5rem;font-size:.7rem;display:flex}.bt-opt.is-auto{background:color-mix(in srgb, #7c4dff 13%, var(--qa-bg-elevated));border-color:#7c4dff6b}.bt-opt.is-auto b{color:#5b34c4}.bt-opt.is-auto:hover:not(:disabled){border-color:#7c4dff}.bt-opt.is-auto.is-active{background:#7c4dff38;border-color:#7c4dff}.dark .bt-opt.is-auto b{color:#c4aeff}.dark .bt-opt.is-auto{background:color-mix(in srgb, #7c4dff 18%, var(--qa-bg-elevated))}.qx{background:var(--qxb);height:150px;transition:transform .5s var(--qa-ease);border-radius:6px;flex-direction:column;gap:7px;padding:9px 10px;display:flex;position:relative;overflow:hidden}.example-card:hover .qx{transform:scale(1.02)}.qx i,.qx b,.qx s,.qx u,.qx em,.qx span{border-radius:99px;display:block}.qx-nav{border-bottom:1px solid color-mix(in srgb, var(--qxi) 12%, transparent);align-items:center;gap:7px;padding-bottom:5px;display:flex}.qx-dot{background:var(--qxi);flex:none;width:12px;height:12px;border-radius:50%!important}.qx-link{background:color-mix(in srgb, var(--qxi) 38%, var(--qxb));width:26px;height:4px}.qx-pill{background:var(--qxa);width:30px;height:12px;margin-left:auto}.qx-h1{background:var(--qxi);width:64%;height:9px;margin-bottom:6px}.qx-sub{background:color-mix(in srgb, var(--qxi) 35%, var(--qxb));width:84%;height:4px;margin-bottom:4px}.qx-sub.qx-short{width:55%;margin-bottom:8px}.qx-cta{background:var(--qxa);width:52px;height:13px}.qx-shop .qx-hero{background:linear-gradient(125deg, color-mix(in srgb, var(--qxa) 22%, #fff), color-mix(in srgb, var(--qxa) 46%, #fff));border-radius:7px;padding:9px 10px}.qx-tiles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.qx-card{border:1px solid color-mix(in srgb, var(--qxi) 10%, transparent);background:#fff;border-radius:6px;padding:5px}.qx-card u{background:linear-gradient(140deg, color-mix(in srgb, var(--qxa) 55%, #fff), var(--qxa));border-radius:4px;height:22px;margin-bottom:5px}.qx-card s{background:color-mix(in srgb, var(--qxi) 30%, #fff);width:78%;height:3.5px;margin-bottom:4px}.qx-card em{background:var(--qxa);width:42%;height:4.5px}.qx-saas{background:color-mix(in srgb, var(--qxb) 60%, #fff);flex-direction:row;gap:8px}.qx-side{background:var(--qxi);border-radius:6px;flex-direction:column;flex:none;align-items:center;gap:6px;width:26px;padding:6px 5px;display:flex}.qx-side .qx-dot{background:var(--qxa);width:10px;height:10px}.qx-side i:not(.qx-dot){background:color-mix(in srgb, #fff 45%, var(--qxi));width:14px;height:3.5px}.qx-side i.is-on{background:var(--qxa)}.qx-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.qx-stats{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.qx-stat{border:1px solid color-mix(in srgb, var(--qxi) 10%, transparent);background:#fff;border-radius:5px;padding:5px}.qx-stat b{background:var(--qxi);width:55%;height:6px;margin-bottom:4px}.qx-stat s{background:color-mix(in srgb, var(--qxi) 30%, #fff);width:80%;height:3px}.qx-stat.is-accent b{background:var(--qxa)}.qx-chart{border:1px solid color-mix(in srgb, var(--qxi) 10%, transparent);background:#fff;border-radius:5px;flex:1;align-items:flex-end;gap:5px;min-height:34px;padding:5px 7px;display:flex}.qx-chart i{background:color-mix(in srgb, var(--qxa) 45%, #fff);border-radius:2px 2px 0 0;flex:1}.qx-chart i.is-hi{background:var(--qxa)}.qx-rows{flex-direction:column;gap:4px;display:flex}.qx-rows i{border:1px solid color-mix(in srgb, var(--qxi) 10%, transparent);background:#fff;border-radius:3px;height:6px}.qx-feature{flex:1;align-items:center;gap:8px;display:flex}.qx-feature-copy{flex:1;min-width:0}.qx-feature-img{background:linear-gradient(150deg, color-mix(in srgb, var(--qxa) 45%, #fff), var(--qxa) 75%, color-mix(in srgb, var(--qxi) 55%, var(--qxa)));border-radius:6px;align-self:stretch;width:38%}.qx-cases{grid-template-columns:1fr 1fr;gap:6px;display:grid}.qx-case{border:1px solid color-mix(in srgb, var(--qxi) 10%, transparent);background:#fff;border-radius:6px;padding:5px}.qx-case u{background:linear-gradient(140deg, color-mix(in srgb, var(--qxa) 30%, #fff), color-mix(in srgb, var(--qxa) 75%, var(--qxi)));border-radius:4px;height:16px;margin-bottom:4px}.qx-case s{background:color-mix(in srgb, var(--qxi) 30%, #fff);width:70%;height:3.5px}.hero-box:before{animation:none!important;display:none!important}