
html{scroll-behavior:smooth;scroll-padding-top:88px}
.discovery{position:relative;isolation:isolate}
.hero-light{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.hero-light:before,.hero-light:after{content:'';position:absolute;left:7%;top:8%;width:85%;height:62%;border-radius:50%;background:radial-gradient(ellipse,#dbe4f32b,transparent 64%);filter:blur(25px);animation:light-drift 14s ease-in-out infinite alternate}
.hero-light:after{left:29%;top:30%;width:65%;height:55%;background:radial-gradient(ellipse,#ff7a2920,transparent 65%);animation-delay:-7s;animation-duration:18s}
@keyframes light-drift{from{transform:translate(-7%,-4%) scale(.95)}to{transform:translate(7%,9%) scale(1.12)}}
.centered-hero .screen-panels{perspective:1400px}
.centered-hero .desktop-device{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-origin:center;will-change:transform}
.centered-hero .mobile-device{transform:translate(var(--phone-x,0px),var(--phone-y,0px));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.centered-hero .desktop-bezel{box-shadow:0 30px 80px #0004,0 0 55px #dce7ff16,0 1px 0 #fff9!important}
.dash-nav button{font:inherit;text-align:left;background:transparent;border:0;color:#7c8592;cursor:pointer;padding:10px 5px;font-size:10px;white-space:nowrap;border-radius:6px;transition:color .2s,background .2s}
.dash-nav button:hover,.dash-nav button:focus-visible{color:#d55f27;background:#fff0e6}
.dash-stats article{transition:transform .25s,box-shadow .25s,border-color .25s}
@media(hover:hover){.dash-stats article:hover{transform:translateY(-3px);box-shadow:0 8px 18px #27313b0c;border-color:#efc9b3}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0002}.industry-options>button:hover{transform:translateY(-4px)}}
.btn,.text-action,.footer-searchbar button{transition:transform .2s,box-shadow .2s,background .2s}
.btn:active,.footer-searchbar button:active{transform:translateY(0) scale(.98)}
button:focus-visible,a:focus-visible{outline:2px solid #ff8a51;outline-offset:4px}
.motion-toggle{display:block;margin:18px auto 0;background:transparent;border:1px solid #ffffff20;border-radius:20px;color:#b5bdc9;padding:8px 13px;font:inherit;font-size:11px;cursor:pointer}
.motion-paused .hero-light:before,.motion-paused .hero-light:after{animation-play-state:paused}
.motion-paused .desktop-device,.motion-paused .mobile-device{transform:none!important}
.insight-heading>p:last-child,.analysis-note,.insight-bottom>span{color:#6e7785}
.console-caption,.search-footnote{color:#a7aebb!important}
#modal[open]::backdrop{animation:veil-in .22s ease-out}
@keyframes veil-in{from{background-color:transparent}to{background-color:#0008}}
@media(max-width:720px){.hero-light:before{left:-20%;width:140%;height:55%;filter:blur(15px)}.hero-light:after{top:38%;left:5%;width:110%}.dash-nav button{font-size:4px;padding:5px 1px}.centered-hero .desktop-device,.centered-hero .mobile-device{transform:none!important}.motion-toggle{font-size:10px;min-height:40px}.footer-searchbar{display:flex;gap:8px}.footer-searchbar input{flex:1;min-width:0}.footer-searchbar button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-light:before,.hero-light:after{animation:none}.motion-toggle{display:none}.centered-hero .desktop-device,.centered-hero .mobile-device{transform:none!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero-light{z-index:0}
.discovery>.centered-hero,.discovery>.keyword-section{position:relative;z-index:1}
.hero-light:before{background:radial-gradient(ellipse at 50% 55%,#dbe4f345,transparent 66%)}
.hero-light:after{background:radial-gradient(ellipse,#ff7a2924,transparent 65%)}
