/**
 * NETRAA — Mission & Vision Module Stylesheet
 */
html { scroll-behavior: smooth; }
::selection { background: #E8610A; color: #fff; }

.mv2-section, .mv2-impact { 
    opacity: 0; transform: translateY(30px); 
    transition: opacity 0.7s cubic-bezier(0.25,0.46,0.45,0.94), transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94); 
}
.mv2-section.mv2-visible, .mv2-impact.mv2-visible { 
    opacity: 1; transform: translateY(0); 
}

.mv2-impact-item { transition: all 0.5s ease; }
.mv2-impact-item:nth-child(1) { transition-delay: 0.05s; }
.mv2-impact-item:nth-child(2) { transition-delay: 0.12s; }
.mv2-impact-item:nth-child(3) { transition-delay: 0.19s; }
.mv2-impact-item:nth-child(4) { transition-delay: 0.26s; }
.mv2-impact-item:nth-child(5) { transition-delay: 0.33s; }

.mv2-text-gradient { 
    background: linear-gradient(135deg, #E8610A 0%, #FF8C42 50%, #E8610A 100%); 
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
    background-clip: text; 
}

.mv2-glass { 
    background: rgba(255,255,255,0.6); 
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); 
    border: 1px solid rgba(255,255,255,0.2); 
}

.mv2-price-card, .mv2-trans-card, .mv2-acharya-badge, .mv2-rights-item, .m-pillar {
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}
.mv2-price-card:hover, .mv2-trans-card:hover, .mv2-acharya-badge:hover {
    transform: translateY(-4px) scale(1.01) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.08) !important;
}

.mv2-hero { position: relative; }
.mv2-hero::after {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0;
    height: 3px; 
    background: linear-gradient(90deg, #E8610A, #FF8C42, #7C3AED, #E8610A);
    background-size: 200% 100%;
    animation: mGradShift 3s ease infinite;
}
@keyframes mGradShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.mv2-section-alt {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23E8610A' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.mv2-wrap {
    --c-saffron:   #E8610A;
    --c-saffron-lt:#FFF0E6;
    --c-saffron2:  #FF8C42;
    --c-dark:      #1C1917;
    --c-mid:       #44403C;
    --c-muted:     #78716C;
    --c-border:    #E7E5E4;
    --c-bg:        #FAFAF9;
    --c-white:     #FFFFFF;
    --c-success:   #10B981;
    --c-warning:   #F59E0B;
    --c-error:     #EF4444;
    --c-purple:    #7C3AED;
    background: var(--c-bg);
    color: var(--c-dark);
    font-family: 'Noto Sans Devanagari', 'Outfit', sans-serif;
}
.mv2-wrap h1,.mv2-wrap h2,.mv2-wrap h3,.mv2-wrap h4,.mv2-wrap h5,.mv2-wrap h6 {
    font-family: 'Noto Serif Devanagari', serif;
}
.mv2-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.mv2-section { padding: 80px 0; }
.mv2-section-alt { background: var(--c-white); }
.mv2-section-dark { background: var(--c-dark); color: #fff; }
.mv2-label {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 0.72rem; font-weight: 700; letter-spacing: 2px;
    text-transform: uppercase; color: var(--c-saffron); margin-bottom: 16px;
}
.mv2-label::before { content: ''; width: 20px; height: 2px; background: var(--c-saffron); }
.mv2-h2 {
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    font-weight: 700; line-height: 1.3; margin-bottom: 16px;
}
.mv2-sub { font-size: 0.95rem; color: var(--c-muted); line-height: 1.8; max-width: 560px; }
.mv2-btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 14px 32px; border-radius: 8px; font-size: 0.9rem;
    font-weight: 700; border: none; cursor: pointer;
    text-decoration: none; transition: all 0.25s ease;
}
.mv2-btn-primary { background: var(--c-saffron); color: #fff; }
.mv2-btn-primary:hover { background: #D4540A; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(232,97,10,0.3); }
.mv2-btn-outline { background: transparent; color: var(--c-dark); border: 2px solid var(--c-border); }
.mv2-btn-outline:hover { border-color: var(--c-saffron); color: var(--c-saffron); }
.mv2-btn-white { background: #fff; color: var(--c-dark); }
.mv2-btn-white:hover { background: var(--c-saffron-lt); color: var(--c-saffron); }
.mv2-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.mv2-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.mv2-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

/* Hero */
.mv2-hero {
    padding: 100px 0 80px;
    background: linear-gradient(135deg, #FFFBFA 0%, #FFF5EF 50%, #FFFAF5 100%);
    border-bottom: 3px solid var(--c-saffron);
    position: relative; overflow: hidden;
}
.mv2-hero::before {
    content: 'ॐ'; position: absolute; top: -40px; right: -20px;
    font-size: 18rem; color: rgba(232,97,10,0.04);
    font-family: 'Noto Serif Devanagari', serif; line-height: 1;
}
.mv2-hero-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--c-saffron-lt); border: 1px solid rgba(232,97,10,0.2);
    border-radius: 100px; padding: 6px 16px 6px 6px;
    font-size: 0.78rem; font-weight: 600; color: var(--c-saffron);
    margin-bottom: 28px;
}
.mv2-hero-badge span {
    background: var(--c-saffron); color: #fff;
    border-radius: 100px; padding: 2px 10px; font-size: 0.68rem;
    font-weight: 700; margin-right: 6px;
}
.mv2-hero h1 {
    font-size: clamp(2.4rem, 5vw, 3.8rem);
    font-weight: 800; color: var(--c-dark);
    line-height: 1.2; margin-bottom: 24px; letter-spacing: -1px;
}
.mv2-hero h1 span { color: var(--c-saffron); }
.mv2-hero-sub {
    font-size: 1.1rem; color: var(--c-mid);
    line-height: 1.8; max-width: 600px; margin-bottom: 40px;
}
.mv2-hero-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 48px; }
.mv2-hero-trust {
    display: flex; align-items: center; gap: 16px;
    padding: 12px 20px; background: #fff;
    border: 1px solid var(--c-border); border-radius: 8px;
    font-size: 0.82rem; color: var(--c-muted); max-width: 500px;
}
.mv2-hero-trust i { color: var(--c-saffron); font-size: 1.1rem; }

/* Live Impact */
.mv2-impact {
    background: var(--c-dark); padding: 48px 0;
    border-top: 3px solid var(--c-saffron);
}
.mv2-impact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1px; background: rgba(255,255,255,0.06); border-radius: 12px; overflow: hidden; }
.mv2-impact-item { padding: 32px 24px; text-align: center; background: var(--c-dark); }
.mv2-impact-num { font-size: 2.2rem; font-weight: 800; color: var(--c-saffron); line-height: 1; }
.mv2-impact-label { font-size: 0.8rem; color: #A8A29E; text-transform: uppercase; letter-spacing: 1px; margin-top: 8px; }

/* Consumer Rights */
.mv2-rights-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1px; background: var(--c-border); border: 1px solid var(--c-border); border-radius: 12px; overflow: hidden; }
.mv2-rights-item { background: var(--c-white); padding: 28px 24px; display: flex; gap: 16px; align-items: flex-start; transition: all 0.2s; }
.mv2-rights-item:hover { background: var(--c-saffron-lt); }
.mv2-rights-num { font-size: 2rem; font-weight: 800; color: var(--c-saffron); line-height: 1; min-width: 48px; }
.mv2-rights-text h4 { font-size: 0.95rem; font-weight: 700; color: var(--c-dark); margin-bottom: 4px; }
.mv2-rights-text p { font-size: 0.84rem; color: var(--c-muted); margin: 0; line-height: 1.5; }

/* Price Compare */
.mv2-price-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; }
.mv2-price-card { background: var(--c-white); border: 1px solid var(--c-border); border-radius: 12px; overflow: hidden; transition: all 0.25s; }
.mv2-price-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,0.06); transform: translateY(-4px); }
.mv2-price-header { padding: 20px 24px; font-size: 0.9rem; font-weight: 700; color: var(--c-dark); border-bottom: 1px solid var(--c-border); }
.mv2-price-body { padding: 20px 24px; }
.mv2-price-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #F5F5F4; }
.mv2-price-row:last-child { border-bottom: none; }
.mv2-price-label { font-size: 0.88rem; color: var(--c-mid); }
.mv2-price-market { font-size: 0.85rem; color: var(--c-error); text-decoration: line-through; }
.mv2-price-karma { font-size: 1.1rem; font-weight: 800; color: var(--c-saffron); }
.mv2-price-save { display: inline-block; background: #DCFCE7; color: #166534; font-size: 0.72rem; font-weight: 700; padding: 2px 8px; border-radius: 4px; margin-left: 8px; }

/* How it works */
.mv2-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 24px; position: relative; }
.mv2-step { text-align: center; position: relative; }
.mv2-step-circle { width: 64px; height: 64px; border-radius: 50%; background: var(--c-saffron-lt); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 1.4rem; color: var(--c-saffron); }
.mv2-step h5 { font-size: 0.9rem; font-weight: 700; margin-bottom: 6px; }
.mv2-step p { font-size: 0.82rem; color: var(--c-muted); margin: 0; line-height: 1.5; }

/* Acharya Verified */
.mv2-acharya-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.mv2-acharya-badge { display: flex; align-items: center; gap: 14px; background: var(--c-white); border: 1px solid var(--c-border); border-radius: 10px; padding: 20px; transition: all 0.2s; }
.mv2-acharya-badge:hover { border-color: var(--c-saffron); }
.mv2-acharya-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--c-saffron-lt); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: var(--c-saffron); flex-shrink: 0; }
.mv2-acharya-badge h6 { font-size: 0.9rem; font-weight: 700; margin: 0 0 2px; }
.mv2-acharya-badge span { font-size: 0.78rem; color: var(--c-muted); }

/* Doctor First */
.mv2-doctor { background: linear-gradient(135deg, #FFF0E6 0%, #FFFBFA 100%); border: 2px solid var(--c-saffron); border-radius: 16px; padding: 40px 48px; position: relative; overflow: hidden; }
.mv2-doctor-icon { position: absolute; top: 20px; right: 20px; font-size: 5rem; color: rgba(232,97,10,0.08); }
.mv2-doctor-flow { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.mv2-doctor-step { background: #fff; border: 1px solid var(--c-border); border-radius: 10px; padding: 16px 24px; font-size: 0.95rem; font-weight: 600; min-width: 120px; text-align: center; }
.mv2-doctor-arrow { font-size: 1.4rem; color: var(--c-saffron); font-weight: 700; }

/* Promise Grid */
.mv2-promise-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1px; background: var(--c-border); border: 1px solid var(--c-border); border-radius: 12px; overflow: hidden; }
.mv2-promise-item { background: var(--c-white); padding: 24px; display: flex; gap: 14px; align-items: flex-start; transition: all 0.2s; }
.mv2-promise-item:hover { background: var(--c-saffron-lt); }
.mv2-promise-check { width: 28px; height: 28px; border-radius: 50%; background: #DCFCE7; display: flex; align-items: center; justify-content: center; color: #166534; flex-shrink: 0; font-size: 0.8rem; }
.mv2-promise-item h5 { font-size: 0.88rem; font-weight: 700; margin-bottom: 2px; }
.mv2-promise-item p { font-size: 0.8rem; color: var(--c-muted); margin: 0; line-height: 1.4; }

/* Transparency */
.mv2-trans-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
.mv2-trans-card { background: var(--c-white); border: 1px solid var(--c-border); border-radius: 12px; padding: 28px 20px; text-align: center; transition: all 0.2s; }
.mv2-trans-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.04); }
.mv2-trans-icon { font-size: 1.6rem; color: var(--c-saffron); margin-bottom: 12px; }
.mv2-trans-card h5 { font-size: 0.9rem; font-weight: 700; margin-bottom: 4px; }
.mv2-trans-card span { font-size: 0.78rem; color: var(--c-muted); }

/* Trust */
.mv2-trust-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.mv2-trust-item { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 20px; text-align: center; }
.mv2-trust-item h6 { font-size: 0.88rem; font-weight: 700; color: #fff; margin-bottom: 4px; }
.mv2-trust-item p { font-size: 0.78rem; color: #A8A29E; margin: 0; }

/* AI Box */
.mv2-ai-box { background: linear-gradient(135deg, #1C1917 0%, #292524 100%); border-radius: 16px; padding: 48px; color: #fff; position: relative; overflow: hidden; }
.mv2-ai-box::before { content: 'AI'; position: absolute; top: -20px; right: -20px; font-size: 10rem; font-weight: 900; color: rgba(255,255,255,0.03); line-height: 1; }
.mv2-ai-chat { display: flex; gap: 12px; margin-top: 24px; }
.mv2-ai-chat input { flex: 1; padding: 16px 20px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.06); color: #fff; font-size: 0.95rem; }
.mv2-ai-chat input::placeholder { color: #78716C; }
.mv2-ai-chat button { background: var(--c-saffron); color: #fff; border: none; border-radius: 10px; padding: 16px 28px; font-weight: 700; cursor: pointer; }

/* FAQ */
.mv2-faq-item { border-bottom: 1px solid var(--c-border); padding: 20px 0; }
.mv2-faq-q { font-size: 0.95rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; background: none; border: none; width: 100%; text-align: left; color: var(--c-dark); padding: 0; }
.mv2-faq-a { font-size: 0.88rem; color: var(--c-muted); line-height: 1.7; margin-top: 12px; display: none; }
.mv2-faq-a.open { display: block; }
.mv2-faq-arrow { transition: transform 0.2s; color: var(--c-saffron); }
.mv2-faq-q.open .mv2-faq-arrow { transform: rotate(180deg); }

/* Legacy 30 pillars */
.mission-wrap { display: none; }
.m-problem-grid { border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; background: var(--c-border); }
.m-problem-grid > * { background: var(--c-white); padding: 28px 32px; }
.m-problem-num { font-size: 0.7rem; font-weight: 800; color: var(--c-saffron); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }
.m-problem-title { font-size: 0.98rem; font-weight: 700; color: var(--c-dark); margin-bottom: 8px; line-height: 1.4; }
.m-problem-desc { font-size: 0.86rem; color: var(--c-muted); line-height: 1.7; margin: 0; }
.m-tab-bar { display: flex; gap: 0; flex-wrap: nowrap; overflow-x: auto; border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; scrollbar-width: none; margin-bottom: 40px; }
.m-tab-bar::-webkit-scrollbar { display: none; }
.m-tab { flex: 1; min-width: 120px; padding: 14px 18px; border: none; background: var(--c-white); cursor: pointer; font-size: 0.82rem; font-weight: 600; color: var(--c-muted); border-right: 1px solid var(--c-border); transition: all 0.2s ease; text-align: center; white-space: nowrap; }
.m-tab:last-child { border-right: none; }
.m-tab:hover { background: var(--c-saffron-lt); color: var(--c-saffron); }
.m-tab.active { background: var(--c-saffron); color: #fff; font-weight: 700; }
.m-pillar-group { display: none; }
.m-pillar-group.active { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1px; background: var(--c-border); border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; animation: mFadeIn 0.3s ease; }
@keyframes mFadeIn { from { opacity:0; } to { opacity:1; } }
.m-pillar { background: var(--c-white); padding: 28px 32px; transition: background 0.2s ease; position: relative; }
.m-pillar:hover { background: #FFF8F4; }
.m-pillar-n { font-size: 0.68rem; font-weight: 800; color: var(--c-saffron); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; }
.m-pillar-title { font-size: 1rem; font-weight: 700; color: var(--c-dark); margin-bottom: 16px; line-height: 1.4; }
.m-pillar-prob { font-size: 0.82rem; color: #92400E; background: #FEF3C7; border-radius: 4px; padding: 8px 12px; margin-bottom: 12px; line-height: 1.6; display: flex; align-items: center; gap: 6px; }
.m-pillar-sol { font-size: 0.86rem; color: var(--c-mid); line-height: 1.7; display: flex; align-items: flex-start; gap: 6px; }
.m-commit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1px; background: var(--c-border); border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; }
.m-commit-item { background: var(--c-dark); padding: 28px; }
.m-commit-icon { font-size: 1.6rem; margin-bottom: 14px; }
.m-commit-title { font-size: 0.95rem; font-weight: 700; color: #fff; margin-bottom: 6px; }
.m-commit-desc { font-size: 0.83rem; color: #A8A29E; line-height: 1.65; margin: 0; }
.m-org-flow { display: flex; flex-direction: column; align-items: center; gap: 0; margin-bottom: 48px; }
.m-org-node { background: var(--c-white); border: 1px solid var(--c-border); border-radius: 6px; padding: 18px 32px; text-align: center; width: 100%; max-width: 400px; }
.m-org-node.top { border-color: var(--c-saffron); border-top: 3px solid var(--c-saffron); }
.m-org-node h6 { font-size: 0.95rem; font-weight: 700; color: var(--c-dark); margin: 0 0 4px; }
.m-org-node p { font-size: 0.8rem; color: var(--c-muted); margin: 0; }
.m-org-connector { width: 1px; height: 28px; background: var(--c-border); }
.m-org-branches { display: flex; gap: 1px; width: 100%; max-width: 900px; background: var(--c-border); border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; }
.m-role-card { flex: 1; background: var(--c-white); padding: 28px 24px; }
.m-role-tag { font-size: 0.68rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 10px; border-radius: 3px; display: inline-block; margin-bottom: 16px; }
.m-role-1 { background: #FEF3C7; color: #92400E; }
.m-role-2 { background: #FCE7F3; color: #9D174D; }
.m-role-3 { background: #EFF6FF; color: #1E40AF; }
.m-role-title { font-size: 1rem; font-weight: 700; color: var(--c-dark); margin-bottom: 12px; }
.m-role-list { list-style: none; padding: 0; margin: 0; }
.m-role-list li { font-size: 0.84rem; color: var(--c-mid); padding: 7px 0; border-bottom: 1px solid var(--c-border); display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; }
.m-role-list li:last-child { border-bottom: none; }
.m-role-list li::before { content: '—'; color: var(--c-saffron); font-weight: 700; flex-shrink: 0; font-size: 0.8rem; }

@media (max-width: 768px) {
    .mv2-section { padding: 48px 0; }
    .mv2-grid-2, .mv2-grid-3 { grid-template-columns: 1fr; }
    .mv2-hero { padding: 60px 0 48px; }
    .mv2-doctor { padding: 24px; }
    .mv2-doctor-flow { flex-direction: column; }
    .mv2-ai-box { padding: 24px; }
    .mv2-ai-chat { flex-direction: column; }
}