:root{--turn-00:#fff;--turn-01:#a78bfa;--turn-02:#5ccbff;--turn-03:#ff8a3d;--turn-04:#2ee68a;--turn-05:#ffd21f;--turn-06:#ff4a55}@keyframes spcF{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spcSpin{to{transform:rotate(360deg)}}@keyframes spcBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spcOrbit{0%{offset-distance:0%}to{offset-distance:100%}}.spc-f1{animation:6s ease-in-out infinite spcF}.spc-f2{animation:7.5s ease-in-out -2s infinite spcF}.spc-f3{animation:6.8s ease-in-out -4s infinite spcF}.spc{color:#fff;width:416px;height:600px;font-family:var(--font-sans,Geist, system-ui, sans-serif);position:relative}.sp-layers .spc{transform-origin:50%;will-change:transform, opacity;position:absolute;top:0;left:0}.spc-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spc-lines path{stroke:var(--tc);stroke-width:1px;stroke-dasharray:3 4;fill:none;vector-effect:non-scaling-stroke}.spc-lines circle{fill:var(--tc)}.spc-phone{display:none}.spc-wrap{width:290px;position:absolute;top:120px;left:63px}.spc-card{box-sizing:border-box;text-align:left;background:#131317;border:1px solid #2a2a31;border-radius:12px;flex-direction:column;gap:12px;padding:60px 22px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 70px -30px #000000e6}.spc-num{font:600 150px/1 var(--font-mono,"Geist Mono", monospace);letter-spacing:-.06em;color:var(--tc-num);pointer-events:none;position:absolute;top:-18px;right:-6px}.spc-corner{background:var(--tc);color:#0a0a0c;height:38px;font:600 11px var(--font-mono,"Geist Mono", monospace);letter-spacing:.16em;border-radius:12px 0;align-items:center;gap:8px;padding:0 16px;display:flex;position:absolute;top:0;left:0}.spc-tag{font:600 11px var(--font-mono,"Geist Mono", monospace);letter-spacing:.16em;border-radius:4px;align-self:flex-start;padding:4px 8px;position:relative}.spc-tag.is-plain{color:var(--tc);background:#1c1c22}.spc-tag.is-col{background:var(--tc);color:#0a0a0c}.spc-title{font-family:var(--font-display,Geist, sans-serif);letter-spacing:-.035em;color:#fff;margin:0;font-size:28px;font-weight:600;line-height:1.02;position:relative}.spc-dot{color:#ff4a55}.spc-body{color:#c8c9d0;margin:0;font-size:13px;line-height:1.5;position:relative}.spc-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid;position:relative}.spc-steps span{font:500 9px var(--font-mono,"Geist Mono", monospace);color:#8d8f99;flex-direction:column;gap:4px;display:flex}.spc-steps i{opacity:.55;border-radius:2px;height:4px;display:block}.spc-steps .is-on{color:#fff}.spc-steps .is-on i{opacity:1}.spc-foot{font:500 11px var(--font-mono,"Geist Mono", monospace);color:#8d8f99;border-top:1px solid #2a2a31;justify-content:space-between;align-items:center;padding-top:12px;display:flex;position:relative}.spc-foot a{min-height:44px;color:var(--tc);font:inherit;align-items:center;margin:-14px 0;text-decoration:none;display:inline-flex}.spc-foot a:focus-visible{outline:2px solid var(--red,#ff4a55);outline-offset:2px;border-radius:6px}.spc-label{color:#fff;font:500 12px var(--font-mono,"Geist Mono", monospace);white-space:nowrap;background:#1c1c22;border:1px solid #2a2a31;border-radius:8px;padding:8px 12px;position:absolute}.spc-label.is-col{background:var(--tc);color:#0a0a0c;border-color:var(--tc);font-weight:600}.spc-k1{top:56px;left:0}.spc-k2{top:248px;right:0}.spc-k3{top:524px;left:0}.spc-k4{display:none}@media (max-width:699px){.spc{width:390px;height:660px}.spc-desk{display:none}.spc-phone{display:inline}.spc-wrap{width:300px;top:100px;left:45px}.spc-foot a{color:#fff;min-height:44px;font:14px var(--font-sans,Geist, sans-serif);border:1px solid #2a2a31;border-radius:12px;margin:0;padding:0 14px}.spc-k1{top:52px;left:16px}.spc-k2{top:66px;left:auto;right:16px}.spc-k3{top:554px;left:16px}.spc-k4{display:block;top:584px;right:16px}}.spc-flat{flex-direction:column;gap:14px;width:min(416px,100%);height:auto;margin:0 auto 40px;display:flex}.spc-flat .spc-wrap{width:auto;margin-right:14px;position:relative;top:0;left:0}.spc-flat .spc-label{align-self:flex-start;display:inline-block;position:static}.spc-flat .spc-label.spc-k4{display:inline-block}.sp-layers .spc-planet{transform-origin:50%;pointer-events:none;will-change:transform, opacity;width:420px;height:420px;position:absolute;top:0;left:0}.spc-orbit{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spc-orbit ellipse{fill:none;stroke:#2a2a31;stroke-width:1px;stroke-dasharray:2 6}.spc-body-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spc-bob{animation:6s ease-in-out infinite spcBob}.spc-spin{transform-box:fill-box;transform-origin:50%;animation:30s linear infinite spcSpin}.spc-ship{width:40px;height:16px;position:absolute;top:0;left:0}.spc-ship svg{display:block}.spc-orbiter{offset-path:path("M 42 210 A 168 126 0 1 1 378 210 A 168 126 0 1 1 42 210");offset-rotate:auto;offset-anchor:center;animation:18s linear infinite spcOrbit}.spc-late{animation-delay:-9s}.spc-cross{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}@keyframes spcFly1{0%{transform:translate(-80px,9vh)rotate(-2deg)}50%{transform:translate(50vw,7vh)rotate(1deg)}to{transform:translate(calc(100vw + 80px),4vh)rotate(-1deg)}}@keyframes spcFly2{0%{transform:translate(calc(100vw + 80px),76vh)rotate(182deg)}50%{transform:translate(50vw,79vh)rotate(178deg)}to{transform:translate(-80px,75vh)rotate(181deg)}}@keyframes spcFly3{0%{transform:translate(-80px,88vh)rotate(-1deg)}50%{transform:translate(50vw,85vh)rotate(1deg)}to{transform:translate(calc(100vw + 80px),87vh)rotate(-2deg)}}.spc-fly1{animation:26s linear infinite spcFly1}.spc-fly2{animation:32s linear -11s infinite spcFly2}.spc-fly3{animation:22s linear -4s infinite spcFly3}@media (prefers-reduced-motion:reduce){.spc-f1,.spc-f2,.spc-f3,.spc-bob,.spc-spin,.spc-orbiter,.spc-fly1,.spc-fly2,.spc-fly3{animation:none}.spc-cross{display:none}}
