.container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.features-header{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:1rem}.features-tag{background-color:#c577f95e;color:#000000;padding:.25rem .75rem;border-radius:.375rem}h2{font-size:2rem;line-height:1.2;font-weight:700;text-align:center;margin-bottom:.5rem}@media (min-width:640px){h2{font-size:2.25rem}}.features-description{font-size:1.125rem;line-height:1.5;color:#4b5563;text-align:center;margin-bottom:2rem;padding:0 1rem}@media (min-width:640px){.features-description{font-size:1.25rem;margin-bottom:3rem;padding:0}}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;width:100%;padding:0 1rem}@media (min-width:640px){.features-grid{gap:2rem;padding:0}}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:white;padding:1.25rem;border-radius:1.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);position:relative;border:1px solid #d3d3d3;width:100%;transition:all .3s ease}@media (min-width:640px){.feature-card{padding:1.5rem;border-radius:1.5rem}}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.feature-card h3{font-size:1rem;line-height:1.4;font-weight:600;margin-bottom:.5rem;text-align:left}@media (min-width:640px){.feature-card h3{font-size:1.125rem}}.feature-card p{color:#4b5563;text-align:left;font-size:.875rem;line-height:1.5}@media (min-width:640px){.feature-card p{font-size:1rem}}.feature-card-wide{grid-column:span 1}@media (min-width:768px){.feature-card-wide{grid-column:span 2}}.feature-card-divider{height:1px;background-color:#e5e7eb;margin:.75rem 0;width:100%}.summaries-content{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}.summary-card{display:flex;align-items:center;background-color:#f9f9f9;border-radius:1rem;padding:.5rem;width:100%;height:70px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.summary-card.small{height:60px}.summary-card.active{height:70px}.summary-card.faded{opacity:.4}.summary-icon{margin-right:.5rem}.icon-square{width:30px;height:30px;background-color:#8a5cf683;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.emoji-icon{font-size:16px}.summary-details{flex:1}.summary-course{font-size:.85rem;font-weight:600}.profile-pic,.summary-profile{display:flex;align-items:center}.profile-pic{width:30px;height:30px;background-color:#8a5cf688;border-radius:50%;justify-content:center;margin-right:.5rem}.initials{font-weight:700;color:#4c1d95}.initials,.profile-name{font-size:.8rem}.ai-quiz-card{position:relative;display:flex;padding:1.5rem;border:1px solid #d3d3d3;min-height:300px}.ai-quiz-content{display:flex;width:100%;position:relative;background-color:white;background-image:linear-gradient(#f0f0f5 1px,transparent 0),linear-gradient(90deg,#f0f0f5 1px,transparent 0);background-size:80px 80px;flex-direction:column;padding-bottom:1rem}@media (min-width:768px){.ai-quiz-content{flex-direction:row}}.ai-quiz-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,0),rgba(255,255,255,1) 70%);pointer-events:none}.ai-quiz-text{width:100%;padding:.5rem;margin-top:10px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}@media (min-width:768px){.ai-quiz-text{width:40%;padding-right:10%;align-items:flex-start;text-align:justify}}.explore-more-button{margin-top:2.5rem;background-color:#8b5cf6;color:white;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;align-self:center}@media (min-width:768px){.explore-more-button{margin-top:auto}}.overlay-content{position:relative;width:100%;background-color:white;border-radius:1rem;display:flex;flex-direction:column;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-top:2rem}@media (min-width:768px){.overlay-content{width:60%;margin-left:auto}}.question-section{margin-top:2rem;padding:1.5rem;background-color:white;border-radius:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.question-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.question-number{width:24px;background-color:#f3f4f6;display:flex}.question-number span{color:#6b7280;font-size:.875rem;font-weight:600}.mac-window-buttons{display:flex;gap:.5rem;margin-bottom:2rem;margin-top:-10px;z-index:2}.mac-button{display:inline-block}.overlay-header{position:absolute;top:0;left:0;width:100%;height:40px;background-color:#f5f5f5;border-radius:1.5rem 0 0 0;z-index:1}.overlay-question{display:flex;align-items:center;font-size:1rem;font-weight:600;color:#4b5563;margin-bottom:1rem;text-align:left;margin-top:10px}.overlay-rectangles{display:flex;flex-direction:column;gap:.25rem;width:100%;margin:0;padding:.25rem}@media (min-width:768px){.overlay-rectangles{width:60%;max-width:none;margin:0 auto;padding:0;gap:1rem}}.overlay-rectangle{display:flex;align-items:center;background-color:#f3f3f3;padding:.25rem;border-radius:.375rem;width:100%;min-height:36px;transition:background-color .3s ease;cursor:pointer}.overlay-rectangle.correct-selected{background-color:#e0e7ff}.overlay-rectangle span{font-size:.875rem;color:#4b5563;text-align:center;flex-grow:1;padding:.5rem 0}.icon-circle,.overlay-rectangle span{display:flex;justify-content:center;align-items:center}.icon-circle{width:20px;height:20px;border-radius:50%;margin-right:10px}.icon-circle,.icon-circle.purple{background-color:#8b5cf6}.icon-circle.green{background-color:#10b981}.icon-circle.red{background-color:#ef4444}.icon-circle svg{width:12px;height:12px;color:white}.cross-icon,.question-mark-icon,.tick-icon{stroke:currentColor}.cursor-overlay-aiquiz{position:absolute;left:0;top:0;width:32px;height:32px;z-index:1000;will-change:transform,opacity;pointer-events:none;transition:opacity 1s;opacity:0}.cursor-overlay-aiquiz.clicked svg{transform:scale(.9)}.cursor-overlay-aiquiz svg{width:100%;height:100%;color:#4c1d95;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:transform .1s ease}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.flashcard-preview{width:100%}.flashcard-stack{position:relative;height:220px;width:100%;--tilt-angle-left:12deg;--tilt-angle-right:8deg;--top-card-x:0px;--top-card-y:0px;--left-card-x:40px;--left-card-y:14px;--right-card-x:-65px;--right-card-y:5px;--controls-x:10px;--controls-y:-5px;--card-border-radius:1rem}.flashcard{position:absolute;top:0;left:50%;width:72%;border-radius:var(--card-border-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);will-change:transform}.flashcard-bottom-left{height:170px;width:75%;background:radial-gradient(circle at 70% 70%,#dbb9ff,#fcfdff);transform:translateX(-50%) rotate(var(--tilt-angle-left)) translate(var(--left-card-x),var(--left-card-y));z-index:1}.flashcard-bottom-left,.flashcard-bottom-right{display:flex;align-items:center;justify-content:center;padding:.8rem}.flashcard-bottom-right{height:175px;width:65%;background:radial-gradient(circle at 30% 70%,#cfa2ff,#fcfdff);transform:translateX(-50%) rotate(calc(-1 * var(--tilt-angle-right))) translate(var(--right-card-x),var(--right-card-y));z-index:2}.flashcard-top{width:80%;height:175px;background:radial-gradient(circle at 50% 30%,#e9d4ff,#fcfdff);transform:translate(calc(-50% + var(--top-card-x)),var(--top-card-y));justify-content:space-between;padding:.8rem;z-index:3}.flashcard-content,.flashcard-top{display:flex;flex-direction:column;align-items:center}.flashcard-content{text-align:center;flex-grow:1;justify-content:center;gap:.5rem}.flashcard-content h4{font-size:1.2rem;font-weight:600;color:#4c1d95}.flashcard-content p{font-size:.875rem;color:#6b7280;line-height:1.25;max-width:90%}.flashcard-controls{position:relative;left:var(--controls-x);top:var(--controls-y);width:-moz-fit-content;width:fit-content;background-color:rgba(255,255,255,.9);border-radius:9999px;padding:.352rem .704rem;box-shadow:0 1px 2px rgba(0,0,0,.05);margin:0 auto;transform:scale(.88);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flashcard-button,.flashcard-controls{display:flex;justify-content:center;align-items:center}.flashcard-button{background-color:#8b5cf6;color:white;border:none;border-radius:50%;width:1.408rem;height:1.408rem;font-size:.704rem;margin:0 .176rem;cursor:pointer}.flashcard-count{margin:0 .352rem;font-size:.616rem;color:#4b5563}.speaker-icon{position:absolute;top:10px;right:5%;background-color:white;border-radius:50%;padding:.425rem;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:4;will-change:transform,box-shadow;transition:all .3s cubic-bezier(.4,0,.2,1)}.speaker-icon.glowing{box-shadow:0 0 15px 5px rgba(139,92,246,.5)}.speaker-icon svg{width:20.4px;height:20.4px;color:#8b5cf6;transition:all .3s cubic-bezier(.4,0,.2,1)}.function-icons{gap:1rem;margin-top:1rem;position:relative;z-index:5}.function-icon,.function-icons{display:flex;justify-content:center}.function-icon{width:40px;height:40px;align-items:center;background-color:#f3f4f6;border-radius:50%;color:#6b7280}.function-icon svg{width:20px;height:20px}.coming-soon-card{position:relative;overflow:hidden;background-color:white;border:1px solid #d3d3d3;padding:1.5rem;border-radius:1.5rem;background-image:linear-gradient(#f0f0f5 1px,transparent 0),linear-gradient(90deg,#f0f0f5 1px,transparent 0);background-size:40px 40px;background-position:-20px -20px}.coming-soon-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,transparent 0,white 40%);pointer-events:none}.coming-soon-content{position:relative;z-index:1}.mini-mac-window{width:100%;height:310px;background-color:#ffffff;border-radius:1.5rem 1.5rem 0 0;margin-top:2rem;position:relative;margin-bottom:-1.5rem;border:.5px solid #e0e0e0a3}.mini-mac-window:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background-color:#f5f5f5;border-radius:1.5rem 1.5rem 0 0}.mac-buttons{position:absolute;top:14px;left:18px;display:flex;gap:8px}.mac-button{width:12px;height:12px;border-radius:50%}.mac-button.red{background-color:#ff5f57}.mac-button.yellow{background-color:#ffbd2e}.mac-button.green{background-color:#28c940}.mini-mac-content{width:90%;height:250px;background-color:#f5f5f5;margin:70px auto 0;border-radius:.25rem}.overlayed-squares{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.small-square{position:absolute;width:45px;height:45px;background:linear-gradient(135deg,rgb(195,98,255),rgba(139,92,246,.8));border-radius:.5rem;display:flex;align-items:center;justify-content:center;transform:rotate(-10deg);transition:transform .3s ease}.small-square:hover{transform:rotate(0deg)}.small-square .icon-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.small-square .icon-container svg{width:22px;height:22px;color:white}.big-square{position:absolute;width:180px;height:180px;background-color:white;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.stat-card{width:100%;height:100%;padding:1rem;box-sizing:border-box}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-card-header h3{color:#4b5563;font-size:1rem;font-weight:500}.percentage-change{display:flex;align-items:center;color:#10b981;font-size:.875rem;font-weight:500}.percentage-change.increase{color:#6366f1}.percentage-icon{margin-right:.25rem}.stat-card-value{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.stat-card-graph{position:relative;height:100px}.demo-element{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.quiz-question{display:flex;align-items:center;gap:.5rem;padding:.25rem;margin-top:.25rem}.question-number{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background-color:#6b7280;border-radius:50%;flex-shrink:0}.question-number span{color:white;font-size:.9rem;font-weight:700}.question-text{font-size:1rem;font-weight:600;color:#4b5563}@media (min-width:768px){.small-square{width:75px;height:75px}.small-square .icon-container svg{width:40px;height:40px}}.small-square[style*="top: 25%"]{top:0!important;right:10%!important}.small-square[style*="bottom: 30%"]{bottom:50%!important;left:15%!important}.small-square[style*="bottom: 15%"]{bottom:25%!important;right:15%!important}@media (min-width:768px){.small-square[style*="top: 25%"]{top:25%!important;right:40%!important}.small-square[style*="bottom: 30%"]{bottom:30%!important;left:35%!important}.small-square[style*="bottom: 15%"]{bottom:15%!important;right:30%!important}}@media (max-width:767px){.feature-card{margin:0 auto;max-width:calc(100% - 2rem)}.feature-card-wide{grid-column:span 1;width:100%;max-width:calc(100% - 2rem)}.flashcard-preview,.summaries-content{width:100%;max-width:100%}}@media (max-width:768px){.mini-mac-window{height:0}.big-square{width:150px;height:150px}.overlayed-squares{height:300px;position:relative;margin-top:2rem}}.rotating-resources-container{position:relative}.resource-orbit-1,.resource-orbit-2,.resource-orbit-3,.resource-orbit-4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(0,0,0,.1);animation-name:spin;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite}.resource-orbit-1{width:160px;height:160px;animation-duration:25s}.resource-orbit-2{width:240px;height:240px;animation-duration:30s}.resource-orbit-3{width:320px;height:320px;animation-duration:35s}.resource-orbit-4{width:400px;height:400px;animation-duration:40s}.resource-item{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;animation-name:counter-spin;animation-timing-function:linear;animation-iteration-count:infinite}.resource-orbit-1 .resource-item{animation-duration:25s}.resource-orbit-2 .resource-item{animation-duration:30s}.resource-orbit-3 .resource-item{animation-duration:35s}.resource-orbit-4 .resource-item{animation-duration:40s}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes counter-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}.testimonials-carousel{padding:1rem 0}.testimonial-card{transition:all .3s ease}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.testimonial-card{padding:0 1rem}}.animate-gradient-slow{animation:gradient-animation 8s ease infinite;background-size:200% 200%}