*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Poppins,Arial,sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--sofi-primary: #07C4A7;--sofi-primary-hover: #0ae0be;--sofi-primary-dark: #0D3B33;--sofi-primary-glow: rgba(7, 196, 167, .25);--sofi-primary-subtle: rgba(7, 196, 167, .07);--sofi-primary-border: rgba(7, 196, 167, .25);--sofi-bg: #0A0A0A;--sofi-bg-section: #111111;--sofi-bg-card: #1A1A1A;--sofi-bg-hover: #222222;--sofi-text: #F0F0F0;--sofi-text-muted: #BDBDBD;--sofi-text-sub: #6B7280;--sofi-border: rgba(255, 255, 255, .07);--sofi-border-strong: rgba(255, 255, 255, .12);--sofi-danger: #f87171;--sofi-danger-bg: rgba(248, 113, 113, .1);--sofi-font: "Poppins", Arial, sans-serif;--sofi-r: 18px;--sofi-shadow: 0 24px 64px rgba(0, 0, 0, .8), 0 0 0 1px rgba(7, 196, 167, .12), 0 0 40px rgba(7, 196, 167, .04)}.sofi-fab{position:fixed;bottom:28px;right:28px;width:66px;height:66px;border-radius:22px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35) 0%,transparent 55%),linear-gradient(135deg,#07c4a7,#0ae0be,#08e8c2);border:1px solid rgba(255,255,255,.18);cursor:pointer;color:#002620;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #07c4a714,0 10px 30px #07c4a773,0 4px 12px #0000008c,inset 0 1px #ffffff40;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-radius .25s ease;z-index:9999;outline:none}.sofi-fab:hover{transform:translateY(-3px) scale(1.06);border-radius:26px;box-shadow:0 0 0 8px #07c4a71f,0 16px 40px #07c4a799,0 4px 12px #0000008c,inset 0 1px #ffffff4d}.sofi-fab:active{transform:translateY(-1px) scale(1.02)}.sofi-fab--open{background:#161616;border:1px solid rgba(255,255,255,.08);color:var(--sofi-text-muted);box-shadow:0 10px 24px #0000008c,0 4px 10px #0006,inset 0 1px #ffffff0a}.sofi-fab-icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sofi-fab:hover .sofi-fab-icon{transform:scale(1.08)}.sofi-fab-pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;border:2px solid rgba(7,196,167,.5);opacity:0;animation:sofi-pulse 2.8s ease-out infinite;pointer-events:none}.sofi-fab-pulse:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;border:2px solid rgba(7,196,167,.3);animation:sofi-pulse 2.8s ease-out 1.4s infinite}@keyframes sofi-pulse{0%{transform:scale(1);opacity:.7}60%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.sofi-window{position:fixed;bottom:96px;right:24px;width:390px;height:580px;background:radial-gradient(ellipse at 0% 0%,rgba(7,196,167,.045) 0%,transparent 55%),var(--sofi-bg-section);border-radius:var(--sofi-r);box-shadow:var(--sofi-shadow);border:1px solid rgba(7,196,167,.1);display:flex;flex-direction:column;overflow:hidden;font-family:var(--sofi-font);z-index:9998;animation:sofi-slide-up .28s cubic-bezier(.16,1,.3,1)}.sofi-window:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#07C4A7 40%,#0ae0be 60%,transparent 100%);z-index:10;pointer-events:none}@keyframes sofi-slide-up{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sofi-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 13px;background:linear-gradient(180deg,#0e0e0e,#0a0a0a);border-bottom:1px solid var(--sofi-border);flex-shrink:0;position:relative}.sofi-header-left{display:flex;align-items:center;gap:11px}.sofi-header-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#07c4a7,#0ae0be);color:#000;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;font-family:var(--sofi-font);flex-shrink:0;position:relative;box-shadow:0 0 0 2px var(--sofi-bg),0 0 0 3.5px #07c4a766,0 0 14px #07c4a733}.sofi-avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid rgba(7,196,167,.3);animation:sofi-ring-spin 6s linear infinite;pointer-events:none}@keyframes sofi-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sofi-header-info{display:flex;flex-direction:column;gap:2px}.sofi-header-name{font-size:14px;font-weight:600;color:var(--sofi-text);line-height:1.2;letter-spacing:.01em}.sofi-header-status{font-size:11px;color:var(--sofi-text-sub);display:flex;align-items:center;gap:5px}.sofi-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sofi-primary);box-shadow:0 0 6px var(--sofi-primary);flex-shrink:0;animation:sofi-dot-breathe 2.5s ease-in-out infinite}@keyframes sofi-dot-breathe{0%,to{opacity:1;box-shadow:0 0 6px var(--sofi-primary)}50%{opacity:.6;box-shadow:0 0 3px var(--sofi-primary)}}.sofi-header-actions{display:flex;align-items:center;gap:2px}.sofi-hbtn{background:none;border:none;cursor:pointer;color:var(--sofi-text-sub);padding:6px 8px;border-radius:8px;display:flex;align-items:center;gap:5px;font-family:var(--sofi-font);font-size:11px;font-weight:500;transition:background .15s,color .15s;outline:none;white-space:nowrap}.sofi-hbtn:hover{background:var(--sofi-bg-hover);color:var(--sofi-text)}.sofi-hbtn--danger{color:var(--sofi-danger);background:var(--sofi-danger-bg)}.sofi-hbtn--danger:hover{background:#f871712e;color:var(--sofi-danger)}.sofi-messages-area{flex:1;overflow-y:auto;padding:18px 14px 10px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 18px,black calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 18px,black calc(100% - 18px),transparent 100%)}.sofi-messages-area::-webkit-scrollbar{width:3px}.sofi-messages-area::-webkit-scrollbar-track{background:transparent}.sofi-messages-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.sofi-messages-area::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sofi-starters{display:flex;flex-direction:column;gap:8px;margin:6px 0 2px 36px;animation:sofi-msg-appear .3s ease-out .1s backwards}.sofi-starter-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--sofi-bg-card);border:1px solid var(--sofi-border-strong);border-left:2px solid rgba(7,196,167,.35);border-radius:14px 14px 14px 4px;color:var(--sofi-text);font-family:var(--sofi-font);font-size:12.5px;font-weight:500;text-align:left;cursor:pointer;transition:all .18s ease;max-width:fit-content;box-shadow:0 1px 4px #00000040}.sofi-starter-chip:hover:not(:disabled){background:var(--sofi-bg-hover);border-color:var(--sofi-primary-border);border-left-color:var(--sofi-primary);color:var(--sofi-primary);transform:translate(2px)}.sofi-starter-chip:active:not(:disabled){transform:translate(2px) scale(.98)}.sofi-starter-chip:disabled{opacity:.5;cursor:not-allowed}.sofi-starter-icon{font-size:15px;line-height:1}.sofi-system-msg{display:flex;align-items:center;gap:10px;color:var(--sofi-text-sub);font-size:10.5px;font-family:var(--sofi-font);padding:2px 0;animation:sofi-msg-appear .2s ease-out}.sofi-system-msg:before,.sofi-system-msg:after{content:"";flex:1;height:1px;background:var(--sofi-border)}.sofi-msg{display:flex;align-items:flex-start;gap:8px;animation:sofi-msg-appear .22s cubic-bezier(.16,1,.3,1)}.sofi-msg--bot .sofi-msg-avatar{margin-top:2px}@keyframes sofi-msg-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sofi-msg--bot{justify-content:flex-start}.sofi-msg--user{justify-content:flex-end}.sofi-msg-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:6px}.sofi-msg-group{display:flex;flex-direction:column;gap:4px;max-width:78%}.sofi-msg--user .sofi-msg-group{align-items:flex-end;margin-left:auto}.sofi-msg-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#07c4a7,#0ae0be);color:#000;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;font-family:var(--sofi-font);flex-shrink:0;margin-bottom:2px;box-shadow:0 0 8px #07c4a740}.sofi-msg-bubble{padding:11px 14px;border-radius:18px;font-size:13px;line-height:1.6}.sofi-msg-bubble--bot{background:var(--sofi-bg-card);color:var(--sofi-text);border-bottom-left-radius:4px;border:1px solid var(--sofi-border-strong);border-left:2px solid rgba(7,196,167,.4);box-shadow:0 1px 4px #0000004d}.sofi-msg-bubble--user{background:linear-gradient(135deg,#07c4a7,#0ae0be);color:#000;border-bottom-right-radius:4px;font-weight:500;box-shadow:0 2px 8px #07c4a740}.sofi-msg-time{font-size:10px;color:var(--sofi-text-sub);text-align:center;margin-top:3px;padding:0 4px;opacity:0;transition:opacity .18s;pointer-events:none;letter-spacing:.02em}.sofi-msg-group:hover .sofi-msg-time{opacity:1}.sofi-source-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--sofi-font);font-size:10px;font-weight:500;color:var(--sofi-primary);background:#07c4a714;border:1px solid rgba(7,196,167,.18);border-radius:20px;padding:2px 9px 2px 7px;width:fit-content;letter-spacing:.01em}.sofi-plain{white-space:pre-wrap}.sofi-markdown p{margin:0 0 7px}.sofi-markdown p:last-child{margin:0}.sofi-markdown strong{color:var(--sofi-primary);font-weight:600}.sofi-markdown ul{padding-left:18px;margin:5px 0 3px}.sofi-markdown li{margin-bottom:3px}.sofi-markdown code{background:#07c4a71f;padding:1px 6px;border-radius:4px;font-size:12px;color:var(--sofi-primary)}.sofi-markdown h1,.sofi-markdown h2,.sofi-markdown h3{font-size:13px;font-weight:600;color:var(--sofi-primary);margin:8px 0 4px}.sofi-typing{display:flex!important;align-items:center;gap:5px;padding:14px 17px!important;min-width:66px}.sofi-typing span{width:7px;height:7px;border-radius:50%;background:var(--sofi-primary);opacity:.5;animation:sofi-bounce 1.3s ease-in-out infinite}.sofi-typing span:nth-child(2){animation-delay:.18s}.sofi-typing span:nth-child(3){animation-delay:.36s}@keyframes sofi-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.sofi-input-row{display:flex;align-items:flex-end;gap:8px;padding:11px 12px;background:#0a0a0a;border-top:1px solid var(--sofi-border);flex-shrink:0}.sofi-textarea{flex:1;background:#181818;border:1px solid rgba(255,255,255,.1);border-radius:22px;color:var(--sofi-text);font-family:var(--sofi-font);font-size:13px;padding:10px 16px;resize:none;outline:none;min-height:40px;max-height:100px;overflow-y:auto;transition:border-color .2s,box-shadow .2s;line-height:1.5;scrollbar-width:none;-ms-overflow-style:none}.sofi-textarea::-webkit-scrollbar{display:none}.sofi-textarea::placeholder{color:var(--sofi-text-sub)}.sofi-textarea:focus{border-color:#07c4a766;box-shadow:0 0 0 3px #07c4a712}.sofi-textarea:disabled{opacity:.5;cursor:not-allowed}.sofi-send{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#07c4a7,#0ae0be);border:none;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s,box-shadow .15s;outline:none;box-shadow:0 2px 8px #07c4a74d}.sofi-send:hover:not(:disabled){transform:scale(1.1) translateY(-1px);box-shadow:0 4px 14px #07c4a766}.sofi-send:active:not(:disabled){transform:scale(.95)}.sofi-send:disabled{opacity:.25;cursor:not-allowed;transform:none;box-shadow:none}.sofi-footer{text-align:center;font-size:10px;color:#3d4451;padding:5px 12px 8px;background:#0a0a0a;font-family:var(--sofi-font);letter-spacing:.01em}.sofi-footer a{color:#07c4a799;text-decoration:none;transition:color .15s}.sofi-footer a:hover{color:var(--sofi-primary)}.sofi-carousel{position:relative;width:100%}.sofi-carousel-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;scrollbar-width:none;-ms-overflow-style:none}.sofi-carousel-track::-webkit-scrollbar{display:none}.sofi-carousel-btn{position:absolute;top:50%;transform:translateY(-60%);width:26px;height:26px;border-radius:50%;background:var(--sofi-bg-card);border:1px solid var(--sofi-border-strong);color:var(--sofi-text);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .15s,border-color .15s;outline:none;padding:0}.sofi-carousel-btn:hover{background:var(--sofi-bg-hover);border-color:var(--sofi-primary-border);color:var(--sofi-primary)}.sofi-carousel-btn--left{left:-14px}.sofi-carousel-btn--right{right:-14px}.sofi-pcard{flex-shrink:0;width:142px;border-radius:12px;background:var(--sofi-bg);border:1px solid var(--sofi-border-strong);overflow:hidden;scroll-snap-align:start;transition:border-color .18s,transform .18s;cursor:default}.sofi-pcard:hover{border-color:var(--sofi-primary-border);transform:translateY(-2px)}.sofi-pcard-img{width:100%;height:128px;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}.sofi-pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.sofi-pcard:hover .sofi-pcard-img img{transform:scale(1.06)}.sofi-pcard-img-ph{font-size:30px;opacity:.3}.sofi-pcard-body{padding:8px 10px 10px}.sofi-pcard-name{font-size:11px;font-weight:600;color:var(--sofi-text);line-height:1.4;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}.sofi-pcard-price{font-size:13px;font-weight:700;color:var(--sofi-primary);margin-bottom:5px}.sofi-pcard-stock{display:inline-flex;align-items:center;font-size:10px;font-weight:500;color:var(--sofi-primary);background:#07c4a71a;border-radius:20px;padding:2px 8px}.sofi-pcard-stock--out{color:var(--sofi-danger);background:var(--sofi-danger-bg)}@media (max-width: 440px){.sofi-window{width:calc(100vw - 16px);right:8px;bottom:84px;height:calc(100dvh - 104px);max-height:620px;border-radius:16px}.sofi-fab{right:16px;bottom:16px}}.demo-page{position:relative;min-height:100vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Poppins,Arial,sans-serif}.demo-blob{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.demo-blob--1{width:520px;height:520px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(7,196,167,.22) 0%,transparent 70%)}.demo-blob--2{width:620px;height:620px;bottom:-160px;right:-160px;background:radial-gradient(circle,rgba(7,196,167,.18) 0%,transparent 70%)}.hero{position:relative;z-index:1;text-align:center;-webkit-user-select:none;user-select:none}.hero-title{font-size:clamp(90px,14vw,200px);font-weight:800;line-height:.9;letter-spacing:-.03em;margin:0;background:linear-gradient(180deg,#fff,#f0fff9 35%,#07c4a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 80px rgba(7,196,167,.25));animation:hero-float 6s ease-in-out infinite}.hero-sub{margin-top:16px;font-size:clamp(14px,1.4vw,20px);font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:#ffffff8c}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-footer{position:absolute;bottom:40px;left:0;right:0;text-align:center;z-index:1;pointer-events:none}.hero-hint{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#fff6;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.hero-arrow{color:#07c4a7;font-size:15px;animation:hero-arrow-bob 1.8s ease-in-out infinite}@keyframes hero-arrow-bob{0%,to{transform:translate(0)}50%{transform:translate(3px,3px)}}