:root{--ink:#0b1e3d;--blue:#0755f5;--muted:#536078;--bg:#f2f6fc;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:hover{filter:brightness(.9)}.hero{max-width:1280px;margin:auto;padding:30px 44px 24px}.intro{text-align:center;margin-bottom:30px}.logo{width:153px;height:auto;display:block;margin:0 auto 25px}.intro h1{font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0;font-weight:700;text-wrap:balance}.intro h1 span{color:#0755f5}.intro>p{font-size:16px;line-height:1.55;color:var(--muted);margin:17px 0 0}.demo{display:grid;grid-template-columns:minmax(0,1fr) 270px;box-shadow:0 22px 65px -28px #17386b4d;border-radius:16px;overflow:hidden;background:#fff}.chat-window{min-width:0;padding:0 25px 11px;color:#242424;position:relative}.chat-header{height:58px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f3}.chat-title{font-size:18px;font-weight:600}.chevron{font-size:17px;color:#747474;padding-left:4px}.demo-label{font-size:10px;color:#646464;border:1px solid #dcdfe3;border-radius:4px;padding:4px 6px;margin-left:auto}.profile{width:26px;height:26px;background:#e5eaf1;color:#3d4c65;display:grid;place-items:center;border-radius:50%;font-size:12px}.conversation{height:466px;padding-top:19px;position:relative;overflow:hidden}.user-message{margin:0 0 18px auto;width:max-content;max-width:86%;min-height:42px;padding:12px 17px;background:#f1f1f1;border-radius:17px;font-size:13px;line-height:1.45}.typing-caret{display:inline-block;width:1px;height:13px;background:#333;vertical-align:-2px;animation:blink .7s infinite}.assistant{display:flex;gap:10px}.assistant-avatar{width:23px;font-size:24px;flex-shrink:0;line-height:25px}.assistant-content{flex:1;min-width:0}.assistant-content>p{font-size:13px;line-height:1.5;margin:0 0 12px;min-height:20px}.thinking{display:flex;gap:4px;height:18px}.thinking i{width:5px;height:5px;background:#777;border-radius:50%;animation:blink 1.2s infinite}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}.store{border:1px solid #dfe4e7;border-radius:12px;overflow:hidden;background:#fff;transform-origin:top;transition:opacity .5s var(--ease),transform .7s var(--ease),filter .6s var(--ease)}.store-header{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #edf0f0}.store-brand{display:flex;gap:8px;align-items:center}.brand-mark{background:var(--blue);color:white;font-family:Georgia,serif;font-size:21px;width:31px;height:31px;display:grid;place-items:center;border-radius:6px}.store-brand strong{font-size:10px;letter-spacing:.1em}.store-brand small{font-size:9px;display:block;color:#59625e;margin-top:3px}.connected{font-size:9px;color:#515b56;background:#f0f3f1;padding:5px 7px;border-radius:5px}.store-heading{padding:14px 15px 11px}.store-heading h2{font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0 0 5px}.store-heading p{font-size:10px;color:#657067;margin:0}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 15px 12px}.product{min-width:0;position:relative}.product-photo{aspect-ratio:1.36;background-image:url('assets/products.png');background-size:300% 100%;border-radius:7px;background-repeat:no-repeat}.jacket{background-position:0% 50%}.shoes{background-position:50% 50%}.bag{background-position:100% 50%}.product-info{padding-top:7px;position:relative}.stock{font-size:8px;color:#28633b;display:block;margin-bottom:4px}.product h3{font-size:11px;margin:0 0 4px;font-weight:600}.product p{font-size:9px;color:#626962;margin:0 0 6px}.product strong{font-size:11px}.selection{font-size:8px;color:var(--blue);position:absolute;bottom:0;right:0;opacity:0;transition:opacity .5s}.store-footer{font-size:8px;padding:9px 15px;background:#f7f8f7;color:#5c655e;display:flex;justify-content:space-between;gap:12px}.store-footer span:last-child{white-space:nowrap}.followup{background:#f1f1f1;font-size:11px;line-height:1.4;border-radius:13px;padding:10px 13px;margin:12px 0 0 auto;width:max-content;max-width:95%;transition:opacity .4s,transform .5s var(--ease)}.cart{display:flex;align-items:center;gap:9px;background:#edf3ff;padding:12px;border-radius:10px;margin-top:12px;transition:opacity .4s,transform .5s var(--ease)}.cart-icon{width:26px;height:26px;border-radius:50%;background:#dce8ff;color:var(--blue);display:grid;place-items:center;flex-shrink:0}.cart-copy{flex:1;min-width:0}.cart strong{font-size:11px;display:block}.cart-copy>span{font-size:9px;display:block;color:#536158;margin-top:4px}.cart button{background:var(--blue);color:white;border:0;padding:10px;border-radius:6px;white-space:nowrap;font-size:10px}.composer{margin:7px 0 0 33px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:19px;display:flex;gap:12px;align-items:center;font-size:18px;height:42px}.composer>span:nth-child(2){font-size:11px;color:#767676;flex:1}.send{color:#fff;background:#252525;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;font-size:16px}.disclaimer{font-size:8px;text-align:center;color:#6b6b6b;margin-top:9px}.story{background:var(--blue);color:white;padding:25px 25px 24px;display:flex;flex-direction:column;justify-content:space-between}.story-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.story-kicker{font-size:11px;color:#bdd3ef}.story-count{font-size:10px;color:#a3bfdf}.story-symbol{font-size:75px;line-height:1;color:#c9dcff;margin-bottom:20px;font-weight:400;height:76px}.story-main h2{font-size:30px;line-height:1.08;letter-spacing:-.03em;margin:0 0 18px;text-wrap:balance}.story-main p{font-size:13px;line-height:1.65;color:#c1cee0;margin:0;min-height:85px}.story-bottom{border-top:1px solid #34435f;padding-top:19px}.signal{font-size:11px;display:flex;gap:8px;align-items:center}.signal-dot{height:6px;width:6px;background:#d5e2ff;border-radius:50%}.story-bottom>p{font-size:10px;color:#a9bdd6;margin:10px 0 0}.playback{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:0 5px}.chapters{display:flex;flex:1;gap:22px}.chapters button{color:#647087;flex:1;background:none;border:0;text-align:left;font-size:11px;padding:0 0 12px;position:relative;border-bottom:2px solid #dbe3ee}.chapters button.active{color:var(--ink);font-weight:600}.chapters button>span{position:absolute;height:2px;left:0;bottom:-2px;background:var(--blue);width:0}.player-buttons{display:flex;gap:7px}.player-buttons button{border:1px solid #cdd8e5;background:transparent;border-radius:50%;width:33px;height:33px;font-size:17px;color:var(--ink)}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-scene="0"] .store{opacity:0;transform:translateY(15px);filter:blur(3px);pointer-events:none}body:not([data-scene="0"]) .thinking{display:none}body:not([data-scene="0"]) .typing-caret{display:none}body[data-scene="0"] .followup,body[data-scene="1"] .followup{opacity:0;transform:translateY(10px)}body:not([data-scene="3"]) .cart{visibility:hidden;opacity:0;transform:translateY(10px)}body[data-scene="3"] .selection{opacity:1}body[data-scene="3"] .store-heading{display:none}body[data-scene="3"] .product-photo{aspect-ratio:2.05}body[data-scene="3"] .store-header{padding-block:9px}body[data-scene="3"] .store-footer{display:none}body[data-scene="3"] .user-message{margin-bottom:12px}body[data-scene="3"] .product-info{padding-top:6px}body.paused *{animation-play-state:paused!important}dialog{border:0;border-radius:16px;padding:32px;max-width:420px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0b1e3d77;backdrop-filter:blur(5px)}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px}.dialog-kicker{font-size:10px;color:var(--muted)}dialog h2{font-size:27px;margin:20px 0}.cart-line,.cart-total{display:flex;justify-content:space-between;font-size:14px;padding:16px 0;border-bottom:1px solid #e1e7ee}.cart-line small{display:block;margin-top:5px;color:var(--muted)}.cart-total{border:0}dialog p{font-size:11px;color:var(--muted)}.demo-notice{font-size:12px;line-height:1.6;background:var(--bg);padding:12px;border-radius:6px;margin-top:22px}@keyframes blink{50%{opacity:.2}}@media(min-width:1400px){.hero{padding-top:42px}.intro{margin-bottom:36px}}@media(max-width:900px){.hero{padding:25px 24px}.demo{grid-template-columns:minmax(0,1fr) 215px}.story{padding:22px 18px}.story-main h2{font-size:27px}.chat-window{padding-inline:17px}.conversation{height:443px}.product-photo{aspect-ratio:1}.store-heading h2{font-size:16px}.store-footer>span:first-child{display:none}.intro h1{font-size:38px}}@media(max-width:680px){.hero{padding:23px 14px 20px}.logo{width:129px;margin-bottom:23px}.intro h1{font-size:32px}.intro>p{font-size:13px;line-height:1.65;margin-top:14px}.intro{margin-bottom:25px}.demo{display:flex;flex-direction:column}.chat-window{padding:0 13px 10px}.chat-header{height:49px}.chat-title{font-size:16px}.conversation{height:455px;padding-top:17px}.user-message{font-size:11px;max-width:94%;padding:10px 12px;min-height:38px}.assistant-avatar{display:none}.assistant-content>p{font-size:11px;line-height:1.6}.store-header{padding:12px}.store-heading{padding:12px}.store-heading h2{font-size:17px}.store-heading p{font-size:10px}.products{gap:8px;padding:0 12px 13px}.product-photo{aspect-ratio:.83}.product h3{font-size:10px;line-height:1.3;min-height:26px}.product p{font-size:8px;min-height:21px;line-height:1.3}.product strong{font-size:11px}.selection{font-size:7px;bottom:-10px;left:0;right:auto}.store-footer{font-size:8px;padding:9px 12px}.store-footer>span:first-child{display:block;font-size:7px}.store-footer span:last-child{font-size:7px}.composer{margin-left:0}.followup{font-size:10px;margin-top:11px}.cart{padding:10px;gap:7px}.cart strong{font-size:10px}.cart-copy>span{font-size:8px;line-height:1.5}.cart button{font-size:9px;padding:9px}.cart-icon{display:none}.story{padding:19px 21px;min-height:154px;position:relative}.story-top{margin-bottom:12px}.story-kicker,.story-count{font-size:9px}.story-symbol{display:none}.story-main h2{font-size:23px;margin:0 0 7px;line-height:1.1}.story-main p{font-size:11px;line-height:1.5;min-height:33px;max-width:48ch}.story-bottom{display:none}.playback{gap:12px;padding:0;margin-top:20px}.chapters{gap:10px}.chapters button{font-size:9px;padding-bottom:10px;line-height:1.4}.player-buttons{gap:5px}.player-buttons button{width:28px;height:28px;font-size:15px}body[data-scene="3"] .product-photo{aspect-ratio:1.25}body[data-scene="3"] .products{padding-bottom:19px}body[data-scene="3"] .product p{min-height:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}body.embed .intro{display:none}body.embed .hero{padding:10px;max-width:1200px}body.embed{background:transparent}

/* Keep every scene within the fixed stage at intermediate widths. */
.conversation{height:510px}.product-photo{aspect-ratio:1;max-width:140px;margin-inline:auto}.product-info{font-size:12px}body[data-scene="3"] .product-photo{aspect-ratio:1;max-width:98px}.stock{font-size:9px}.product h3{font-size:12px}.product p{font-size:10px}.product strong{font-size:12px}@media(max-width:900px) and (min-width:681px){.conversation{height:500px}.product h3{font-size:10px}.product p{font-size:9px}}@media(max-width:680px){.conversation{height:475px}.product-photo{max-width:125px;aspect-ratio:1}.product h3{font-size:10px}.product p{font-size:8px}.product strong{font-size:11px}.stock{font-size:8px}body[data-scene="3"] .product-photo{aspect-ratio:1;max-width:80px}}

.conversation{height:530px}body[data-scene="2"] .store-heading{display:none}body[data-scene="2"] .product-photo{max-width:110px}body[data-scene="2"] .store-footer{display:none}@media(max-width:900px) and (min-width:681px){.conversation{height:520px}}@media(max-width:680px){.conversation{height:495px}body[data-scene="2"] .product-photo{max-width:90px}}

/* Platform selector stays available in both standalone and embedded views. */
.platforms{display:flex;align-items:center;justify-content:flex-end;margin:0 4px 17px;gap:16px}.platform-caption{font-size:13px;color:var(--muted)}.platform-options{display:flex;gap:7px}.platform-options button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;padding:10px 15px;border-radius:9px;font-size:13px;color:var(--muted);min-height:42px}.platform-options button[aria-pressed="true"]{background:white;border-color:#cdd8e5;color:var(--ink);box-shadow:0 3px 9px #0b1e3d08}.platform-options img{height:20px;width:20px;object-fit:contain}.chat-title{display:flex;align-items:center;gap:8px}.chat-title>img{height:23px;width:23px;object-fit:contain}.assistant-avatar img{width:23px;height:23px;object-fit:contain}.chat-window{transition:background-color .4s}.chat-title .chevron{padding-left:0}body[data-platform="claude"] .chat-window{background:#faf9f5}body[data-platform="claude"] .user-message,body[data-platform="claude"] .followup{background:#eeeae2}body[data-platform="claude"] .chat-title{font-family:Georgia,serif}body[data-platform="gemini"] .chat-window{background:#f8fafd}body[data-platform="gemini"] .user-message,body[data-platform="gemini"] .followup{background:#e9eef6}body[data-platform="gemini"] .send{background:#285dc4}@media(max-width:680px){.platforms{flex-direction:column;gap:9px;margin-bottom:15px}.platform-caption{font-size:11px}.platform-options{width:100%;justify-content:center;gap:5px}.platform-options button{padding:9px 12px;font-size:12px}.platform-options img{width:18px;height:18px}.chat-title>img{width:20px;height:20px}}

body.embed .hero{max-width:none;padding:10px 0 22px}body.embed .demo{box-shadow:0 15px 40px -28px #17386b4d}body.embed .playback{margin-inline:5px}