*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #00ff88;--color-dark: #0a0a0a;--color-dark-alt: #1a1a2e;--color-light: #ffffff;--color-gray-light: #f8f8f8;--color-gray: #a0a0a0;--color-gray-dark: #666;--color-text: #1a1a1a;--color-text-light: #444;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 3rem;--spacing-3xl: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--gradient-x: 20%;--gradient-y: 50%;--gradient-x2: 80%;--gradient-y2: 80%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-light);overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-alt) 100%);color:var(--color-light);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--gradient-x) var(--gradient-y),rgba(0,255,136,.18) 0%,transparent 50%),radial-gradient(circle at var(--gradient-x2) var(--gradient-y2),rgba(0,255,136,.12) 0%,transparent 50%);pointer-events:none;transition:background .3s ease}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:calc(var(--spacing-3xl) * 1.8);max-width:1300px;width:100%;align-items:center;position:relative;z-index:1}.hero-left{text-align:left}.hero-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.hero-logo{max-width:300px;width:100%;height:auto;opacity:1;filter:drop-shadow(0 0 20px rgba(0,255,136,.4)) drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:filter var(--transition-normal)}.hero-logo:hover{filter:drop-shadow(0 0 30px rgba(0,255,136,.6)) drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.1;letter-spacing:-.02em}.hero .tagline{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--color-gray);margin-bottom:var(--spacing-xl);line-height:1.5}.cta-button{display:inline-block;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;color:var(--color-dark);background:var(--color-primary);border:none;border-radius:var(--radius-sm);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.cta-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}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0f86}.cta-button:active{transform:translateY(-1px)}.cta-button-secondary{background:var(--color-dark);color:var(--color-primary);border:2px solid var(--color-primary)}.hero-subtext{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.95rem;color:var(--color-gray-dark)}.hero-secondary-link{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xl);font-size:.85rem}.hero-secondary-link a{color:var(--color-gray);text-decoration:underline;transition:color var(--transition-fast)}.hero-secondary-link a:hover{color:var(--color-primary);text-decoration:underline}.testimonial-carousel{margin-top:var(--spacing-2xl);position:relative}.carousel-track{position:relative;overflow:hidden;min-height:280px;height:280px}.testimonial-slide{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);opacity:0;transform:translate(100%);transition:transform .6s ease,opacity .6s ease}.testimonial-slide.active{opacity:1;transform:translate(0)}.testimonial-slide.exiting{opacity:0;transform:translate(-100%)}.testimonial-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary)}.testimonial-quote{font-size:1rem;line-height:1.6;color:var(--color-light);font-style:italic;margin:0}.testimonial-author{font-size:.9rem;color:var(--color-primary);font-style:normal;font-weight:600;line-height:1.6}.testimonial-bio{display:block;font-size:.85rem;color:var(--color-gray);font-weight:400;margin-top:.25rem;line-height:1.5}.carousel-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end}.carousel-prev,.carousel-next{background:#00ff881a;border:1px solid var(--color-primary);color:var(--color-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all var(--transition-fast)}.carousel-prev:hover,.carousel-next:hover{background:var(--color-primary);color:var(--color-dark);transform:scale(1.1)}.hero-right .video-wrapper{width:100%}.hero-right .video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;border:2px solid rgba(0,255,136,.2)}.video-caption{margin-top:var(--spacing-md);font-size:.95rem;color:var(--color-gray);text-align:center;line-height:1.5}.video-section{padding:var(--spacing-3xl) var(--spacing-lg);background:var(--color-light);text-align:center}.video-intro{font-size:1.1rem;color:var(--color-gray-dark);margin-top:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.video-container{position:relative;max-width:900px;margin:0 auto;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg)}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:opacity var(--transition-normal)}.video-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;opacity:.9;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:2}.video-play-button:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-play-button svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}section{padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.section-dark{background:var(--color-dark);color:var(--color-light)}.section-light{background:var(--color-gray-light)}.section-white{background:var(--color-light)}.container{max-width:1100px;margin:0 auto}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-xl);text-align:center;font-weight:700;letter-spacing:-.02em;line-height:1.2}h3{font-size:clamp(1.3rem,2vw,1.6rem);margin-bottom:var(--spacing-sm);font-weight:600}.educator-section .container{max-width:1200px;margin:0 auto}.educator-heading{font-size:3rem;font-weight:700;color:var(--color-dark);text-align:center;margin-bottom:var(--spacing-3xl);line-height:1.2}.educator-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--spacing-3xl);align-items:center;padding:0 var(--spacing-lg)}.educator-image{width:100%}.educator-image img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026}.educator-testimonial{display:flex;flex-direction:column;gap:var(--spacing-xl)}.educator-quote{font-size:1.5rem;line-height:1.6;color:var(--color-text);font-style:italic;margin:0;font-weight:500}.educator-attribution{display:flex;flex-direction:column;gap:var(--spacing-sm)}.educator-name{font-size:1.2rem;font-weight:700;color:var(--color-dark);margin:0}.educator-title{font-size:1rem;color:var(--color-text-light);line-height:1.6;margin:0}.sae-logo{width:180px;height:auto;margin-top:var(--spacing-md);opacity:.8}@media (max-width: 768px){.educator-heading{font-size:2.2rem}.educator-content{grid-template-columns:1fr;gap:var(--spacing-2xl);padding:0 var(--spacing-md)}.educator-quote{font-size:1.25rem}.sae-logo{width:150px}}.features-section .container{max-width:1200px;margin:0 auto}.feature-full{display:grid;grid-template-columns:.55fr 1.45fr;gap:var(--spacing-3xl);align-items:center;margin-bottom:calc(var(--spacing-3xl) * 1.5);padding:var(--spacing-3xl);background:linear-gradient(135deg,#00ff8808,#00ff880f);border-radius:var(--radius-lg);margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.feature-full .feature-content h2{font-size:2.8rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.2}.feature-image{width:100%}.feature-image img{width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 10px 40px #0000001a}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);padding:0 var(--spacing-lg)}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.feature-content h2{font-size:2.5rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.2}.feature-card .feature-content h2{font-size:2rem}.feature-description{font-size:1.25rem;color:var(--color-text-light);line-height:1.6;max-width:500px}.feature-card .feature-description{font-size:1.1rem;max-width:100%}.feature-image-placeholder{width:100%;display:flex;align-items:center;justify-content:center}.placeholder-box{width:100%;aspect-ratio:16 / 10;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:2px dashed #ccc;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#999;font-size:1.1rem;font-weight:500}@media (max-width: 768px){.feature-full{grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.feature-full .feature-content h2{font-size:2.2rem}.features-grid{grid-template-columns:1fr;gap:var(--spacing-2xl);padding:0 var(--spacing-md)}.feature-card{grid-template-columns:1fr}.feature-content h2,.feature-card .feature-content h2{font-size:2rem}.feature-description,.feature-card .feature-description{font-size:1.1rem;max-width:100%}}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.step{text-align:center;padding:var(--spacing-lg);position:relative}.step:after{content:"→";position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--color-primary);opacity:.3}.step:last-child:after{display:none}.step-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--color-primary);color:var(--color-dark);border-radius:50%;font-weight:700;font-size:1.5rem;margin-bottom:var(--spacing-md);box-shadow:0 4px 20px #00ff884d}.step p{color:var(--color-gray)}.social-proof{background:linear-gradient(135deg,var(--color-dark-alt),var(--color-dark));padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;margin:var(--spacing-2xl) 0}.testimonial{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.testimonial-text{font-size:1.3rem;line-height:1.7;font-style:italic;color:var(--color-light);margin-bottom:var(--spacing-md)}.testimonial-author{color:var(--color-primary);font-weight:600}.testimonial-role{color:var(--color-gray);font-size:.9rem}.pricing-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:1200px;margin:var(--spacing-xl) auto}.pricing-card{padding:var(--spacing-2xl);background:var(--color-dark-alt);border-radius:var(--radius-lg);text-align:center;border:2px solid rgba(0,255,136,.2);position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0f83}.pricing-card-popular{border-color:var(--color-primary);box-shadow:0 5px 30px #00ff884d;transform:scale(1.05)}.pricing-card-popular:hover{transform:scale(1.05) translateY(-5px)}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),#00cc6f)}.pricing-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#00ff881a;color:var(--color-primary);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.pricing-badge-popular{background:var(--color-primary);color:var(--color-dark)}.price{font-size:4rem;font-weight:700;color:var(--color-primary);line-height:1;margin:var(--spacing-md) 0}.price-period{font-size:1.5rem;color:var(--color-gray);font-weight:400}.price-yearly{font-size:1rem;color:var(--color-gray);margin-top:calc(var(--spacing-sm) * -1);margin-bottom:var(--spacing-md)}.pricing-features{list-style:none;margin:var(--spacing-xl) 0;text-align:left}.pricing-features li{padding:var(--spacing-sm) 0;color:var(--color-light);display:flex;align-items:center;gap:var(--spacing-sm)}.pricing-features li:before{content:"✓";color:var(--color-primary);font-weight:700;font-size:1.2rem;flex-shrink:0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.about-text h2{text-align:left}.about-text p{margin-bottom:var(--spacing-md);color:var(--color-text-light);font-size:1.1rem;line-height:1.7}.about-image{position:relative}.about-image img{width:100%;border-radius:var(--radius-md);box-shadow:0 10px 40px #0000001a}.about-image-placeholder{background:linear-gradient(135deg,#ddd,#f0f0f0);height:400px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-dark);font-size:1.1rem}.final-cta{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.final-cta p{font-size:1.2rem;color:var(--color-text-light);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}footer{padding:var(--spacing-xl);text-align:center;background:var(--color-dark);color:var(--color-gray-dark)}footer a{color:var(--color-gray);text-decoration:none;transition:color var(--transition-fast)}footer a:hover{color:var(--color-primary)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-left{text-align:center}.testimonial-slide.active{align-items:center;text-align:center}.carousel-controls{justify-content:center}.about-content,.steps{grid-template-columns:1fr}.step:after{display:none}.features-grid{grid-template-columns:1fr}.pricing-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.pricing-card-popular{transform:scale(1)}.pricing-card-popular:hover{transform:translateY(-5px)}}@media (max-width: 480px){section{padding:var(--spacing-xl) var(--spacing-md)}.cta-button{padding:1rem 2rem;font-size:1rem}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,255,136,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-container{position:relative;background:var(--color-light);border-radius:var(--radius-lg);max-width:500px;width:100%;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease;z-index:1001}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;font-size:2rem;color:var(--color-text-light);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);line-height:1}.modal-close:hover{background:#0000001a;color:var(--color-dark)}.modal-content{padding:var(--spacing-2xl)}.modal-content h2{font-size:2rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.2}.modal-description{font-size:1rem;color:var(--color-text-light);margin-bottom:var(--spacing-xl);line-height:1.6}.signup-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.95rem;font-weight:600;color:var(--color-dark)}.form-group input{padding:.875rem 1rem;font-size:1rem;border:2px solid var(--color-gray-light);border-radius:var(--radius-sm);background:#fff;color:var(--color-dark);transition:all var(--transition-fast);font-family:inherit}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00ff881a}.form-group input::placeholder{color:var(--color-gray)}.modal-submit{width:100%;margin-top:var(--spacing-sm)}.modal-privacy{font-size:.85rem;color:var(--color-gray);text-align:center;margin:0;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.modal{padding:var(--spacing-md)}.modal-content{padding:var(--spacing-xl)}.modal-content h2{font-size:1.75rem}.modal-description{font-size:.95rem}}.windows-notice{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ff6b35,#f7931e);color:var(--color-light);padding:var(--spacing-md);z-index:1000;box-shadow:0 2px 10px #0003;animation:slideDown .3s ease}.windows-notice-content{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.windows-notice-text{flex:1;font-size:.95rem;line-height:1.5}.windows-notice-text strong{font-weight:600}.windows-notice-link{color:var(--color-light);text-decoration:underline;font-weight:600;transition:opacity var(--transition-fast)}.windows-notice-link:hover{opacity:.8}.windows-notice-close{background:#fff3;border:none;color:var(--color-light);font-size:1.5rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0;line-height:1;padding:0}.windows-notice-close:hover{background:#ffffff4d}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.windows-notice{padding:var(--spacing-sm)}.windows-notice-text{font-size:.85rem}.windows-notice-close{width:28px;height:28px;font-size:1.25rem}}@media (max-width: 480px){.windows-notice-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.windows-notice-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}}