.feature-page{min-height:calc(100vh - 4rem);padding:4rem 0 8rem}.back-link{color:var(--text-secondary);transition:color var(--transition-fast),transform var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:4rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--text-primary);transform:translate(-4px)}.feature-hero{text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:0 auto 6rem;display:flex}.large-icon{width:6rem;height:6rem;margin-bottom:2rem}.feature-hero-title{letter-spacing:-.05em;margin-bottom:1rem;font-size:3rem;font-weight:800}.feature-hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6}.walkthrough-section{border-radius:var(--radius-lg);margin-bottom:4rem;padding:4rem}.walkthrough-grid{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (min-width:1024px){.walkthrough-grid{grid-template-columns:1fr 1fr}}.walkthrough-text h2{margin-bottom:1.5rem;font-size:2rem;font-weight:700}.walkthrough-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.benefit-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.benefit-list li{align-items:center;gap:1rem;font-size:1.125rem;font-weight:500;display:flex}.walkthrough-visual{aspect-ratio:4/3;border-radius:var(--radius-md);background-color:var(--bg-primary);border:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.mockup-chart{border-left:2px solid var(--border-color);border-bottom:2px solid var(--border-color);width:80%;height:60%;position:relative}.chart-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;position:absolute;top:-2rem;left:0}.chart-line{transform-origin:0 100%;border-top:4px solid;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:100%;position:absolute;bottom:0;left:0}.legacy-line{border-color:var(--text-tertiary);opacity:.3;border-style:dashed;transform:scaleX(.8)scaleY(.5)}.fsrs-line{border-color:var(--accent-color);animation:3s ease-out forwards drawChart;transform:scaleX(1)scaleY(.9)}@keyframes drawChart{0%{clip-path:polygon(0 0,0 100%,0 100%,0 0)}to{clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}}@media (min-width:1024px){.ai-grid-reverse{direction:rtl}.ai-grid-reverse>*{direction:ltr}}.mockup-ai-upload{flex-direction:column;gap:1rem;width:80%;height:80%;display:flex}.upload-box{border:2px dashed var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.upload-text{color:var(--text-secondary);font-weight:600}.processing-bar{background-color:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.processing-fill{background-color:var(--accent-color);border-radius:var(--radius-full);width:50%;height:100%;animation:2s ease-in-out infinite processBar}@keyframes processBar{0%{width:20%;transform:translate(-100%)}50%{width:40%}to{width:20%;transform:translate(300%)}}.generated-cards{justify-content:space-between;gap:.5rem;display:flex}.mini-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);opacity:0;flex:1;height:40px}.pulse-1{animation:.5s 1s forwards popIn}.pulse-2{animation:.5s 1.2s forwards popIn}.pulse-3{animation:.5s 1.4s forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.mockup-io{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:90%;height:80%;box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.io-toolbar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;align-items:center;gap:.5rem;width:48px;padding-top:1rem;display:flex}.tool{border-radius:var(--radius-md);background-color:#0000;width:32px;height:32px}.active-tool{background-color:var(--accent-color);opacity:.2}.io-image-placeholder{background-color:#f8fafc;flex:1;position:relative}@media (prefers-color-scheme:dark){.io-image-placeholder{background-color:#0f172a}}.diagram-circle{border:4px solid var(--text-tertiary);opacity:.5;border-radius:50%;width:100px;height:100px;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}.diagram-line{background-color:var(--text-tertiary);opacity:.5;height:2px;position:absolute}.l1{width:100px;top:30%;left:30%;transform:rotate(-30deg)}.l2{width:120px;top:50%;left:35%}.l3{width:90px;top:70%;left:30%;transform:rotate(20deg)}.occlusion-mask{opacity:.9;background-color:#ef4444;border-radius:4px;position:absolute}.m1{width:80px;height:30px;top:15%;left:55%}.m2{width:100px;height:30px;top:45%;left:60%}.m3{width:90px;height:30px;top:75%;left:50%}.active-mask{border:2px solid var(--accent-color);background-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f64d}.fake-cursor{color:var(--text-primary);filter:drop-shadow(0 4px 4px #0000004d);animation:4s ease-in-out infinite moveCursor;position:absolute;top:60%;left:70%}@keyframes moveCursor{0%,to{top:60%;left:70%}20%{top:48%;left:65%}40%{top:48%;left:65%;transform:scale(.9)}60%{top:48%;left:65%;transform:scale(1)}80%{top:20%;left:60%}}