.demo-shell{min-height:100vh;padding:32px;background:#0b0d10}.lfi-concave-slider{display:block;width:100%;color:#f4efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lfi-concave-slider *,.lfi-concave-slider *:before,.lfi-concave-slider *:after{box-sizing:border-box}.lfi-concave-slider__inner{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(420px,1.55fr);grid-template-areas:"copy workspace" "cta workspace" "legend legend" "controls controls";gap:20px 24px;align-items:stretch;padding:clamp(20px,3vw,36px);overflow:hidden;background:radial-gradient(circle at 18% 0%,#f0d28a29,#f0d28a00 34%),radial-gradient(circle at 90% 8%,#00a79d2e,#00a79d00 38%),linear-gradient(180deg,#171c24,#10151d 48%,#0b0d10);border:1px solid rgba(240,210,138,.18);border-radius:22px;box-shadow:0 24px 60px #0000005c}.lfi-concave-slider__copy{grid-area:copy;align-self:start}.lfi-concave-slider__eyebrow{margin:0 0 10px;width:max-content;max-width:100%;padding:6px 11px;border:1px solid rgba(240,210,138,.34);border-radius:999px;background:#f0d28a14;color:#f0d28a;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.lfi-concave-slider h2{margin:0;max-width:12ch;color:#f4efe6;font-size:clamp(1.9rem,3.2vw,3.55rem);line-height:.98;letter-spacing:0;text-transform:uppercase}.lfi-concave-slider__copy p:not(.lfi-concave-slider__eyebrow){margin:18px 0 0;max-width:38rem;color:#d6d0c5;font-size:1rem;line-height:1.6}.lfi-concave-slider__cta{grid-area:cta;display:inline-flex;align-items:center;justify-content:center;justify-self:start;align-self:start;min-height:48px;margin-top:0;padding:0 22px;border:1px solid rgba(255,231,164,.8);border-radius:999px;background:linear-gradient(180deg,#ffe7a4,#e7bd5c);color:#101820!important;box-shadow:0 14px 30px #e7bd5c3d,inset 0 1px #fff9;font-size:.94rem;font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.lfi-concave-slider__cta:hover{box-shadow:0 18px 38px #e7bd5c57,inset 0 1px #ffffffad;filter:brightness(1.04);transform:translateY(-1px)}.lfi-concave-slider__cta:focus-visible,.lfi-concave-slider input:focus-visible{outline:3px solid rgba(42,111,203,.45);outline-offset:3px}.lfi-concave-slider__workspace{grid-area:workspace;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.lfi-concave-slider__panel{position:relative;display:grid;grid-template-rows:auto;min-width:0;margin:0;overflow:hidden;background:#101820;border:1px solid rgba(240,210,138,.16);border-radius:18px;box-shadow:inset 0 1px #ffffff0f}.lfi-concave-slider__panel--quarter{background:radial-gradient(circle at 48% 42%,#fff,#f4f7f9 48%,#e7edf1),#f7f8fa;border-color:#f0d28a33}.lfi-concave-slider__panel figcaption{position:absolute;inset-block-start:14px;inset-inline-start:16px;z-index:2;padding:0;font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:#00a79d;pointer-events:none}.lfi-concave-slider__panel--section figcaption{color:#f3f7fb}.lfi-concave-slider__viewport{position:relative;inline-size:100%;block-size:clamp(320px,31vw,500px);overflow:hidden}.lfi-concave-slider__viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%}.lfi-concave-slider__legend{grid-area:legend;display:flex;flex-wrap:nowrap;gap:12px 16px;align-items:center;justify-content:flex-start;min-width:0;padding:12px 16px;background:#17212b;border:1px solid rgba(240,210,138,.14);border-radius:14px;color:#f5f8fb;font-size:.9rem;font-weight:800;line-height:1.1;overflow:hidden}.lfi-concave-slider__legend-title{flex:0 0 auto;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.lfi-concave-slider__legend-item{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 1 auto;min-width:0;max-width:100%;gap:8px;white-space:nowrap;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.lfi-concave-slider__legend-line{display:inline-block;flex:0 0 44px;width:44px;height:0;border-top:4px solid #ffffff;border-radius:999px}.lfi-concave-slider__legend-line--center{height:4px;border-top:0;background:repeating-linear-gradient(90deg,#a78bfa 0 10px,transparent 10px 16px)}.lfi-concave-slider__legend-line--hub{border-color:#f0c45c}.lfi-concave-slider__legend-line--spoke{border-color:#4a9bff}.lfi-concave-slider__legend-line--width{border-color:#22c55e}.lfi-concave-slider__legend-line--diameter{border-color:#ef4444}.lfi-concave-slider__panel--quarter .lfi-concave-slider__viewport canvas{cursor:grab;touch-action:none}.lfi-concave-slider__panel--quarter .lfi-concave-slider__viewport canvas:active{cursor:grabbing}.lfi-concave-slider__controls{grid-area:controls;display:grid;grid-template-columns:minmax(180px,.72fr) repeat(3,minmax(0,1fr));gap:18px;align-self:stretch;align-items:end;margin:0;padding:18px;background:radial-gradient(circle at 100% 0%,#00a79d1f,#00a79d00 36%),linear-gradient(180deg,#171c24,#10151d);border:1px solid rgba(240,210,138,.16);border-radius:18px}.lfi-concave-slider__controls>label{min-width:0}.lfi-concave-slider__controls .lfi-concave-slider__note{grid-column:1 / -1}.lfi-concave-slider__readout{display:grid;grid-template-columns:1fr;gap:3px;align-items:end}.lfi-concave-slider__readout-label{grid-column:1 / -1;color:#f0d28a;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.lfi-concave-slider__readout strong{color:#f4efe6;font-size:1.9rem;line-height:1}.lfi-concave-slider__readout span:last-child{color:#00a79d;font-size:.85rem;font-weight:800;justify-self:start}.lfi-concave-slider label{display:grid;gap:10px;color:#f4efe6;font-size:.9rem;font-weight:780}.lfi-concave-slider label span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#f4efe6!important}.lfi-concave-slider output{color:#f0d28a!important;font-variant-numeric:tabular-nums}.lfi-concave-slider input[type=range]{width:100%;accent-color:#00a79d;cursor:pointer}.lfi-concave-slider__note{margin:0;color:#d6d0c5c2;font-size:.78rem;line-height:1.5}.lfi-concave-slider--product .lfi-concave-slider__inner,.lfi-concave-slider--article .lfi-concave-slider__inner{grid-template-columns:1fr;grid-template-areas:"copy" "workspace" "legend" "controls"}.lfi-concave-slider--product h2,.lfi-concave-slider--article h2{max-width:none;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.05}.lfi-concave-slider--product .lfi-concave-slider__copy,.lfi-concave-slider--article .lfi-concave-slider__copy{align-self:start}.lfi-concave-slider--product .lfi-concave-slider__copy p:not(.lfi-concave-slider__eyebrow),.lfi-concave-slider--article .lfi-concave-slider__copy p:not(.lfi-concave-slider__eyebrow){max-width:58rem}.lfi-concave-slider--product .lfi-concave-slider__workspace,.lfi-concave-slider--article .lfi-concave-slider__workspace{min-height:0}.lfi-concave-slider--product .lfi-concave-slider__cta,.lfi-concave-slider--article .lfi-concave-slider__cta{display:none}@media (max-width: 1420px){.lfi-concave-slider h2{font-size:clamp(1.9rem,2.85vw,3.05rem)}}@media (max-width: 1180px){.demo-shell{padding:18px}.lfi-concave-slider__inner,.lfi-concave-slider--product .lfi-concave-slider__inner,.lfi-concave-slider--article .lfi-concave-slider__inner{grid-template-columns:1fr;grid-template-areas:"copy" "workspace" "legend" "cta" "controls"}.lfi-concave-slider h2{max-width:13ch;font-size:clamp(2rem,11vw,3.4rem)}.lfi-concave-slider__workspace{grid-area:workspace;display:grid;grid-template-columns:1fr;gap:16px;min-height:0}.lfi-concave-slider__panel--section,.lfi-concave-slider__panel--quarter{grid-area:auto}.lfi-concave-slider__controls{grid-template-columns:1fr;align-items:stretch}.lfi-concave-slider__controls .lfi-concave-slider__note{grid-column:auto}.lfi-concave-slider__viewport{block-size:clamp(300px,54vw,460px)}.lfi-concave-slider__legend{flex-wrap:wrap;justify-content:flex-start;text-align:left}.lfi-concave-slider__legend-title{justify-self:start}.lfi-concave-slider__legend-item{flex-basis:auto}}@media (max-width: 880px){.lfi-concave-slider__workspace{grid-template-columns:1fr;min-height:0}}@media (max-width: 540px){.lfi-concave-slider__inner{padding:16px}.lfi-concave-slider h2{max-width:none;font-size:2rem;line-height:1.05}.lfi-concave-slider__viewport{block-size:280px}.lfi-concave-slider__legend{align-items:stretch;font-size:.86rem}.lfi-concave-slider__legend-title,.lfi-concave-slider__legend-item{flex:1 1 100%;width:100%}.lfi-concave-slider__legend-line{flex-basis:44px;width:44px}.lfi-concave-slider__readout{grid-template-columns:1fr}}