.how-it-works-section{background-color:#fff;padding:2rem 1rem}.how-it-works-section .how-it-works-flex{display:flex;align-items:flex-start;max-width:1400px;margin:0 auto;gap:3rem}.how-it-works-section .how-it-works-flex .how-it-works-header{flex-shrink:0}.how-it-works-section .how-it-works-flex .how-it-works-header .badge{display:inline-block;padding:6px 16px;background-color:#f7f7f7;color:#464646;font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase;border-radius:999px;margin-bottom:.5rem}.how-it-works-section .how-it-works-flex .how-it-works-header h2{font-size:36px;font-weight:600;color:#2f2f2f}.how-it-works-section .how-it-works-flex .steps-container{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.how-it-works-section .how-it-works-flex .steps-container .step-card{background:#fff;border:1px solid #f1f1f1;border-radius:14px;padding:2rem;position:relative;z-index:2}.how-it-works-section .how-it-works-flex .steps-container .step-card .step-inner-grid{display:grid;grid-template-columns:50px 1fr;gap:1rem;align-items:flex-start}.how-it-works-section .how-it-works-flex .steps-container .step-card .step-inner-grid .step-number{font-size:52px;margin-top:3rem;font-weight:700;color:#e0e0e0;text-align:center;transition:color .3s ease}.how-it-works-section .how-it-works-flex .steps-container .step-card .step-inner-grid .step-info{display:flex;flex-direction:column}.how-it-works-section .how-it-works-flex .steps-container .step-card .step-inner-grid .step-info .step-icon{width:49px;height:49px;margin-bottom:.75rem}.how-it-works-section .how-it-works-flex .steps-container .step-card .step-inner-grid .step-info .step-title{font-size:24px;font-weight:600;color:#2f2f2f;margin-bottom:.25rem}.how-it-works-section .how-it-works-flex .steps-container .step-card .step-inner-grid .step-info .step-description{font-size:18px;color:#555;line-height:1.5}.how-it-works-section .how-it-works-flex .steps-container .step-card:hover{background-color:#e6f0ff}.how-it-works-section .how-it-works-flex .steps-container .step-card:hover .step-number{color:#007bff}@media(max-width:768px){.how-it-works-section .how-it-works-flex{flex-direction:column;align-items:center;gap:2rem}.how-it-works-section .how-it-works-header h2{font-size:22px!important;text-align:center}.how-it-works-section .how-it-works-header .badge{display:block;margin:0 auto 1rem;font-size:10px!important}.how-it-works-section .steps-container{grid-template-columns:1fr!important}.how-it-works-section .step-card{padding:1.5rem!important}.how-it-works-section .step-number{font-size:40px!important;text-align:left}.how-it-works-section .step-icon{width:42px!important;height:42px!important}.how-it-works-section .step-title{font-size:18px!important}.how-it-works-section .step-description{font-size:16px!important}}.lesson-section{position:relative;width:100%;padding:80px 60px;overflow:hidden;background-color:#f9f9fa}.lesson-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/Container.png);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1));-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1));mask-repeat:no-repeat}.lesson-section>*{position:relative;z-index:2}.lesson-section .lesson-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1600px;width:100%;margin:0 auto}.lesson-section .lesson-info{flex:1;margin-bottom:2rem}.lesson-section .lesson-info h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;background-color:#fff!important;padding:6px;width:200px;border-radius:1000px;text-align:center;font-weight:500}.lesson-section .lesson-info h3 span{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%)!important;background-clip:text;-webkit-background-clip:text!important}.lesson-section .lesson-info h1{font-size:36px;font-weight:600;line-height:1.3;color:#2f2f2f;margin-bottom:16px}.lesson-section .lesson-info .supportive-text{font-size:20px;font-weight:500;color:#2f2f2f;margin-bottom:30px}.lesson-section .lesson-info .action-buttons{display:flex;gap:16px;margin-bottom:1rem}.lesson-section .lesson-info .action-buttons .ant-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto;padding:10px 30px;border-radius:6px;font-weight:600}.lesson-section .lesson-info .action-buttons .ant-btn .sub-label{font-size:11px;font-weight:400;color:#fff;line-height:1}.lesson-section .lesson-info .action-buttons .ant-btn .btn-lesson{font-size:16px;font-weight:500}.lesson-section .lesson-info .action-buttons .text-button{background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%);color:#fff;border:none}.lesson-section .lesson-info .action-buttons .dark-option{background:#111;color:#fff;border:none}.lesson-section .lesson-info .performance-metrics{display:flex;flex-direction:column;gap:20px;width:100%;max-width:174px;margin-top:10rem}.lesson-section .lesson-info .performance-metrics .metric-item{width:100%;padding:16px 20px;border-radius:13px;background-color:#f5f5f7;border:1px solid #efeff0;transition:.3s ease}.lesson-section .lesson-info .performance-metrics .metric-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.lesson-section .lesson-info .performance-metrics .metric-item h2{font-size:36px;margin-bottom:6px}.lesson-section .lesson-info .performance-metrics .metric-item h2 .emphasized-btn{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%)!important;background-clip:text;-webkit-background-clip:text!important;-webkit-text-fill-color:rgba(0,0,0,0)}.lesson-section .lesson-info .performance-metrics .metric-item p{font-size:12px;font-weight:500;color:#2f2f2f}.lesson-section .visual-display{flex:1;display:flex;justify-content:flex-end;align-items:flex-start;position:relative}.lesson-section .visual-display .display-img{width:100%;height:auto;border-radius:14px;border:1px solid #d7d7d7;object-fit:contain;transform:translateX(50px) translateY(-50px);-webkit-mask-image:linear-gradient(90deg,black 70%,transparent);mask-image:linear-gradient(90deg,black 70%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:1}@media(max-width:1000px){.lesson-section{padding:60px 30px}.lesson-section .lesson-wrapper{flex-direction:column;align-items:flex-start;text-align:left}.lesson-section .lesson-info{width:100%}.lesson-section .lesson-info h1{font-size:24px!important}.lesson-section .lesson-info .supportive-text{font-size:16px}.lesson-section .lesson-info .action-buttons{flex-direction:row;gap:12px;width:auto}.lesson-section .lesson-info .action-buttons .ant-btn{width:auto;align-items:flex-start;text-align:left}.lesson-section .lesson-info .performance-metrics{flex-direction:column;gap:20px;margin-top:2rem}.lesson-section .lesson-info .performance-metrics .metric-item{width:auto}.lesson-section .lesson-info .performance-metrics .metric-item h2{font-size:24px}.lesson-section .visual-display{width:100%;justify-content:center;margin-top:40px}.lesson-section .visual-display .display-img{width:100%;max-width:400px;transform:translate(0);mask-image:none;-webkit-mask-image:none}}@media(max-width:600px){.lesson-section{padding:40px 20px}.lesson-section .lesson-info h1{font-size:26px}.lesson-section .lesson-info .supportive-text{font-size:16px}.lesson-section .lesson-info .action-buttons{gap:12px}.lesson-section .lesson-info .action-buttons .ant-btn{flex-shrink:1;min-width:0;max-width:100%}.lesson-section .lesson-info .performance-metrics{flex-direction:row;flex-wrap:nowrap;gap:12px}.lesson-section .lesson-info .performance-metrics .metric-item{min-width:160px;text-align:left}.lesson-section .lesson-info .performance-metrics .metric-item h2{font-size:20px}.lesson-section .lesson-info .performance-metrics .metric-item p{font-size:11px}}.planning-container{max-width:1400px;margin:0 auto;padding:4rem 1rem;text-align:center}.planning-container .badge{display:inline-block;background:#f1f1f3;color:#464646;font-size:12px;text-transform:uppercase;padding:6px 16px;letter-spacing:1px;font-weight:400;border-radius:999px;margin-bottom:1rem}.planning-container .plan-heading{font-size:36px;font-weight:600;margin-bottom:3rem}.planning-container .plan-heading .acc-text{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%)!important;background-clip:text;-webkit-background-clip:text!important}.planning-container .table-wrapper{overflow-x:auto}.planning-container .comparison-table{width:100%;border-collapse:collapse;margin:0 auto;border-top:1px solid #dfdfdf;table-layout:fixed;border-right:1px solid #dfdfdf}.planning-container .comparison-table td,.planning-container .comparison-table th{padding:1.7rem;text-align:center;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;font-weight:500;font-size:19px}.planning-container .comparison-table th{font-weight:600;font-size:20px}.planning-container .comparison-table .highlight-header{background:linear-gradient(111deg,#0095ff 7.38%,#2563eb 103.76%)!important;border:none;color:#fff}.planning-container .comparison-table .highlight-col{background-color:#eaf3ff}@media(max-width:1024px){.planning-container .plan-heading{font-size:28px!important}.planning-container .comparison-table td,.planning-container .comparison-table th{font-size:16px;padding:1rem}}@media(max-width:600px){.planning-container .badge{font-size:10px}.planning-container .plan-heading{font-size:22px!important}.planning-container .comparison-table{table-layout:fixed;width:100%}.planning-container .comparison-table td,.planning-container .comparison-table th{font-size:12px;padding:.5rem;line-height:1.3}}.innovate-section{padding:4rem 2rem;background:#f5f5f7;text-align:center}.innovate-section .innovate-wrapper{max-width:1600px;margin:0 auto}.innovate-section .badge{display:inline-block;background:#f1f1f3;color:#464646;font-size:12px;text-transform:uppercase;padding:6px 16px;letter-spacing:1px;font-weight:400;border-radius:999px;margin-bottom:1rem}.innovate-section .headline-title{font-size:36px;font-weight:600;margin-bottom:1rem}.innovate-section .intro-text{font-size:20px;color:#151515;margin-bottom:2rem;margin-left:auto;font-weight:400;margin-right:auto}.innovate-section .action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}.innovate-section .action-buttons .start-btn{background:linear-gradient(111deg,#0085e5,#ff00b6);border:none;height:45px;width:209px}.innovate-section .action-buttons .demo-btn{background:#333;color:#fff;border:none;height:45px;width:209px}.innovate-section .action-buttons .demo-btn:hover{background:#444}@media(max-width:1024px){.innovate-section{padding:3rem 1.5rem}.innovate-section .headline-title{font-size:30px}.innovate-section .intro-text{font-size:18px}.innovate-section .action-buttons .demo-btn,.innovate-section .action-buttons .start-btn{width:190px;font-size:15px}}@media(max-width:600px){.innovate-section{padding:2.5rem 1rem}.innovate-section .badge{font-size:10px}.innovate-section .headline-title{font-size:22px}.innovate-section .intro-text{font-size:16px}.innovate-section .action-buttons .demo-btn,.innovate-section .action-buttons .start-btn{width:190px;font-size:14px}}.lesson-choice{padding:3rem 2rem;text-align:center}.lesson-choice .info-wrapper{max-width:1400px;margin:0 auto}.lesson-choice .badge{display:inline-block;background:#f1f1f3;color:#464646;font-size:12px;text-transform:uppercase;padding:6px 16px;letter-spacing:1px;border-radius:999px;font-weight:400;margin-bottom:1rem}.lesson-choice .primary-title{font-size:2rem;font-weight:600;margin-bottom:2.5rem;color:#2f2f2f}.lesson-choice .benefit-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.lesson-choice .benefit-block{background:#f5f5f7;border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1rem;transition:background .3s}.lesson-choice .benefit-block:hover{background:#eaeaea}.lesson-choice .benefit-block .benefit-icon{width:62px;height:62px;flex-shrink:0}.lesson-choice .benefit-block .benefit-details{text-align:left}.lesson-choice .benefit-block .benefit-details .benefit-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.lesson-choice .benefit-block .benefit-details .benefit-description{font-size:1rem;color:#2f2f2f;margin:0;line-height:1.5;font-weight:400}.lesson-choice .actions{display:flex;justify-content:center;margin-top:2.5rem}.lesson-choice .actions .btn-try{background:linear-gradient(111deg,#0085e5,#ff00b6);border:none;height:45px;width:195px;box-shadow:none}.lesson-choice .lesson-image{margin:0 auto;position:relative;bottom:60px;max-width:100%;height:626px;display:block;pointer-events:none}@media(max-width:768px){.lesson-choice{padding:2rem 1rem}.lesson-choice .badge{font-size:10px}.lesson-choice .primary-title{font-size:22px}.lesson-choice .benefit-cards{grid-template-columns:1fr}.lesson-choice .benefit-block{flex-direction:column;align-items:flex-start;text-align:left}.lesson-choice .benefit-block .benefit-icon{margin-bottom:.5rem;width:42px;height:42px}.lesson-choice .benefit-block .benefit-details{text-align:left}.lesson-choice .actions{flex-direction:column;align-items:center;gap:1rem}.lesson-choice .actions .btn-try{width:100%;max-width:200px;font-size:13px;margin:0 auto}.lesson-choice .lesson-image{height:auto;max-width:90%;margin-top:1.5rem;bottom:0}}