:root{
  --u-bg:#070b14;--u-surface:rgba(15,23,42,.72);--u-surface-2:rgba(30,41,59,.58);
  --u-border:rgba(148,163,184,.16);--u-border-hi:rgba(56,189,248,.42);
  --u-text:#f8fafc;--u-muted:#94a3b8;--u-cyan:#38bdf8;--u-blue:#3b82f6;
  --u-radius:22px;--u-shadow:0 24px 70px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 15% 10%,rgba(56,189,248,.10),transparent 30%),radial-gradient(circle at 85% 80%,rgba(59,130,246,.10),transparent 32%),var(--u-bg);color:var(--u-text)}
a,button,input,select,textarea{font:inherit}
a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
button,.btn,.platform-card,.glass-card,.device-card,.trigger-card,.card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(56,189,248,.55);outline-offset:3px}
img,video{max-width:100%;height:auto}
::selection{background:rgba(56,189,248,.28);color:#fff}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.u-page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px}
.u-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--u-border);border-radius:999px;background:rgba(15,23,42,.6);color:#bae6fd;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.u-title{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0}
.u-lead{max-width:760px;color:var(--u-muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.8}
.u-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.u-panel{background:linear-gradient(145deg,rgba(15,23,42,.84),rgba(15,23,42,.55));border:1px solid var(--u-border);border-radius:var(--u-radius);box-shadow:var(--u-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.u-panel:hover{border-color:var(--u-border-hi);transform:translateY(-3px)}
@media(max-width:640px){.u-page-shell{width:min(100% - 20px,1180px);padding-top:20px}.u-title{font-size:2.25rem}}

/* Préférences de profil appliquées globalement */
html[data-profile-theme="light"] body{background:radial-gradient(circle at 15% 10%,rgba(14,165,233,.12),transparent 30%),#eef6ff;color:#0f172a}html[data-profile-theme="light"] .u-panel,html[data-profile-theme="light"] .card,html[data-profile-theme="light"] .glass-card{background:rgba(255,255,255,.82);color:#0f172a;border-color:rgba(15,23,42,.1)}html[data-profile-density="compact"] .u-page-shell{padding-top:20px;padding-bottom:45px}html[data-profile-density="spacious"] .u-page-shell{padding-top:52px;padding-bottom:100px}body.us-reduced-motion *,body.us-reduced-motion *::before,body.us-reduced-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.us-compact-mode .u-grid{gap:12px}