@property --lab-accent{syntax: "<color>"; inherits: true; initial-value: #884dff;}@property --gx{syntax: "<percentage>"; inherits: false; initial-value: 30%;}@property --gy{syntax: "<percentage>"; inherits: false; initial-value: 40%;}:root{--st-bg: #07080a;--st-panel: #0e1013;--st-line: rgb(255 255 255 / 12%);--st-text: #f6f4f5;--st-dim: rgb(255 255 255 / 76%);--st-faint: rgb(255 255 255 / 58%)}.home{background:var(--st-bg)}.home [hidden],.app-demo [hidden]{display:none!important}.home .site-header{background:var(--st-bg);border-color:var(--st-line)}.studio-hero,.story,.lab{--nl-focus: #ffffff;color:var(--st-text)}.studio-eyebrow{margin:0 0 1rem;color:var(--st-faint);font-size:.76rem;font-variation-settings:"wght" 720;letter-spacing:.11em;line-height:1.25;text-transform:uppercase}.film{position:relative;aspect-ratio:var(--film-ratio, 16 / 9);overflow:hidden;background:#0b0b10}.film__poster,.film__poster img,.film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film__video{opacity:0;transition:opacity .7s var(--nl-ease-out)}.film.is-live .film__video{opacity:1}.film__toggle{position:absolute;right:.75rem;bottom:.75rem;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgb(255 255 255 / 34%);border-radius:50%;background:#07080ab8;color:#fff;cursor:pointer;transition:background var(--nl-duration-sm),transform var(--nl-duration-sm)}.film__toggle:hover{background:#07080aeb;transform:scale(1.06)}.film__icon--play,.film[data-paused] .film__icon--pause{display:none}.film[data-paused] .film__icon--play{display:block}.studio-hero{position:relative;isolation:isolate;display:flex;min-height:min(52rem,calc(100svh - 5rem));flex-direction:column;justify-content:flex-end;overflow:clip;background:var(--st-bg)}.studio-hero__media{position:absolute;z-index:-2;inset:0}.studio-hero__film{position:absolute;inset:0;height:100%;aspect-ratio:auto}.studio-hero__film .film__toggle{top:1rem;right:max(1rem,var(--nl-gutter));bottom:auto}.studio-hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,#07080ae5,#07080a9e,#07080a14 72%),linear-gradient(0deg,rgb(7 8 10 / 96%) 0%,rgb(7 8 10 / 40%) 30%,transparent 55%)}.studio-hero:after{position:absolute;z-index:-1;inset:0;background:radial-gradient(32rem circle at calc(var(--mx, .2) * 100%) calc(var(--my, .4) * 100%),rgb(136 77 255 / 20%),transparent 62%);content:"";mix-blend-mode:screen;pointer-events:none}.studio-hero__content{display:grid;gap:1.5rem;padding-block:clamp(4rem,12vh,8rem) clamp(1.5rem,3vh,2.5rem)}.studio-hero__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:0;color:var(--st-dim);font-size:.8rem;font-variation-settings:"wght" 700;letter-spacing:.1em;text-transform:uppercase}.studio-hero__clock{padding:.18rem .6rem;border:1px solid var(--st-line);border-radius:99rem;color:var(--st-faint);font-variant-numeric:tabular-nums;letter-spacing:.04em}.pulse{position:relative;width:.55rem;height:.55rem;border-radius:50%;background:#fff}.studio-hero__title{max-width:10.5em;margin:0;font-size:clamp(2.6rem,1rem + 4.7vw,5.8rem);font-variation-settings:"wght" 700;letter-spacing:-.042em;line-height:1;text-wrap:balance}.studio-hero__lead{display:grid;max-width:36rem;gap:1rem}.studio-hero__lockup{width:clamp(9rem,16vw,12.5rem);height:auto}.studio-hero__summary{margin:0;color:var(--st-dim);font-size:clamp(1.05rem,1rem + .35vw,1.28rem);line-height:1.5}.studio-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.studio-btn{display:inline-flex;min-height:3.25rem;align-items:center;padding:.82rem 1.3rem;border:1px solid transparent;border-radius:var(--nl-radius-sm);font-variation-settings:"wght" 650;text-decoration:none;transition:background var(--nl-duration-sm),border-color var(--nl-duration-sm),transform var(--nl-duration-sm)}.studio-btn:hover{transform:translateY(-2px)}.studio-btn--solid{background:#fff;color:#0b0d0e}.studio-btn--solid:hover{background:var(--zp-lilac)}.studio-btn--ghost{border-color:#ffffff61;color:#fff}.studio-btn--ghost:hover{border-color:#fff;background:#ffffff1a}.studio-dock{border-top:1px solid var(--st-line);background:#07080aeb}.studio-dock__inner{display:grid;gap:.75rem;padding-block:1rem}.studio-dock__list{display:flex;gap:.6rem;margin:0;padding:0 0 .25rem;overflow-x:auto;list-style:none;scroll-snap-type:x proximity}.studio-dock__list>li{flex:1 0 auto;scroll-snap-align:start}.dock-item{position:relative;display:flex;height:100%;min-height:3.75rem;align-items:center;gap:.75rem;padding:.65rem 1rem .65rem .8rem;overflow:hidden;border:1px solid var(--st-line);border-radius:.7rem;background:#ffffff08;color:#fff;text-decoration:none;transition:transform .32s var(--nl-ease-settle),border-color var(--nl-duration-md)}.dock-item:before{position:absolute;inset:0;background:radial-gradient(11rem circle at var(--px, 50%) var(--py, 0%),rgb(255 255 255 / 14%),transparent 65%);content:"";opacity:0;transition:opacity var(--nl-duration-md)}.dock-item:hover,.dock-item:focus-visible{border-color:#fff6;transform:translateY(-3px)}.dock-item:hover:before{opacity:1}.dock-item__icon{position:relative;width:2.25rem;height:2.25rem;flex:none;border-radius:22.5%}.dock-item__text{position:relative;display:grid;gap:.2rem}.dock-item__name{font-size:1rem;font-variation-settings:"wght" 680;line-height:1.1}.dock-item__lockup{width:5.6rem;height:auto}.dock-item__status{display:flex;align-items:center;gap:.4rem;color:var(--st-dim);font-size:.78rem;line-height:1.2;white-space:nowrap}.dock-item__detail{display:none}.dock-dot{display:inline-block;width:.55rem;height:.55rem;flex:none;border:1.5px solid currentColor;border-radius:50%}.dock-dot--live{border-color:#3ddc97;background:#3ddc97}.studio-dock__note{margin:0;color:var(--st-faint);font-size:.78rem;line-height:1.4}.story{padding-block:clamp(4rem,9vw,8rem) clamp(3rem,6vw,5rem);background:linear-gradient(180deg,var(--st-bg) 0,var(--zp-midnight-low) 22rem,var(--zp-midnight) 100%)}.story__intro{display:grid;gap:1.25rem;margin-bottom:clamp(2rem,6vw,5rem)}.story__name{margin:0}.story__name img{width:clamp(11rem,20vw,16rem);height:auto}.story__title{max-width:14em;margin:0;font-size:clamp(2.2rem,1.2rem + 3.6vw,4.6rem);font-variation-settings:"wght" 690;letter-spacing:-.035em;line-height:1.03;text-wrap:balance}.story__problem{display:grid;gap:1rem;max-width:44rem;color:var(--st-dim);font-size:clamp(1.05rem,1rem + .3vw,1.22rem)}.story__problem p{margin:0}.story__answer{color:#fff;font-variation-settings:"wght" 600}.story__body{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.story__steps,.step,.step__inline{min-width:0}.step{padding-block:2.75rem;border-top:1px solid var(--st-line)}.step__meta{display:flex;align-items:center;gap:.75rem;margin:0 0 .9rem;color:var(--st-faint);font-size:.78rem;font-variation-settings:"wght" 700;letter-spacing:.09em;text-transform:uppercase}.step__n{color:#b99bff;font-variant-numeric:tabular-nums}.step h3{max-width:14em;margin:0 0 1rem;font-size:clamp(1.8rem,1.2rem + 2.2vw,3rem);font-variation-settings:"wght" 690;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}.step__body{max-width:34rem;margin:0;color:var(--st-dim);font-size:clamp(1.02rem,1rem + .2vw,1.14rem)}.step__links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem;margin-top:1.4rem}.step__link{display:inline-flex;min-height:2.75rem;align-items:center;color:#fff;font-variation-settings:"wght" 640}.step__inline{display:grid;grid-template-columns:minmax(0,1fr);margin-top:2rem;justify-items:center}.story__stage{display:none}.story__credits{display:grid;gap:.35rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--st-line);color:var(--st-faint);font-size:.86rem}.story__credits p{margin:0}.duo{display:grid;width:100%;min-width:0;align-items:center;gap:1.5rem}.duo__film,.window-film{display:grid;justify-items:center;gap:.6rem;margin:0}.duo__film figcaption,.window-film figcaption{color:var(--st-faint);font-size:.8rem}.window-film{width:100%;grid-template-columns:minmax(0,1fr)}.window-film .device--window{max-width:100%}.device__screen .film{display:block}.story .device{max-width:100%}.device--phone .device__screen .film{border-radius:inherit}.platform-stack{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,42rem);gap:1.25rem}.layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.layers li{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border:1px solid var(--st-line);border-radius:.55rem;background:#ffffff0a;font-size:.92rem;font-variation-settings:"wght" 600}.layers__n{color:#b99bff;font-size:.74rem;font-variant-numeric:tabular-nums}.deck{--deck-h: clamp(24rem, 56svh, 36rem);display:grid;width:100%;justify-items:center;gap:.9rem}.deck--window{--deck-h: clamp(14rem, 30vw, 24rem)}.deck__stage{width:100%;height:var(--deck-h);padding-block:1rem;overflow:clip;overflow-clip-margin:0;perspective:1600px;touch-action:pan-y}.deck__stage:focus-visible{outline:3px solid var(--nl-focus);outline-offset:4px;border-radius:1rem}.deck__tilt{height:100%;min-height:0;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .5s var(--nl-ease-out)}.deck__slides{position:relative;height:100%;margin:0;padding:0;list-style:none;transform-style:preserve-3d}.deck__slide{height:100%;aspect-ratio:var(--deck-ar)}.deck__frame{height:100%;overflow:hidden;background:#0b0b10}.deck__frame picture,.deck__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none;user-select:none}.deck--phone .deck__frame{padding:.38rem;border-radius:2.35rem;background:#09080f;box-shadow:inset 0 0 0 1px #ffffff24,0 2.5rem 3.5rem -1.5rem #000000b3}.deck--phone .deck__frame img{border-radius:2rem}.deck--art .deck__frame{border-radius:1.7rem;box-shadow:0 0 0 1px #ffffff1a,0 2.5rem 3.5rem -1.5rem #000000b3}.deck--window .deck__frame{border-radius:.7rem;box-shadow:0 0 0 1px #ffffff24,0 2.5rem 3.5rem -1.5rem #000000b3}.deck:not([data-ready]) .deck__slides{display:flex;gap:1rem;padding-bottom:1rem;overflow-x:auto;scroll-snap-type:x mandatory}.deck:not([data-ready]) .deck__slide{flex:none;scroll-snap-align:center}.deck[data-ready] .deck__slide{position:absolute;top:0;left:50%;--scale: 1;--z: 90px;opacity:1;transform:translate(-50%) translate(calc(var(--o, 0) * 56%)) translateZ(var(--z)) rotateY(calc(var(--o, 0) * -24deg)) scale(var(--scale));transition:transform .8s var(--nl-ease-settle),opacity .6s var(--nl-ease-out),filter .6s var(--nl-ease-out)}.deck--window[data-ready] .deck__slide{transform:translate(-50%) translate(calc(var(--o, 0) * 34%)) translateZ(var(--z)) rotateY(calc(var(--o, 0) * -18deg)) scale(var(--scale))}.deck[data-ready] [data-pos=active]{z-index:4}.deck[data-ready] [data-pos=near]{--scale: .84;--z: 0px;z-index:3;opacity:.66;filter:brightness(.72);cursor:pointer}.deck[data-ready] [data-pos=far]{--scale: .7;--z: -90px;z-index:2;opacity:.3;filter:brightness(.5);cursor:pointer}.deck[data-ready] [data-pos=away]{--scale: .6;--z: -180px;z-index:1;opacity:0;pointer-events:none}.deck__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .6rem}.deck__step{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgb(255 255 255 / 28%);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background var(--nl-duration-sm),border-color var(--nl-duration-sm)}.deck__step:hover{border-color:#fff;background:#ffffff1a}.deck__dots{display:flex;margin:0;padding:0;list-style:none}.deck__dot{display:grid;width:1.5rem;height:2.75rem;place-items:center;border:0;background:transparent;cursor:pointer}.deck__dot span{display:block;width:.5rem;height:.5rem;border-radius:99rem;background:#fff6;transition:width .3s var(--nl-ease-settle),background var(--nl-duration-md)}.deck__dot[aria-current=true] span{width:1.5rem;background:#fff}.deck__auto{min-height:2.75rem;padding:0 .6rem;border:0;background:transparent;color:var(--st-dim);cursor:pointer;font:inherit;font-size:.86rem;text-decoration:underline;text-underline-offset:.2em}.deck__auto:hover{color:#fff}.deck__caption{max-width:34ch;min-height:3.1em;margin:0;color:var(--st-dim);font-size:.9rem;line-height:1.5;text-align:center}.lab{position:relative;padding-block:clamp(4rem,9vw,8rem);overflow:clip;background:var(--st-bg);isolation:isolate;--lab-accent: #884dff;transition:--lab-accent .9s var(--nl-ease-out)}.lab:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(52rem 34rem at 78% 40%,color-mix(in oklab,var(--lab-accent) 26%,transparent),transparent 70%),radial-gradient(40rem 26rem at 8% 100%,color-mix(in oklab,var(--lab-accent) 12%,transparent),transparent 70%);content:""}.lab__head{display:grid;gap:.75rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.lab__head h2{max-width:12em;margin:0;font-size:clamp(2.2rem,1.2rem + 3.6vw,4.6rem);font-variation-settings:"wght" 690;letter-spacing:-.035em;line-height:1.03}.lab__summary{max-width:40rem;margin:0;color:var(--st-dim);font-size:clamp(1.02rem,1rem + .25vw,1.2rem)}.lab__grid{display:grid;gap:1.5rem}.lab__tabs{display:flex;gap:.6rem;padding-bottom:.25rem;overflow-x:auto}.lab-tab{display:flex;min-width:13.5rem;flex:none;align-items:center;gap:.8rem;padding:.75rem 1rem .75rem .8rem;border:1px solid var(--st-line);border-radius:.8rem;background:#ffffff08;color:#fff;cursor:pointer;font:inherit;text-align:left;transition:transform .32s var(--nl-ease-settle),border-color var(--nl-duration-md),background var(--nl-duration-md)}.lab-tab:hover{border-color:#fff6;transform:translateY(-2px)}.lab-tab[aria-selected=true]{border-color:var(--app-accent);background:color-mix(in oklab,var(--app-accent) 18%,rgb(255 255 255 / 3%));box-shadow:0 0 0 1px var(--app-accent)}.lab-tab__icon{width:3rem;height:3rem;flex:none;border-radius:22.5%}.lab-tab__text{display:grid;gap:.25rem}.lab-tab__name{font-size:1.1rem;font-variation-settings:"wght" 690;line-height:1.1}.lab-tab__status{display:flex;align-items:center;gap:.4rem;color:var(--st-dim);font-size:.78rem;line-height:1.2}.lab-panel{display:grid;gap:1.25rem;min-width:0}.lab[data-ready] .lab-panel:not([data-selected]){display:none}.lab:not([data-ready]) .lab-panel+.lab-panel{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--st-line)}.lab-panel__intro{display:flex;align-items:center;gap:1rem}.lab-panel__icon{width:4.5rem;height:4.5rem;border-radius:22.5%;box-shadow:0 .8rem 2rem -.6rem var(--app-accent)}.lab-panel__intro h3{margin:0 0 .4rem;font-size:clamp(2rem,1.4rem + 2vw,3.2rem);font-variation-settings:"wght" 700;letter-spacing:-.035em;line-height:1}.lab-panel__proposition{max-width:30rem;margin:0;color:var(--st-dim);font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.5}.lab-panel__source{max-width:44rem;margin:0;color:var(--st-faint);font-size:.8rem;text-align:center}.lab-panel__facts{display:grid;align-content:start;gap:1rem}.lab-panel__platforms{margin:0;color:var(--st-dim)}.lab-panel__links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none}.lab-panel__links a{display:inline-flex;min-height:2.75rem;align-items:center;color:#fff;font-variation-settings:"wght" 620}.lab-panel__open{padding-inline:1rem;border:1px solid rgb(255 255 255 / 40%);border-radius:var(--nl-radius-sm)}.lab .status-badge{border-color:#ffffff3d;background:#ffffff14;color:#fff}@media(scripting:enabled){[data-reveal]{opacity:0;transform:translateY(1.5rem);animation:reveal-fallback 0s 3s forwards}[data-reveal].is-in{opacity:1;transform:none;animation:none;transition:opacity .9s var(--nl-ease-settle),transform .9s var(--nl-ease-settle)}}@keyframes reveal-fallback{to{opacity:1;transform:none}}@media(min-width:48rem){.dock-item__detail{display:inline}.studio-dock__inner{grid-template-columns:1fr}.duo{grid-template-columns:minmax(0,1fr) auto}.story__problem{grid-template-columns:1fr 1fr;max-width:62rem;gap:2.5rem}}@media(max-width:47.99rem){.studio-hero{min-height:40rem}.studio-hero__scrim{background:linear-gradient(0deg,#07080af5,#07080ab3 45%,#07080a3d 80%),linear-gradient(90deg,rgb(7 8 10 / 40%),transparent)}.deck{--deck-h: clamp(22rem, 62svh, 30rem)}.deck--window{--deck-h: 13rem}.layers{grid-template-columns:1fr}.deck--phone .deck__frame{border-radius:1.9rem}.deck--phone .deck__frame img{border-radius:1.55rem}}@media(min-width:64rem){.lab__grid{grid-template-columns:17rem minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start}.lab__tabs{position:sticky;top:1.5rem;flex-direction:column;overflow:visible}.lab-tab{min-width:0}.lab-panel{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-areas:"intro deck" "prop deck" "facts deck" ". source";grid-template-rows:auto auto 1fr auto;column-gap:clamp(1.5rem,3vw,3rem);align-items:start}.lab-panel__intro{grid-area:intro}.lab-panel__proposition{grid-area:prop}.lab-panel .deck{grid-area:deck;align-self:center}.lab-panel__facts{grid-area:facts}.lab-panel__source{grid-area:source}.story__body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,6rem);align-items:start}.step{display:flex;min-height:88svh;flex-direction:column;justify-content:center;padding-block:3rem;opacity:.6;transition:opacity .5s var(--nl-ease-out)}.step[data-current]{opacity:1}.step:first-child{border-top:0}.step__inline{display:none}.story__stage{--gx: 30%;--gy: 40%;position:sticky;top:5.5rem;display:grid;height:calc(100svh - 7rem);place-items:center;overflow:hidden;border:1px solid var(--st-line);border-radius:1.25rem;background:radial-gradient(34rem circle at var(--gx) var(--gy),rgb(136 77 255 / 38%),transparent 70%),var(--zp-midnight-low);transition:--gx .9s var(--nl-ease-settle),--gy .9s var(--nl-ease-settle)}.story__stage[data-active=customer]{--gx: 30%;--gy: 38%}.story__stage[data-active=business]{--gx: 70%;--gy: 50%}.story__stage[data-active=dashboard]{--gx: 50%;--gy: 70%}.story__stage[data-active=platform]{--gx: 62%;--gy: 28%}.story__rail{position:absolute;z-index:2;top:1.25rem;left:1.25rem;display:flex;gap:.4rem}.story__rail span{width:1.4rem;height:.25rem;border-radius:99rem;background:#ffffff42;transition:width .4s var(--nl-ease-settle),background var(--nl-duration-md)}.story__rail span[data-current]{width:3rem;background:#fff}.panel{display:grid;width:100%;grid-template-columns:minmax(0,1fr);grid-area:1 / 1;justify-items:center;padding:2rem 1.5rem;opacity:0;pointer-events:none;transform:translateY(1.5rem) scale(.97);transition:opacity .6s var(--nl-ease-out),transform .8s var(--nl-ease-settle)}.panel[data-current]{opacity:1;pointer-events:auto;transform:none}.panel .deck{--deck-h: clamp(26rem, 62svh, 38rem)}.panel .duo .deck{--deck-h: clamp(22rem, 48svh, 30rem)}.story .device--window{--device-w: 40rem}}@media(min-width:64rem)and (max-height:46rem){.step{min-height:100svh}}@media(prefers-reduced-motion:no-preference){.pulse:after{position:absolute;inset:-.3rem;border:1px solid rgb(255 255 255 / 70%);border-radius:50%;animation:pulse 2.4s var(--nl-ease-out) infinite;content:""}.studio-hero__kicker{animation:st-rise .8s var(--nl-ease-settle) 80ms both}.studio-hero__title{animation:st-rise 1s var(--nl-ease-settle) .16s both}.studio-hero__lead{animation:st-rise 1s var(--nl-ease-settle) .3s both}.studio-dock{animation:st-fade 1s var(--nl-ease-settle) .56s both}.lab-panel[data-selected]{animation:lab-in .7s var(--nl-ease-settle) both}.panel[data-current] .layers li{animation:layer-in .7s var(--nl-ease-settle) both;animation-delay:calc(var(--i, 0) * 70ms + .2s)}@supports (animation-timeline: view()){.studio-hero__media{animation:hero-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.studio-hero__content{animation:hero-lift linear both;animation-timeline:view();animation-range:exit 5% exit 75%}}@keyframes pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@keyframes st-rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes st-fade{0%{opacity:0}}@keyframes lab-in{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes layer-in{0%{opacity:0;transform:translate(-1rem)}}@keyframes hero-drift{to{transform:translateY(9%) scale(1.07)}}@keyframes hero-lift{to{opacity:0;transform:translateY(-3rem)}}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;animation:none}.deck__tilt{transform:none}}.app-demo{--nl-focus: #ffffff;position:relative;isolation:isolate;padding-block:clamp(3rem,7vw,6rem);overflow:clip;background:#0b0d0e;color:var(--st-text)}.app-demo:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(48rem 30rem at 75% 45%,color-mix(in oklab,var(--app-accent, #884dff) 30%,transparent),transparent 70%),radial-gradient(34rem 22rem at 5% 100%,color-mix(in oklab,var(--app-accent, #884dff) 14%,transparent),transparent 70%);content:""}.app-demo__inner{display:grid;align-items:center;gap:2rem}.app-demo__copy h2{max-width:11em;margin:0 0 1rem;font-size:clamp(2rem,1.3rem + 2.6vw,3.6rem);font-variation-settings:"wght" 690;letter-spacing:-.035em;line-height:1.04}.app-demo__copy .eyebrow{color:var(--st-faint)}.app-demo__copy p{max-width:28rem;margin:0;color:var(--st-dim)}@media(min-width:64rem){.app-demo__inner{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem)}}