:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17233e;background:#f6f8fc;font-synthesis:none;--blue:#315de5;--muted:#758096;--border:#e8ecf3}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #9db6ff;outline-offset:3px}.header{height:88px;background:white;border-bottom:1px solid var(--border);padding:0 max(calc((100vw - 1160px)/2),28px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:720;letter-spacing:-.6px}.brand-icon{display:grid;place-items:center;width:42px;height:44px;border-radius:12px;background:#315de5;color:white;font-size:25px;font-weight:700}.brand-caption{display:block;color:#8b94a6;font-size:10px;font-weight:500;letter-spacing:.6px;margin-top:4px}.header-right{display:flex;align-items:center;gap:26px;font-size:12px;color:#67728a}.demo-badge{background:#f0f4ff;color:#5067a6;border:1px solid #e1e8ff;padding:7px 11px;border-radius:6px;font-size:10px}.header a:hover{color:var(--blue)}main{max-width:1160px;margin:auto;padding:45px 0 22px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#6076bc;margin:0 0 13px}h1{font-size:38px;line-height:1.16;font-weight:650;letter-spacing:-1.7px;margin:0 0 15px}.intro-text{font-size:13px;line-height:1.8;color:#78839b;margin:0}.intro-note{display:flex;align-items:center;gap:15px;padding:16px 21px;border-left:1px solid #dfe5f0;color:#7f8ba2;font-size:12px;line-height:1.8}.intro-note strong{font-weight:500;color:#4d5970}.note-symbol{font-size:30px;color:#9bacd5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 307px;gap:24px;align-items:start}.chat-panel,.side-card{background:white;border:1px solid var(--border);border-radius:15px;box-shadow:0 3px 12px #243b6610}.panel-heading{display:flex;align-items:center;gap:11px;padding:22px 24px 18px}.assistant-mark{background:#eff3ff;border:1px solid #dce5ff;color:#4568d6;border-radius:11px;display:grid;place-items:center;height:40px;width:40px;font-size:22px}h2{font-size:14px;font-weight:650;margin:0;letter-spacing:-.2px}.panel-heading p{font-size:10px;color:#7e8a9f;margin:6px 0 0}.status-dot{display:inline-block;background:#87c6a4;width:5px;height:5px;border-radius:50%;margin-right:4px;vertical-align:middle}.text-button{border:0;padding:6px 0;background:transparent;color:#71809c;font-size:10px}.text-button:hover{color:var(--blue)}.panel-heading .text-button{margin-left:auto}.steps{display:flex;justify-content:space-between;list-style:none;margin:0;padding:16px 24px;background:#fbfcff;border-top:1px solid #f0f2f7;border-bottom:1px solid #f0f2f7;color:#a3adc0;font-size:9px;font-weight:600;letter-spacing:.3px}.steps span{margin-left:6px}.steps .active{color:#3d63d5}.messages{min-height:300px;height:355px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:26px 24px;display:flex;flex-direction:column;gap:21px}.message{max-width:93%;font-size:12px;line-height:1.8}.message .label{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#8b98ae;margin:0 0 6px;font-weight:650}.message .body{white-space:pre-wrap;overflow-wrap:anywhere}.message.assistant .body{background:#f5f7fb;border:1px solid #edf0f6;border-radius:0 12px 12px 12px;padding:14px 17px;color:#58657c}.message.user{align-self:flex-end}.message.user .label{text-align:right}.message.user .body{background:#edf2ff;color:#3e5db3;border-radius:12px 0 12px 12px;padding:11px 16px}.composer{margin:6px 22px 0;display:flex;align-items:center;gap:12px;border:1px solid #dde4ef;border-radius:11px;padding:12px 13px 12px 16px;box-shadow:0 2px 5px #1a3a6610}.composer:focus-within{border-color:#7a99ec}.composer textarea{border:0;outline:none;resize:none;min-width:0;flex:1;color:#38475e;line-height:1.7;font-size:12px;background:transparent}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#9da7b9}#send{border:0;flex:none;border-radius:8px;background:var(--blue);color:white;width:34px;height:34px;font-size:22px}#send:hover{background:#244dcc}button:disabled{opacity:.5;cursor:wait}.input-note{text-align:center;font-size:8px;color:#a7afbf;margin:11px 0 18px}.sidebar{display:flex;flex-direction:column;gap:18px}.side-card{padding:23px 20px}.side-card .eyebrow{font-size:8px;letter-spacing:1.5px}.side-card h2{font-size:16px}.muted{font-size:10px;color:#98a2b4;margin:8px 0 20px}.category{width:100%;border:0;border-bottom:1px solid #f0f2f7;background:white;display:flex;gap:13px;align-items:center;text-align:left;padding:13px 0}.category:last-child{padding-bottom:0;border-bottom:0}.category-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:9px;background:#f1f4fb;color:#778bb8;font-size:30px;line-height:1}.laptop{font-size:37px}.category strong{display:block;font-size:11px;font-weight:600;color:#4b5b75}.category small{display:block;font-size:9px;color:#9ca7b9;margin-top:5px}.category .arrow{margin-left:auto;color:#9eacc6;font-size:14px}.category:hover strong,.category:hover .arrow{color:var(--blue)}.cart-heading{display:flex;justify-content:space-between;align-items:center}.cart-heading h2{font-size:13px}.cart-heading>span{font-size:8px;color:#8697b7;background:#f1f4fa;padding:5px 7px;border-radius:5px}.empty-cart{text-align:center;padding:18px 0 0;color:#9ca8bb}.empty-cart>span{font-size:29px;color:#bbc7de;display:block}.empty-cart p{font-size:10px;margin:10px 0 7px}.empty-cart small{font-size:9px;line-height:1.8;color:#aab3c2}.cart-product{font-size:12px;line-height:1.8;margin-top:18px}.cart-product small{color:#8c98ac;font-size:10px}.cart-total{border-top:1px solid var(--border);margin-top:13px;padding-top:13px;display:flex;justify-content:space-between;font-size:12px}.cart-total strong{color:var(--blue)}.demo-note{display:flex;gap:10px;color:#8090ac;padding:0 5px}.demo-note>span{font-size:15px}.demo-note strong{font-size:10px;font-weight:600}.demo-note p{font-size:9px;line-height:1.8;margin:6px 0 4px;color:#98a4b8}.demo-note button{font-size:9px;color:#6f86bc}.error{margin:6px 23px 12px;border:1px solid #f0d4ce;background:#fff6f3;color:#a35d4a;padding:10px 13px;border-radius:8px;font-size:11px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:8px;color:#a2adbe}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1500px){main{padding-top:55px}.messages{height:420px}}@media(max-width:1230px){main{margin:0 30px}}@media(max-width:800px){.header{height:75px;padding:0 22px}main{margin:0 20px;padding-top:30px}.intro-note{display:none}h1{font-size:33px}.workspace{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.demo-note{grid-column:1/-1}.messages{height:390px}.intro{margin-bottom:25px}footer{flex-direction:column;gap:7px}.header-right{gap:12px}.brand{font-size:17px}}@media(max-width:480px){.header{padding:0 16px}.brand-icon{width:34px;height:37px;font-size:22px}.brand{gap:9px}.header-right>a{font-size:10px}.demo-badge{display:none}main{margin:0 13px}.intro{padding:0 5px}h1{font-size:30px}.intro-text{font-size:11px}.panel-heading{padding:18px 16px}.steps{padding:14px 16px;font-size:8px}.steps span{margin-left:3px}.messages{height:350px;padding:20px 16px}.message{font-size:11px;max-width:97%}.composer{margin:3px 13px 0;padding-left:12px}.sidebar{gap:13px}.side-card{padding:18px 13px}.side-card h2{font-size:13px}.category{gap:8px}.category-icon{height:27px;width:27px;font-size:23px}.category small{font-size:8px}.category strong{font-size:10px}.muted{font-size:9px}.cart-heading>span{font-size:7px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){.messages{scroll-behavior:auto}}