	
		<style>
    /* --- SCOPED CSS (NO ROOTS, NO FONTS) --- */
    
    .Oto_Hero_Wrapper_D1 {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-top: 120px; /* Space for Navbar */
        padding-left: 20px;
        padding-right: 20px;
        background: #ffffff;
        /* Modern Gradient Background */
        background: radial-gradient(circle at 90% 10%, rgba(108, 62, 243, 0.08) 0%, transparent 40%),
                    radial-gradient(circle at 10% 90%, rgba(255, 193, 84, 0.1) 0%, transparent 40%);
        overflow: hidden;
        box-sizing: border-box;
    }

    .Oto_Hero_Container_D1 {
        max-width: 1250px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        align-items: center;
        gap: 50px;
        position: relative;
        z-index: 2;
    }

    /* --- LEFT SIDE: CONTENT --- */
    .Oto_Hero_Content_D1 {
        position: relative;
    }

    /* Location Badge */
    .Oto_Loc_Badge_D1 {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #F3F0FF;
        border: 1px solid #d8b4fe;
        color: #7e22ce;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 8px 16px;
        border-radius: 50px;
        margin-bottom: 25px;
        box-shadow: 0 4px 10px rgba(108, 62, 243, 0.1);
    }

    .Oto_Pulse_Dot_D1 {
        width: 8px; height: 8px;
        background: #22c55e;
        border-radius: 50%;
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
        animation: oto_pulse_green 2s infinite;
    }

   

    /* Headline H1 */
    .Oto_Hero_H1_D1 {
        font-size: 56px;
        font-weight: 900;
        line-height: 1.1;
        color: #0f172a;
        margin: 0 0 20px 0;
        letter-spacing: -1px;
    }

    .Oto_Gradient_Text_D1 {
        background: linear-gradient(135deg, #6C3EF3 0%, #a855f7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
    }
    
    /* Underline Doodle */
    .Oto_Gradient_Text_D1::after {
        content: '';
        position: absolute;
        bottom: 8px; left: 0; width: 100%; height: 12px;
        background: rgba(255, 193, 84, 0.4); /* Gold Marker */
        z-index: -1;
        transform: rotate(-1deg);
    }

    .Oto_Hero_Desc_D1 {
        font-size: 19px;
        color: #475569;
        line-height: 1.6;
        margin-bottom: 40px;
        max-width: 90%;
    }

    /* Buttons */
    .Oto_Btn_Group_D1 {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .Oto_Primary_Btn_D1 {
        background: #6C3EF3;
        color: #fff;
        padding: 18px 40px;
        font-size: 17px;
        font-weight: 700;
        border-radius: 12px;
        text-decoration: none;
        box-shadow: 0 10px 25px rgba(108, 62, 243, 0.3);
        transition: all 0.3s;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .Oto_Primary_Btn_D1:hover {
        background: #fff;
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(108, 62, 243, 0.5);
		
		 border: 2px solid #6C3EF3;
    }

    .Oto_Sec_Btn_D1 {
        background: #fff;
        color: #111;
        padding: 18px 35px;
        font-size: 17px;
        font-weight: 700;
        border-radius: 12px;
        text-decoration: none;
        border: 2px solid #e2e8f0;
        transition: all 0.3s;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .Oto_Sec_Btn_D1:hover {
        border-color: #6C3EF3;
        color: #6C3EF3;
        background: #fbf9ff;
    }

    /* Trust Stats */
    .Oto_Trust_Strip_D1 {
        margin-top: 50px;
        padding-top: 30px;
        border-top: 1px solid #e2e8f0;
        display: flex;
        gap: 40px;
    }

    .Oto_Stat_Item_D1 h4 {
        font-size: 28px; font-weight: 800; color: #1e293b; margin: 0;
    }
    .Oto_Stat_Item_D1 p {
        font-size: 13px; font-weight: 600; color: #64748b; margin: 5px 0 0 0; text-transform: uppercase;
    }

    /* --- RIGHT SIDE: VISUALS --- */
    .Oto_Hero_Visual_D1 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Main Image */
    .Oto_Hero_Img_D1 {
        width: 100%;
        max-width: 550px;
        height: auto;
        filter: drop-shadow(0 20px 40px rgba(0,0,0,0.1));
        position: relative;
        z-index: 2;
        /* Animation: Subtle Float */
        animation: oto_float_y 6s ease-in-out infinite;
    }

   
    
    .Oto_Float_Icon_1 {
        width: 40px; height: 40px; background: #ecfdf5; color: #10b981;
        border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px;
    }

  

    /* --- RESPONSIVE --- */
    @media (max-width: 991px) {
        .Oto_Hero_Container_D1 { grid-template-columns: 1fr; text-align: center; }
        .Oto_Hero_H1_D1 { font-size: 40px; }
        .Oto_Hero_Desc_D1 { margin: 0 auto 30px auto; font-size: 16px; }
        .Oto_Btn_Group_D1 { justify-content: center; }
        .Oto_Trust_Strip_D1 { justify-content: center; flex-wrap: wrap; gap: 20px; }
        .Oto_Hero_Img_D1 { max-width: 80%; margin-top: 40px; }
        .Oto_Float_Card_1 { right: 10px; top: 0; }
        .Oto_Float_Card_2 { left: 10px; bottom: 20px; }
    }

    @media (max-width: 480px) {
        .Oto_Hero_Wrapper_D1 { padding-top: 80px; }
        .Oto_Hero_H1_D1 { font-size: 32px; }
        .Oto_Primary_Btn_D1, .Oto_Sec_Btn_D1 { width: 100%; justify-content: center; }
    }

    /* --- UNIQUE & ISOLATED CSS --- */

    /* 1. MAIN WRAPPER (MAGIC FULL WIDTH FIX) */
    .Oto_Final_Section_Wrap_X500 {
        /* This forces full width even inside a container */
        width: 100vw; 
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        
        padding: 60px 20px;
        background: #F8F9FD; /* Light Gray Background */
        box-sizing: border-box;
        overflow: hidden; /* Prevents horizontal scrollbar */
    }

    .Oto_Final_Grid_X500 {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 40px;
        align-items: start;
    }

    /* 2. CARD DESIGN */
    .Oto_Final_Card_X500 {
        background: #FFFFFF;
        border-radius: 20px;
        border: 1px solid rgba(0,0,0,0.05);
        box-shadow: 0 10px 30px rgba(0,0,0,0.04);
        overflow: visible;
        position: relative;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        display: flex;
        flex-direction: column;
    }

    .Oto_Final_Card_X500:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 50px rgba(108, 62, 243, 0.15);
        border-color: rgba(108, 62, 243, 0.3);
    }

    /* 3. THUMBNAIL AREA */
    .Oto_Final_Thumb_Box_X500 {
        width: 100%;
        height: 300px;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
        position: relative;
    }

    .Oto_Final_Img_X500 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .Oto_Final_Card_X500:hover .Oto_Final_Img_X500 {
        transform: scale(1.08);
    }

    /* 4. BADGES */
    .Oto_Elite_Badge_X100 {
        position: absolute;
        top: 20px;
        left: 20px;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        color: #6C3EF3;
        font-weight: 800;
        font-size: 12px;
        padding: 8px 16px;
        border-radius: 50px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        text-transform: uppercase;
        z-index: 2;
    }

    .Oto_Final_Discount_Badge_X500 {
        position: absolute;
        top: -15px;
        right: -15px;
        width: 75px;
        height: 75px;
        background: #5b21b6;
        color: #fff;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: 900;
        font-size: 16px;
        line-height: 1;
        transform: rotate(15deg);
        box-shadow: 0 5px 15px rgba(239, 68, 68, 0.4);
        z-index: 10;
        border: 4px solid #fff;
        animation: Oto_Pulse_Red_X500 2s infinite;
    }

    .Oto_Final_Discount_Text_X500 {
        font-size: 11px;
        font-weight: 600;
        margin-top: 2px;
    }

    @keyframes Oto_Pulse_Red_X500 {
        0% { box-shadow: 0 0 0 0 rgba(115, 55, 269, 0.7); }
        70% { box-shadow: 0 0 0 10px rgba(115, 55, 269, 0); }
        100% { box-shadow: 0 0 0 0 rgba(115, 55, 269, 0); }
    }

    /* 5. CONTENT BODY */
    .Oto_Final_Body_X500 {
        padding: 25px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .Oto_Final_Title_X500 {
        font-size: 20px;
        font-weight: 800;
        color: #111;
        margin-bottom: 5px;
        line-height: 1.3;
    }

    .Oto_Final_Subtitle_X500 {
        font-size: 14px;
        color: #1d1d1d;
        margin-bottom: 12px;
        font-weight: 500;
    }

    .Oto_Final_Validity_Strip_X500 {
        background: #F3E8FF;
        color: #7C3AED;
        width: 100%;
        padding: 10px 15px;
        border-radius: 8px;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 15px;
        border: 1px dashed #A78BFA;
        box-sizing: border-box;
    }

    .Oto_Final_Meta_Row_X500 {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 15px;
    }

    .Oto_Elite_Tag_X100 {
        font-size: 13px;
        background: #F3F0FF;
        color: #7C3AED;
        padding: 6px 12px;
        border-radius: 8px;
        font-weight: 600;
    }

    .Oto_Final_Desc_X500 {
        font-size: 14px;
        color: #1d1d1d;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    /* 6. SYLLABUS SCROLL AREA */
    .Oto_Elite_Syllabus_Window_X100 {
        background: #FAFAFA;
        border: 1px solid #E5E7EB;
        border-radius: 16px;
        padding: 0;
        margin-bottom: 25px;
        height: 260px; /* Fixed Height */
        overflow-y: auto;
        position: relative;
    }

    .Oto_Elite_Syllabus_Header_X100 {
        position: sticky;
        top: 0;
        background: #fff;
        padding: 12px 20px;
        border-bottom: 1px solid #E5E7EB;
        font-size: 13px;
        font-weight: 700;
        color: #1d1d1d;
        text-transform: uppercase;
        letter-spacing: 1px;
        z-index: 5;
    }

    .Oto_Elite_List_Wrapper_X100 {
        padding: 5px 15px;
    }

    /* --- ACCORDION STYLES --- */
    .Oto_Elite_List_Wrapper_X100 details {
        border-bottom: 1px dashed #E5E7EB;
        margin-bottom: 5px;
        background: #fff;
        border-radius: 8px;
        transition: all 0.2s ease;
    }

    .Oto_Elite_List_Wrapper_X100 details:last-child {
        border-bottom: none;
    }

    .Oto_Elite_List_Wrapper_X100 summary {
        cursor: pointer;
        list-style: none;
        padding: 12px 10px;
        display: flex;
        align-items: flex-start;
        border-radius: 8px;
        transition: background 0.2s;
    }

    .Oto_Elite_List_Wrapper_X100 summary::-webkit-details-marker {
        display: none;
    }

    .Oto_Elite_List_Wrapper_X100 summary:hover {
        background: #F3F4F6;
    }

    .Oto_Elite_List_Wrapper_X100 details[open] summary {
        background: #F3E8FF;
    }

    .ch-num {
        min-width: 24px;
        height: 24px;
        background: #6C3EF3;
        color: #fff;
        border-radius: 50%;
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-right: 12px;
        margin-top: 2px;
        flex-shrink: 0;
    }

    .Oto_Elite_List_Wrapper_X100 details[open] .ch-num {
        background: #5b21b6;
        box-shadow: 0 0 5px rgba(108, 62, 243, 0.5);
    }

    .ch-text {
        font-size: 14px;
        color: #374151;
        font-weight: 600;
        line-height: 1.4;
    }

    .Oto_Elite_List_Wrapper_X100 details[open] .ch-text {
        color: #5b21b6;
    }

    .chapter {
        padding: 10px 15px 15px 48px;
        font-size: 13px;
        color: #1d1d1d;
        line-height: 1.6;
        background: #fafafa;
        border-radius: 0 0 8px 8px;
    }

    /* Scrollbar */
    .Oto_Elite_Syllabus_Window_X100::-webkit-scrollbar { width: 6px; }
    .Oto_Elite_Syllabus_Window_X100::-webkit-scrollbar-thumb { background: #D1D5DB; border-radius: 10px; }
    .Oto_Elite_Syllabus_Window_X100::-webkit-scrollbar-thumb:hover { background: #6C3EF3; }

    /* 7. BUTTONS */
    .Oto_Final_Btn_Grid_X500 {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: 12px;
        margin-top: auto;
    }

    .Oto_Final_Btn_Main_X500 {
        background: linear-gradient(90deg, #6C3EF3 0%, #8B5CF6 100%);
        color: white;
        text-align: center;
        padding: 12px;
        border-radius: 10px;
        font-weight: 700;
        text-decoration: none;
        border: none;
        cursor: pointer;
        font-size: 15px;
        box-shadow: 0 4px 10px rgba(108, 62, 243, 0.3);
        transition: transform 0.2s;
    }

    .Oto_Final_Btn_Main_X500:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(108, 62, 243, 0.5);
    }

    .Oto_Final_Btn_Ghost_X500 {
        background: transparent;
        color: #111;
        border: 1px solid #D1D5DB;
        text-align: center;
        padding: 12px;
        border-radius: 10px;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s;
        font-size: 15px;
    }

    .Oto_Final_Btn_Ghost_X500:hover {
        border-color: #6C3EF3;
        color: #6C3EF3;
        background: #Fbf9ff;
    }

    @media (max-width: 600px) {
        .Oto_Final_Grid_X500 { grid-template-columns: 1fr; }
        .Oto_Final_Thumb_Box_X500 { height: 200px; }
    }

    /* --- ISOLATED CSS (MEESHO VIBE THEME) --- */
    
    .Meesho_Vibe_Section {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 80px 20px;
        /* Background: Very Light Pinkish-Grey (Clean Base) */
        background: #f9f9fc;
       
        box-sizing: border-box;
        overflow: hidden;
    }

    /* Background Decoration (Meesho Pink Blur) */
    .MV_Bg_Glow {
        position: absolute;
        top: 0; right: 0;
        width: 600px; height: 600px;
        background: radial-gradient(circle, rgba(244, 51, 151, 0.08) 0%, rgba(255,255,255,0) 70%);
        z-index: 0;
        pointer-events: none;
    }

    .MV_Container {
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    /* --- HEADER (BOLD & STYLISH) --- */
    .MV_Header {
        text-align: center;
        margin-bottom: 50px;
    }

    .MV_Badge {
        background: #F8EBFF; /* Light Pink */
        color: #5B21B6;       /* Meesho Pink */
        font-weight: 800;
        font-size: 13px;
        padding: 6px 16px;
        border-radius: 4px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: 1px solid #fbcfe8;
        display: inline-block;
        margin-bottom: 15px;
    }

    .MV_Title {
        font-size: 38px;
        font-weight: 900;
        color: #111;
        margin: 0 0 10px 0;
        line-height: 1.2;
    }

    .MV_Highlight {
        color: #5B21B6;
        position: relative;
        display: inline-block;
    }
    
    /* Underline Effect */
    .MV_Highlight::after {
        content: '';
        position: absolute;
        bottom: 5px; left: 0; width: 100%; height: 8px;
        background: rgba(244, 51, 151, 0.2);
        z-index: -1;
    }

    .MV_Sub {
        font-size: 18px;
        color: #1d1d1d;
        max-width: 700px;
        margin: 0 auto;
    }

    /* --- THE CARDS (NOTIFICATION STYLE) --- */
    .MV_Grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 25px;
        justify-content: center;
    }

    .MV_Card {
        background: #fff;
        border-radius: 16px;
        padding: 25px;
        /* Subtle Shadow initially */
        box-shadow: 0 10px 30px rgba(0,0,0,0.04);
        border: 1px solid #eee;
        border-left: 5px solid #ddd; /* Default Grey Border */
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        gap: 15px;
        cursor: default;
    }

    /* HOVER EFFECT (The "Tagda" Part) */
    .MV_Card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(89, 20, 222, 0.15); 
        border-left-color: #5B21B6; /* Meesho Pink Active Border */
    }

    /* Icon Box */
    .MV_Icon {
        min-width: 50px;
        height: 50px;
        border-radius: 12px;
        background: #f3f4f6;
        color: #6b7280;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        transition: all 0.3s ease;
    }

    .MV_Card:hover .MV_Icon {
        background: #5B21B6; /* Meesho Pink */
        color: #fff;
    }

    /* Text */
    .MV_Card_Content {
        flex: 1;
    }

    .MV_Card_Title {
        font-size: 18px;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 6px;
        line-height: 1.3;
    }

    .MV_Card:hover .MV_Card_Title {
        color: #5B21B6; 
    }

    .MV_Card_Desc {
        font-size: 14px;
        color: #1d1d1d;
        line-height: 1.5;
    }

    /* "X" or "Check" badge inside card */
    .MV_Status_Badge {
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 3px 8px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 8px;
    }
    .Bad_State { background: #fee2e2; color: #ef4444; } /* Red for problems */
    .Good_State { background: #dcfce7; color: #16a34a; } /* Green for goals */

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .MV_Title { font-size: 28px; }
        .MV_Grid { grid-template-columns: 1fr; }
    }


    /* --- UNIQUE CSS START (No Root, No Conflicts) --- */
    
    .Oto_Ultima_Section_Wrapper_X1 {
        padding: 80px 20px;
        background: #f8faff; /* Light premium bg */
        box-sizing: border-box;
        overflow: hidden;
        width: 100vw;              
        position: relative;
        left: 50%;                 
        right: 50%;
        margin-left: -50vw;        
        margin-right: -50vw;       
    }

    .Oto_Ultima_Container_X1 {
        max-width: 1200px;
        margin: 0 auto;
    }

    /* --- Typography & Headers --- */
    .Oto_Ultima_Super_Head_X1 {
        text-align: center;
        margin-bottom: 20px;
        line-height: 1.2;
        color: #111;
        letter-spacing: -1px;
    }

    .Oto_Gradient_Text_X1 {
        background: linear-gradient(90deg, #6C3EF3 0%, #B621FE 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

    /* --- The 3-Card Layout (Glass Effect) --- */
    .Oto_Card_Grid_Wrapper_X1 {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: center;
        margin-bottom: 60px; 
    }

    .Oto_Premium_Card_Box_X1 {
        flex: 1;
        min-width: 300px;
        background: #ffffff;
        border-radius: 20px;
        padding: 35px 25px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.06);
        border-top: 5px solid transparent;
        background-clip: padding-box;
        position: relative;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
        text-align: left;
    }

    /* Gradient Border Top Trick */
    .Oto_Premium_Card_Box_X1::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 5px;
        background: linear-gradient(90deg, #6C3EF3, #B621FE);
        border-radius: 20px 20px 0 0;
    }

    .Oto_Premium_Card_Box_X1:hover {
        transform: translateY(-12px);
        box-shadow: 0 25px 50px rgba(108, 62, 243, 0.15);
    }

    .Oto_Card_Icon_X1 {
        font-size: 32px;
        margin-bottom: 20px;
        background: #F4F0FF;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #6C3EF3;
    }

    .Oto_Card_Title_X1 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 12px;
        color: #222;
    }

    .Oto_Card_Desc_X1 {
        font-size: 15px;
        color: #1d1d1d;
        line-height: 1.6;
    }

    /* --- NEW ADDITION: 99.9% Success Banner --- */
    .Oto_Success_Banner_Row_X1 {
        background: linear-gradient(90deg,rgba(88, 0, 196, 1) 0%, rgba(100, 0, 181, 1) 53%);
        border-radius: 20px;
        padding: 50px 30px;
        text-align: center;
        color: #fff;
        margin-bottom: 70px;
        position: relative;
        overflow: hidden;
    }

    /* Background decorative glow */
    .Oto_Success_Banner_Row_X1::before {
        content: '';
        position: absolute;
        top: -50%; left: -10%;
        width: 300px; height: 300px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        filter: blur(60px);
    }

    .Oto_Success_Title_Huge_X1 {
        font-size: 48px;
        font-weight: 900;
        margin-bottom: 15px;
        letter-spacing: -1px;
        text-shadow: 0 4px 10px rgba(0,0,0,0.1);
        color: #fff;
    }

    .Oto_Success_Desc_Text_X1 {
        font-size: 18px;
        max-width: 800px;
        margin: 0 auto;
        line-height: 1.5;
        opacity: 0.95;
        color: #fff;
    }


    /* --- Mentor Split Section --- */
    .Oto_Mentor_Split_Row_X1 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: #111; /* Dark Theme for contrast */
        border-radius: 20px;
        color: #fff;
        padding: 50px;
        gap: 50px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2);
        position: relative;
        overflow: hidden;
        margin-bottom: 70px; 
    }

    /* Decorative Circle behind mentor */
    .Oto_Mentor_Split_Row_X1::after {
        content: '';
        position: absolute;
        width: 300px;
        height: 300px;
        background: #6C3EF3;
        filter: blur(120px);
        opacity: 0.4;
        top: -50px;
        right: -50px;
        z-index: 0;
    }

    .Oto_Mentor_Text_Col_X1 {
        flex: 1;
        min-width: 300px;
        z-index: 1;
    }

    .Oto_Mentor_Img_Col_X1 {
        flex: 0.8;
        min-width: 300px;
        text-align: center;
        z-index: 1;
    }

    .Oto_Mentor_Img_Col_X1 img {
        width: 100%;
        max-width: 380px;
        border-radius: 20px;
        border: 5px solid rgba(255,255,255,0.1);
        transform: rotate(-2deg);
        transition: transform 0.5s ease;
    }

    .Oto_Mentor_Img_Col_X1 img:hover {
        transform: rotate(0deg) scale(1.02);
    }

    .Oto_Highlight_Badge_X1 {
        background: rgba(255,255,255,0.15);
        color: #fff;
        padding: 6px 14px;
        border-radius: 50px;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #fff;
    }

    .Oto_Mentor_Head_X1 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: 1.3;
        color:#ffc20e;
    }

    .Oto_Mentor_Para_X1 {
        font-size: 16px;
        color: #ccc;
        margin-bottom: 25px;
        line-height: 1.7;
    }

    /* --- NEW ADDITION: Community Box Section --- */
    .Oto_Community_Box_Wrapper_X1 {
        background: #fff;
        border: 2px dashed #d0d0d0; /* Dashed border style */
        border-radius: 25px;
        padding: 60px 40px;
        text-align: center;
        position: relative;
        transition: border-color 0.3s ease;
    }
    
    .Oto_Community_Box_Wrapper_X1:hover {
        border-color: #6C3EF3;
    }

    .Oto_Community_Title_X1 {
        font-size: 30px;
        font-weight: 800;
        color: #111;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .Oto_Heart_Icon_Anim_X1 {
        color: #ff3b3b;
        font-size: 32px;
        animation: Oto_Heartbeat 1.5s infinite;
    }

    .Oto_Community_Text_X1 {
        font-size: 16px;
        color: #1d1d1d;
        max-width: 1200px;
        margin: 0 auto 30px auto;
    }

    /* --- CTA Button with Pulse --- */
    .Oto_CTA_Wrapper_X1 {
        margin-top: 20px;
    }

    .Oto_Pulse_Btn_X1 {
        background: #5b21b6;
        color: white;
        padding: 16px 36px;
        font-size: 18px;
        border-radius: 50px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        box-shadow: 0 10px 20px rgba(108, 62, 243, 0.4);
        transition: all 0.3s ease;
        animation: Oto_Pulse_Anim 2s infinite;
        border: none;
        cursor: pointer;
    }

    .Oto_Pulse_Btn_X1:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 30px rgba(108, 62, 243, 0.6);
        color: white;
    }

    @keyframes Oto_Pulse_Anim {
        0% { box-shadow: 0 0 0 0 rgba(108, 62, 243, 0.7); }
        70% { box-shadow: 0 0 0 15px rgba(108, 62, 243, 0); }
        100% { box-shadow: 0 0 0 0 rgba(108, 62, 243, 0); }
    }

    @keyframes Oto_Heartbeat {
        0% { transform: scale(1); }
        15% { transform: scale(1.2); }
        30% { transform: scale(1); }
        45% { transform: scale(1.2); }
        60% { transform: scale(1); }
    }

    /* Mobile Responsive */
    @media (max-width: 768px) {
        .Oto_Ultima_Super_Head_X1 { font-size: 32px; }
        .Oto_Mentor_Split_Row_X1 { padding: 30px; flex-direction: column-reverse; }
        .Oto_Mentor_Head_X1 { font-size: 26px; }
        .Oto_Success_Title_Huge_X1 { font-size: 36px; }
        .Oto_Community_Title_X1 { font-size: 24px; flex-direction: column; }
        .Oto_Pulse_Btn_X1{font-size: 13px; }
    }

    /* --- SECTION CONTAINER (Light & Airy) --- */
    .OtoLight_Section_Wrapper_Z1 {
        padding: 40px 20px;
        background: #ffffff; /* Pure White Base */
        /* Subtle modern mesh gradient background */
        background-image: 
            radial-gradient(at 0% 0%, rgba(108, 62, 243, 0.05) 0px, transparent 50%),
            radial-gradient(at 100% 100%, rgba(255, 107, 107, 0.05) 0px, transparent 50%);
       
        box-sizing: border-box;
		width: 100vw;              
		position: relative;
		left: 50%;                
		right: 50%;
		margin-left: -50vw;        
		margin-right: -50vw;
    }

    .OtoLight_Container_Max_Z1 {
        max-width: 1200px;
        margin: 0 auto;
    }

    /* --- HEADINGS --- */
    .OtoLight_Head_Block_Z1 {
        text-align: center;
        margin-bottom: 60px;
    }

    .OtoLight_Badge_Z1 {
        background: #f0fdf4; /* Light Green bg */
        color: #16a34a; /* Green text */
        font-size: 13px;
        font-weight: 700;
        padding: 6px 14px;
        border-radius: 30px;
        border: 1px solid #dcfce7;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: inline-block;
        margin-bottom: 15px;
    }

    .OtoLight_Main_Title_Z1 {
        font-size: 40px;
        font-weight: 800;
        color: #111827; /* Dark Grey/Black */
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .OtoLight_Gradient_Span_Z1 {
        background: linear-gradient(135deg, #6C3EF3 0%, #B621FE 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .OtoLight_Sub_Desc_Z1 {
        font-size: 17px;
        color: #1d1d1d; 
        max-width: 800px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* --- GRID LAYOUT --- */
    .OtoLight_Grid_Box_Z1 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsive */
        gap: 25px;
    }

    /* --- CARD DESIGN (Clean White) --- */
    .OtoLight_Card_Item_Z1 {
        background: #ffffff;
        border: 1px solid #9b34eb;
        border-radius: 20px;
        padding: 30px 25px;
        position: relative;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
        overflow: hidden;
    }

    /* Card Hover Effect */
    .OtoLight_Card_Item_Z1:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px -5px rgba(108, 62, 243, 0.15); /* Soft Purple Shadow */
        border-color: rgba(108, 62, 243, 0.3);
    }

    /* Colorful Top Border Line on Hover */
    .OtoLight_Card_Item_Z1::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 4px;
        background: linear-gradient(90deg, #6C3EF3, #B621FE);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .OtoLight_Card_Item_Z1:hover::before {
        opacity: 1;
    }

    /* Icon Circle */
    .OtoLight_Icon_Wrap_Z1 {
        width: 55px;
        height: 55px;
        background: #f5f3ff; /* Light Purple bg */
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        margin-bottom: 20px;
        color: #6C3EF3;
        transition: transform 0.3s ease;
    }

    .OtoLight_Card_Item_Z1:hover .OtoLight_Icon_Wrap_Z1 {
        transform: scale(1.1) rotate(5deg);
        background: #6C3EF3;
        color: #fff;
    }

    /* Content Typography */
    .OtoLight_Card_Title_Z1 {
        font-size: 20px;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 12px;
    }

    .OtoLight_List_Ul_Z1 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .OtoLight_List_Li_Z1 {
        font-size: 14px;
        color: #1c1c1c; 
        position: relative;
        padding-left: 18px;
        line-height: 1.5;
    }

    /* Custom Bullet Point */
    .OtoLight_List_Li_Z1::before {
        content: '✓';
        position: absolute;
        left: 0;
        color: #6C3EF3;
        font-weight: 800;
        font-size: 12px;
        top: 3px;
    }

    /* Punchline at bottom */
    .OtoLight_Punchline_Z1 {
        display: block;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dashed #e5e7eb;
        font-size: 13px;
        font-weight: 600;
        color: #4f1293; /* Darker Green */
        font-style: italic;
    }

    /* Responsive Media Queries */
    @media (max-width: 768px) {
        .OtoLight_Main_Title_Z1 { font-size: 32px; }
        .OtoLight_Sub_Desc_Z1 { font-size: 15px; }
		
    }

    /* --- UNIQUE SCOPED CSS (Premium White Theme) --- */
    
    .Oto_Prem_White_Wrapper_W9 {
        padding: 30px 20px;
        background: #ffffff;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        overflow: hidden;
        /* Subtle texture pattern */
        
       
    }

    .Oto_Prem_Container_W9 {
        max-width: 1250px; /* Increased Width */
        margin: 0 auto;
        border-radius: 30px;
        padding: 20px;
        
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 80px;
        align-items: center;
        position: relative;
    }

    /* Decorative Glow behind the card */
    .Oto_Prem_Container_W9::before {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 100%; height: 100%;
        background: radial-gradient(circle, rgba(108, 62, 243, 0.05) 0%, transparent 70%);
        z-index: -1;
        pointer-events: none;
    }

    /* --- LEFT SIDE: TYPOGRAPHY --- */
    .Oto_Prem_Label_W9 {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #6C3EF3;
        background: #f3f0ff;
        padding: 8px 16px;
        border-radius: 50px;
        display: inline-block;
        margin-bottom: 25px;
    }

    .Oto_Prem_Title_W9 {
        font-size: 42px;
        font-weight: 900;
        line-height: 1.1;
        color: #0f172a;
        margin-bottom: 25px;
        letter-spacing: -1px;
    }

    .Oto_Text_Focus_W9 {
        color: #6C3EF3;
        position: relative;
        display: inline-block;
    }
    
    /* Underline Doodle */
    .Oto_Text_Focus_W9::after {
        content: '';
        position: absolute;
        bottom: 5px; left: 0; width: 100%; height: 12px;
        z-index: -1;
        transform: rotate(-1deg);
    }

    .Oto_Prem_Desc_W9 {
        font-size: 18px;
        line-height: 1.8;
        color: #475569;
        margin-bottom: 30px;
    }

    /* --- RIGHT SIDE: FLOATING LIST --- */
    .Oto_Prem_List_Wrap_W9 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .Oto_Float_Item_W9 {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        padding: 25px;
        display: flex;
        align-items: flex-start;
        gap: 20px;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01);
        position: relative;
        overflow: hidden;
    }

    /* Hover Interaction */
    .Oto_Float_Item_W9:hover {
        transform: translateX(-10px);
        box-shadow: 0 20px 40px -5px rgba(108, 62, 243, 0.1);
        border-color: #d8b4fe;
    }

    /* Left Border Accent on Hover */
    .Oto_Float_Item_W9::before {
        content: '';
        position: absolute;
        left: 0; top: 0; bottom: 0; width: 4px;
        background: #6C3EF3;
        opacity: 0;
        transition: 0.3s;
    }
    .Oto_Float_Item_W9:hover::before { opacity: 1; }

    .Oto_Item_Icon_W9 {
        min-width: 45px; height: 45px;
        background: #f0fdf4; /* Light Green */
        color: #16a34a;
        border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        font-size: 20px;
        box-shadow: 0 4px 10px rgba(34, 197, 94, 0.1);
    }

    .Oto_Item_Content_W9 h4 {
        margin: 0 0 5px 0;
        font-size: 18px;
        font-weight: 800;
        color: #1e293b;
    }

    .Oto_Item_Content_W9 p {
        margin: 0;
        font-size: 15px;
        color: #64748b;
        line-height: 1.5;
    }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
        .Oto_Prem_Container_W9 { grid-template-columns: 1fr; padding: 40px; gap: 50px; }
        .Oto_Prem_Title_W9 { font-size: 36px; }
    }

    @media (max-width: 600px) {
        .Oto_Prem_White_Wrapper_W9 { padding: 60px 20px; }
        .Oto_Prem_Container_W9 { padding: 25px; border-radius: 20px; }
        .Oto_Prem_Title_W9 { font-size: 30px; }
        .Oto_Float_Item_W9 { padding: 20px; flex-direction: column; gap: 15px; }
    }


    /* --- SCOPED CSS (NO ROOTS, NO FONTS) --- */
    
    .Oto_Challenge_Sec_Wrapper_Unique {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 90px 20px;
        background: #fff;
        /* Subtle diagonal mesh pattern */
        background-image: linear-gradient(135deg, #f9fafb 25%, transparent 25%), 
                          linear-gradient(225deg, #f9fafb 25%, transparent 25%), 
                          linear-gradient(45deg, #f9fafb 25%, transparent 25%), 
                          linear-gradient(315deg, #f9fafb 25%, transparent 25%);
        background-position: 10px 0, 10px 0, 0 0, 0 0;
        background-size: 20px 20px;
        background-repeat: repeat;
        overflow: hidden;
        box-sizing: border-box;
    }

    .Oto_Chal_Container_Unique {
        max-width: 1150px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr; /* Desktop Split */
        gap: 60px;
        align-items: center;
        position: relative;
        z-index: 2;
    }

    /* --- LEFT SIDE: NARRATIVE --- */
    .Oto_Chal_Badge_Unique {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #FEF2F2; /* Light Red */
        color: #DC2626;       /* Red Text */
        font-weight: 800;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 8px 16px;
        border-radius: 50px;
        border: 1px solid #fee2e2;
        margin-bottom: 25px;
    }

    .Oto_Chal_Dot_Unique {
        width: 8px; height: 8px; background: #DC2626; border-radius: 50%;
        animation: oto_blink_anim 1.5s infinite;
    }

    .Oto_Chal_Heading_Unique {
        font-size: 42px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.15;
        margin: 0 0 25px 0;
    }

    .Oto_Highlight_City_Unique {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #FFC154 6px, #FFC154 100%);
        padding: 0 5px;
        display: inline-block;
        transform: skewX(-10deg);
    }
    .Oto_City_Text_Unique {
        font-style: normal;
        transform: skewX(10deg);
        display: inline-block;
        color: #000;
    }

    .Oto_Chal_Desc_Unique {
        font-size: 18px;
        line-height: 1.7;
        color: #475569;
        margin-bottom: 35px;
    }

    /* Solution Box */
    .Oto_Sol_Box_Unique {
        background: #F0FDF4; /* Light Green */
        border-left: 5px solid #16a34a;
        padding: 25px;
        border-radius: 0 12px 12px 0;
    }
    .Oto_Sol_Title_Unique {
        font-size: 18px; font-weight: 800; color: #166534; margin-bottom: 8px; display: flex; align-items: center; gap: 10px;
    }
    .Oto_Sol_Text_Unique {
        font-size: 15px; color: #14532d; line-height: 1.5;
    }

    /* --- RIGHT SIDE: CHALLENGE STACK --- */
    .Oto_Stack_Wrapper_Unique {
        position: relative;
        padding: 10px;
    }

    .Oto_Chal_Card_Unique {
        background: #fff;
        border-radius: 16px;
        padding: 20px 25px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.06);
        border: 1px solid #e2e8f0;
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    /* Hover Effect */
    .Oto_Chal_Card_Unique:hover {
        transform: translateX(-10px) scale(1.02);
        box-shadow: 0 15px 40px rgba(108, 62, 243, 0.1);
        border-color: #6C3EF3;
    }

    /* Animated Strip */
    .Oto_Chal_Card_Unique::before {
        content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
        background: #cbd5e1; transition: background 0.3s;
    }
    .Oto_Chal_Card_Unique:hover::before { background: #6C3EF3; }

    .Oto_Icon_Box_Unique {
        min-width: 50px; height: 50px;
        background: #f1f5f9; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        font-size: 24px; color: #64748b;
        transition: all 0.3s;
    }
    .Oto_Chal_Card_Unique:hover .Oto_Icon_Box_Unique {
        background: #6C3EF3; color: #fff;
    }

    .Oto_Content_Unique h4 {
        margin: 0 0 5px 0; font-size: 17px; font-weight: 800; color: #1e293b;
    }
    .Oto_Content_Unique p {
        margin: 0; font-size: 14px; color: #64748b; line-height: 1.4;
    }

    /* Animation Keyframe */
    @keyframes oto_blink_anim { 50% { opacity: 0.4; } }

    /* --- RESPONSIVE MEDIA QUERIES --- */
    
    /* Tablet (Max 1024px) */
    @media (max-width: 1024px) {
        .Oto_Chal_Heading_Unique { font-size: 36px; }
        .Oto_Chal_Container_Unique { gap: 40px; }
    }

    /* Mobile (Max 900px) */
    @media (max-width: 900px) {
        .Oto_Chal_Container_Unique { 
            grid-template-columns: 1fr; /* Stack vertically */
        }
        
        .Oto_Stack_Wrapper_Unique { 
            padding: 0; 
            margin-top: 30px; 
        }

        .Oto_Chal_Heading_Unique { font-size: 32px; }
        .Oto_Chal_Desc_Unique { font-size: 16px; }
        
        /* Disable hover transform on touch devices */
        .Oto_Chal_Card_Unique:hover {
            transform: translateX(0) scale(1);
        }
    }

    /* Small Mobile (Max 480px) */
    @media (max-width: 480px) {
        .Oto_Challenge_Sec_Wrapper_Unique { padding: 60px 20px; }
        .Oto_Chal_Heading_Unique { font-size: 28px; }
        
        .Oto_Chal_Card_Unique {
            flex-direction: column;
            text-align: center;
            gap: 15px;
            padding: 20px;
        }
    }


    /* --- SCOPED CSS (NO ROOTS, NO FONTS, UNIQUE CLASSES) --- */
    
    .Oto_Trust_Section_Unique {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 90px 20px;
        background: #fff;
        /* Subtle Background Texture */
        background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
        background-size: 30px 30px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .Oto_Trust_Container {
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    /* --- HEADER --- */
    .Oto_Trust_Header {
        text-align: center;
        margin-bottom: 60px;
    }

    .Oto_Trust_Badge {
        display: inline-block;
        background: #fdf4ff; /* Light Purple */
        color: #9333ea;       /* Deep Purple */
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 8px 18px;
        border-radius: 50px;
        letter-spacing: 1.5px;
        border: 1px solid #f0abfc;
        margin-bottom: 20px;
    }

    .Oto_Trust_Title {
        font-size: 42px;
        font-weight: 900;
        color: #111;
        margin: 0 0 20px 0;
        line-height: 1.2;
    }

    .Oto_Trust_Highlight {
        color: #6C3EF3;
        position: relative;
        display: inline-block;
    }
    
    .Oto_Trust_Highlight::after {
        content: '';
        position: absolute;
        bottom: 5px; left: 0; width: 100%; height: 8px;
        background: rgba(255, 193, 84, 0.4); /* Gold tint */
        z-index: -1;
        transform: rotate(-1deg);
    }

    .Oto_Trust_Desc {
        font-size: 18px;
        color: #4b5563;
        max-width: 800px;
        margin: 0 auto;
        line-height: 1.7;
    }

    /* --- GRID --- */
    .Oto_Trust_Grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    /* --- CARD DESIGN --- */
    .Oto_Trust_Card {
        background: #ffffff;
        border-radius: 20px;
        padding: 40px 30px;
        border: 1px solid #f3f4f6;
        box-shadow: 0 10px 30px rgba(0,0,0,0.04);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    /* Hover Effect */
    .Oto_Trust_Card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 50px rgba(108, 62, 243, 0.15);
        border-color: #6C3EF3;
    }

    /* Top Gradient Border */
    .Oto_Trust_Card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 6px;
        background: linear-gradient(90deg, #6C3EF3, #a855f7);
        opacity: 0;
        transition: opacity 0.3s;
    }
    .Oto_Trust_Card:hover::before { opacity: 1; }

    /* Icon Circle */
    .Oto_Trust_Icon_Box {
        width: 70px; height: 70px;
        margin: 0 auto 25px auto;
        background: #f5f3ff;
        color: #6C3EF3;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-size: 32px;
        transition: transform 0.4s;
    }

    .Oto_Trust_Card:hover .Oto_Trust_Icon_Box {
        transform: rotateY(180deg);
        background: #6C3EF3;
        color: #fff;
    }

    .Oto_Trust_Card_Title {
        font-size: 20px;
        font-weight: 800;
        color: #1f2937;
        margin-bottom: 10px;
    }

    .Oto_Trust_Card_Text {
        font-size: 15px;
        color: #6b7280;
        line-height: 1.6;
    }

    /* --- RESPONSIVE --- */
    @media (max-width: 900px) {
        .Oto_Trust_Title { font-size: 32px; }
        .Oto_Trust_Desc { font-size: 16px; }
        .Oto_Trust_Grid { grid-template-columns: 1fr; }
    }


    /* --- UNIQUE SCOPED CSS (No Root, No Conflicts) --- */
    
    .Oto_Glass_Section_V9 {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 100px 20px;
        /* Premium Moving Gradient Background */
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
        background-size: 400% 400%;
        animation: Oto_Gradient_BG_Anim 15s ease infinite;
        box-sizing: border-box;
        
        overflow: hidden;
    }

    @keyframes Oto_Gradient_BG_Anim {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    /* Floating Glass Card */
    .Oto_Glass_Card_V9 {
        max-width: 1100px;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.92); /* Frosted White */
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-radius: 30px;
        padding: 60px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        gap: 60px;
        align-items: center;
        border: 1px solid rgba(255, 255, 255, 0.5);
    }

    /* --- LEFT CONTENT --- */
    .Oto_Glass_Content_V9 {
        position: relative;
    }

    .Oto_Glass_Label_V9 {
        display: inline-block;
        background: #0f172a;
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 8px 16px;
        border-radius: 50px;
        margin-bottom: 25px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .Oto_Glass_H2_V9 {
        font-size: 42px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.1;
        margin-bottom: 25px;
        letter-spacing: -1px;
    }

    .Oto_Text_Magic_V9 {
        background: linear-gradient(135deg, #6C3EF3 0%, #d946ef 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .Oto_Glass_Desc_V9 {
        font-size: 17px;
        color: #475569;
        line-height: 1.7;
        margin-bottom: 25px;
    }

    /* Highlighting Local Entities */
    .Oto_Loc_Mark_V9 {
        background: #fef08a; /* Yellow Highlighter */
        padding: 2px 6px;
        border-radius: 4px;
        color: #000;
        font-weight: 700;
        display: inline-block;
        transform: rotate(-1deg);
    }

    /* --- RIGHT LIST --- */
    .Oto_Glass_List_Wrap_V9 {
        background: #f8fafc;
        padding: 40px;
        border-radius: 20px;
        border: 2px dashed #cbd5e1;
    }

    .Oto_List_Head_V9 {
        font-size: 20px;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 25px;
    }

    .Oto_List_Item_V9 {
        display: flex;
        gap: 15px;
        margin-bottom: 25px;
    }
    .Oto_List_Item_V9:last-child { margin-bottom: 0; }

    .Oto_Check_Circle_V9 {
        min-width: 32px; height: 32px;
        background: #22c55e;
        color: #fff;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-size: 16px;
        box-shadow: 0 4px 10px rgba(34, 197, 94, 0.4);
    }

    .Oto_Item_Detail_V9 h4 {
        margin: 0 0 5px 0;
        font-size: 16px;
        font-weight: 800;
        color: #1e293b;
    }

    .Oto_Item_Detail_V9 p {
        margin: 0;
        font-size: 14px;
        color: #64748b;
        line-height: 1.5;
    }

    /* --- RESPONSIVE --- */
    @media (max-width: 900px) {
        .Oto_Glass_Card_V9 {
            grid-template-columns: 1fr;
            padding: 30px;
            gap: 40px;
        }
        .Oto_Glass_H2_V9 { font-size: 34px; }
        .Oto_Glass_Section_V9 { padding: 60px 20px; }
    }

    /* --- UNIQUE SCOPED CSS (No Root, No Conflicts) --- */
    
    .Oto_Market_Guide_Wrapper_Z5 {
        padding: 50px 20px;
        background: #ffffff;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        overflow: hidden;
    }

    .Oto_Guide_Container_Z5 {
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    /* --- HEADER TYPOGRAPHY --- */
    .Oto_Guide_Label_Z5 {
        font-size: 13px;
        font-weight: 800;
        color: #EA580C; /* Burnt Orange */
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
        display: block;
        border-left: 3px solid #EA580C;
        padding-left: 15px;
    }

    .Oto_Guide_Title_Z5 {
        font-size: 46px;
        font-weight: 900;
        color: #111;
        line-height: 1.1;
        margin-bottom: 30px;
    }

    .Oto_Title_Highlight_Z5 {
        position: relative;
        z-index: 1;
        display: inline-block;
    }
    
    .Oto_Title_Highlight_Z5::after {
        content: '';
        position: absolute;
        bottom: 5px; left: 0; width: 100%; height: 12px;
        background: #fed7aa; /* Light Orange */
        z-index: -1;
        transform: rotate(-1deg);
    }

    .Oto_Guide_Intro_Z5 {
        font-size: 19px;
        line-height: 1.7;
        color: #4b5563;
        max-width: 900px;
        margin-bottom: 50px;
    }

    /* --- CINEMATIC IMAGE BLOCK --- */
    .Oto_Cinema_Img_Wrap_Z5 {
        width: 100%;
        height: 400px;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
        margin-bottom: 60px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }

    .Oto_Cinema_Img_Z5 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .Oto_Cinema_Img_Wrap_Z5:hover .Oto_Cinema_Img_Z5 {
        transform: scale(1.05);
    }

    .Oto_Img_Tag_Z5 {
        position: absolute;
        bottom: 20px; left: 20px;
        background: rgba(255,255,255,0.95);
        padding: 10px 20px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 700;
        color: #111;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    /* --- MARKET GRID LAYOUT --- */
    .Oto_Mkt_Grid_Z5 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 30px;
    }

    /* --- MARKET CARD --- */
    .Oto_Mkt_Card_Z5 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 20px;
        padding: 35px 30px;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .Oto_Mkt_Card_Z5:hover {
        background: #fff;
        transform: translateY(-8px);
        box-shadow: 0 20px 50px -10px rgba(0,0,0,0.1);
        border-color: #EA580C;
    }

    /* Top Color Bar */
    .Oto_Mkt_Card_Z5::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 5px;
        background: linear-gradient(90deg, #EA580C, #FDBA74);
        opacity: 0;
        transition: 0.3s;
    }
    .Oto_Mkt_Card_Z5:hover::before { opacity: 1; }

    .Oto_Mkt_Icon_Z5 {
        font-size: 32px;
        margin-bottom: 20px;
        display: inline-block;
        background: #fff;
        width: 60px; height: 60px;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    .Oto_Mkt_Name_Z5 {
        font-size: 22px;
        font-weight: 800;
        color: #1e293b;
        margin-bottom: 10px;
    }

    .Oto_Mkt_Desc_Z5 {
        font-size: 15px;
        color: #64748b;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .Oto_Best_For_Tag_Z5 {
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        background: #ffedd5;
        color: #9a3412;
        padding: 5px 10px;
        border-radius: 4px;
    }

    /* --- FINAL THOUGHTS BOX --- */
    .Oto_Final_Box_Z5 {
        margin-top: 60px;
        background: #1e293b;
        color: #fff;
        padding: 50px;
        border-radius: 24px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .Oto_Final_Title_Z5 {
        font-size: 28px;
        font-weight: 800;
        margin-bottom: 15px;
        color: #fff;
    }

    .Oto_Final_Text_Z5 {
        font-size: 17px;
        color: #cbd5e1;
        max-width: 800px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .Oto_Guide_Title_Z5 { font-size: 34px; }
        .Oto_Cinema_Img_Wrap_Z5 { height: 250px; }
        .Oto_Mkt_Grid_Z5 { grid-template-columns: 1fr; }
        .Oto_Final_Box_Z5 { padding: 30px; }
    }


    /* --- UNIQUE SCOPED CSS (Consistent with Editorial Theme) --- */
    
    .Oto_Lang_Section_L9 {
        padding: 40px 20px;
        background: #ffffff;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        overflow: hidden;
    }

    .Oto_Lang_Container_L9 {
        max-width: 850px; /* Reading width */
        margin: 0 auto;
    }

    /* --- EYEBROW (Label with Line) --- */
    .Oto_Lang_Eyebrow_L9 {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 13px;
        font-weight: 800;
        color: #6C3EF3; /* Purple */
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
    }

    /* The Purple Line */
    .Oto_Lang_Eyebrow_L9::before {
        content: '';
        display: block;
        width: 40px;
        height: 3px;
        background: #6C3EF3;
    }

    /* --- HEADLINE --- */
    .Oto_Lang_Title_L9 {
        font-size: 42px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    /* Yellow Highlight Effect */
    .Oto_Lang_Highlight_L9 {
        background: #FFC154; /* Signature Yellow */
        padding: 0 8px;
        color: #0f172a;
        display: inline-block;
        transform: skewX(-3deg);
    }

    /* --- BODY TEXT --- */
    .Oto_Lang_Text_L9 {
        font-size: 18px;
        line-height: 1.8;
        color: #334155;
        margin-bottom: 30px;
    }

    .Oto_Text_Bold_L9 {
        font-weight: 800;
        color: #0f172a;
    }

    /* --- IMPACT BOX (Consistent Style) --- */
    .Oto_Impact_Box_L9 {
        margin-top: 40px;
        padding: 10px 0 10px 30px;
        border-left: 5px solid #6C3EF3;
        position: relative;
        background: #fafafa; /* Very subtle grey fill for distinction */
        border-radius: 0 12px 12px 0;
    }

    .Oto_Impact_Label_L9 {
        font-size: 13px;
        font-weight: 800;
        color: #64748b;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .Oto_Impact_Text_L9 {
        font-size: 20px;
        font-weight: 700;
        color: #1e293b;
        font-style: italic;
        line-height: 1.5;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .Oto_Lang_Title_L9 { font-size: 30px; }
        .Oto_Lang_Text_L9 { font-size: 16px; }
        .Oto_Impact_Text_L9 { font-size: 18px; }
    }


    /* --- UNIQUE SCOPED CSS (Free Course Theme) --- */
    
    .Oto_Free_Section_F9 {
        padding: 30px 20px;
        background: #ffffff;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        overflow: hidden;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    .Oto_Free_Container_F9 {
        max-width: 850px; /* Reading width */
        margin: 0 auto;
    }

    /* --- EYEBROW --- */
    .Oto_Free_Eyebrow_F9 {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 13px;
        font-weight: 800;
        color: #16a34a; /* Green for "Free/Go" */
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
    }

    /* Green Line */
    .Oto_Free_Eyebrow_F9::before {
        content: '';
        display: block;
        width: 40px;
        height: 3px;
        background: #16a34a;
    }

    /* --- HEADLINE --- */
    .Oto_Free_Title_F9 {
        font-size: 42px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    /* Free Badge Highlight */
    .Oto_Free_Highlight_F9 {
        background: #dcfce7; /* Light Green */
        color: #15803d;
        padding: 2px 10px;
        border-radius: 6px;
        display: inline-block;
        transform: rotate(-2deg);
        border: 1px dashed #16a34a;
    }

    /* --- TEXT --- */
    .Oto_Free_Text_F9 {
        font-size: 18px;
        line-height: 1.8;
        color: #334155;
        margin-bottom: 30px;
    }

    /* --- TRUST BOX (Green Border) --- */
    .Oto_Trust_Box_F9 {
        margin-top: 30px;
        padding: 25px 30px;
        border-left: 5px solid #16a34a;
        background: #f0fdf4; /* Very light green bg */
        border-radius: 0 12px 12px 0;
        position: relative;
    }

    .Oto_Trust_Label_F9 {
        font-size: 13px;
        font-weight: 800;
        color: #15803d;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    .Oto_Trust_Text_F9 {
        font-size: 20px;
        font-weight: 700;
        color: #1e293b;
        font-style: italic;
        line-height: 1.5;
    }

    /* --- CTA BUTTON --- */
    .Oto_Free_Btn_Wrap_F9 {
        margin-top: 40px;
    }

    .Oto_Free_Btn_F9 {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: #16a34a;
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        padding: 16px 32px;
        border-radius: 50px;
        text-decoration: none;
        transition: all 0.3s ease;
        box-shadow: 0 10px 20px rgba(22, 163, 74, 0.3);
    }

    .Oto_Free_Btn_F9:hover {
        transform: translateY(-3px);
        background: #15803d;
        box-shadow: 0 15px 30px rgba(22, 163, 74, 0.4);
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .Oto_Free_Title_F9 { font-size: 30px; }
        .Oto_Trust_Text_F9 { font-size: 18px; }
    }


    /* --- UNIQUE SCOPED CSS (Guidance Theme) --- */
    
    .Oto_Guide_Section_G9 {
        padding: 40px 20px;
        background: #ffffff;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        overflow: hidden;
       
    }

    .Oto_Guide_Container_G9 {
        max-width: 850px; /* Reading width */
        margin: 0 auto;
    }

    /* --- EYEBROW --- */
    .Oto_Guide_Eyebrow_G9 {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 13px;
        font-weight: 800;
        color: #ef4444; /* Red for "Problem/Need" */
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
    }

    /* Red Line */
    .Oto_Guide_Eyebrow_G9::before {
        content: '';
        display: block;
        width: 40px;
        height: 3px;
        background: #ef4444;
    }

    /* --- HEADLINE --- */
    .Oto_Guide_Title_G9 {
        font-size: 42px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    /* Highlight */
    .Oto_Guide_Highlight_G9 {
        background: #fee2e2; /* Light Red */
        padding: 0 8px;
        color: #991b1b;
        display: inline-block;
        transform: skewX(-3deg);
    }

    /* --- TEXT --- */
    .Oto_Guide_Text_G9 {
        font-size: 18px;
        line-height: 1.8;
        color: #334155;
        margin-bottom: 30px;
    }

    /* --- WARNING BOX (The Problem) --- */
    .Oto_Warning_Box_G9 {
        background: #fff1f2; /* Very Light Red */
        border-left: 5px solid #f43f5e;
        padding: 25px 30px;
        border-radius: 0 12px 12px 0;
        margin: 30px 0 40px 0;
    }

    .Oto_Warning_Label_G9 {
        font-size: 13px;
        font-weight: 800;
        color: #e11d48;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    .Oto_Warning_Text_G9 {
        font-size: 18px;
        font-weight: 600;
        color: #881337;
        font-style: italic;
        line-height: 1.6;
    }

    /* --- QUESTIONS GRID --- */
    .Oto_Questions_Wrap_G9 {
        margin-top: 40px;
    }

    .Oto_Q_Header_G9 {
        font-size: 20px;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .Oto_Q_Card_G9 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        padding: 15px 20px;
        border-radius: 50px; /* Pill shape */
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        gap: 15px;
        transition: 0.3s;
    }

    .Oto_Q_Card_G9:hover {
        border-color: #6C3EF3;
        background: #fff;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        transform: translateX(5px);
    }

    .Oto_Q_Icon_G9 {
        width: 30px; height: 30px;
        background: #e0e7ff;
        color: #4338ca;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-weight: 800;
        font-size: 14px;
    }

    .Oto_Q_Text_G9 {
        font-size: 16px;
        font-weight: 600;
        color: #334155;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .Oto_Guide_Title_G9 { font-size: 30px; }
        .Oto_Q_Card_G9 { border-radius: 12px; } /* Square on mobile for text wrap */
    }


    /* --- UNIQUE SCOPED CSS (Editorial Theme) --- */
    
    .Oto_Connect_Section_C9 {
        padding: 40px 20px;
        background: #ffffff;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        overflow: hidden;
    }

    .Oto_Connect_Container_C9 {
        max-width: 850px; /* Optimal Reading Width */
        margin: 0 auto;
    }

    /* --- HEADINGS --- */
    .Oto_Connect_Eyebrow_C9 {
        font-size: 13px;
        font-weight: 800;
        color: #6C3EF3;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .Oto_Connect_Eyebrow_C9::before {
        content: ''; width: 30px; height: 2px; background: #6C3EF3;
    }

    .Oto_Connect_Title_C9 {
        font-size: 40px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    /* Yellow Marker Highlight */
    .Oto_Marker_C9 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #FFC154 6px, #FFC154 90%, transparent 90%);
        padding: 0 5px;
        display: inline;
    }

    /* --- TEXT STYLES --- */
    .Oto_Body_Text_C9 {
        font-size: 18px;
        line-height: 1.8;
        color: #334155;
        margin-bottom: 30px;
    }

    /* --- LANGUAGE FEATURE (No Box, Open Design) --- */
    .Oto_Lang_Feature_C9 {
        margin: 30px 0;
        padding-left: 20px;
        border-left: 4px solid #FFC154;
    }

    .Oto_Lang_Head_C9 {
        font-size: 20px;
        font-weight: 800;
        color: #1e293b;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    /* --- IMAGE BLOCK --- */
    .Oto_Mid_Image_C9 {
        width: 100%;
        height: auto;
        border-radius: 16px;
        margin: 50px 0;
        box-shadow: 0 20px 40px rgba(0,0,0,0.08);
        display: block;
    }

    /* --- SOLUTION SECTION --- */
    .Oto_Solution_Header_C9 {
        font-size: 32px;
        font-weight: 800;
        color: #0f172a;
        margin-top: 60px;
        margin-bottom: 25px;
    }

    /* The "Question" Style */
    .Oto_Question_Text_C9 {
        font-size: 22px;
        font-weight: 700;
        color: #6C3EF3;
        font-style: italic;
        margin-bottom: 30px;
        background: #f5f3ff;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 50px;
    }

    /* --- CHECKLIST GRID --- */
    .Oto_Check_Grid_C9 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 40px;
    }

    .Oto_Check_Item_C9 {
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .Oto_Check_Icon_C9 {
        min-width: 24px;
        height: 24px;
        background: #dcfce7;
        color: #16a34a;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-size: 14px;
        margin-top: 3px;
    }

    .Oto_Check_Text_C9 {
        font-size: 17px;
        font-weight: 600;
        color: #334155;
    }

    /* --- COMPARISON NOTE (Bottom) --- */
    .Oto_Compare_Note_C9 {
        margin-top: 40px;
        padding-top: 20px;
        border-top: 1px solid #e2e8f0;
        font-size: 16px;
        color: #64748b;
        font-style: italic;
    }

    .Oto_Note_Bold_C9 {
        color: #0f172a;
        font-weight: 700;
        font-style: normal;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .Oto_Connect_Title_C9 { font-size: 32px; }
        .Oto_Check_Grid_C9 { grid-template-columns: 1fr; }
        .Oto_Question_Text_C9 { font-size: 18px; }
    }


    /* --- UNIQUE SCOPED CSS (Comparison Theme) --- */
    
    .Oto_Compare_Section_VS9 {
        padding: 40px 20px;
        background: #f8fafc; /* Light Slate BG */
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
        overflow: hidden;
    }

    .Oto_Comp_Container_VS9 {
        max-width: 1000px;
        margin: 0 auto;
    }

    /* --- HEADER --- */
    .Oto_Comp_Header_VS9 {
        text-align: center;
        margin-bottom: 60px;
    }

    .Oto_Comp_Label_VS9 {
        font-size: 13px;
        font-weight: 800;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 15px;
        display: inline-block;
        background: #e2e8f0;
        padding: 6px 14px;
        border-radius: 50px;
    }

    .Oto_Comp_Title_VS9 {
        font-size: 38px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.2;
    }

    /* --- GRID LAYOUT --- */
    .Oto_Vs_Grid_VS9 {
        display: grid;
        grid-template-columns: 1fr 1.1fr; /* Paid side slightly bigger */
        gap: 40px;
        align-items: center;
        margin-bottom: 70px;
    }

    /* --- FREE CARD (Basic) --- */
    .Oto_Card_Free_VS9 {
        background: #ffffff;
        padding: 40px;
        border-radius: 20px;
        border: 1px solid #e2e8f0;
        color: #64748b;
        position: relative;
    }

    .Oto_Card_Title_Free_VS9 {
        font-size: 22px;
        font-weight: 700;
        color: #475569;
        margin-bottom: 10px;
    }

    .Oto_Free_Desc_VS9 {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    /* List for Free */
    .Oto_List_Free_VS9 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .Oto_Item_Free_VS9 {
        display: flex;
        gap: 12px;
        margin-bottom: 15px;
        font-size: 15px;
    }

    .Oto_X_Icon_VS9 {
        color: #ef4444; /* Red X */
        font-weight: 700;
    }

    /* --- PAID CARD (Premium) --- */
    .Oto_Card_Paid_VS9 {
        background: #ffffff;
        padding: 50px;
        border-radius: 24px;
        border: 2px solid #6C3EF3; /* Brand Color Border */
        box-shadow: 0 25px 50px -12px rgba(108, 62, 243, 0.15);
        position: relative;
        transform: scale(1.02);
    }

    /* Recommended Badge */
    .Oto_Rec_Badge_VS9 {
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        background: #6C3EF3;
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 6px 16px;
        border-radius: 20px;
        letter-spacing: 1px;
    }

    .Oto_Card_Title_Paid_VS9 {
        font-size: 26px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 10px;
    }

    .Oto_Paid_Desc_VS9 {
        font-size: 16px;
        color: #334155;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    /* List for Paid */
    .Oto_List_Paid_VS9 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .Oto_Item_Paid_VS9 {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
        font-size: 16px;
        font-weight: 600;
        color: #1e293b;
    }

    .Oto_Check_Icon_VS9 {
        width: 24px; height: 24px;
        background: #dcfce7;
        color: #16a34a;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-size: 14px;
    }

    /* --- IMPACT / SEO SECTION --- */
    .Oto_Impact_Wrap_VS9 {
        background: #0f172a; /* Dark Section */
        border-radius: 20px;
        padding: 40px;
        text-align: center;
        color: #fff;
    }

    .Oto_Imp_Head_VS9 {
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 20px;
    }

    .Oto_Results_Grid_VS9 {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .Oto_Res_Item_VS9 {
        background: rgba(255,255,255,0.1);
        padding: 15px 25px;
        border-radius: 12px;
        font-size: 15px;
    }

    .Oto_Trusted_Tag_VS9 {
        font-size: 14px;
        color: #94a3b8;
        margin-top: 20px;
        display: block;
    }

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .Oto_Vs_Grid_VS9 { grid-template-columns: 1fr; gap: 30px; }
        .Oto_Card_Paid_VS9 { transform: scale(1); border-width: 1px; }
        .Oto_Results_Grid_VS9 { flex-direction: column; gap: 15px; }
    }

   /* Section Background */
    .OTO_FAQ_Section_Final {
        padding: 60px 20px;
        background-color: #f8faff; /* Very light subtle blue-white */
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        /* Premium Subtle Light Gradient */
        background: #eef6f6;
        overflow: hidden;
        box-sizing: border-box;
        
    }

    .OTO_FAQ_Container_Final {
        max-width: 900px;
        margin: 0 auto;
    }

    /* Heading Styling */
    .OTO_FAQ_Heading_Block {
        text-align: center;
        margin-bottom: 40px;
    }

    .OTO_FAQ_Heading_Block h2 {
        font-size: 34px;
        font-weight: 800;
        color: #111;
        margin: 0 0 10px 0;
    }
    
    .OTO_FAQ_Heading_Block span {
        color: #5b21b6; /* OTO Purple */
        position: relative;
    }
    
    /* Underline Effect for Heading */
    .OTO_FAQ_Heading_Block span::after {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background: #5b21b6;
        opacity: 0.3;
        position: absolute;
        bottom: 2px;
        left: 0;
    }

    /* FAQ ITEM */
    .OTO_FAQ_Item_Final {
        margin-bottom: 15px;
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.04);
        border: 1px solid #eee;
        transition: all 0.3s ease;
    }

    /* QUESTION HEADER */
    .OTO_FAQ_Question_Final {
        width: 100%;
        background: #fff;
        color: #222;
        padding: 18px 25px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
        border: none;
        outline: none;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: background 0.3s, color 0.3s;
    }

    .OTO_FAQ_Icon_Final {
        font-size: 18px;
        color: #5b21b6;
        transition: transform 0.3s ease;
    }

    /* ANSWER BODY (Hidden) */
    .OTO_FAQ_Answer_Final {
        max-height: 0;
        overflow: hidden;
        background: #fff;
        color: #555;
        font-size: 15px;
        line-height: 1.6;
        padding: 0 25px;
        transition: max-height 0.4s ease, padding 0.3s ease;
    }

    .OTO_FAQ_Answer_Final p {
        margin: 0 0 15px 0;
    }
    
    /* Links in Answer */
    .OTO_FAQ_Answer_Final a {
        color: #5b21b6;
        font-weight: 600;
        text-decoration: none;
    }

    /* --- ACTIVE STATE (Purple Header) --- */
    .OTO_FAQ_Item_Final.active {
        box-shadow: 0 8px 20px rgba(108, 62, 243, 0.15);
        border-color: #5b21b6;
    }

    .OTO_FAQ_Item_Final.active .OTO_FAQ_Question_Final {
        background-color: #5b21b6;
        color: #fff;
    }

    .OTO_FAQ_Item_Final.active .OTO_FAQ_Icon_Final {
        color: #fff;
        transform: rotate(180deg);
    }

    .OTO_FAQ_Item_Final.active .OTO_FAQ_Answer_Final {
        max-height: 500px; /* Big enough for content */
        padding: 20px 25px;
    }

</style>