.shot-browser{background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #11172714,0 2px 4px #1117270a,0 24px 48px -12px #1117272e,0 60px 120px -40px #11172747}.shot-browser__bar{background:linear-gradient(#f6f6f7 0%,#ececee 100%);border-bottom:1px solid #11172714;align-items:center;gap:1rem;height:2.5rem;padding:0 1rem;display:flex}.shot-browser__dots{flex:none;gap:.4rem;display:flex}.shot-browser__dots i{background:#d3d4d8;border-radius:50%;width:.65rem;height:.65rem}.shot-browser__url{max-width:26rem;height:1.55rem;font-family:var(--font-body);color:#6b7080;white-space:nowrap;background:#ffffffd9;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.45rem;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;transform:translate(-1.4rem);box-shadow:inset 0 0 0 1px #1117270f}.shot-browser__url svg{opacity:.7;flex:none}.shot-browser__screen{background:var(--paper-cool);overflow:hidden}.shot-browser__screen img{width:100%;height:auto;display:block}@media (max-width:700px){.shot-browser{border-radius:10px}.shot-browser__bar{height:1.75rem;padding:0 .7rem}.shot-browser__dots i{width:.45rem;height:.45rem}.shot-browser__url{height:1.1rem;font-size:.625rem;transform:translate(-.9rem)}}.shot-phone{background:linear-gradient(160deg,#2a3145 0%,#0d1220 45%,#0b0f1b 100%);border-radius:15%/7%;padding:3.4%;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff1a,inset 0 0 0 4px #00000059,0 30px 60px -22px #0000008c,0 70px 120px -50px #00000073}.shot-phone:before,.shot-phone:after{content:"";background:#1b2133;border-radius:2px;width:3px;position:absolute}.shot-phone:before{height:7%;top:18%;left:-3px}.shot-phone:after{height:11%;top:24%;right:-3px}.shot-phone__screen{background:#fff;border-radius:11.5%/5.4%;position:relative;overflow:hidden}.shot-phone__screen img{width:100%;height:auto;display:block}.cs-stage{background:radial-gradient(60% 70% at 12% 100%, #d8223738 0%, #d8223700 60%), radial-gradient(50% 60% at 90% 0%, #5a6eaa38 0%, #5a6eaa00 60%), var(--ink-deep);isolation:isolate;padding-block:clamp(3.5rem,8vw,7rem) clamp(5rem,11vw,10rem);position:relative;overflow:hidden}.cs-stage:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 65% at 50% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 65% at 50% 45%,#000 30%,#0000 75%)}.cs-stage__label{color:#ffffff8c;font-family:var(--font-eyebrow);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);font-size:.8125rem;display:flex}.cs-stage__label a{color:#fffc;transition:color var(--t-fast)}.cs-stage__label a:hover{color:var(--white)}.cs-stage__inner{width:min(100%,1180px);margin-inline:auto;padding-right:clamp(0rem,6vw,5rem);position:relative}.cs-stage__desktop{transform:perspective(1800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--ease-out);transform-style:preserve-3d}.cs-stage__phone{width:clamp(110px,21%,250px);transform:translate3d(0, var(--plx,0px), 0);z-index:2;position:absolute;bottom:-14%;right:0}@media (max-width:700px){.cs-stage__inner{padding-right:12%}.cs-stage__phone{width:30%;bottom:-18%}}.cs-flow{background:var(--paper)}.cs-flow__list{gap:clamp(4rem,9vw,8rem);margin:0;padding:0;list-style:none;display:grid}.cs-flow__step{gap:var(--gutter);grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:start;display:grid}.cs-flow__meta{border-top:1px solid var(--rule);padding-top:.5rem;position:sticky;top:7.5rem}.cs-flow__num{font-family:var(--font-eyebrow);letter-spacing:-.01em;color:var(--red);margin-top:1rem;font-size:clamp(3rem,6vw,5.5rem);font-weight:600;line-height:1;display:block}.cs-flow__label{max-width:22ch;font-family:var(--font-display);color:var(--ink);margin-top:1rem;font-size:1.25rem;font-weight:700;line-height:1.3;display:block}@media (max-width:900px){.cs-flow__step{grid-template-columns:1fr;gap:1.25rem}.cs-flow__meta{align-items:baseline;gap:1rem;padding-top:1rem;display:flex;position:static}.cs-flow__num{margin-top:0;font-size:2.25rem}.cs-flow__label{max-width:none;margin-top:0;font-size:1.0625rem}}.cs-phones{background:radial-gradient(55% 60% at 85% 100%, #d8223733 0%, #d8223700 60%), var(--ink);color:var(--white);padding-block:clamp(5rem,10vw,9rem);position:relative;overflow:hidden}.cs-phones h2{color:var(--white)}.cs-phones__row{justify-content:center;align-items:flex-start;gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(3rem,6vw,5rem);display:flex}.cs-phones__item{transform:translate3d(0, var(--plx,0px), 0);flex:0 clamp(200px,22vw,300px);margin:0}.cs-phones__item:nth-child(2n){margin-top:clamp(2rem,6vw,5rem)}.cs-phones__item figcaption{text-align:center;font-family:var(--font-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:#fff9;margin-top:1.25rem;font-size:.75rem}@media (max-width:700px){.cs-phones__row{scroll-snap-type:x mandatory;padding:.5rem var(--gutter) 1.5rem;margin-inline:calc(var(--gutter) * -1);scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.cs-phones__row::-webkit-scrollbar{display:none}.cs-phones__item{scroll-snap-align:center;flex:0 0 64vw;transform:none}.cs-phones__item:nth-child(2n){margin-top:0}}.cs-motion [data-clip]{opacity:0;transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out);transform:translateY(40px)}.cs-motion [data-clip] img{clip-path:inset(0 0 100%);transition:clip-path 1.3s var(--ease-out) .2s}.cs-motion [data-clip].is-in{opacity:1;transform:none}.cs-motion [data-clip].is-in img{clip-path:inset(0)}.work-preview{z-index:60;pointer-events:none;opacity:0;width:clamp(280px,26vw,400px);transform:translate3d(calc(var(--px,0px) - 50%), calc(var(--py,0px) - 50%), 0);transition:opacity .26s var(--ease-out);will-change:transform;position:fixed;top:0;left:0}.work-preview.is-on{opacity:1}.work-preview__card{aspect-ratio:16/10;background:var(--ink-deep);transition:transform .45s var(--ease-out);border-radius:12px;overflow:hidden;transform:scale(.88);box-shadow:0 30px 60px -20px #11172773}.work-preview.is-on .work-preview__card{transform:scale(1)}.work-preview__card img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}@media (hover:none),(prefers-reduced-motion:reduce){.work-preview{display:none}}