.demo-page{min-height:100vh;margin-top:calc(var(--sy-space)*164);padding:calc(var(--sy-space)*0) calc(var(--sy-space)*64);background:var(--neutral-0)}.demo-hero{margin-bottom:calc(var(--sy-space)*120)}.demo-hero .content-wrapper{min-height:unset!important;display:flex;gap:calc(var(--sy-space)*48);align-items:center}.demo-hero .content-wrapper .text-content{flex:1}.demo-hero .content-wrapper .text-content h1{font-size:calc(var(--sy-space)*120);line-height:1;margin-bottom:calc(var(--sy-space)*24);color:var(--neutral-900);font-weight:400}.demo-hero .content-wrapper .text-content .subtitle{font-size:calc(var(--sy-space)*24);line-height:1.5;color:var(--neutral-600);margin-bottom:calc(var(--sy-space)*64);max-width:80%}.demo-hero .content-wrapper .text-content h2{font-size:calc(var(--sy-space)*48);line-height:1.2;margin-bottom:calc(var(--sy-space)*24);color:var(--neutral-900);font-weight:400}.demo-hero .content-wrapper .text-content .subheadline{font-size:calc(var(--sy-space)*20);color:var(--neutral-600);margin-bottom:calc(var(--sy-space)*48)}.demo-hero .content-wrapper .text-content .cta-group{display:flex;gap:calc(var(--sy-space)*24)}.demo-hero .content-wrapper .text-content .cta-group .cta-button{display:flex;align-items:center;gap:calc(var(--sy-space)*12);padding:calc(var(--sy-space)*24) calc(var(--sy-space)*40);font-size:calc(var(--sy-space)*16);font-weight:500;border-radius:calc(var(--sy-space)*4);cursor:pointer;transition:all .3s ease}.demo-hero .content-wrapper .text-content .cta-group .cta-button:first-child{background:var(--main-500);color:var(--neutral-900);border:none}.demo-hero .content-wrapper .text-content .cta-group .cta-button:first-child:hover{background:var(--main-600)}.demo-hero .content-wrapper .text-content .cta-group .cta-button.secondary{background:rgba(0,0,0,0);border:1px solid var(--neutral-300);color:var(--neutral-900)}.demo-hero .content-wrapper .text-content .cta-group .cta-button.secondary .play-icon{font-size:calc(var(--sy-space)*24)}.demo-hero .content-wrapper .text-content .cta-group .cta-button.secondary:hover{background:var(--neutral-100)}.demo-hero .content-wrapper .text-content .cta-group .cta-button .arrow{transition:transform .3s ease}.demo-hero .content-wrapper .text-content .cta-group .cta-button:hover .arrow{transform:translateX(4px)}.demo-hero .video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.demo-hero .video-modal-overlay .video-modal{width:80%;max-width:calc(var(--sy-space)*1000);position:relative}.demo-hero .video-modal-overlay .video-modal .close-modal{position:absolute;right:calc(var(--sy-space)*-40);top:calc(var(--sy-space)*-40);width:calc(var(--sy-space)*32);height:calc(var(--sy-space)*32);border-radius:50%;background:var(--neutral-0);border:none;font-size:calc(var(--sy-space)*20);display:flex;align-items:center;justify-content:center;cursor:pointer}.demo-hero .video-modal-overlay .video-modal .video-container{aspect-ratio:16/9;width:100%}.demo-hero .video-modal-overlay .video-modal .video-container iframe{border:none}@media(max-width:1024px){.demo-hero .content-wrapper{flex-direction:column}.demo-hero .content-wrapper .text-content h1{font-size:calc(var(--sy-space)*80)}.demo-hero .content-wrapper .text-content h2{font-size:calc(var(--sy-space)*36)}.demo-hero .content-wrapper .text-content .subheadline,.demo-hero .content-wrapper .text-content .subtitle{max-width:100%}}@media(max-width:768px){.demo-hero{padding:0 calc(var(--sy-space)*32)}.demo-hero .content-wrapper .text-content h1{font-size:calc(var(--sy-space)*64)}.demo-hero .content-wrapper .text-content .subtitle{font-size:calc(var(--sy-space)*20)}.demo-hero .content-wrapper .text-content h2{font-size:calc(var(--sy-space)*32)}.demo-hero .content-wrapper .text-content .cta-group{flex-direction:column}.demo-hero .content-wrapper .text-content .cta-group .cta-button{width:100%;justify-content:center}.demo-hero .video-modal-overlay .video-modal .close-modal{right:calc(var(--sy-space)*0);top:calc(var(--sy-space)*-40)}}.demo-preview{margin-bottom:calc(var(--sy-space)*120)}.demo-preview h2{font-size:calc(var(--sy-space)*48);margin-bottom:calc(var(--sy-space)*48);font-weight:400;color:var(--neutral-900);text-align:center}.demo-preview .preview-tabs{display:flex;justify-content:center;gap:calc(var(--sy-space)*8);margin-bottom:calc(var(--sy-space)*48);flex-wrap:wrap}.demo-preview .preview-tabs .preview-tab{padding:calc(var(--sy-space)*12) calc(var(--sy-space)*24);background:rgba(0,0,0,0);border:1px solid var(--neutral-200);border-radius:calc(var(--sy-space)*4);font-size:calc(var(--sy-space)*14);font-weight:500;color:var(--neutral-700);cursor:pointer;transition:all .2s ease}.demo-preview .preview-tabs .preview-tab:hover{background:var(--neutral-100)}.demo-preview .preview-tabs .preview-tab.active{background:var(--neutral-900);color:var(--neutral-0);border-color:var(--neutral-900)}.demo-preview .preview-content .preview-item{display:flex;flex-direction:column;gap:calc(var(--sy-space)*32)}.demo-preview .preview-content .preview-item .preview-image{width:100%;box-shadow:0 calc(var(--sy-space)*8) calc(var(--sy-space)*24) rgba(0,0,0,.1);border-radius:calc(var(--sy-space)*8);overflow:hidden}.demo-preview .preview-content .preview-item .preview-image img{width:100%;height:auto;display:block}.demo-preview .preview-content .preview-item .preview-info{text-align:center;max-width:80%;margin:0 auto}.demo-preview .preview-content .preview-item .preview-info h3{font-size:calc(var(--sy-space)*32);margin-bottom:calc(var(--sy-space)*16);font-weight:400;color:var(--neutral-900)}.demo-preview .preview-content .preview-item .preview-info p{font-size:calc(var(--sy-space)*18);color:var(--neutral-600);margin-bottom:calc(var(--sy-space)*32)}.demo-preview .preview-content .preview-item .preview-info .launch-demo-btn{display:flex;align-items:center;gap:calc(var(--sy-space)*8);padding:calc(var(--sy-space)*16) calc(var(--sy-space)*32);background:var(--neutral-900);color:var(--neutral-0);border:none;border-radius:calc(var(--sy-space)*4);font-size:calc(var(--sy-space)*16);margin:0 auto;cursor:pointer;transition:all .3s ease}.demo-preview .preview-content .preview-item .preview-info .launch-demo-btn:hover{background:var(--neutral-800)}.demo-preview .preview-content .preview-item .preview-info .launch-demo-btn svg{transition:transform .3s ease}.demo-preview .preview-content .preview-item .preview-info .launch-demo-btn:hover svg{transform:translateX(4px)}@media(max-width:768px){.demo-preview{padding:0 calc(var(--sy-space)*32)}.demo-preview h2{font-size:calc(var(--sy-space)*36);margin-bottom:calc(var(--sy-space)*32)}.demo-preview .preview-tabs{overflow-x:auto;justify-content:flex-start;padding-bottom:calc(var(--sy-space)*16)}.demo-preview .preview-tabs .preview-tab{flex:0 0 auto}.demo-preview .preview-content .preview-item .preview-info{max-width:100%}.demo-preview .preview-content .preview-item .preview-info h3{font-size:calc(var(--sy-space)*24)}.demo-preview .preview-content .preview-item .preview-info p{font-size:calc(var(--sy-space)*16)}}.how-it-works{margin-bottom:calc(var(--sy-space)*120)}.how-it-works h2{font-size:calc(var(--sy-space)*48);margin-bottom:calc(var(--sy-space)*64);font-weight:400;color:var(--neutral-900);text-align:center}.how-it-works .steps-container{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--sy-space)*24)}.how-it-works .steps-container .step{text-align:center;position:relative}.how-it-works .steps-container .step:not(:last-child):after{content:"";position:absolute;top:calc(var(--sy-space)*32);right:calc(var(--sy-space)*-16);width:calc(var(--sy-space)*32);height:2px;background:var(--neutral-300)}.how-it-works .steps-container .step .step-number{width:calc(var(--sy-space)*32);height:calc(var(--sy-space)*32);border-radius:50%;background:var(--neutral-900);color:var(--neutral-0);display:flex;align-items:center;justify-content:center;margin:0 auto calc(var(--sy-space)*16);font-weight:500}.how-it-works .steps-container .step .step-icon{font-size:calc(var(--sy-space)*32);color:var(--neutral-500);margin-bottom:calc(var(--sy-space)*16)}.how-it-works .steps-container .step h3{font-size:calc(var(--sy-space)*18);font-weight:600;color:var(--neutral-900);margin-bottom:calc(var(--sy-space)*12)}.how-it-works .steps-container .step p{font-size:calc(var(--sy-space)*14);line-height:1.4;color:var(--neutral-600)}@media(max-width:1024px){.how-it-works .steps-container{grid-template-columns:repeat(3,1fr)}.how-it-works .steps-container .step:not(:last-child):after{display:none}}@media(max-width:768px){.how-it-works{padding:0 calc(var(--sy-space)*32)}.how-it-works h2{font-size:calc(var(--sy-space)*36);margin-bottom:calc(var(--sy-space)*32)}.how-it-works .steps-container{grid-template-columns:1fr;gap:calc(var(--sy-space)*48)}}.trial-options{margin-bottom:calc(var(--sy-space)*120)}.trial-options h2{font-size:calc(var(--sy-space)*48);margin-bottom:calc(var(--sy-space)*64);font-weight:400;color:var(--neutral-900);text-align:center}.trial-options .options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--sy-space)*32)}.trial-options .options-grid .option-card{padding:calc(var(--sy-space)*48);border-radius:calc(var(--sy-space)*8);background:var(--neutral-0);border:1px solid var(--neutral-200);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.trial-options .options-grid .option-card.primary{transform:scale(1.05);border-color:var(--neutral-900)}.trial-options .options-grid .option-card.primary h3{color:var(--neutral-900)}.trial-options .options-grid .option-card .icon-container{width:calc(var(--sy-space)*80);height:calc(var(--sy-space)*80);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--sy-space)*24);background-color:var(--neutral-900)}.trial-options .options-grid .option-card .icon-container .option-icon{font-size:calc(var(--sy-space)*32);color:var(--neutral-0)}.trial-options .options-grid .option-card h3{font-size:calc(var(--sy-space)*24);font-weight:600;margin-bottom:calc(var(--sy-space)*16);color:var(--neutral-900)}.trial-options .options-grid .option-card p{font-size:calc(var(--sy-space)*16);line-height:1.6;color:var(--neutral-600);margin-bottom:calc(var(--sy-space)*32);flex-grow:1}.trial-options .options-grid .option-card .option-button{padding:calc(var(--sy-space)*16) calc(var(--sy-space)*32);border-radius:calc(var(--sy-space)*4);font-size:calc(var(--sy-space)*16);font-weight:500;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,0);border:1px solid var(--neutral-900);color:var(--neutral-900)}.trial-options .options-grid .option-card .option-button.primary{background:var(--neutral-900);color:var(--neutral-0);border-color:var(--neutral-900)}.trial-options .options-grid .option-card .option-button:hover{opacity:.9}@media(max-width:1024px){.trial-options .options-grid{grid-template-columns:1fr;max-width:calc(var(--sy-space)*500);margin:0 auto}.trial-options .options-grid .option-card.primary{transform:none;order:-1}}@media(max-width:768px){.trial-options{padding:0 calc(var(--sy-space)*32)}.trial-options h2{font-size:calc(var(--sy-space)*36);margin-bottom:calc(var(--sy-space)*32)}.trial-options .options-grid .option-card{padding:calc(var(--sy-space)*32)}}.trust-section{margin-bottom:calc(var(--sy-space)*120)}.trust-section h2{font-size:calc(var(--sy-space)*48);margin-bottom:calc(var(--sy-space)*64);font-weight:400;color:var(--neutral-900);text-align:center}.trust-section .logos-container{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--sy-space)*48);margin-bottom:calc(var(--sy-space)*80)}.trust-section .logos-container .logo-item{filter:grayscale(100%);opacity:.7;transition:all .3s ease}.trust-section .logos-container .logo-item:hover{filter:grayscale(0);opacity:1}.trust-section .testimonials-container{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--sy-space)*32);margin-bottom:calc(var(--sy-space)*80)}.trust-section .testimonials-container .testimonial-card{padding:calc(var(--sy-space)*32);border:1px solid var(--neutral-200);border-radius:calc(var(--sy-space)*8);position:relative}.trust-section .testimonials-container .testimonial-card .quote-marks{position:absolute;top:calc(var(--sy-space)*16);left:calc(var(--sy-space)*16);font-size:calc(var(--sy-space)*64);line-height:0;color:var(--neutral-200);font-family:serif}.trust-section .testimonials-container .testimonial-card .quote{font-size:calc(var(--sy-space)*16);line-height:1.6;color:var(--neutral-900);margin-bottom:calc(var(--sy-space)*24);position:relative;z-index:1}.trust-section .testimonials-container .testimonial-card .testimonial-author{display:flex;align-items:center}.trust-section .testimonials-container .testimonial-card .testimonial-author .avatar{margin-right:calc(var(--sy-space)*16)}.trust-section .testimonials-container .testimonial-card .testimonial-author .avatar img{border-radius:50%}.trust-section .testimonials-container .testimonial-card .testimonial-author .author-details .name{font-size:calc(var(--sy-space)*16);font-weight:600;color:var(--neutral-900);margin-bottom:calc(var(--sy-space)*4)}.trust-section .testimonials-container .testimonial-card .testimonial-author .author-details .company{font-size:calc(var(--sy-space)*14);color:var(--neutral-600)}.trust-section .metrics-container{display:flex;justify-content:space-around;text-align:center}.trust-section .metrics-container .metric .metric-value{font-size:calc(var(--sy-space)*48);font-weight:600;color:var(--neutral-900);margin-bottom:calc(var(--sy-space)*8);display:flex;align-items:center;justify-content:center}.trust-section .metrics-container .metric .metric-value .star-icon{color:var(--warning-500);margin-right:calc(var(--sy-space)*8)}.trust-section .metrics-container .metric .metric-label{font-size:calc(var(--sy-space)*16);color:var(--neutral-600)}@media(max-width:1024px){.trust-section .testimonials-container{grid-template-columns:repeat(1,1fr);max-width:calc(var(--sy-space)*600);margin-left:auto;margin-right:auto}}@media(max-width:768px){.trust-section{padding:0 calc(var(--sy-space)*32)}.trust-section h2{font-size:calc(var(--sy-space)*36);margin-bottom:calc(var(--sy-space)*32)}.trust-section .metrics-container{flex-direction:column;gap:calc(var(--sy-space)*32)}}.final-cta{margin-bottom:calc(var(--sy-space)*160)}.final-cta .cta-content{background:var(--main-500);color:var(--neutral-0);padding:calc(var(--sy-space)*80);border-radius:calc(var(--sy-space)*8);text-align:center}.final-cta .cta-content h2{font-size:calc(var(--sy-space)*48);font-weight:400;margin-bottom:calc(var(--sy-space)*16);color:#000}.final-cta .cta-content p{font-size:calc(var(--sy-space)*20);margin-bottom:calc(var(--sy-space)*48);opacity:.9;color:#363636}.final-cta .cta-content .cta-buttons{display:flex;justify-content:center;gap:calc(var(--sy-space)*24)}.final-cta .cta-content .cta-buttons .cta-button{display:flex;align-items:center;gap:calc(var(--sy-space)*8);padding:calc(var(--sy-space)*16) calc(var(--sy-space)*32);font-size:calc(var(--sy-space)*16);font-weight:500;border-radius:calc(var(--sy-space)*4);cursor:pointer;transition:all .3s ease}.final-cta .cta-content .cta-buttons .cta-button.primary{background:#000;color:#fff;border:none}.final-cta .cta-content .cta-buttons .cta-button.secondary{background:rgba(0,0,0,0);border:1px solid var(--neutral-900);color:var(--neutral-900)}.final-cta .cta-content .cta-buttons .cta-button.secondary:hover{background:hsla(0,0%,100%,.1)}.final-cta .cta-content .cta-buttons .cta-button .icon{transition:transform .3s ease}.final-cta .cta-content .cta-buttons .cta-button:hover .icon:first-child{transform:translateX(4px)}@media(max-width:768px){.final-cta{padding:0 calc(var(--sy-space)*32)}.final-cta .cta-content{padding:calc(var(--sy-space)*40)}.final-cta .cta-content h2{font-size:calc(var(--sy-space)*32)}.final-cta .cta-content p{font-size:calc(var(--sy-space)*16)}.final-cta .cta-content .cta-buttons{flex-direction:column}.final-cta .cta-content .cta-buttons .cta-button{width:100%;justify-content:center}}