.product-page{background:var(--surface-page-alt);width:100%;min-height:100vh;font-family:Rubik,sans-serif;overflow-x:hidden}[data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}[data-reveal].visible{opacity:1;transform:translateY(0)}[data-reveal][data-delay="1"]{transition-delay:.1s}[data-reveal][data-delay="2"]{transition-delay:.2s}[data-reveal][data-delay="3"]{transition-delay:.3s}[data-reveal][data-delay="4"]{transition-delay:.4s}[data-reveal][data-delay="5"]{transition-delay:.5s}[data-reveal][data-delay="6"]{transition-delay:.6s}.prod-container{max-width:1160px;margin:0 auto;padding:0 40px}.prod-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:20px;font-size:.75rem;font-weight:600;display:inline-flex}.prod-label:before{content:"";background:var(--accent);border-radius:2px;width:20px;height:2px;display:inline-block}.prod-hero{text-align:center;background:var(--surface-sunken);flex-direction:column;justify-content:center;align-items:center;min-height:92vh;padding:140px 24px 100px;display:flex;position:relative;overflow:hidden}.prod-hero:before{content:"";background:radial-gradient(circle, var(--accent-wash-strong) 0%, transparent 70%);pointer-events:none;width:600px;height:600px;position:absolute;top:-120px;right:-180px}.prod-hero:after{content:"";background:radial-gradient(circle, var(--overlay-subtle) 0%, transparent 70%);pointer-events:none;width:500px;height:500px;position:absolute;bottom:-80px;left:-140px}.prod-hero-eyebrow{background:var(--accent-wash-strong);border:1px solid var(--accent-wash-strong);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:50px;align-items:center;gap:8px;margin-bottom:36px;padding:8px 20px;font-size:.82rem;font-weight:600;display:inline-flex}.prod-hero h1{color:var(--text-primary);letter-spacing:-.01em;max-width:860px;margin:0 auto 28px;font-family:tiempos,Georgia,serif;font-size:clamp(2.8rem,6vw,5.2rem);font-weight:400;line-height:1.1}.prod-hero h1 em{color:var(--accent);font-style:italic}.prod-hero-sub{color:var(--text-secondary);max-width:520px;margin:0 auto 48px;font-size:1.15rem;line-height:1.7}.prod-hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.prod-btn-primary{background:var(--accent);color:var(--text-on-inverse);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:15px 32px;font-family:Rubik,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #e07a5f4d}.prod-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 28px #e07a5f66}.prod-btn-secondary{color:var(--text-primary);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:15px 32px;font-family:Rubik,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.prod-btn-secondary:hover{border-color:var(--text-primary);background:var(--overlay-subtle)}.prod-stats{background:var(--surface-inverse);padding:48px 0}.prod-stats-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.prod-stat{text-align:center;border-right:1px solid #ffffff1a;padding:8px 24px}.prod-stat:last-child{border-right:none}.prod-stat-value{color:var(--accent);margin-bottom:8px;font-family:tiempos,Georgia,serif;font-size:2.6rem;font-weight:400;line-height:1;display:block}.prod-stat-label{color:#ffffff8c;letter-spacing:.05em;font-size:.82rem;font-weight:400}.prod-how{background:var(--surface-card);padding:120px 0}.prod-how-header{text-align:center;margin-bottom:80px}.prod-how-header h2{color:var(--text-primary);margin-bottom:16px;font-family:tiempos,Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400}.prod-how-header p{color:var(--text-secondary);max-width:460px;margin:0 auto;font-size:1.05rem;line-height:1.7}.prod-steps{background:var(--border);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.prod-step{background:var(--surface-card);padding:52px 40px;position:relative;overflow:hidden}.prod-step-num{color:var(--accent-wash-strong);-webkit-user-select:none;user-select:none;pointer-events:none;font-family:tiempos,Georgia,serif;font-size:5rem;font-weight:400;line-height:1;position:absolute;top:20px;right:24px}.prod-step-icon{background:var(--accent-wash-strong);width:52px;height:52px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.prod-step h3{color:var(--text-primary);margin-bottom:12px;font-size:1.2rem;font-weight:600}.prod-step p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.prod-features{background:var(--surface-card);padding:60px 0 120px}.prod-feature-block{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:80px 0;display:grid}.prod-feature-block:first-child{border-top:none}.prod-feature-block.reverse{direction:rtl}.prod-feature-block.reverse>*{direction:ltr}.prod-feature-text h2{color:var(--text-primary);margin-bottom:20px;font-family:tiempos,Georgia,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400;line-height:1.2}.prod-feature-text h2 em{color:var(--accent);font-style:italic}.prod-feature-text p{color:var(--text-secondary);margin-bottom:32px;font-size:1rem;line-height:1.75}.prod-feature-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.prod-feature-list li{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.5;display:flex}.prod-feature-list li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.prod-feature-visual{background:linear-gradient(145deg, var(--surface-sunken) 0%, var(--surface-sunken) 100%);border:1px solid var(--border-subtle);border-radius:24px;flex-direction:column;gap:12px;min-height:340px;padding:40px;display:flex;position:relative;overflow:hidden}.prod-feature-visual:before{content:"";background:radial-gradient(circle, var(--accent-wash-strong) 0%, transparent 70%);width:200px;height:200px;position:absolute;top:-60px;right:-60px}.mock-lesson-card{background:var(--surface-card);border:1px solid var(--border);box-shadow:0 2px 8px var(--overlay-subtle);border-radius:14px;align-items:center;gap:14px;padding:16px 20px;display:flex}.mock-lesson-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mock-lesson-icon.video{background:var(--accent-wash-strong);color:var(--accent)}.mock-lesson-icon.pdf{background:var(--overlay-subtle);color:var(--text-primary)}.mock-lesson-icon.quiz{background:var(--success-wash);color:var(--success-fg)}.mock-lesson-info{flex:1;min-width:0}.mock-lesson-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.88rem;font-weight:500;overflow:hidden}.mock-lesson-meta{color:var(--text-faint);font-size:.75rem}.mock-badge{border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:600}.mock-badge.published{background:var(--success-wash);color:var(--success-fg)}.mock-badge.draft{background:var(--surface-sunken);color:var(--text-muted)}.mock-badge.protected{background:var(--accent-wash-strong);color:var(--accent)}.mock-question{background:var(--surface-card);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.mock-question-text{color:var(--text-primary);margin-bottom:12px;font-size:.85rem;font-weight:500}.mock-options{flex-direction:column;gap:7px;display:flex}.mock-option{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-card);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.mock-option.correct{background:var(--success-wash);color:var(--success-fg);border-color:#4caf5066}.mock-option-dot{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:14px;height:14px}.mock-option.correct .mock-option-dot{border-color:var(--success-fg);background:var(--success-fg)}.mock-sub-row{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}.mock-sub-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-active));width:34px;height:34px;color:var(--text-on-inverse);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.mock-sub-info{flex:1;min-width:0}.mock-sub-name{color:var(--text-primary);font-size:.83rem;font-weight:500}.mock-sub-assign{color:var(--text-faint);font-size:.72rem}.mock-status{border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:600}.mock-status.submitted{background:var(--accent-wash-strong);color:var(--accent)}.mock-status.corrected{background:var(--success-wash);color:var(--success-fg)}.mock-status.missing{background:var(--surface-sunken);color:var(--text-muted)}.prod-roles{background:var(--surface-sunken);padding:120px 0}.prod-roles-header{text-align:center;margin-bottom:72px}.prod-roles-header h2{color:var(--text-primary);margin-bottom:16px;font-family:tiempos,Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400}.prod-roles-header p{color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:1.05rem;line-height:1.7}.prod-roles-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.prod-role-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:24px;padding:40px 36px;transition:transform .2s,box-shadow .2s}.prod-role-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #2d30471a}.prod-role-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.prod-role-icon.teacher{background:var(--accent-wash-strong);color:var(--accent)}.prod-role-icon.assistant{background:var(--overlay-subtle);color:var(--text-primary)}.prod-role-icon.student{background:var(--success-wash);color:var(--success-fg)}.prod-role-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:600}.prod-role-card>p{color:var(--text-faint);margin-bottom:28px;font-size:.88rem;line-height:1.6}.prod-role-capabilities{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.prod-role-capabilities li{color:var(--text-secondary);align-items:center;gap:10px;font-size:.88rem;display:flex}.prod-role-capabilities li svg{color:var(--accent);flex-shrink:0}.prod-all-features{background:var(--surface-card);padding:120px 0}.prod-all-header{text-align:center;margin-bottom:72px}.prod-all-header h2{color:var(--text-primary);margin-bottom:16px;font-family:tiempos,Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400}.prod-all-header p{color:var(--text-secondary);max-width:440px;margin:0 auto;font-size:1.05rem;line-height:1.7}.prod-all-grid{background:var(--border);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.prod-all-item{background:var(--surface-card);flex-direction:column;gap:12px;padding:36px 32px;display:flex}.prod-all-item-icon{background:var(--accent-wash);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.prod-all-item h4{color:var(--text-primary);font-size:1rem;font-weight:600}.prod-all-item p{color:var(--text-secondary);font-size:.87rem;line-height:1.65}.prod-cta{background:var(--surface-inverse);text-align:center;padding:120px 0;position:relative;overflow:hidden}.prod-cta:before{content:"";background:radial-gradient(ellipse, var(--accent-wash-strong) 0%, transparent 70%);pointer-events:none;width:600px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.prod-cta h2{color:var(--text-on-inverse);margin-bottom:20px;font-family:tiempos,Georgia,serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;position:relative}.prod-cta h2 em{color:var(--accent);font-style:italic}.prod-cta p{color:#ffffff8c;max-width:440px;margin:0 auto 48px;font-size:1.05rem;line-height:1.7}.prod-cta .prod-btn-primary{padding:17px 40px;font-size:1rem}.prod-footer-note{text-align:center;background:var(--surface-inverse);color:#ffffff4d;border-top:1px solid #ffffff12;padding:32px 24px;font-family:Rubik,sans-serif;font-size:.82rem}@media (width<=1024px){.prod-feature-block{gap:48px}.prod-roles-grid{grid-template-columns:1fr 1fr}.prod-roles-grid .prod-role-card:last-child{grid-column:1/-1;width:100%;max-width:420px;margin:0 auto}.prod-all-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.prod-container{padding:0 24px}.prod-hero{padding:120px 24px 80px}.prod-stats-grid{background:#ffffff12;grid-template-columns:repeat(2,1fr);gap:2px}.prod-stat{border-bottom:1px solid #ffffff12;border-right:none;padding:24px}.prod-stat:nth-child(odd){border-right:1px solid #ffffff12}.prod-steps{grid-template-columns:1fr;gap:2px}.prod-feature-block{grid-template-columns:1fr;gap:40px;padding:60px 0}.prod-feature-block.reverse{direction:ltr}.prod-roles-grid{grid-template-columns:1fr}.prod-roles-grid .prod-role-card:last-child{grid-column:auto;max-width:none}.prod-all-grid{grid-template-columns:1fr}.prod-how,.prod-features,.prod-roles,.prod-all-features,.prod-cta{padding:80px 0}}@media (width<=480px){.prod-hero h1{font-size:2.4rem}.prod-hero-actions{flex-direction:column;align-items:center}.prod-btn-primary,.prod-btn-secondary{justify-content:center;width:100%}.prod-stat-value{font-size:2rem}}