/* The supplied ClayUI world. Navbar styles below are intentionally scoped. */
body{--page:var(--clay-canvas);--paper:var(--clay-surface);--soft:var(--clay-inset);--ink:var(--clay-ink);--muted:var(--clay-muted);--line:var(--clay-line);--accent:var(--clay-violet);--accent-ink:#fff;background:var(--clay-canvas);font-family:var(--aria-font)}
.site-shell{isolation:isolate;background:transparent;max-width:none;overflow:clip}
.site-shell::before,.site-shell::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:46vw;height:600px;border-radius:50%;filter:blur(75px);opacity:.65;animation:aria-clay-drift 12s ease-in-out infinite}
.site-shell::before{top:100px;left:-18vw;background:#d9c9f680}.site-shell::after{top:230px;right:-16vw;background:#f4c5e670;animation-delay:-6s}
.site-header{position:sticky;top:18px;z-index:30;width:calc(100% - 64px);max-width:1200px;min-height:72px;height:auto;margin:18px auto 0;padding:10px 14px 10px 22px;border:1px solid #ffffff30;border-radius:9999px;background:linear-gradient(115deg,#49404e99,#251e2be6 52%,#302735d9);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 12px 28px #26163426,inset 0 1px 0 #f6deff38,inset 0 -1px 0 #0b071b4d;color:#fff}
.site-header::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 12% 0,#e5b8f426,transparent 48%);z-index:-1}
.site-header .wordmark,.site-header .wordmark strong{color:#fff;font-family:var(--clay-display);font-weight:900;font-size:27px;letter-spacing:-.04em}.site-header .wordmark-dot,.site-header .wordmark strong span{color:#d8baff}.site-header .brand-lockup small{display:none}.site-header .brand-mark{border-radius:14px;background:linear-gradient(140deg,#c8a6fb,#7c3aed);color:#fff;box-shadow:inset 2px 2px 5px #ffffff75,0 4px 10px #0e061b40}
.site-header nav{gap:10px}.site-header .nav-links{gap:26px}.site-header nav a:not(.nav-button){color:#e8dfee;font-size:13px;font-weight:500;text-decoration:none}.site-header nav a:hover{color:#fff}.site-header nav a[data-admin-link]{padding:11px 20px;background:#ffffff12;border-radius:999px}
.site-header .theme-toggle,.site-header .landing-menu{color:#f5eefb;border:1px solid #ffffff24;background:#ffffff0a;border-radius:50%;width:44px;height:44px;min-width:44px;box-shadow:none}
.site-header .nav-button{min-height:44px;border-radius:999px;padding:12px 22px;color:#302735;background:#fffafc;border:0;box-shadow:inset 0 1px 2px #fff,0 3px 8px #100b1726;font-weight:700;font-size:13px}.site-header .nav-button:hover{background:#eee5fa;transform:translateY(-1px)}
html[data-theme=dark] .site-header{background:linear-gradient(115deg,#4b3b5680,#21192cde);border-color:#ffffff29}
.hero{position:relative;max-width:1280px;min-height:720px;margin:0 auto;padding:105px 48px 95px;display:grid;grid-template-columns:1.03fr 1fr;gap:24px;align-items:center;background:transparent;overflow:visible}
.hero-copy{padding:0;max-width:620px;z-index:3}.hero .eyebrow{display:none}.hero h1{font-size:clamp(46px,5.15vw,76px);line-height:1.08;letter-spacing:-.04em;font-weight:900;margin:0 0 28px;max-width:610px}.hero h1 span{background:linear-gradient(110deg,#6540aa 5%,#7c3aed 48%,#c7268c);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:18px;line-height:1.7;max-width:460px;color:var(--clay-muted)}
.hero-actions{gap:18px;margin-top:30px;align-items:center}.primary-button,.secondary-link,.pricing-demo button,.public-plan-card .plan-action,.final-cta button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:20px;padding:16px 24px;transition:transform .2s,box-shadow .2s;background:linear-gradient(135deg,#9566ec,#7130dc);color:#fff;border:0;box-shadow:var(--clay-button);font-weight:700;text-decoration:none;font-size:14px}
.hero-actions .secondary-link,.story-copy .secondary-link{background:var(--clay-surface);color:var(--clay-ink);box-shadow:var(--clay-raised)}
.primary-button:hover,.secondary-link:hover,.pricing-demo button:hover,.public-plan-card .plan-action:hover{transform:translateY(-4px)}.primary-button:active,.secondary-link:active,.pricing-demo button:active{transform:scale(.96);box-shadow:var(--clay-pressed)}
.hero .demo-note{margin-top:28px;font-size:13px;line-height:1.6;color:var(--clay-muted);max-width:460px}.status-dot{background:#10b981}
.hero-visual{position:relative;display:block;min-width:0;width:100%;height:500px;margin:0;overflow:visible}.hero-visual::before{content:'';position:absolute;inset:90px 0 0 30px;border-radius:50%;background:radial-gradient(ellipse,#d9c5f879,transparent 68%);filter:blur(18px)}.hero-floor{display:none}
.hero-visual .mascot-intro{position:absolute;left:-20px;top:10px;bottom:auto;width:260px;height:auto;z-index:5;transform:rotate(-7deg);filter:drop-shadow(0 20px 18px #5b388b1c)}.hero-visual .mascot-intro img{width:100%;height:auto;object-fit:contain}
.hero-scene{position:absolute;right:0;top:115px;width:310px;max-height:440px;min-height:0;padding:0;overflow:hidden;border-radius:36px;background:var(--clay-surface);box-shadow:var(--clay-card);transform:rotate(4deg);border:0}.hero-scene:hover{transform:rotate(2deg)}
.hero-scene .scene-toolbar{display:flex;gap:8px;padding:16px 20px;color:var(--clay-muted);font-size:11px}.hero-scene .real-chat{width:100%;padding:0;border-radius:0;background:var(--clay-surface);border:0;box-shadow:none;display:block;overflow:hidden}.hero-scene .real-chat img{width:100%;height:330px;object-fit:cover;object-position:top}.hero-scene .real-chat span{display:block;padding:15px;background:linear-gradient(135deg,#9566ec,#7130dc);color:#fff;font-size:12px;font-weight:700}.hero-scene .scene-footnote{display:none}
.hero-scene[aria-busy=true]{min-height:350px}.hero-visual::after{content:'Tu catálogo, en conversación.';position:absolute;top:50px;right:-8px;padding:15px 20px;background:var(--clay-surface);border-radius:22px;box-shadow:var(--clay-raised);font-family:var(--clay-display);font-size:13px;font-weight:800;color:var(--clay-ink);z-index:6;transform:rotate(4deg)}
.story-section,.workspace-section,.how-section,.faq-section,#planes{position:relative;padding:100px max(32px,calc((100vw - 1160px)/2));gap:60px;border:0;background:transparent}
.story-copy h2,.section-heading h2,.setup-intro h2,.final-cta h2{font-size:clamp(32px,3.3vw,48px);line-height:1.13;font-weight:900;letter-spacing:-.03em}.story-copy h2 span,.section-heading h2 span,.setup-intro h2 span,.final-cta h2 span{color:var(--clay-violet)}
.story-copy>p:not(.eyebrow),.section-heading>p{color:var(--clay-muted);font-size:17px;line-height:1.75}.eyebrow{font-family:var(--clay-display);font-weight:800;letter-spacing:.05em;color:var(--clay-violet)}
.catalog-story{background:linear-gradient(130deg,#e9e2f64d,#e1f0f34d)}.catalog-stage,.workspace-screen,.personalization-visual{border:0;border-radius:32px;background:var(--clay-surface);box-shadow:var(--clay-card);overflow:hidden;transform:none}
.catalog-stage .browser-bar,.workspace-screen .browser-bar{padding:16px 22px;background:var(--clay-surface);color:var(--clay-muted);border:0}.catalog-stage figcaption,.workspace-screen figcaption{padding:20px 24px;color:var(--clay-muted);font-size:13px;line-height:1.6}.catalog-bridge{margin:0;padding:18px 24px;background:var(--clay-inset);border-radius:0;font-size:13px;flex-wrap:wrap}
.conversation-visual{background:transparent}.conversation-orbit{background:radial-gradient(ellipse,#e1caf6,transparent 68%)}.conversation-capture{border-radius:30px;box-shadow:var(--clay-card)}.workspace-section{background:var(--clay-inset)}.workspace-section .section-heading{max-width:700px;margin:0 auto 34px}.workspace-switch{padding:8px;border-radius:24px;background:var(--clay-canvas);box-shadow:var(--clay-pressed);width:fit-content;margin:0 auto 36px}.workspace-switch button{min-height:44px;border-radius:18px;color:var(--clay-muted);padding:12px 20px;font-weight:600}.workspace-switch button.active{background:var(--clay-surface);color:var(--clay-violet);box-shadow:var(--clay-raised)}.workspace-summary{gap:40px}.workspace-summary p{font-size:14px}
.personalization-section{background:transparent;overflow:visible}.personalization-section .personalization-visual{background:transparent;box-shadow:none}.brand-preview{border-radius:30px;box-shadow:var(--clay-card);border:0}.brand-preview-card,.brand-preview-input{border-radius:20px}.brand-preview-input{box-shadow:var(--clay-pressed)}
.how-section{background:linear-gradient(140deg,#e6dcfa55,#f4ddeb44)}.setup-steps{display:grid;gap:20px}.setup-steps li,.setup-steps li:first-child{border:0;border-radius:28px;padding:26px;background:var(--clay-surface);box-shadow:var(--clay-card);gap:20px}.setup-steps li>span{display:grid;place-items:center;flex:0 0 44px;height:44px;padding:0;border-radius:16px;background:linear-gradient(140deg,#ba9af5,#7c3aed);color:#fff;font-family:var(--clay-display);font-weight:900;box-shadow:var(--clay-button)}.setup-steps li:nth-child(2)>span{background:linear-gradient(140deg,#6ccff1,#087da9)}.setup-steps li:nth-child(3)>span{background:linear-gradient(140deg,#f593bd,#ba2465)}.setup-steps h3{font-size:23px}.setup-steps p{font-size:15px}
#planes{--pricing-surface:var(--clay-surface);--pricing-muted:var(--clay-muted);--pricing-line:var(--clay-line);--pricing-accent:var(--clay-violet);padding-top:105px;padding-bottom:85px;background:transparent}
#planes .section-heading h2{font-size:clamp(32px,3.4vw,48px);font-weight:900}#planes .public-plan-grid{gap:26px;margin-top:40px}#planes .public-plan-card{border:0;border-radius:32px;padding:30px;background:var(--clay-surface);box-shadow:var(--clay-card);overflow:visible}#planes .public-plan-card:nth-child(2){background:linear-gradient(145deg,#eee4ff,var(--clay-surface));box-shadow:var(--clay-card)}#planes .public-plan-card h3{font-family:var(--clay-display);font-weight:900}#planes .public-plan-card .plan-price{font-family:var(--clay-display);font-weight:900}#planes .public-plan-card li{padding:12px 0}#planes .public-plan-card a{border-radius:20px;min-height:48px}#planes .public-plan-card .plan-action{background:linear-gradient(135deg,#9566ec,#7130dc);color:#fff;border:0;box-shadow:var(--clay-button)}
#planes .pricing-demo{border:0;border-radius:28px;padding:26px;margin-top:34px;background:var(--clay-inset);box-shadow:var(--clay-pressed)}#planes .pricing-definitions{border:0;background:var(--clay-surface);box-shadow:var(--clay-card);padding:24px;border-radius:28px;margin-top:30px}.pricing-note{color:var(--clay-muted)}
.faq-section{gap:55px}.faq-list{display:grid;gap:16px}.faq-list details,.faq-list details:first-child{border:0;padding:20px 24px;background:var(--clay-surface);border-radius:24px;box-shadow:var(--clay-raised)}.faq-list details[open]{box-shadow:var(--clay-pressed);background:var(--clay-inset)}.faq-list summary{font-family:var(--clay-display);font-weight:800}.faq-list p{color:var(--clay-muted)}
.final-cta{--accent:var(--clay-violet);--muted:var(--clay-muted);background:linear-gradient(130deg,#e7dcf8,#f8e4ef);color:var(--clay-ink);border-radius:48px;margin:30px auto 70px;padding:60px;max-width:1160px;width:calc(100% - 64px);box-shadow:var(--clay-card)}.final-cta>img{width:220px;height:auto}.final-cta p{color:var(--clay-muted)}.site-footer{max-width:1200px;color:var(--clay-muted);padding-bottom:48px}.footer-column h2{font-size:15px}.site-footer a{color:var(--clay-ink)}
.public-page #publicPage{padding-top:70px}.contact-form,.contact-success,.legal-page{background:var(--clay-surface);box-shadow:var(--clay-card);border-radius:32px;border:0;padding:32px}.contact-field input,.contact-field select,.contact-field textarea{background:var(--clay-inset);box-shadow:var(--clay-pressed);border:0;border-radius:20px;padding:16px;color:var(--clay-ink)}.contact-intro h1,.legal-page h1{font-weight:900}.contact-tabs a{border-radius:20px;min-height:44px}.contact-consent input{box-shadow:none}.legal-page{max-width:850px;margin:auto}.legal-page p{color:var(--clay-muted)}
html[data-theme=dark] .hero h1 span{background:linear-gradient(110deg,#d4b7ff,#eaaaed);background-clip:text;-webkit-background-clip:text}html[data-theme=dark] .final-cta{background:linear-gradient(130deg,#382948,#422b40)}html[data-theme=dark] #planes .public-plan-card:nth-child(2){background:linear-gradient(145deg,#433056,var(--clay-surface))}
@keyframes aria-clay-drift{50%{transform:translate(30px,-24px) rotate(6deg)}}

@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:115px;min-height:800px}.hero-visual{height:540px}.hero-visual .mascot-intro{width:290px}.hero-scene{width:330px}}
@media(max-width:1000px){.hero{padding:90px 32px 65px;min-height:660px;gap:10px}.hero h1{font-size:54px}.hero-visual .mascot-intro{width:210px;left:-10px}.hero-scene{width:260px;top:150px}.hero-scene .real-chat img{height:280px}.hero-visual::after{right:0;font-size:11px}.story-section,.workspace-section,.how-section,.faq-section,#planes{padding:70px 32px;gap:32px}.site-header .nav-links{gap:16px}#planes .public-plan-grid{gap:18px}#planes .public-plan-card{padding:24px}}
@media(max-width:700px){html{scroll-padding-top:96px}.site-header{width:calc(100% - 24px);top:10px;margin-top:10px;min-height:64px;padding:9px 12px 9px 16px;gap:8px}.site-header .wordmark{font-size:24px}.site-header .brand-mark{width:32px;height:32px}.site-header nav{gap:7px}.site-header .nav-button{padding:10px 15px;font-size:12px}.site-header .nav-links{background:#312637f5;backdrop-filter:blur(20px);border:1px solid #ffffff26;border-radius:24px;top:calc(100% + 12px);left:0;right:0;padding:16px;box-shadow:0 20px 35px #20142d33}.site-header .nav-links a{min-height:44px;display:flex;align-items:center;padding:10px 16px}.site-header .nav-links a[data-admin-link]{background:#ffffff0e}.site-header .theme-toggle{width:44px;height:44px}.hero{grid-template-columns:1fr;padding:65px 26px 48px;gap:10px;min-height:0;text-align:left}.hero-copy{max-width:580px;margin:0 auto;width:100%}.hero h1{font-size:clamp(42px,9.9vw,62px);margin-bottom:22px;letter-spacing:-.035em}.hero-description{font-size:16px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.hero-actions .primary-button{width:100%}.hero-actions .secondary-link{width:100%;min-height:50px}.hero .demo-note{font-size:12px;margin-top:22px}.hero-visual{height:470px;width:min(100%,430px);margin:0 auto}.hero-visual .mascot-intro{width:200px;top:10px;left:-6px}.hero-scene{width:250px;right:0;top:140px;max-height:330px;border-radius:30px;transform:rotate(3deg)}.hero-scene .scene-toolbar{padding:12px 16px}.hero-scene .real-chat img{height:238px}.hero-scene .real-chat span{padding:13px}.hero-visual::after{top:60px;right:0;padding:12px 14px;max-width:150px;line-height:1.4;font-size:12px}.story-section,.workspace-section,.how-section,.faq-section,#planes{padding:62px 24px;gap:32px}.story-copy h2,.section-heading h2,.setup-intro h2,.final-cta h2{font-size:36px}.story-copy>p:not(.eyebrow){font-size:16px}.story-copy .secondary-link{font-size:13px}.workspace-switch{max-width:100%;display:flex;padding:6px;gap:2px}.workspace-switch button{padding:10px 12px;font-size:12px;min-width:0}.workspace-summary{display:grid;gap:10px}.workspace-summary p{margin:0}.catalog-stage,.workspace-screen{border-radius:24px}.personalization-section .widget-duo{gap:14px}.brand-preview{border-radius:24px}.setup-steps li,.setup-steps li:first-child{padding:22px;gap:16px}.setup-steps h3{font-size:21px}.setup-intro img{width:140px;height:140px}.faq-list details,.faq-list details:first-child{padding:18px 20px}.final-cta{width:calc(100% - 40px);padding:32px 26px;gap:20px;border-radius:32px;margin-bottom:40px}.final-cta>img{width:150px}.public-page .site-header nav>a:not(.nav-button){display:none}.public-page #publicPage{padding:50px 22px}.contact-form,.legal-page{padding:24px}.site-shell::before,.site-shell::after{width:75vw;height:500px}.site-footer{padding:30px 24px}}


/* Resolve legacy minimum heights and contain ambient light inside the page. */
.site-shell{position:relative}.hero .hero-visual{min-height:0;height:500px}.hero .hero-scene{margin:0}.hero-copy{text-align:left}.conversation-visual{overflow:clip}.site-header{background:linear-gradient(115deg,#49384ddd,#251e2be6 52%,#302735d9)}
.conversation-story{--ink:var(--clay-ink);--muted:var(--clay-muted);color:var(--clay-ink)}.conversation-story h2{color:var(--clay-ink)}
.conversation-story .story-copy h2 span{color:var(--clay-violet)}
.public-page .site-header .nav-button{background:#fffafc;color:#302735;border:0;border-radius:999px;box-shadow:inset 0 1px 2px #fff,0 3px 8px #100b1726}
#planes .public-plan-card .plan-cta{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:20px;background:linear-gradient(135deg,#9566ec,#7130dc);color:#fff;border:0;box-shadow:var(--clay-button);font-weight:700}
@media(max-width:700px){.hero .hero-visual{height:470px;min-height:0}.hero .hero-scene{margin:0;min-height:0}.hero .hero-copy{text-align:left}.conversation-visual>.explaining-aria{right:0}}

/* Every navigation state owns its material; legacy scroll rules cannot bleach it. */
.site-header,.site-header.is-scrolled,html[data-theme=dark] .site-header,html[data-theme=dark] .site-header.is-scrolled{
 background:linear-gradient(115deg,#393440e8,#25232de8 58%,#302b38e8);
 border:1px solid #ffffff29;box-shadow:0 10px 28px #21162e26,inset 0 1px 0 #f2dfff2e,inset 0 -1px 0 #0e081d66;
}
.site-header.is-scrolled .wordmark,.site-header.is-scrolled .wordmark strong{color:#fff}
.site-header.is-scrolled nav a:not(.nav-button){color:#e8dfee}.site-header.is-scrolled nav a:hover{color:#fff}
.site-header .nav-button,.site-header .nav-button:hover,.site-header .nav-button:focus-visible,.public-page .site-header .nav-button:hover{color:#302735;background:#fffafc}
.final-cta .secondary-link,.final-cta .secondary-link:hover,.final-cta .secondary-link:focus-visible{background:var(--clay-surface);color:var(--clay-ink);box-shadow:var(--clay-raised);text-decoration:none}

/* Dark example surfaces have their own lighting, independent of the page theme. */
.brand-preview[data-theme=dark]{box-shadow:12px 14px 30px #21142e33,-6px -6px 18px #ffffff40,inset 2px 2px 6px #8571991a,inset -2px -2px 6px #120c1d26}
.brand-preview[data-theme=dark] .brand-preview-input{background:#282132;box-shadow:inset 3px 3px 8px #140e2059,inset -3px -3px 8px #69537526;border-radius:18px;color:#d8cce4}
.brand-preview[data-theme=dark] .brand-preview-footer{background:#282132;color:#d8cce4}

/* Live catalog preview, fully visible; ARIA presents it from the lower left. */
.hero .hero-visual{height:550px}.hero .hero-scene{top:45px;right:0;width:320px;max-height:none;overflow:visible;transform:rotate(1deg);border-radius:30px}
.hero .hero-scene:hover{transform:rotate(0)}.hero-scene .real-chat{display:none}.hero-scene>.preview-card,.contextual-demo .hero-scene>.preview-card{display:block;border:0;border-radius:0;box-shadow:none;background:var(--clay-surface);overflow:visible}
.hero-scene .scene-toolbar{padding:17px 20px 10px;margin:0;font-size:11px}.hero-scene .preview-header{padding:12px 18px;border-bottom:1px solid var(--clay-line);background:transparent;border-radius:0}
.hero-scene .preview-conversation{padding:14px 18px 18px;background:transparent}.hero-scene .preview-user{display:none}.hero-scene .preview-answer{max-width:100%;margin:0 0 14px}.hero-scene .preview-answer .speaker{font-size:10px;font-weight:700;color:var(--clay-violet)}
.hero-scene .preview-answer p{font-size:12px;line-height:1.6;padding:0;margin:5px 0 0;border:0;background:none;color:var(--clay-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.hero-scene .preview-product{padding:16px;background:var(--clay-inset);border:0;border-radius:22px;box-shadow:inset 2px 2px 5px #6e4d9920,inset -2px -2px 5px #ffffff66}
.hero-scene .preview-product-top{align-items:flex-start;gap:12px}.hero-scene .image-placeholder{width:64px;height:72px;min-width:64px;border-radius:14px;background:var(--clay-surface);padding:5px}.hero-scene .preview-product h2{font-size:14px;line-height:1.35;font-weight:800;margin:5px 0 8px;color:var(--clay-ink);text-wrap:wrap}.hero-scene .product-overline{font-size:9px;color:var(--clay-muted);letter-spacing:.04em}
.hero-scene .preview-price{font-family:var(--clay-display);font-size:20px;font-weight:900;color:var(--clay-ink)}.hero-scene .preview-stock{font-size:11px;line-height:1.5}.hero-scene .preview-product-description{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0;color:var(--clay-muted)}
.hero-scene .preview-product-button,.hero-scene .preview-product-button[href]{min-height:44px;border:0;border-radius:16px;background:var(--clay-surface);color:var(--clay-ink);justify-content:center;font-size:12px;font-weight:700;box-shadow:var(--clay-raised)}.hero-scene .preview-input{display:none}.hero-scene .preview-product-note{font-size:10px;color:var(--clay-muted)}
.hero-demo-link{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:0;border-radius:0 0 30px 30px;background:linear-gradient(135deg,#8953df,#6d2bd7);color:#fff;font:700 13px var(--aria-font);cursor:pointer;box-shadow:inset 0 2px 4px #ffffff33;transition:background .2s}.hero-demo-link:hover{background:#6824cc;color:#fff}.hero-demo-link:focus-visible{outline-offset:5px}
.hero .hero-visual .mascot-intro{left:-28px;top:245px;bottom:auto;width:255px;transform:none;z-index:5}.hero .hero-visual .mascot-intro img{scale:-1 1;transform:none;filter:drop-shadow(0 16px 15px #5b388b18)}.hero-visual::after{top:-8px;right:10px;transform:rotate(1deg);font-size:12px}
@media(min-width:1500px){.hero .hero-visual{height:560px}.hero .hero-visual .mascot-intro{width:275px;left:-38px}}
@media(min-width:701px) and (max-width:1050px){.hero .hero-scene{width:275px}.hero .hero-visual .mascot-intro{width:185px;left:-22px;top:295px}.hero-scene .preview-product-top{flex-direction:column}.hero-scene .image-placeholder{height:70px}.hero .hero-visual{height:640px}}
@media(max-width:700px){.hero .hero-visual{height:580px;margin-top:14px}.hero .hero-scene{width:255px;right:0;top:48px;transform:rotate(1deg)}.hero .hero-visual .mascot-intro{width:165px;left:-16px;top:310px}.hero-visual::after{top:0;right:6px;max-width:230px;padding:12px 16px;font-size:11px}.hero-scene .scene-toolbar{padding:14px 15px 8px;font-size:10px}.hero-scene .preview-header{padding:10px 14px}.hero-scene .preview-conversation{padding:12px 14px 14px}.hero-scene .preview-product{padding:13px}.hero-scene .preview-product-top{flex-direction:column}.hero-scene .preview-product h2{font-size:13px}.hero-scene .preview-answer p{font-size:11px}.hero-demo-link{min-height:50px}}

/* Give the supporting mascot a real slot instead of cropping an overflowing image. */
.conversation-story .conversation-visual{overflow:visible;min-height:660px;padding:0 96px 24px 0}
.conversation-story .conversation-orbit{width:100%;max-width:100%;height:540px;left:0}
.conversation-story .conversation-visual>.explaining-aria{right:0;bottom:16px;width:160px;height:auto;object-fit:contain;z-index:3}
.conversation-story .conversation-capture{max-width:calc(100% - 12px)}
.hero .hero-visual .mascot-intro img[data-pose=pointing]{scale:1 1}
@media(min-width:701px) and (max-width:1050px){.conversation-story .conversation-visual{padding-right:70px;min-height:610px}.conversation-story .conversation-visual>.explaining-aria{width:125px}}
@media(max-width:700px){.conversation-story .conversation-visual{padding:0 60px 28px 0;min-height:550px;width:100%;max-width:390px;margin:auto}.conversation-story .conversation-visual>.explaining-aria{width:105px;right:0;bottom:10px}.conversation-story .conversation-capture{width:245px;max-width:100%}.conversation-story .conversation-orbit{height:450px}}

/* Theme-specific glass: lavender crystal by day, graphite crystal by night. */
html:not([data-theme=dark]) .site-header,html:not([data-theme=dark]) .site-header.is-scrolled{background:linear-gradient(120deg,#ffffffeb,#f2ebf9ed 60%,#eee5f6ed);border-color:#fff;box-shadow:0 10px 28px #5940721f,inset 0 1px 0 #fff,inset 0 -1px 0 #c5afd43d;color:#332f3a}
html:not([data-theme=dark]) .site-header .wordmark,html:not([data-theme=dark]) .site-header .wordmark strong{color:#332f3a}
html:not([data-theme=dark]) .site-header .wordmark-dot,html:not([data-theme=dark]) .site-header .wordmark strong span{color:#7c3aed}
html:not([data-theme=dark]) .site-header nav a:not(.nav-button){color:#54465f}html:not([data-theme=dark]) .site-header nav a:not(.nav-button):hover{color:#6329b0}
html:not([data-theme=dark]) .site-header nav a[data-admin-link]{background:#e9def6;color:#493657}
html:not([data-theme=dark]) .site-header .theme-toggle,html:not([data-theme=dark]) .site-header .landing-menu{background:#f9f4fe;color:#54465f;border-color:#d9cde7}
html:not([data-theme=dark]) .site-header .nav-button,html:not([data-theme=dark]) .site-header .nav-button:hover,html:not([data-theme=dark]) .site-header .nav-button:focus-visible{background:#6e30c8;color:#fff;box-shadow:0 4px 10px #7c3aed26,inset 0 1px 2px #ffffff40}
.brand-preview .brand-preview-input{margin:0 16px 8px;padding:12px 14px;border:0;border-radius:18px;min-width:0;box-shadow:var(--clay-pressed)}.brand-preview .brand-preview-footer{padding:0 16px;border:0}
.brand-preview[data-theme=dark] .brand-preview-input{box-shadow:inset 3px 3px 8px #140e2059,inset -3px -3px 8px #69537526}
.hero .hero-visual .mascot-intro{width:330px;left:-24px;top:220px;z-index:6}.hero .hero-visual .mascot-intro img{filter:drop-shadow(4px 12px 12px #57347e26)}
@media(min-width:1500px){.hero .hero-visual .mascot-intro{width:345px;left:-20px;top:210px}}
@media(min-width:701px) and (max-width:1050px){.hero .hero-visual .mascot-intro{width:240px;left:-20px;top:320px}}
@media(max-width:700px){html:not([data-theme=dark]) .site-header .nav-links{background:#f8f3fdf5;border-color:#fff;box-shadow:0 15px 30px #4d326326}.hero .hero-visual .mascot-intro{width:220px;left:-18px;top:310px}.hero .hero-visual{height:600px}.hero .hero-scene{right:0}}

.brand-preview-header .aria-mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:3px;border-radius:16px;overflow:visible;background:transparent;box-shadow:none}
.brand-preview-header .aria-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}
html[data-theme=dark] .catalog-story,html[data-theme=dark] .personalization-section,html[data-theme=dark] .how-section{background:var(--clay-canvas)}
html[data-theme=dark] .workspace-section{background:var(--clay-inset)}
html[data-theme=dark] .how-section{background:var(--clay-inset)}
html[data-theme=dark] .site-shell::before,html[data-theme=dark] .site-shell::after{opacity:.18;background:#74509f33}
html[data-theme=dark] .hero-visual::before{background:radial-gradient(ellipse,#73509433,transparent 68%)}
html[data-theme=dark] .conversation-orbit{background:radial-gradient(ellipse,#5b3d7e33,transparent 68%)}
html[data-theme=dark] .hero-scene .preview-product{box-shadow:inset 2px 2px 6px #100a1e4d,inset -2px -2px 6px #6a4b861a}
@media(max-width:700px){.hero .hero-visual{height:600px}.hero .hero-scene{top:72px;width:280px;max-width:calc(100% - 38px)}.hero-visual::after{top:4px;right:2px;max-width:260px;line-height:1.4}.hero .hero-visual .mascot-intro{width:170px;left:-28px;top:290px}.hero-scene .preview-product-top{flex-direction:row;gap:10px}.hero-scene .image-placeholder{width:56px;min-width:56px;height:64px}.hero-scene .preview-product h2{font-size:12px;line-height:1.4}.hero-scene .preview-price{font-size:19px}.hero-scene .preview-product-info{min-width:0}.hero-scene .preview-header .aria-heading{min-width:0}}
/* Catalog previews use AriaChat.createProductCard, the live widget renderer. */
.catalog-showcase{--aria-bg:var(--clay-surface);--aria-line:var(--clay-border,#ded6e9);--aria-muted:var(--clay-muted);--aria-ink:var(--clay-ink);color:var(--aria-ink)}
.catalog-showcase .product-card{padding:16px;border:1px solid var(--aria-line);border-radius:18px;background:var(--aria-bg);box-shadow:none;text-align:left}
.catalog-showcase .aria-product-top{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}
.catalog-showcase .aria-product-image{width:72px;height:72px;aspect-ratio:1;border-radius:12px;background:var(--clay-inset);overflow:hidden;display:grid;place-items:center}
.catalog-showcase .aria-product-image img{width:100%;height:100%;object-fit:contain}.catalog-showcase .aria-product-content{min-width:0}
.catalog-showcase .product-name{font-size:14px;line-height:1.4;min-height:0;overflow-wrap:anywhere;color:var(--aria-ink);margin:4px 0 8px}
.catalog-showcase .product-category{font-size:9px;color:var(--aria-muted)}.catalog-showcase .product-price{font-size:20px;color:var(--aria-ink);font-weight:800}
.catalog-showcase .product-stock{font-size:11px;margin-top:8px;color:var(--aria-muted)}.catalog-showcase .product-stock[data-available=true]{color:#17845f}
.catalog-showcase .product-description{font-size:11px;line-height:1.6;color:var(--aria-muted);margin:12px 0;min-height:0}
.catalog-showcase .product-link{display:flex;justify-content:center;align-items:center;background:var(--aria-accent,#6950bf);color:var(--aria-accent-ink,#fff);padding:11px 14px;min-height:44px;border:0;border-radius:12px;font-size:12px;text-decoration:none;margin-top:12px}
.catalog-showcase .product-link:hover{filter:brightness(.94);color:var(--aria-accent-ink,#fff)}
.conversation-story .catalog-showcase{width:340px;background:var(--clay-surface);overflow:hidden;display:block;transform:none}
.catalog-showcase .showcase-body{padding:18px}.catalog-showcase .showcase-greeting{font-size:12px;line-height:1.7;color:var(--aria-muted);margin:0 0 20px}
.catalog-showcase .showcase-open{display:block;width:100%;min-height:52px;padding:14px;background:var(--aria-accent,#6950bf);color:var(--aria-accent-ink,#fff);border:0;font-size:12px;font-weight:700;text-align:center}
.catalog-showcase.brand-preview[data-theme=dark]{--aria-bg:#282132;--aria-line:#493e58;--aria-ink:#f4effb;--aria-muted:#c9bdd7}
.catalog-showcase.brand-preview[data-theme=light]{--aria-bg:#fff;--aria-line:#e1d9ec;--aria-ink:#332f3a;--aria-muted:#635f69}
.catalog-showcase.brand-preview .aria-product-top{grid-template-columns:1fr}.catalog-showcase.brand-preview .aria-product-image{width:100%;height:130px}.catalog-showcase.brand-preview .product-card{height:100%}
@media(max-width:700px){.conversation-story .catalog-showcase{width:270px;max-width:100%}.catalog-showcase .showcase-body{padding:14px}.catalog-showcase .aria-product-top{grid-template-columns:60px minmax(0,1fr);gap:10px}.catalog-showcase .aria-product-image{width:60px;height:60px}.catalog-showcase .product-card{padding:13px}.catalog-showcase .product-name{font-size:12px}.catalog-showcase .product-price{font-size:19px}}
.catalog-showcase>.preview-header{padding:18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--aria-line);color:var(--aria-ink)}
.catalog-showcase .preview-header .aria-mark{width:40px;height:40px;flex:none;padding:3px;display:grid;place-items:center;border-radius:14px;background:var(--clay-inset)}
.catalog-showcase .preview-header .aria-mark img{width:100%;height:100%;object-fit:contain}.catalog-showcase .preview-header .aria-heading{min-width:0;font-size:11px}.catalog-showcase .preview-header .aria-heading strong{font-size:13px}.catalog-showcase .preview-header .aria-heading>span,.catalog-showcase .preview-header .aria-heading>small{display:block;line-height:1.5}
html[data-theme=dark] .catalog-showcase:not([data-theme=light]) .product-stock[data-available=true],.catalog-showcase[data-theme=dark] .product-stock[data-available=true]{color:#83d8b1}
.catalog-showcase[data-theme=light] .brand-preview-input{box-shadow:inset 2px 2px 6px #77628c14,inset -2px -2px 6px #ffffffcc;border:1px solid #e7dfed}
html[data-theme=dark] .catalog-showcase:not([data-theme=light]){--aria-line:#493e58}
.catalog-showcase[data-theme=light] .brand-preview-input{background:#f8f5fc}
.catalog-showcase .showcase-question{margin:0 0 18px 24px;padding:12px 14px;border-radius:16px 16px 4px 16px;background:var(--aria-accent);color:var(--aria-accent-ink);font-size:12px;line-height:1.6}
.catalog-showcase .showcase-example-note{display:block;margin-top:14px;color:var(--aria-muted);font-size:10px;line-height:1.6}