.modes-page{min-height:100vh;padding:var(--space-3xl)0;background-color:#fff}.modes-header{text-align:center;max-width:700px;margin:1rem auto 5rem}.modes-header h1{color:#000;-webkit-text-fill-color:initial;background:0 0;margin-bottom:2.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:500}.modes-subtitle{font-family:var(--font-body);color:#374151;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.modes-page .modes-grid{gap:var(--space-xl);margin-bottom:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.modes-page .mode-card{cursor:pointer;background-color:#f7f7f5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E");border:1px solid #000;border-radius:6px;flex-direction:column;height:100%;padding:4rem 2rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.modes-page .mode-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.modes-page .mode-card.selected{transform:scale(.98);box-shadow:inset 0 0 0 2px #0000000d}.modes-page .mode-card h2{color:#000;text-align:left;margin-bottom:2rem;font-size:1.35rem;font-weight:500}.mode-description{color:#374151;text-align:left;margin-bottom:3rem;font-size:1rem;font-weight:400;line-height:1.5}.mode-features{flex-direction:column;flex-grow:1;gap:.75rem;margin-bottom:2rem;display:flex}.mode-feature{color:#374151;text-align:left;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.4;display:flex}.mode-feature:before{content:"•";color:#9ca3af;flex-shrink:0}.mode-feature svg,.mode-icon{display:none}.mode-cta{color:#000;border-top:1px solid #0000000d;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;font-size:1rem;font-weight:600;display:flex}.modes-page .mode-card:hover .mode-cta{gap:.75rem}.mode-questions,.featured-badge{display:none}.modes-info{max-width:900px;margin:0 auto}.info-card{margin-top:3rem;padding:3rem 0}.info-card h2{text-align:center;color:#000;margin-bottom:2rem;font-size:2.5rem;font-weight:500}.faq-grid{flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{cursor:pointer;border-bottom:1px solid #e5e5e5;border-radius:12px;margin-bottom:.5rem;padding:1.5rem;position:relative}.faq-item:hover{background-color:#f9f9f9}.faq-item.active{background-color:#fff;border-color:#0000 #0000 #0000 #000;border-left-style:solid;border-left-width:3px;padding-left:1.25rem;box-shadow:0 4px 20px #0000000a}.faq-item:first-child{padding-top:1.5rem}.faq-item:last-child{border-bottom:1px solid #e5e5e5}.faq-item.active:last-child{border-bottom-color:#0000}.faq-question{color:#000;justify-content:space-between;align-items:center;width:100%;transition:all .2s;display:flex}.faq-question h3{color:inherit;font-size:1.2rem;font-weight:500;font-family:var(--font-display);margin:0;line-height:1.4}.faq-question svg{flex-shrink:0;margin-left:1rem}.faq-item.active .faq-question svg{color:#000;transform:rotate(180deg)}.faq-answer{opacity:0;color:#374151;max-height:0;font-size:1rem;line-height:1.6;overflow:hidden}.faq-item.active .faq-answer{opacity:1;max-height:1000px;margin-top:1.25rem;padding-bottom:.5rem}@media (max-width:768px){.modes-page{padding:var(--space-xl)0}.modes-header{margin-bottom:3.5rem;padding:0 1.5rem}.modes-header h1{margin-bottom:1.5rem;font-size:2.25rem}.modes-subtitle{font-size:1.1rem}.modes-page .modes-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem}.modes-page .mode-card{padding:2.5rem 1.75rem}.modes-page .mode-card h2{margin-bottom:1.5rem;font-size:1.25rem}.mode-description{margin-bottom:2rem;font-size:.95rem}.info-card h2{font-size:1.75rem}.faq-item{padding:1.25rem}.faq-question h3{font-size:1.05rem}}@media (max-width:480px){.modes-header h1{font-size:2rem}.modes-subtitle{font-size:1rem}}