.svc-page{--accent: var(--svc);--svc-line: color-mix(in oklab, var(--text) 16%, transparent);--svc-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;counter-reset:svc-section}.svc-page .svc-back{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--svc-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--svc);text-decoration:none;background-image:none;opacity:.8;transition:opacity .2s ease,gap .2s ease}.svc-page .svc-back:before{content:"←"}.svc-page .svc-back:hover{opacity:1;gap:.7rem;text-decoration:none}.svc-page .svc-section{position:relative;counter-increment:svc-section;overflow:hidden}.svc-page .svc-section:before{content:"";position:absolute;left:0;top:0;height:2px;width:64px;background:var(--svc);opacity:.85}.svc-page .svc-section>h2:before{content:counter(svc-section,decimal-leading-zero);display:block;margin-bottom:.45rem;font-family:var(--svc-mono);font-size:.64rem;font-weight:400;letter-spacing:.2em;color:var(--svc);opacity:.72}.svc-page .svc-section>h2:after{content:"";display:block;width:34px;height:1px;margin-top:.55rem;background:color-mix(in oklab,var(--svc) 70%,transparent)}.svc-page .svc-section.svc-section-plain:before{display:none}.svc-page .svc-section.svc-section-plain>h2:before,.svc-page .svc-section.svc-section-plain>h2:after{display:none}.svc-page .feature-box{position:relative;overflow:hidden;background:color-mix(in oklab,var(--svc) 4%,color-mix(in oklab,var(--text) 4%,var(--bg)));border-color:color-mix(in oklab,var(--svc) 22%,transparent);transition:border-color .24s ease,background-color .24s ease,transform .24s ease}.svc-page .feature-box:after{content:"";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border:1px solid var(--svc);border-left:0;border-top:0;opacity:.35;pointer-events:none;transition:width .24s ease,height .24s ease,opacity .24s ease}.svc-page .feature-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--svc);transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.2,.7,.3,1)}.svc-page .feature-box:hover{border-color:color-mix(in oklab,var(--svc) 50%,transparent);background:color-mix(in oklab,var(--svc) 8%,color-mix(in oklab,var(--text) 4%,var(--bg)))}.svc-page .feature-box:hover:before{transform:scaleY(1)}.svc-page .feature-box:hover:after{width:16px;height:16px;opacity:.9}.svc-page .badge-secondary{font-family:var(--svc-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-color:color-mix(in oklab,var(--svc) 40%,transparent);background:color-mix(in oklab,var(--svc) 10%,transparent);color:var(--svc)}@media(prefers-reduced-motion:reduce){.svc-page .feature-box,.svc-page .feature-box:before,.svc-page .feature-box:after,.svc-page .svc-back{transition:none}.svc-page .feature-box:hover:before{transform:none;opacity:1}}.svc-page .feature-box{position:relative;isolation:isolate;overflow:hidden;--svc-ground: color-mix(in oklab, var(--svc) 5%, var(--bg));border:1px solid color-mix(in oklab,var(--text) 14%,transparent);background:radial-gradient(120% 86% at 50% 50%,var(--svc-ground) 0%,var(--svc-ground) 46%,transparent 80%),linear-gradient(color-mix(in oklab,var(--svc) 5%,transparent),color-mix(in oklab,var(--svc) 5%,transparent)),repeating-linear-gradient(0deg,color-mix(in oklab,var(--text) 4%,transparent) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,color-mix(in oklab,var(--text) 4%,transparent) 0 1px,transparent 1px 24px);transition:transform .26s cubic-bezier(.2,.7,.3,1),border-color .26s ease,box-shadow .26s ease}.dark .svc-page .feature-box{border-color:color-mix(in oklab,#fff 16%,transparent)}.svc-page .feature-box:before,.svc-page .feature-box:after{content:"";position:absolute;z-index:3;width:11px;height:11px;border:1px solid var(--svc);opacity:.35;pointer-events:none;transition:width .26s ease,height .26s ease,opacity .26s ease}.svc-page .feature-box:before{top:6px;left:6px;border-right:0;border-bottom:0}.svc-page .feature-box:after{right:6px;bottom:6px;border-left:0;border-top:0}.svc-page .feature-box:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--svc) 50%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--svc) 18%,transparent),0 12px 30px -18px color-mix(in oklab,var(--svc) 85%,transparent)}.svc-page .feature-box:hover:before,.svc-page .feature-box:hover:after{width:18px;height:18px;opacity:1}.svc-page .feature-box h3{transition:color .2s ease}.svc-page .feature-box:hover h3{color:var(--svc)}.svc-page .svc-section{--svc-ground: var(--bg);background-image:radial-gradient(122% 88% at 50% 50%,var(--svc-ground) 0%,var(--svc-ground) 50%,transparent 82%),repeating-linear-gradient(0deg,color-mix(in oklab,var(--text) 3%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,color-mix(in oklab,var(--text) 3%,transparent) 0 1px,transparent 1px 26px)}@media(prefers-reduced-motion:reduce){.svc-page .feature-box,.svc-page .feature-box:before,.svc-page .feature-box:after{transition:none!important}.svc-page .feature-box:hover{transform:none}}.svc-page .svc-hero{position:relative;overflow:hidden;background-image:repeating-linear-gradient(0deg,color-mix(in oklab,var(--text) 4%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,color-mix(in oklab,var(--text) 4%,transparent) 0 1px,transparent 1px 26px)}.dark .svc-page .svc-hero{background-image:radial-gradient(90% 120% at 0% 0%,color-mix(in oklab,var(--svc) 9%,transparent),transparent 60%),repeating-linear-gradient(0deg,color-mix(in oklab,var(--text) 5%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,color-mix(in oklab,var(--text) 5%,transparent) 0 1px,transparent 1px 26px)}.svc-page .svc-hero-rule{position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--svc),color-mix(in oklab,var(--svc) 10%,transparent))}.svc-page .svc-hero:before,.svc-page .svc-hero:after{content:"";position:absolute;bottom:10px;width:14px;height:14px;border:1px solid var(--svc);opacity:.4;pointer-events:none}.svc-page .svc-hero:before{left:10px;border-right:0;border-top:0}.svc-page .svc-hero:after{right:10px;border-left:0;border-top:0}.svc-page .svc-hero-top{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-bottom:1.1rem}.svc-page .svc-hero-frame{display:grid;place-items:center;width:50px;height:50px;flex:none;color:var(--svc);border:1px solid color-mix(in oklab,var(--svc) 40%,transparent);background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--svc) 10%,transparent) 0 1px,transparent 1px 6px),color-mix(in oklab,var(--svc) 8%,transparent);box-shadow:0 0 22px -8px var(--svc)}.svc-page .svc-hero-chips{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0}.svc-page .svc-hero-code{margin-left:auto;font-family:var(--svc-mono);font-size:.62rem;letter-spacing:.28em;color:var(--svc);opacity:.5}.svc-page .svc-hero-tagline{font-family:var(--svc-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--svc);opacity:.8;margin-bottom:.4rem}.svc-page .svc-hero-title{font-size:clamp(1.9rem,4.2vw,2.5rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin-bottom:1rem}.svc-page .svc-hero-lede{font-size:1.05rem;line-height:1.65;max-width:42rem;opacity:.82;margin-bottom:.75rem}.svc-page .svc-hero-note{font-size:.83rem;line-height:1.6;max-width:42rem;opacity:.6;padding-left:.8rem;border-left:2px solid color-mix(in oklab,var(--svc) 40%,transparent)}.svc-page .svc-related{display:flex;flex-wrap:wrap;gap:.5rem}.svc-page .svc-related-link{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.8rem;font-weight:600;color:var(--to);text-decoration:none;background-image:none;border:1px solid color-mix(in oklab,var(--to) 32%,transparent);transition:border-color .22s ease,background-color .22s ease,transform .22s ease}.svc-page .svc-related-link:hover{text-decoration:none;transform:translateY(-2px);border-color:color-mix(in oklab,var(--to) 65%,transparent);background:color-mix(in oklab,var(--to) 10%,transparent)}.svc-page .svc-related-glyph{opacity:.85;flex:none}.svc-page .svc-related-arrow{opacity:.6;transition:transform .22s cubic-bezier(.2,.7,.3,1)}.svc-page .svc-related-link:hover .svc-related-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.svc-page .svc-related-link,.svc-page .svc-related-arrow{transition:none}.svc-page .svc-related-link:hover,.svc-page .svc-related-link:hover .svc-related-arrow{transform:none}}