/* TIMAH ACADEMY — direction visuelle validée : blanc, bleu et rouge */
:root{
    --timah-blue:#123fd4;
    --timah-blue-dark:#072fbe;
    --timah-red:#ef0f35;
    --timah-red-dark:#d9082b;
    --timah-red-soft:#fff0f3;
}

html,body{max-width:100%;overflow-x:hidden;}
body{background:var(--bg);}
main{display:flex;flex-direction:column;min-width:0;}
.container,.head-inner,.hero-grid,.hero-copy,.hero-visual,.feature-row{min-width:0;}
.hero{order:1;background:var(--bg);padding-top:22px;}
.why{order:2;background:var(--bg);padding:46px 0 28px;}
.stats{order:3;padding:10px 0 34px;}
.audiences{order:4;padding:18px 0 46px;}
.approach{order:5;padding-top:46px;}
.trial{order:6;padding:38px 0 56px;}
.testimonials{order:7;}
.faq{order:8;}
.final-cta{order:9;padding:34px 0 52px;}

header{background:var(--head);box-shadow:0 10px 35px rgba(15,35,90,.06);}
.main-nav a:hover,.main-nav a.active{color:var(--timah-red);}
.main-nav a:after{background:var(--timah-red);}
.head-actions>a.btn.primary{background:linear-gradient(135deg,var(--timah-red),var(--timah-red-dark));border-color:var(--timah-red);color:#fff;box-shadow:0 12px 24px -14px rgba(239,15,53,.78);}
.head-actions>a.btn.primary:hover{box-shadow:0 16px 30px -14px rgba(239,15,53,.9);}

.eyebrow{color:var(--timah-red);}
.hero:before{background:radial-gradient(circle at 79% 32%,rgba(18,63,212,.11),transparent 36%),radial-gradient(circle at 67% 30%,rgba(239,15,53,.08),transparent 26%);}
.hero-grid{grid-template-columns:minmax(410px,.82fr) minmax(650px,1.38fr);gap:28px;width:100%;}
.hero-grid>*{min-width:0;max-width:100%;}
.hero h1{color:var(--text);}
.hero h1 span{color:var(--timah-red);}
.hero-ctas .btn.primary{background:linear-gradient(135deg,var(--timah-red),var(--timah-red-dark));border-color:var(--timah-red);color:#fff;}
.hero-ctas .btn:not(.primary){border-color:var(--timah-blue);color:var(--timah-blue);background:var(--panel);}
.hero-visual{width:100%;max-width:100%;border-radius:120px 24px 0 0;background:linear-gradient(135deg,var(--soft),var(--accent-soft));box-shadow:0 24px 50px -34px rgba(18,63,212,.35);}
.hero-visual>img{display:block;width:100%;max-width:100%;object-position:center bottom;}
.floating-card{border-color:var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);}
.floating-card i{background:var(--timah-red-soft);color:var(--timah-red);}

.feature-row{padding-top:16px;border-bottom:1px solid var(--line);}
.feature i{background:var(--timah-blue);color:#fff;box-shadow:0 10px 22px -14px rgba(18,63,212,.9);}
.feature b{color:var(--text);}

.why .section-head{margin-bottom:18px;}
.why .section-head h2,.why .section-head p{display:none;}
.why .section-head>div{grid-column:1/-1;text-align:center;}
.why .section-head .eyebrow{justify-content:center;color:var(--timah-blue);}
.why .section-head .eyebrow:after{content:"";width:20px;height:3px;border-radius:20px;background:currentColor;}
.why-grid{gap:14px;}
.why-card{min-height:0;padding:22px 20px;border:0;border-radius:16px;background:linear-gradient(145deg,var(--timah-blue),var(--timah-blue-dark));color:#fff;box-shadow:0 18px 34px -24px rgba(18,63,212,.65);}
.why-card:hover{border-color:transparent;transform:translateY(-5px);box-shadow:0 24px 42px -24px rgba(18,63,212,.8);}
.why-card i{width:44px;height:44px;margin-bottom:15px;background:#fff;color:var(--timah-blue);border-radius:50%;}
.why-card h3{color:#fff;font-size:14px;}
.why-card p{color:rgba(255,255,255,.86);font-size:11.8px;}

.stats-grid{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 16px 34px -28px rgba(12,34,95,.28);}
.stat{border-right:1px solid var(--line);}
.stat i{background:var(--timah-blue);color:#fff;}
.stat b{color:var(--timah-blue);font-size:24px;}
.stat span{color:var(--muted);}

.audiences .section-head{margin-bottom:18px;}
.audiences .section-head h2,.audiences .section-head p{display:none;}
.audiences .section-head>div{grid-column:1/-1;text-align:center;}
.audiences .section-head .eyebrow{justify-content:center;color:var(--timah-blue);}
.audiences .section-head .eyebrow:after{content:"";width:20px;height:3px;border-radius:20px;background:currentColor;}
.audience-card{min-height:0;padding:20px;border-radius:16px;background:var(--panel);box-shadow:0 14px 30px -26px rgba(20,38,89,.32);}
.audience-card:after{display:none;}
.audience-card i{width:42px;height:42px;margin-bottom:14px;border-radius:10px;background:var(--timah-red);color:#fff;}
.audience-card h3{font-size:15px;color:var(--text);}
.audience-card p{font-size:11.8px;color:var(--muted);}

.trial-shell{background:linear-gradient(135deg,var(--timah-blue),var(--timah-blue-dark));}
.trial .btn.primary{background:var(--timah-red);border-color:var(--timah-red);color:#fff;}

.final-shell{background:linear-gradient(135deg,var(--timah-blue),var(--timah-blue-dark));border:0;color:#fff;box-shadow:0 22px 44px -28px rgba(18,63,212,.72);}
.final-shell .eyebrow,.final-shell h2{color:#fff;}
.final-shell p{color:rgba(255,255,255,.84);}
.final-actions .btn.primary{background:var(--timah-red);border-color:var(--timah-red);color:#fff;}
.final-actions .btn:not(.primary){border-color:#fff;color:#fff;}

/* Préservation complète du mode sombre existant */
:root[data-theme="dark"] body{background:var(--bg);color:var(--text);}
:root[data-theme="dark"] header{background:var(--head);border-bottom-color:var(--line);box-shadow:0 10px 35px rgba(0,0,0,.28);}
:root[data-theme="dark"] .hero,
:root[data-theme="dark"] .why,
:root[data-theme="dark"] .audiences,
:root[data-theme="dark"] .approach,
:root[data-theme="dark"] .trial,
:root[data-theme="dark"] .faq,
:root[data-theme="dark"] .final-cta{background:var(--bg);}
:root[data-theme="dark"] .hero:before{background:radial-gradient(circle at 79% 32%,rgba(77,217,232,.11),transparent 36%),radial-gradient(circle at 67% 30%,rgba(239,15,53,.06),transparent 26%);}
:root[data-theme="dark"] .hero h1,
:root[data-theme="dark"] .feature b,
:root[data-theme="dark"] .audience-card h3{color:var(--text);}
:root[data-theme="dark"] .hero-ctas .btn:not(.primary){background:var(--panel);border-color:var(--accent);color:var(--accent);}
:root[data-theme="dark"] .hero-visual{background:linear-gradient(135deg,var(--soft),var(--accent-soft));box-shadow:0 24px 50px -34px rgba(0,0,0,.75);}
:root[data-theme="dark"] .floating-card{background:color-mix(in srgb,var(--panel) 94%,transparent);border-color:var(--line);}
:root[data-theme="dark"] .floating-card i{background:rgba(239,15,53,.14);color:#ff6b88;}
:root[data-theme="dark"] .why-card{background:linear-gradient(145deg,#163cae,#0c287f);}
:root[data-theme="dark"] .stats-grid{background:var(--panel);color:var(--text);border-color:var(--line);}
:root[data-theme="dark"] .stat{border-color:var(--line);}
:root[data-theme="dark"] .stat b{color:var(--accent);}
:root[data-theme="dark"] .stat span{color:var(--muted);}
:root[data-theme="dark"] .audience-card{background:linear-gradient(155deg,var(--panel),var(--soft));border-color:var(--line);}
:root[data-theme="dark"] .audience-card i{color:#fff;}
:root[data-theme="dark"] .step,
:root[data-theme="dark"] .faq-item,
:root[data-theme="dark"] .test-card{background:var(--panel);border-color:var(--line);color:var(--text);}
:root[data-theme="dark"] .exams{background:var(--soft);border-color:var(--line);}
:root[data-theme="dark"] .final-shell,
:root[data-theme="dark"] .trial-shell{background:linear-gradient(135deg,#071331,#0b1f55);}
:root[data-theme="dark"] .footer{border-top-color:var(--line);color:var(--muted);}

@media(max-width:1180px){
    .container{width:min(100% - 32px,1460px);}
    .hero-grid{grid-template-columns:minmax(0,1fr);gap:20px;}
    .hero-copy,.hero-visual{width:100%;max-width:100%;}
    .hero-visual{border-radius:26px 26px 0 0;min-height:0;overflow:hidden;}
    .hero-visual>img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center;}
}

@media(max-width:760px){
    .container{width:calc(100% - 22px);max-width:100%;}
    .hero{padding-top:12px;}
    .hero-grid{display:flex;flex-direction:column;gap:16px;}
    .hero-copy{order:1;width:100%;padding:12px 0 6px;}
    .hero-visual{order:2;width:100%;max-width:100%;min-height:0;border-radius:22px;overflow:hidden;background:var(--soft);}
    .hero-visual>img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center;border-radius:22px 22px 0 0;}
    .floating-card{position:relative;inset:auto;width:100%;margin:0;border-radius:0 0 18px 18px;box-shadow:none;}
    .feature-row{order:3;width:100%;grid-template-columns:1fr 1fr;gap:14px 10px;padding:16px 0 20px;}
    .feature{min-width:0;}
    .why,.audiences{padding-top:36px;}
    .why-card,.audience-card{padding:18px;}
    .stats{padding-bottom:24px;}
}

@media(max-width:430px){
    .container{width:calc(100% - 18px);}
    .hero-visual{border-radius:18px;}
    .hero-visual>img{border-radius:18px 18px 0 0;}
    .feature-row{grid-template-columns:1fr;}
}