.sa{aspect-ratio:470/290;width:min(100%,470px);position:relative;container-type:inline-size}.sa-browser{box-shadow:var(--shadow-3);background:#fff;border-radius:3cqi;position:absolute;inset:0 13% 0 0;overflow:clip}.sa-bar{background:#f1f3f7;align-items:center;gap:1.2cqi;height:7cqi;padding-inline:2.6cqi;display:flex}.sa-bar i{background:#d0d7e2;border-radius:50%;width:1.5cqi;height:1.5cqi}.sa-url{background:#e3e8f0;border-radius:99px;width:40%;height:2.6cqi;margin-left:2cqi}.sa-page{flex-direction:column;gap:3.4cqi;padding:3cqi 3.4cqi;display:flex}.sa-nav{align-items:center;gap:2.4cqi;display:flex}.sa-nav b{background:var(--color-ink);border-radius:2px;width:9cqi;height:2.2cqi}.sa-nav span{background:#d0d7e2;border-radius:2px;width:6cqi;height:1.4cqi}.sa-nav em{background:var(--color-accent);border-radius:99px;width:10cqi;height:3.6cqi;margin-left:auto}.sa-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:3cqi;display:grid}.sa-copy{flex-direction:column;gap:1.5cqi;display:flex}.sa-h{background:var(--color-ink);border-radius:3px;height:3.2cqi;display:block}.sa-h1{width:92%}.sa-h2{width:64%}.sa-p{background:#c3cbd8;border-radius:2px;width:86%;height:1.3cqi;display:block}.sa-p2{width:60%}.sa-btn{background:var(--color-ink);border-radius:99px;width:15cqi;height:4.4cqi;margin-top:1cqi;display:block}.sa-visual{aspect-ratio:4/3;background:radial-gradient(70% 70% at 30% 20%,#b8e7f5,#0000 70%),radial-gradient(70% 70% at 80% 90%,#c9c1ef,#0000 70%),#8ea8d9;border-radius:2cqi}.sa-cards{grid-template-columns:repeat(3,1fr);gap:2cqi;display:grid}.sa-cards i{background:#eef1f5;border-radius:1.6cqi;height:9cqi}.sa-phone{aspect-ratio:9/18;width:26%;box-shadow:0 0 0 1.2cqi var(--color-ink-900), var(--shadow-3);background:#fff;border-radius:4cqi;flex-direction:column;gap:1.6cqi;padding:7cqi 2.4cqi 2.4cqi;display:flex;position:absolute;bottom:-4%;right:0}.sa-phone .sa-h1{height:2.6cqi}.sa-phone .sa-visual{aspect-ratio:1}.sa-phone .sa-btn{width:100%;height:4cqi;margin-top:auto}.sa-cursor{filter:drop-shadow(0 4px 6px #00000040);position:absolute;top:70%;left:30%}.sa-nav,.sa-h1,.sa-h2,.sa-p,.sa-btn,.sa-visual,.sa-cards i,.sa-phone{animation:sa-build 7s var(--ease-out) infinite both}.sa-nav{animation-delay:.1s}.sa-h1{animation-delay:.3s}.sa-h2{animation-delay:.4s}.sa-p{animation-delay:.55s}.sa-p2{animation-delay:.62s}.sa-btn{animation-delay:.75s}.sa-visual{animation-delay:.9s}.sa-cards i:first-child{animation-delay:1.1s}.sa-cards i:nth-child(2){animation-delay:1.2s}.sa-cards i:nth-child(3){animation-delay:1.3s}.sa-phone{animation-name:sa-phone;animation-delay:1.5s}.sa-cursor{animation:sa-cursor 7s var(--ease-in-out) infinite both}@keyframes sa-build{0%{opacity:0;translate:0 8px}8%,86%{opacity:1;translate:0}96%,to{opacity:0;translate:0}}@keyframes sa-phone{0%{opacity:0;translate:12%}10%,86%{opacity:1;translate:0}96%,to{opacity:0}}@keyframes sa-cursor{0%,30%{opacity:0;translate:40cqi 10cqi}40%{opacity:1}55%{translate:0;scale:1}58%{scale:.85}61%,84%{opacity:1;translate:0;scale:1}92%,to{opacity:0}}.ca{width:min(100%,340px);box-shadow:var(--shadow-3);background:#fff;border-radius:22px;font-size:.875rem;overflow:clip}.ca-head{border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding:12px 14px;display:flex}.ca-head b{color:var(--color-ink);font-size:.875rem;font-weight:600;display:block}.ca-head small{color:var(--color-success);font-size:.75rem;display:block}.ca-avatar{color:#fff;background:linear-gradient(135deg,#4f78c9,#9b8be0);border-radius:50%;grid-template-columns:minmax(0,1fr);place-items:center;width:34px;height:34px;display:grid}.ca-platforms{gap:4px;margin-left:auto;display:flex}.ca-platforms i{letter-spacing:.03em;color:var(--color-accent-deep);background:var(--color-surface-soft);border-radius:6px;padding:3px 6px;font-size:.625rem;font-style:normal;font-weight:650}.ca-body{background:var(--color-surface-2);flex-direction:column;gap:8px;min-height:228px;padding:14px;display:flex}.ca-msg{max-width:82%;color:var(--color-ink);box-shadow:var(--shadow-ring);background:#fff;border-radius:14px 14px 14px 4px;padding:8px 12px;line-height:1.35}.ca-me{color:#fff;background:var(--color-accent-strong);box-shadow:none;border-radius:14px 14px 4px;align-self:flex-end}.ca-ok{align-items:center;gap:6px;display:inline-flex}.ca-ok svg{color:var(--color-success);flex-shrink:0}.ca-slots{gap:6px;display:flex}.ca-slots span{color:var(--color-accent-deep);box-shadow:inset 0 0 0 1px var(--color-line-strong);background:#fff;border-radius:10px;padding:6px 12px;font-size:.8125rem;font-weight:560}.ca-picked{animation:ca-pick 9s var(--ease-out) infinite}.ca-sys{color:var(--color-success);background:var(--color-success-soft);border-radius:99px;align-self:center;margin-top:2px;padding:4px 10px;font-size:.75rem;font-weight:520}.ca-body>*{animation:ca-in 9s var(--ease-out) infinite both}.ca-body>:first-child{animation-delay:.2s}.ca-body>:nth-child(2){animation-delay:1.1s}.ca-body>:nth-child(3){animation-delay:1.5s}.ca-body>:nth-child(4){animation-delay:3s}.ca-body>:nth-child(5){animation-delay:3.7s}@keyframes ca-in{0%{opacity:0;translate:0 8px;scale:.98}4%,80%{opacity:1;translate:0;scale:1}88%,to{opacity:0}}@keyframes ca-pick{0%,26%{color:var(--color-accent-deep);box-shadow:inset 0 0 0 1px var(--color-line-strong);background:#fff}29%,85%{color:#fff;background:var(--color-accent-strong);box-shadow:none}}.fa{width:min(100%,640px);padding-block:12px;position:relative}.fa-line{background:#ffffff1a;border-radius:2px;height:2px;position:absolute;top:40px;left:10%;right:10%;overflow:clip}.fa-fill{transform-origin:0;animation:fa-fill 6s var(--ease-in-out) infinite;background:linear-gradient(90deg,#8ea8d9,#b8e7f5,#5ddea8);position:absolute;inset:0}.fa-steps{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.fa-steps li{flex-direction:column;align-items:center;gap:12px;display:flex}.fa-node{width:56px;height:56px;color:var(--color-on-ink-2);animation:fa-node 6s var(--ease-out) infinite;animation-delay:calc(var(--i) * .75s + .2s);background:#162036;border-radius:18px;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.fa-label{color:var(--color-on-ink-2);text-align:center;font-size:.8125rem;font-weight:520}@keyframes fa-fill{0%{opacity:1;transform:scaleX(0)}60%,85%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes fa-node{0%{color:var(--color-on-ink-2);background:#162036;box-shadow:inset 0 0 0 1px #ffffff1a}6%,60%{color:#fff;background:linear-gradient(135deg,#3d63b3,#6d63c9);box-shadow:inset 0 0 0 1px #fff3,0 0 0 6px #4f78c92e,0 12px 30px -8px #4f78c9b3}80%,to{color:var(--color-on-ink-2);background:#162036;box-shadow:inset 0 0 0 1px #ffffff1a}}@media not (min-width:30rem){.fa-node{border-radius:14px;width:44px;height:44px}.fa-line{top:34px}.fa-label{font-size:.6875rem}}.ia{flex-direction:column;gap:12px;width:min(100%,360px);display:flex;position:relative}.ia-docs{flex-wrap:wrap;gap:6px;display:flex}.ia-docs span{color:var(--color-accent-deep);box-shadow:var(--shadow-1);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:540;display:inline-flex}.ia-docs span:nth-child(2){animation:ia-doc 8s var(--ease-out) infinite}.ia-card{box-shadow:var(--shadow-3);background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.ia-q{color:#fff;background:var(--color-accent-strong);border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:8px 12px;font-size:.875rem;line-height:1.35}.ia-a{align-items:flex-start;gap:10px;display:flex}.ia-spark{background:conic-gradient(#b8e7f5,#8ea8d9,#c9c1ef,#f4d2bf,#b8e7f5);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:8s linear infinite ia-think}.ia-a p{flex-direction:column;flex:1;gap:7px;padding-top:4px;display:flex}.ia-line{transform-origin:0;height:8px;animation:ia-line 8s var(--ease-out) infinite;background:linear-gradient(90deg,#c3cbd8,#dfe4ec);border-radius:4px;display:block}.ia-line:nth-child(2){animation-delay:.25s}.ia-line-short{width:60%;animation-delay:.5s}.ia-src{color:var(--color-success);background:var(--color-success-soft);animation:ia-src 8s var(--ease-out) infinite;border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:520;display:inline-flex}@keyframes ia-think{0%{rotate:0deg;scale:.85}20%{rotate:1turn;scale:1}to{rotate:1turn}}@keyframes ia-line{0%,18%{opacity:0;transform:scaleX(0)}30%,88%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes ia-src{0%,36%{opacity:0;translate:0 4px}42%,88%{opacity:1;translate:0}to{opacity:0}}@keyframes ia-doc{0%,10%{box-shadow:var(--shadow-1)}18%,60%{box-shadow:inset 0 0 0 1.5px var(--color-accent), 0 0 0 4px #4f78c924}80%,to{box-shadow:var(--shadow-1)}}@media (prefers-reduced-motion:reduce){.sa *,.sa-phone,.ca *,.fa *,.ia *{animation:none!important}.sa-cursor{display:none}.ca-picked{color:#fff;background:var(--color-accent-strong);box-shadow:none}}
.sv-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:40rem){.sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.sv-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.sv-card{border-radius:var(--radius-xl);background:var(--color-surface);height:100%;box-shadow:var(--shadow-1);transition:box-shadow var(--dur-ui) var(--ease-out), translate var(--dur-ui) var(--ease-out);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;overflow:clip}.sv-card:hover{box-shadow:var(--shadow-2);translate:0 -2px}.sv-card:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:3px}.sv-art{background:radial-gradient(60% 80% at 80% 0%, #b8e7f58c, transparent 70%), radial-gradient(50% 70% at 0% 100%, #c9c1ef73, transparent 70%), var(--color-surface-2);grid-template-columns:minmax(0,1fr);place-items:center;height:168px;display:grid;overflow:clip}.sv-art>*{zoom:.5}.sv-cell-automation .sv-art>*{zoom:.42}.sv-body{padding:18px 20px 22px;position:relative}.sv-index{letter-spacing:.02em;color:var(--color-accent-strong);font-size:.75rem;font-weight:600}.sv-title{letter-spacing:-.03em;margin-top:4px;padding-right:40px;font-size:1.1875rem;font-weight:560;line-height:1.15}.sv-text{max-width:30rem;color:var(--color-secondary);margin-top:6px;font-size:.9375rem;line-height:1.5}.sv-go{width:36px;height:36px;color:var(--color-ink);background:var(--color-canvas);transition:background-color var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), rotate var(--dur-ui) var(--ease-out);border-radius:50%;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;top:16px;right:16px}.sv-card:hover .sv-go{color:#fff;background:var(--color-ink);rotate:-45deg}.sv-card-dark{background:var(--color-ink-900);box-shadow:none}.sv-card-dark .sv-art{background:radial-gradient(60% 90% at 70%,#4f78c952,#0000 70%),radial-gradient(40% 60% at 100% 0,#c9c1ef29,#0000 70%),#0e1522}.sv-card-dark .sv-index{color:var(--color-accent-2)}.sv-card-dark .sv-title{color:#fff}.sv-card-dark .sv-text{color:var(--color-on-ink-2)}.sv-card-dark .sv-go{color:#fff;background:#ffffff14}.sv-card-dark:hover .sv-go{color:var(--color-ink);background:#fff}