/* ARIA motion: presentation only. No business or widget configuration overrides. */
.site-shell,body>.aria-widget{--motion-control:240ms}
.hero{padding-top:52px;padding-bottom:68px}.hero-description{max-width:490px}.hero-visual{isolation:isolate;min-height:710px}.hero-visual .mascot-intro{width:410px;left:-45px;bottom:44px}.hero-floor{opacity:.85;background:radial-gradient(ellipse,#9b81df25,transparent 68%);transform:scale(1.1)}.hero-scene{margin-right:0;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform var(--motion-scene) var(--motion-ease)}.hero-visual .mascot-intro{transform:translate3d(var(--mascot-x,0px),var(--mascot-y,0px),0);transition:transform var(--motion-scene) var(--motion-ease)}
.site-header{transition:background var(--motion-control) ease,box-shadow var(--motion-control) ease}.site-header.is-scrolled{box-shadow:0 8px 32px #2623320e;background:rgba(250,249,252,.94)}html[data-theme=dark] .site-header.is-scrolled{background:rgba(30,27,39,.94)}
.motion-ready .hero-copy>*{animation:aria-hero-enter var(--motion-scene) var(--motion-ease) both;animation-delay:calc(var(--hero-order,0)*var(--motion-stagger))}.motion-ready .hero-copy h1{animation-name:aria-title-enter}.motion-ready .hero-scene[data-ready=true]{animation:aria-scene-enter var(--motion-scene) var(--motion-ease) both}.motion-ready[data-hero-visible=true]:not([data-motion-paused=true]) .mascot-intro img{animation:aria-breathe var(--motion-idle) ease-in-out infinite}.motion-ready[data-motion-paused=true] .mascot-intro img{animation-play-state:paused}
.reveal-ready [data-reveal]{transition:opacity var(--motion-scene) var(--motion-ease),transform var(--motion-scene) var(--motion-ease);transition-delay:calc(var(--reveal-order,0)*var(--motion-stagger))}.reveal-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(var(--motion-distance))}.reveal-ready [data-reveal]:focus-within{opacity:1;transform:none}
.primary-button,.nav-button,.secondary-link,.nav-links a,.workspace-switch button,.theme-toggle,.landing-menu,.footer-links a,.faq-list summary{transition:transform var(--motion-control) var(--motion-ease),background var(--motion-control) ease,color var(--motion-control) ease,box-shadow var(--motion-control) ease}.primary-button,.nav-button{box-shadow:0 4px 12px #6552bd12}.primary-button:active,.nav-button:active,.workspace-switch button:active{transform:scale(.98)}.primary-button:focus-visible,.nav-button:focus-visible,.secondary-link:focus-visible,.workspace-switch button:focus-visible,.nav-links a:focus-visible,.faq-list summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.primary-button span,.nav-button span,.secondary-link span,.launcher-arrow{display:inline-block;transition:transform var(--motion-control) var(--motion-ease)}.real-chat{transition:transform var(--motion-control) var(--motion-ease),box-shadow var(--motion-control) ease}.real-chat:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:24px}.workspace-switch button{min-height:44px}.faq-list details[open]>p{animation:aria-scene-enter var(--motion-control) ease}.workspace-screen{box-shadow:0 24px 65px -32px #382a6140}.catalog-stage{box-shadow:0 24px 65px -34px #382a6138}.widget-duo img{box-shadow:0 26px 65px -28px #30234d38}
body>.aria-widget>.aria-launcher{transition:transform var(--motion-control) var(--motion-ease),box-shadow var(--motion-control) ease}body>.aria-widget>.aria-launcher:focus-visible{outline:3px solid var(--aria-ink);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.primary-button:hover,.nav-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6552bd24}.primary-button:hover span,.nav-button:hover span,.secondary-link:hover span{transform:translate(2px,-1px)}.nav-links a:hover,.footer-links a:hover{color:var(--accent)}.theme-toggle:hover,.landing-menu:hover,.workspace-switch button:not(.active):hover{background:var(--soft)}.real-chat:hover{transform:translateY(-3px);box-shadow:0 30px 65px -28px #47306438}body>.aria-widget>.aria-launcher:hover{transform:translateY(-2px);box-shadow:0 12px 30px #24233730}.aria-launcher:hover .launcher-arrow{transform:translate(2px,-1px)}}
@keyframes aria-title-enter{from{transform:translateY(8px)}to{transform:none}}@keyframes aria-hero-enter{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes aria-scene-enter{from{opacity:.6}to{opacity:1}}@keyframes aria-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.006)}}
@media(min-width:1600px){.hero-visual .mascot-intro{width:440px;left:-45px;bottom:42px}.hero-visual{min-height:740px}}
@media(min-width:701px) and (max-width:1200px){.hero-visual .mascot-intro{width:310px;left:-30px;bottom:38px}.hero-visual{min-height:650px}}
@media(max-width:700px){.hero{padding-top:38px;padding-bottom:54px}.hero-visual{min-height:745px;margin-top:20px;max-width:420px}.hero-visual .mascot-intro{width:220px;left:0;top:0;bottom:auto}.hero-scene{width:265px;margin-top:185px;margin-right:0}.hero-floor{bottom:50px}.scene-toolbar{font-size:11px}.motion-ready .hero-copy>*{animation-delay:calc(var(--hero-order,0)*35ms)}.story-section,.workspace-section{scroll-margin-top:100px}}
@media(max-width:350px){.hero-visual .mascot-intro{width:195px}.hero-scene{width:240px;margin-top:175px}}
@media(prefers-reduced-motion:reduce){.motion-ready .hero-copy>*,.motion-ready .hero-scene,.motion-ready .mascot-intro img,.faq-list details[open]>p{animation:none!important}.hero-scene,.hero-visual .mascot-intro,.real-chat:hover,.primary-button:hover,.nav-button:hover,.primary-button:active,.nav-button:active{transform:none!important}.reveal-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}
.primary-button:active,.nav-button:active,.workspace-switch button:active{transform:translateY(0) scale(.98)}.secondary-link:active,.nav-links a:active{opacity:.78}
body>.aria-widget .aria-quick-actions button,body>.aria-widget .aria-icon-button,body>.aria-widget .aria-theme-toggle{transition:background var(--motion-quick) ease,transform var(--motion-quick) var(--motion-ease)}
@media(hover:hover) and (pointer:fine){body>.aria-widget .aria-quick-actions button:hover,body>.aria-widget .aria-icon-button:hover,body>.aria-widget .aria-theme-toggle:hover{background:var(--aria-surface)}}
body>.aria-widget .aria-quick-actions button:active{transform:scale(.98)}
/* Scenes share a stable baseline; natural image proportions are preserved. */
.workspace-screen{overflow:hidden;border-radius:20px;background:var(--paper,#fff);box-shadow:0 20px 60px -32px #31265338;filter:none}.workspace-screen picture{display:block;padding:18px 18px 0}.workspace-screen img{border-radius:10px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.workspace-screen figcaption{padding:20px 24px;margin:0;background:var(--paper,#fff);min-height:0;font-size:14px}.workspace-summary{margin-top:32px}.catalog-stage{overflow:hidden}.catalog-stage figcaption{margin:0}.widget-duo>div{transition:transform var(--motion-control) var(--motion-ease)}.widget-duo img{border-radius:20px}.setup-section li{transition:background var(--motion-control),transform var(--motion-control) var(--motion-ease)}
@media(hover:hover) and (pointer:fine){.widget-duo>div:hover{transform:translateY(-5px)}.setup-section li:hover{transform:translateY(-3px)}}
@media(max-width:700px){.workspace-screen{border-radius:16px}.workspace-screen picture{padding:12px 12px 0}.workspace-screen figcaption{padding:16px;font-size:12px}.hero-visual{min-height:695px}.hero-scene{margin-top:155px}.hero-visual .mascot-intro{left:-8px;top:-70px;width:235px}.hero-scene .scene-toolbar{visibility:hidden}}
@media(max-width:350px){.hero-visual .mascot-intro{width:205px}.hero-scene{margin-top:150px}.hero-visual{min-height:650px}}
@media(prefers-reduced-motion:reduce){.widget-duo>div:hover,.setup-section li:hover{transform:none}}
/* One CTA geometry; no decorative external-link arrows. */
.site-shell .primary-button,.site-shell .nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.25;vertical-align:middle}.site-shell .nav-button{min-height:44px;padding:11px 20px;font-size:13px}.hero-actions{align-items:center}.secondary-link{display:inline-flex;align-items:center;min-height:44px;gap:8px;line-height:1.4}.catalog-stage{height:auto;min-height:0;align-self:center;overflow:visible;box-shadow:none}.catalog-stage picture{overflow:hidden;border-radius:0 0 16px 16px;box-shadow:0 20px 50px -28px #31265338}.catalog-stage .product-capture{width:100%;height:auto!important;min-height:0;aspect-ratio:auto!important;object-fit:contain}.catalog-stage figcaption{padding:14px 0 0}.catalog-bridge{display:none}.widget-duo{gap:28px}.widget-duo img{transition:box-shadow 300ms var(--motion-ease)}
@media(hover:hover){.widget-duo>div:hover img{box-shadow:0 26px 55px -22px #31265350}.catalog-stage:hover picture{box-shadow:0 24px 60px -26px #31265345}}
@media(prefers-reduced-motion:no-preference){.catalog-stage{animation:aria-scene-idle var(--motion-ambient) ease-in-out infinite;animation-play-state:paused}.widget-duo>div{animation:aria-scene-idle calc(var(--motion-ambient) - 1s) ease-in-out infinite;animation-play-state:paused}.widget-duo>div:last-child{animation-delay:-4s}.catalog-stage[data-scene-active=true],.widget-duo[data-scene-active=true]>div{animation-play-state:running}html[data-motion-paused=true] .catalog-stage,html[data-motion-paused=true] .widget-duo>div{animation-play-state:paused}}@keyframes aria-scene-idle{0%,100%{translate:0 0}50%{translate:0 calc(-1 * var(--motion-ambient-offset))}}

/* Catalogue: balanced editorial columns, natural image and caption within one frame. */
.catalog-story{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(32px,4vw,64px);padding-block:clamp(64px,7vw,100px);align-items:center}
.catalog-story .story-copy{max-width:520px}
.catalog-story .story-copy h2{font-size:clamp(40px,4vw,60px);margin-bottom:22px}
.catalog-story .story-copy>p:not(.eyebrow){margin-bottom:16px}
.catalog-story .secondary-link{margin-top:0}
.catalog-story .catalog-stage{width:100%;max-width:640px;justify-self:center;height:auto;min-height:0;background:var(--paper,#fff);border:1px solid var(--line,#e6e0ed);border-radius:16px;box-shadow:0 16px 40px -26px #31265338}
.catalog-story .browser-bar{border-radius:15px 15px 0 0}
.catalog-story .catalog-stage picture{border-radius:0;box-shadow:none}
.catalog-story .catalog-stage .product-capture{border-radius:0}
.catalog-story .catalog-stage figcaption{transform:none;max-width:none;padding:12px 16px;font-size:12px;line-height:1.5;border-top:1px solid var(--line,#e6e0ed);background:var(--paper,#fff);border-radius:0 0 15px 15px;margin:0}
@media(max-width:1024px){.catalog-story{grid-template-columns:1fr;gap:28px}.catalog-story .story-copy{max-width:640px;margin-inline:auto;width:100%}.catalog-story .catalog-stage{max-width:640px}}
@media(max-width:700px){.catalog-story .story-copy h2{font-size:40px}.catalog-story .catalog-stage figcaption{font-size:11px;padding:10px 12px}}