/* Section « socle » (templates/studio-pillar.php) : clair par défaut, nuit pour l'onglet « commandes ». Marges = sections du site (1280 px + gouttière). */
.uup{
  --uup-fg:#050505;--uup-mute:#8a8f98;--uup-rule:#e6e6e6;--uup-accent:#3d7bfd;
  position:relative;isolation:isolate;margin-top:var(--uus-section-gap,96px);overflow:hidden;color:var(--uup-fg);
  font-family:var(--font-sans,"Google Sans",Arial,sans-serif);transition:color .5s;
}
.uup[data-theme="dark"]{--uup-fg:#fff;--uup-mute:rgba(255,255,255,.5);--uup-rule:rgba(255,255,255,.14);--uup-accent:#9fd0ff}
.uup *,.uup *::before,.uup *::after{box-sizing:border-box}

/* Deux fonds superposés : fondu entre clair et nuit au changement d'onglet. */
.uup-bg{position:absolute;inset:0;z-index:-1;transition:opacity .6s ease;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 260px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 260px),transparent 100%)}
.uup-bg--light{background:
  radial-gradient(40% 36% at 50% 100%,rgba(255,184,92,.55) 0%,rgba(255,184,92,0) 100%),
  radial-gradient(70% 60% at 50% 100%,rgba(166,206,255,.75) 0%,rgba(166,206,255,0) 100%),#fff}
.uup-bg--dark{opacity:0;background:
  radial-gradient(38% 40% at 50% 100%,rgba(214,236,255,.72) 0%,rgba(214,236,255,0) 100%),
  radial-gradient(64% 60% at 50% 96%,#2f86e8 0%,rgba(47,134,232,0) 100%),
  linear-gradient(180deg,#0a1b38 0%,#0f3266 100%)}
.uup[data-theme="dark"] .uup-bg--dark{opacity:1}

/* Même largeur de contenu que les autres sections (1280 px centrés + gouttière). */
.uup-frame{max-width:calc(1280px + 2*var(--uus-gutter,20px));margin:0 auto;padding:112px var(--uus-gutter,20px) 120px}

/* Titre centré, typo des titres du site */
.uus-page .uup-title{margin:0 auto;max-width:900px;text-align:center;font-size:var(--uu-type-display-size,56px);line-height:var(--uu-type-display-line,64px);font-weight:600;letter-spacing:var(--uu-type-display-track,-.02em);color:var(--uup-fg);transition:color .5s}

/* Les 3 chiffres : boutons gris du site, arrondi léger, le sélectionné en noir */
.uup-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}
.uup-tab{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:120px;padding:32px 16px 16px;border-radius:16px;background:#f3f3f3;color:#050505;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s,transform .2s}
.uup-tab:hover{background:#e9e9e9}
.uup-tab:active{transform:scale(.985)}
.uup-line{display:inline-flex;align-items:baseline;gap:.26em;white-space:nowrap;font-size:clamp(26px,2.5vw,36px);line-height:1.1;font-weight:600;letter-spacing:-.025em}
.uup-num{font-variant-numeric:tabular-nums}
.uup-cap{color:inherit}
.uup-tab.is-active{background:#050505;color:#fff}
.uup[data-theme="dark"] .uup-tab:not(.is-active){background:rgba(255,255,255,.1);color:#fff}
.uup[data-theme="dark"] .uup-tab:not(.is-active):hover{background:rgba(255,255,255,.16)}
.uup[data-theme="dark"] .uup-tab.is-active{background:#fff;color:#050505}
.uup-tab:focus-visible{outline:2px solid var(--uup-accent);outline-offset:3px}

/* Scène animée */
.uup-stage{position:relative;height:clamp(460px,48vw,640px);margin-top:8px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 90%,transparent 100%)}
.uup-panel{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.uup-panel.is-active{opacity:1}
.uup-panel[hidden]{display:none}
.uup-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.uup-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Couleurs des tracés (lues par pillar.js) */
.uup-panel[data-scene="commandes"]{--uup-ink-a:#ffffff;--uup-ink-b:#ffffff;--uup-dot:#ffffff;--uup-pulse:#ffffff;--uup-alpha:.55}
.uup-panel[data-scene="entreprises"]{--uup-ink-a:#f2694a;--uup-ink-b:#7a3ee6;--uup-dot:#7444e0;--uup-pulse:#5a23d6;--uup-alpha:.6}


@media(max-width:600px){
  .uup-frame{padding-top:72px}
  .uus-page .uup-title{font-size:40px;line-height:46px}
  .uup-tabs{margin-top:36px}
  .uup-stage{height:460px}
  .uup-frame{padding-bottom:80px}
}
@media(prefers-reduced-motion:reduce){.uup-panel,.uup-bg,.uup-tab{transition:none}}


/* Pastille d'état, en haut à gauche dans le bouton : « Voir », ou une coche seule quand il est sélectionné. */
.uup-pick{position:absolute;top:12px;left:12px;display:inline-flex}
.uup-pick>span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;line-height:1;letter-spacing:0}
.uup-pick-on{width:28px;padding:0!important}
.uup-pick svg{width:16px;height:16px}
.uup-pick-on{display:none!important;background:rgba(255,255,255,.16);color:#fff}
.uup-pick-off{background:#fff;color:#050505}
.uup-tab.is-active .uup-pick-on{display:inline-flex!important}
.uup-tab.is-active .uup-pick-off{display:none}
.uup[data-theme="dark"] .uup-tab.is-active .uup-pick-on{background:#050505;color:#fff}
.uup[data-theme="dark"] .uup-tab:not(.is-active) .uup-pick-off{background:rgba(255,255,255,.14);color:#fff}
/* Écran étroit : trois lignes pleine largeur, pour garder chiffre et mot sur la même ligne. */
@media(max-width:960px){.uup-tabs{grid-template-columns:1fr;gap:8px}.uup-tab{min-height:64px;padding:12px 64px;border-radius:14px}.uup-line{font-size:24px}.uup-pick{top:50%;transform:translateY(-50%)}}

/* Onglet entreprises : fond pêche et lavande (rayons corail vers violet). */
.uup[data-scene="entreprises"] .uup-bg--light{background:
  radial-gradient(40% 36% at 50% 100%,rgba(255,170,140,.6) 0%,rgba(255,170,140,0) 100%),
  radial-gradient(70% 60% at 50% 100%,rgba(214,200,255,.75) 0%,rgba(214,200,255,0) 100%),#fff}

/* Planète (onglet pays) : couleurs des points et étiquette du pays éclairé. */
.uup-panel[data-scene="pays"]{--uup-ink-a:#3d6bff;--uup-ink-b:#3d6bff;--uup-dot:#2f56e0;--uup-pulse:#1f45ff;--uup-alpha:.6}
.uup-globe-info{position:absolute;left:50%;bottom:11%;z-index:3;display:grid;grid-template-columns:1fr 1fr;width:min(520px,calc(100% - 24px));border-radius:6px;background:#f3f3f3;opacity:0;transform:translate(-50%,10px);transition:opacity .25s,transform .25s;pointer-events:none}
.uup-globe-info.is-on{opacity:1;transform:translate(-50%,0)}
.uup-gstat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px 18px;text-align:center}
.uup-gstat+.uup-gstat{border-left:1px solid #e2e2e2}
.uup-gstat strong{font-size:clamp(40px,4.6vw,62px);line-height:1;font-weight:600;letter-spacing:-.03em;color:#050505;font-variant-numeric:tabular-nums}
.uup-gstat span{display:block;font-size:16px;line-height:20px;color:#5d5d5d}
@media(max-width:600px){.uup-globe-info{bottom:8%}.uup-gstat{padding:14px 10px 12px}.uup-gstat strong{font-size:38px}.uup-gstat span{font-size:13px}}
.uup-panel[data-scene="pays"] .uup-canvas{cursor:grab;touch-action:pan-y}
.uup-stage{-webkit-user-select:none;user-select:none}
.uup-panel[data-scene="pays"] .uup-canvas.is-dragging{cursor:grabbing}

/* Performance : les sections du bas de la home ne sont calculées qu'à l'approche. */
.uus-trust,.uur-reviews,.uus-assurance,.uur-faq,.uus-guides{content-visibility:auto;contain-intrinsic-size:auto 800px}