.solution-hero h1{max-width:16ch}.solution-hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}.solution-index{margin-top:clamp(2.5rem,6vh,4rem)}.solution-index__label{font:400 var(--fs-2xs)/1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-subtle);margin:0 0 var(--s-3)}.solution-index ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s-2);gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.solution-index a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);min-height:var(--tap);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-decoration:none;font-size:var(--fs-sm);line-height:1.3;transition:border-color var(--t-base),background-color var(--t-base);&:hover{border-color:rgb(167 123 91/.55);background:var(--surface-hover)}}.solution-index__count,.solution-index__n{font:400 var(--fs-2xs)/1 var(--font-mono);letter-spacing:.08em;color:var(--accent)}.solution-index__count{color:var(--fg-subtle)}.solution-group{padding:clamp(2.5rem,6vh,4rem) 0;border-top:1px solid var(--line);scroll-margin-top:4.5rem}.solution-group__head{max-width:46rem;margin-bottom:var(--s-6);.lede{margin:var(--s-3) 0 0;font-size:var(--fs-base)}}.solution-group__title{font:300 clamp(1.6rem,2.6vw,2.2rem)/1.1 var(--font-display);margin:0}.solution-group__headline{margin:var(--s-3) 0 0;font-size:var(--fs-lg);color:var(--fg)}.solution-group__hint{margin:var(--s-3) 0 0;font:400 var(--fs-2xs)/1.5 var(--font-mono);letter-spacing:.06em;color:var(--fg-subtle)}.solution-group__list{min-width:0;@media (min-width:1000px){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-gap:var(--s-7);gap:var(--s-7);align-items:start}}.solution-group__demo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);margin:var(--s-6) 0 0;.muted{font-size:var(--fs-sm);max-width:40ch}}.svc-stage-wrap{position:-webkit-sticky;position:sticky;top:5.5rem}.svc-stage{display:grid;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-lg);background:rgb(14 14 14/.6);transition:border-color var(--t-base);&[data-state=open]{border-color:rgb(167 123 91/.55)}}.svc-stage__state{margin:0;display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-sm);color:var(--fg);min-height:1.75rem}.svc-stage__badge{font:400 var(--fs-2xs)/1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:.35rem .55rem;border-radius:var(--r-pill);border:1px dashed var(--line-strong);color:var(--fg-muted);[data-state=open] &{border:1px solid var(--accent-strong);color:var(--accent)}}.svc-stage__screen{aspect-ratio:4/3;max-height:62svh;width:100%}.svc-stage--inline{padding:var(--s-3);.svc-stage__screen{aspect-ratio:16/10}}.svc__stage-slot:empty{display:none}.story-control{display:grid;grid-gap:var(--s-2);gap:var(--s-2)}.story-control__label{margin:0;font:400 var(--fs-2xs)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.story-control__note{color:var(--fg-subtle);text-transform:none;letter-spacing:0}.story-control__options{display:flex;flex-wrap:wrap;gap:var(--s-2);button{min-height:var(--tap);padding:0 .95rem;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:none;color:var(--fg-muted);font:400 var(--fs-xs)/1 var(--font-body);cursor:pointer;transition:border-color var(--t-base),color var(--t-base),background-color var(--t-base);&:hover{color:var(--fg);border-color:var(--fg)}&[aria-pressed=true]{color:var(--fg);border-color:var(--accent-strong);background:rgb(167 123 91/.22)}}}.story-control__scrub{display:flex;align-items:center;gap:var(--s-3);input{flex:1 1;accent-color:var(--accent-strong);min-height:var(--tap)}}.story-control__play{min-height:var(--tap);padding:0 .95rem;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:none;color:var(--fg);cursor:pointer}.service-notice{position:fixed;left:50%;bottom:1.25rem;translate:-50% 0;z-index:40;width:min(92vw,34rem);margin:0;padding:var(--s-3) var(--s-4);border:1px solid var(--accent-strong);border-radius:var(--r-md);background:var(--bg-raised);font-size:var(--fs-sm)}.svc-list{border-bottom:1px solid var(--line)}.svc{border-top:1px solid var(--line)}.svc__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--s-4);gap:var(--s-4);min-height:var(--tap);padding:var(--s-3) 0;cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{content:""}&:focus-visible{outline-offset:2px;border-radius:var(--r-sm)}}.svc__icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--line);border-radius:var(--r-md);color:var(--accent-strong);background:rgb(9 9 9/.35);transition:border-color var(--t-base),background-color var(--t-base),color var(--t-base)}.service-icon{width:1.9rem;height:1.9rem;overflow:visible}.service-icon .si-a{stroke:var(--fg);opacity:.85}.svc__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);min-width:0}.svc__title{font:400 var(--fs-base)/1.25 var(--font-body);text-transform:none;letter-spacing:0;transition:color var(--t-base);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.svc__toggle{position:relative;width:2rem;height:2rem;border:1px solid var(--line-strong);border-radius:50%;flex:none;transition:border-color var(--t-base),background-color var(--t-base);&:after,&:before{content:"";position:absolute;left:50%;top:50%;width:.7rem;height:1.5px;background:var(--fg);translate:-50% -50%;transition:rotate var(--t-base) var(--ease),opacity var(--t-base)}&:after{rotate:90deg}}.svc__summary:hover{.svc__title{color:var(--accent)}.svc__icon{border-color:rgb(167 123 91/.55)}.svc__toggle{border-color:var(--fg)}}.svc[open]{.svc__icon{border-color:rgb(167 123 91/.55);background:var(--surface-hover)}.svc__toggle{background:var(--fg);border-color:var(--fg);&:after,&:before{background:var(--bg)}&:after{rotate:0deg;opacity:0}}}.svc:target .svc__summary .svc__title{color:var(--accent)}.svc__body{display:grid;grid-gap:var(--s-5);gap:var(--s-5);padding:0 0 var(--s-6);@media (min-width:600px){padding-left:calc(2.6rem + var(--s-4))}}.svc__text{display:grid;grid-gap:var(--s-3);gap:var(--s-3);justify-items:start;align-content:start;.btn{margin-top:0}}.svc__scope{margin:0;font-size:var(--fs-sm);color:var(--fg-subtle);max-width:52ch}.svc__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);margin:var(--s-2) 0 0}.svc__demo{font-size:var(--fs-sm);color:var(--fg);padding-block:.4rem;.muted{font-size:var(--fs-xs)}}.svc[open]>.svc__summary .svc__title{color:var(--fg);font-weight:500}.svc__does{margin:0;font-size:var(--fs-base);max-width:52ch}.svc__label{font:400 var(--fs-2xs)/1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);margin-top:var(--s-2)}.svc__gets{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s-2);gap:var(--s-2);color:var(--fg-muted);font-size:var(--fs-sm);li{position:relative;padding-left:1.25rem}li:before{content:"";position:absolute;left:0;top:.68em;width:.6rem;height:1px;background:var(--accent-strong)}}.svc__note{margin:var(--s-1) 0 0;font-size:var(--fs-sm);color:var(--fg-muted);max-width:52ch;border-left:2px solid var(--accent-strong);padding-left:var(--s-3);a{color:var(--fg);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.svc-example{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;.project-visual{aspect-ratio:16/8;border-radius:0}}.svc-example__body{padding:var(--s-4) var(--s-4) var(--s-5);h4{font-size:var(--fs-base);margin:var(--s-3) 0 var(--s-2)}p{margin:0;font-size:var(--fs-sm)}}.svc-example__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);.muted{font:400 var(--fs-2xs)/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}}.svc-example__why{margin-top:var(--s-3)!important;color:var(--fg)}.solution-cta{padding-top:0}.solution-cta__panel{display:grid;grid-gap:var(--s-5);gap:var(--s-5);justify-items:start;.lede{margin:0}.display{max-width:18ch}}@media (max-width:599px){.svc__summary{gap:var(--s-3)}.svc__icon{width:2.6rem;height:2.6rem}.service-icon{width:1.6rem;height:1.6rem}.svc__title{font-size:var(--fs-base)}}@media (prefers-reduced-motion:no-preference){.svc[open] .svc__body{animation:svc-open .4s var(--ease) both}}@keyframes svc-open{0%{opacity:0;translate:0 -.5rem}}@media (prefers-reduced-motion:reduce){.svc__toggle:after,.svc__toggle:before{transition:none}}