/* Dedicated explorer page and standalone product demonstrations. */
/* Keep the original site's navigation reachable while scrolling. */
body{overflow-x:clip}
html{scroll-padding-top:128px}
.nav-shell{position:sticky;top:0;z-index:50}
.nav-shell::before{background:#050b13ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #223b554d}
.nav-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.nav-download svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wheel-segment,.wheel-segment:focus,.wheel-segment:focus-visible{outline:none;-webkit-tap-highlight-color:transparent}
.wheel-segment:focus-visible .segment-bg{stroke:#a8e8ff;stroke-width:3;filter:drop-shadow(0 0 4px #36ceff80)}
@media(max-width:1100px){html{scroll-padding-top:104px}.nav-shell{height:88px}.nav-shell nav{top:100%;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain}.nav-shell nav a{min-height:44px;display:flex;align-items:center}}
@media(max-width:560px){
  .nav-shell{width:calc(100% - 32px);height:72px;gap:10px}
  .nav-shell .brand{gap:7px;flex-shrink:0}.nav-shell .brand>span{font-size:16px}.nav-shell .brand small{font-size:6px;letter-spacing:1.6px}.nav-shell .brand svg{width:25px;height:29px}
  .nav-actions{gap:8px}.nav-actions>.motion-toggle{display:none}
  .nav-shell .nav-download{display:inline-flex;padding:11px 13px;min-height:42px;font-size:12px;gap:7px;border:1px solid #36ceff80}
  .nav-shell .nav-download svg{width:15px;height:15px}
  .nav-shell .menu-toggle{width:40px;height:42px;align-items:center;padding:0;border:1px solid #2c4b63;border-radius:13px;background:#10283e80}
  .nav-shell .menu-toggle span{width:19px}
  .nav-shell nav{top:100%;padding:14px 20px;border-radius:0 0 20px 20px;max-height:calc(100dvh - 88px)}
  html{scroll-padding-top:88px}
}
.intro-product,.intro-product:hover{transform:none;animation:none}
.intro-visual{perspective:none}
.media-guides{background:radial-gradient(ellipse at 70% 70%,#7a53c778,transparent 65%),radial-gradient(ellipse at 5% 15%,#268aa966,transparent 60%),linear-gradient(135deg,#192c49,#33285a);padding:27px 17px;min-height:470px}
.token-guide{right:31%;top:-64px;width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#b1faf3,#9790f1);box-shadow:6px 9px 0 #6256a8,15px 20px 25px #13154255;transform:rotate(12deg)}
.token-guide svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.token-guide svg path:last-child{stroke-width:4}
.feature-guides .feature-note{font-weight:400;line-height:1.6;color:#d4daf4}
@media(max-width:900px){.media-guides{padding:27px 21px}.token-guide{right:30px;top:-55px;width:70px;height:70px;border-radius:20px}}
@media(max-width:560px){.media-guides{padding:20px 7px;min-height:0}.token-guide{width:60px;height:60px;top:-49px;right:27px;border-radius:17px}.token-guide svg{width:34px;height:34px}}
.nav-shell a[aria-current="page"]{color:#92f7f2;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.areas-main{padding-top:25px;padding-bottom:70px}
.areas-back{display:inline-flex;align-items:center;margin:0 0 35px;color:#d8e4ff;text-decoration:none;font-size:13px;font-weight:650}
.areas-back:hover{color:#99f6ee}
.areas-page .modules-heading{margin-bottom:45px}
.areas-page .modules-heading h1{font-size:clamp(34px,4vw,59px);letter-spacing:-2px;line-height:1.05;margin:22px 0}
.areas-page .all-modules{margin-bottom:0}
.areas-page .all-modules.reveal{opacity:1;transform:none}
.areas-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:-50px 0 70px;padding:35px 42px;border-block:1px solid #bcc4ff33}
.areas-callout h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1px;margin:10px 0 0}
.areas-callout .eyebrow{font-size:9px;margin:0}
.areas-callout .button{white-space:nowrap}
.widget-example{font-size:13px!important;line-height:1.65!important;color:#d7c7f4!important;margin-top:25px!important}
.feature-widgets{transition:--falcoran-power-accent .48s ease,--falcoran-power-accent-two .48s ease,--falcoran-power-light .48s ease,--falcoran-power-dark .48s ease}
.feature-widgets .text-link{font-size:12px;color:var(--falcoran-power-light,#ffc5f0)}
.media-shutdown{background:radial-gradient(ellipse at 65% 65%,color-mix(in srgb,var(--falcoran-power-accent,#fb3fb9) 36%,transparent),transparent 65%),linear-gradient(135deg,#251f3e,color-mix(in srgb,var(--falcoran-power-accent-two,#8b5cf6) 45%,#211d35));padding:25px 17px 35px}
.token-power{right:31%;top:-65px;width:82px;height:82px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(135deg,var(--falcoran-power-light,#ff94d9),var(--falcoran-power-accent-two,#8b5cf6));box-shadow:6px 9px 0 var(--falcoran-power-dark,#8b2367),15px 20px 25px #13154255;transform:rotate(12deg)}
.token-power svg{width:46px;height:46px;fill:none;stroke:#ffeffc;stroke-width:2.4;stroke-linecap:round}
html[data-motion="paused"] .feature-widgets{transition:none}
@media(prefers-reduced-motion:reduce){.feature-widgets{transition:none}}
@media(max-width:900px){.areas-callout{max-width:710px;margin-inline:auto;padding-inline:20px}.token-power{right:30px;top:-55px;width:70px;height:70px;border-radius:20px}}
@media(max-width:560px){.areas-main{padding-top:8px;padding-bottom:50px}.areas-back{font-size:12px;margin-bottom:20px}.areas-page .modules-heading h1{font-size:clamp(29px,8vw,41px);letter-spacing:-1px}.areas-page .modules-heading{margin-bottom:27px}.areas-callout{margin-top:-30px;flex-direction:column;text-align:center;padding:30px 15px;gap:23px}.areas-callout .eyebrow{justify-content:center}.media-shutdown{padding:20px 7px 25px}.widget-example{font-size:11px!important}.token-power{width:60px;height:60px;top:-49px;right:27px;border-radius:17px}.token-power svg{width:34px;height:34px}}