.demo-hero-visual-module__QWxnIq__body{--color-guide-accent:var(--color-demo)}.demo-hero-visual-module__QWxnIq__body [class*=status] svg{color:var(--color-demo)}.demo-hero-visual-module__QWxnIq__nav{border-radius:6px;width:100%;transition:background-color .16s,color .16s;position:relative}.demo-hero-visual-module__QWxnIq__nav[data-selected=true]{color:var(--color-ink-900);background:var(--color-ink-50);font-weight:550}.demo-hero-visual-module__QWxnIq__navButton{cursor:pointer;text-align:left}.demo-hero-visual-module__QWxnIq__navContent{align-items:center;gap:9px;transition:opacity .16s ease-out;display:flex}.demo-hero-visual-module__QWxnIq__navContent[data-revealed=false]{opacity:0}.demo-hero-visual-module__QWxnIq__navPlaceholder{align-items:center;transition:opacity .16s ease-out;display:flex;position:absolute;inset:0}.demo-hero-visual-module__QWxnIq__navPlaceholder[data-hidden=true]{opacity:0}.demo-hero-visual-module__QWxnIq__headingSkeleton{background:var(--color-ink-200);border-radius:4px;width:130px;height:8px;margin-block:7px}.demo-hero-visual-module__QWxnIq__page{min-height:196px;animation:.18s ease-out both demo-hero-visual-module__QWxnIq__page-in}.demo-hero-visual-module__QWxnIq__action{cursor:pointer;align-items:center;gap:6px;margin-bottom:6px;padding:9px 12px;font-size:11px;display:inline-flex}.demo-hero-visual-module__QWxnIq__answer{margin:0}@keyframes demo-hero-visual-module__QWxnIq__page-in{0%{opacity:0}to{opacity:1}}@media (max-width:1000px){.demo-hero-visual-module__QWxnIq__body .demo-hero-visual-module__QWxnIq__nav .demo-hero-visual-module__QWxnIq__navContent,.demo-hero-visual-module__QWxnIq__body .demo-hero-visual-module__QWxnIq__nav .demo-hero-visual-module__QWxnIq__navPlaceholder{display:flex}}@media (min-width:768px) and (max-width:1000px){.demo-hero-visual-module__QWxnIq__body .demo-hero-visual-module__QWxnIq__nav .demo-hero-visual-module__QWxnIq__navContent>span{display:none}}@media (max-width:767px){.demo-hero-visual-module__QWxnIq__page{min-height:150px}.demo-hero-visual-module__QWxnIq__body>aside{border-right:0;border-bottom:1px solid var(--color-ink-100);gap:6px;padding:8px 14px;display:flex}.demo-hero-visual-module__QWxnIq__body>aside>span{display:none}.demo-hero-visual-module__QWxnIq__nav{width:auto;padding:0 10px}.demo-hero-visual-module__QWxnIq__body .demo-hero-visual-module__QWxnIq__nav>span:not([class]),.demo-hero-visual-module__QWxnIq__body .demo-hero-visual-module__QWxnIq__nav .demo-hero-visual-module__QWxnIq__navContent>span{display:inline}}@media (prefers-reduced-motion:reduce){.demo-hero-visual-module__QWxnIq__page{animation:none}}.demo-hero-visual-module__QWxnIq__suggestion{cursor:pointer;text-align:left;max-width:100%;margin:0 0 10px auto;animation:.18s ease-out demo-hero-visual-module__QWxnIq__page-in;display:block}.demo-hero-visual-module__QWxnIq__suggestion:focus-visible{outline:2px solid var(--color-demo);outline-offset:4px;border-radius:16px}.demo-hero-visual-module__QWxnIq__answer+[data-assistant-choices]{margin-top:14px}@media (prefers-reduced-motion:reduce){.demo-hero-visual-module__QWxnIq__suggestion{animation:none}}.demo-hero-visual-module__QWxnIq__suggestion{pointer-events:auto;margin:0;position:absolute;bottom:46px;right:0}.demo-hero-visual-module__QWxnIq__answerStage{animation:.22s ease-out demo-hero-visual-module__QWxnIq__page-in}.demo-hero-visual-module__QWxnIq__cursor{transition:transform .85s cubic-bezier(.4,0,.2,1),opacity .18s ease-out}.demo-hero-visual-module__QWxnIq__cursor[data-reposition=true],.demo-hero-visual-module__QWxnIq__cursor[data-ready=false]{transition:opacity .18s ease-out}@media (prefers-reduced-motion:reduce){.demo-hero-visual-module__QWxnIq__answerStage{animation:none}.demo-hero-visual-module__QWxnIq__cursor{display:none}}.demo-hero-visual-module__QWxnIq__loadingTrack{background:color-mix(in srgb, var(--color-white) 12%, transparent);border-radius:2px;height:3px;margin-top:14px;overflow:hidden}.demo-hero-visual-module__QWxnIq__loadingTrack>span{transform-origin:0;background:var(--color-demo);height:100%;animation:linear both demo-hero-visual-module__QWxnIq__loading-fill;display:block}@keyframes demo-hero-visual-module__QWxnIq__loading-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.demo-hero-visual-module__QWxnIq__loadingTrack>span{animation:none}}.demo-hero-visual-module__QWxnIq__frame{border:1px solid var(--color-ink-100);background:var(--color-white);border-radius:22px;padding:12px}.demo-hero-visual-module__QWxnIq__headingSkeleton{border:1px solid var(--color-ink-200);background:0 0}@media (max-width:767px){.demo-hero-visual-module__QWxnIq__frame{border-radius:20px;padding:8px}}.demo-hero-visual-module__QWxnIq__body [data-assistant-footer]>span>span:first-child{white-space:nowrap;flex-shrink:0}@media (max-width:359px){.demo-hero-visual-module__QWxnIq__body [data-assistant-footer]{flex-wrap:wrap;row-gap:8px}.demo-hero-visual-module__QWxnIq__body [data-assistant-actions]{margin-left:auto}}
.demo-product-module__ORPsDq__storyVisual{color:var(--color-demo)}.demo-product-module__ORPsDq__storyVisual>svg{width:100%;height:auto;display:block;overflow:visible}.demo-product-module__ORPsDq__softGround{filter:blur(15px)}.demo-product-module__ORPsDq__svgTitle{fill:var(--color-ink-700);font-size:13px;font-family:var(--font-atkinson),sans-serif;font-weight:500}.demo-product-module__ORPsDq__svgSmall{fill:var(--color-ink-400);font-size:10px;font-family:var(--font-atkinson),sans-serif}.demo-product-module__ORPsDq__svgLink{fill:var(--color-demo);font-size:11px;font-family:var(--font-atkinson),sans-serif}.demo-product-module__ORPsDq__signal{animation:5s ease-in-out infinite demo-product-module__ORPsDq__demo-signal}@keyframes demo-product-module__ORPsDq__demo-signal{0%,to{opacity:.2}45%,65%{opacity:.8}}@media (prefers-reduced-motion:reduce){.demo-product-module__ORPsDq__signal{animation:none}}.demo-product-module__ORPsDq__stepBadge{background:linear-gradient(145deg, var(--color-accent-yellow), var(--color-demo));width:28px;height:28px;box-shadow:0 2px 4px color-mix(in srgb, var(--color-demo) 14%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;padding:1px;display:flex}.demo-product-module__ORPsDq__stepBadge>span{border-radius:inherit;background:linear-gradient(160deg, color-mix(in srgb, var(--color-accent-yellow) 70%, var(--color-demo)), var(--color-demo));width:100%;height:100%;box-shadow:inset 0 1px 1px color-mix(in srgb, var(--color-white) 30%, transparent);color:var(--color-white);font:600 11px var(--font-plex-mono), monospace;place-items:center;display:grid}
