:root{--accent:#7C6CF7;--accent-bright:#A99CFF;--accent-deep:#4F3FD6;--accent2:#FF7A45;--accent2-bright:#FF9B6B;}

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:#08070D;}
  ::selection{background:rgba(124,108,247,0.35);color:#fff;}
  ::-webkit-scrollbar{width:11px;}
  ::-webkit-scrollbar-track{background:#08070D;}
  ::-webkit-scrollbar-thumb{background:#26232f;border-radius:8px;border:3px solid #08070D;}
  summary{list-style:none;cursor:pointer;}
  summary::-webkit-details-marker{display:none;}
  details[data-faq] [data-faqchev]{transition:transform .28s ease;}
  details[data-faq][open] [data-faqchev]{transform:rotate(45deg);}
  details[data-faq][open] [data-faqq]{color:#F4F3F8 !important;}
  a{text-decoration:none;}
  @keyframes orbPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}
  @keyframes ringPulse{0%{transform:scale(.65);opacity:.6;}100%{transform:scale(2);opacity:0;}}
  @keyframes spinSlow{to{transform:rotate(360deg);}}
  @keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
  @keyframes flowDot{0%{transform:translateX(0);opacity:0;}20%{opacity:1;}80%{opacity:1;}100%{transform:translateX(var(--fd,46px));opacity:0;}}
  @keyframes drawLine{from{stroke-dashoffset:640;}to{stroke-dashoffset:0;}}
  @media (prefers-reduced-motion: reduce){[data-anim]{animation:none !important;}}
  [data-motion="off"] [data-anim]{animation:none !important;}
  @media (max-width:900px){
    [data-hero-grid]{grid-template-columns:1fr !important;gap:24px !important;}
    [data-flow]{transform:rotate(90deg);height:34px !important;}
    [data-nav-links]{display:none !important;}
    [data-footer-grid]{grid-template-columns:1fr 1fr !important;}
    [data-two]{grid-template-columns:1fr !important;}
  }

/* --- états interactifs (générés depuis le composant) --- */
[data-hv="0"]:hover{color:#F4F3F8 !important;}
[data-hv="1"]:hover{color:#F4F3F8 !important;}
[data-hv="2"]:hover{color:#F4F3F8 !important;}
[data-hv="3"]:hover{color:#F4F3F8 !important;}
[data-hv="4"]:hover{color:#F4F3F8 !important;}
[data-hv="5"]:hover{color:#F4F3F8 !important;}
[data-hv="6"]:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(124,108,247,0.5) !important;}
[data-hv="7"]:hover{transform:translateY(-2px) !important;box-shadow:0 16px 44px rgba(124,108,247,0.55) !important;}
[data-hv="8"]:hover{border-color:rgba(124,108,247,0.45) !important;background:rgba(124,108,247,0.08) !important;}
[data-hv="9"]:hover{border-color:rgba(124,108,247,0.4) !important;transform:translateX(3px) !important;}
[data-hv="10"]:hover{border-color:rgba(124,108,247,0.4) !important;transform:translateX(3px) !important;}
[data-hv="11"]:hover{border-color:rgba(124,108,247,0.4) !important;transform:translateX(3px) !important;}
[data-hv="12"]:hover{border-color:rgba(124,108,247,0.4) !important;transform:translateX(3px) !important;}
[data-hv="13"]:hover{border-color:rgba(255,122,69,0.5) !important;transform:translateX(-3px) !important;}
[data-hv="14"]:hover{border-color:rgba(255,122,69,0.5) !important;transform:translateX(-3px) !important;}
[data-hv="15"]:hover{border-color:rgba(255,122,69,0.5) !important;transform:translateX(-3px) !important;}
[data-hv="16"]:hover{border-color:rgba(255,122,69,0.5) !important;transform:translateX(-3px) !important;}
[data-hv="17"]:hover{border-color:rgba(124,108,247,0.4) !important;}
[data-hv="18"]:hover{border-color:rgba(124,108,247,0.4) !important;}
[data-hv="19"]:hover{border-color:rgba(124,108,247,0.4) !important;}
[data-hv="20"]:hover{border-color:rgba(124,108,247,0.4) !important;}
[data-hv="21"]:hover{transform:translateY(-4px) !important;border-color:rgba(124,108,247,0.35) !important;}
[data-hv="22"]:hover{transform:translateY(-4px) !important;border-color:rgba(124,108,247,0.35) !important;}
[data-hv="23"]:hover{transform:translateY(-4px) !important;border-color:rgba(124,108,247,0.35) !important;}
[data-hv="24"]:hover{transform:translateY(-4px) !important;border-color:rgba(124,108,247,0.35) !important;}
[data-hv="25"]:hover{transform:translateY(-4px) !important;border-color:rgba(124,108,247,0.35) !important;}
[data-hv="26"]:hover{transform:translateY(-4px) !important;border-color:rgba(124,108,247,0.35) !important;}
[data-hv="27"]:hover{transform:translateY(-4px) !important;border-color:rgba(255,122,69,0.4) !important;}
[data-hv="28"]:hover{transform:translateY(-4px) !important;border-color:rgba(255,122,69,0.4) !important;}
[data-fc="29"]:focus{border-color:var(--accent) !important;}
[data-fc="30"]:focus{border-color:var(--accent) !important;}
[data-fc="31"]:focus{border-color:var(--accent) !important;}
[data-hv="32"]:hover{transform:translateY(-2px) !important;box-shadow:0 16px 40px rgba(124,108,247,0.55) !important;}
[data-hv="33"]:hover{color:#E9E7F2 !important;}
[data-hv="34"]:hover{color:#E9E7F2 !important;}
[data-hv="35"]:hover{color:#E9E7F2 !important;}
[data-hv="36"]:hover{color:#E9E7F2 !important;}
[data-hv="37"]:hover{color:#E9E7F2 !important;}
[data-hv="38"]:hover{color:#E9E7F2 !important;}
[data-hv="39"]:hover{color:#E9E7F2 !important;}
[data-hv="40"]:hover{color:#E9E7F2 !important;}
[data-hv="41"]:hover{color:#E9E7F2 !important;}
[data-hv="42"]:hover{color:#E9E7F2 !important;}
/* --- champs de formulaire --- */
[data-fc="200"]:focus,[data-fc="201"]:focus,[data-fc="202"]:focus{border-color:var(--accent) !important;}
[data-hv="203"]:hover{transform:translateY(-2px) !important;box-shadow:0 16px 40px rgba(124,108,247,0.55) !important;}
/* --- navigation mobile --- */
#nav-toggle{display:none;}
#mobile-menu{display:none;}
#mobile-menu a{font-size:16px;font-weight:500;color:#E9E7F2;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,0.06);}
@media (max-width:900px){
  #nav-toggle{display:flex !important;}
  #mobile-menu.open{display:flex !important;}
}