/* Ressources embarquées afin que la maquette soit autonome en local. */
@font-face { font-family: Combat; src: url('./assets/combat.woff2') format('woff2'); font-display: swap; }
:root { --yellow:#fff900; --purple:#6662c8; --lilac:#c792d5; --green:#19f787; --ink:#090909; --line:5px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
/* Le CMS remplace le contenu de secours après sa réponse : garder la zone
   éditoriale invisible évite d'afficher une ancienne version entre-temps.
   L'opacité masque aussi le carrousel Logiciels, qui gère lui-même visibility. */
.cms-loading main { opacity:0; pointer-events:none; }
body { margin:0; color:var(--ink); background:var(--yellow); font-family:ui-monospace, SFMono-Regular, Menlo, monospace; }
button, a { color:inherit; font:inherit; }
.hero { display:grid; min-height:235px; grid-template-columns:minmax(460px,1.65fr) minmax(300px,.72fr) minmax(330px,.62fr); border:var(--line) solid var(--ink); }
.brand { display:flex; align-items:center; gap:32px; padding:55px 6vw; color:inherit; text-decoration:none; }
.brand-copy { display:grid; gap:14px; }
.brand strong { font-family:Combat, sans-serif; font-size:clamp(26px,3vw,54px); letter-spacing:-.05em; line-height:.8; }
.brand small { font-size:9px; font-weight:900; letter-spacing:.13em; }
.brand-mark { width:20px; height:58px; flex:0 0 20px; background:var(--ink); -webkit-mask:url('./assets/logo-radiopiko.svg') center/contain no-repeat; mask:url('./assets/logo-radiopiko.svg') center/contain no-repeat; }
.manifesto { align-self:center; max-width:370px; padding:24px 30px; }
.manifesto h1 { margin:0 0 14px; font-family:Combat,sans-serif; font-size:clamp(22px,2.15vw,38px); line-height:.86; letter-spacing:-.035em; }
.manifesto p { margin:0; max-width:320px; font-size:10px; line-height:1.55; }
.on-air { position:relative; display:flex; flex-direction:column; justify-content:center; gap:9px; padding:16px 24px; border-left:var(--line) solid var(--ink); background:var(--purple); color:white; }
.on-air > span { display:flex; align-items:center; gap:9px; font-size:11px; font-weight:800; letter-spacing:.14em; }
.on-air > span::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(25,247,135,.16); }
.player-row { display:block; min-width:0; transform:translateY(20px); }
.player-content { min-width:0; display:grid; gap:8px; }
.track-copy { min-width:0; display:grid; gap:3px; }
.track-copy .station-name { color:var(--green); font-size:13px; font-weight:900; letter-spacing:.15em; }
.track-copy strong { font-family:Combat,sans-serif; font-size:17px; font-style:normal; }
.track-copy em { color:rgba(255,255,255,.78); font-size:11px; font-style:normal; font-weight:800; letter-spacing:.05em; }
.marquee { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.marquee > span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player-controls { display:flex; min-height:70px; align-items:center; gap:16px; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }
.player-row button { position:relative; width:70px; height:70px; flex:0 0 70px; padding:0; border:4px solid var(--ink); border-radius:50%; background:var(--green); cursor:pointer; font-size:0; transition:transform .18s ease,background .18s ease; }
.player-row button:hover { transform:scale(1.05); background:white; }
.player-row button::before { content:''; position:absolute; top:50%; left:53%; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:16px solid var(--ink); transform:translate(-50%,-50%); }
.player-row button.playing::before { left:50%; width:20px; height:22px; border:0; background:linear-gradient(90deg,var(--ink) 0 30%,transparent 30% 70%,var(--ink) 70% 100%); }
.player-row button.return-live { width:70px; flex-basis:70px; border-radius:50%; background:var(--ink); }
.player-row button.return-live:hover { background:var(--ink); }
.player-row button.return-live::before { left:53%; border-left-color:white; }
.player-controls small { color:rgba(255,255,255,.76); font-size:10px; font-weight:800; letter-spacing:.07em; }
.player-wave { display:none; width:50%; height:34px; overflow:hidden; }
.player-wave.active { display:block; }
.player-wave svg { display:block; width:100%; height:100%; overflow:visible; }
.player-wave path { fill:none; stroke:#fff; stroke-width:7; stroke-linecap:square; vector-effect:non-scaling-stroke; transform-box:view-box; animation:wave-slide 2.4s linear infinite paused; }
.player-wave.active path { animation-play-state:running; }
@keyframes wave-slide { to { transform:translateX(-25%); } }
@media (prefers-reduced-motion:reduce) { .player-wave path { animation:none; } }
.page-grid { display:grid; grid-template-columns:240px minmax(0,1fr); border-inline:var(--line) solid var(--ink); }
.side-menu { position:relative; z-index:2; min-height:100%; border-right:var(--line) solid var(--ink); background:var(--lilac); }
.side-menu nav { position:sticky; top:0; display:grid; background:var(--lilac); }
.side-menu nav a { display:flex; min-height:84px; align-items:center; padding:22px 24px; border-bottom:3px solid var(--ink); font-family:Combat,sans-serif; font-size:19px; line-height:1.05; text-decoration:none; }
.side-menu nav a:hover { background:var(--green); }
.side-menu .menu-cta { background:var(--ink); color:white; }
.side-menu .menu-cta:hover { background:var(--green); color:var(--ink); }
.mobile-menu-hint { display:none; }
main { position:relative; min-width:0; background-color:var(--yellow); background-image:repeating-linear-gradient(82deg,transparent 0 46px,rgba(102,98,200,.42) 47px 49px),repeating-linear-gradient(8deg,transparent 0 41px,rgba(102,98,200,.42) 42px 44px); }
.section-anchor { position:absolute; top:0; }
.editorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:70px 3vw 85px; }
.feature-card { position:relative; min-height:470px; }
.visual { height:360px; border:var(--line) solid var(--ink); background:#555; overflow:hidden; }
.visual > img { position:absolute; z-index:1; inset:0; width:100%; height:360px; object-fit:cover; }
.visual::before { content:''; display:block; width:100%; height:100%; opacity:.7; background:radial-gradient(circle at 25% 30%,var(--green),transparent 22%),linear-gradient(135deg,#343434,#7b7b7b); }
.visual-two::before { background:linear-gradient(45deg,var(--purple),#333 48%,var(--lilac)); }
.visual-three::before { background:radial-gradient(circle,var(--yellow) 0 12%,#222 13% 27%,var(--green) 28% 31%,#555 32%); }
.visual span { position:absolute; top:18px; right:20px; color:white; font-family:Combat,sans-serif; font-size:54px; }
.visual span { z-index:2; }
.label { position:absolute; z-index:5; left:24px; bottom:24px; max-width:74%; padding:11px 14px; border:4px solid var(--ink); background:var(--green); }
.label small { font-size:8px; font-weight:900; letter-spacing:.08em; }
.label h2 { margin:3px 0 0; font-family:Combat,sans-serif; font-size:clamp(17px,1.65vw,28px); line-height:1.05; }
.label p { margin:7px 0 0; font-size:10px; line-height:1.35; }
.label button { margin-top:10px; padding:7px 9px; border:2px solid var(--ink); font-size:8px; font-weight:900; }
body[data-page="home"] .label h2 { font-size:clamp(15px,1.45vw,24px); }
body[data-page="home"] .label small { font-size:10px; }
body[data-page="home"] .catalog-copy h2 { font-size:clamp(18px,1.85vw,29px); }
body[data-page="home"] .catalog-copy small { font-size:10px; }
.link-panels { display:grid; grid-template-columns:repeat(3,1fr); border-top:var(--line) solid var(--ink); }
.link-panels a { display:grid; min-height:230px; align-content:space-between; padding:30px; border-right:var(--line) solid var(--ink); background:var(--lilac); text-decoration:none; }
.link-panels a:last-child { border:0; }
.link-panels a:nth-child(2) { background:var(--green); }
.link-panels strong { font-family:Combat,sans-serif; font-size:clamp(28px,3vw,52px); }
.link-panels span { justify-self:end; font-size:45px; }
footer { display:flex; justify-content:space-between; padding:26px 4vw; border:var(--line) solid var(--ink); background:var(--ink); color:white; }
footer strong { font-family:Combat,sans-serif; }
.side-menu nav a.active { background:var(--green); color:var(--ink); }
.content-main { padding-bottom:80px; }
.page-title { position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:4px; align-items:end; min-height:110px; padding:8px 5vw 16px; border-bottom:var(--line) solid var(--ink); background:rgba(255,249,0,.78); }
.page-title > p { grid-column:1/-1; margin:0; font-size:10px; font-weight:900; letter-spacing:.15em; }
.page-title h1 { margin:0; font-family:Combat,sans-serif; font-size:clamp(24px,3.5vw,56px); line-height:.82; letter-spacing:-.04em; }
.page-title > span { position:absolute; z-index:2; right:4vw; bottom:-20px; width:min(350px,40vw); padding:8px 12px; border:3px solid var(--ink); background:var(--green); font-size:12px; line-height:1.4; }
.catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; padding:55px 4vw; }
.catalog-card { position:relative; min-width:0; padding-bottom:70px; }
.catalog-image { position:relative; height:320px; overflow:hidden; border:var(--line) solid var(--ink); background:#555; }
.catalog-image::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,#333,var(--purple)); }
.catalog-image > img { position:absolute; z-index:1; inset:0; width:100%; height:100%; object-fit:cover; }
.catalog-image.image-2::before { background:radial-gradient(circle at 35% 45%,var(--green) 0 15%,#333 16% 31%,var(--lilac) 32%); }
.catalog-image.image-3::before { background:linear-gradient(45deg,var(--lilac),#252525 48%,var(--yellow)); }
.catalog-image.image-4::before { background:repeating-linear-gradient(90deg,#333 0 18px,var(--purple) 19px 36px,var(--green) 37px 42px); }
.catalog-image b { position:absolute; z-index:2; top:18px; right:20px; color:white; font-family:Combat,sans-serif; font-size:44px; }
.radio-directory-visual { display:flex; align-items:center; justify-content:center; padding:30px; text-decoration:none; }
.radio-directory-visual::before { display:none; }
.radio-directory-visual strong { position:relative; z-index:2; max-width:100%; overflow-wrap:anywhere; text-align:center; font-family:Combat,sans-serif; font-size:clamp(34px,5vw,78px); line-height:.82; letter-spacing:-.04em; }
.radio-directory-system { background:var(--ink); color:white; }
.radio-directory-brand { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:24px; width:100%; }
.radio-directory-brand i { width:26px; height:82px; flex:0 0 26px; background:white; -webkit-mask:url('./assets/logo-radiopiko.svg') center/contain no-repeat; mask:url('./assets/logo-radiopiko.svg') center/contain no-repeat; }
.radio-directory-brand strong { color:white; }
.radio-directory-copy { background:var(--green); color:var(--ink); }
.radio-directory-copy p { margin-top:7px; }
.radio-directory-empty { grid-column:1/-1; padding:40px; border:var(--line) solid var(--ink); background:var(--green); font-weight:900; }
body[data-page="radios"] .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:50px 2.5vw 45px; }
body[data-page="radios"] .catalog-card { padding-bottom:94px; }
body[data-page="radios"] .catalog-image { height:190px; border-width:4px; }
body[data-page="radios"] .radio-directory-visual { padding:16px; }
body[data-page="radios"] .radio-directory-visual strong { font-size:clamp(20px,2vw,34px); }
body[data-page="radios"] .radio-directory-brand { gap:10px; }
body[data-page="radios"] .radio-directory-brand i { width:15px; height:46px; flex-basis:15px; }
body[data-page="radios"] .radio-directory-copy { right:8px; left:8px; min-height:118px; padding:15px 16px; border-width:3px; }
body[data-page="radios"] .radio-directory-copy small { font-size:9px; }
body[data-page="radios"] .radio-directory-copy p { margin:8px 0 0; font-size:12px; line-height:1.4; }
.catalog-copy { position:absolute; z-index:5; right:20px; bottom:0; left:24px; padding:15px 17px; border:4px solid var(--ink); background:var(--green); }
.catalog-copy small { font-size:8px; font-weight:900; letter-spacing:.08em; }
.catalog-copy h2 { margin:5px 0; font-family:Combat,sans-serif; font-size:clamp(21px,2.2vw,35px); }
.catalog-copy p { margin:0 0 12px; font-size:10px; line-height:1.45; }
.catalog-copy button,.catalog-copy .catalog-action,.products-grid button,.products-grid .product-action { display:inline-block; padding:8px 10px; border:2px solid var(--ink); background:var(--ink); color:white; font-size:8px; font-weight:900; text-decoration:none; }
.catalog-grid.legal-grid { display:block; padding:55px 4vw 70px; }
.legal-card { width:100%; min-height:420px; padding:clamp(28px,5vw,70px); border:var(--line) solid var(--ink); background:var(--green); }
.legal-card small { font-size:9px; font-weight:900; letter-spacing:.1em; }
.legal-card h2 { margin:12px 0 30px; font-family:Combat,sans-serif; font-size:clamp(25px,3vw,48px); }
.legal-card p { max-width:1050px; margin:24px 0 0; white-space:pre-wrap; font-size:13px; line-height:1.7; }
.legal-card p mark,.catalog-copy p mark { padding:1px 4px; background:var(--yellow); color:var(--ink); }
.rich-heading { display:inline-block; margin:12px 0 2px; font-family:Combat,sans-serif; font-size:1.25em; }
.rich-list-item { display:inline-block; position:relative; padding-left:18px; }
.rich-list-item::before { position:absolute; left:2px; content:'•'; font-weight:900; }
.font-combat { font-family:Combat,sans-serif; }
.font-mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.text-green { color:#19f787; }.text-purple { color:#6662c8; }.text-blue { color:#5c8dff; }.text-black { color:#090909; }.text-white { color:#ffffff; }.text-yellow { color:#fff900; }
.highlight-green { background:#19f787; }.highlight-purple { background:#6662c8; }.highlight-blue { background:#5c8dff; }.highlight-black { background:#090909; }.highlight-white { background:#ffffff; }.highlight-yellow { background:#fff900; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:var(--line) solid var(--ink); }
.steps-grid article { min-height:300px; padding:35px; border-right:var(--line) solid var(--ink); background:rgba(255,249,0,.84); }
.steps-grid article:last-child { border:0; }
.steps-grid b { font-family:Combat,sans-serif; font-size:55px; color:var(--purple); }
.steps-grid h2 { font-family:Combat,sans-serif; font-size:25px; }
.steps-grid p { font-size:11px; line-height:1.6; }
.big-cta { display:flex; min-height:180px; align-items:center; justify-content:space-between; padding:35px 5vw; border-bottom:var(--line) solid var(--ink); background:var(--green); font-family:Combat,sans-serif; font-size:clamp(30px,5vw,70px); text-decoration:none; }
.products-grid { display:grid; gap:26px; padding:48px 5vw; }
.products-grid article { display:grid; max-width:1050px; grid-template-columns:minmax(210px,.7fr) minmax(300px,1.3fr); border:4px solid var(--ink); background:var(--yellow); }
.product-visual { display:grid; min-height:220px; place-items:center; border-right:4px solid var(--ink); background:var(--purple); }
.product-2 { background:var(--lilac); }
.product-visual span { font-family:Combat,sans-serif; font-size:clamp(52px,7vw,105px); }
.products-grid article > div:last-child { align-self:center; padding:25px 30px; }
.products-grid small { font-weight:900; letter-spacing:.12em; }
.products-grid h2 { margin:8px 0; font-family:Combat,sans-serif; font-size:clamp(28px,3.6vw,50px); }
.products-grid p { max-width:620px; font-size:12px; line-height:1.7; }
.products-grid .product-copy { min-width:0; }
.products-grid .product-action.disabled { opacity:.5; cursor:default; }
[data-editable] { cursor:default; }
.youtube-dialog { width:min(980px,calc(100vw - 30px)); max-width:none; padding:0; border:0; background:transparent; color:white; }
.youtube-dialog::backdrop { background:rgba(9,9,9,.86); backdrop-filter:blur(5px); }
.youtube-dialog-card { border:var(--line) solid var(--ink); background:var(--purple); box-shadow:14px 14px 0 var(--green); }
.youtube-dialog-card header { display:flex; min-height:62px; align-items:center; justify-content:space-between; gap:20px; padding:12px 16px; border-bottom:var(--line) solid var(--ink); }
.youtube-dialog-card header strong { overflow:hidden; font-family:Combat,sans-serif; font-size:clamp(17px,2.5vw,30px); text-overflow:ellipsis; white-space:nowrap; }
.youtube-dialog-card header button { width:42px; height:42px; flex:0 0 42px; border:3px solid var(--ink); border-radius:50%; background:var(--green); color:var(--ink); font-size:28px; line-height:1; }
.youtube-frame { position:relative; width:100%; aspect-ratio:16/9; background:var(--ink); }
.youtube-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
@media (max-width:1000px) { .hero { grid-template-columns:1fr 330px; }.manifesto { display:none; }.page-grid{grid-template-columns:170px 1fr}.editorial-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}.link-panels{grid-template-columns:1fr}.link-panels a{border-right:0;border-bottom:var(--line) solid var(--ink)}body[data-page="radios"] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:680px) { .hero{display:block}.brand{min-height:210px;padding:40px 24px}.brand strong{font-size:26px}.brand-mark{width:46px;height:46px;flex-basis:46px}.manifesto{display:block;max-width:none;padding:35px 24px}.manifesto h1{font-size:34px}.on-air{min-height:220px;border-left:0;border-top:var(--line) solid var(--ink)}.page-grid{display:block}.side-menu{border-right:0;border-bottom:var(--line) solid var(--ink)}.side-menu nav{position:static;grid-template-columns:1fr 1fr}.side-menu nav a{min-height:68px;padding:16px;font-size:14px;border-right:2px solid var(--ink)}.editorial-grid{grid-template-columns:1fr;padding-top:45px}.feature-card:last-child{grid-column:auto}.link-panels{grid-template-columns:1fr}.page-title{display:grid;min-height:0;padding:45px 22px 65px}.page-title h1{font-size:24px}.page-title>span{right:18px;bottom:-28px;width:calc(100% - 36px)}.catalog-grid{grid-template-columns:1fr;padding:55px 20px 35px}body[data-page="radios"] .catalog-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:220px;border-right:0;border-bottom:var(--line) solid var(--ink)}.products-grid{padding:55px 20px 35px}.products-grid article{grid-template-columns:1fr}.product-visual{min-height:220px;border-right:0;border-bottom:var(--line) solid var(--ink)}footer{gap:15px;flex-direction:column} }

/* Navigation et lecteur mobiles */
@media (max-width:680px) {
  html { scroll-padding-top:62px; }
  body { overflow-x:hidden; }
  .hero,.content-hero { display:grid; min-height:0; grid-template-columns:1fr; border-width:0 0 var(--line); }
  .brand { min-height:112px; gap:18px; padding:24px 20px; border:var(--line) solid var(--ink); border-bottom:0; }
  .brand-mark { width:14px; height:42px; flex:0 0 14px; }
  .brand-copy { gap:8px; }
  .brand strong { font-size:30px; line-height:.86; }
  .brand small { max-width:270px; font-size:7px; line-height:1.45; }
  .manifesto { display:none; }
  .on-air { min-height:190px; padding:18px 20px 14px; border:var(--line) solid var(--ink); border-bottom:0; }
  .on-air > span { font-size:9px; }
  .player-row { transform:none; }
  .track-copy .station-name { font-size:12px; }
  .track-copy strong { font-size:16px; }
  .track-copy em { font-size:10px; }
  .player-controls { min-height:62px; gap:12px; }
  .player-row button,.player-row button.return-live { width:58px; height:58px; flex-basis:58px; border-width:3px; }
  .player-wave { width:min(150px,44vw); height:28px; }
  .player-controls small { font-size:9px; }

  .page-grid { display:block; border-inline:0; }
  .side-menu { position:sticky; z-index:60; top:0; min-height:0; overflow:visible; border:0; border-bottom:var(--line) solid var(--ink); }
  .side-menu nav { position:static; display:flex; overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .side-menu nav::-webkit-scrollbar { display:none; }
  .side-menu nav a { min-height:58px; flex:0 0 auto; scroll-snap-align:start; padding:15px 18px; border:0; border-right:3px solid var(--ink); font-size:13px; white-space:nowrap; }
  .side-menu nav a:last-child { border-right:0; }
  .mobile-menu-hint { position:absolute; z-index:62; top:calc(100% + 3px); left:8px; display:block; width:52px; height:27px; margin:0; padding:0; overflow:hidden; border:0; background:transparent; color:transparent; font-size:0; cursor:pointer; }
  .mobile-menu-hint::before { content:''; position:absolute; top:12px; left:7px; width:35px; height:4px; background:var(--ink); }
  .mobile-menu-hint::after { content:''; position:absolute; top:7px; left:28px; width:11px; height:11px; border-top:4px solid var(--ink); border-right:4px solid var(--ink); transform:rotate(45deg); transition:transform .2s ease,left .2s ease; }
  .mobile-menu-hint[data-direction="left"]::after { left:7px; transform:rotate(-135deg); }

  .content-main { padding-bottom:35px; }
  .page-title { min-height:0; padding:28px 20px 55px; }
  .page-title > p { font-size:8px; line-height:1.45; }
  .page-title h1 { font-size:27px; line-height:.88; }
  .page-title > span { right:15px; bottom:-20px; width:calc(100% - 30px); font-size:11px; }
  .editorial-grid { gap:22px; padding:42px 16px 50px; }
  .feature-card { min-height:390px; }
  .visual { height:310px; }
  .label { right:14px; bottom:14px; left:14px; max-width:none; }
  .catalog-grid { gap:24px; padding:48px 16px 35px; }
  .catalog-image { height:260px; }
  .catalog-copy { right:12px; left:12px; }
  .catalog-grid.legal-grid { padding:45px 14px 35px; }
  .legal-card { min-height:0; padding:25px 20px; }
  .legal-card p { font-size:11px; line-height:1.65; }
  .link-panels a { min-height:140px; padding:22px; }
  .link-panels strong { font-size:30px; }
  .link-panels span { font-size:32px; }
  footer { padding:22px 18px; font-size:10px; line-height:1.7; }
}
@media (max-width:680px) { .brand-mark{width:16px;height:46px;flex-basis:16px} }

/* Accueil éditorial — reconstruction de la maquette de référence. */
body[data-page="home"] { background:#f7f4e9; }
body[data-page="home"]::before { content:''; position:fixed; z-index:-1; inset:0; pointer-events:none; opacity:.27; background-image:radial-gradient(rgba(9,9,9,.32) .55px,transparent .7px); background-size:5px 5px; }
.home-masthead { display:grid; grid-template-columns:56% calc(20% - 40px) calc(24% + 40px); min-height:200px; border-bottom:5px solid var(--ink); background:var(--yellow); }
.home-brand { position:relative; display:flex; min-width:0; align-items:center; gap:20px; padding:21px 28px 25px clamp(96px,9vw,170px); overflow:hidden; color:var(--ink); text-decoration:none; }
.home-brand::before { content:''; position:absolute; z-index:0; top:0; bottom:0; left:0; width:22%; background:#f7f4e9; clip-path:polygon(0 0,100% 0,77% 72%,100% 100%,0 100%); }
.home-brand::after { content:''; position:absolute; z-index:1; bottom:0; left:0; width:31%; height:40px; background:var(--ink); clip-path:polygon(0 14%,85% 0,100% 100%,0 100%); }
.home-brand-logo,.home-brand-copy,.home-brand-sparks { position:relative; z-index:2; }
.home-brand-logo{position:absolute;top:50%;left:clamp(62px,4.1vw,98px);width:24px;height:68px;transform:translateY(-50%);object-fit:contain}
.home-brand-sign { display:none; }
.home-brand-sign::before { content:''; width:36px; height:36px; border:10px solid var(--ink); border-radius:50%; background:#f7f4e9; }
.home-brand-sign::after { content:''; position:absolute; top:44px; width:14px; height:84px; border-radius:9px; background:repeating-linear-gradient(164deg,var(--ink) 0 7px,transparent 7px 17px); }
.home-brand-sign i,.home-brand-sign b { position:absolute; width:19px; height:4px; background:var(--ink); transform:rotate(-34deg); }.home-brand-sign i{top:35px;left:-21px}.home-brand-sign b{top:88px;left:-27px}.home-brand-sign em{position:absolute;bottom:4px;left:12px;width:31px;height:7px;background:var(--ink);transform:rotate(-11deg)}
.home-brand-copy { display:grid; min-width:0; gap:10px; }.home-brand-copy strong { font-family:Combat,sans-serif; font-size:clamp(39px,3.7vw,60px); line-height:.8; letter-spacing:-.055em; white-space:nowrap; }.home-brand-copy small { font-size:14px; font-weight:900; letter-spacing:.07em; }
.home-brand-sparks { display:grid; gap:0; color:var(--ink); font-size:45px; font-weight:900; line-height:.45; transform:rotate(-23deg); }.home-brand-sparks i{margin-left:22px;font-style:normal}.home-brand-sparks b{margin-left:-9px;font-weight:900}
.home-manifesto { position:relative; display:grid; align-content:center; gap:18px; padding:26px 28px 26px 12px; }.home-manifesto h1 { display:grid; gap:5px; margin:0; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:15px; font-weight:900; letter-spacing:.05em; line-height:1.4; }.home-manifesto h1 span,.home-manifesto h1 em { width:max-content; max-width:100%; padding:5px 12px; color:white; background:var(--ink); clip-path:polygon(2% 4%,93% 0,100% 18%,98% 93%,8% 100%,0 75%); transform:rotate(-2deg); font-style:normal; }.home-manifesto h1 b{color:var(--green)}.home-manifesto h1 em{background:var(--purple);clip-path:polygon(0 8%,95% 0,100% 83%,5% 100%,2% 55%);transform:rotate(-1deg)}.home-manifesto p{max-width:260px;margin:0;font-size:13px;line-height:1.35}.home-manifesto-arrow{position:absolute;right:28px;bottom:-7px;font-size:69px;line-height:1;transform:rotate(-23deg)}
.home-on-air { min-height:200px; padding:19px 29px 13px 20px; border-left:5px solid var(--ink); background:linear-gradient(130deg,#6662c8,#5551c8); }.home-on-air .player-row{transform:none}.home-on-air .player-controls{margin-top:6px}.home-on-air .player-wave{position:static;display:none;flex:0 1 220px;width:220px;height:34px;overflow:hidden}.home-on-air .player-wave.active{display:block}.home-on-air .player-wave svg{overflow:hidden}.home-on-air .player-wave path{stroke:var(--green);animation-play-state:running}
.home-page-grid{display:block;border:0}.home-navigation { display:flex; min-height:51px; align-items:stretch; border-bottom:3px solid var(--ink); background:#fff; }.home-navigation a { display:flex; align-items:center; justify-content:center; min-width:145px; padding:10px 28px; font-weight:900; font-size:14px; letter-spacing:.025em; text-decoration:none; }.home-navigation a:hover{background:var(--yellow)}.home-navigation a.active{margin:9px 30px 9px 48px;min-width:auto;padding:0 22px;background:var(--green);clip-path:polygon(7% 0,95% 4%,100% 39%,93% 100%,4% 95%,0 52%)}.home-search{margin-left:auto;width:96px;border:0;border-left:3px solid var(--ink);background:white;font-family:Arial,sans-serif;font-size:46px;font-weight:400;line-height:1;transform:none;cursor:pointer}.home-search:hover{background:var(--green)}
.home-main { min-width:0; padding:26px 34px 22px; background:#fff; background-image:radial-gradient(rgba(9,9,9,.14) .55px,transparent .65px); background-size:5px 5px; }.home-editorial-grid { display:grid; grid-template-columns:minmax(0,1.32fr) minmax(510px,1fr); grid-template-rows:repeat(2,minmax(160px,1fr)); gap:16px 21px; max-width:1500px; margin:auto; }.home-story { position:relative; min-width:0; overflow:hidden; border:1.5px solid #d0d0cc; background:#fff; }.home-story-featured { grid-row:1 / span 2; min-height:360px; }.home-story-image{position:absolute;overflow:hidden;background:#212121}.home-story-image::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#e9e9e6,#222 49%,#616161);}.home-story-image-1{inset:0 0 0 31%;}.home-story-image-1::before{background:linear-gradient(135deg,#f0f0ed 0 18%,#242424 19% 45%,#656565 46% 59%,#111 60%);}.home-story-image-2{top:0;bottom:0;left:0;width:39%;}.home-story-image-2::before{background:radial-gradient(ellipse at 63% 40%,#c6a36d 0 11%,#775f40 12% 26%,#352719 27% 38%,#b58a4d 39% 48%,#1c1a17 49% 100%);}.home-story-image-3{top:0;bottom:0;left:0;width:39%;}.home-story-image-3::before{background:repeating-linear-gradient(0deg,#d4af54 0 12px,#ebdeb6 12px 30px,#9b7656 30px 33px),linear-gradient(90deg,#dae8ee,#987d61);}.home-story-image>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover}.home-story-image-1>img{filter:grayscale(1) contrast(1.12)}.home-story-image-1 span{position:absolute;z-index:3;top:16px;right:18px;font-family:Combat,sans-serif;font-size:49px;color:white}
.home-story-copy { position:relative; z-index:4; display:grid; align-content:center; gap:10px; background:#fff; }.home-story-featured .home-story-copy { width:37%; min-height:100%; padding:45px 35px 70px; clip-path:polygon(0 0,100% 0,88% 38%,100% 100%,0 100%); }.home-story-small .home-story-copy{min-height:100%;margin-left:39%;padding:28px 50px 22px 29px}.home-story-copy small{width:max-content;max-width:100%;padding:7px 11px;background:#c792d5;font-size:11px;font-weight:900}.home-story-small:first-of-type .home-story-copy small{background:var(--green)}.home-story-copy h2{margin:0;font-family:Combat,sans-serif;font-size:clamp(25px,2.55vw,41px);line-height:.94;letter-spacing:-.035em}.home-story-copy p{margin:0;font-size:13px;line-height:1.38}.home-story-copy>b{font-size:13px;letter-spacing:.1em}.home-story-copy button{width:max-content;margin-top:4px;padding:12px 20px;border:0;background:#070707;color:white;font-size:12px;font-weight:900;cursor:pointer}.home-story-copy button:disabled{opacity:.72;cursor:not-allowed}.home-story-copy button i{font-style:normal;font-size:21px;margin-left:12px}.home-story-number{position:absolute;z-index:6;top:14px;right:17px;display:grid;width:66px;height:66px;place-items:center;isolation:isolate;clip-path:polygon(50% 0,64% 9%,79% 7%,87% 21%,100% 31%,94% 47%,100% 62%,87% 71%,81% 88%,64% 89%,50% 100%,37% 90%,20% 93%,12% 78%,0 68%,7% 51%,0 36%,14% 28%,20% 10%,37% 10%);font-family:Combat,sans-serif;font-size:29px}.home-story-number::before{content:'';position:absolute;z-index:-1;inset:0;background:#c792d5}.home-story-number-1{color:var(--ink)}.home-story-number-1::before{background:var(--yellow)}.home-story-number-2{color:var(--ink)}.home-story-number-2::before{background:var(--green)}.home-story-number-3{color:var(--green)}.home-story-number-3::before{background:#c792d5}.home-story-pagination{position:absolute;z-index:6;bottom:19px;left:34px;display:flex;gap:25px;font-size:12px}.home-story-pagination b::after{content:'';display:block;height:4px;margin-top:6px;background:var(--ink)}.home-story-arrows{position:absolute;z-index:6;right:24px;bottom:16px;font-size:31px;letter-spacing:8px}
.home-action-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; max-width:1500px; margin:26px auto 0; }.home-action{display:grid;grid-template-columns:100px 1fr;gap:18px;min-height:178px;padding:28px 30px;color:var(--ink);text-decoration:none;clip-path:polygon(2% 5%,14% 1%,29% 4%,40% 0,58% 3%,73% 1%,89% 5%,98% 1%,100% 22%,97% 38%,100% 56%,97% 76%,100% 94%,85% 98%,71% 95%,59% 99%,42% 96%,29% 100%,14% 96%,1% 99%,3% 79%,0 62%,3% 46%,0 27%);transition:transform .18s ease}.home-action:hover{transform:rotate(-.45deg) translateY(-3px)}.home-action-create{background:var(--yellow)}.home-action-community{background:#c792d5}.home-action-packs{background:var(--green)}.home-action-icon{align-self:center;font-family:Arial,sans-serif;font-size:70px;font-weight:900;line-height:.8}.home-action h2{margin:0 0 11px;font-family:Combat,sans-serif;font-size:22px;line-height:1}.home-action p{min-height:42px;margin:0;font-size:12px;line-height:1.38}.home-action b{display:inline-block;margin-top:13px;padding:12px 16px;background:#070707;color:#fff;font-size:11px}

/* La zone éditoriale doit garder une hauteur compacte, quel que soit le texte CMS. */
@media (min-width:1201px) { .home-editorial-grid{grid-template-rows:180px 180px}.home-story-featured{height:376px;min-height:0} }

/* Badge principal : plus présent que ceux des deux cartes secondaires. */
.home-story-number-1{width:88px;height:88px;font-size:39px}
.home-story-copy h2{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(22px,1.9vw,32px);font-weight:900;letter-spacing:.02em;line-height:1;text-transform:uppercase}
.home-navigation a.home-create-radio{min-width:260px;margin:9px 20px 9px auto;padding:0 24px;background:var(--ink);color:#fff;font-family:Combat,sans-serif;font-size:17px;letter-spacing:.02em;clip-path:polygon(7% 0,95% 4%,100% 39%,93% 100%,4% 95%,0 52%)}
.home-navigation a.home-create-radio:hover{background:#252525}
.home-navigation .home-create-radio + .home-search{margin-left:0}
.home-manifesto h1,.home-manifesto p{transform:translateX(-40px)}

@media (min-width:1201px) {
  .home-story-featured .home-story-copy{gap:7px;padding:28px 30px 38px}
  .home-story-small .home-story-copy{gap:5px;padding:14px 28px 12px 20px}
  .home-story-copy small{padding:5px 8px;font-size:10px}
  .home-story-small .home-story-copy>b{display:none}
  .home-story-small .home-story-copy p{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .home-story-small .home-story-copy button{margin-top:0;padding:8px 14px;font-size:10px}
  .home-story-small .home-story-copy button i{font-size:17px}
  .home-story-small .home-story-number{top:10px;right:12px;width:58px;height:58px;font-size:25px}
}

/* Page Créer ma radio : déclinaison directe de l'accueil. */
body[data-page="create"]{background:#f7f4e9}
body[data-page="create"] .page-grid{display:block;border:0}
body[data-page="create"] .side-menu{display:none}
body[data-page="create"] .content-main{background:#fff;background-image:radial-gradient(rgba(9,9,9,.14) .55px,transparent .65px);background-size:5px 5px}
.create-navigation{position:relative;z-index:3}
.create-main{padding:34px max(34px,calc((100vw - 1500px)/2));background:#fff;background-image:radial-gradient(rgba(9,9,9,.14) .55px,transparent .65px);background-size:5px 5px}
.create-introduction{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);min-height:365px;overflow:hidden;border:2px solid var(--ink);background:#fff}
.create-heading{display:grid;align-content:center;justify-items:start;gap:17px;padding:42px 9%;background:#fff;clip-path:polygon(0 0,96% 0,100% 34%,95% 100%,0 100%)}
.create-heading small,.create-steps header small{padding:6px 10px;background:var(--purple);color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em;clip-path:polygon(2% 0,100% 5%,97% 95%,5% 100%,0 50%)}
.create-heading h1{margin:0;font-family:Combat,sans-serif;font-size:clamp(48px,5.2vw,80px);line-height:.79;letter-spacing:-.055em}
.create-heading p{max-width:510px;margin:0;font-size:16px;line-height:1.42}
.create-start{margin-top:7px;padding:15px 23px;background:var(--ink);color:#fff;font-family:Combat,sans-serif;font-size:21px;letter-spacing:.035em;text-decoration:none;clip-path:polygon(3% 0,97% 4%,100% 52%,94% 100%,0 94%,2% 39%)}
.create-start:hover{background:var(--purple)}
.create-start i{margin-left:20px;font-family:ui-monospace,monospace;font-style:normal}
.create-signup{position:relative;display:grid;align-content:center;gap:14px;padding:42px 12%;overflow:hidden;background:var(--purple);color:#fff}.create-signup::before{content:'';position:absolute;right:-82px;bottom:-122px;width:280px;height:280px;border:5px solid rgba(25,247,135,.55);border-radius:50%}.create-signup>*{position:relative;z-index:1}.create-signup>small{width:max-content;padding:6px 10px;background:var(--green);color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.07em;clip-path:polygon(2% 0,100% 5%,97% 95%,5% 100%,0 50%)}.create-signup h2{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px;line-height:1.1;font-weight:900}.create-signup p{max-width:390px;margin:0;font-size:13px;line-height:1.35}.create-signup form{display:grid;gap:7px;margin-top:8px}.create-signup label{font-size:11px;font-weight:900;letter-spacing:.08em}.create-signup input{height:45px;padding:0 14px;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:14px ui-monospace,SFMono-Regular,Menlo,monospace}.create-signup input:focus{outline:3px solid var(--green);outline-offset:2px}.create-signup .create-start{justify-self:start;margin-top:5px;border:0;cursor:pointer}
.create-steps{max-width:1500px;margin:27px auto 0}
.create-steps header{display:flex;align-items:center;gap:19px;margin:0 0 15px 3px}.create-steps header h2{margin:0;font-family:Combat,sans-serif;font-size:30px;letter-spacing:-.025em}
.create-steps>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.create-step{position:relative;min-height:178px;padding:28px 32px 28px 128px;overflow:hidden;background:#fff;clip-path:polygon(2% 5%,14% 1%,29% 4%,40% 0,58% 3%,73% 1%,89% 5%,98% 1%,100% 22%,97% 38%,100% 56%,97% 76%,100% 94%,85% 98%,71% 95%,59% 99%,42% 96%,29% 100%,14% 96%,1% 99%,3% 79%,0 62%,3% 46%,0 27%)}
.create-step b{position:absolute;top:28px;left:32px;font-family:Combat,sans-serif;font-size:40px;line-height:.8}.create-step h2{margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:900;letter-spacing:-.035em}.create-step p{margin:0;font-size:13px;line-height:1.4}
.create-step-01{background:var(--yellow)}.create-step-02{background:#c792d5}.create-step-03{background:var(--green)}

@media (max-width:900px){.create-introduction{grid-template-columns:1fr}.create-signup{min-height:230px}.create-steps>div{grid-template-columns:1fr}.create-step{min-height:150px}.create-main{padding:20px}.create-heading{min-height:350px}}

/* Page Podcasts : cartes inspirées des fenêtres 2 et 3 de l'accueil. */
.podcasts-main{min-width:0;padding:28px max(34px,calc((100vw - 1320px)/2));background:#fff;background-image:radial-gradient(rgba(9,9,9,.14) .55px,transparent .65px);background-size:5px 5px}
.podcasts-heading{display:grid;gap:8px;max-width:660px;margin:0 0 20px}.podcasts-heading small{width:max-content;margin-bottom:20px;padding:5px 9px;background:var(--green);font-size:10px;font-weight:900;letter-spacing:.06em;clip-path:polygon(2% 0,100% 5%,97% 95%,5% 100%,0 50%)}.podcasts-heading h1{margin:0;font-family:Combat,sans-serif;font-size:clamp(40px,4.6vw,66px);line-height:.8;letter-spacing:-.055em}.podcasts-heading p{max-width:560px;margin:0;font-size:13px;line-height:1.35}
.podcasts-showcase{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto}.podcasts-showcase .podcast-story{min-height:220px}.podcasts-showcase .home-story-small .home-story-copy{padding:18px 58px 16px 23px}.podcasts-showcase .home-story-copy small{background:#c792d5}.podcasts-showcase .home-story-copy h2{font-size:clamp(22px,1.75vw,29px)}.podcasts-showcase .home-story-copy p{font-size:11px;line-height:1.3}.podcasts-showcase .home-story-copy button{padding:8px 14px;font-size:10px}.podcasts-showcase .home-story-number{top:11px;right:13px;width:54px;height:54px;font-size:24px}
@media (max-width:900px){.podcasts-main{padding:20px}.podcasts-showcase{grid-template-columns:1fr}.podcasts-showcase .podcast-story{min-height:245px}}

/* Page Logiciels : même grille compacte que Podcasts. */
.software-main{min-width:0;padding:28px max(34px,calc((100vw - 1320px)/2));background:#fff;background-image:radial-gradient(rgba(9,9,9,.14) .55px,transparent .65px);background-size:5px 5px}
.software-heading{display:grid;gap:8px;max-width:660px;margin:0 0 20px}.software-heading small{width:max-content;margin-bottom:20px;padding:5px 9px;background:#c792d5;font-size:10px;font-weight:900;letter-spacing:.06em;clip-path:polygon(2% 0,100% 5%,97% 95%,5% 100%,0 50%)}.software-heading h1{margin:0;font-family:Combat,sans-serif;font-size:clamp(40px,4.6vw,66px);line-height:.8;letter-spacing:-.055em}.software-heading p{max-width:560px;margin:0;font-size:13px;line-height:1.35}
.software-showcase{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto}.software-showcase .software-story{min-height:220px}.software-showcase .home-story-small .home-story-copy{padding:18px 58px 16px 23px}.software-showcase .home-story-copy small{background:#c792d5}.software-showcase .home-story-copy h2{font-size:clamp(22px,1.75vw,29px)}.software-showcase .home-story-copy p{font-size:11px;line-height:1.3}.software-showcase .home-story-copy button{padding:8px 14px;font-size:10px}.software-showcase .home-story-number{top:11px;right:13px;width:54px;height:54px;font-size:24px}
@media (max-width:900px){.software-main{padding:20px}.software-showcase{grid-template-columns:1fr}.software-showcase .software-story{min-height:245px}}

/* Page Logiciels : une grande présentation et deux logiciels superposés. */
.software-editorial-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(470px,1fr);grid-template-rows:repeat(2,180px);gap:18px;max-width:1320px;margin:auto}.software-editorial-grid .software-introduction{grid-row:1 / span 2;height:378px;min-height:0}.software-introduction .software-intro-image{inset:0 0 0 38%;display:grid;place-items:center;background:linear-gradient(135deg,#191919,#5b58b8)}.software-intro-image::before{content:'';position:absolute;z-index:1;width:205px;height:205px;border:5px solid var(--green);border-radius:50%}.software-intro-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.software-intro-image span{position:relative;z-index:2;color:var(--green);font-family:Combat,sans-serif;font-size:93px;line-height:.8}.software-introduction .home-story-copy{width:44%;padding:32px 30px 45px;gap:8px}.software-introduction .home-story-copy small{background:var(--yellow)}.software-introduction .home-story-copy h2{font-size:clamp(28px,2.6vw,43px)}.software-introduction .home-story-copy p{font-size:12px;line-height:1.33}.software-introduction .home-story-copy>b{font-size:11px}.software-product-card{min-height:180px}.software-product-card .software-product-image{top:0;bottom:0;left:0;width:39%;display:grid;place-items:center;background:#222}.software-product-image::before{content:'';position:absolute;width:92px;height:92px;border:4px solid var(--green);border-radius:50%}.software-product-image span{position:relative;z-index:1;color:var(--green);font-family:Combat,sans-serif;font-size:44px;line-height:.8}.software-product-image>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover}.software-product-image-2{background:linear-gradient(135deg,#c792d5,#6760c8)!important}.software-product-image-2::before{border-color:var(--yellow)}.software-product-image-2 span{color:var(--yellow)}.software-product-card .home-story-copy{gap:5px;margin-left:39%;padding:16px 64px 13px 21px}.software-product-card .home-story-copy small{padding:4px 7px;background:#c792d5;font-size:9px}.software-product-card .home-story-copy h2{font-size:24px}.software-product-card .home-story-copy p{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.software-product-card .home-story-number{top:10px;right:12px;width:54px;height:54px;font-size:24px}.software-downloads{display:flex;gap:7px;margin-top:2px}.software-downloads a,.software-downloads button{min-width:50px;padding:7px 10px;border:0;background:var(--ink);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900;text-align:center;text-decoration:none}.software-downloads button:disabled{opacity:1;cursor:not-allowed}.software-downloads :last-child{background:#5c8dff;color:var(--ink)}
@media (max-width:900px){.software-editorial-grid{grid-template-columns:1fr;grid-template-rows:auto}.software-editorial-grid .software-introduction{grid-row:auto;height:360px}.software-product-card{min-height:245px}}

/* Page Packs : fiches verticales de téléchargement. */
.packs-main{padding:28px max(34px,calc((100vw - 1320px)/2));background:#fff;background-image:radial-gradient(rgba(9,9,9,.14) .55px,transparent .65px);background-size:5px 5px}.packs-heading{display:grid;gap:8px;max-width:660px;margin:0 0 24px}.packs-heading small{width:max-content;margin-bottom:20px;padding:5px 9px;background:var(--green);font-size:10px;font-weight:900;letter-spacing:.06em;clip-path:polygon(2% 0,100% 5%,97% 95%,5% 100%,0 50%)}.packs-heading h1{margin:0;font-family:Combat,sans-serif;font-size:clamp(40px,4.6vw,66px);line-height:.8;letter-spacing:-.055em}.packs-heading p{max-width:580px;margin:0;font-size:13px;line-height:1.35}.packs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1320px;margin:auto}.pack-card{display:grid;align-content:start;min-height:565px;background:#fff}.pack-image{position:relative;display:grid;height:255px;place-items:center;overflow:hidden;background:#f0f0ed}.pack-image::before{content:'';position:absolute;width:150px;height:150px;border:7px solid var(--ink);border-radius:50%}.pack-image span{position:relative;z-index:1;color:var(--green);font-family:Arial,sans-serif;font-size:103px;font-weight:900}.pack-image-2{background:#dcd8f1}.pack-image-2::before{border-radius:0;transform:rotate(45deg)}.pack-image-3{background:#e7fff3}.pack-copy{display:grid;align-content:start;gap:17px;padding:28px 0}.pack-copy small{width:max-content;padding:5px 8px;background:#c792d5;font-size:10px;font-weight:900}.pack-copy h2{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:29px;line-height:1.08;font-weight:900}.pack-copy p{margin:0;font-size:15px;line-height:1.45}.pack-copy>b{margin-top:auto;font-size:13px;line-height:1.4}.pack-copy button{width:max-content;margin-top:8px;padding:12px 18px;border:0;background:var(--ink);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900;cursor:pointer}.pack-copy button i{margin-left:13px;font-size:17px;font-style:normal}@media (max-width:900px){.packs-main{padding:20px}.packs-grid{grid-template-columns:1fr}.pack-card{min-height:auto}.pack-copy{padding-bottom:20px}}

@media (max-width:1200px) { .home-masthead{grid-template-columns:1fr 360px}.home-manifesto{display:none}.home-brand{gap:16px;padding-left:clamp(78px,8vw,110px)}.home-brand-copy strong{font-size:clamp(38px,4.5vw,54px)}.home-brand-sparks{display:none}.home-editorial-grid{grid-template-columns:1fr;grid-template-rows:auto}.home-story-featured{grid-row:auto}.home-story-small{min-height:240px}.home-action-cards{grid-template-columns:1fr}.home-navigation{overflow:auto}.home-navigation a{min-width:130px}.home-navigation a.active{margin-left:18px} }
@media (max-width:680px) { .home-masthead{display:block}.home-brand{min-height:165px;padding:28px 23px 34px 66px;gap:18px}.home-brand::before{width:25%}.home-brand-logo{left:18px;width:18px;height:50px}.home-brand-copy strong{font-size:39px}.home-brand-copy small{font-size:9px;line-height:1.5}.home-brand-sparks{font-size:27px}.home-manifesto{display:grid;min-height:185px;padding:25px 30px;border-top:4px solid var(--ink);border-left:0}.home-manifesto h1{font-size:13px}.home-manifesto p{font-size:12px}.home-on-air{min-height:190px;border-left:0;border-top:4px solid var(--ink)}.home-navigation{position:sticky;z-index:60;top:0;overflow:auto;min-height:57px}.home-navigation a{min-width:auto;flex:0 0 auto;padding:15px 17px;font-size:12px}.home-navigation a.active{margin:12px 8px 12px 14px;padding:0 16px}.home-search{position:sticky;right:0;width:60px;min-width:60px;font-size:34px}.home-main{padding:15px 12px 22px}.home-editorial-grid{gap:15px}.home-story-featured{min-height:485px}.home-story-image-1{inset:0 0 45% 0}.home-story-featured .home-story-copy{position:absolute;bottom:0;width:100%;min-height:51%;padding:26px 24px 47px;clip-path:none}.home-story-small{min-height:245px}.home-story-small .home-story-copy{padding:23px 28px 19px 21px}.home-story-copy h2{font-size:27px}.home-story-copy p{font-size:11px}.home-story-number{width:54px;height:54px;font-size:23px}.home-action-cards{gap:15px;margin-top:15px}.home-action{grid-template-columns:70px 1fr;gap:13px;min-height:150px;padding:24px 22px}.home-action-icon{font-size:53px}.home-action h2{font-size:19px}.home-action p{font-size:11px}.home-action b{font-size:9px;padding:10px 12px} }

/* Disponibilité des téléchargements CMS */
.software-downloads{align-items:center}.software-downloads a:last-of-type,.software-downloads button:last-of-type{background:#5c8dff;color:var(--ink)}.download-coming{font-size:8px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.software-downloads .download-coming{background:transparent!important;color:var(--ink)!important}.pack-download{display:flex;align-items:center;gap:12px;margin-top:8px}.pack-download a,.pack-download button{width:max-content;margin-top:0;padding:12px 18px;border:0;background:var(--ink);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900;text-decoration:none}.pack-download button:disabled{opacity:1;cursor:not-allowed}.pack-download i{margin-left:13px;font-size:17px;font-style:normal}