/* RODYAM V88 — navigation nocturne simplifiée et page À propos premium. */

/* Navigation hybride — le fichier du logo officiel n'est jamais modifié. */
html body .rdy-nav-inner{
  width:100%!important;
  max-width:none!important;
  padding-inline:clamp(14px,1.55vw,30px)!important;
  gap:clamp(10px,1.25vw,22px)!important;
}
html body .rdy-logo{position:relative!important;z-index:2!important;flex:0 0 auto!important}
html body .rdy-logo img{width:clamp(238px,17vw,320px)!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
html body .rdy-tabs-hybrid{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;flex:1 1 auto!important;border:0!important}
html body .rdy-tabs-hybrid>.rdy-tab{min-height:46px!important;padding-inline:clamp(11px,.86vw,16px)!important;white-space:nowrap!important}
html body .rdy-nav-group{position:relative!important;flex:0 0 auto!important}
html body .rdy-nav-group>summary{list-style:none!important}
html body .rdy-nav-group>summary::-webkit-details-marker{display:none!important}
html body .rdy-nav-group-summary{display:flex!important;align-items:center!important;gap:7px!important}
html body .rdy-nav-group-summary span{font-size:12px!important;transition:transform .24s ease!important}
html body .rdy-nav-group[open] .rdy-nav-group-summary span{transform:rotate(180deg)!important}
html body .rdy-nav-group.is-active>.rdy-nav-group-summary{border-color:rgba(168,85,247,.74)!important;box-shadow:inset 0 -2px 0 rgba(168,85,247,.9)!important}
html body .rdy-nav-dropdown{position:absolute!important;z-index:95!important;top:calc(100% + 12px)!important;right:0!important;width:244px!important;padding:7px!important;background:linear-gradient(155deg,rgba(24,20,29,.99),rgba(6,5,9,.995))!important;border:1px solid rgba(208,190,220,.23)!important;box-shadow:0 28px 66px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.07)!important}
html body .rdy-nav-dropdown-link{display:block!important;width:100%!important;min-height:42px!important;padding:11px 13px!important;text-align:left!important;color:rgba(226,219,231,.78)!important;border:1px solid transparent!important;font-size:12.5px!important;letter-spacing:.025em!important}
html body .rdy-nav-dropdown-link:hover,html body .rdy-nav-dropdown-link:focus-visible{color:#fff!important;background:rgba(255,255,255,.045)!important;border-color:rgba(168,85,247,.27)!important}
html body .rdy-nav-dropdown-link.is-active{color:#fff!important;background:linear-gradient(90deg,rgba(125,42,187,.24),rgba(255,255,255,.018))!important;border-left-color:#a855f7!important}
html body .rdy-nav-actions{flex:0 0 auto!important;gap:9px!important}
html body .rdy-lang{flex:0 0 auto!important}
html body .rdy-cta-desktop{height:48px!important;padding-inline:clamp(15px,1.15vw,21px)!important}

html body .rdy-mobile-section{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding-top:5px!important}
html body .rdy-mobile-section-title{grid-column:1/-1!important;padding:10px 12px 7px!important;color:rgba(204,190,215,.62)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;font-size:10px!important;letter-spacing:.15em!important;text-transform:uppercase!important}

/* À propos — composition hiérarchisée, sans empilement visuel. */
html body .rdy-page-about>.rdy-section{padding-top:clamp(70px,7vw,112px)!important}
html body .rdy-page-about .rdy-sec-head{max-width:930px!important;margin-bottom:clamp(44px,5vw,72px)!important}
html body .rdy-page-about .rdy-sec-desc{max-width:790px!important;font-size:clamp(15.5px,1.18vw,17.5px)!important;line-height:1.78!important}
html body .rdy-page-about .rdy-about{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;gap:clamp(24px,2.5vw,42px)!important;align-items:start!important;background:transparent!important}
html body .rdy-page-about .rdy-about-text{display:flex!important;flex-direction:column!important;gap:22px!important;padding:0!important;background:transparent!important;border:0!important;min-width:0!important}
html body .rdy-page-about .rdy-about-lead{margin:0!important;padding:clamp(25px,2.4vw,36px)!important;border:1px solid rgba(218,206,236,.18)!important;border-left:3px solid rgba(182,103,246,.78)!important;background:linear-gradient(135deg,rgba(236,232,244,.068),rgba(80,68,93,.055) 50%,rgba(168,85,247,.035))!important;color:rgba(247,244,251,.94)!important;font-size:clamp(17px,1.3vw,20px)!important;line-height:1.72!important;box-shadow:0 24px 64px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09)!important}
html body .rdy-page-about .rdy-about-modes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
html body .rdy-page-about .rdy-about-modes-title{grid-column:1/-1!important;margin:0 0 2px!important;color:rgba(230,215,244,.74)!important;font-size:11px!important;line-height:1.3!important;letter-spacing:.16em!important;text-transform:uppercase!important}
html body .rdy-page-about .rdy-about-mode{min-height:100%!important;margin:0!important;padding:22px!important;border:1px solid rgba(220,207,233,.14)!important;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important}
html body .rdy-page-about .rdy-about-mode b{display:block!important;margin-bottom:9px!important;color:#fff!important;font-size:15px!important;line-height:1.4!important}
html body .rdy-page-about .rdy-about-mode p{margin:0!important;color:rgba(224,217,231,.72)!important;font-size:13.8px!important;line-height:1.68!important}
html body .rdy-page-about .rdy-about-philosophy-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body .rdy-page-about :is(.rdy-about-principle,.rdy-about-material){position:relative!important;min-height:100%!important;padding:24px!important;overflow:hidden!important;border:1px solid rgba(218,206,236,.15)!important;background:linear-gradient(145deg,rgba(15,13,21,.96),rgba(7,6,11,.98))!important;box-shadow:0 18px 48px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)!important}
html body .rdy-page-about :is(.rdy-about-principle,.rdy-about-material)::before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:1px!important;background:linear-gradient(90deg,rgba(168,85,247,.8),rgba(224,213,233,.26),transparent)!important}
html body .rdy-page-about :is(.rdy-about-principle,.rdy-about-material)>span{display:block!important;margin-bottom:10px!important;color:rgba(202,146,245,.87)!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important}
html body .rdy-page-about :is(.rdy-about-principle,.rdy-about-material) h3{margin:0 0 10px!important;color:#fff!important;font-size:clamp(18px,1.3vw,22px)!important;line-height:1.25!important}
html body .rdy-page-about :is(.rdy-about-principle,.rdy-about-material) p{margin:0!important;color:rgba(225,219,232,.72)!important;font-size:13.8px!important;line-height:1.72!important}
html body .rdy-page-about .rdy-founder-note{margin:0!important;padding:clamp(24px,2.5vw,34px)!important;border:1px solid rgba(218,206,236,.16)!important;border-left:2px solid rgba(195,143,255,.74)!important;background:radial-gradient(circle at 92% 5%,rgba(168,85,247,.12),transparent 38%),linear-gradient(145deg,rgba(20,16,26,.97),rgba(8,7,12,.99))!important;box-shadow:0 22px 62px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055)!important}
html body .rdy-page-about .rdy-founder-heading{margin-bottom:13px!important;color:rgba(211,180,239,.84)!important;font-size:10px!important;letter-spacing:.18em!important;text-transform:uppercase!important}
html body .rdy-page-about .rdy-founder-voice{margin:0!important;color:rgba(240,235,244,.87)!important;font-size:clamp(15px,1.16vw,17.5px)!important;line-height:1.78!important}
html body .rdy-page-about .rdy-founder-identity{margin-top:17px!important;padding-top:15px!important;border-top:1px solid rgba(255,255,255,.085)!important}
html body .rdy-page-about .rdy-founder-calligraphy{font-size:clamp(26px,2.2vw,36px)!important;line-height:1.1!important}
html body .rdy-page-about .rdy-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
html body .rdy-page-about .rdy-value{min-height:92px!important;padding:18px 19px!important;border:1px solid rgba(216,204,230,.13)!important;background:rgba(255,255,255,.018)!important}
html body .rdy-page-about .rdy-value-key{margin-bottom:7px!important;color:rgba(211,180,239,.88)!important;font-size:10px!important;letter-spacing:.15em!important;text-transform:uppercase!important}
html body .rdy-page-about .rdy-value-val{color:rgba(238,233,243,.82)!important;font-size:13.5px!important;line-height:1.48!important}

/* Colonne animée : diamant existant + boussole de synergie très légère. */
html body .rdy-page-about .rdy-about-visual{position:sticky!important;top:calc(var(--header-h) + 26px)!important;display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important}
html body .rdy-page-about .rdy-about-diamond-card{width:100%!important;min-height:clamp(460px,38vw,620px)!important;margin:0!important;overflow:hidden!important;border:1px solid rgba(197,130,248,.38)!important;background:radial-gradient(circle at 50% 46%,rgba(168,85,247,.18),transparent 58%),linear-gradient(180deg,#0b0711,#050308)!important;box-shadow:0 36px 90px rgba(0,0,0,.42),0 0 42px rgba(168,85,247,.10),inset 0 1px 0 rgba(255,255,255,.075)!important}
html body .rdy-page-about .rdy-about-diamond-video{width:100%!important;height:100%!important;min-height:inherit!important;object-fit:contain!important;object-position:center!important;transform:scale(1.02)!important}
html body .rdy-page-about .rdy-about-floating{right:20px!important;top:20px!important;max-width:230px!important;padding:14px 16px!important;background:rgba(7,5,11,.77)!important;backdrop-filter:blur(10px)!important}
html body .rdy-page-about .rdy-about-badge{left:20px!important;bottom:20px!important}
html body .rdy-page-about .rdy-about-compass{position:relative!important;height:230px!important;overflow:hidden!important;border:1px solid rgba(218,206,236,.15)!important;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.12),transparent 34%),linear-gradient(155deg,rgba(16,13,22,.97),rgba(5,4,8,.99))!important;box-shadow:0 24px 65px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;isolation:isolate!important}
html body .rdy-page-about .rdy-about-compass::before,html body .rdy-page-about .rdy-about-compass::after{content:""!important;position:absolute!important;inset:50% auto auto 50%!important;width:180px!important;height:180px!important;border:1px solid rgba(201,151,239,.18)!important;border-radius:50%!important;transform:translate(-50%,-50%)!important}
html body .rdy-page-about .rdy-about-compass::after{width:112px!important;height:112px!important;border-color:rgba(223,202,239,.13)!important;animation:rdy88CompassPulse 7s ease-in-out infinite!important}
html body .rdy-page-about .rdy-about-compass-axis{position:absolute!important;left:-36%!important;top:50%!important;width:34%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(210,155,250,.9),rgba(255,255,255,.35),transparent)!important;box-shadow:0 0 18px rgba(168,85,247,.42)!important;animation:rdy88CompassScan 10s cubic-bezier(.45,0,.2,1) infinite!important}
html body .rdy-page-about .rdy-about-compass-core{position:absolute!important;left:50%!important;top:50%!important;z-index:2!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;transform:translate(-50%,-50%)!important;color:#c782f2!important;border:1px solid rgba(207,153,247,.42)!important;background:#09060d!important;box-shadow:0 0 32px rgba(168,85,247,.24),inset 0 1px 0 rgba(255,255,255,.09)!important;font-size:16px!important}
html body .rdy-page-about .rdy-about-compass-item{position:absolute!important;color:rgba(232,224,238,.72)!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important}
html body .rdy-page-about .rdy-about-compass-item-1{left:50%!important;top:18px!important;transform:translateX(-50%)!important}
html body .rdy-page-about .rdy-about-compass-item-2{right:22px!important;top:50%!important;transform:translateY(-50%)!important}
html body .rdy-page-about .rdy-about-compass-item-3{left:50%!important;bottom:18px!important;transform:translateX(-50%)!important}
html body .rdy-page-about .rdy-about-compass-item-4{left:22px!important;top:50%!important;transform:translateY(-50%)!important}
@keyframes rdy88CompassScan{0%{left:-36%;opacity:0}12%{opacity:1}55%{opacity:.88}88%{opacity:1}100%{left:102%;opacity:0}}
@keyframes rdy88CompassPulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}

@media(max-width:1230px){
  html body .rdy-tabs-hybrid{display:none!important}
  html body .rdy-mobile-toggle{display:inline-flex!important}
  html body .rdy-logo img{width:min(310px,52vw)!important}
}
@media(max-width:1040px){
  html body .rdy-page-about .rdy-about{grid-template-columns:1fr!important}
  html body .rdy-page-about .rdy-about-visual{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;align-items:stretch!important}
  html body .rdy-page-about .rdy-about-diamond-card{min-height:470px!important}
  html body .rdy-page-about .rdy-about-compass{height:auto!important;min-height:470px!important}
}
@media(max-width:720px){
  html body .rdy-page-about .rdy-about-modes,html body .rdy-page-about .rdy-about-philosophy-grid,html body .rdy-page-about .rdy-values{grid-template-columns:1fr!important}
  html body .rdy-page-about .rdy-about-visual{grid-template-columns:1fr!important}
  html body .rdy-page-about .rdy-about-diamond-card{min-height:390px!important}
  html body .rdy-page-about .rdy-about-compass{min-height:220px!important;height:220px!important}
  html body .rdy-mobile-section{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  html body .rdy-nav-inner{padding-inline:12px!important}
  html body .rdy-logo img{width:min(255px,58vw)!important}
  html body .rdy-nav-actions>.rdy-lang,html body .rdy-cta-desktop{display:none!important}
  html body .rdy-page-about .rdy-about-lead,html body .rdy-page-about :is(.rdy-about-principle,.rdy-about-material),html body .rdy-page-about .rdy-founder-note{padding:21px!important}
  html body .rdy-page-about .rdy-about-floating{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  html body .rdy-nav-group-summary span,html body .rdy-page-about .rdy-about-compass::after,html body .rdy-page-about .rdy-about-compass-axis{animation:none!important;transition:none!important}
  html body .rdy-page-about .rdy-about-compass-axis{left:33%!important;opacity:.42!important}
}