.PhysicsMessageBubbles_container__YRyli{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}@media(max-width:768px){.PhysicsMessageBubbles_container__YRyli{height:150%}}.PhysicsMessageBubbles_physics___JhDJ{position:absolute;top:0;left:0;width:100%;height:100%}.PhysicsMessageBubbles_physics___JhDJ canvas{position:absolute!important;top:0!important;left:0!important}.PhysicsMessageBubbles_bubble__rqSab{position:absolute;width:40px;height:40px;pointer-events:none;will-change:transform;transform-origin:center center}@media(max-width:768px){.PhysicsMessageBubbles_bubble__rqSab{width:56px;height:56px}}@media(max-width:480px){.PhysicsMessageBubbles_bubble__rqSab{width:56px;height:56px}}@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*{box-sizing:border-box;padding:0;margin:0}html{font-size:min(.781vw,20px);background-color:#000;color:#f4f2f7;font-family:var(--font-eb-garamond),serif;font-weight:400!important}@media(max-width:1800px){html{font-size:1.1vw}}@media(max-width:1440px){html{font-size:1.4vw}}@media(max-width:1028px){html{font-size:2vw}}@media(max-width:800px){html{font-size:2.5vw}}@media(max-width:500px){html{font-size:20px}}.main-child-content{width:100%;position:relative;min-height:80vh;overflow-x:clip}.font-nox{font-family:var(--font-eb-garamond),serif}.font-inter{font-family:var(--font-inter),sans-serif}.base-wrapper{max-width:2560px;width:100%;margin:0 auto}.hover-el{transition:opacity .1s}.hover-el:hover,.hover-le{opacity:.7}.hover-le{transition:opacity .1s}.hover-le:hover{opacity:.9}html{--🚲:calc(100vw/1440)}@media (min-aspect-ratio:36/25){html{--🚲:calc(100vh/1000);--🚲:calc(100svh/1000)}}@media (max-width:768px){html{--🚲:calc(100vw/375)}}@media (max-width:768px)and (min-aspect-ratio:375/812){html{--🚲:calc(100vh/812);--🚲:calc(100svh/812)}}.footer{position:sticky;bottom:0;background-color:#000;color:#fff;width:100vw;height:50vh;min-height:400px;max-height:50vh;display:flex;flex-direction:column;overflow:hidden;z-index:1;opacity:0;transition:opacity .1s ease-in-out}.footer--visible{opacity:1}@media(max-width:768px){.footer{min-height:350px}}@media(max-width:480px){.footer{min-height:300px}}.footer__logo-container{position:absolute;bottom:-35%;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0;opacity:.3}@media(max-width:768px){.footer__logo-container{bottom:-20%;opacity:.4}}@media(max-width:480px){.footer__logo-container{bottom:-10%;opacity:.5}}.footer__logo-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.footer__logo{width:100%;height:auto;max-width:1200px;transition:opacity .3s ease}@media(max-width:768px){.footer__logo{max-width:500px}}@media(max-width:480px){.footer__logo{max-width:350px}}.footer__divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 10%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.1) 90%,transparent);margin-bottom:1.5rem}@media(max-width:768px){.footer__divider{margin-bottom:1rem}}@media(max-width:480px){.footer__divider{margin-bottom:.75rem}}.footer__content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 4rem;margin-bottom:140px;position:relative;z-index:2}@media(max-width:768px){.footer__content{padding:1.5rem;margin-bottom:40px}}@media(max-width:480px){.footer__content{padding:1.5rem 1rem;margin-bottom:40px}}.footer__text-section{text-align:left}.footer__description-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}@media(max-width:768px){.footer__description-row{flex-direction:column;gap:0;margin-bottom:0;align-items:center;text-align:center}}.footer__description-row>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}@media(max-width:768px){.footer__description-row>div:last-child{align-items:center;gap:0}}.footer__description{font-family:var(--font-eb-garamond),serif;font-size:1.25rem;font-weight:300;color:#fff;line-height:1.6;flex:1}@media(max-width:768px){.footer__description{font-size:1.2rem;line-height:1.5;text-align:center}}@media(max-width:480px){.footer__description{font-size:1.1rem;line-height:1.4}}.footer__description em{font-style:italic}.footer__nav-row{display:flex;justify-content:flex-start;align-items:flex-start}@media(max-width:768px){.footer__nav-row{flex-direction:column;gap:0;align-items:center}}.footer__nav-links{display:flex;gap:3rem}@media(max-width:768px){.footer__nav-links{gap:0;justify-content:center}}@media(max-width:480px){.footer__nav-links{gap:0;flex-direction:column;align-items:center}}.footer__right-links{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}@media(max-width:768px){.footer__right-links{align-items:center;gap:0}}.footer__nav-link{font-family:var(--font-inter),sans-serif;font-size:.55rem;font-weight:400;letter-spacing:.05rem;text-decoration:none;color:#fff;opacity:.5;cursor:pointer;display:block;padding:.2rem .4rem;border-radius:.4rem;position:relative;overflow:hidden;height:1rem;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}@media(max-width:768px){.footer__nav-link{font-size:.6rem;padding:.4rem .6rem;height:2.2rem;min-width:4rem}}@media(max-width:480px){.footer__nav-link{font-size:.7rem;padding:.6rem .8rem;height:2.4rem;min-width:5rem}}@media(hover:hover)and (pointer:fine){.footer__nav-link:hover{opacity:1}.footer__nav-link:hover .footer__nav-text,.footer__nav-link:hover .footer__nav-text--duplicate{transform:translateY(-130%)}}@media(hover:none)or (pointer:coarse){.footer__nav-link:active{opacity:1}}.footer__nav-text{display:block;transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1.2}.footer__nav-text--duplicate{position:absolute;top:100%;left:.4rem;right:.4rem}@media(max-width:768px){.footer__nav-text--duplicate{left:.3rem;right:.3rem}}@media(hover:none)or (pointer:coarse){.footer__nav-text--duplicate{display:none}}.footer__back-to-top{font-family:var(--font-inter),sans-serif;font-size:.55rem;font-weight:400;letter-spacing:.05rem;color:#fff;opacity:.5;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.4rem;padding:.2rem .4rem;border-radius:.4rem;position:relative;overflow:hidden;height:1rem;justify-content:flex-end;transition:all .2s ease;margin-bottom:.4rem}@media(max-width:768px){.footer__back-to-top{font-size:.6rem;padding:.4rem .6rem;height:2.2rem;justify-content:center;margin-bottom:0;min-width:6rem}}@media(max-width:480px){.footer__back-to-top{font-size:.7rem;padding:.6rem .8rem;height:2.4rem;min-width:7rem}}.footer__back-to-top:hover{opacity:1;background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.footer__back-to-top-text{display:block;line-height:1.2}.footer__back-to-top-icon{width:.6rem;height:.6rem;transition:transform .2s ease}@media(max-width:768px){.footer__back-to-top-icon{width:.5rem;height:.5rem}}.footer__legal-link{font-family:var(--font-inter),sans-serif;font-size:.55rem;font-weight:400;letter-spacing:.05rem;text-decoration:none;color:#fff;opacity:.5;cursor:pointer;display:block;padding:.2rem .4rem;border-radius:.4rem;position:relative;overflow:hidden;height:1rem;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}@media(max-width:768px){.footer__legal-link{font-size:.6rem;padding:.4rem .6rem;height:2.2rem;min-width:6rem;text-align:center}}@media(max-width:480px){.footer__legal-link{font-size:.7rem;padding:.6rem .8rem;height:2.4rem;min-width:7rem}}@media(hover:hover)and (pointer:fine){.footer__legal-link:hover{opacity:1}.footer__legal-link:hover .footer__legal-text,.footer__legal-link:hover .footer__legal-text--duplicate{transform:translateY(-130%)}}@media(hover:none)or (pointer:coarse){.footer__legal-link:active{opacity:1}}.footer__legal-text{display:block;transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1.2}.footer__legal-text--duplicate{position:absolute;top:100%;left:.4rem;right:.4rem}@media(max-width:768px){.footer__legal-text--duplicate{left:.3rem;right:.3rem}}@media(hover:none)or (pointer:coarse){.footer__legal-text--duplicate{display:none}}@media(max-width:768px){.footer__logo{width:90%}}@media(max-width:480px){.footer__logo{width:85%}}.main-child-content{background:inherit;box-shadow:0 0 20px rgba(0,0,0,.5);transition:transform .1s ease-out}.shimmer-text{position:relative;display:inline;overflow:hidden;line-height:inherit;margin:0;padding:0;animation:shimmer 2.2s cubic-bezier(.25,.46,.45,.94) forwards;color:transparent}.shimmer-text,.shimmer-text--light{background:linear-gradient(110deg,rgba(255,255,255,.4),rgba(255,255,255,.4) 30%,rgba(255,255,255,.9) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.4) 70%,rgba(255,255,255,.4));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shimmer-text--light{background-position:200% 0;animation:shimmer-light 2.2s cubic-bezier(.25,.46,.45,.94) forwards}.shimmer-text--dark{background:linear-gradient(110deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 30%,rgba(0,0,0,.9) 45%,rgba(0,0,0,1) 50%,rgba(0,0,0,.9) 55%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.4));background-size:200% 100%;animation:shimmer-dark 2.2s cubic-bezier(.25,.46,.45,.94) forwards;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes shimmer-light{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-dark{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-text.infinite{animation-iteration-count:infinite;animation-fill-mode:none;animation-delay:1s}.shimmer-text--light.infinite{animation:shimmer-light 4.2s cubic-bezier(.25,.46,.45,.94) infinite}.shimmer-text--dark.infinite{animation:shimmer-dark 4.2s cubic-bezier(.25,.46,.45,.94) infinite}.demo-main{width:100vw;height:100vh;background-image:url(/rply/demo/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;top:6rem;left:0;z-index:-10;opacity:1;transition:opacity .3s ease-in-out}.demo-main.fade-out{opacity:0}@media(max-width:768px){.demo-main{margin-top:5vh;padding:.5rem;background-position:top;background-size:cover}.demo-main:before{background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.6) 75%,rgba(0,0,0,.9) 100%)}}.demo-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.8) 85%,rgb(0,0,0) 100%);pointer-events:none;z-index:1}.demo-main>div{position:relative;z-index:2}.demo-main .bubble{width:auto;height:auto;background-image:url(/rply/demo/bubble.svg);background-position:0;background-repeat:no-repeat;background-size:contain}.demo-main img{transform:scale(2)}.demo-main .proposed-response-container{position:relative;margin-bottom:1rem}.demo-main .proposed-response-box{position:relative;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:.75rem;border:2px dashed rgba(252,114,255,.6);animation:proposedResponsePulse 2s ease-in-out infinite}.demo-main .proposed-response-box:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(252,114,255,.8),rgba(143,104,255,.8) 25%,rgba(72,123,255,.8) 50%,rgba(44,217,255,.8) 75%,rgba(44,255,204,.8));border-radius:.75rem;z-index:-1;animation:gradientBorder 3s ease-in-out infinite;opacity:.7}.demo-main .proposed-response-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(4,1,21,.8);border-radius:.75rem;z-index:-1}@keyframes proposedResponsePulse{0%,to{border-color:rgba(252,114,255,.6);box-shadow:0 0 10px rgba(252,114,255,.3)}50%{border-color:rgba(44,217,255,.8);box-shadow:0 0 20px rgba(44,217,255,.4)}}@keyframes proposedResponseBorderColor{0%{border-color:rgba(252,114,255,.9)}20%{border-color:rgba(143,104,255,.9)}40%{border-color:rgba(72,123,255,.9)}60%{border-color:rgba(44,217,255,.9)}80%{border-color:rgba(44,255,204,.9)}to{border-color:rgba(252,114,255,.9)}}.demo-main .proposed-response-bubble{position:relative;border-radius:12px;border:2px dotted #0d80f8;padding:.5rem .75rem;background:rgba(0,0,0,0);color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-inter),sans-serif}.demo-main .proposed-response-bubble:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:12px;border:2px dotted #0d80f8;z-index:-1}.demo-main .proposed-response-bubble:hover{background:hsla(0,0%,100%,.05)}.demo-main .proposed-response-bubble:hover:before{opacity:1}.demo-main .proposed-response-bubble p{margin:0;opacity:.8;font-size:.875rem}.demo-main .edit-response-button{background:none;border:none;color:hsla(0,0%,100%,.6);font-size:.75rem;cursor:pointer;padding:.25rem 0;font-family:var(--font-inter),sans-serif;transition:color .2s ease;font-weight:300}.demo-main .edit-response-button:hover{color:hsla(0,0%,100%,.8)}.demo-main .edit-response-container{display:flex;flex-direction:column;width:100%;background:rgba(0,0,0,0)}.demo-main .edit-response-container .edit-response-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;resize:none;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;position:relative;border-radius:12px;border:2px dotted #0d80f8;padding:.5rem .75rem;background:rgba(0,0,0,0);color:#fff;font-size:.875rem;cursor:text;transition:all .2s ease;font-family:var(--font-inter),sans-serif;font-weight:300;line-height:1.4;min-height:auto;height:auto;opacity:.8}.demo-main .edit-response-container .edit-response-input::-moz-placeholder{color:hsla(0,0%,100%,.4);opacity:.4}.demo-main .edit-response-container .edit-response-input::placeholder{color:hsla(0,0%,100%,.4);opacity:.4}.demo-main .edit-response-container .edit-response-input:focus{border:2px dotted #0d80f8;background:hsla(0,0%,100%,.05);box-shadow:none;outline:none}.demo-main .edit-response-container .edit-response-input:hover{background:hsla(0,0%,100%,.05)}.demo-main .proposed-response-wrapper{max-width:18rem;position:relative;width:100%}.demo-main .proposed-response-wrapper .edit-response-container,.demo-main .proposed-response-wrapper .proposed-response-bubble{width:100%}.demo-main .try-it-live-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.demo-main .try-it-live-title .gradient-text{background:linear-gradient(135deg,#fc72ff,#8f68ff 25%,#487bff 50%,#2cd9ff 75%,#2cffcc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}@media(max-width:768px){.demo-main .try-it-live-title{font-size:2rem}}.demo-main .try-it-live-subtitle{color:hsla(0,0%,100%,.7);font-size:1.1rem;font-weight:300;text-align:center;margin-bottom:2rem}@media(max-width:768px){.demo-main .try-it-live-subtitle{font-size:1rem}}.demo-main .phone-input-wrapper{position:relative}.demo-main .phone-input-container{position:relative;display:flex;align-items:center;background:hsla(0,0%,100%,.05);border-radius:1.5rem;border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .3s ease}.demo-main .phone-input-container:hover{border-color:rgba(252,114,255,.3);box-shadow:0 0 30px rgba(252,114,255,.1)}.demo-main .phone-input-container:focus-within{border-color:rgba(252,114,255,.5);box-shadow:0 0 30px rgba(252,114,255,.2)}@media(max-width:768px){.demo-main .phone-input-container{flex-direction:column;gap:1rem}.demo-main .phone-input-container .phone-input{padding:1rem 1.25rem;font-size:1rem;text-align:center}}.demo-main .phone-input{flex:1;background:rgba(0,0,0,0);border:none;padding:1.2rem 1.5rem;color:#fff;font-size:1.1rem;font-weight:500;outline:none}.demo-main .phone-input::-moz-placeholder{color:hsla(0,0%,100%,.4);font-weight:300}.demo-main .phone-input::placeholder{color:hsla(0,0%,100%,.4);font-weight:300}.demo-main .phone-input:disabled{opacity:.6;cursor:not-allowed}.demo-main .send-button{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#fc72ff,#8f68ff 25%,#487bff 50%,#2cd9ff 75%,#2cffcc);border:none;border-radius:.75rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;font-size:.9rem}.demo-main .send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px rgba(252,114,255,.3)}.demo-main .send-button:active:not(:disabled){transform:translateY(0)}.demo-main .send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-main .send-button svg{transition:transform .2s ease}.demo-main .send-button:hover:not(:disabled) svg{transform:translateX(2px)}@media(max-width:768px){.demo-main .send-button{margin-left:0;width:100%;padding:1rem 2rem;font-size:1.1rem}}.demo-main .loading-spinner{display:flex;align-items:center;justify-content:center}.demo-main .loading-spinner .spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.demo-main .status-message{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}.demo-main .status-message.success{background:rgba(44,255,204,.1);border:1px solid rgba(44,255,204,.3);color:#2cffcc}.demo-main .status-message.error{background:rgba(255,99,132,.1);border:1px solid rgba(255,99,132,.3);color:#ff6384}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-main .gradient-arrow-button{border:none;background:rgba(0,0,0,0);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.demo-main .gradient-arrow-button svg{transition:all .3s ease;filter:drop-shadow(0 0 6px rgba(252,114,255,.2))}.demo-main .gradient-arrow-button:hover svg{transform:translateX(2px);filter:drop-shadow(0 0 12px rgba(252,114,255,.6));stroke:url(#gradient-arrow-hover)}.demo-main .imessage-sent{background:linear-gradient(175deg,#43cdf6,#0087fe)!important;color:#fff!important;border-radius:.75rem!important;padding:8px 16px!important;font-size:.875rem!important;font-weight:400!important;line-height:1.35!important;max-width:75%!important;word-wrap:break-word!important;box-shadow:0 1px 2px rgba(0,0,0,.1)!important}.demo-main .click-to-send-button{position:absolute;bottom:-2rem;right:0;background:linear-gradient(135deg,#fc72ff,#8f68ff 25%,#487bff 50%,#2cd9ff 75%,#2cffcc);border:none;border-radius:.5rem;padding:.25rem .5rem;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-inter),sans-serif}.demo-main .click-to-send-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(252,114,255,.3)}.demo-main .click-to-send-button:active{transform:translateY(0)}.demo-main .demo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem 1rem;position:relative;z-index:10;box-sizing:border-box;contain:layout;will-change:auto;transition:min-height .6s ease-in-out,padding .4s ease-in-out}@media(max-width:768px){.demo-main .demo-container{padding:0}}.demo-main .demo-container.compact{min-height:60vh;padding:1rem .5rem}.demo-main .try-it-live-section{width:100%;max-width:42rem;margin-bottom:2rem;margin-top:4vh;flex:1;display:flex;flex-direction:column;justify-content:center;z-index:99999;pointer-events:all;transition:max-width .5s ease-in-out,margin .4s ease-in-out}.demo-main .try-it-live-section.compact{margin-bottom:2vh}.demo-main .try-it-live-title{text-align:center;margin-bottom:2rem;transition:margin .4s ease-in-out}.demo-main .try-it-live-title h2{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem;font-family:var(--font-inter),sans-serif;transition:font-size .4s ease-in-out,margin .4s ease-in-out}.compact .demo-main .try-it-live-title{margin-bottom:1rem}.compact .demo-main .try-it-live-title h2{font-size:1.5rem;margin-bottom:.5rem}.demo-main .phone-input-section{opacity:0}.demo-main .phone-input-section .input-group{margin-bottom:1.5rem}.demo-main .phone-input-section label{display:block;color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.5rem;font-family:var(--font-inter),sans-serif}.demo-main .phone-input-section label .required{color:#ef4444;margin-left:.25rem}.demo-main .phone-input-section .phone-input-row{position:relative;display:flex;flex-direction:row}.demo-main .phone-input-section .phone-input{width:100%;padding:.75rem 1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:.75rem;color:#fff;font-family:var(--font-inter),sans-serif;transition:all .3s ease}.demo-main .phone-input-section .phone-input::-moz-placeholder{color:#9ca3af}.demo-main .phone-input-section .phone-input::placeholder{color:#9ca3af}.demo-main .phone-input-section .phone-input:focus{outline:none;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 0 0 2px #6663f6,0 0 0 3px rgba(178,0,232,.1176470588);background:hsla(0,0%,100%,.2)}.demo-main .phone-input-section .phone-input.valid{border-color:#10b981}.demo-main .phone-input-section .phone-input.valid:focus{border-color:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.4)}.demo-main .phone-input-section .phone-input.invalid{border-color:#ef4444}.demo-main .phone-input-section .phone-input.invalid:focus{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.4)}.demo-main .phone-input-section .submit-button{color:#fff;transition:all .2s ease;margin-left:.5rem;position:relative;background:none;border:none;cursor:pointer}.demo-main .phone-input-section .submit-button:disabled{opacity:.5;cursor:not-allowed}.demo-main .phone-input-section .consent-notice{margin-top:1rem;padding:.75rem;background:rgba(0,0,0,.6);border-radius:.5rem;border:1px solid hsla(0,0%,100%,.15);opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;max-height:200px;overflow:hidden}.demo-main .phone-input-section .consent-notice.show{opacity:1;transform:translateY(0);pointer-events:auto}.demo-main .phone-input-section .consent-notice p{color:hsla(0,0%,100%,.9);font-size:.65rem;line-height:1.5;margin:0;font-family:var(--font-inter),sans-serif;font-weight:400}.demo-main .phone-input-section .consent-notice p a{color:#c084fc;text-decoration:underline;transition:color .2s ease;font-weight:500}.demo-main .phone-input-section .consent-notice p a:hover{color:#d8b4fe}.demo-main .live-testing-section{background:hsla(0,0%,100%,.005);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2rem;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 0 0 8px hsla(0,0%,100%,.031372549),0 8px 32px rgba(0,0,0,.3);font-family:var(--font-inter),sans-serif;flex:1;display:flex;flex-direction:column;min-height:60vh;margin-bottom:1rem;position:relative;transition:border-radius .4s ease-in-out,padding .4s ease-in-out,min-height .6s ease-in-out,margin .4s ease-in-out}.demo-main .live-testing-section.compact{border-radius:1rem;padding:1rem;min-height:40vh;margin-bottom:.5rem}.demo-main .live-testing-section .live-testing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;width:100%;padding:0 1rem}@media(max-width:768px){.demo-main .live-testing-section .live-testing-header{flex-direction:column}}.demo-main .live-testing-section .live-testing-header h3{font-size:1.25rem;font-weight:600;color:#fff;font-family:var(--font-inter),sans-serif;margin:0;flex-shrink:0}.demo-main .live-testing-section .live-testing-header .live-testing-header-actions{display:flex;align-items:center;gap:1rem}.demo-main .live-testing-section .live-testing-header .live-testing-header-actions .reset-button{font-size:.875rem;color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .2s ease;font-family:var(--font-inter),sans-serif}.demo-main .live-testing-section .live-testing-header .live-testing-header-actions .reset-button:hover{color:#fff}.demo-main .live-testing-section .live-testing-header .live-testing-header-actions .status-indicator{display:flex;align-items:center;gap:.5rem;border:1px solid hsla(0,0%,100%,.3);padding:0 .5rem;border-radius:9999px;position:relative;overflow:visible}.demo-main .live-testing-section .live-testing-header .live-testing-header-actions .status-indicator .status-dot{width:.4rem;height:.4rem;background:#10b981;border-radius:50%;position:relative;z-index:2;animation:statusDotBreathe 1.6s ease-in-out infinite}.demo-main .live-testing-section .live-testing-header .live-testing-header-actions .status-indicator .status-dot-pulse{position:absolute;left:.43rem;top:.27rem;width:.5rem;height:.5rem;border-radius:50%;background:#10b981;opacity:.5;z-index:1;animation:statusDotPulse 1.6s cubic-bezier(.4,0,.2,1) infinite}.demo-main .live-testing-section .live-testing-header .live-testing-header-actions .status-indicator .status-text{font-size:.875rem;color:#d1d5db;font-weight:300!important}.demo-main .live-testing-section .header-separator{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 80%,transparent)}.demo-main .live-testing-section .messages-container{background:rgba(0,0,0,.2);border-radius:.75rem;padding:1rem;flex:1;min-height:20rem;max-height:40rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;position:relative;display:flex;flex-direction:column;overscroll-behavior:contain;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;isolation:isolate;contain:layout style;transform:translateZ(0);will-change:scroll-position;touch-action:pan-y;transition:padding .4s ease-in-out,max-height .5s ease-in-out,min-height .5s ease-in-out}.demo-main .live-testing-section .messages-container.compact{padding:.5rem;max-height:50vh}.demo-main .live-testing-section .messages-container::-webkit-scrollbar{width:6px}.demo-main .live-testing-section .messages-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.demo-main .live-testing-section .messages-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.demo-main .live-testing-section .messages-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.demo-main .live-testing-section .messages-container .message-list{display:flex;flex-direction:column;gap:.5rem;flex:1;padding-bottom:2rem}.demo-main .live-testing-section .messages-container .message-row{display:flex}.demo-main .live-testing-section .messages-container .message-row.user{justify-content:flex-end}.demo-main .live-testing-section .messages-container .message-row.assistant{justify-content:flex-start}.demo-main .live-testing-section .messages-container .message-bubble{font-family:var(--font-inter),sans-serif}.demo-main .live-testing-section .messages-container .message-bubble.assistant{max-width:18rem;padding:.5rem 1rem;border-radius:.75rem;background:#374151;color:#fff;min-height:1.5rem;display:flex;align-items:center}.demo-main .live-testing-section .messages-container .message-bubble.assistant p{font-size:.875rem;margin:0;line-height:1.4;word-wrap:break-word}.demo-main .live-testing-section .messages-container .empty-state{text-align:center}.demo-main .live-testing-section .messages-container .empty-state .empty-message{color:#9ca3af;font-size:.875rem;margin-bottom:1rem;font-family:var(--font-inter),sans-serif}.demo-main .live-testing-section .messages-container .empty-state .empty-subtitle{font-size:.75rem;color:#6b7280;font-family:var(--font-inter),sans-serif}.demo-main .live-testing-section .messages-container .empty-state .empty-subtitle .subtitle-text{margin-bottom:.5rem}.demo-main .live-testing-section .messages-container .empty-state .empty-subtitle .example-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.demo-main .live-testing-section .messages-container .empty-state .empty-subtitle .example-buttons .example-button{padding:.25rem .75rem;background:#4b5563;border-radius:9999px;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease;font-family:var(--font-inter),sans-serif}.demo-main .live-testing-section .messages-container .empty-state .empty-subtitle .example-buttons .example-button:hover{background:#6b7280}.demo-main .live-testing-section .messages-container .proposed-response-container{width:100%;position:sticky;bottom:0;border-radius:0 0 .75rem .75rem;margin:auto -1rem -1rem;padding:2rem 1rem 1rem}.demo-main .live-testing-section .messages-container .proposed-response-container .proposed-response-wrapper{max-width:none;width:100%;position:relative}.demo-main .live-testing-section .messages-container .proposed-response-container .proposed-response-wrapper .edit-response-container,.demo-main .live-testing-section .messages-container .proposed-response-container .proposed-response-wrapper .proposed-response-bubble{width:100%;max-width:none}.demo-main .live-testing-section .messages-container .loading-container{display:flex;justify-content:flex-start;margin-bottom:2rem}.demo-main .live-testing-section .messages-container .loading-container .loading-bubble{background:#374151;border-radius:.75rem;padding:.5rem 1rem}.demo-main .live-testing-section .messages-container .loading-container .loading-bubble .loading-content{display:flex;align-items:center;gap:.5rem}.demo-main .live-testing-section .messages-container .loading-container .loading-bubble .loading-content .loading-dot{width:.5rem;height:.5rem;background:#9ca3af;border-radius:50%;animation:bounce 1s infinite}.demo-main .live-testing-section .messages-container .loading-container .loading-bubble .loading-content .loading-dot:nth-child(2){animation-delay:.1s}.demo-main .live-testing-section .messages-container .loading-container .loading-bubble .loading-content .loading-dot:nth-child(3){animation-delay:.2s}.demo-main .live-testing-section .messages-container .loading-container .loading-bubble .loading-content .loading-text{font-size:.75rem;color:#d1d5db;margin-left:.5rem;font-family:var(--font-inter),sans-serif}.demo-main .type-in-here-text{background:linear-gradient(135deg,#fc72ff,#8f68ff 25%,#487bff 50%,#2cd9ff 75%,#2cffcc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:200% 200%;animation:gradientMove 3s ease-in-out infinite,pulse 2s ease-in-out infinite;font-size:.875rem;font-weight:500;text-align:left;margin-bottom:.5rem;margin-left:1rem;transform-origin:left center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.demo-main .back-button{display:flex;justify-content:center;width:100%}.demo-main .back-button button{color:#9ca3af;background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;transition:color .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.demo-main .back-button button:hover{color:#fff}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{scale:1}50%{scale:1.02}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-.5rem)}}.demo-main .click-to-send-button,.demo-main .demo-container,.demo-main .header,.demo-main .imessage-sent,.demo-main .live-testing-header,.demo-main .live-testing-header-actions,.demo-main .live-testing-section,.demo-main .message-bubble,.demo-main .message-list,.demo-main .message-row,.demo-main .messages-container,.demo-main .phone-input,.demo-main .phone-input-section label,.demo-main .proposed-response-bubble,.demo-main .reset-button,.demo-main .send-button,.demo-main .status-indicator,.demo-main .status-message,.demo-main .status-text,.demo-main .try-it-live-section,.demo-main .try-it-live-subtitle{font-weight:300!important}.demo-main .status-indicator{display:flex;align-items:center;gap:.5rem}.demo-main .status-indicator .status-dot,.demo-main .status-indicator .status-dot-pulse{width:8px;height:8px;border-radius:50%}.demo-main .status-indicator .status-dot-pulse.connected,.demo-main .status-indicator .status-dot.connected{background:#10b981}.demo-main .status-indicator .status-dot-pulse.connected.status-dot-pulse,.demo-main .status-indicator .status-dot.connected.status-dot-pulse{animation:statusDotBreathe 2s ease-in-out infinite}.demo-main .status-indicator .status-dot-pulse.disconnected,.demo-main .status-indicator .status-dot.disconnected{background:#ef4444}.demo-main .status-indicator .status-dot-pulse.disconnected.status-dot-pulse,.demo-main .status-indicator .status-dot.disconnected.status-dot-pulse{animation:statusDotBreathe 2s ease-in-out infinite}.demo-main .status-indicator .status-text{font-size:.75rem;color:hsla(0,0%,100%,.8);font-family:var(--font-inter),sans-serif}@keyframes statusDotBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes statusDotPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}.demo-main .shimmer-text{background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.8) 20%,rgb(255,255,255) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,.5) 80%,rgba(255,255,255,.5));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 3s ease-in-out infinite;text-align:center}@media(max-width:768px){.demo-main .shimmer-text{margin-bottom:.5rem!important}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.demo-main .cursor-blink{animation:blink 1s infinite;color:#fff;-webkit-text-fill-color:#fff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-main .click-to-send-button.gradient-animate{background:linear-gradient(135deg,#fc72ff,#8f68ff 25%,#487bff 50%,#2cd9ff 75%,#2cffcc);background-size:200% 200%;animation:gradientMove 3s ease-in-out infinite}.demo-main .click-to-send-button.gradient-animate:hover{animation:gradientMove 1s ease-in-out infinite}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.demo-main .message-input-container{display:flex;align-items:center;gap:.5rem;border-radius:18px;padding:.25rem;border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);width:100%;position:relative}.demo-main .message-input-container .plus-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(142,142,147,.6);border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.demo-main .message-input-container .plus-button:hover{background:rgba(142,142,147,.8)}.demo-main .message-input-container .plus-button svg{width:16px;height:16px;color:#fff}.demo-main .message-input-container .text-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:rgba(0,0,0,0);border-radius:14px}.demo-main .message-input-container .text-input-wrapper .message-input{flex:1;background:rgba(118,118,128,.24);border:none;border-radius:14px;padding:.5rem 2.5rem .5rem .6rem;color:#fff;font-size:.9rem;font-family:var(--font-inter),sans-serif;font-weight:400;outline:none;min-height:16px;resize:none;overflow:hidden;line-height:1.2}.demo-main .message-input-container .text-input-wrapper .message-input::-moz-placeholder{color:rgba(235,235,245,.6);font-weight:400}.demo-main .message-input-container .text-input-wrapper .message-input::placeholder{color:rgba(235,235,245,.6);font-weight:400}.demo-main .message-input-container .text-input-wrapper .message-input:focus{outline:none;background:rgba(118,118,128,.32)}.demo-main .message-input-container .text-input-wrapper .mic-button{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.demo-main .message-input-container .text-input-wrapper .mic-button:hover{background:rgba(142,142,147,.3);border-radius:50%}.demo-main .message-input-container .text-input-wrapper .mic-button svg{width:18px;height:18px;color:rgba(235,235,245,.6)}.demo-main .message-input-container .text-input-wrapper .send-arrow-button{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#007aff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.demo-main .message-input-container .text-input-wrapper .send-arrow-button:hover{background:#0056cc;transform:translateY(-50%) scale(1.05)}.demo-main .message-input-container .text-input-wrapper .send-arrow-button:active{transform:translateY(-50%) scale(.95)}.demo-main .message-input-container .text-input-wrapper .send-arrow-button svg{width:18px;height:18px;color:#fff}.demo-main .message-input-container.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.demo-main .message-input-container.disabled button,.demo-main .message-input-container.disabled input,.demo-main .message-input-container.disabled textarea{pointer-events:none;cursor:not-allowed}@media(max-width:768px){.demo-main .message-input-container{margin:0;gap:.25rem}.demo-main .message-input-container .text-input-wrapper{max-width:calc(100% - 30px)}.demo-main .message-input-container .text-input-wrapper .message-input{font-size:16px;padding:.4rem 2.6rem .4rem .4rem;max-width:100%}.demo-main .message-input-container .text-input-wrapper .send-arrow-button{width:28px;height:28px;right:.25rem}.demo-main .message-input-container .text-input-wrapper .mic-button{width:24px;height:24px;right:.35rem}.demo-main .message-input-container .plus-button{width:20px;height:20px;flex-shrink:0}.demo-main .message-input-container .plus-button svg{width:12px;height:12px}}.demo-main .checkout-button-container{display:flex;justify-content:center;padding:1rem 0;margin-top:1rem}.demo-main .join-membership-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fc72ff,#8f68ff 25%,#487bff 50%,#2cd9ff 75%,#2cffcc);border:none;border-radius:1rem;padding:.5rem 1rem;color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-inter),sans-serif;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.demo-main .join-membership-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(252,114,255,.4),0 5px 15px rgba(47,123,255,.3)}.demo-main .join-membership-button:active{transform:translateY(0)}.demo-main .join-membership-button span{font-weight:600;letter-spacing:.5px}.demo-main .join-membership-button svg{width:20px;height:20px;transition:transform .3s ease}.demo-main .join-membership-button:hover svg{transform:translate(2px,-2px)}.demo-main .join-membership-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.demo-main .join-membership-button:hover:before{left:100%}