.si-flow{--coral:#f85068;--red:#e5384f;--ink:#0c0d10;--muted:#5b6170;--line:#e7e9ee;--soft:#fff1f3;--bg:#fff;--loop:12s;font-family:var(--font-sans),system-ui,sans-serif;color:var(--ink);background:var(--bg);box-sizing:border-box;max-width:1120px;margin:0 auto;padding:56px 24px 48px}.si-flow *{box-sizing:border-box}.si-flow .eyebrow{font:500 12px/1 var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--red);align-items:center;gap:12px;margin:0 0 14px;display:flex}.si-flow .eyebrow:before{content:"";background:var(--red);width:28px;height:1px}.si-flow h2{letter-spacing:-.02em;max-width:620px;margin:0 0 40px;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.08}.si-steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.si-track{background:var(--line);border-radius:2px;height:2px;position:absolute;top:22px;left:12.5%;right:12.5%;overflow:visible}.si-track .fill{transform-origin:0;background:linear-gradient(90deg,var(--coral),var(--red));animation:si-fill var(--loop) cubic-bezier(.6,0,.3,1) infinite;position:absolute;inset:0;transform:scaleX(0)}.si-track .dot{background:var(--coral);width:12px;height:12px;animation:si-dot var(--loop) cubic-bezier(.6,0,.3,1) infinite;border-radius:50%;position:absolute;top:-5px;left:0;box-shadow:0 0 0 6px #f850682e}@keyframes si-fill{0%,6%{opacity:1;transform:scaleX(0)}30%{transform:scaleX(.333)}55%{transform:scaleX(.666)}80%,94%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes si-dot{0%,6%{opacity:1;left:0}30%{left:33.3%}55%{left:66.6%}80%,94%{opacity:1;left:100%}to{opacity:0;left:100%}}.si-step{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.si-num{z-index:1;border:2px solid var(--line);width:46px;height:46px;font:500 13px var(--font-mono),monospace;color:var(--muted);animation:si-num var(--loop) infinite;background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.si-step:nth-child(2) .si-num{animation-delay:calc(var(--loop) * 0)}@keyframes si-num{0%{border-color:var(--line);color:var(--muted);transform:scale(1)}4%,96%{border-color:var(--coral);color:var(--red);transform:scale(1)}to{border-color:var(--line);color:var(--muted)}}.si-step .card{border:1px solid var(--line);opacity:.35;width:100%;max-width:240px;height:178px;animation:si-card var(--loop) infinite;background:#fff;border-radius:16px;margin-top:20px;padding:16px;position:relative;overflow:hidden;transform:translateY(8px);box-shadow:0 10px 30px #0c0d100f}.si-step h3{letter-spacing:-.01em;margin:18px 0 6px;font-size:18px;font-weight:600}.si-step p{color:var(--muted);max-width:230px;margin:0;font-size:14.5px;line-height:1.5}.si-step:nth-child(2) .card,.si-step:nth-child(2) .si-num{animation-delay:0s}.si-step:nth-child(3) .card,.si-step:nth-child(3) .si-num{animation-delay:calc(var(--loop) * .25)}.si-step:nth-child(4) .card,.si-step:nth-child(4) .si-num{animation-delay:calc(var(--loop) * .5)}.si-step:nth-child(5) .card,.si-step:nth-child(5) .si-num{animation-delay:calc(var(--loop) * .75)}@keyframes si-card{0%{opacity:.35;transform:translateY(8px)}5%,22%{opacity:1;border-color:#ffd0d7;transform:none;box-shadow:0 16px 40px #f8506829}26%,94%{opacity:1;transform:none}to{opacity:.35;transform:translateY(8px)}}.si-step:nth-child(5) .card{animation-name:si-card-last}@keyframes si-card-last{0%{opacity:.35;transform:translateY(8px)}5%,96%{opacity:1;border-color:#ffd0d7;transform:none;box-shadow:0 16px 40px #f8506829}to{opacity:.35;transform:translateY(8px)}}.si-step:nth-child(3) .si-num,.si-step:nth-child(4) .si-num,.si-step:nth-child(5) .si-num{animation-name:si-num-later}@keyframes si-num-later{0%{border-color:var(--line);color:var(--muted)}4%,96%{border-color:var(--coral);color:var(--red)}to{border-color:var(--line);color:var(--muted)}}.f-label{font:500 9.5px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;margin:2px 0 5px}.f-input{border:1px solid var(--line);height:30px;color:var(--ink);text-align:left;white-space:nowrap;border-radius:8px;align-items:center;margin-bottom:10px;padding:0 10px;font-size:12.5px;display:flex;overflow:hidden}.f-type{white-space:nowrap;width:0;animation:si-type var(--loop) steps(15) infinite;display:inline-block;overflow:hidden}@keyframes si-type{0%,3%{width:0}13%,96%{width:15ch}to{width:0}}.f-caret{background:var(--coral);width:1.5px;height:14px;margin-left:1px;animation:.8s step-end infinite si-blink;display:inline-block}@keyframes si-blink{50%{opacity:0}}.f-btn{background:var(--coral);color:#fff;height:34px;font:600 11px var(--font-mono),monospace;letter-spacing:.12em;animation:si-press var(--loop) infinite;border-radius:9px;place-items:center;display:grid}@keyframes si-press{0%,15%{transform:scale(1)}17%{background:var(--red);transform:scale(.94)}20%,to{transform:scale(1)}}.f-mail{color:var(--muted)}.g-bar{border:1px solid var(--line);height:28px;color:var(--muted);text-align:left;border-radius:14px;align-items:center;gap:8px;margin-bottom:12px;padding:0 10px;font-size:11.5px;display:flex}.g-bar svg{flex:none}.g-row{align-items:center;gap:8px;margin:7px 0;display:flex}.g-pos{width:18px;font:500 10px var(--font-mono),monospace;color:var(--muted)}.g-line{background:#eef0f4;border-radius:4px;flex:1;height:8px}.g-row.you .g-line{background:var(--soft);position:relative}.g-row.you .g-line:after{content:"you";font:500 9px var(--font-mono),monospace;color:var(--red);position:absolute;top:-3px;right:6px}.g-row.you{animation:si-rank var(--loop) infinite;animation-delay:calc(var(--loop) * .25)}@keyframes si-rank{0%,6%{transform:translateY(0)}14%,96%{transform:translateY(-1px)}}.g-scan{height:26px;animation:si-scan var(--loop) infinite;animation-delay:calc(var(--loop) * .25);background:#f8506814;border:1px solid #f8506840;border-radius:6px;position:absolute;top:52px;left:16px;right:16px}@keyframes si-scan{0%{opacity:0;transform:translateY(0)}2%{opacity:1}16%{opacity:1;transform:translateY(96px)}20%,to{opacity:0;transform:translateY(96px)}}.a-q{text-align:left;color:var(--ink);background:#f6f7f9;border-radius:10px 10px 10px 3px;margin-bottom:9px;padding:7px 9px;font-size:11.5px}.a-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:6px 2px;font-size:12px;display:flex}.a-row:last-child{border-bottom:0}.a-name{font-weight:600}.a-res{font:500 10px var(--font-mono),monospace;letter-spacing:.06em;background:var(--soft);color:var(--red);opacity:0;animation:si-pop var(--loop) infinite;border-radius:20px;padding:3px 7px;transform:scale(.6)}.a-row:nth-child(2) .a-res{animation-delay:calc(var(--loop) * .5 + .3s)}.a-row:nth-child(3) .a-res{animation-delay:calc(var(--loop) * .5 + .7s)}.a-row:nth-child(4) .a-res{animation-delay:calc(var(--loop) * .5 + 1.1s)}@keyframes si-pop{0%{opacity:0;transform:scale(.6)}3%{opacity:1;transform:scale(1.12)}5%,40%{opacity:1;transform:scale(1)}44%,to{opacity:0;transform:scale(.6)}}.m-env{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.m-dot{background:var(--coral);border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s step-end infinite si-blink}.m-from{font-size:11.5px;font-weight:600}.m-sub{color:var(--muted);font-size:11px}.m-pdf{align-items:center;gap:12px;display:flex}.m-ring{flex:none;width:62px;height:62px;position:relative}.m-ring svg{transform:rotate(-90deg)}.m-ring circle.v{stroke-dasharray:163;stroke-dashoffset:163px;animation:si-ring var(--loop) infinite;animation-delay:calc(var(--loop) * .75)}@keyframes si-ring{0%{stroke-dashoffset:163px}12%,21%{stroke-dashoffset:110px}25%,to{stroke-dashoffset:163px}}.m-ring span{font:600 9px var(--font-mono),monospace;letter-spacing:.08em;color:var(--ink);place-items:center;display:grid;position:absolute;inset:0}.m-list{text-align:left;flex:1}.m-item{opacity:0;animation:si-item var(--loop) infinite;align-items:center;gap:6px;margin:4px 0;font-size:10.5px;display:flex;transform:translate(6px)}.m-item i{border-radius:2px;flex:none;width:7px;height:7px}.m-item:first-child{animation-delay:calc(var(--loop) * .75 + .4s)}.m-item:first-child i{background:var(--red)}.m-item:nth-child(2){animation-delay:calc(var(--loop) * .75 + .7s)}.m-item:nth-child(2) i{background:var(--coral)}.m-item:nth-child(3){animation-delay:calc(var(--loop) * .75 + 1s)}.m-item:nth-child(3) i{background:#ffb3bf}@keyframes si-item{0%{opacity:0;transform:translate(6px)}4%,20%{opacity:1;transform:none}24%,to{opacity:0}}.m-cta{border:1.5px solid var(--ink);height:28px;font:600 10px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;place-items:center;margin-top:12px;display:grid}@media (max-width:820px){.si-steps{grid-template-columns:1fr;gap:28px}.si-track{width:2px;height:auto;inset:23px auto 23px 22px}.si-track .fill{transform-origin:top;animation-name:si-fill-v}.si-track .dot{animation-name:si-dot-v;top:0;left:-5px}@keyframes si-fill-v{0%,6%{opacity:1;transform:scaleY(0)}30%{transform:scaleY(.333)}55%{transform:scaleY(.666)}80%,94%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes si-dot-v{0%,6%{opacity:1;top:0}30%{top:33.3%}55%{top:66.6%}80%,94%{opacity:1;top:100%}to{opacity:0;top:100%}}.si-step{text-align:left;grid-template-columns:46px 1fr;align-items:start;column-gap:18px;display:grid}.si-step .card{grid-column:2;max-width:none;margin-top:0}.si-step .txt{grid-column:2}.si-num{grid-row:1/span 2}.si-step p{max-width:none}}@media (prefers-reduced-motion:reduce){.si-flow *{animation:none!important}.si-step .card{opacity:1;transform:none}.si-track .fill{transform:scaleX(1)}.si-track .dot{display:none}.f-type{width:15ch}.a-res,.m-item{opacity:1;transform:none}.m-ring circle.v{stroke-dashoffset:110px}}
