.feature-spotlight{background-color:var(--color-bg);overflow:hidden;padding-bottom:var(--spot-pad-mobile-bottom,calc(var(--section-spacing)/2));padding-top:var(--spot-pad-mobile-top,calc(var(--section-spacing)/2));position:relative}@media (min-width:768px){.feature-spotlight{padding-bottom:var(--spot-pad-desktop-bottom,var(--section-spacing));padding-top:var(--spot-pad-desktop-top,var(--section-spacing))}}.feature-spotlight{overflow:clip visible}.feature-spotlight__inner{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,1fr);position:relative;z-index:1}@media (min-width:1024px){.feature-spotlight--image-left .feature-spotlight__inner{gap:5rem;grid-template-columns:minmax(0,var(--spot-image-width,50%)) minmax(0,1fr)}.feature-spotlight--image-right .feature-spotlight__inner{gap:5rem;grid-template-columns:minmax(0,1fr) minmax(0,var(--spot-image-width,50%))}.feature-spotlight--image-right .feature-spotlight__media{order:2}}.feature-spotlight--image-bottom .feature-spotlight__inner{justify-items:center}.feature-spotlight--image-bottom .feature-spotlight__media{order:2;width:100%}.feature-spotlight--image-bottom .feature-spotlight__content{max-width:48rem;text-align:center}.feature-spotlight--image-bottom .feature-spotlight__list{align-items:center}@media (min-width:1024px){.feature-spotlight--image-bottom .feature-spotlight__media{width:var(--spot-image-width-bottom,100%)}}.feature-spotlight__heading{font-size:var(--fs-h2);font-weight:800;line-height:1.2;margin-bottom:1.25rem}.feature-spotlight__highlight{background:var(--spot-highlight,linear-gradient(135deg,var(--color-primary),var(--color-accent)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.feature-spotlight__description{color:var(--color-body);font-size:var(--fs-subheading);line-height:1.6;margin-bottom:2rem}.feature-spotlight__list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 0 2.5rem;padding:0}.feature-spotlight__list li{align-items:center;display:flex;font-weight:500;gap:.75rem}.feature-spotlight__icon{align-items:center;background-color:var(--color-primary-tint);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}.feature-spotlight__media,.feature-spotlight__media-wrapper{position:relative;width:100%}.feature-spotlight__image{display:block;height:auto}.feature-spotlight__image,.feature-spotlight__video-placeholder{border-radius:var(--spot-radius,1.5rem);box-shadow:var(--spot-shadow);width:100%}.feature-spotlight__video-placeholder{align-items:center;aspect-ratio:16/9;background:linear-gradient(to right bottom,var(--color-primary-tint),color-mix(in srgb,var(--color-primary) 30%,var(--color-bg)));color:var(--color-muted);display:flex;justify-content:center}.feature-spotlight__play{align-items:center;background-color:var(--color-card);border:none;border-radius:50%;box-shadow:0 10px 25px var(--shadow-color);color:var(--color-heading);cursor:pointer;display:flex;height:5rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease;width:5rem;z-index:2}.feature-spotlight__play:hover{transform:translate(-50%,-50%) scale(1.05)}.feature-spotlight__play--preview{cursor:default;opacity:.6}.feature-spotlight__play svg{height:2rem;margin-left:.25rem;width:2rem}.feature-spotlight__card{background-color:var(--spot-card-bg,transparent);border-radius:var(--spot-card-radius,1rem);box-shadow:0 15px 35px var(--shadow-color);height:auto;max-width:280px;padding:var(--spot-card-pad,0);position:absolute;transition:translate .2s ease-out;z-index:3}.feature-spotlight--card-border .feature-spotlight__card{border:1px solid var(--color-border)}@media (max-width:767px){.feature-spotlight__card{display:none}}.feature-spotlight__bg{inset:0;opacity:var(--spot-glow-strength,.6);overflow:hidden;pointer-events:none;position:absolute;z-index:0}.feature-spotlight__bg--fade{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 75%,transparent)}.feature-spotlight__blob{aspect-ratio:1;border-radius:50%;position:absolute;will-change:transform}.feature-spotlight__blob--1{background:radial-gradient(circle,color-mix(in srgb,var(--spot-glow-1,var(--color-primary)) 40%,transparent) 0,transparent 65%);left:-10%;max-width:800px;top:-10%;width:60vw}.feature-spotlight__blob--2{background:radial-gradient(circle,color-mix(in srgb,var(--spot-glow-2,var(--color-accent)) 38%,transparent) 0,transparent 65%);bottom:-20%;max-width:760px;right:-10%;width:55vw}.feature-spotlight__blob--3{background:radial-gradient(circle,color-mix(in srgb,var(--spot-glow-1,var(--color-primary)) 28%,transparent) 0,transparent 65%);left:40%;max-width:560px;top:25%;width:40vw}@keyframes spotBlob1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,8%) scale(1.12)}}@keyframes spotBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-12%,-8%) scale(1.1)}}@keyframes spotBlob3{0%,to{transform:translate(0) scale(.9)}50%{transform:translate(-10%,10%) scale(1.08)}}.feature-spotlight__bg--flow .feature-spotlight__blob--1{animation:spotBlob1 20s ease-in-out infinite}.feature-spotlight__bg--flow .feature-spotlight__blob--2{animation:spotBlob2 24s ease-in-out infinite}.feature-spotlight__bg--flow .feature-spotlight__blob--3{animation:spotBlob3 17s ease-in-out infinite}@keyframes spotRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes spotMediaIn{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}@keyframes spotPop{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}.feature-spotlight--animate.is-reveal-ready:not(.is-inview) .feature-spotlight__card,.feature-spotlight--animate.is-reveal-ready:not(.is-inview) .feature-spotlight__content>*,.feature-spotlight--animate.is-reveal-ready:not(.is-inview) .feature-spotlight__media{opacity:0}.feature-spotlight--animate.is-inview .feature-spotlight__content>*{animation:spotRise .7s cubic-bezier(.16,1,.3,1) both}.feature-spotlight--animate.is-inview .feature-spotlight__content>:first-child{animation-delay:.05s}.feature-spotlight--animate.is-inview .feature-spotlight__content>:nth-child(2){animation-delay:.15s}.feature-spotlight--animate.is-inview .feature-spotlight__content>:nth-child(3){animation-delay:.25s}.feature-spotlight--animate.is-inview .feature-spotlight__content>:nth-child(4){animation-delay:.35s}.feature-spotlight--animate.is-inview .feature-spotlight__content>:nth-child(5){animation-delay:.45s}.feature-spotlight--animate.is-inview .feature-spotlight__media{animation:spotMediaIn 1s cubic-bezier(.16,1,.3,1) .2s both}.feature-spotlight--animate.is-inview .feature-spotlight__card{animation:spotPop .7s cubic-bezier(.34,1.56,.64,1) .8s both}@media (prefers-reduced-motion:reduce){.feature-spotlight--animate.is-inview .feature-spotlight__card,.feature-spotlight--animate.is-inview .feature-spotlight__content>*,.feature-spotlight--animate.is-inview .feature-spotlight__media,.feature-spotlight__blob{animation:none}.feature-spotlight--animate.is-reveal-ready .feature-spotlight__card,.feature-spotlight--animate.is-reveal-ready .feature-spotlight__content>*,.feature-spotlight--animate.is-reveal-ready .feature-spotlight__media{opacity:1}}.feature-spotlight-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:9999}.feature-spotlight-modal.is-open{opacity:1;pointer-events:auto}.feature-spotlight-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(15,23,42,.7);inset:0;position:absolute}.feature-spotlight-modal__content--video{background-color:#000;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.7);max-width:900px;position:relative;transform:scale(.95) translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1);width:90%}.feature-spotlight-modal.is-open .feature-spotlight-modal__content--video{transform:none}.feature-spotlight-modal__close{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.85);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:-.5rem;top:-2.75rem;z-index:10}.feature-spotlight-modal__close:hover{color:#fff}.feature-spotlight-modal__video-wrapper{aspect-ratio:16/9;border-radius:.5rem;overflow:hidden;position:relative}.feature-spotlight-modal__video-wrapper iframe,.feature-spotlight-modal__video-wrapper video{border:0;height:100%;inset:0;position:absolute;width:100%}.feature-spotlight__image--art{border-radius:0;box-shadow:none;filter:drop-shadow(0 30px 40px var(--shadow-color))}.feature-spotlight__chart{--chart-1:var(--spot-highlight,var(--color-primary));--chart-2:#10b981;--chart-3:#ec4899;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:1.25rem;box-shadow:0 24px 50px -24px var(--shadow-color);padding:clamp(1.25rem,3vw,2rem)}.feature-spotlight__chart-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.feature-spotlight__chart-title{color:var(--color-heading);font-family:var(--font-heading);font-size:1.125rem;font-weight:700;margin:0}.feature-spotlight__chart-subtitle{color:var(--color-muted);font-size:.8125rem;margin:.25rem 0 0}.feature-spotlight__chart-period{align-items:center;border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-heading);display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.feature-spotlight__chart-plot{color:var(--chart-1);margin:1.5rem 0;position:relative}.feature-spotlight__chart-plot svg{display:block;height:clamp(9rem,22vw,12rem);overflow:visible;width:100%}.feature-spotlight__chart-grid{fill:none;stroke:var(--color-border);stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.feature-spotlight__chart-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:3;vector-effect:non-scaling-stroke}.feature-spotlight__chart-line--2{opacity:.8;stroke:var(--chart-2);stroke-width:2}.feature-spotlight__chart-dot{background-color:var(--chart-1);border:3px solid var(--color-card);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--chart-1) 20%,transparent);height:.875rem;left:40%;position:absolute;top:61%;transform:translate(-50%,-50%);width:.875rem}.feature-spotlight__chart-tip{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;bottom:calc(39% + 1.25rem);box-shadow:0 12px 30px -12px var(--shadow-color);display:flex;flex-direction:column;gap:.125rem;left:40%;padding:.625rem .875rem;position:absolute;transform:translateX(-50%);white-space:nowrap}.feature-spotlight__chart-tip-label{color:var(--color-muted);font-size:.75rem}.feature-spotlight__chart-tip strong{color:var(--color-heading);font-size:1rem}.feature-spotlight__chart-up{color:#10b981;font-size:.75rem;font-weight:600}.feature-spotlight__chart-metrics{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin:0}.feature-spotlight__chart-metric{border:1px solid var(--color-border);border-radius:.875rem;padding:.875rem 1rem}.feature-spotlight__chart-metric dt{color:var(--color-muted);font-size:.75rem}.feature-spotlight__chart-metric dd{align-items:end;display:grid;grid-template-columns:1fr auto;margin:.25rem 0 0}.feature-spotlight__chart-metric strong{color:var(--color-heading);font-family:var(--font-heading);font-size:1.25rem;font-weight:700;grid-column:1/-1}.feature-spotlight__chart-spark{fill:none;height:1.5rem;stroke:var(--spark,var(--chart-1));stroke-linecap:round;stroke-width:2.5;width:4rem}.feature-spotlight__chart-metric--2{--spark:var(--chart-2)}.feature-spotlight__chart-metric--3{--spark:var(--chart-3)}@keyframes spotChartDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.feature-spotlight--animate.is-inview .feature-spotlight__chart-line:not(.feature-spotlight__chart-line--2){animation:spotChartDraw 1.6s cubic-bezier(.65,0,.35,1) .3s both;stroke-dasharray:1}@media (prefers-reduced-motion:reduce){.feature-spotlight--animate.is-inview .feature-spotlight__chart-line{animation:none}}.feature-spotlight__badges{display:flex;flex-wrap:wrap;gap:.75rem;margin:-1rem 0 2.5rem}.feature-spotlight__badge{align-items:center;background-color:#000;border:1px solid #333;border-radius:.625rem;color:#fff;display:inline-flex;font-size:1.0625rem;font-weight:600;gap:.625rem;line-height:1.1;min-height:3.25rem;padding:.5rem 1.125rem .5rem .875rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.feature-spotlight__badge span{display:flex;flex-direction:column}.feature-spotlight__badge small{font-size:.6875rem;font-weight:400}.feature-spotlight__badge:focus-visible,.feature-spotlight__badge:hover{box-shadow:0 10px 20px -10px rgba(0,0,0,.5);color:#fff;transform:translateY(-2px)}.feature-spotlight{--spot-shadow:0 20px 40px var(--shadow-color)}.feature-spotlight--shadow-soft{--spot-shadow:0 12px 28px -10px var(--shadow-color)}.feature-spotlight--shadow-strong{--spot-shadow:0 30px 60px -10px var(--shadow-color),0 12px 24px -12px var(--shadow-color)}.feature-spotlight--shadow-none{--spot-shadow:none}.feature-spotlight--shadow-shape .feature-spotlight__image{box-shadow:none;filter:drop-shadow(0 18px 28px var(--shadow-color))}.feature-spotlight--shadow-shape.feature-spotlight--shadow-soft .feature-spotlight__image{filter:drop-shadow(0 10px 18px var(--shadow-color))}.feature-spotlight--shadow-shape.feature-spotlight--shadow-strong .feature-spotlight__image{filter:drop-shadow(0 30px 40px var(--shadow-color))}.feature-spotlight__image--video{aspect-ratio:16/9;background-color:var(--color-bg-alt);object-fit:cover}video.feature-spotlight__image{display:block;pointer-events:none}.feature-spotlight-modal__video-wrapper video{background-color:#000;object-fit:contain}