.dhs[data-xray] .dhs-build{filter:grayscale()}.dhs[data-xray] .dhs-build__window{border:1px solid #0b0b1533;box-shadow:none!important}.dhs-build{margin:0;padding:0 0 48px;position:relative}.dhs-build__window{background:var(--paper);color:var(--ink);transition:background-color .9s var(--ease);border-radius:22px 22px 22px 90px;padding:14px 16px 30px;position:relative;box-shadow:0 40px 80px -30px #0b0b158c}.dhs-build.ph-2 .dhs-build__window{background:#15151f}.dhs-build__chrome{align-items:center;gap:6px;padding:2px 4px 14px;display:flex}.dhs-build__chrome>span{background:#0b0b1524;border-radius:50%;width:10px;height:10px;transition:background-color .9s}.dhs-build.ph-2 .dhs-build__chrome>span{background:#fafcff2e}.dhs-build__url{background:#0b0b150d;border-radius:50px;flex:1;height:28px;margin:0 0 0 14px;font-size:.8rem;transition:background-color .9s;position:relative}.dhs-build__url span{white-space:nowrap;transition:opacity .5s;position:absolute;top:50%;left:14px;translate:0 -50%}.dhs-build__url span:first-child{opacity:0;color:#fafcffb3;font:500 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.dhs-build__url span:last-child{color:#0b0b1599}.dhs-build.ph-2 .dhs-build__url{background:#fafcff12}.dhs-build.ph-2 .dhs-build__url span:first-child{opacity:1}.dhs-build.ph-2 .dhs-build__url span:last-child{opacity:0}.dhs-build__stage{border-radius:14px;display:grid;position:relative;overflow:hidden}.dhs-build__layer{grid-area:1/1;padding:12px}.dhs-build__wire{background-color:#f2f5fd;background-image:linear-gradient(#0642ff0f 1px,#0000 1px),linear-gradient(90deg,#0642ff0f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:16px 16px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.dhs-build__nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dhs-build__b{opacity:0;transition:opacity .4s var(--ease) calc(var(--k) * .18s), transform .6s var(--ease) calc(var(--k) * .18s);background:#fafcffb3;border:1.5px dashed #0642ff8c;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;transform:scale(.94)}.dhs-build.ph-1 .dhs-build__b{opacity:1;transform:none}.dhs-build__logo{width:92px;height:24px}.dhs-build__links{width:132px;height:20px}.dhs-build__hero{border:1.5px dashed #0642ff59;border-radius:12px;grid-template-columns:1.25fr 1fr;gap:12px;padding:16px;display:grid}.dhs-build__copy{align-content:center;justify-items:start;gap:8px;display:grid}.dhs-build__h{justify-content:flex-start;width:100%;min-height:50px}.dhs-build__p{justify-content:flex-start;width:88%;min-height:32px}.dhs-build__cta{border-radius:50px;width:96px;height:30px;margin-top:4px}.dhs-build__img{background:#fafcffb3 linear-gradient(to top right,#0000 calc(50% - 1px),#0642ff4d 50%,#0000 calc(50% + 1px));border-radius:10px 10px 10px 34px;min-height:128px}.dhs-build__cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.dhs-build__trust{grid-column:1/-1;height:46px}.dhs-build__b em{font-style:normal;font-family:var(--font-grotesque);letter-spacing:-.2px;color:var(--blue);white-space:nowrap;padding:0 6px;font-size:.95rem;font-weight:600;line-height:1}.dhs-build__h em,.dhs-build__p em{padding-left:10px}.dhs-build__code{clip-path:inset(0 100% 0 0);background:#0b0b15;align-items:center;transition:clip-path 1s cubic-bezier(.65,0,.35,1);display:flex;position:relative}.dhs-build.ph-2 .dhs-build__code{clip-path:inset(0)}.dhs-build__scan{background:var(--blue);opacity:0;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 18px 4px #0642ff80}.dhs-build.ph-2 .dhs-build__scan{animation:1s cubic-bezier(.65,0,.35,1) both dhs-scan}@keyframes dhs-scan{0%{opacity:1;left:0}85%{opacity:1}to{opacity:0;left:100%}}.dhs-build__code pre{color:#fafcff;white-space:pre;width:100%;margin:0;font:400 clamp(.7rem,.95vw,.82rem)/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.dhs-build__line{gap:16px;display:flex}.dhs-build__line i{text-align:right;color:#fafcff38;flex:none;width:14px;font-style:normal}.dhs-build__line code{font:inherit}.dhs-tok-c{color:#6f94ff}.dhs-tok-t{color:#9db5ff}.dhs-tok-a{color:#ff5fa2}.dhs-tok-s{color:#b8f0cf}.dhs-tok-p{color:#fafcff73}.dhs-tok-x{color:#fafcff}.dhs-build__caret{vertical-align:-.2em;background:var(--blue);width:7px;height:1.15em;margin-left:1px;animation:1s step-end infinite dhs-blink;display:inline-block}@keyframes dhs-blink{50%{opacity:0}}.dhs-build__toast{background:var(--blue);color:var(--paper);opacity:0;transition:opacity .5s var(--ease), transform .9s cubic-bezier(.34, 1.56, .64, 1);border-radius:18px;align-items:center;gap:14px;padding:14px 22px 14px 14px;font-size:.9rem;line-height:1.3;display:flex;position:absolute;bottom:0;right:clamp(-12px,-1vw,0px);transform:translateY(24px)scale(.9);box-shadow:0 24px 50px -20px #0b0b1599}.dhs-build__toast b{font-size:1rem;font-weight:500;display:block}.dhs-build.ph-4 .dhs-build__toast{opacity:1;transform:none}.dhs-build__toast-icon{background:var(--paper);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.dhs-build__toast-icon svg{fill:none;width:20px;height:20px;stroke:var(--blue);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:480px){.dhs-build__links{width:100px}.dhs-build__img{min-height:110px}.dhs-build__code pre{font-size:.66rem}.dhs-build__line{gap:10px}}@media (prefers-reduced-motion:reduce){.dhs-build__caret{animation:none}}.dhs--websites .dhs-setlist__img{object-fit:cover;object-position:80% center;width:100%;height:100%;display:block;position:absolute;inset:0}.dhs-stack{padding-top:clamp(40px,6vw,72px)}.dhs-stack__head{gap:20px;margin-bottom:clamp(40px,5vw,64px);display:grid}.dhs-stack__head .dhs-h2{margin:0}.dhs-stack__sub{max-width:42ch;margin:0;font-size:1.125rem;line-height:1.6}@media (min-width:900px){.dhs-stack__head{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(40px,6vw,96px)}}.dhs-stack__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}@media (min-width:760px){.dhs-stack__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dhs-stack__cell{--lit:0;flex-direction:column;align-items:flex-start;min-height:clamp(170px,17vw,220px);padding:clamp(24px,3vw,40px) clamp(16px,2.2vw,32px) clamp(22px,2.6vw,34px);display:flex;position:relative}.dhs-stack__cell:before,.dhs-stack__cell:after{content:"";transition:transform 1.1s var(--ease) calc(var(--i) * 70ms);background:#0b0b151f;position:absolute}.dhs-stack__cell:before{transform-origin:0;height:1px;bottom:0;left:0;right:0}.dhs-stack__cell:after{transform-origin:top;width:1px;top:0;bottom:0;right:0}.dhs-stack__grid{border-top:1px solid #0b0b151f}.dhs-stack__grid:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #e6ecff, transparent 70%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.dhs-stack__grid.is-lit:before{opacity:1}.dhs-stack{z-index:0;position:relative}.dhs-stack__cell:nth-child(2n):after{display:none}@media (min-width:760px){.dhs-stack__cell:nth-child(2n):after{display:block}.dhs-stack__cell:nth-child(4n):after,.dhs-stack__cell:nth-child(n+5):before{display:none}}@media (max-width:759px){.dhs-stack__cell:nth-child(n+7):before{display:none}}.dhs-stack__logo{fill:#0b0b15;width:clamp(34px,3.4vw,44px);height:auto;opacity:calc(.38 + var(--lit) * .62);transform:translateY(calc(var(--lit) * -4px)) scale(var(--s,1));transform-origin:0;transition:opacity .35s, transform .5s var(--ease);margin-bottom:auto}.dhs-stack__name{color:var(--ink);letter-spacing:-.3px;margin-top:28px;font-size:1.125rem;font-weight:500}.dhs-stack__fit{font-family:var(--font-grotesque);text-transform:lowercase;letter-spacing:-.3px;color:#0b0b1580;margin-top:2px;font-size:1.25rem;font-weight:600;line-height:1.2}.dhs-stack__cell:hover .dhs-stack__fit{color:var(--blue)}.dhs-stack__fit{transition:color .3s}@media (hover:none),(pointer:coarse){.dhs-stack__logo{opacity:.78}}.dhs-anim [data-reveal=grid] .dhs-stack__cell>*{transition:opacity .9s var(--ease) calc(var(--i) * 70ms + .15s), transform 1.1s var(--ease) calc(var(--i) * 70ms + .15s), color .3s}.dhs-anim [data-reveal=grid]:not(.is-in) .dhs-stack__cell>*{opacity:0;transform:translateY(18px)}.dhs-anim [data-reveal=grid]:not(.is-in) .dhs-stack__cell:before{transform:scaleX(0)}.dhs-anim [data-reveal=grid]:not(.is-in) .dhs-stack__cell:after{transform:scaleY(0)}.dhs--websites .dhs-toolkit__field{touch-action:pan-y;background:#eef2fd;border-radius:22px 90px 22px 22px;min-height:420px;margin:0;padding:0;list-style:none;position:relative;overflow:hidden}.dhs-toolkit__logo span{font-family:var(--font-grotesque);letter-spacing:-.3px;color:var(--blue);opacity:var(--lit);transform:translateY(calc((1 - var(--lit)) * 6px));white-space:nowrap;font-size:1.25rem;font-weight:600;line-height:1}.dhs-work{padding-top:clamp(80px,10vw,140px);position:relative}.dhs-work__head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,4vw,52px);display:flex}.dhs-work__head .dhs-h2{margin:0}.dhs-work__progress{background:#0b0b151f;border-radius:2px;flex:none;width:180px;height:2px;margin-bottom:12px;display:none;overflow:hidden}.dhs-work__progress i{background:var(--blue);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.dhs-work__viewport{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;overflow-x:auto}.dhs-work__viewport::-webkit-scrollbar{display:none}.dhs-work__track{width:max-content;padding:0 max(24px, env(safe-area-inset-left,0px)) 24px;gap:16px;margin:0;list-style:none;display:flex}.dhs-work__site{scroll-snap-align:center;outline:none;width:82vw}@media (min-width:900px){.dhs-work{padding-top:0}.dhs-work__pin{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.dhs-work__progress{display:block}.dhs-work__viewport{scroll-snap-type:none;padding:0;overflow:visible}.dhs-work__track{will-change:transform;gap:clamp(24px,3vw,48px);padding:0 max(24px,50vw - 576px)}.dhs-work__site{width:min(58vw,760px,145vh - 435px)}}.dhs-work__frame{transition:transform .6s var(--ease), box-shadow .6s var(--ease);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px #0b0b150f,0 24px 50px -24px #0b0b154d}.dhs-work__site:hover .dhs-work__frame,.dhs-work__site:focus .dhs-work__frame{transform:translateY(-6px);box-shadow:0 1px #0b0b150f,0 34px 70px -26px #0642ff66}.dhs-work__bar{background:#eef2fd;align-items:center;gap:6px;padding:11px 14px;display:flex}.dhs-work__bar span{background:#0b0b152e;border-radius:50%;width:8px;height:8px}.dhs-work__bar em{background:#ffffffe6;border-radius:7px;flex:1;max-width:46%;height:14px;margin-left:12px}.dhs-work__screen{aspect-ratio:16/10;position:relative;overflow:hidden}.dhs-work__page{transition:transform 1.4s var(--ease);position:absolute;inset:0 0 auto}.dhs-work__page img{width:100%;height:auto;display:block}.dhs-work__site:hover .dhs-work__page,.dhs-work__site:focus .dhs-work__page{transform:translateY(var(--shift,0px));transition:transform 5s cubic-bezier(.45,.05,.35,1)}.dhs-work__cap{align-items:baseline;gap:14px;padding:18px 4px 0;display:flex}.dhs-work__num{font-family:var(--font-grotesque);color:#0b0b1559;font-size:1.25rem;font-weight:600}.dhs-work__cap b{color:var(--ink);font-size:1.125rem;font-weight:500}.dhs-work__type{font-family:var(--font-grotesque);color:var(--blue);white-space:nowrap;margin-left:auto;font-size:1.25rem;font-weight:600}.dhs-work .dhs-mock__hero{padding-bottom:10%}.dhs-mock{flex-direction:column;display:flex}.dhs-mock i{border-radius:3px;display:block}.dhs-mock__nav{justify-content:space-between;align-items:center;padding:6% 7% 0;display:flex}.dhs-mock__nav span{border-radius:6px;width:18%;height:12px}.dhs-mock__hero{flex-direction:column;padding:12% 7% 16%;display:flex}.dhs-mock__hero b{border-radius:9px;width:34%;height:18px;margin-top:16px;display:block}.dhs-mock__trust{justify-content:space-between;padding:6% 7%;display:flex}.dhs-mock__trust i{background:#0b0b151f;width:17%;height:8px}.dhs-mock__pad{padding:7%}.dhs-mock__cards{grid-template-columns:repeat(3,1fr);gap:4%;padding:0 7% 8%;display:grid}.dhs-mock__cards span{aspect-ratio:1;border-radius:6px;margin-bottom:4px;display:block}.dhs-mock__split{grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:4% 7% 10%;display:grid}.dhs-mock__split>span{aspect-ratio:4/5;border-radius:8px}.dhs-mock__split b{border-radius:7px;width:60%;height:14px;margin-top:12px;display:block}.dhs-mock__quote{padding:12% 7%}.dhs-mock__faq{border-bottom:1px solid #0b0b151a;padding:9px 0}.dhs-mock__foot{padding:10% 7% 14%}
