.demo-sms-page{background:var(--background);min-height:100vh;font-family:var(--font-mono);flex-direction:column;align-items:center;padding:40px 20px;display:flex}.demo-sms-header{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:40px;display:flex}.demo-sms-back{color:var(--foreground-muted);align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.demo-sms-back:hover{color:var(--primary)}.demo-sms-title-group{text-align:center}.demo-sms-title{font-family:var(--font-display);text-transform:uppercase;margin-bottom:4px;font-size:24px;font-weight:800}.demo-sms-badge{background:color-mix(in srgb,var(--primary)10%,transparent);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--primary)20%,transparent);border-radius:9999px;padding:4px 12px;font-size:11px;font-weight:700}.sms-demo-layout{justify-content:center;align-items:flex-start;gap:60px;width:100%;max-width:1000px;display:flex}.phone-mockup{border:4px solid var(--border);background:#1a1a1a;border-radius:48px;flex-shrink:0;width:320px;height:660px;padding:12px;position:relative;box-shadow:0 50px 100px -20px #0000004d,0 30px 60px -30px #0006,inset 0 0 2px 2px #ffffff1a}.phone-mockup:before{content:"";background:#222;border-radius:2px 0 0 2px;width:3px;height:40px;position:absolute;top:100px;left:-6px;box-shadow:0 60px #222,0 110px #222}.phone-mockup:after{content:"";background:#222;border-radius:0 2px 2px 0;width:3px;height:60px;position:absolute;top:150px;right:-6px}.phone-screen{background:var(--background);border:1px solid #0000001f;border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:20;background:#1a1a1a;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:150px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-notch:before{content:"";background:#333;border-radius:2px;width:40px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-top-bar{background:var(--paper);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;padding:34px 20px 10px;display:flex}.phone-avatar{background:var(--primary);color:#000;width:36px;height:36px;box-shadow:0 4px 12px color-mix(in srgb,var(--primary)30%,transparent);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;overflow:hidden}.phone-avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.phone-contact-info{flex-direction:column;display:flex}.phone-contact-name{color:var(--foreground);font-size:14px;font-weight:700}.phone-contact-status{color:var(--primary);font-size:11px;font-weight:600}.phone-messages{background:var(--background);flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.sms-bubble-wrapper{flex-direction:column;max-width:85%;animation:.3s cubic-bezier(.18,.89,.32,1.28) forwards bubbleAppear;display:flex}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.sms-bubble-wrapper.client{align-self:flex-end;align-items:flex-end}.sms-bubble-wrapper.bot{align-self:flex-start;align-items:flex-start}.sms-bubble{border-radius:18px;padding:10px 14px;font-size:13px;line-height:1.4;position:relative}.client .sms-bubble{background:var(--primary);color:#000;border-bottom-right-radius:4px;font-weight:500}.bot .sms-bubble{background:var(--paper);color:var(--foreground);border:1px solid #0000001f;border-bottom-left-radius:4px}.sms-time{color:var(--foreground-muted);margin-top:4px;font-size:10px;font-weight:500}.typing-bubble{background:var(--paper);border:1px solid #0000001f;border-radius:18px 18px 18px 4px;gap:4px;width:fit-content;padding:12px 16px;display:flex}.typing-dot{background:var(--foreground-muted);opacity:.6;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.phone-input-bar{background:var(--paper);border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px 34px;display:flex}.phone-input{background:var(--background);border:1px solid var(--border);border-radius:20px;outline:none;flex:1;padding:8px 16px;font-size:14px;transition:border-color .2s}.phone-input:focus{border-color:var(--primary)}.phone-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,background-color .2s;display:flex}.phone-send-btn:hover{filter:brightness(1.1);transform:scale(1.1)}.phone-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sms-explainer{flex:1;max-width:400px}.explainer-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-retro);border:1px solid #0000001f;padding:32px}.explainer-card h3{color:var(--primary);margin-bottom:16px;font-size:20px;font-weight:800}.explainer-card p{color:var(--foreground-muted);margin-bottom:20px;font-size:15px;line-height:1.6}.explainer-note{border:1px solid color-mix(in srgb,var(--primary)24%,#0000001f);background:color-mix(in srgb,var(--primary)8%,var(--paper));border-radius:18px;margin-bottom:20px;padding:16px 18px}.explainer-note strong{color:var(--foreground);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:13px;display:block}.explainer-note p{margin:0;font-size:14px}.explainer-list{flex-direction:column;gap:12px;margin-bottom:24px;list-style:none;display:flex}.explainer-list li{gap:12px;font-size:14px;font-weight:500;display:flex}.explainer-list li:before{content:"✓";color:var(--primary);font-weight:800}.explainer-summary{border-top:1px solid #0000001f;gap:10px;padding-top:20px;display:grid}.explainer-summary-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.explainer-summary-row dt{letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-muted);font-size:11px}.explainer-summary-row dd{text-align:right;color:var(--foreground);margin:0;font-size:13px;font-weight:700}@media (max-width:850px){.sms-demo-layout{flex-direction:column;align-items:center;gap:40px}.sms-explainer{max-width:320px}}@media (max-width:480px){.phone-mockup{width:280px;height:580px}.demo-sms-header{flex-direction:column;gap:20px}}
/*# sourceMappingURL=ebd29aec0cb0ec8f.css.map*/