.hero-section{overflow:hidden;min-height:100vh;padding-top:5rem;background:var(--background)}.hero-section,.hero-section-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.hero-section-container{max-width:1200px;margin:0 auto;padding:0 1rem;z-index:10}.hero-section-left{margin-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.75rem;opacity:0;transform:translateX(-2.5rem);transition:opacity 1s ease-out,transform 1s ease-out}.hero-section-left.visible{opacity:1;transform:translateX(0)}.hero-section-header{display:flex;flex-direction:column;align-items:center;gap:.625rem;width:100%}.hero-section-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:rgba(255,255,255,.8);border-radius:9999px;border:1px solid #c7d2fe;box-shadow:0 1px 4px rgba(0,0,0,.04);backdrop-filter:blur(4px)}.dark .hero-section-badge{background:rgba(30,41,59,.8);border-color:#1e40af}.hero-section-dot{width:.5rem;height:.5rem;background:#22c55e;border-radius:9999px;margin-right:.5rem;animation:hero-section-dot-pulse 1.5s ease-in-out infinite}@keyframes hero-section-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.hero-section-badge-text{font-size:.75rem;font-weight:500;color:var(--foreground)}.hero-section-title{font-size:1.75rem;font-weight:700;color:var(--foreground);line-height:1.2;text-align:center;max-width:100%;padding:0 .5rem;margin:0}.hero-section-gradient{background:linear-gradient(90deg,#2563eb,#a21caf,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.dark .hero-section-gradient{background:linear-gradient(90deg,#7dd3fc,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section-desc{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding:0 .5rem;margin-top:.5rem}.hero-section-desc p{font-size:.9375rem;color:var(--muted-foreground);text-align:center;line-height:1.5;max-width:100%;margin:0}.hero-section-bold{font-weight:600;color:var(--foreground)}.hero-section-actions{flex-direction:column;gap:.625rem;margin-top:1rem;max-width:100%;align-items:center;padding:0 1rem}.hero-section-action,.hero-section-actions{display:flex;width:100%;justify-content:center}.hero-section-action{max-width:280px}.hero-section-action-primary{background:linear-gradient(90deg,#2563eb,#a21caf);color:#fff;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;width:100%;transition:transform .2s ease,box-shadow .2s ease}.hero-section-action-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.hero-section-action-secondary{border:1px solid #e5e7eb;color:var(--foreground);padding:.75rem 1.5rem;font-size:.9375rem;width:100%;background:var(--background);transition:background-color .2s ease,border-color .2s ease}.hero-section-action-secondary:hover{background:rgba(0,0,0,.02)}.dark .hero-section-action-secondary{border-color:#334155}.dark .hero-section-action-secondary:hover{background:rgba(255,255,255,.05)}.hero-section-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:600px;padding:1rem .5rem 0}.hero-section-stat{text-align:center;display:flex;flex-direction:column;gap:.125rem}.hero-section-stat-value{font-size:1.5rem;font-weight:700;color:var(--foreground);line-height:1}.hero-section-stat-label{font-size:.6875rem;color:var(--muted-foreground);line-height:1.3;word-break:break-word;text-align:center}@media (min-width:640px){.hero-section-container{padding:0 2rem}.hero-section-left{margin-top:2rem;gap:1rem}.hero-section-header{gap:.75rem}.hero-section-badge-text{font-size:.875rem}.hero-section-title{font-size:2.5rem;padding:0}.hero-section-desc{padding:0;margin-top:.625rem}.hero-section-desc p{font-size:1.0625rem}.hero-section-actions{flex-direction:row;gap:.875rem;margin-top:1.25rem;padding:0}.hero-section-action{width:auto;min-width:200px}.hero-section-action-primary,.hero-section-action-secondary{padding:.875rem 1.75rem}.hero-section-stats{gap:1.5rem;padding-top:1.25rem}.hero-section-stat{gap:.25rem}.hero-section-stat-value{font-size:1.875rem}.hero-section-stat-label{font-size:.8125rem}}@media (min-width:768px){.hero-section-left{margin-top:3rem;gap:1.25rem}.hero-section-header{gap:1rem}.hero-section-title{font-size:3rem}.hero-section-desc p{font-size:1.1875rem}.hero-section-actions{margin-top:1.5rem}}@media (min-width:1024px){.hero-section-left{margin-top:4rem}.hero-section-title{font-size:3.5rem}.hero-section-desc p{font-size:1.3125rem}.hero-section-action-primary,.hero-section-action-secondary{padding:1rem 2rem}.hero-section-stat-value{font-size:2.125rem}.hero-section-stat-label{font-size:.9375rem}}@media (min-width:1280px){.hero-section-container{padding:0 3rem}.hero-section-title{font-size:3.75rem}.hero-section-desc p{font-size:1.5rem}}.problem-statement-section{padding:2rem 1rem;position:relative;overflow:hidden}@media (min-width:640px){.problem-statement-section{padding:3rem 1.5rem}}@media (min-width:1024px){.problem-statement-section{padding:5rem 2rem}}.problem-statement-container{max-width:1280px;margin:0 auto;position:relative;z-index:10}.problem-statement-header{text-align:center;margin-bottom:2rem}@media (min-width:640px){.problem-statement-header{margin-bottom:3rem}}@media (min-width:1024px){.problem-statement-header{margin-bottom:4rem}}.problem-statement-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(90deg,#ffe4e6,#ffedd5);color:#be123c;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}@media (min-width:640px){.problem-statement-badge{padding:.625rem 1.25rem;font-size:.9375rem;margin-bottom:1.5rem}}@media (min-width:1024px){.problem-statement-badge{padding:.75rem 1.5rem;font-size:1rem;margin-bottom:2rem}}.dark .problem-statement-badge{background:linear-gradient(90deg,#88133799,#f59e4299);color:#fca5a5}.problem-statement-badge-icon{width:1rem;height:1rem;margin-right:.375rem}@media (min-width:640px){.problem-statement-badge-icon{width:1.125rem;height:1.125rem;margin-right:.4375rem}}@media (min-width:1024px){.problem-statement-badge-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}}.problem-statement-title{font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.2}@media (min-width:640px){.problem-statement-title{font-size:2.5rem;margin-bottom:1.5rem}}@media (min-width:1024px){.problem-statement-title{font-size:3rem;margin-bottom:2rem}}.problem-statement-title-main{color:var(--foreground)}.dark .problem-statement-title-main{color:#fff}.problem-statement-title-gradient{background:linear-gradient(90deg,#be123c,#f59e42,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.problem-statement-desc{font-size:1.0625rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto;line-height:1.6}@media (min-width:640px){.problem-statement-desc{font-size:1.125rem}}@media (min-width:1024px){.problem-statement-desc{font-size:1.25rem}}.dark .problem-statement-desc{color:#d1d5db}.problem-statement-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem}@media (min-width:640px){.problem-statement-grid{gap:1.5rem;margin-bottom:3rem}}@media (min-width:1024px){.problem-statement-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}}@media (min-width:1280px){.problem-statement-grid{margin-bottom:5rem}}.problem-statement-impact{background:rgba(255,255,255,.8);border-radius:1rem;padding:1.5rem 1rem;border:1px solid #fff3;box-shadow:0 4px 32px rgba(0,0,0,.08);max-width:64rem;margin:0 auto}@media (min-width:640px){.problem-statement-impact{border-radius:1.25rem;padding:2rem 1.5rem}}@media (min-width:1024px){.problem-statement-impact{border-radius:1.5rem;padding:3rem 2rem}}.dark .problem-statement-impact{background:rgba(17,24,39,.8);border-color:#37415133}.problem-statement-impact-header{text-align:center;margin-bottom:2rem}@media (min-width:640px){.problem-statement-impact-header{margin-bottom:2.5rem}}@media (min-width:1024px){.problem-statement-impact-header{margin-bottom:3rem}}.problem-statement-impact-title{font-size:1.625rem;font-weight:700;color:var(--foreground);margin-bottom:1rem;line-height:1.3}@media (min-width:640px){.problem-statement-impact-title{font-size:1.875rem;margin-bottom:1.25rem}}@media (min-width:1024px){.problem-statement-impact-title{font-size:2rem;margin-bottom:1.5rem}}.dark .problem-statement-impact-title{color:#fff}.problem-statement-impact-desc{font-size:1rem;color:var(--muted-foreground);max-width:36rem;margin:0 auto;line-height:1.6}@media (min-width:640px){.problem-statement-impact-desc{font-size:1.125rem}}@media (min-width:1024px){.problem-statement-impact-desc{font-size:1.25rem}}.dark .problem-statement-impact-desc{color:#d1d5db}.problem-statement-impact-flex{display:flex;flex-direction:column;gap:1.5rem;max-width:64rem;margin:0 auto}@media (min-width:768px){.problem-statement-impact-flex{flex-direction:row;gap:2rem}}@media (min-width:1024px){.problem-statement-impact-flex{gap:2.5rem}}.school-solution-section{padding:2rem 1rem;position:relative;overflow:hidden}@media (min-width:640px){.school-solution-section{padding:3rem 1.5rem}}@media (min-width:1024px){.school-solution-section{padding:5rem 2rem}}.school-solution-container{max-width:1280px;margin:0 auto}.school-solution-header{text-align:center;margin-bottom:2rem}@media (min-width:640px){.school-solution-header{margin-bottom:3rem}}@media (min-width:1024px){.school-solution-header{margin-bottom:4rem}}.school-solution-badge{display:inline-flex;margin-bottom:1rem;background:linear-gradient(90deg,#dbeafe,#c7d2fe);color:#2563eb;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:9999px;border:0}@media (min-width:640px){.school-solution-badge{margin-bottom:1.25rem;padding:.625rem 1.25rem;font-size:.9375rem}}@media (min-width:1024px){.school-solution-badge{margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:1.125rem}}.dark .school-solution-badge{background:linear-gradient(90deg,#1e3a8a,#4338ca);color:#93c5fd}.school-solution-title{font-size:1.875rem;font-weight:700;color:var(--foreground);margin-bottom:1rem;line-height:1.2}@media (min-width:640px){.school-solution-title{font-size:2.25rem;margin-bottom:1.25rem}}@media (min-width:1024px){.school-solution-title{font-size:2.5rem;margin-bottom:1.5rem}}.dark .school-solution-title{color:#fff}.school-solution-desc{font-size:1rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto;line-height:1.6;padding:0 1rem}@media (min-width:640px){.school-solution-desc{font-size:1.125rem;padding:0}}@media (min-width:1024px){.school-solution-desc{font-size:1.25rem}}.dark .school-solution-desc{color:#d1d5db}.school-solution-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;justify-items:stretch;align-items:stretch}@media (min-width:640px){.school-solution-grid{gap:1.5rem}}@media (min-width:768px){.school-solution-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.school-solution-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.dark .school-solution-section{background:#111827}.school-solution-title-h3{hyphens:auto;word-break:break-word;white-space:normal;overflow-wrap:break-word;line-height:1.3}.teacher-solution-section{padding:2rem 1rem;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);position:relative;overflow:hidden}@media (min-width:640px){.teacher-solution-section{padding:3rem 1.5rem}}@media (min-width:1024px){.teacher-solution-section{padding:5rem 2rem}}.dark .teacher-solution-section{background:linear-gradient(135deg,#064e3b33,#134e4a33)}.teacher-solution-container{max-width:1280px;margin:0 auto}.teacher-solution-header{text-align:center;margin-bottom:2rem}@media (min-width:640px){.teacher-solution-header{margin-bottom:3rem}}@media (min-width:1024px){.teacher-solution-header{margin-bottom:4rem}}.teacher-solution-badge{display:inline-flex;margin-bottom:1rem;background:linear-gradient(90deg,#bbf7d0,#99f6e4);color:#047857;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:9999px;border:0}@media (min-width:640px){.teacher-solution-badge{margin-bottom:1.25rem;padding:.625rem 1.25rem;font-size:.9375rem}}@media (min-width:1024px){.teacher-solution-badge{margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:1.125rem}}.dark .teacher-solution-badge{background:linear-gradient(90deg,#065f46,#0f766e);color:#6ee7b7}.teacher-solution-title{font-size:1.875rem;font-weight:700;color:var(--foreground);margin-bottom:1rem;line-height:1.2}@media (min-width:640px){.teacher-solution-title{font-size:2.25rem;margin-bottom:1.25rem}}@media (min-width:1024px){.teacher-solution-title{font-size:2.5rem;margin-bottom:1.5rem}}.dark .teacher-solution-title{color:#fff}.teacher-solution-desc{font-size:1rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto;line-height:1.6;padding:0 1rem}@media (min-width:640px){.teacher-solution-desc{font-size:1.125rem;padding:0}}@media (min-width:1024px){.teacher-solution-desc{font-size:1.25rem}}.dark .teacher-solution-desc{color:#d1d5db}.teacher-solution-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;justify-items:stretch;align-items:stretch}@media (min-width:640px){.teacher-solution-grid{gap:1.5rem}}@media (min-width:768px){.teacher-solution-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.teacher-solution-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.teacher-solution-title-h3{hyphens:auto;word-break:break-word;white-space:normal;overflow-wrap:break-word;line-height:1.3}.live-demo-section{padding:3rem 1rem;position:relative;overflow:hidden}@media (min-width:640px){.live-demo-section{padding:4rem 1.5rem}}@media (min-width:1024px){.live-demo-section{padding:5rem 2rem}}.live-demo-section,.live-demo-section *{background:none!important;color:#f1f5f9!important}.live-demo-section{background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777)!important}.live-demo-container{max-width:56rem;margin:0 auto;text-align:center;position:relative;z-index:10;padding:0 1rem}@media (min-width:640px){.live-demo-container{padding:0 1.5rem}}@media (min-width:1024px){.live-demo-container{padding:0}}.live-demo-title{font-size:1.875rem;font-weight:700;color:#ffffff!important;margin-bottom:1rem;line-height:1.2}@media (min-width:640px){.live-demo-title{font-size:2.5rem;margin-bottom:1.25rem}}@media (min-width:768px){.live-demo-title{font-size:3rem;margin-bottom:1.5rem}}.live-demo-desc{font-size:1rem;color:#e0e7ff!important;margin-bottom:2rem;max-width:36rem;margin-left:auto;margin-right:auto;line-height:1.6}@media (min-width:640px){.live-demo-desc{font-size:1.125rem;margin-bottom:2.25rem}}@media (min-width:1024px){.live-demo-desc{font-size:1.25rem;margin-bottom:2.5rem}}.live-demo-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:stretch;max-width:100%}@media (min-width:640px){.live-demo-actions{flex-direction:row;align-items:center;gap:1.25rem}}@media (min-width:1024px){.live-demo-actions{gap:1.5rem}}.live-demo-action-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#ffffff!important;font-weight:600;font-size:1rem;padding:.875rem 1.5rem;border-radius:.5rem;transition:all .2s ease;border:2px solid transparent!important;box-shadow:0 4px 12px rgba(0,0,0,.2);white-space:normal;height:auto;min-height:2.75rem}@media (min-width:640px){.live-demo-action-primary{font-size:1.0625rem;padding:1rem 1.75rem;white-space:nowrap}}@media (min-width:1024px){.live-demo-action-primary{font-size:1.125rem;padding:1rem 2rem}}.live-demo-action-primary:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(251,191,36,.4)}.live-demo-action-secondary{color:#ffffff!important;border:2px solid rgba(255,255,255,.8)!important;background:rgba(255,255,255,.1)!important;font-weight:600;font-size:1rem;padding:.875rem 1.5rem;border-radius:.5rem;transition:all .2s ease;backdrop-filter:blur(8px);white-space:normal;height:auto;min-height:2.75rem}@media (min-width:640px){.live-demo-action-secondary{font-size:1.0625rem;padding:1rem 1.75rem;white-space:nowrap}}@media (min-width:1024px){.live-demo-action-secondary{font-size:1.125rem;padding:1rem 2rem}}.live-demo-action-secondary:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,1)!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}