.modern-root{width:100%;overflow-x:hidden;min-height:100vh;background-color:#f8fafc;background-image:linear-gradient(rgba(226,232,240,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.5) 1px,transparent 1px);background-size:50px 50px;background-position:center top;padding-bottom:4rem;font-family:Bricolage Grotesque,system-ui,sans-serif;color:#0f172a}.modern-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.modern-hero{padding-top:4rem;padding-bottom:4rem;text-align:center;position:relative}.modern-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:100%;height:800px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 60%);z-index:0;pointer-events:none}.hero-title{font-family:Bricolage Grotesque,system-ui;font-size:3.5rem;line-height:1.1;color:#0f172a;margin-bottom:1rem;letter-spacing:-.02em;animation:fade-in-up .6s ease-out .1s backwards}.hero-title-highlight{background:linear-gradient(135deg,var(--primary) 0%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:#64748b;max-width:600px;line-height:1.6;margin-bottom:2rem;animation:fade-in-up .6s ease-out .2s backwards}.hero-actions{display:flex;gap:1rem;justify-content:center;animation:fade-in-up .6s ease-out .3s backwards}.btn-modern{padding:.9rem 2rem;border-radius:16px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-modern-primary{background:#0f172a;color:#fff;box-shadow:0 4px 12px #0f172a26}.btn-modern-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #0f172a40;background:#1e293b}.btn-modern-blue{background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb33}.btn-modern-blue:hover{background:#1d4ed8;box-shadow:0 8px 20px #2563eb47;transform:translateY(-3px) scale(1.02)}.btn-modern-ghost{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.btn-modern-ghost:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.hero-split{display:flex;align-items:center;gap:5rem;padding:4rem 0 6rem}.hero-left{flex:1;text-align:left}.hero-left .hero-title{font-size:4.3rem;letter-spacing:-.03em;text-align:left}.hero-left .hero-subtitle{text-align:left;margin-left:0}.hero-left .hero-actions{justify-content:flex-start}.hero-right{flex:1;display:flex;justify-content:center}.hero-visual-container{margin-top:0;display:flex;justify-content:center;perspective:1000px}.hero-dashboard-card{width:100%;max-width:700px;background:#fffffff2;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:1.5rem;box-shadow:0 20px 50px -10px #0f172a1a,0 0 0 1px #0f172a08;transform:rotateX(2deg);transition:transform .3s ease}.hero-dashboard-card:hover{transform:rotateX(0) translateY(-5px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.card-pill-mentor{background:#eff6ff;color:var(--primary);font-weight:700;font-size:.85rem;padding:.4rem 1rem;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;letter-spacing:-.01em}.card-context{font-size:.85rem;color:#64748b;font-weight:500}.card-question{font-size:1.1rem;font-weight:600;color:#0f172a;line-height:1.5;margin-bottom:1.5rem;text-align:left}.card-content-wrapper{transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:1;transform:scale(1)}.card-content-wrapper.fade-out{opacity:0;transform:scale(.98)}.anim-container{min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.anim-step{animation:fade-in-up .4s ease-out}.anim-user-row{display:flex;justify-content:flex-end;margin:1rem 0}.anim-user-bubble{background:var(--primary);color:#fff;padding:.8rem 1.2rem;border-radius:18px 18px 0;max-width:80%;box-shadow:0 4px 10px #2563eb33;font-size:.95rem;font-weight:500;position:relative}.anim-ai-row{display:flex;justify-content:flex-start;margin:1rem 0;align-items:flex-start;gap:.8rem}.anim-ai-bubble{background:#60a5fa;color:#fff;border:none;padding:.8rem 1.2rem;border-radius:0 18px 18px;max-width:80%;font-size:.95rem;line-height:1.5}.anim-ai-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;display:flex;align-items:center;gap:.5rem;font-weight:600}.anim-ai-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;display:flex;align-items:center;gap:.5rem;font-weight:600}.typing-dots{display:inline-flex;gap:4px}.typing-dot{width:6px;height:6px;background:currentColor;border-radius:50%;opacity:.6;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.section-steps{padding:4rem 0;text-align:center}.section-header{margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.section-title{font-family:Bricolage Grotesque,system-ui;font-size:2.5rem;color:#0f172a;margin-bottom:.5rem}.steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:3rem auto 0;padding:0 1rem}.step-item{flex:1;min-width:280px;max-width:340px;position:relative;margin-top:2rem}.step-number{font-family:Bricolage Grotesque,system-ui;font-size:4rem;color:var(--primary);line-height:1;position:absolute;top:-2rem;left:1.5rem;z-index:20;pointer-events:none;opacity:1;text-shadow:4px 4px 0px #ffffff;transition:transform .3s ease}.step-item:hover .step-number{transform:translateY(-8px) scale(1.05)}.step-card{background:#fff;border-radius:20px;padding:3rem 1.5rem 2rem;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;position:relative;z-index:10;border:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-item:hover .step-card{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#2563eb4d}.step-card h3{font-family:Bricolage Grotesque,system-ui;font-size:1.25rem;margin:0;color:#0f172a}.step-card p{font-size:.95rem;color:#64748b;line-height:1.5;margin:0}.modern-cta{margin-top:4rem;background:#0f172a;border-radius:32px;padding:4rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden;transition:all .8s cubic-bezier(.16,1,.3,1)}.modern-cta.reveal-on-scroll{opacity:.8;transform:scale(.85)}.modern-cta.reveal-on-scroll.is-visible{opacity:1;transform:scale(1)}.modern-cta h2{font-family:Bricolage Grotesque,system-ui;font-size:2.5rem;margin-bottom:1rem;font-weight:400;position:relative;z-index:2}.modern-cta p{color:#94a3b8;font-size:1.1rem;max-width:500px;margin:0 auto 2rem;position:relative;z-index:2}.cta-blob{position:absolute;width:300px;height:300px;background:var(--primary);filter:blur(80px);opacity:.2;border-radius:50%}.blob-1{top:-100px;left:-100px}.blob-2{bottom:-100px;right:-100px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.bento-grid .bento-card:nth-child(1){transition-delay:.1s}.bento-grid .bento-card:nth-child(2){transition-delay:.2s}.bento-grid .bento-card:nth-child(3){transition-delay:.3s}.bento-grid .bento-card:nth-child(4){transition-delay:.4s}.steps-container .step-item:nth-child(1){transition-delay:.1s}.steps-container .step-item:nth-child(2){transition-delay:.2s}.steps-container .step-item:nth-child(3){transition-delay:.3s}.testimonials-grid .testimonial-card:nth-child(1){transition-delay:.1s}.testimonials-grid .testimonial-card:nth-child(2){transition-delay:.2s}.testimonials-grid .testimonial-card:nth-child(3){transition-delay:.3s}.faq-container .faq-item:nth-child(1){transition-delay:.05s}.faq-container .faq-item:nth-child(2){transition-delay:.1s}.faq-container .faq-item:nth-child(3){transition-delay:.15s}.modern-cta.reveal-on-scroll{opacity:0;transform:scale(.92) translateY(20px)}.modern-cta.reveal-on-scroll.is-visible{opacity:1;transform:scale(1) translateY(0)}.section-faq{padding:4rem 0;max-width:800px;margin:0 auto}.section-faq .section-header{text-align:center}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;cursor:pointer}.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.faq-item.active{border-color:var(--primary);background:#f8fafc}.faq-question{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1rem;color:#0f172a}.faq-icon{color:#64748b;display:flex;align-items:center;transition:transform .3s ease}.faq-item.active .faq-icon{color:var(--primary);transform:rotate(180deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-inner p{margin:0;padding:0 1.5rem 1.5rem;color:#475569;line-height:1.6}.section-features,.section-steps,.section-faq,.section-testimonials{padding:4rem 0}.section-alternate{border-top:1px solid transparent;border-bottom:1px solid transparent}.section-badge{display:inline-block;background:#fff;color:var(--primary);font-size:.75rem;font-weight:700;padding:.35rem .8rem;border-radius:999px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 6px #0000000f;border:1px solid rgba(0,0,0,.04)}.section-testimonials .section-header{text-align:center;display:flex;flex-direction:column;align-items:center}.section-features{padding:2rem 0 6rem}.hero-social-proof{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;animation:fade-in-up .6s ease-out .4s backwards}.hero-left .hero-social-proof{justify-content:flex-start}.hero-social-proof .avatars{display:flex}.hero-social-proof .avatar{width:28px;height:28px;border-radius:50%;border:2px solid white;background:#cbd5e1;color:#475569;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-left:-8px}.hero-social-proof .avatar:first-child{margin-left:0;background:#bfdbfe;color:#1e40af}.hero-social-proof .avatar:nth-child(2){background:#fbcfe8;color:#9d174d}.hero-social-proof p{font-size:.8rem;color:#64748b;margin:0;display:flex;flex-direction:column;line-height:1.4;gap:0;text-align:left}.hero-social-proof .stars{color:#fbbf24;font-size:.8rem;letter-spacing:1px;line-height:1;margin-bottom:2px}.section-testimonials{padding:2rem 0 6rem}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.testimonial-card{background:#fff;padding:2rem;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000003;display:flex;flex-direction:column;justify-content:space-between}.testimonial-header{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.testimonial-avatar{width:42px;height:42px;background:#e2e8f0;border-radius:50%;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.testimonial-info h4{margin:0;font-size:.95rem;color:#0f172a;font-family:Bricolage Grotesque,system-ui}.testimonial-info span{font-size:.8rem;color:#64748b;display:block}.testimonial-text{color:#334155;line-height:1.6;font-size:.95rem;font-style:italic;margin:0}.stars{color:#fbbf24;margin-bottom:1rem;font-size:1rem;letter-spacing:2px}@media(max-width:900px){.modern-hero{padding-top:1.5rem;padding-bottom:1rem}.hero-split{flex-direction:column;text-align:center;gap:1.5rem;padding:1rem 0 1.5rem}.hero-left,.hero-left .hero-title,.hero-left .hero-subtitle{text-align:center}.hero-left .hero-actions{justify-content:center}.hero-title,.hero-left .hero-title{font-size:2.1rem;line-height:1.2}.hero-subtitle{font-size:1rem}.steps-container{flex-direction:column}.section-features,.section-steps,.section-faq,.section-testimonials{padding:2rem 0!important}.hero-dashboard-card{transform:none;margin-top:1rem;text-align:left}.hero-dashboard-card:hover{transform:none}.card-header{flex-direction:column;align-items:flex-start!important;gap:.75rem}}.section-features{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.features-header{text-align:center;max-width:700px;margin:0 auto 3rem}.features-header h2{font-family:Bricolage Grotesque,system-ui;font-size:2.8rem;margin-bottom:1rem;color:#0f172a;letter-spacing:-1px}.features-header p{color:#64748b;font-size:1.1rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(320px,auto));gap:1.5rem}.bento-card{position:relative;border-radius:24px;padding:2rem;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.5)}.bento-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #00000014;z-index:2}.bento-gradient-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);background-color:#f0f9ff}.bento-gradient-purple{background:linear-gradient(180deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.bento-gradient-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.bento-gradient-orange{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.bento-large{grid-column:span 2}.bento-tall{grid-row:span 2}.bento-medium{grid-column:span 1}.bento-content h3{font-family:Bricolage Grotesque,system-ui;font-size:1.5rem;margin:0 0 .5rem;color:#0f172a}.bento-content p{font-size:1rem;color:#475569;line-height:1.5;margin:0;max-width:90%}.bento-visual{position:relative;margin-top:1.5rem;flex-grow:1;display:flex;align-items:center;justify-content:center}.visual-list-large{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:1rem;width:100%;padding-top:1rem}@media(min-width:600px){.visual-list-large{grid-template-columns:repeat(2,1fr)}}.mock-list-item{background:#fff;padding:.8rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 6px -1px #00000008;border:1px solid #e2e8f0;height:100%;width:100%;box-sizing:border-box}.check-icon{color:#2563eb;font-weight:800;background:#eff6ff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.mock-list-item.logo-item{justify-content:center;padding:.5rem}.bento-logo-img-standalone{max-width:100%;max-height:45px;width:auto;object-fit:contain;opacity:.9;mix-blend-mode:multiply}.visual-chat-tall{flex-direction:column;justify-content:flex-start;gap:.5rem;width:100%;padding:1rem 0;height:450px;overflow:hidden;position:relative;transition:opacity .4s ease}.mock-session-header{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;font-size:.75rem;color:#64748b;flex-shrink:0}.session-pill{background:#f1f5f9;padding:2px 8px;border-radius:12px;font-weight:600;color:#475569}.mock-card{background:#fff;border-radius:12px;padding:1rem;width:100%;box-shadow:0 4px 6px -1px #0000000d;box-sizing:border-box;margin-bottom:.5rem;border:1px solid #e2e8f0;flex-shrink:0}.q-label{font-size:.9rem;color:#0f172a;margin-bottom:.8rem;line-height:1.5}.mock-input-container{border:1px solid #cbd5e1;border-radius:8px;padding:.6rem;background:#f8fafc;min-height:40px;margin-bottom:.8rem}.mock-input-text{font-size:.9rem;color:#334155;font-family:inherit;display:block;line-height:1.4}.mock-btn{width:80%;margin:0 auto;padding:.6rem;border-radius:8px;text-align:center;font-size:.8rem;font-weight:600;cursor:default;transition:all .2s}.validate-btn{background:#e2e8f0;color:#94a3b8}.validate-btn.filled{background:#cbd5e1;color:#475569;cursor:pointer}.validate-btn.filled:hover{background:#94a3b8;color:#fff}.feedback-card{opacity:0;transform:translateY(10px);max-height:0;overflow:hidden;margin-bottom:0;padding:0;border:none;transition:all .5s cubic-bezier(.4,0,.2,1)}.feedback-card.visible{opacity:1;transform:translateY(0);max-height:200px;margin-bottom:.8rem;padding:1rem;border:1px solid #e2e8f0;border-left-width:4px}.feedback-card.error{border-left-color:#ef4444}.feedback-card.success{border-left-color:#22c55e}.feedback-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:.5rem}.feedback-card.error .feedback-header{color:#ef4444}.feedback-card.success .feedback-header{color:#22c55e}.feedback-body{font-size:.85rem;color:#334155;margin-bottom:1rem;line-height:1.4}.next-btn{background:#10b981;color:#fff;box-shadow:0 2px 4px #10b98133}.visual-graph{height:140px;align-items:flex-end;gap:.8rem;padding-bottom:.5rem;justify-content:center;width:100%}.graph-bar{width:20%;border-radius:8px 8px 0 0;transition:height 1s ease-out;background:#ffffff80;position:relative}.graph-bar.bar-red{background:linear-gradient(to bottom,#ef4444,#ef44441a);border-top:1px solid #ef4444;border-left:1px solid rgba(239,68,68,.3);border-right:1px solid rgba(239,68,68,.3)}.graph-bar.bar-orange{background:linear-gradient(to bottom,#f97316,#f973161a);border-top:1px solid #f97316;border-left:1px solid rgba(249,115,22,.3);border-right:1px solid rgba(249,115,22,.3)}.graph-bar.bar-green{background:linear-gradient(to bottom,#22c55e,#22c55e1a);border-top:1px solid #22c55e;border-left:1px solid rgba(34,197,94,.3);border-right:1px solid rgba(34,197,94,.3);box-shadow:0 0 15px #22c55e1a}.toggle-list-container{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:280px;margin:1rem auto 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.toggle-row:hover{background:#f8fafc;border-color:#cbd5e1}.toggle-row.active{border-color:#f97316;background:#fff7ed;box-shadow:0 4px 10px #f973160d}.toggle-label{font-size:.9rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.5rem}.toggle-label .tag{font-size:.7rem;font-weight:700;background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px}.toggle-row.active .toggle-label{color:#ea580c}.toggle-row.active .toggle-label .tag{background:#ffedd5;color:#c2410c}.toggle-switch{width:44px;height:24px;background:#e2e8f0;border-radius:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-handle{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000026}.toggle-row.active .toggle-switch{background:#f97316}.toggle-row.active .toggle-handle{transform:translate(20px)}.toggle-row-cta{display:flex;align-items:center;justify-content:center;padding:.6rem .8rem;border-radius:12px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center;color:#fff;background-color:#f97316}.toggle-row-cta:hover{background-color:#ea580c}.btn-modern-primary,.btn-modern-blue,.next-btn,.toggle-row-cta{cursor:pointer;position:relative;overflow:hidden}.btn-modern-primary:after,.btn-modern-blue:after,.next-btn:after,.toggle-row-cta:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg)}.btn-modern-primary:hover:after,.btn-modern-blue:hover:after,.next-btn:hover:after,.toggle-row-cta:hover:after{animation:shimmer 1s ease-in-out}@keyframes shimmer{0%{left:-150%}to{left:200%}}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media(max-width:900px){.bento-grid{display:flex;flex-direction:column;gap:1rem}.bento-card{min-height:260px}.hero-left .hero-social-proof{justify-content:center}.testimonials-grid{grid-template-columns:1fr}}body.home-page-body{background-color:#f8fafc;color:#0f172a;background-image:none}body.home-page-body .grain-overlay{display:none}body.home-page-body .permisMentor-container{background:none}body.home-page-body .permisMentor-footer{color:#334155;background-color:#f1f5f9;border-top:1px solid #e2e8f0}body.home-page-body .footer-logo-img{filter:none}body.home-page-body .footer-grid{border-bottom-color:#e2e8f0}.permisMentor-header.dark-text{background-color:#f8fafcd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#0f172a}.permisMentor-header.dark-text .permisMentor-logo{color:#0f172a}.permisMentor-header.dark-text .permisMentor-logo-img{filter:none}.permisMentor-header.dark-text .permisMentor-nav a{color:#0f172a}