/* Ali Gator · DA « accueil » v1 (20/10/2026, demande de Dali : « applique le nouveau design à Ali Gator »).
   Même direction artistique et mêmes mouvements que la page d’accueil (ali-gator.app/accueil) :
   ciel citron + soleil + rayons, nuages en papier, étoiles, ville de classeurs, mascotte exacte du logo (calques découpés,
   rien d’inventé), lettres exactes du logo qui sautent, ouverture en cercle entre les écrans, étiquettes surlignées à mi-hauteur,
   chargement « hublot + trait de crayon » (une fois par session).
   Polices inchangées : titres H1/H2/H3 = polices d’origine (Instrument Serif / Geist), texte courant = Hellix (hellix-v177).
   Respecte calme-v158 : aucun aimant, rien ne bouge sous la souris au survol (seuls les dessins à l’intérieur des cartes).
   Couche additive, clair uniquement. Retour arrière : retirer da-accueil-v1.css / da-accueil-v1.js (+ la ligne da-boot) d’index.html. */
:root{--da-ease:cubic-bezier(.22,1,.36,1);--da-spring:cubic-bezier(.34,1.56,.64,1);--da-inout:cubic-bezier(.76,0,.24,1);
  --da-logo:#104A36;--da-lime:#b6ec5c;--da-lime2:#8fd03a;--da-tag:#d4ecab}

/* ---------- le ciel (derrière toute l’app) ---------- */
.da-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;--da-sx:74%;--da-sy:40%;--da-ss:1;--da-so:.95}
html[data-theme="dark"] .da-sky{display:none}
.da-sky .da-p{position:absolute;inset:0;will-change:transform}
.da-grad{position:absolute;inset:-6%;background:linear-gradient(180deg,#dff0c2 0%,#e9f4d6 30%,#f1f6e8 62%,#f1f2e7 100%)}
.da-sun,.da-rays{position:absolute;left:var(--da-sx);top:var(--da-sy);border-radius:50%;translate:-50% -50%;
  transition:left 1.3s var(--da-inout),top 1.3s var(--da-inout),scale 1.3s var(--da-inout),opacity 1s var(--da-ease)}
.da-sun{width:min(70vmin,720px);aspect-ratio:1;scale:var(--da-ss);opacity:var(--da-so);
  background:radial-gradient(circle,#f8fde8 0%,#ebf9c3 36%,#d9f29c 62%,#cdee86 69.5%,rgba(205,238,134,0) 71%)}
.da-rays{width:min(200vmin,2100px);aspect-ratio:1;scale:var(--da-ss);opacity:calc(var(--da-so) * .9);
  background:repeating-conic-gradient(from 0deg,rgba(168,220,86,.17) 0deg 6deg,rgba(168,220,86,0) 6deg 15deg);
  -webkit-mask:radial-gradient(closest-side,#000 18%,rgba(0,0,0,.5) 52%,transparent 100%);mask:radial-gradient(closest-side,#000 18%,rgba(0,0,0,.5) 52%,transparent 100%);
  animation:da-spin 180s linear infinite}
@keyframes da-spin{to{rotate:360deg}}
.da-spk{position:absolute;width:20px;height:20px;fill:#fff;opacity:.2;animation:da-twinkle var(--t,2.6s) ease-in-out var(--dl,0s) infinite;transition:opacity .8s}
.da-spk.lime{fill:#a6dc4c}
@keyframes da-twinkle{0%,100%{transform:scale(.25) rotate(0);opacity:.12}45%{transform:scale(1) rotate(45deg);opacity:.95}70%{transform:scale(.6) rotate(70deg);opacity:.5}}
.da-cloud{position:absolute;width:300px;height:120px;animation:da-drift var(--t,13s) ease-in-out var(--dl,0s) infinite alternate;transition:opacity 1s var(--da-ease)}
.da-cloud .c1{fill:#d6e6bf}.da-cloud .c2{fill:#fff}
@keyframes da-drift{from{translate:calc(var(--a,40px)*-1) 0}to{translate:var(--a,40px) 0}}
.da-city{position:absolute;left:-4%;right:-4%;bottom:-2px;height:min(21vh,200px);opacity:0;translate:0 30px;transition:opacity 1.1s var(--da-ease),translate 1.3s var(--da-inout)}
.da-city i{position:absolute;bottom:0;border-radius:14px 14px 0 0;background:var(--c);box-shadow:inset -12px 0 0 rgba(0,0,0,.06)}
.da-city i b{position:absolute;left:16%;right:22%;top:12%;height:30px;border-radius:6px;background:rgba(255,255,255,.9);display:grid;place-items:center;font:600 12px/1 "Geist Mono",ui-monospace,monospace;letter-spacing:.08em;color:var(--c)}
.da-city i b::after{content:attr(data-t)}
.da-city i u{position:absolute;left:16%;right:22%;top:30%;bottom:24%;text-decoration:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.5) 0 6px,rgba(255,255,255,0) 6px 19px);border-radius:3px}
.da-ground{position:absolute;left:-10%;right:-10%;bottom:-40px;height:120px;opacity:0;transition:opacity 1.1s var(--da-ease)}
.da-grain{position:absolute;inset:0;background-image:var(--da-grain,none);background-size:180px 180px;opacity:.55}
/* écran par écran : le soleil glisse d’une place à l’autre */
html[data-da-view="home"] .da-sky{--da-sx:73%;--da-sy:36%;--da-ss:1;--da-so:.95}
html[data-da-view="home"] .da-city,html[data-da-view="home"] .da-ground{opacity:.42;translate:0 0}
html[data-da-view="atelier"] .da-sky{--da-sx:50%;--da-sy:30%;--da-ss:.9;--da-so:.85}
html[data-da-view="lot"] .da-sky{--da-sx:82%;--da-sy:26%;--da-ss:.85;--da-so:.85}
html[data-da-view="login"] .da-sky{--da-sx:50%;--da-sy:42%;--da-ss:1.05;--da-so:.95}
html[data-da-view="login"] .da-city,html[data-da-view="login"] .da-ground{opacity:.5;translate:0 0}
/* au travail (éditeur, tableur, présentation) : ciel calme, rien ne bouge */
html[data-da-view="work"] .da-sky{--da-sx:88%;--da-sy:8%;--da-ss:.55;--da-so:.45}
html[data-da-view="work"] .da-rays,html[data-da-view="work"] .da-spk,html[data-da-view="work"] .da-cloud{animation-play-state:paused}
html[data-da-view="work"] .da-spk,html[data-da-view="work"] .da-cloud{opacity:0!important}

/* ---------- ouverture en cercle entre les écrans (transitions cinéma de verre-v145) ---------- */
html[data-agv-vt="screen"][data-da-vt]::view-transition-old(root){animation:da-vt-old 1s var(--da-inout) both}
html[data-agv-vt="screen"][data-da-vt]::view-transition-new(root){animation:da-vt-new 1s var(--da-inout) both}
@keyframes da-vt-new{from{clip-path:circle(0px at var(--da-x,50%) var(--da-y,50%))}to{clip-path:circle(var(--da-r,150vmax) at var(--da-x,50%) var(--da-y,50%))}}
@keyframes da-vt-old{to{scale:.97;filter:saturate(.9) brightness(.98)}}

/* ---------- étiquettes (« VOTRE ATELIER »…) : plus de surlignage (retiré à la demande de Dali), simple apparition de gauche à droite (JS) ---------- */

/* ---------- accueil : la carte « Votre espace privé. Vos originaux préservés. » est retirée (demande de Dali, 20/10/2026) ---------- */
html:root body #root .studio-home-note{display:none!important}

/* ---------- cartes d’accueil : seuls les dessins bougent (la carte reste immobile) ---------- */
html:root body #root .entry-card .entry-paper{transition:rotate .6s var(--da-spring),scale .6s var(--da-spring),translate .7s var(--da-spring)!important}
html:root body #root .entry-card:hover .entry-paper{translate:14% -6%}
html:root body #root .entry-card .entry-stack>div{transition:translate .7s var(--da-spring),rotate .7s var(--da-spring)}
html:root body #root .entry-card:hover .entry-stack>div:nth-child(1){translate:18% -4%;rotate:8deg}
html:root body #root .entry-card:hover .entry-stack>div:nth-child(2){translate:-14% 2%;rotate:-7deg}
html:root body #root .entry-card .entry-spark{transition:rotate .7s var(--da-spring),scale .5s var(--da-spring)}
html:root body #root .entry-card:hover .entry-spark{rotate:24deg;scale:1.12}
html:root body #root .entry-card .entry-cta svg{transition:translate .45s var(--da-spring)}
html:root body #root .entry-card:hover .entry-cta svg{translate:2px -2px}

/* ---------- la mascotte (calques exacts du logo) ---------- */
.da-agc{position:relative;aspect-ratio:729/878;--hx:42.97%;--hy:80.83%;--jx:56.02%;--jy:86.33%;--px:83.94%;--py:34.17%}
.da-agc .a-r,.da-agc .a-hg,.da-agc .a-jg,.da-agc .a-pg{position:absolute;inset:0}
.da-agc .a-r{transform-origin:46% 100%}.da-agc .a-hg{transform-origin:var(--hx) var(--hy)}.da-agc .a-jg{transform-origin:var(--jx) var(--jy)}.da-agc .a-pg{transform-origin:var(--px) var(--py)}
.da-agc .a-l{position:absolute;inset:0;background:center/100% 100% no-repeat}
.da-agc .a-body{background-image:url(da/agc-body.webp)}.da-agc .a-head{background-image:url(da/agc-head.webp)}.da-agc .a-jaw{background-image:url(da/agc-jaw.webp)}
.da-agc .a-pencil{background-image:url(da/agc-pencil.webp)}.da-agc .a-hat{background-image:url(da/agc-hat.webp)}
/* (mascotte des écrans retirée à la demande de Dali — garde-fou) */
.da-hero{display:none!important}
/* accueil de l’app : Ali sur sa pile de papier, à droite du grand titre */
.da-hero{position:absolute;right:calc(min(17%,230px) + 26px);top:-6px;width:clamp(170px,15.5vw,236px);z-index:1;pointer-events:none}
.da-hero .da-agc{pointer-events:auto;cursor:pointer;z-index:2}
.da-hero .da-stack{position:absolute;left:-12%;right:-14%;bottom:-26px;height:40px;z-index:1}
.da-hero .da-stack i{position:absolute;left:0;right:0;height:16px;border-radius:5px;background:#fffefa;box-shadow:inset 0 -2px 0 #e4e9dd,0 12px 20px -12px rgba(12,29,19,.4)}
.da-hero .da-shadow{position:absolute;left:4%;right:2%;bottom:-6px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(16,74,54,.28),rgba(16,74,54,0));z-index:0}
.da-hero .da-scrib{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
.da-hero .da-scrib path{fill:none;stroke:#2a7a52;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1180px){.da-hero{display:none}}
/* atelier vide : Ali dans la marge, en bas à droite, hors des zones cliquables */
.da-hero.da-side{position:absolute;right:clamp(20px,2.4vw,40px);top:auto;bottom:clamp(64px,10vh,110px);width:clamp(118px,9vw,150px)}
@media (max-width:1319px){.da-hero.da-side{display:none}}
/* le logo d’en-tête : mêmes lettres, posées pile au même endroit, qui peuvent sauter */
html:root body .app-header .home-brand>img.da-wm-img{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,35% 29.9%,95% 29.9%,95% 62.4%,35% 62.4%,35% 29.9%)}
.da-wm{position:absolute;pointer-events:none;overflow:visible;z-index:1}
.da-wm path{fill:#104A36}

/* ---------- chargement : hublot + trait de crayon (une fois par session) ---------- */
html.da-boot body::after{content:"";position:fixed;inset:0;z-index:2147483000;background:#f3f5ec url(da/croco-sm.webp) 50% 46%/min(90px,22vw) auto no-repeat;animation:da-bootfail .5s ease 6s forwards}
@keyframes da-bootfail{to{opacity:0;visibility:hidden}}
html.da-boot.da-ld-on body::after{display:none}
.da-ld{position:fixed;inset:0;z-index:2147483001;background:#f3f5ec;--dd:clamp(124px,15vmin,164px)}
.da-ld-disc{position:absolute;left:50%;top:46%;width:var(--dd);height:var(--dd);margin:calc(var(--dd)/-2) 0 0 calc(var(--dd)/-2);border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 34%,#1d6e4c 0%,#104A36 58%,#0a3022 100%);box-shadow:0 22px 44px -22px rgba(12,29,19,.6),inset 0 2px 0 rgba(255,255,255,.14),inset 0 -6px 18px rgba(0,0,0,.18)}
.da-ld-disc .da-agc{position:absolute;left:50%;top:54%;width:70%;translate:-50% -50%}
.da-ld-line{position:absolute;left:50%;top:calc(46% + var(--dd)/2 + 6.5vh);width:min(58vw,300px);height:26px;translate:-50% 0;overflow:visible}
.da-ld-line path{fill:none;stroke-linecap:round}
.da-ld-line .t{stroke:rgba(16,74,54,.1);stroke-width:2}.da-ld-line .k{stroke:#104A36;stroke-width:3.2}.da-ld-line circle{fill:#8fd03a}
.da-ld p{position:absolute;left:0;right:0;top:calc(46% + var(--dd)/2 + 6.5vh + 40px);margin:0;text-align:center;font:500 11.5px/1.2 "Geist Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#56645a}

/* ---------- mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  .da-rays,.da-spk,.da-cloud{animation:none!important}
  html[data-agv-vt="screen"][data-da-vt]::view-transition-new(root),html[data-agv-vt="screen"][data-da-vt]::view-transition-old(root){animation:none!important}
  html.da-boot body::after{display:none}
}

/* logo d’en-tête : il bouge au survol mais ne disparaît plus quand la souris s’en va (l’animation d’entrée ne se rejoue pas) */
html:root body .app-header .home-brand img:not(#da-x),html:root body .app-header .home-brand:hover img:not(#da-x){animation:agv-logo-in 1.2s .15s var(--agv-ease) backwards}