.svc-space{z-index:0;pointer-events:none;position:fixed;inset:0}.svc{z-index:1;color:#f5f5f7;padding:0 1.5rem 1.5rem;font-family:Geist,ui-sans-serif,system-ui,sans-serif;position:relative}.svc .label{color:#a8a8b2;letter-spacing:.2em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem}.svc .accent{color:#ffb547}.svc .title,.svc .h2{letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;font-family:Poppins,sans-serif;font-weight:500}.svc .title{font-size:clamp(2rem,5vw,3.75rem);font-weight:600;line-height:1.05}.svc .h2{font-size:clamp(1.625rem,3.2vw,2.5rem);font-weight:600;line-height:1.1}.svc .lead{color:#a1a1aa;max-width:52ch;font-size:1.0625rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){html.js .svc [data-reveal-title]:not(.is-ready),html.js .svc [data-decode-label]{visibility:hidden}}.svc .hero{text-align:center;justify-items:center;gap:1.25rem;max-width:54rem;margin-inline:auto;padding:clamp(4.75rem,10vh,6.75rem) 0 clamp(2rem,4.5vh,3rem);display:grid}.svc .kicker{color:#55555e;letter-spacing:.2em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,monospace;font-size:.625rem}.svc .demo{max-width:64rem;margin:0 auto clamp(4rem,10vh,6rem)}.svc .detail{color:#8a8a94;border-top:1px solid #222228;padding-top:.8rem;font-size:.8125rem;line-height:1.6}.svc .detail b,.svc .detail a,.svc .detail span{color:#d4d4da;font-weight:500}.svc .detail a{text-decoration:none;transition:color .2s}.svc .detail a:hover{color:#ffb547}.svc .demo__cap{flex-wrap:wrap;justify-content:space-between;gap:.25rem 2rem;margin-top:1.75rem;display:flex}.svc .split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(2.25rem,5vh,3.5rem);display:grid}.svc .split__text{gap:1.25rem;display:grid}.svc .split .head{margin-bottom:0}.svc .split__fig{min-width:0}.svc .split__fig .afig{max-width:none}@media (max-width:899px){.svc .split{grid-template-columns:1fr}}.svc .block{border-top:1px solid #1c1c21;max-width:76rem;margin:0 auto;padding:clamp(3.5rem,8vh,5.5rem) 0}.svc .block--lead{border-top:0;min-height:100svh;padding-top:clamp(5.25rem,11vh,7rem)}.svc .block--intro{padding-bottom:0}.svc .block--intro .head{margin-bottom:clamp(1.5rem,3.5vh,2.25rem)}.svc .block--intro+.demo{margin-top:0}.svc .head{gap:1rem;max-width:40rem;margin-bottom:clamp(2.25rem,5vh,3.5rem);display:grid}.svc .sub{color:#8a8a94;max-width:52ch;font-size:1rem;line-height:1.6}.svc .more{margin-top:1.75rem}.svc .vs{border:1px solid #1c1c21;display:grid}.svc .vs__row{border-top:1px solid #1c1c21;grid-template-columns:9rem 1fr 1fr;display:grid}.svc .vs__row:first-child{border-top:0}.svc .vs__row>*{color:#8a8a94;padding:1rem 1.2rem;font-size:.9375rem;line-height:1.55}.svc .vs__row>b{color:#f5f5f7;letter-spacing:.14em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem;font-weight:500}.svc .vs__row>span+span{color:#e4e4ea;border-left:1px solid #1c1c21}.svc .vs__row--head>*{color:#7c7c86;letter-spacing:.16em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem}.svc .vs__row--head>span:last-child{color:#ffb547}@media (max-width:699px){.svc .vs__row{grid-template-columns:1fr 1fr}.svc .vs__row>b{grid-column:1/-1;padding-bottom:0}.svc .vs__row--head>span:first-child{display:none}}.svc .tasks{border-top:1px solid #1c1c21;border-left:1px solid #1c1c21;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:899px){.svc .tasks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:559px){.svc .tasks{grid-template-columns:1fr}}.svc .task{border-bottom:1px solid #1c1c21;border-right:1px solid #1c1c21;grid-template-rows:auto auto 1fr auto;gap:.6rem;padding:1.75rem 1.75rem 1.5rem;transition:background-color .3s;display:grid}.svc .task:hover{background:#ffffff04}.svc .task__n{color:#7c7c86;letter-spacing:.08em;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem;transition:color .3s}.svc .task:hover .task__n{color:#ffb547}.svc .task__title{font-size:1rem;font-weight:500}.svc .task__text{color:#8a8a94;font-size:.9375rem;line-height:1.6}.svc .task__io{letter-spacing:.02em;border-top:1px dashed #24242a;gap:.35rem;margin-top:.9rem;padding-top:.9rem;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem;display:grid}.svc .task__io span{white-space:nowrap;text-overflow:ellipsis;gap:.75rem;display:flex;overflow:hidden}.svc .task__io b{color:#6e6e78;letter-spacing:.14em;text-transform:uppercase;flex:none;min-width:3.4em;font-weight:500}.svc .task__in{color:#8a8a94}.svc .task__out{color:#c4c4cc;transition:color .3s}.svc .task:hover .task__out{color:#ffb547}.svc .task:hover .task__out b{color:#ffb54780}@media (min-width:1200px){.svc .block,.svc .demo,.svc .finale{max-width:min(76rem,100vw - 22rem)}}.svc .finale{text-align:center;border-top:1px solid #1c1c21;align-content:center;justify-items:center;gap:clamp(2.5rem,7vh,4.5rem);max-width:76rem;min-height:100svh;margin:0 auto;padding:clamp(4rem,10vh,6rem) 0 0;display:grid}.svc .finale__main{justify-items:center;gap:1.25rem;display:grid}.svc .cta__btn{color:#0a0a0b;letter-spacing:.14em;text-transform:uppercase;background:#ffb547;justify-content:space-between;align-items:center;gap:2.5rem;margin-top:.75rem;padding:1rem 1.25rem;font-family:Geist Mono,ui-monospace,monospace;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .25s,color .25s,box-shadow .25s;display:inline-flex}.svc .cta__btn span{background:currentColor;width:7px;height:7px}.svc .cta__btn:hover{color:#ffb547;background:#0a0a0b;box-shadow:inset 0 0 0 1px #ffb547}.svc .cta__btn:focus-visible{outline-offset:4px;outline:2px solid #f5f5f7}