/* Direction studio : profondeur, rythme editorial et grandes images. */
:root{--navy:#091a25;--deep:#06131c;--cyan:#00c5df;--paper:#f4f7f8;--ink:#102d35}
body{background:var(--paper)}.preview{background:#142d35;color:#b9d4d3}.preview a{color:#fff}header{background:#091a25;color:white;border-bottom:1px solid #ffffff12}nav{height:82px}.logo span{color:var(--cyan)}.navright .button{background:var(--cyan);color:var(--deep)}
.hero{isolation:isolate;background:#071923;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06141ef5 8%,#06141ed9 42%,#06141e70 75%,#06141eaa),url('/images/radio-ecole.webp') 78% 35%/cover}.hero:after{width:700px;height:700px;right:-100px;top:10px;border:1px solid #00c5df22;box-shadow:0 0 0 75px #00c5df06,0 0 0 150px #00c5df05;z-index:-1}.hero-grid{padding:95px 0 92px;gap:48px;min-height:660px}.hero h1{font-size:clamp(48px,5.9vw,79px);letter-spacing:-4px;line-height:1.01}.hero h1 em{display:inline-block;text-shadow:0 0 55px #00c5df30}.hero .intro{max-width:440px;color:#ccdbde}.hero .eyebrow{font-size:10px;letter-spacing:.18em}.button{border-radius:50px;padding:17px 25px}.hero .button{box-shadow:0 8px 30px #00c5df1a}.hero-bottom{font-size:10px;letter-spacing:.02em;padding:23px 0}.reassurance{color:#c0d0d5}
.demo-card{background:linear-gradient(140deg,#24434ddd,#102a36ee);border:1px solid #94d7d84a;backdrop-filter:blur(18px);color:white;padding:28px;box-shadow:0 30px 80px #0006;transform:rotate(2deg);border-radius:20px;margin-left:28px;position:relative}.demo-card:before{content:'VOTRE NOUVELLE FRÉQUENCE';position:absolute;top:-17px;right:25px;background:var(--cyan);color:#12333a;font-size:9px;letter-spacing:.12em;font-weight:800;padding:8px 14px;border-radius:30px;transform:rotate(-5deg)}.card-top{color:#d5e9e8}.pill{background:#ffffff12;color:#c9f8e8;border:1px solid #ffffff15}.source{border-color:#ffffff20;gap:24px}.cover{width:122px;height:153px;transform:rotate(-10deg);margin:5px 0 8px -43px;box-shadow:9px 10px 0 #e0e9df,14px 22px 35px #0006;padding:14px;border-radius:4px}.cover strong{font-size:29px}.source-label{color:#9ebbbf}.source h3{font-size:21px}.source p{color:#c5d8d9}.flow{color:#b9d6d7}.flow span{background:#ffffff20}.result{background:#061b25;border-color:#6fadb938;border-radius:13px;padding:22px;box-shadow:0 15px 25px #0003;transform:translateX(10px) rotate(-2deg)}.result h3{font-size:20px}.result-label{color:#75ddeb}.play{background:var(--cyan);color:var(--deep);width:53px;height:53px}.wave i{background:#3b8c91}.wave i:nth-child(3n){background:var(--cyan)}.time{color:#b4d1d5}.seek{accent-color:var(--cyan)}.demo-note{color:#b3cdcf}.demo-card .audio-status{color:#ceeeea}.playing .wave i{animation:none}
.signal-strip{background:var(--cyan);padding:20px 0;overflow:hidden;color:#123b3d}.signal-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px}.signal-strip b{font-size:25px;font-weight:400;opacity:.5}.section{padding:95px 0}h2{font-size:clamp(34px,3.6vw,49px);letter-spacing:-2px}.steps{gap:22px}.step{padding:28px;background:#fff9;border:1px solid #dce1d8;border-radius:13px;position:relative}.step:nth-child(2){background:#e3eff3;transform:translateY(18px)}.step-num{font-size:11px;margin-bottom:34px}.step h3{font-size:21px}.step p{font-size:14px}
.benefits{background:#102c3c;color:#fff;position:relative;overflow:hidden}.benefit-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.benefit-image{position:relative;min-height:540px;border-radius:180px 180px 18px 18px;overflow:hidden}.benefit-image img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.benefit-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#061a28db)}.image-caption{position:absolute;bottom:35px;left:35px;right:30px;z-index:1}.image-caption small{font-size:10px;letter-spacing:.14em;color:var(--cyan)}.image-caption h3{font-size:32px;line-height:1.2;margin-top:10px;letter-spacing:-1px}.benefits .eyebrow{color:var(--cyan)}.benefits h2{margin:20px 0 25px;font-size:42px}.benefit-items{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}.benefit-items article{border-top:1px solid #ffffff25;padding-top:18px}.benefit-items h3{font-size:15px;margin-bottom:8px}.benefit-items p{font-size:12px;color:#b4ccd1;line-height:1.7}
.examples{background:#f4f7f8}.example-grid{grid-template-columns:1.18fr 1fr 1fr;gap:20px}.example{border:0;background:transparent;overflow:visible}.example-photo{height:305px;border-radius:12px;box-shadow:0 16px 28px #14312616}.example:first-child .example-photo{height:375px}.example:nth-child(2){padding-top:40px}.example:nth-child(3){padding-top:80px}.example-photo img{filter:saturate(.8)}.example-body{padding:23px 3px}.example h3{font-size:23px}.listen{font-size:12px}.listen span:last-child{background:var(--ink);color:var(--cyan);border:none;width:34px;height:34px}.more-uses{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #ccd7d0;margin-top:26px;padding-top:25px;font-size:12px}.more-uses>span{margin-right:auto;color:#5d7071}.more-uses a{padding:9px 16px;border:1px solid #c8d6d1;border-radius:30px}.more-uses a:hover{background:#dceef4}
.podcast-focus{background:#e1edf2}.podcast-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.podcast-focus h2{margin:20px 0}.podcast-focus p{color:#52706e;font-size:15px}.podcast-focus .text-link{display:inline-block;margin-top:23px}.podcast-art{background:#163747;border-radius:18px;padding:32px;position:relative;box-shadow:0 24px 35px #102d351b;transform:rotate(-2deg);color:white}.podcast-art .art-image{height:225px;border-radius:9px;overflow:hidden;position:relative}.art-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.art-image strong{position:absolute;left:22px;bottom:22px;font:800 37px/1.05 Manrope,sans-serif;letter-spacing:-1.4px}.podcast-art .listen{color:#fff;border-color:#ffffff30}.podcast-art .listen span:last-child{background:var(--cyan);color:#163747}.channels{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.channels span{font-size:10px;border:1px solid #b6cbc1;border-radius:20px;padding:7px 11px}.podcast-art small{display:block;font-size:10px;color:#b5d8cf;margin-top:16px}.formats .format-list{border:0}.format-item{border-radius:12px;background:white;padding:27px;margin-bottom:15px;border:1px solid #dce4dc}.format-icon{background:#def3f8;width:43px;height:43px;border-radius:50%;display:grid;place-items:center}.format-item:last-child{background:#183746;color:white}.format-item:last-child p{color:#bed2d5}.format-item:last-child small{color:var(--cyan)}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq-layout h2{margin-top:18px}.faq-layout p{font-size:14px;color:#637b7a;margin-top:20px}.faq-list{border-top:1px solid #c6d4cd}.faq-list details{border-bottom:1px solid #c6d4cd;padding:21px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;display:flex;justify-content:space-between;gap:24px}.faq-list summary:after{content:'+';font-size:23px;color:#24827d;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{font-size:13px;margin:15px 30px 0 0}.faq{padding-top:25px}.cta{background:radial-gradient(ellipse at 85% 100%,#1c536a 0,transparent 60%),#091d27;padding:85px 0;position:relative;overflow:hidden}.cta:after{content:'≋';position:absolute;right:25px;bottom:-170px;font-size:550px;color:#00c5df08;line-height:1;pointer-events:none}.cta h2{font-size:46px;position:relative;z-index:1}.cta .button{z-index:1}footer{background:#071923;color:white}.footer-links,.footer-small{color:#a8bfc5}
@media(max-width:1000px){.hero h1{font-size:58px}.hero-grid{gap:25px}.demo-card{margin-left:15px;padding:20px}.source h3{font-size:18px}.cover{width:102px;height:137px;margin-left:-30px}.benefit-layout,.podcast-layout,.faq-layout{gap:35px}.benefits h2{font-size:35px}.benefit-items{gap:18px}.benefit-image{min-height:570px}.example h3{font-size:20px}.step{padding:22px}.signal-strip .wrap{font-size:14px}}
@media(max-width:720px){nav{height:74px}.hero-grid{padding:54px 0 44px;gap:52px;min-height:0}.hero h1{font-size:clamp(39px,11.5vw,49px);letter-spacing:-2.5px}.hero:before{background:linear-gradient(#06141eca,#06141ee8),url('/images/radio-ecole.webp') 58% top/auto 680px}.demo-card{width:calc(100% - 18px);margin:0 0 0 18px;padding:20px 17px;transform:rotate(1deg)}.demo-card:before{font-size:8px;right:12px}.source{gap:15px}.cover{width:95px;height:129px;margin-left:-29px}.cover strong{font-size:25px}.source h3{font-size:17px}.result{padding:17px;transform:translateX(0) rotate(-1deg)}.result h3{font-size:18px}.demo-card .card-top{font-size:8px}.pill{font-size:8px}.hero-bottom{font-size:9px}.signal-strip{padding:16px 0}.signal-strip .wrap{font-size:11px;gap:9px}.signal-strip b{font-size:17px}.section{padding:60px 0}.step:nth-child(2){transform:none}.step-num{margin-bottom:16px}.benefit-layout,.podcast-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.benefit-image{min-height:380px;border-radius:140px 140px 12px 12px}.benefits h2{font-size:34px}.benefit-items{gap:23px 20px}.benefit-items h3{font-size:14px}.example-grid{grid-template-columns:1fr;gap:27px}.example:nth-child(n){padding:0}.example:nth-child(n) .example-photo{height:280px}.example-body{padding:19px 3px}.example p{font-size:14px}.more-uses>span{width:100%}.podcast-art{padding:23px;transform:none}.podcast-art .art-image{height:240px}.cta{padding:60px 0}.cta h2{font-size:33px}.faq{padding-top:0}.formats{gap:30px}h2{font-size:34px}.podcast-layout{gap:35px}.hero .intro{font-size:15px}.navright .button{padding:12px 15px}.footer-links{color:#c3d5da}}

/* Identité officielle et choix des trois univers dans le lecteur principal. */
header{background:var(--paper);color:var(--ink)}.logo{display:inline-flex;align-items:center;line-height:1}.logo img{display:block;width:190px;height:auto}footer .logo{background:var(--paper);padding:9px 13px;border-radius:6px}.hero-choices{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 25px;transform:rotate(-2deg)}.hero-choices button{background:#ffffff08;color:#d6e9e8;border:1px solid #8eafaf55;border-radius:30px;padding:8px 11px;font-size:10px;font-weight:600;line-height:1.4}.hero-choices button[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:#102d35}.hero-choices button:hover{border-color:var(--cyan)}.demo-card .card-top{gap:10px}.cover strong{font-size:25px}.source h3{max-width:280px}
@media(max-width:720px){.logo img{width:150px}.hero-choices{gap:6px;margin-bottom:23px;transform:none}.hero-choices button{font-size:9px;padding:8px 9px}.demo-card .card-top{flex-wrap:wrap;gap:8px}.source h3{font-size:17px}.cover strong{font-size:22px}}

/* Hero aligné : le contenu et le lecteur remplacent la pochette décorative. */
.hero .demo-card{transform:none;margin-left:0;width:100%;padding:28px}
.hero .demo-card:before{transform:none;top:auto;right:auto;position:static;display:inline-block;margin-bottom:18px}
.hero .hero-choices,.hero .result{transform:none}
.hero .source .cover{display:none}
.hero .source{padding:0 0 22px;margin:0;display:block}
.hero .source h3{max-width:none;font-size:23px;line-height:1.35;margin:9px 0}
.hero .source p{font-size:13px}
.hero .result{width:100%}
.hero .demo-card .card-top{margin-bottom:16px}
@media(max-width:720px){.hero .demo-card{margin:0;padding:22px 19px;width:100%}.hero .source h3{font-size:21px}.hero .demo-card:before{font-size:8px;margin-bottom:17px}.hero .hero-choices{margin-bottom:24px}}

/* Accents cyan alignés avec le .ai du logo. */
:root{--cyan:#00c5df;--paper:#f4f7f8;--ink:#102b3b}
.button:hover{background:#48d9ec}.eyebrow,.step-num,.source-label,.example-body small,.format-item small,.faq-list summary:after{color:#1787a0}
.hero .eyebrow,.benefits .eyebrow,.result-label{color:#64dfef}.hero .hero-choices button[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan)}
.signal-strip{background:#00c5df;color:#083040}.podcast-focus{background:#e1edf2}.format-icon{background:#def3f8;color:#1787a0}.pill{color:#c8eff7}.wave i{background:#307d98}.wave i:nth-child(3n){background:#00c5df}

/* Trois publics, une hiérarchie commune. */
.examples .example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.examples .example:nth-child(n){padding:0;background:#fff;border:1px solid #dce5eb;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px #102b3b06}
.examples .example:nth-child(n) .example-photo{height:auto;aspect-ratio:4/3;border-radius:0;box-shadow:none;flex-shrink:0}
.examples .example-photo img{display:block;object-fit:cover}
.examples .example-body{padding:25px;display:flex;flex-direction:column;flex:1}
.examples .example-body small{font-size:10px;letter-spacing:.11em;font-weight:700;color:#167e96;min-height:17px}
.examples .example h3{font-size:23px;line-height:1.35;min-height:calc(1.35em * 2);margin:12px 0}
.examples .example p{font-size:14px;line-height:1.7;min-height:0;margin-bottom:24px}
.examples .listen{margin-top:auto;padding-top:18px;border-top:1px solid #e1e9ed;text-align:left;gap:12px;min-height:53px}
.examples .listen span:last-child{background:#e3f7fb;color:#087c96;flex-shrink:0;transition:background .2s}
.examples .listen:hover span:last-child,.examples .listen[aria-pressed="true"] span:last-child{background:var(--cyan);color:var(--deep)}
@media(max-width:1000px) and (min-width:721px){.examples .example-grid{gap:16px}.examples .example-body{padding:20px}.examples .example h3{font-size:20px}.examples .listen{font-size:11px}}
@media(max-width:720px){.examples .example-grid{grid-template-columns:1fr;gap:23px}.examples .example-body{padding:23px}.examples .example h3{min-height:0;font-size:23px}.examples .example:nth-child(n) .example-photo{height:auto;aspect-ratio:4/3}}

/* Apparitions au scroll : courtes, uniques et sans modifier les alignements. */
.scroll-reveal{opacity:0;translate:0 16px;transition:opacity .48s ease-out var(--reveal-delay,0ms),translate .48s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms)}
.scroll-reveal.is-revealed{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;transition:none}}
@media print{.scroll-reveal{opacity:1;translate:none}}

/* Contact WhatsApp : invitation lisible, mouvement uniquement au survol. */
.whatsapp-contact{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;align-items:center;gap:13px;padding:14px 20px 14px 14px;background:#fff;color:#102b3b;border:1px solid #cbe2e9;border-radius:18px;box-shadow:0 10px 35px #07192324;transition:translate .2s,box-shadow .2s;max-width:calc(100vw - 32px)}
.whatsapp-contact:hover{translate:0 -4px;box-shadow:0 15px 40px #07192335}
.whatsapp-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e8f8ef;color:#128c55;flex-shrink:0}
.whatsapp-copy{display:flex;flex-direction:column;line-height:1.4;gap:3px}.whatsapp-copy small{font-size:8px;letter-spacing:.1em;color:#59737e;font-weight:700}.whatsapp-copy strong{font-size:13px}.whatsapp-copy>span{font-size:11px;color:#147c93}.whatsapp-copy>span span{display:inline-block;margin-left:4px}
footer{padding-bottom:140px}
@media(max-width:720px){.whatsapp-contact{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:9px 13px 9px 9px;gap:9px;border-radius:40px}.whatsapp-icon{width:36px;height:36px;border-radius:50%}.whatsapp-icon svg{width:23px;height:23px}.whatsapp-copy small,.whatsapp-copy strong{display:none}.whatsapp-copy>span{font-size:12px;font-weight:700}.whatsapp-copy>span span{margin-left:2px}footer{padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){.whatsapp-contact{transition:none}.whatsapp-contact:hover{translate:none}}