.checkout-intro{padding-block:72px 50px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:end}.checkout-intro h1{font-size:clamp(44px,4.9vw,68px)}.checkout-intro>p{font-size:18px;line-height:1.65;color:#536078;max-width:470px;margin:0 0 4px}.checkout-stage{padding-bottom:110px}.scene-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 23px;background:#dceafb;border:1px solid #cbdbee;border-bottom:0;border-radius:14px 14px 0 0}.scene-status{font-size:11px;font-weight:700;letter-spacing:.09em;color:#516789;display:flex;gap:8px;align-items:center}.scene-status i{height:7px;width:7px;border-radius:50%;background:#0755f5}.scene-controls{display:flex;align-items:center;gap:6px}.scene-step,.scene-play{border:0;background:transparent;color:#52627d;padding:9px 12px;border-radius:7px;font-size:12px;font-weight:700}.scene-step.active{background:#0b1e3d;color:#fff}.scene-step span{font-weight:500;margin-left:4px}.scene-play{font-size:17px;min-width:40px}.chat-shell{height:660px;position:relative;display:grid;grid-template-columns:185px 1fr;background:#fff;border:1px solid #cbdbee;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 25px 65px #0b1e3d18}.chat-sidebar{background:#f2f5fa;border-right:1px solid #e6eaf0;padding:25px 18px;display:flex;flex-direction:column;gap:21px;font-size:13px;color:#54617b}.chat-symbol{font-size:25px;color:#0b1e3d}.side-item{font-size:12px;color:#748198}.chat-main{min-width:0;display:flex;flex-direction:column}.chat-top{height:60px;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:16px}.chat-top span{color:#8993a3;font-size:12px}.chat-content{max-width:760px;width:100%;padding:34px 28px 20px;margin:0 auto;overflow-y:auto;flex:1}.shopper-question{margin-left:auto;max-width:475px;background:#f1f3f7;padding:16px 21px;border-radius:20px 20px 5px 20px;font-size:16px;line-height:1.5;transition:opacity .4s,transform .4s}.assistant-answer{display:flex;align-items:flex-start;gap:16px;margin-top:28px;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.assistant-answer>div{min-width:0;width:100%}.assistant-answer p{font-size:15px;line-height:1.6;margin:0 0 18px}.assistant-mark{font-size:22px;margin-top:0}.product-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transition:opacity .35s,transform .35s,max-height .4s}.product-result{text-align:left;display:flex;flex-direction:column;border:1px solid #dfe5ec;border-radius:12px;background:#fff;padding:9px;min-width:0;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.product-result:hover,.product-result:focus-visible{border-color:#0755f5;box-shadow:0 4px 18px #0b1e3d1a}.product-result>span:last-child{padding:10px 4px 6px}.product-result strong,.product-result small,.product-result b{display:block}.product-result strong{font-size:13px;line-height:1.3}.product-result small{font-size:11px;color:#68768b;margin:5px 0}.product-result b{font-size:13px}.product-image{display:block;flex:none;background-image:url('demo/assets/products.png');background-repeat:no-repeat;background-size:300% 100%;background-color:#e6e9ee;border-radius:7px}.product-result .product-image{width:100%;height:auto;aspect-ratio:1/1}.product-image.jacket{background-position:0% center}.product-image.shoes{background-position:50% center}.product-image.bag{background-position:100% center}.seller-panel{opacity:0;transform:translateY(18px);pointer-events:none;max-height:0;overflow:hidden;transition:opacity .5s,transform .5s,max-height .5s}.seller-head{display:flex;gap:15px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e6ebf1}.seller-head .product-image{height:76px;width:76px}.seller-head small,.seller-head strong,.seller-head span:last-child{display:block}.seller-head small{font-size:10px;letter-spacing:.08em;color:#0755f5;font-weight:700}.seller-head strong{font-size:19px;margin:5px 0}.seller-head span:last-child{font-size:12px;color:#68768b}.seller-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e6ebf1}.seller-row strong,.seller-row span{display:block}.seller-row strong{font-size:15px}.seller-row span{font-size:12px;color:#68768b;margin-top:5px}.seller-row button{min-width:77px;border-radius:7px;padding:10px 12px;border:1px solid #cbd7e5;background:#fff;color:#0b1e3d;font-size:13px;font-weight:700}.seller-row button:hover{border-color:#0755f5}.seller-row .seller-open{background:#0b1e3d;color:#fff;border-color:#0b1e3d}.chat-composer{height:50px;max-width:700px;width:calc(100% - 60px);margin:8px auto 20px;border:1px solid #dfe5ec;border-radius:24px;color:#9aa4b2;font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.chat-composer span{background:#0b1e3d;color:white;border-radius:50%;height:25px;width:25px;text-align:center;line-height:25px}.checkout-modal{position:absolute;right:5%;top:7%;width:380px;max-width:90%;background:#fff;border:1px solid #dce5ef;box-shadow:0 24px 80px #07152b45;border-radius:17px;padding:22px;opacity:0;transform:translateY(20px) scale(.97);pointer-events:none;transition:opacity .5s,transform .5s;z-index:3}.checkout-modal:before{content:'';position:fixed;inset:-100vh;z-index:-1;background:#0819352e;pointer-events:none}.modal-top{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:19px;padding-bottom:18px;border-bottom:1px solid #e6ebf1}.modal-top small{display:block;font-size:11px;font-weight:500;color:#68768b;margin-top:4px}.modal-close{border:0;background:none;font-size:26px;color:#728096}.modal-product{display:flex;gap:14px;margin:20px 0}.modal-product .product-image{width:75px;height:75px}.modal-product strong,.modal-product small,.modal-product b{display:block}.modal-product strong{font-size:15px}.modal-product small{color:#68768b;font-size:12px;margin:7px 0}.modal-product b{font-size:14px}.modal-line{display:flex;justify-content:space-between;font-size:14px;padding:10px 0;border-top:1px solid #e6ebf1}.modal-line.total{font-size:17px;padding-bottom:17px}.modal-field{border:1px solid #dce5ef;border-radius:8px;padding:14px;margin-bottom:9px;font-size:13px;font-weight:700}.modal-field span{display:block;color:#68768b;font-size:12px;margin-top:5px;font-weight:400}.modal-buy{width:100%;border:0;border-radius:8px;padding:14px;background:#0b1e3d;color:#fff;font-weight:700;margin-top:7px}.checkout-modal p{font-size:11px;color:#728096;text-align:center;margin:12px 0 0}.chat-shell[data-scene="1"] .assistant-answer,.chat-shell[data-scene="2"] .assistant-answer,.chat-shell[data-scene="3"] .assistant-answer{opacity:1;transform:none}.chat-shell[data-scene="2"] .product-results,.chat-shell[data-scene="3"] .product-results{opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;pointer-events:none}.chat-shell[data-scene="2"] .seller-panel,.chat-shell[data-scene="3"] .seller-panel{opacity:1;transform:none;max-height:470px;pointer-events:auto}.chat-shell[data-scene="3"] .checkout-modal{opacity:1;transform:none;pointer-events:auto}.demo-caption{font-size:13px;line-height:1.6;color:#64728a;margin:17px 0 0}.checkout-explain{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-bottom:115px}.path-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.path-cards article{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:28px}.path-chip{display:inline-block;border:1px solid #9eadbf;color:#485b70;border-radius:5px;padding:7px 9px;font-size:11px;font-weight:700;letter-spacing:.07em}.path-chip.blue{background:#0b1e3d;color:#fff;border-color:#0b1e3d}.path-cards h3{font-size:20px;line-height:1.3;margin:25px 0 12px}.path-cards p,.detail-grid>p{font-size:16px;line-height:1.7;color:#536078}.checkout-detail{background:#dceafb;padding-block:90px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.detail-grid>p{margin:0}@media(max-width:1000px){.chat-sidebar{display:none}.chat-shell{grid-template-columns:1fr}.checkout-explain{grid-template-columns:1fr;gap:30px}}@media(max-width:760px){.checkout-intro{grid-template-columns:1fr;gap:24px;padding-block:48px 35px}.checkout-intro>p{font-size:16px}.checkout-stage{padding-bottom:75px}.scene-meta{display:block;padding:13px}.scene-status{margin:0 0 9px 5px}.scene-controls{justify-content:space-between;gap:1px}.scene-step{font-size:11px;padding:8px 6px}.scene-step span{display:none}.scene-play{padding:6px}.chat-shell{height:620px}.chat-top{height:48px;padding:0 15px}.chat-content{padding:20px 14px}.shopper-question{font-size:14px;padding:13px;max-width:90%}.assistant-answer{gap:8px;margin-top:20px}.assistant-answer p{font-size:13px}.product-results{gap:5px}.product-result{padding:5px}.product-result .product-image{height:auto;aspect-ratio:1/1}.product-result strong{font-size:11px}.product-result small{font-size:10px}.product-result b{font-size:11px}.seller-head .product-image{height:65px;width:65px}.seller-row{padding:12px 0}.checkout-modal{top:13%;right:4%;padding:18px}.path-cards,.detail-grid{grid-template-columns:1fr}.checkout-explain{padding-bottom:75px}.checkout-detail{padding-block:70px}.detail-grid{gap:25px}}@media(prefers-reduced-motion:reduce){.assistant-answer,.product-results,.seller-panel,.checkout-modal{transition:none!important}}

.detail-grid>p a{color:#0755f5;text-decoration:underline;text-underline-offset:3px}

.chat-symbol img{display:block;width:25px;height:25px;object-fit:contain}.assistant-mark{display:inline-flex;width:24px;height:24px;flex:none;align-items:center;justify-content:center}.assistant-mark img{display:block;width:22px;height:22px;object-fit:contain}