.swd{--swd-accent: var(--amber, #f5911e);--swd-accent-2: var(--signal, #e8481c);--swd-ok: var(--ok, #3ecf8e);--swd-no: #ff5f57;--swd-ink: var(--ink, #0e1013);--swd-ink-2: var(--ink-2, #161a20);--swd-ink-3: var(--ink-3, #1f242c);--swd-text: var(--bone, #f4f1ea);--swd-mute: var(--mute, #8d95a1);--swd-line: var(--line, #2b323c);--swd-ease: cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;isolation:isolate}.swd *,.swd *:before,.swd *:after{box-sizing:border-box}.swd:before{content:"";position:absolute;z-index:-1;width:60vmax;height:60vmax;left:-20vmax;top:10%;border-radius:50%;filter:blur(110px);opacity:.14;background:var(--swd-accent);pointer-events:none}.swd__head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}.swd__badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px 6px 8px;border-radius:999px;font:700 12px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--swd-accent);background:color-mix(in srgb,var(--swd-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--swd-accent) 35%,transparent)}.swd__badge i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:var(--swd-accent);color:var(--on-accent,#111);font-size:11px}.swd__head .lead{margin-top:14px}.swd__grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}.swd__stage{position:relative;display:grid;place-items:center;min-width:0}.swd__stage:before{content:"";position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--swd-accent) 40%,transparent),transparent);filter:blur(40px);opacity:.55;z-index:-1}.swd-phone{position:relative;width:min(320px,100%);aspect-ratio:9/18.6;padding:12px;border-radius:46px;background:linear-gradient(160deg,#2a2f37,#0c0e11 60%);box-shadow:0 0 0 1.5px #ffffff14 inset,0 40px 80px #00000080,0 0 0 8px #ffffff05;transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);transition:transform .8s var(--swd-ease)}.swd:hover .swd-phone{transform:perspective(1200px) rotateY(0) rotateX(0)}.swd-screen{position:relative;height:100%;border-radius:36px;overflow:hidden;background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--swd-accent) 18%,transparent),transparent 60%),#0f1216;color:#f4f1ea;display:flex;flex-direction:column}.swd-notch{position:absolute;top:8px;left:50%;width:92px;height:24px;margin-left:-46px;border-radius:14px;background:#000;z-index:9}.swd-bar{display:flex;align-items:center;justify-content:space-between;padding:40px 18px 8px;font:600 11px/1.2 var(--font);color:#fff9}.swd-bar b{display:block;font:700 14px/1.2 var(--font);color:#fff;letter-spacing:-.01em}.swd-bar .swd-count{padding:4px 8px;border-radius:999px;background:#ffffff14;font-variant-numeric:tabular-nums}.swd-deck{position:relative;flex:1;margin:6px 14px 0}.swd-card{position:absolute;inset:0 0 auto;height:calc(100% - 8px);padding:14px;border-radius:22px;background:linear-gradient(180deg,#1d2229,#161a20);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px #00000073;transform-origin:50% 100%;transform:translate(var(--x,0px),calc(var(--d,0) * 10px)) rotate(var(--r,0deg)) scale(calc(1 - var(--d,0) * .045));transition:transform .55s var(--swd-ease),opacity .45s ease,filter .45s ease;display:flex;flex-direction:column;gap:10px;overflow:hidden}.swd-card[data-d="1"]{filter:brightness(.8)}.swd-card[data-d="2"]{filter:brightness(.62)}.swd-card[data-d="3"]{opacity:0}.swd-card.is-drag-r{--x:22px;--r:4deg;transition-duration:.7s}.swd-card.is-drag-l{--x:-22px;--r:-4deg;transition-duration:.7s}.swd-card.is-out-r{--x:150%;--r:18deg;opacity:0;transition:transform .5s cubic-bezier(.4,0,1,1),opacity .5s ease}.swd-card.is-out-l{--x:-150%;--r:-18deg;opacity:0;transition:transform .5s cubic-bezier(.4,0,1,1),opacity .5s ease}.swd-finger{position:absolute;z-index:8;left:50%;top:58%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#ffffff47;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 8px #ffffff14;opacity:0;pointer-events:none;transition:transform .7s var(--swd-ease),opacity .25s ease}.swd-finger.is-on{opacity:1}.swd-finger.to-r{transform:translate(90px)}.swd-finger.to-l{transform:translate(-90px)}.swd-c-top{display:flex;align-items:center;gap:10px}.swd-avatar{flex:none;width:52px;height:52px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#3a4250,#232830);display:grid;place-items:center}.swd-avatar svg{width:30px;height:30px;color:#ffffff73}.swd-avatar:after{content:"";position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.swd-c-name{min-width:0}.swd-c-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 15px/1.2 var(--font);color:#fff;letter-spacing:-.01em}.swd-c-name span{display:block;margin-top:3px;font:500 11.5px/1.3 var(--font);color:#fff9}.swd-score{margin-left:auto;flex:none;position:relative;width:52px;height:52px}.swd-score svg{width:52px;height:52px;transform:rotate(-90deg)}.swd-score circle{fill:none;stroke-width:5}.swd-score .bg{stroke:#ffffff1a}.swd-score .fg{stroke:var(--swd-accent);stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:calc(132 - 132 * var(--p,0) / 100);transition:stroke-dashoffset 1s var(--swd-ease) .2s}.swd-score b{position:absolute;inset:0;display:grid;place-items:center;font:800 14px/1 var(--font);color:#fff}.swd-c-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px}.swd-c-meta span{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:10px;background:#ffffff0d;font:500 11px/1.25 var(--font);color:#fffc;min-width:0}.swd-c-meta svg{flex:none;width:13px;height:13px;color:var(--swd-accent)}.swd-c-meta em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swd-chips{display:flex;flex-wrap:wrap;gap:5px}.swd-chips span{padding:4px 8px;border-radius:999px;font:600 10.5px/1.2 var(--font);background:color-mix(in srgb,var(--swd-accent) 16%,transparent);color:#ffd6a8;border:1px solid color-mix(in srgb,var(--swd-accent) 30%,transparent)}.swd-check{margin-top:auto;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--swd-ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--swd-ok) 30%,transparent);font:600 11px/1.3 var(--font);color:#bff3da}.swd-check svg{flex:none;width:15px;height:15px;color:var(--swd-ok)}.swd-stamp{position:absolute;top:12px;padding:6px 10px;border-radius:8px;border:2.5px solid currentColor;font:900 15px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:scale(1.4) rotate(var(--sr));transition:opacity .25s ease,transform .35s cubic-bezier(.3,1.6,.5,1);background:#0f121699}.swd-stamp--yes{left:14px;color:var(--swd-ok);--sr:-12deg}.swd-stamp--no{right:14px;color:var(--swd-no);--sr:12deg}.swd-card.is-drag-r .swd-stamp--yes,.swd-card.is-out-r .swd-stamp--yes,.swd-card.is-drag-l .swd-stamp--no,.swd-card.is-out-l .swd-stamp--no{opacity:1;transform:scale(1) rotate(var(--sr))}.swd-actions{display:flex;justify-content:center;gap:22px;padding:12px 0 18px}.swd-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1b1f25;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 22px #0006;transition:transform .2s var(--swd-ease),background-color .2s ease,box-shadow .2s ease}.swd-btn svg{width:22px;height:22px}.swd-btn--no{color:var(--swd-no)}.swd-btn--yes{color:var(--swd-ok)}.swd-btn.is-press{transform:scale(.86)}.swd-btn--yes.is-press{background:color-mix(in srgb,var(--swd-ok) 25%,#1b1f25);box-shadow:0 0 0 8px color-mix(in srgb,var(--swd-ok) 14%,transparent)}.swd-btn--no.is-press{background:color-mix(in srgb,var(--swd-no) 25%,#1b1f25);box-shadow:0 0 0 8px color-mix(in srgb,var(--swd-no) 14%,transparent)}.swd-match{position:absolute;inset:0;z-index:7;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:20px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--swd-accent) 45%,transparent),#0a0c0feb 70%);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.swd-match.is-on{opacity:1;visibility:visible;transition:opacity .35s ease}.swd-match__pair{display:flex;align-items:center}.swd-match__pair span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;border:3px solid #fff;background:linear-gradient(135deg,#3a4250,#232830);box-shadow:0 12px 30px #0006;transform:translate(0) rotate(0);transition:transform .6s cubic-bezier(.3,1.5,.5,1) .1s}.swd-match__pair span:first-child{background:linear-gradient(135deg,var(--swd-accent),var(--swd-accent-2))}.swd-match__pair span svg{width:30px;height:30px;color:#fff}.swd-match__pair span:last-child{margin-left:-14px}.swd-match:not(.is-on) .swd-match__pair span:first-child{transform:translate(-60px) rotate(-20deg)}.swd-match:not(.is-on) .swd-match__pair span:last-child{transform:translate(60px) rotate(20deg)}.swd-match__t{font:900 clamp(30px,3vw,38px)/1 var(--font);letter-spacing:-.02em;color:#fff;text-shadow:0 6px 30px color-mix(in srgb,var(--swd-accent) 70%,transparent);transform:scale(.4);transition:transform .55s cubic-bezier(.3,1.7,.5,1) .15s}.swd-match.is-on .swd-match__t{transform:scale(1)}.swd-match__s{font:500 12.5px/1.45 var(--font);color:#ffffffd9;max-width:24ch}.swd-match i{position:absolute;left:50%;top:44%;width:8px;height:8px;margin:-4px;border-radius:2px;opacity:0;background:var(--swd-accent)}.swd-match.is-on i{animation:swdBurst 1.1s cubic-bezier(.2,.8,.2,1) .2s both}.swd-match i:nth-of-type(2n){background:#fff;border-radius:50%}.swd-match i:nth-of-type(3n){background:var(--swd-ok)}@keyframes swdBurst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-130px) scale(.3)}}.swd-office{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:60px 16px 24px;background:linear-gradient(180deg,#0f121633,#0f1216 30%);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.swd-office.is-on{opacity:1;visibility:visible;transition:opacity .35s ease}.swd-call{align-self:center;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;margin-bottom:auto;margin-top:auto;background:linear-gradient(135deg,var(--swd-ok),#1f8f63);color:#fff;box-shadow:0 0 color-mix(in srgb,var(--swd-ok) 50%,transparent)}.swd-office.is-on .swd-call{animation:swdRing 1.4s ease-out infinite}.swd-call svg{width:34px;height:34px}@keyframes swdRing{0%{box-shadow:0 0 color-mix(in srgb,var(--swd-ok) 55%,transparent)}to{box-shadow:0 0 0 26px transparent}}.swd-msg{max-width:88%;padding:10px 12px;border-radius:16px 16px 16px 6px;background:#1d2229;border:1px solid rgba(255,255,255,.08);font:500 12px/1.45 var(--font);color:#ffffffe0;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .35s ease,transform .45s var(--swd-ease)}.swd-msg b{display:block;margin-bottom:2px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--swd-accent)}.swd-msg--me{align-self:flex-end;border-radius:16px 16px 6px;background:color-mix(in srgb,var(--swd-accent) 22%,#1d2229)}.swd-msg.is-on{opacity:1;transform:none}.swd-intro{position:absolute;inset:0;z-index:5;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;text-align:center;background:#0f1216;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.swd-intro.is-on{opacity:1;visibility:visible;transition:opacity .35s ease}.swd-intro__ico{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--swd-accent),var(--swd-accent-2));transform:scale(.5) rotate(-12deg);transition:transform .6s cubic-bezier(.3,1.6,.5,1) .1s}.swd-intro.is-on .swd-intro__ico{transform:none}.swd-intro__ico svg{width:30px;height:30px}.swd-intro b{font:800 17px/1.25 var(--font);color:#fff}.swd-intro span{font:500 12px/1.45 var(--font);color:#ffffffb3;max-width:22ch}.swd-intro .swd-scan{width:70%;height:6px;border-radius:6px;background:#ffffff14;overflow:hidden;margin-top:6px}.swd-intro .swd-scan i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--swd-accent),var(--swd-ok))}.swd-intro.is-on .swd-scan i{animation:swdScan 1.6s var(--swd-ease) .3s forwards}@keyframes swdScan{to{width:100%}}.swd-demo-tag{position:absolute;z-index:10;left:50%;bottom:-14px;transform:translate(-50%);padding:5px 10px;border-radius:999px;white-space:nowrap;font:600 11px/1.2 var(--font);color:var(--swd-mute);background:var(--swd-ink-2);border:1px solid var(--swd-line)}.swd__steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:swd}.swd-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;align-items:start;padding:16px 18px;border-radius:18px;border:1px solid var(--swd-line);background:color-mix(in srgb,var(--swd-text) 3%,transparent);transition:border-color .4s ease,background-color .4s ease,transform .4s var(--swd-ease),box-shadow .4s ease;overflow:hidden}.swd-step__n{grid-row:span 2;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font:800 18px/1 var(--font);color:var(--swd-mute);background:var(--swd-ink-3);transition:background .4s ease,color .4s ease}.swd-step h3{margin:0;font:700 17px/1.3 var(--font);letter-spacing:-.01em;text-transform:none;color:var(--swd-text)}.swd-step p{margin:0;font-size:14.5px;line-height:1.55;color:var(--swd-mute)}.swd-step:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--swd-accent),var(--swd-accent-2));transform:scaleX(0);transform-origin:left}.swd-step.is-active{border-color:color-mix(in srgb,var(--swd-accent) 55%,transparent);background:color-mix(in srgb,var(--swd-accent) 7%,transparent);transform:translate(6px);box-shadow:0 14px 34px #0000002e}.swd-step.is-active .swd-step__n{background:linear-gradient(135deg,var(--swd-accent),var(--swd-accent-2));color:var(--on-accent,#111)}.swd-step.is-active:after{animation:swdProg var(--dur,3s) linear forwards}.swd.is-paused .swd-step.is-active:after{animation-play-state:paused}@keyframes swdProg{to{transform:scaleX(1)}}.swd__why{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}.swd__why li{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font:600 13.5px/1.2 var(--font);color:var(--swd-text);background:color-mix(in srgb,var(--swd-text) 5%,transparent);border:1px solid var(--swd-line)}.swd__why svg{width:16px;height:16px;color:var(--swd-accent);flex:none}.swd__cta{margin-top:clamp(28px,4vw,44px);padding:clamp(20px,3vw,30px);border-radius:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--swd-accent) 22%,transparent),transparent 60%),color-mix(in srgb,var(--swd-text) 4%,transparent);border:1px solid color-mix(in srgb,var(--swd-accent) 35%,var(--swd-line))}.swd__cta h3{margin:0 0 4px;font:800 clamp(20px,2.4vw,26px)/1.2 var(--font);letter-spacing:-.02em;text-transform:none;color:var(--swd-text)}.swd__cta p{margin:0;color:var(--swd-mute);font-size:15px;max-width:52ch}.swd__cta-btns{display:flex;flex-wrap:wrap;gap:10px}.swd__cta .btn{min-height:48px}.swd__ctl{position:absolute;z-index:11;right:4px;top:4px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--swd-ink-2);border:1px solid var(--swd-line);color:var(--swd-text)}.swd__ctl svg{width:16px;height:16px}.swd__ctl .play{display:none}.swd.is-paused-user .swd__ctl .play{display:block}.swd.is-paused-user .swd__ctl .pause{display:none}.swd__ctl:focus-visible{outline:2px solid var(--swd-accent);outline-offset:2px}.swd.is-paused *,.swd.is-paused *:before,.swd.is-paused *:after{animation-play-state:paused!important}.swd__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:900px){.swd__grid{grid-template-columns:minmax(0,1fr);gap:40px}.swd__stage{order:0}.swd-phone{width:min(300px,82vw);transform:none}.swd-step.is-active{transform:none}}@media(max-width:560px){.swd-step{grid-template-columns:38px minmax(0,1fr);padding:14px}.swd-step__n{width:38px;height:38px;font-size:16px}.swd__cta-btns,.swd__cta-btns .btn{width:100%}.swd__cta-btns .btn{justify-content:center}}@media(prefers-reduced-motion:reduce){.swd *,.swd *:before,.swd *:after{animation:none!important;transition:none!important}.swd-phone{transform:none}.swd__ctl{display:none}.swd-step.is-active{transform:none}}