.contracting-demo-page{min-height:100vh;background:linear-gradient(135deg,#1a1d29 0,var(--color-primary) 100%);color:var(--color-text-light);font-family:var(--font-sans)}.contracting-demo-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.contracting-demo-page .hero-section{padding:80px 0 60px;text-align:center}.contracting-demo-page .hero-section .section-title h1{font-family:var(--font-heading);font-size:var(--h1-size);font-weight:var(--weight-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);background:linear-gradient(135deg,var(--color-text-light) 0,hsla(0,0%,100%,.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}.contracting-demo-page .hero-section .section-title p{font-size:var(--text-body);line-height:var(--line-height-body);color:var(--color-text-muted);max-width:800px;margin:0 auto}.contracting-demo-page .demo-section{padding:80px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.contracting-demo-page .demo-section:last-of-type{border-bottom:none}.contracting-demo-page .demo-section .section-title{text-align:center;margin-bottom:60px}.contracting-demo-page .demo-section .section-title h2{font-family:var(--font-heading);font-size:var(--h2-size);font-weight:var(--weight-h2);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);color:var(--color-text-light);margin-bottom:16px}.contracting-demo-page .demo-section .section-title p{font-size:var(--text-body);line-height:var(--line-height-body);color:var(--color-text-muted);max-width:600px;margin:0 auto}.contracting-demo-page .cta-section{padding:80px 0;text-align:center;background:hsla(0,0%,100%,.02)}.contracting-demo-page .cta-section .section-title h3{font-family:var(--font-heading);font-size:var(--h3-size);font-weight:var(--weight-h3);line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-h3);color:var(--color-text-light);margin-bottom:16px}.contracting-demo-page .cta-section .section-title p{font-size:var(--text-body);line-height:var(--line-height-body);color:var(--color-text-muted);max-width:600px;margin:0 auto 40px}.contracting-demo-page .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.contracting-demo-page .cta-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:12px;font-family:var(--font-heading);font-size:var(--text-button);font-weight:var(--weight-button);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.contracting-demo-page .cta-button.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 20px rgba(75,0,130,.3)}.contracting-demo-page .cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(75,0,130,.4)}.contracting-demo-page .cta-button.secondary{background:transparent;color:var(--color-text-light);border-color:hsla(0,0%,100%,.2)}.contracting-demo-page .cta-button.secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}@media (max-width:1024px){.contracting-demo-page .container{padding:0 20px}.contracting-demo-page .hero-section{padding:60px 0 40px}.contracting-demo-page .cta-section,.contracting-demo-page .demo-section{padding:60px 0}}@media (max-width:767px){.contracting-demo-page .container{padding:0 16px}.contracting-demo-page .hero-section{padding:40px 0 30px}.contracting-demo-page .demo-section{padding:40px 0}.contracting-demo-page .demo-section .section-title{margin-bottom:40px}.contracting-demo-page .cta-section{padding:40px 0}.contracting-demo-page .cta-buttons{flex-direction:column;align-items:center}.contracting-demo-page .cta-button{width:100%;max-width:300px}}.interactive-demo-container{background:linear-gradient(135deg,#1a1d29 0,var(--color-primary) 100%);border-radius:16px;padding:40px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 40px rgba(0,0,0,.3)}.page-section{flex:1;width:100%;padding:2vw 1.5vw 4vw;min-height:100vh;background:linear-gradient(145deg,#000,#0a0a0a,#000);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2vw;z-index:1}.page-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(106,90,205,.15),transparent 70%);pointer-events:none}.header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1vw;padding:2vw 1.5vw;width:100%;max-width:60vw;position:relative;z-index:1;margin-bottom:2vw}.title{font-family:var(--font-heading);color:#fff;font-size:2.5rem!important;font-weight:var(--weight-h1);text-shadow:0 2px 4px rgba(106,90,205,.2);margin-bottom:1vw;line-height:1.2!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#fff!important}.subtitle{font-family:var(--font-sans);color:hsla(0,0%,100%,.8);font-size:var(--text-body);font-weight:var(--weight-body);text-align:center;max-width:45vw;line-height:var(--line-height-body);margin:0 auto}.chat-container{width:100%!important;max-width:650px!important;margin:0 auto!important;padding:20px!important;background:linear-gradient(135deg,rgba(75,0,130,.1),rgba(72,61,139,.1))!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;min-height:400px!important;height:auto!important;position:relative!important}.chat-container:before{background:linear-gradient(145deg,rgba(106,90,205,.1),transparent);opacity:.2}.chat-container:after,.chat-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;z-index:-1}.chat-container:after{background:linear-gradient(145deg,rgba(106,90,205,.05),transparent);opacity:.3}.messages{flex:1!important;overflow-y:auto!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:16px!important;position:relative!important;z-index:1!important}.messages::-webkit-scrollbar{width:6px;background-color:transparent}.messages::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:8px;margin:8px}.messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(106,90,205,.8),rgba(86,72,179,.8));border-radius:8px;border:2px solid rgba(106,90,205,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-transition:all .3s ease;transition:all .3s ease}.messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(116,100,215,.9),rgba(96,82,189,.9));box-shadow:0 0 8px rgba(106,90,205,.3)}.message{display:flex!important;flex-direction:row!important;align-items:flex-start!important;width:100%!important;margin-bottom:12px!important}.bot-message{justify-content:flex-start!important}.user-message{justify-content:flex-end!important}.message-bubble{font-family:var(--font-sans);display:inline-block!important;padding:12px 16px!important;border-radius:12px!important;font-size:16px!important;line-height:1.5!important;background:rgba(106,90,205,.1);color:#fff;border:1px solid rgba(106,90,205,.2);box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:70%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;position:relative!important}.message-bubble.visible{display:inline-block!important;opacity:1!important;visibility:visible!important}.bot-message .message-bubble{background:rgba(106,90,205,.1);border-bottom-left-radius:4px}.user-message .message-bubble{background:rgba(106,90,205,.2);border-color:rgba(106,90,205,.3);border-bottom-right-radius:4px}.error-message .message-bubble{background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.2)}.typing{display:flex;align-items:flex-start;padding:.75rem 1.25rem}.typing-dots{display:flex;gap:4px;align-items:center;min-width:32px}.typing-dot{width:6px;height:6px;background:hsla(0,0%,100%,.8);border-radius:50%;animation:typingAnimation 1.8s ease-in-out infinite;opacity:.3}@keyframes typingAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.3s}.typing-dot:nth-child(3){animation-delay:.6s}.input-area{width:100%!important;max-width:90%!important;margin:15px auto 0!important;padding:15px!important;display:flex!important;gap:15px!important;align-items:center!important;background:linear-gradient(135deg,rgba(75,0,130,.15),rgba(72,61,139,.15));border-radius:.6vw;position:relative;bottom:0}.message-input{flex:1!important;padding:12px 15px!important;font-size:15px!important;border:1px solid rgba(75,0,130,.3);border-radius:.4vw;background:rgba(0,0,0,.7);color:#fff;height:45px!important}.message-input::-moz-placeholder{color:hsla(0,0%,100%,.5);font-family:Poppins Regular,sans-serif}.message-input::placeholder{color:hsla(0,0%,100%,.5);font-family:Poppins Regular,sans-serif}.message-input:focus{outline:none;border-color:rgba(106,90,205,.5);background:rgba(40,37,58,.95);box-shadow:0 0 0 3px rgba(106,90,205,.1)}.send-button{background:linear-gradient(135deg,#6a5acd,#5648b3);border:none;min-width:45px!important;height:45px!important;border-radius:1.5vw;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(106,90,205,.2);font-size:15px!important;padding:0 1vw}.send-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(106,90,205,.3);background:linear-gradient(135deg,#7b6bde,#6759c4)}.send-button:disabled{background:rgba(106,90,205,.3);cursor:not-allowed;transform:none;box-shadow:none}.bottom-cta{display:flex;flex-direction:column;align-items:center;gap:2vw;text-align:center;margin-top:2vw}.bottom-text{font-family:var(--font-sans)!important;font-size:16px!important;line-height:1.5!important;text-align:center!important;max-width:600px!important;margin:0 auto 20px!important;padding:20px!important;color:#fff!important;background-color:#000!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1vw 2.5vw;text-decoration:none;border-radius:.521vw;font-size:1vw;font-weight:700;transition:transform .3s ease;min-width:9.375vw;height:3.125vw;background:linear-gradient(45deg,indigo,#483d8b);color:#fff;border:none;font-family:var(--font-heading);cursor:pointer}.cta-button:hover{transform:scale(1.05)}@media (max-width:768px){.header{padding:1.5rem 1rem;margin-bottom:1.5rem}.title{font-size:2rem}.subtitle{font-size:1rem;max-width:100%}.chat-container{max-width:100%;height:calc(100vh - 200px);min-height:400px;border-radius:16px;margin:0 1rem}.message-bubble{padding:1rem;font-size:1rem}.input-area{padding:.75rem;gap:.5rem}.message-input{height:44px;font-size:1rem;padding:.75rem}.send-button{min-width:44px;height:44px}.bottom-text,.send-button{font-size:1rem}}@media (max-width:480px){.header{padding:1rem;margin-bottom:1rem}.title{font-size:1.75rem}.subtitle{font-size:4.2vw}.chat-container{height:calc(100vh - 160px);min-height:350px;border-radius:16px;margin:0 .5rem}.message-input{height:40px;font-size:.875rem;padding:.625rem 1rem}.send-button{min-width:40px;height:40px;border-radius:20px;font-size:1rem}}@media screen and (min-width:1024px) and (max-width:1366px){.chat-container{max-width:650px!important;min-height:500px!important;padding:20px!important}.messages{padding:16px!important;gap:16px!important}.message-bubble{font-size:16px!important;padding:16px!important;max-width:75%!important}.input-area{max-width:90%!important;padding:15px!important;margin-top:15px!important}.message-input{padding:12px 15px!important}.message-input,.send-button{height:45px!important;font-size:15px!important}.send-button{min-width:45px!important}.header{max-width:700px!important;padding:25px 20px!important;gap:20px!important;margin-bottom:25px!important}.title{font-size:1.8rem!important;margin-bottom:10px!important}.subtitle{font-size:18px!important;max-width:550px!important}}@media screen and (min-width:1367px){.chat-container{max-width:800px!important;min-height:550px!important;padding:25px!important}.messages{padding:20px!important;gap:18px!important}.message-bubble{font-size:18px!important;padding:18px!important;max-width:75%!important}.input-area{max-width:90%!important;padding:18px!important;margin-top:18px!important}.message-input{padding:15px 18px!important}.message-input,.send-button{height:50px!important;font-size:16px!important}.send-button{min-width:50px!important}.title{font-size:2.5rem!important;color:#fff!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#fff!important}}@media screen and (min-width:1920px){.chat-container{max-width:950px!important;min-height:650px!important;padding:30px!important}.message-bubble{font-size:20px!important;padding:20px!important}.message-input,.send-button{height:55px!important;font-size:18px!important}.send-button{min-width:55px!important}}.chat-container{max-width:800px;margin:0 auto;border-radius:24px;border:1px solid rgba(106,90,205,.2);box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;display:flex;flex-direction:column;height:600px}.chat-container,.chat-header{background:rgba(31,27,46,.95)}.chat-header{padding:24px;border-bottom:1px solid rgba(106,90,205,.2)}.header-main{display:flex;align-items:center;gap:16px}.header-info h1{font-size:28px;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{font-size:18px;color:hsla(0,0%,100%,.7);margin-top:4px}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.message-content{font-size:18px;line-height:1.6;color:#fff}.chat-input-container{padding:24px;background:rgba(31,27,46,.95);border-top:1px solid rgba(106,90,205,.2)}.chat-input{width:100%;padding:16px 24px;font-size:18px;background:rgba(35,32,52,.95);border:1px solid rgba(106,90,205,.3);border-radius:12px;color:#fff;transition:all .3s ease}.chat-input::-moz-placeholder{color:hsla(0,0%,100%,.5);font-size:18px}.chat-input::placeholder{color:hsla(0,0%,100%,.5);font-size:18px}.bottom-text{text-align:center;padding:16px;font-size:16px;color:hsla(0,0%,100%,.7);background:rgba(31,27,46,.95);border-top:1px solid rgba(106,90,205,.2)}@media (min-width:1024px){.chat-container{max-width:900px;height:700px}.header-info h1{font-size:32px}.chat-input,.header-subtitle,.message-content{font-size:20px}.chat-input{padding:20px 28px}.chat-input::-moz-placeholder{font-size:20px}.chat-input::placeholder{font-size:20px}.bottom-text{font-size:18px}}@keyframes typing{0%{width:0}to{width:100%}}.typing-text{display:inline-block;overflow:hidden;white-space:pre-wrap;animation:typing 1s steps(40);width:100%}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:rgba(106,90,205,.1);border:1px solid rgba(106,90,205,.2);border-radius:12px;width:-moz-fit-content;width:fit-content;opacity:0;transform:translateY(10px);animation:fadeIn .3s ease forwards}.typing-indicator span{width:8px;height:8px;background:hsla(0,0%,100%,.8);border-radius:50%;display:inline-block;animation:bounce 1.4s ease-in-out infinite}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}