/*!
 * THÈME 11 « BULLES » (12/10/2026) — code propriétaire. S'ajoute au socle du Thème 1 et à l'habillage sombre commun.
 * Inspiré de « Niva — AI Automation Agency » (Dribbble).
 */
body.ns-theme11 { font-family: 'Plus Jakarta Sans', 'main-font-family', system-ui, sans-serif; }
body.ns-theme11 h1, body.ns-theme11 h2, body.ns-theme11 .t1-titre-section { font-weight: 700; letter-spacing: -.035em; }
.tx-actions { display: flex; gap: 12px; flex-wrap: wrap; } .tx-btn { display: inline-flex; align-items: center; gap: 8px; border-radius: 8px; padding: 12px 20px; font-weight: 700; background: var(--t1-marque); color: #fff !important; box-shadow: 0 10px 30px -10px var(--t1-marque); }
.tx-btn svg { width: 16px; height: 16px; } .tx-btn.sec { background: rgba(255,255,255,.06); color: #fff !important; border: 1px solid rgba(255,255,255,.18); box-shadow: none; }
.b11-heros, .ps-tete { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(50% 60% at 75% 40%, rgba(255,255,255,.05), transparent 70%), var(--t5-nuit, #050505); color: #fff; }
.b11-heros { padding: 150px 0 50px; min-height: 92vh; display: flex; flex-direction: column; justify-content: space-between; }
.b11-grille { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; flex: 1; }
.b11-puce { display: inline-block; font-size: 11.5px; text-transform: uppercase; letter-spacing: .14em; color: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.16); border-radius: 6px; padding: 5px 10px; }
.b11-titre { font-size: clamp(40px, 5.4vw, 80px); line-height: 1.02; margin: 20px 0; color: #fff !important; } .b11-titre span { color: rgba(255,255,255,.55); }
.b11-lead { color: rgba(255,255,255,.65); max-width: 480px; margin: 0 0 26px; }
.b11-bulles { position: relative; height: 480px; }
.b11-bulles i { position: absolute; aspect-ratio: 1; border-radius: 50%;
    background: radial-gradient(circle at 30% 28%, rgba(255,255,255,.95) 0 6%, rgba(255,255,255,.18) 14%, transparent 36%), radial-gradient(circle at 70% 75%, color-mix(in srgb, var(--t4-jaune) 35%, transparent), transparent 45%), radial-gradient(circle, rgba(255,255,255,.02) 55%, rgba(255,255,255,.35) 70%, rgba(255,255,255,.05) 72%);
    box-shadow: inset 0 0 18px rgba(255,255,255,.18), 0 20px 40px -20px rgba(0,0,0,.9); animation: b11-flotte calc(7s + var(--k) * .9s) ease-in-out infinite; animation-delay: calc(var(--k) * -1.3s); }
@keyframes b11-flotte { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(14px, -22px) scale(1.04); } 66% { transform: translate(-12px, 12px) scale(.97); } }
.b11-bulles.petites { position: absolute; right: 4%; top: 14%; width: 40%; height: 70%; opacity: .7; }
.b11-confiance { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; margin-top: 40px; border-top: 1px solid rgba(255,255,255,.1); padding-top: 22px; }
.b11-confiance small { color: rgba(255,255,255,.5); } .b11-confiance b { color: rgba(255,255,255,.75); font-size: 17px; letter-spacing: -.02em; }
.b11-services { padding: 100px 0; background: var(--t5-nuit, #050505); }
.b11-cartes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.b11-carte { position: relative; overflow: hidden; border-radius: 22px; padding: 28px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); display: grid; gap: 4px; }
.b11-carte .bulle { position: absolute; right: -30px; top: -30px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle at 30% 28%, rgba(255,255,255,.8) 0 5%, transparent 30%), radial-gradient(circle, transparent 55%, color-mix(in srgb, var(--t1-marque) 60%, transparent) 72%, transparent 74%); animation: b11-flotte 8s ease-in-out infinite; animation-delay: calc(var(--k) * -2s); }
.b11-carte b { font-size: 54px; font-weight: 800; letter-spacing: -.05em; color: #fff; } .b11-carte em { font-style: normal; color: var(--t1-marque); font-weight: 700; } .b11-carte small { color: rgba(255,255,255,.6); }
.ps-tete { padding: 150px 0 80px; } .ps-centre { position: relative; z-index: 2; } .ps-tete .t1-fil, .ps-tete .t1-fil a { color: rgba(255,255,255,.5); }
.ps-titre { font-size: clamp(38px, 5vw, 76px); color: #fff !important; margin: 14px 0; } .ps-mot { color: rgba(255,255,255,.55); } .ps-sous { color: rgba(255,255,255,.65); max-width: 580px; margin: 0; }
.ps-puces { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; } .ps-puces span { display: inline-flex; gap: 8px; align-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; padding: 7px 13px; font-size: 13.5px; color: #fff; } .ps-puces svg { width: 15px; height: 15px; color: var(--t1-marque); }
@media (max-width: 900px) { .b11-grille, .b11-cartes { grid-template-columns: 1fr; } .b11-bulles { height: 300px; } }
@media (prefers-reduced-motion: reduce) { .b11-bulles i, .b11-carte .bulle { animation: none; } }