.wc-kicker{color:var(--wc-accent,var(--accent));letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:1.2rem;margin-bottom:3rem;display:flex}.wc-kicker-line{background:currentColor;width:4.8rem;height:1px;display:inline-block}.wc-problem{--wc-p:1;max-width:118rem}.wc-problem-text{line-height:1.16}.wc-word{opacity:calc(.16 + .84 * clamp(0, var(--wc-p) * (var(--wc-n) + 4) - var(--wc-i), 1));transition:opacity .18s linear}.wc-steps{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:6rem;display:grid}.wc-steps-head{position:sticky;top:14rem}.wc-steps-list{--wc-p:1;flex-direction:column;gap:6rem;padding-left:5.2rem;list-style:none;display:flex;position:relative}.wc-rail{background:#ffffff1f;width:1px;position:absolute;top:1rem;bottom:1rem;left:.6rem}.wc-rail-fill{background:var(--wc-accent,var(--accent));transform:scaleY(var(--wc-p));transform-origin:top;box-shadow:0 0 1.6rem color-mix(in srgb, var(--wc-accent,var(--accent)) 70%, transparent);position:absolute;inset:0}.wc-step{--wc-on:clamp(0, (var(--wc-p) * var(--wc-n) - var(--wc-i)) * 3, 1);opacity:calc(.35 + .65 * var(--wc-on));flex-direction:column;gap:1.4rem;transition:opacity .25s linear;display:flex;position:relative}.wc-step-dot{background:#101010;border:1px solid #ffffff59;border-radius:50%;width:1.3rem;height:1.3rem;position:absolute;top:.6rem;left:-5.2rem;box-shadow:0 0 0 .5rem #101010}.wc-step-dot:after{content:"";background:var(--wc-accent,var(--accent));transform:scale(var(--wc-on));border-radius:50%;transition:transform .25s;position:absolute;inset:.25rem}.wc-step-index{color:var(--wc-accent,var(--accent));letter-spacing:.12em;text-transform:uppercase}.wc-stats{grid-template-columns:repeat(var(--wc-cols,3), minmax(0, 1fr));gap:3rem;display:grid}.wc-stat{flex-direction:column;gap:1.2rem;padding-top:2.4rem;display:flex;position:relative}.wc-stat:before{content:"";background:linear-gradient(90deg, var(--wc-accent,var(--accent)), #ffffff1f 70%);transform-origin:0;width:100%;height:1px;position:absolute;top:0;left:0}.wc-stat.is-reveal-ready:not(.is-in):before{transform:scaleX(0)}.wc-stat.is-in:before{transition:transform 1.1s cubic-bezier(.22,1,.36,1) .15s;transform:scaleX(1)}.wc-stat-value{color:var(--wc-accent,var(--accent));white-space:nowrap;line-height:1}.wc-live-head{flex-direction:column;gap:2rem;margin-bottom:4.4rem;display:flex}.wc-live-head .wc-kicker{margin-bottom:0}.wc-live-pulse{background:var(--wc-accent,var(--accent));border-radius:50%;width:.9rem;height:.9rem;position:relative}.wc-live-pulse.is-demo:after{content:"";background:var(--wc-accent,var(--accent));border-radius:50%;animation:2s ease-out infinite wc-pulse;position:absolute;inset:0}@keyframes wc-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.wc-live{--wc-p:.5;padding-right:10rem;position:relative}.wc-browser{box-shadow:0 4rem 10rem #0000008c, 0 0 0 1px #0009, 0 0 12rem color-mix(in srgb, var(--wc-accent,var(--accent)) 16%, transparent);transform:perspective(160rem) rotateX(calc((.5 - var(--wc-p)) * 8deg));transform-origin:bottom;background:#0c0c0c;border:1px solid #ffffff24;border-radius:16px;transition:transform .12s linear;position:relative;overflow:hidden}.wc-browser-bar{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:1.6rem;height:4.6rem;padding:0 1.4rem 0 1.8rem;display:flex}.wc-browser-dots{gap:.7rem;display:flex}.wc-browser-dots i{background:#ffffff29;border-radius:50%;width:1rem;height:1rem}.wc-browser-url{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.7rem;min-width:0;max-width:48rem;height:2.9rem;margin:0 auto;padding:0 1.4rem;display:inline-flex;overflow:hidden}.wc-browser-actions{gap:.4rem;display:flex}.wc-browser-btn{color:#ffffffa6;border-radius:10px;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;transition:color .25s,background .25s;display:inline-flex}.wc-browser-btn:hover{color:#fff;background:#ffffff14}.wc-browser-btn:focus-visible{color:#fff;background:#ffffff14}.wc-browser-view{aspect-ratio:16/10;background:#111;position:relative}.wc-browser-poster{object-fit:cover;object-position:top center;transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .6s}.wc-launch{-webkit-backdrop-filter:blur(14px);color:#fff;background:#0a0a0a8c;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:1.4rem;padding:1.2rem 2.4rem 1.2rem 1.2rem;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wc-launch-icon{background:var(--wc-accent,var(--accent));color:#0a0a0a;width:4.6rem;height:4.6rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--wc-accent,var(--accent)) 55%, transparent);border-radius:50%;justify-content:center;align-items:center;animation:2.4s ease-out infinite wc-ring;display:inline-flex}@keyframes wc-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--wc-accent,var(--accent)) 55%, transparent)}to{box-shadow:0 0 0 2.2rem #0000}}.wc-browser-view:hover .wc-browser-poster{filter:brightness(.82);transform:scale(1.025)}.wc-launch:hover{border-color:color-mix(in srgb, var(--wc-accent,var(--accent)) 70%, transparent);background:#0a0a0ab8;transform:translate(-50%,-50%)scale(1.04)}.wc-launch:focus-visible{border-color:color-mix(in srgb, var(--wc-accent,var(--accent)) 70%, transparent);background:#0a0a0ab8;transform:translate(-50%,-50%)scale(1.04)}.wc-phone{aspect-ratio:390/844;width:24%;max-width:30rem;transform:translateY(calc((.5 - var(--wc-p)) * 12rem));background:#111;border:.9rem solid #161616;border-radius:3.4rem;transition:transform .12s linear;position:absolute;bottom:-6rem;right:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 4rem 8rem #0009}.wc-phone img{object-fit:cover;object-position:top center}@media only screen and (max-width:850px){.wc-kicker{gap:10px;margin-bottom:16px}.wc-kicker-line{width:28px}.wc-steps{grid-template-columns:minmax(0,1fr);gap:24px}.wc-steps-head{position:static}.wc-steps-list{gap:30px;padding-left:30px}.wc-rail{top:6px;bottom:6px;left:5px}.wc-step{gap:8px}.wc-step-dot{width:11px;height:11px;top:3px;left:-30px;box-shadow:0 0 0 4px #101010}.wc-step-dot:after{inset:2px}.wc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.wc-stat{gap:6px;padding-top:14px}.wc-stat-value{white-space:normal}.wc-live-head{gap:12px;margin-bottom:22px}.wc-live-pulse{width:7px;height:7px}.wc-live{padding-right:0}.wc-browser{border-radius:12px;transform:none}.wc-browser-bar{gap:10px;height:38px;padding:0 8px 0 12px}.wc-browser-dots{gap:5px}.wc-browser-dots i{width:7px;height:7px}.wc-browser-url{border-radius:8px;gap:5px;height:24px;padding:0 10px}.wc-browser-btn{border-radius:8px;width:30px;height:30px}.wc-launch{white-space:nowrap;gap:10px;padding:8px 16px 8px 8px}.wc-launch-icon{width:34px;height:34px}.wc-phone{display:none}}@media (prefers-reduced-motion:reduce){.wc-word,.wc-step{opacity:1}.wc-browser,.wc-phone{transform:none}.wc-live-pulse.is-demo:after,.wc-launch-icon{animation:none}}.work-hero.is-photo img{transform:scale(calc(1.08 - var(--wc-p,0) * .08));transition:transform .12s linear}.work-next-thumb{aspect-ratio:16/10;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;width:18rem;position:relative;overflow:hidden}.work-next-thumb img{object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.work-next:hover .work-next-thumb img{transform:scale(1.06)}@media only screen and (max-width:850px){.work-next-thumb{border-radius:8px;width:84px}}@media (prefers-reduced-motion:reduce){.work-hero.is-photo img{transform:none}}.wc-steps-art{aspect-ratio:4/3;border:1px solid #ffffff1a;border-radius:16px;margin-top:4rem;display:block;position:relative;overflow:hidden;box-shadow:0 3rem 8rem #00000073}.wc-steps-art img{object-fit:cover}@media only screen and (max-width:850px){.wc-steps-art{border-radius:12px;margin-top:18px}}.wc-live:has(.wc-phone){margin-bottom:8rem}.wc-browser-view:after{content:"";pointer-events:none;background:radial-gradient(40% 32%,#00000073,#0000 75%);position:absolute;inset:0}.wc-launch{z-index:1}@media only screen and (max-width:850px){.wc-live:has(.wc-phone){margin-bottom:0}}.work-hero-visit{z-index:2;position:absolute;inset:0}.work-hero-visit:focus-visible{outline:2px solid var(--wc-accent,#de986e);outline-offset:-6px}
