/* --- TCC SUPREME MASTER LAYOUT --- */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800;900&display=swap');

:root {
    --tcc-main: #0066FF;
    --tcc-dark: #000000;
    --tcc-light: #F8FAFC;
    --tcc-accent: #00D2D3;
    --tcc-font-xl: clamp(40px, 8vw, 70px);
    --tcc-font-lg: 36px;
    --tcc-font-md: 22px;
}

.tcc-ultimate-wrapper {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--tcc-dark);
    background: white;
    max-width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

/* SECTION GLOBAL TITLE */
.tcc-mega-title {
    font-size: var(--tcc-font-xl) !important;
    font-weight: 900 !important;
    letter-spacing: -3px;
    line-height: 0.9;
    margin-bottom: 30px !important;
    text-transform: uppercase;
}

/* 1 & 4. GALLERY REVOLUTION */
.tcc-hero-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 10px;
    padding: 0 10px;
}

.tcc-main-frame {
    height: 700px;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

.tcc-main-frame img { width: 100%; height: 100%; object-fit: cover; }

.tcc-gallery-stack {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
}

.tcc-sub-frame { border-radius: 30px; overflow: hidden; }
.tcc-sub-frame img { width: 100%; height: 100%; object-fit: cover; }

/* 5. EXPERT STATS (Bento Black Box) */
.tcc-expert-section {
    background: var(--tcc-dark);
    color: white;
    padding: 80px 40px;
    margin-top: 40px;
    border-radius: 50px 50px 0 0;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 50px;
    align-items: center;
}

.tcc-expert-profile { text-align: center; }
.tcc-expert-profile img { 
    width: 200px; height: 200px; border-radius: 50%; 
    border: 6px solid var(--tcc-main); margin-bottom: 20px;
}

.tcc-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.tcc-stat-box {
    background: #1A1A1A;
    padding: 40px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #333;
}

.tcc-stat-box strong { font-size: 45px; font-weight: 900; color: var(--tcc-main); }
.tcc-stat-box span { font-size: 18px; font-weight: 600; opacity: 0.7; }

/* 6 & 8. TECH & NEEDS (Interactive Deck) */
.tcc-tech-needs {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    padding: 20px;
}

.tcc-tech-card {
    background: var(--tcc-light);
    padding: 60px;
    border-radius: 40px;
}

.tcc-needs-card {
    background: var(--tcc-main);
    color: white;
    padding: 60px;
    border-radius: 40px;
}

/* 7 & 9. COVERED / NOT COVERED (The Ultimate Comparison) */
.tcc-scope-section {
    padding: 80px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.tcc-scope-box {
    padding: 60px;
    border-radius: 50px;
}

.tcc-scope-box.yes { background: #E8F5E9; color: #1B5E20; }
.tcc-scope-box.no { background: #FFEBEE; color: #B71C1C; }

.tcc-scope-box ul { list-style: none; padding: 0; margin-top: 40px; }
.tcc-scope-box li { 
    font-size: 26px; font-weight: 800; padding: 20px 0; 
    border-bottom: 2px solid rgba(0,0,0,0.05);
    display: flex; align-items: center; gap: 15px;
}

/* 10. FAQS (Modern Accordion) */
.tcc-faq-box {
    background: #000; color: #fff; padding: 100px 40px;
}

.tcc-faq-item {
    border-bottom: 1px solid #333;
    padding: 30px 0;
}

.tcc-faq-item summary {
    font-size: 28px; font-weight: 800; cursor: pointer; list-style: none;
    display: flex; justify-content: space-between;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 991px) {
    .tcc-hero-grid, .tcc-expert-section, .tcc-tech-needs, .tcc-scope-section { 
        grid-template-columns: 1fr; 
    }
}