body.site-page .home-shader{position:absolute;inset:0;overflow:hidden;z-index:0}body.site-page .home-shader .shader-frame{position:absolute;inset:0}body.site-page .home-shader iframe{border:0}body.site-page .home-shader-fade{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,#f7f9ff00,#f7f9ff);pointer-events:none;z-index:1}body.site-page .hero{position:relative}body.site-page .hero>:not(.home-shader){position:relative;z-index:1}body.site-page .hero:has(.home-shader){min-height:100svh;padding-block:0}body.site-page .home-shader{left:50%;width:100vw;transform:translate(-50%);top:-76px;height:calc(100% + 76px)}body.site-page:has(.hero .home-shader){overflow-x:hidden}@media(max-width:560px){body.site-page .home-shader{top:-64px;height:calc(100% + 64px)}}body.site-page .hero:has(.shader-frame iframe) .eyebrow{color:#a5b4fc}body.site-page .hero:has(.shader-frame iframe) h1{color:#f8fafc}body.site-page .hero:has(.shader-frame iframe) .hero-description{color:#cbd5e1e0}body.site-page .hero:has(.shader-frame iframe) .hero-secondary{color:#f1f5f9}body.site-page .hero:has(.shader-frame iframe) .hero-secondary:hover{color:#a5b4fc;background:#818cf81f}body.site-page .hero:has(.shader-frame iframe) .preview-dot{color:#a5b4fc}body.site-page:has(.hero .shader-frame iframe) .site-header{position:relative;z-index:1;background:#080a1273;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom-color:#ffffff1a}body.site-page:has(.hero .shader-frame iframe) .brand,body.site-page:has(.hero .shader-frame iframe) .site-header nav a{color:#f1f5f9eb}body.site-page:has(.hero .shader-frame iframe) .site-header nav a:hover,body.site-page:has(.hero .shader-frame iframe) .site-header nav a[aria-current=page]{color:#a5b4fc}body.site-page:has(.hero .shader-frame iframe) .brand-divider{background:#ffffff29}body.site-page .hero h1 span{color:var(--ds-color-brand-primary);background:linear-gradient(90deg,#4f46e5,#6366f1 30%,#0ea5e9 55%,#6366f1 78%,#4f46e5);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:site-flow-hue 8s ease-in-out infinite alternate}body.site-page .hero-primary{position:relative;overflow:hidden}body.site-page .hero-primary:after{content:"";position:absolute;top:-30%;bottom:-30%;left:-46%;width:34%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / 46%),transparent);transform:skew(-20deg);pointer-events:none}body.site-page .hero-primary:is(:hover,:focus-visible):after{animation:site-flow-sheen .8s ease}body.site-page .hero-tool-preview{animation:site-flow-rise .7s ease-out backwards,site-flow-float 8s ease-in-out 1.1s infinite alternate}body.site-page .tool-card-live{position:relative}body.site-page .tool-card-live:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(115deg,#818cf8d9,#7dd3fc7f 48%,#818cf8d9);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--ds-motion-emphasis) ease;pointer-events:none}body.site-page .tool-card-live:is(:hover,:focus-visible):after{opacity:1}body.site-page .trust-strip{position:relative;overflow:hidden}body.site-page .trust-strip:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 32%,rgb(129 140 248 / 9%) 50%,transparent 68%);background-size:260% 100%;animation:site-flow-band 11s ease-in-out infinite;pointer-events:none}body.site-page .hero-copy{animation:site-flow-rise .7s ease-out backwards}body.site-page .catalog-section{animation:site-flow-rise .7s ease-out .08s backwards}body.site-page .trust-strip{animation:site-flow-rise .7s ease-out .16s backwards}body.site-page .faq-teaser{animation:site-flow-rise .7s ease-out .24s backwards}@media(prefers-reduced-motion:reduce){body.site-page .hero h1 span,body.site-page .trust-strip:before,body.site-page .hero-primary:is(:hover,:focus-visible):after,body.site-page .hero-copy,body.site-page .hero-tool-preview,body.site-page .catalog-section,body.site-page .faq-teaser{animation:none}}@keyframes site-flow-hue{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes site-flow-sheen{0%{transform:skew(-20deg) translate(0)}to{transform:skew(-20deg) translate(540%)}}@keyframes site-flow-band{0%{background-position:120% 0}60%{background-position:-60% 0}to{background-position:-60% 0}}@keyframes site-flow-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes site-flow-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}