@layer components{.hw-sweep{pointer-events:none;z-index:0;width:720px;height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000 45%,#0000);mask-image:radial-gradient(closest-side,#000 45%,#0000)}.hw-sweep:before,.hw-dots{content:"";width:100%;height:100%;animation:9s cubic-bezier(.45,0,.3,1) .5s both hwSweep;position:absolute;inset:0;-webkit-mask-image:linear-gradient(118deg,#0000 40%,#000 46.5% 53.5%,#0000 60%);mask-image:linear-gradient(118deg,#0000 40%,#000 46.5% 53.5%,#0000 60%);-webkit-mask-position:50% 0;mask-position:50% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hw-sweep:before{background:linear-gradient(118deg,#10b9811f,#fbbf2438 50%,#10b9811f)}.hw-label,.hw-test{z-index:1}@keyframes hwSweep{0%{-webkit-mask-position:90% 0;mask-position:90% 0}44%{animation-timing-function:step-end;-webkit-mask-position:10% 0;mask-position:10% 0}45%{animation-timing-function:cubic-bezier(.3,0,.2,1);-webkit-mask-position:90% 0;mask-position:90% 0}to{-webkit-mask-position:50% 0;mask-position:50% 0}}@media (prefers-reduced-motion:reduce){.hw-sweep:before,.hw-dots{animation:none}}.hw-cards{min-height:390px;position:relative}.hw-label{color:#151515;background:#fafaf7;border-radius:16px;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;width:min(320px,86%);padding:16px;display:grid;position:absolute;top:6px;left:0;transform:rotate(-4deg);box-shadow:0 30px 70px #00000080}.hw-label .lk{font:600 10.5px/1 var(--mono);letter-spacing:.12em;color:#5e6266;display:block}.hw-label .lc{font:800 28px/1 var(--sans);letter-spacing:-.02em;margin:6px 0;display:block}.hw-label .ls{color:#3d4944;font-size:13px}.hw-label .qr{width:92px;height:92px;display:block}.hw-label .lr{font:600 10.5px/1 var(--mono);letter-spacing:.08em;color:#5e6266;text-transform:uppercase;border-top:1px solid #e3e3dd;grid-column:1/-1;justify-content:space-between;gap:8px;padding-top:10px;display:flex}.hw-test{color:#eef0f2;background:#101114;border:1px solid #272a30;border-radius:18px;gap:10px;width:min(290px,86%);padding:16px;display:grid;position:absolute;bottom:0;right:0;transform:rotate(3deg);box-shadow:0 30px 70px #0000008c}.tt-h{justify-content:space-between;align-items:center;gap:8px;display:flex}.tt-h b{font-size:15px}.pass-chip{font:600 11.5px/1 var(--mono);color:#34d399;background:#10b98129;border-radius:999px;padding:6px 9px}.hw-test small{color:#a4a9b2;font-size:12.5px}.hw-test ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.hw-test li{color:#c6cad1;align-items:center;gap:8px;font-size:13.5px;display:flex}.hw-test li svg{color:#34d399;flex-shrink:0;width:14px;height:14px}@media (max-width:959px){.hw-cards{justify-items:center;gap:18px;min-height:0;padding-top:6px;display:grid}.hw-label,.hw-test{position:relative}}.hwfig{min-width:0;color:var(--snow);background:#0f1412;border:1px solid #1f2723;border-radius:24px;gap:12px;padding:14px;display:grid}@media (min-width:640px){.hwfig{padding:18px}}.hwfig svg{width:100%;height:auto;display:block}.h-wall{stroke:#3a4440;stroke-width:3px}.h-rod{stroke:#56605b;stroke-width:2px}.h-bar{fill:#2a322e;stroke:#56605b;stroke-width:1.2px}.h-lens{stroke:#fbbf24;stroke-width:3px;stroke-linecap:round}.h-puck{fill:#f3f3f0}.h-dot{fill:#10b981}.h-cone{fill:url(#cone);opacity:.6}.h-mesh,.h-link{fill:none;stroke:#34d399;stroke-width:2px;stroke-dasharray:5 6;animation:1.2s linear infinite flow}.h-lbl{font:600 11px var(--mono);fill:#8f9994;letter-spacing:.08em}.h-lead{stroke:#56605b;stroke-width:1px;stroke-dasharray:2 3}.h-who{fill:#c7cfcb}.pipe{background:radial-gradient(60% 50% at 72% 45%,#10b98124,#10b98100 70%),linear-gradient(#0a0a0a,#07100d)}.pipe-stage{align-items:center;gap:26px;margin-top:34px;display:grid}@media (min-width:960px){.pipe-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}}.pipe-copy{align-content:center;justify-items:start;gap:14px;display:grid}@media (min-width:960px){.pipe-copy{min-height:250px}}.pipe-copy .k{color:var(--snow3)}.pipe-copy h3{letter-spacing:-.025em;font-size:clamp(26px,2.6vw,34px);line-height:1.1}.pipe-copy p{color:var(--snow2);max-width:30em;font-size:17px}.yours{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber2);background:#fbbf241a;border-radius:999px;padding:8px 12px}.pipe-fig{background:#0f1412;border:1px solid #1f2723;border-radius:22px;margin:0;overflow:hidden}.pipe-fig svg{width:100%;height:auto;display:block}.pipe-tabs{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:26px;display:grid}.pipe-tablist{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;display:grid}.pt{all:unset;box-sizing:border-box;cursor:pointer;font:600 14px/1.2 var(--sans);color:var(--snow3);gap:10px;min-width:0;padding:6px 2px;display:grid}.pt span{align-items:baseline;gap:8px;display:flex}.pt em{font:500 12px/1 var(--mono);font-style:normal}.pt[aria-selected=true]{color:var(--snow)}.pt:focus-visible{outline:2px solid var(--em2);outline-offset:3px;border-radius:6px}.pt-bar{background:#232a26;border-radius:2px;height:4px;display:block;overflow:hidden}.pt-bar i{background:var(--amber2);width:0;height:100%;display:block}.pt.done .pt-bar i{background:#3f7a60;width:100%}.pt[aria-selected=true] .pt-bar i{animation:8s linear forwards ptfill}.pipe.hold .pt[aria-selected=true] .pt-bar i{animation-play-state:paused}@keyframes ptfill{0%{width:0}to{width:100%}}@media (max-width:640px){.pt span{flex-direction:column;gap:4px}.pt{font-size:13px}}.pl-room{fill:#141a17;stroke:#8f9994;stroke-width:1.5px}.pl-lbl{font:500 12px var(--mono);fill:#8f9994}.pl-zone{fill:#10b98114;stroke:#34d399;stroke-dasharray:5 5;stroke-width:1.2px}.pl-dev{fill:#34d399}.pl-mesh{stroke:#34d399;stroke-opacity:.4;stroke-dasharray:3 4;stroke-width:1.2px}.pl-hub{fill:#0d2a21;stroke:#34d399;stroke-width:1.5px}.pl-hubt{font:700 10px var(--mono);fill:#34d399}.pl-cam{fill:#1c2521;stroke:#fbbf24;stroke-width:1.5px}.pl-pass{fill:#10b981;opacity:0;animation:.45s forwards plpass}@keyframes plpass{to{opacity:.3}}.pl-tick{fill:none;stroke:#fafafa;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:.3s forwards pltick}@keyframes pltick{to{opacity:1}}.hand-grid{gap:22px 18px;margin:32px 0 0;padding:0;list-style:none;display:grid}@media (min-width:700px){.hand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.hand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.hand-grid li{align-content:start;gap:10px;display:grid}.hand-grid h3{font-size:19px}.hand-grid p{color:var(--ink2);font-size:15.5px}@media (prefers-reduced-motion:reduce){.h-mesh,.h-link{animation:none}.pt[aria-selected=true] .pt-bar i{width:100%;animation:none}.pl-pass{opacity:.3;animation:none}.pl-tick{opacity:1;animation:none}}}