.svc-hero{padding-top:clamp(8.5rem,13vw,10.5rem);padding-bottom:clamp(2rem,4vw,3rem);position:relative;overflow:hidden}.svc-hero-grid{align-items:end;gap:1.75rem 4rem;display:grid;position:relative}@media (min-width:1024px){.svc-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.svc-crumb{color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.svc-crumb a{color:var(--ink-soft);text-underline-offset:.3em;transition:color var(--dur-2) var(--ease), text-decoration-color var(--dur-2) var(--ease);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.svc-crumb a:hover{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.svc-crumb-here{color:var(--ink);font-weight:600}.svc-title{font-family:var(--font-display);font-variation-settings:"wdth" 100;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;margin-top:1.25rem;font-size:clamp(2.2rem,4.2vw,3.7rem);font-weight:660;line-height:1.02}.svc-lede{max-width:32rem;color:var(--ink-soft);font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.6}.svc-ctas{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.svc-ctas .btn svg{transition:transform var(--dur-2) var(--ease)}.svc-ctas .btn:hover svg{transform:translate(3px)}.svc-show{padding-bottom:clamp(3rem,6vw,5rem);position:relative}.svc-stage{min-width:0;margin:0;position:relative}.svc-stage .svc-frame{max-width:none;margin-top:0}.svc-hint{color:var(--ink-mute);white-space:nowrap;flex:none;margin-left:auto;font-size:.7rem}@media (max-width:639px){.svc-hint{display:none}}.svc-stage .svc-screen{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:clamp(22rem,72vw,46rem);max-height:calc(100vh - 7rem);scrollbar-width:thin;background:#0f1216;max-height:calc(100svh - 7rem);overflow:hidden auto}.svc-stage .svc-screen:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.svc-stage .svc-screen .dm-page{will-change:auto}.svc-stage[data-kind=display] .svc-frame{background:linear-gradient(#1d2320,#0c0f0d);border-radius:20px;padding:.6rem .6rem .9rem}.svc-stage[data-kind=display] .deploy-bar{display:none}.svc-stage[data-kind=display] .svc-screen{border-radius:8px}.svc-stage[data-kind=display] .svc-stand{flex-direction:column;align-items:center;display:flex}.svc-caption{border-radius:var(--radius-card);border:1px solid var(--line);background:color-mix(in oklab, var(--card) 70%, transparent);flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1rem;padding:.75rem .9rem .75rem 1rem;display:flex}.svc-caption p{flex-wrap:wrap;flex:14rem;align-items:baseline;gap:.2rem .75rem;min-width:0;line-height:1.4;display:flex}.svc-caption b{color:var(--ink);font-size:.95rem;font-weight:650}.svc-caption p span{color:var(--ink-soft);font-size:.85rem}.svc-examples{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(15rem,72%);grid-auto-flow:column;gap:1rem;margin:0 0 1.5rem;padding-bottom:.5rem;display:grid;overflow-x:auto}@media (min-width:900px){.svc-examples{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;padding-bottom:0;overflow:visible}}.svc-example{min-width:0;color:var(--ink-mute);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;flex-direction:column;gap:.2rem;padding:0;display:flex}.svc-example-peek{aspect-ratio:16/10;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--bg-soft);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-3) var(--ease);margin-bottom:.65rem;display:block;overflow:hidden}.svc-example-peek img{object-fit:cover;object-position:50% 0;opacity:.78;width:100%;height:100%;transition:opacity var(--dur-3) var(--ease);display:block}.svc-example b{color:var(--ink-soft);transition:color var(--dur-2) var(--ease);font-size:1rem;font-weight:650}.svc-example-about{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.svc-example:hover .svc-example-peek{border-color:var(--ink-mute)}:is(.svc-example:hover img,.svc-example:focus-visible img,.svc-example[aria-pressed=true] img){opacity:1}.svc-example:hover b,.svc-example[aria-pressed=true] b{color:var(--ink)}.svc-example[aria-pressed=true] .svc-example-peek{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.svc-example:focus-visible{outline:none}.svc-example:focus-visible .svc-example-peek{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.svc-example-peek img{transition:opacity var(--dur-3) var(--ease), object-position 5s cubic-bezier(.45, 0, .55, 1)}:is(.svc-example:hover img,.svc-example:focus-visible img){object-position:50% 100%;transition:opacity var(--dur-3) var(--ease), object-position 6s cubic-bezier(.45, 0, .55, 1)}}.svc-stage .dm-scale{position:relative}.svc-cursor{z-index:40;width:calc(20px * var(--svc-inv,1));height:calc(24px * var(--svc-inv,1));margin:calc(-2px * var(--svc-inv,1)) 0 0 calc(-3px * var(--svc-inv,1));pointer-events:none;opacity:0;will-change:transform;transition:transform .75s cubic-bezier(.45,.05,.2,1),opacity .3s;position:absolute;top:0;left:0}.svc-cursor.is-on{opacity:1}.svc-cursor svg{fill:#fff;stroke:#0b1210;stroke-width:1.4px;stroke-linejoin:round;width:100%;height:100%;filter:drop-shadow(0 calc(2px * var(--svc-inv,1)) calc(3px * var(--svc-inv,1)) #00000059);transform-origin:10% 6%;transition:transform .12s;display:block;overflow:visible}.svc-cursor:before{content:"";left:calc(-16px * var(--svc-inv,1));top:calc(-16px * var(--svc-inv,1));width:calc(36px * var(--svc-inv,1));height:calc(36px * var(--svc-inv,1));opacity:0;background:#34e08973;border-radius:50%;position:absolute;transform:scale(.2)}.svc-cursor.is-press svg{transform:scale(.86)}.svc-cursor.is-press:before{animation:.5s ease-out svc-press}@keyframes svc-press{30%{opacity:1}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.svc-cursor{display:none}}.svc-layer{z-index:30;pointer-events:none;position:absolute;inset:0}.svc-mark{width:calc(26px * var(--svc-inv,1));height:calc(26px * var(--svc-inv,1));color:#06130b;font:700 calc(13px * var(--svc-inv,1)) / 1 var(--font-sans);box-shadow:0 0 0 calc(2px * var(--svc-inv,1)) #06130b;background:#34e089;border-radius:9999px;place-items:center;font-style:normal;display:grid;position:absolute;top:0;left:0}.svc-mark[hidden]{display:none}.svc-mark.is-marked{animation:svc-mark 1.2s var(--ease) 2}@keyframes svc-mark{40%{box-shadow:0 0 0 calc(10px * var(--svc-inv,1)) #34e08959;scale:1.25}}.svc-notes{margin-top:clamp(1.75rem,3vw,2.5rem)}.svc-notes ol{gap:.25rem 2.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.svc-notes ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.svc-notes ol[hidden]{display:none}.svc-notes button{border:0;border-bottom:1px solid var(--line-soft);width:100%;min-height:44px;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer;transition:color var(--dur-2) var(--ease);background:0 0;align-items:baseline;gap:.85rem;padding:.7rem 0;font-size:1rem;line-height:1.5;display:flex}.svc-notes button:hover{color:var(--ink)}.svc-notes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.svc-note-n{min-width:1.25rem;font-family:var(--font-mono);color:var(--accent);flex:none;font-size:.85rem;font-weight:600}.svc-faq{padding-top:0}.svc-faq-grid{gap:1.25rem 4rem;display:grid}@media (min-width:1024px){.svc-faq-grid{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr)}}.svc-faq-list{border-top:1px solid var(--line)}.svc-faq-item{border-bottom:1px solid var(--line)}.svc-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;min-height:44px;padding:1.1rem 0;font-size:1.05rem;font-weight:600;line-height:1.4;list-style:none;display:flex}.svc-faq-item summary::-webkit-details-marker{display:none}.svc-faq-item summary:hover{color:var(--accent)}.svc-faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.svc-faq-mark{flex:none;width:1rem;height:1rem;position:relative}.svc-faq-mark:before,.svc-faq-mark:after{content:"";width:100%;height:2px;transition:transform var(--dur-2) var(--ease);background:currentColor;border-radius:2px;margin-top:-1px;position:absolute;top:50%;left:0}.svc-faq-mark:after{transform:rotate(90deg)}.svc-faq-item[open] .svc-faq-mark:after{transform:rotate(0)}.svc-faq-item p{max-width:44rem;color:var(--ink-soft);padding-bottom:1.3rem;line-height:1.65}.svc-switch{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-block:2rem;display:flex}.svc-switch ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.svc-switch-all{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:.72rem}.svc-switch-all:hover{color:var(--accent)}.svc-switch li a{border-radius:var(--radius-control);min-height:2.5rem;color:var(--ink-soft);transition:color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);align-items:center;padding:.3rem .8rem;font-size:.9rem;font-weight:600;display:inline-flex}.svc-switch li a:hover,.svc-switch li a[aria-current=page]{color:var(--ink);background:var(--line-soft)}.svc-index{gap:clamp(2.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.svc-index{grid-template-columns:repeat(2,minmax(0,1fr))}}.svc-tile{color:var(--ink);display:block}.svc-tile-shot{aspect-ratio:1120/760;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--bg-soft);transition:border-color var(--dur-2) var(--ease);display:block;overflow:hidden}.svc-tile-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.svc-tile:hover .svc-tile-shot{border-color:var(--ink-mute)}.svc-tile:focus-visible{outline:none}.svc-tile:focus-visible .svc-tile-shot{outline:2px solid var(--accent);outline-offset:3px}.svc-tile h2{font-family:var(--font-display);font-variation-settings:"wdth" 100;letter-spacing:-.02em;margin-top:1.25rem;font-size:clamp(1.4rem,2vw,1.75rem);font-weight:650;line-height:1.12}.svc-tile:hover h2{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em}.svc-tile p{max-width:34rem;color:var(--ink-soft);margin-top:.5rem;line-height:1.55}.svc-tile-demo{color:var(--ink-mute);margin-top:.6rem;font-size:.85rem;display:block}@media (prefers-reduced-motion:reduce){.svc-mark.is-marked{animation:none}}