/* Gator · v244 · Écran d’ouverture (10/11/2026, retour de Dali sur la v243 : « cruellement simple, fade, manque de couleur
   et de modernisme » + « je préfère le logo G mâchoire 2+2 clair »).
   Deux volets toujours nets, mais vivants : aurores de couleur (vert, citron, menthe, une pointe de violet pour l’IA),
   tuile d’app avec le G à mâchoire, noms en dégradé, boutons en relief, illustrations en couleur.
   Même comportement que v242/v243 : une fois par ouverture, Échap = rester sur l’app actuelle, flèches = choisir.
   Fluidité : tout bouge en transform / clip-path / opacity ; aucun flou d’arrière-plan (backdrop-filter).
   Polices : corps en Hellix (Ali), noms et marque en Geist, repères en Geist Mono.
   Les classes gardent le préfixe « gt3 » (les couches de thème l’excluent déjà de leurs règles).
   10/11/2026 (demande de Dali) : l’œil revient dans le « o » de Gator (marque du haut et noms des deux apps) ; il cligne au survol.
   Retour arrière : remettre gator-v243.css / gator-v243.js dans index.html à la place de gator-v244.css / gator-v244.js. */
@font-face{font-family:"Geist";src:url(fonts/geist-v143.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(fonts/geist-mono-v143.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

.gt3{position:fixed;inset:0;z-index:2147483300;overflow:hidden;isolation:isolate;margin:0;padding:0;border:0;
  font-family:"Hellix","Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.4;font-weight:400;letter-spacing:0;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  background:#f2f7ee;color:#0b1410;opacity:1;transition:opacity .34s ease;
  --gt-ease:cubic-bezier(.2,.8,.2,1);--gt-inout:cubic-bezier(.65,0,.2,1);--gt-pad:clamp(28px,6.4vw,104px);--gt-shift:4vw;
  --gt-green:#0f3d2e;--gt-emerald:#0e9f6e;--gt-lime:#c6f44f;--gt-mint:#4fe3c1;--gt-violet:#7c5cfc;--gt-night:#06100b;--gt-ivory:#f2f6f0}
.gt3.is-demo{position:absolute;z-index:1;border-radius:inherit}
dialog.gt3{max-width:none;max-height:none;width:100%;height:100%;outline:none}
.gt3.is-out{opacity:0;pointer-events:none}
.gt3 *,.gt3 *::before,.gt3 *::after{box-sizing:border-box}
/* garde-fous : les couches de l’app (boutons, fenêtres) ne déforment pas l’écran d’ouverture */
html:root body:not(#gt3-x):not(#gt3-y) dialog.gt3[open]{animation:none!important;transform:none!important;background:#f2f7ee!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
html:root body:not(#gt3-x):not(#gt3-y) dialog.gt3::backdrop{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:none!important}
html:root body:not(#gt3-x):not(#gt3-y) .gt3 .gt3-side,
html:root body:not(#gt3-x):not(#gt3-y) .gt3 .gt3-side:is(:focus,:focus-visible,:hover,:active){box-shadow:none!important;outline:none!important;transform:none!important;filter:none!important;translate:none!important;scale:none!important;border:0!important;border-radius:0!important;min-height:0!important;letter-spacing:0!important}

/* polices : corps en Hellix (là où elle est installée, c’est-à-dire sur Ali ; sinon Geist), noms des apps et marque en Geist */
html:root body:not(#gt3-x):not(#gt3-y) .gt3,html:root body:not(#gt3-x):not(#gt3-y) .gt3 :is(button,strong,span,em,i,b,kbd){font-family:"Hellix","Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html:root body:not(#gt3-x):not(#gt3-y) .gt3 :is(.gt3-n,.gt3-n *,.gt3-wm,.gt3-wm *){font-family:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html:root body:not(#gt3-x):not(#gt3-y) .gt3 :is(.gt3-k,.gt3-k *,.gt3-foot,.gt3-foot *){font-family:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace!important}
.gt3-art text{font-family:"Geist",ui-sans-serif,system-ui,sans-serif}

/* ---------- les deux volets ---------- */
.gt3-side{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;cursor:pointer;
  font:inherit;text-align:left;text-transform:none;white-space:normal;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none;overflow:hidden}
html:root body:not(#gt3-x):not(#gt3-y) .gt3 .gt3-ali{background:#f2f7ee!important;color:#0b1410!important}
html:root body:not(#gt3-x):not(#gt3-y) .gt3 .gt3-ari{background:#06100b!important;color:#f2f6f0!important}
.gt3-ari{clip-path:inset(0 0 0 50%);transition:clip-path .72s var(--gt-inout)}
.gt3.is-pre .gt3-ari{clip-path:inset(0 0 0 100%)}
.gt3.hover-ali .gt3-ari{clip-path:inset(0 0 0 54%);transition-duration:.56s;transition-timing-function:var(--gt-ease)}
.gt3.hover-ari .gt3-ari{clip-path:inset(0 0 0 46%);transition-duration:.56s;transition-timing-function:var(--gt-ease)}
.gt3.pick-ali .gt3-ari{clip-path:inset(0 0 0 100%);transition-duration:.52s}
.gt3.pick-ari .gt3-ari{clip-path:inset(0 0 0 0);transition-duration:.52s}

/* aurore : une seule couche par volet, peinte une fois puis déplacée en transform (aucun recalcul) */
.gt3-bg{position:absolute;inset:-14%;pointer-events:none;will-change:transform;animation:gt3-drift 17s ease-in-out infinite alternate;transition:opacity .5s ease}
.gt3-ali .gt3-bg{background:
  radial-gradient(34% 42% at 17% 20%,rgba(198,244,79,.72),rgba(198,244,79,0) 70%),
  radial-gradient(30% 38% at 43% 84%,rgba(46,214,163,.42),rgba(46,214,163,0) 70%),
  radial-gradient(22% 28% at 47% 22%,rgba(124,92,252,.2),rgba(124,92,252,0) 70%),
  radial-gradient(26% 32% at 9% 80%,rgba(255,221,112,.3),rgba(255,221,112,0) 70%)}
.gt3-ari .gt3-bg{animation-direction:alternate-reverse;background:
  radial-gradient(34% 46% at 84% 88%,rgba(16,185,129,.5),rgba(16,185,129,0) 70%),
  radial-gradient(28% 34% at 72% 12%,rgba(198,244,79,.24),rgba(198,244,79,0) 70%),
  radial-gradient(26% 36% at 57% 66%,rgba(124,92,252,.36),rgba(124,92,252,0) 70%)}
@keyframes gt3-drift{from{transform:translate3d(-2.2%,-1.6%,0) scale(1)}to{transform:translate3d(2.6%,2.2%,0) scale(1.09)}}
/* trame de points, estompée vers le bas */
.gt3-side::after{content:"";position:absolute;inset:0;pointer-events:none;background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.25) 62%,transparent 92%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.25) 62%,transparent 92%)}
.gt3-ali::after{background-image:radial-gradient(rgba(15,61,46,.16) 1px,transparent 1.6px)}
.gt3-ari::after{background-image:radial-gradient(rgba(242,246,240,.1) 1px,transparent 1.6px)}
/* la tranche du volet sombre : un filet de lumière */
.gt3-ari::before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;
  background:linear-gradient(180deg,rgba(198,244,79,0),#c6f44f 30%,#4fe3c1 70%,rgba(79,227,193,0));box-shadow:0 0 26px 3px rgba(198,244,79,.42);
  transition:left .72s var(--gt-inout),opacity .3s ease;pointer-events:none}
.gt3.hover-ali .gt3-ari::before{left:54%;transition-duration:.56s;transition-timing-function:var(--gt-ease)}
.gt3.hover-ari .gt3-ari::before{left:46%;transition-duration:.56s;transition-timing-function:var(--gt-ease)}
.gt3.is-pre .gt3-ari::before,.gt3.pick-ali .gt3-ari::before,.gt3.pick-ari .gt3-ari::before{opacity:0}

/* ---------- contenu d’un volet ---------- */
.gt3-in{position:absolute;z-index:1;top:50%;display:flex;flex-direction:column;align-items:flex-start;width:min(calc(50% - var(--gt-pad) * 1.6),560px);
  transform:translate3d(0,-50%,0);transition:transform .56s var(--gt-ease),opacity .4s ease;will-change:transform}
.gt3-ali .gt3-in{left:var(--gt-pad)}
.gt3-ari .gt3-in{left:calc(50% + var(--gt-pad))}
.gt3.hover-ali .gt3-ari .gt3-in{transform:translate3d(var(--gt-shift),-50%,0)}
.gt3.hover-ari .gt3-ari .gt3-in{transform:translate3d(calc(var(--gt-shift) * -1),-50%,0)}
.gt3.hover-ari .gt3-ali .gt3-in{transform:translate3d(calc(var(--gt-shift) * -.35),-50%,0)}
.gt3.hover-ali .gt3-ali .gt3-in{transform:translate3d(calc(var(--gt-shift) * .2),-50%,0)}

/* tuile d’app : le G à mâchoire */
.gt3-ico{display:grid;place-items:center;flex:none;width:clamp(54px,4.7vw,74px);aspect-ratio:1;margin-bottom:clamp(18px,2.8vh,30px);border-radius:27%;
  transition:transform .5s var(--gt-ease),box-shadow .4s ease}
.gt3-ico svg{display:block;width:60%;height:60%}
.gt3-ali .gt3-ico{background:linear-gradient(145deg,#fff 8%,#e2f6d2 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(15,61,46,.08),0 2px 4px rgba(15,61,46,.08),0 22px 36px -18px rgba(15,110,74,.6)}
.gt3-ali .gt3-ico path{fill:#0f3d2e}
.gt3-ari .gt3-ico{background:linear-gradient(145deg,#1c2e23,#0a150f);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(198,244,79,.3),0 22px 46px -16px rgba(198,244,79,.42)}
.gt3-ari .gt3-ico path{fill:#c6f44f}
.gt3.hover-ali .gt3-ali .gt3-ico,.gt3.hover-ari .gt3-ari .gt3-ico{transform:translate3d(0,-4px,0) rotate(-5deg) scale(1.06)}

.gt3-k{display:flex;align-items:center;gap:12px;font:500 12px/1 "Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}
.gt3-k b{font-weight:600}
.gt3-ali .gt3-k b{color:#0e8a5f}
.gt3-ari .gt3-k b{color:#c6f44f}
.gt3-k::after{content:"";order:1;width:26px;height:1px;background:currentColor;opacity:.3}
.gt3-k span{order:2;opacity:.78}
.gt3-n{display:block;margin-top:18px;font-size:clamp(44px,5.6vw,88px);font-weight:640;letter-spacing:-.052em;line-height:1;white-space:nowrap}
.gt3-n b{display:inline-block;font-weight:inherit;padding:0 .07em .08em 0;margin:0 -.07em -.08em 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.gt3-ali .gt3-n b{background-image:linear-gradient(100deg,#0f3d2e 0%,#0c8f63 52%,#6dc22f 100%)}
.gt3-ari .gt3-n b{background-image:linear-gradient(100deg,#f2f6f0 0%,#c6f44f 52%,#4fe3c1 100%)}
/* l’œil : le « o » de Gator, posé sur la ligne de base, à la hauteur des minuscules */
.gt3-o{display:inline-block;flex:none;width:.56em;height:.56em;margin:0 .03em 0 .022em;vertical-align:baseline;overflow:visible;transform:translateY(.012em);transform-origin:50% 50%}
.gt3:not(.is-pre):not(.is-ready) .gt3-n .gt3-o{animation:gt3-blink .44s ease-in-out .62s 1}
.gt3.hover-ali .gt3-ali .gt3-n .gt3-o,.gt3.hover-ari .gt3-ari .gt3-n .gt3-o{animation:gt3-blink .42s ease-in-out 1}
@keyframes gt3-blink{0%,100%{transform:translateY(.012em) scaleY(1)}42%,56%{transform:translateY(.012em) scaleY(.1)}}
.gt3-p{margin-top:20px;max-width:27em;font-size:clamp(15px,1.22vw,18px);line-height:1.5;letter-spacing:-.006em}
.gt3-ali .gt3-p{color:#32413a}
.gt3-ari .gt3-p{color:#bcc7be}
.gt3-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.gt3-tags i{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px 0 10px;border-radius:999px;font-style:normal;font-size:12.5px;font-weight:500;line-height:1;letter-spacing:-.003em;white-space:nowrap}
.gt3-tags i::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--c,#0e9f6e);box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#0e9f6e) 18%,transparent)}
.gt3-ali .gt3-tags i{color:#22302a;background:rgba(255,255,255,.74);box-shadow:inset 0 0 0 1px rgba(15,61,46,.1),0 1px 2px rgba(15,61,46,.05)}
.gt3-ari .gt3-tags i{color:#d5ddd6;background:rgba(242,246,240,.055);box-shadow:inset 0 0 0 1px rgba(242,246,240,.12)}
.gt3-tags i.is-soon{color:#d9ccff;box-shadow:inset 0 0 0 1px rgba(155,135,255,.42);background:rgba(124,92,252,.14)}
.gt3-tags i.is-soon::before{animation:gt3-pulse 2.4s ease-in-out infinite}
@keyframes gt3-pulse{0%,100%{opacity:.4}50%{opacity:1}}
/* bouton : relief, lueur, flèche dans sa pastille */
.gt3-cta{display:inline-flex;align-items:center;gap:14px;height:54px;margin-top:36px;padding:0 8px 0 24px;border-radius:999px;font-style:normal;font-size:16px;font-weight:600;letter-spacing:-.012em;white-space:nowrap;
  transition:box-shadow .3s ease,transform .3s var(--gt-ease),filter .3s ease}
.gt3-arr{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;transition:transform .3s var(--gt-ease)}
.gt3-arr svg{display:block;width:18px;height:18px}
.gt3-ali .gt3-cta{color:#f2f6f0;background:linear-gradient(180deg,#19694e 0%,#0f4533 52%,#0b3024 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(6,30,21,.4),0 18px 34px -16px rgba(13,110,74,.75)}
.gt3-ali .gt3-arr{background:#c6f44f;color:#0b2a1f}
.gt3-ari .gt3-cta{color:#06100b;background:linear-gradient(180deg,#dcfd7c 0%,#c1f045 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 18px 40px -14px rgba(198,244,79,.6)}
.gt3-ari .gt3-arr{background:#06100b;color:#c6f44f}
.gt3.hover-ali .gt3-ali .gt3-cta{transform:translate3d(0,-2px,0);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 1px 2px rgba(6,30,21,.4),0 26px 44px -16px rgba(13,130,86,.9)}
.gt3.hover-ari .gt3-ari .gt3-cta{transform:translate3d(0,-2px,0);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 26px 54px -14px rgba(198,244,79,.78)}
.gt3.hover-ali .gt3-ali .gt3-arr,.gt3.hover-ari .gt3-ari .gt3-arr{transform:translateX(3px)}
.gt3-side:focus-visible .gt3-cta{outline:2px solid #0e9f6e;outline-offset:4px}
.gt3-ari:focus-visible .gt3-cta{outline-color:#f2f6f0}

/* ---------- les illustrations (document corrigé / document signé) qui dépassent en bas du volet ---------- */
.gt3-art{position:absolute;z-index:1;bottom:-5%;width:clamp(230px,22vw,350px);aspect-ratio:320/360;pointer-events:none;
  transition:transform .7s var(--gt-ease),opacity .5s ease;will-change:transform}
.gt3-ali .gt3-art{right:calc(50% + clamp(14px,2.6vw,46px));transform:rotate(-4deg)}
.gt3-ari .gt3-art{right:clamp(14px,2.6vw,46px);transform:rotate(3.5deg)}
.gt3.hover-ali .gt3-ali .gt3-art{transform:translate3d(0,-24px,0) rotate(-2deg)}
.gt3.hover-ari .gt3-ari .gt3-art{transform:translate3d(0,-24px,0) rotate(1.5deg)}
.gt3.hover-ari .gt3-ali .gt3-art{transform:translate3d(calc(var(--gt-shift) * -1),0,0) rotate(-4deg)}
.gt3-art svg{display:block;width:100%;height:100%;overflow:visible}
.gt3-art .a-sheet{fill:#fff;stroke:rgba(15,61,46,.12);stroke-width:1}
.gt3-ali .gt3-art .a-doc{filter:drop-shadow(0 26px 30px rgba(13,90,62,.22))}
.gt3-art .a-line{fill:none;stroke:#dfe7dc;stroke-width:6;stroke-linecap:round}
.gt3-art .a-ink{fill:none;stroke:#0b1410;stroke-width:6;stroke-linecap:round}
.gt3-art .a-mark{fill:#c6f44f}
.gt3-art .a-caret{fill:#0f3d2e;animation:gt3-caret 1.1s steps(1) infinite}
@keyframes gt3-caret{50%{opacity:0}}
.gt3-art .a-float{transform-box:fill-box;transform-origin:50% 50%;animation:gt3-bob 5.4s ease-in-out infinite}
.gt3-art .a-float.is-2{animation-duration:6.6s;animation-delay:-2.2s}
@keyframes gt3-bob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
.gt3-art .a-chip-t{fill:#fff;font-size:15px;font-weight:650;letter-spacing:-.01em}
.gt3-art .a-card{fill:#fff;stroke:rgba(15,61,46,.1);stroke-width:1}
.gt3-ali .gt3-art .a-diff{filter:drop-shadow(0 16px 20px rgba(13,90,62,.24))}
.gt3-ali .gt3-art .a-ai{filter:drop-shadow(0 12px 16px rgba(92,80,240,.36))}
.gt3-art .a-old{fill:#8a9990;font-size:13px;font-weight:500;text-decoration:line-through}
.gt3-art .a-new{fill:#0b1410;font-size:17px;font-weight:650;letter-spacing:-.02em}
.gt3-art .a-lab{fill:#586860;font-size:10px;font-weight:500;letter-spacing:.08em;font-family:"Geist Mono",ui-monospace,monospace}
.gt3-ari .gt3-art .a-sheet{fill:#0e1a14;stroke:rgba(242,246,240,.13)}
.gt3-ari .gt3-art .a-doc{filter:drop-shadow(0 30px 34px rgba(0,0,0,.5))}
.gt3-ari .gt3-art .a-line{stroke:#1f2e25}
.gt3-ari .gt3-art .a-rule{fill:none;stroke:#3b4d41;stroke-width:1.5;stroke-linecap:round}
.gt3-ari .gt3-art .a-sig{fill:none;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 7px rgba(198,244,79,.55));transition:stroke-dashoffset 1.5s cubic-bezier(.5,0,.2,1) .35s}
.gt3.is-pre .gt3-ari .gt3-art .a-sig{stroke-dashoffset:1;transition:none}
.gt3-ari .gt3-art .a-x{fill:none;stroke:#7d8c82;stroke-width:1.6;stroke-linecap:round}
.gt3-ari .gt3-art .s-ring{fill:rgba(79,227,193,.07);stroke:#4fe3c1;stroke-width:2.6}
.gt3-ari .gt3-art .s-ring2{fill:none;stroke:#4fe3c1;stroke-width:1.2;stroke-dasharray:3 5;opacity:.8}
.gt3-ari .gt3-art .s-check{fill:none;stroke:#4fe3c1;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.gt3-ari .gt3-art .c-bg{fill:#16261c;stroke:rgba(198,244,79,.38);stroke-width:1}
.gt3-ari .gt3-art .a-ok{filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.gt3-ari .gt3-art .a-chip-t{fill:#f2f6f0}

/* ---------- en-tête et pied ---------- */
.gt3-top{position:absolute;z-index:3;top:clamp(20px,3.4vh,34px);left:var(--gt-pad);right:var(--gt-pad);display:flex;align-items:center;justify-content:space-between;pointer-events:none;
  transition:opacity .4s ease,transform .6s var(--gt-ease)}
.gt3-wm{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:640;letter-spacing:-.045em;line-height:1;color:#0b1410}
.gt3-wm>svg{display:block;flex:none;width:28px;height:28px}
.gt3-wm>svg path{fill:#0f3d2e}
.gt3-wt{display:block;white-space:nowrap}
.gt3-note{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 14px 0 11px;border-radius:999px;font-size:13px;font-weight:500;letter-spacing:-.003em;color:#cfd8d0;background:rgba(242,246,240,.06);box-shadow:inset 0 0 0 1px rgba(242,246,240,.12)}
.gt3-note::before{content:"";width:16px;height:8px;border-radius:99px;background:linear-gradient(90deg,#c6f44f 0 50%,#4fe3c1 50% 100%)}
.gt3-foot{position:absolute;z-index:3;bottom:clamp(18px,3vh,30px);left:var(--gt-pad);right:var(--gt-pad);display:flex;align-items:center;justify-content:space-between;pointer-events:none;
  font:500 11.5px/1 "Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;transition:opacity .4s ease}
.gt3-keys{display:flex;align-items:center;gap:8px;color:#586860}
.gt3-keys kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:7px;font:inherit;color:#22302a;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,61,46,.14),0 1px 0 rgba(15,61,46,.14)}
.gt3-keys span{margin-right:10px}
.gt3-copy{color:#7d8c82;margin-right:clamp(240px,23vw,370px)}
@media (hover:none){.gt3-keys{visibility:hidden}}

/* ---------- entrée ---------- */
.gt3.is-pre .gt3-in>*,.gt3.is-pre .gt3-top,.gt3.is-pre .gt3-foot,.gt3.is-pre .gt3-art{opacity:0}
.gt3.is-pre .gt3-bg{opacity:0}
.gt3-in>*{transition:opacity .6s ease,transform .8s var(--gt-ease)}
.gt3.is-pre .gt3-in>*{transform:translate3d(0,16px,0)}
.gt3.is-pre .gt3-in>.gt3-ico{transform:translate3d(0,16px,0) scale(.8) rotate(-10deg)}
.gt3-in>:nth-child(2){transition-delay:.05s}.gt3-in>:nth-child(3){transition-delay:.1s}.gt3-in>:nth-child(4){transition-delay:.15s}.gt3-in>:nth-child(5){transition-delay:.2s}.gt3-in>:nth-child(6){transition-delay:.25s}
.gt3-ari .gt3-in>:nth-child(1){transition-delay:.16s}.gt3-ari .gt3-in>:nth-child(2){transition-delay:.21s}.gt3-ari .gt3-in>:nth-child(3){transition-delay:.26s}.gt3-ari .gt3-in>:nth-child(4){transition-delay:.31s}.gt3-ari .gt3-in>:nth-child(5){transition-delay:.36s}.gt3-ari .gt3-in>:nth-child(6){transition-delay:.41s}
.gt3.is-pre .gt3-top{transform:translate3d(0,-8px,0)}
.gt3.is-pre .gt3-ali .gt3-art{transform:translate3d(0,46px,0) rotate(-4deg)}
.gt3.is-pre .gt3-ari .gt3-art{transform:translate3d(0,46px,0) rotate(3.5deg)}
.gt3.is-ready .gt3-in>*{transition-delay:0s}

/* ---------- choix ---------- */
.gt3.pick-ali .gt3-top,.gt3.pick-ari .gt3-top,.gt3.pick-ali .gt3-foot,.gt3.pick-ari .gt3-foot{opacity:0}
.gt3.pick-ali .gt3-ari .gt3-in,.gt3.pick-ari .gt3-ali .gt3-in,.gt3.pick-ali .gt3-ari .gt3-art,.gt3.pick-ari .gt3-ali .gt3-art{opacity:0}
.gt3.pick-ali .gt3-ali .gt3-in{transform:translate3d(3vw,-50%,0);opacity:0;transition-duration:.6s,.42s;transition-delay:0s,.1s}
.gt3.pick-ari .gt3-ari .gt3-in{transform:translate3d(-3vw,-50%,0);opacity:0;transition-duration:.6s,.42s;transition-delay:0s,.1s}
.gt3.pick-ali .gt3-ali .gt3-art,.gt3.pick-ari .gt3-ari .gt3-art{opacity:0;transform:translate3d(0,30px,0)}

/* ---------- portrait (téléphone) : Ali en haut, Ari en bas ---------- */
.gt3.is-portrait{--gt-pad:24px}
.gt3.is-portrait .gt3-ari{clip-path:inset(50% 0 0 0)}
.gt3.is-portrait.is-pre .gt3-ari,.gt3.is-portrait.pick-ali .gt3-ari{clip-path:inset(100% 0 0 0)}
.gt3.is-portrait.hover-ali .gt3-ari{clip-path:inset(53% 0 0 0)}
.gt3.is-portrait.hover-ari .gt3-ari{clip-path:inset(47% 0 0 0)}
.gt3.is-portrait.pick-ari .gt3-ari{clip-path:inset(0 0 0 0)}
.gt3.is-portrait .gt3-ari::before{top:50%;bottom:auto;left:0;right:0;width:auto;height:2px;margin:-1px 0 0;background:linear-gradient(90deg,rgba(198,244,79,0),#c6f44f 30%,#4fe3c1 70%,rgba(79,227,193,0));transition:opacity .3s ease}
.gt3.is-portrait.hover-ali .gt3-ari::before,.gt3.is-portrait.hover-ari .gt3-ari::before{left:0;opacity:0}
.gt3.is-portrait .gt3-ali .gt3-bg{background:
  radial-gradient(60% 30% at 12% 8%,rgba(198,244,79,.72),rgba(198,244,79,0) 70%),
  radial-gradient(56% 26% at 96% 40%,rgba(46,214,163,.4),rgba(46,214,163,0) 70%),
  radial-gradient(40% 20% at 70% 10%,rgba(124,92,252,.18),rgba(124,92,252,0) 70%)}
.gt3.is-portrait .gt3-ari .gt3-bg{background:
  radial-gradient(64% 30% at 92% 96%,rgba(16,185,129,.5),rgba(16,185,129,0) 70%),
  radial-gradient(50% 24% at 6% 62%,rgba(124,92,252,.34),rgba(124,92,252,0) 70%),
  radial-gradient(44% 20% at 80% 54%,rgba(198,244,79,.18),rgba(198,244,79,0) 70%)}
.gt3.is-portrait .gt3-side::after{-webkit-mask-image:none;mask-image:none;opacity:.6}
.gt3.is-portrait .gt3-in,.gt3.is-portrait.hover-ali .gt3-in,.gt3.is-portrait.hover-ari .gt3-in{left:var(--gt-pad);right:var(--gt-pad);width:auto;transform:translate3d(0,-50%,0)}
.gt3.is-portrait .gt3-ali .gt3-in{top:calc(25% + 22px)}
.gt3.is-portrait .gt3-ari .gt3-in{top:75%}
.gt3.is-portrait .gt3-ico{width:46px;margin-bottom:14px}
.gt3.is-portrait .gt3-n{margin-top:12px;font-size:clamp(38px,11.5vw,54px)}
.gt3.is-portrait .gt3-p{margin-top:12px;font-size:15px;line-height:1.45}
.gt3.is-portrait .gt3-tags{margin-top:14px;gap:6px}
.gt3.is-portrait .gt3-tags i{height:27px;padding:0 10px 0 8px;font-size:12px}
.gt3.is-portrait .gt3-cta{height:48px;margin-top:18px;padding:0 6px 0 20px;font-size:15px}
.gt3.is-portrait .gt3-arr{width:36px;height:36px}
.gt3.is-portrait .gt3-art,.gt3.is-portrait .gt3-foot,.gt3.is-portrait .gt3-note{display:none}
.gt3.is-portrait .gt3-top{top:max(18px,env(safe-area-inset-top))}
.gt3.is-portrait.pick-ali .gt3-ali .gt3-in,.gt3.is-portrait.pick-ari .gt3-ari .gt3-in{transform:translate3d(0,-50%,0);opacity:0}
.gt3.is-portrait.is-short .gt3-tags{display:none}
.gt3.is-portrait.is-short .gt3-ico{width:40px;margin-bottom:10px}
/* petit téléphone : les tuiles d’app portent déjà le G, la marque du haut laisse la place */
.gt3.is-portrait.is-short .gt3-top{display:none}
.gt3.is-portrait.is-short .gt3-ali .gt3-in{top:25%}
.gt3.is-portrait.is-tiny .gt3-p,.gt3.is-portrait.is-tiny .gt3-ico{display:none}
/* écrans larges mais peu hauts : on allège */
@media (max-height:700px){.gt3:not(.is-portrait) .gt3-tags{display:none}.gt3:not(.is-portrait) .gt3-cta{margin-top:26px}.gt3:not(.is-portrait) .gt3-ico{margin-bottom:16px}}
@media (max-height:560px){.gt3:not(.is-portrait) .gt3-art,.gt3:not(.is-portrait) .gt3-ico{display:none}}
@media (max-width:1100px){.gt3:not(.is-portrait) .gt3-art{display:none}.gt3:not(.is-portrait) .gt3-in{width:calc(50% - var(--gt-pad) * 1.5)}.gt3:not(.is-portrait) .gt3-n{font-size:clamp(34px,5.4vw,56px)}.gt3:not(.is-portrait) .gt3-copy{margin-right:0}}
.gt3.is-demo .gt3-n{font-size:clamp(26px,5.2cqw,60px)}

@media (prefers-reduced-motion:reduce){
  .gt3,.gt3 *,.gt3 *::before{transition-duration:.01s!important;transition-delay:0s!important;animation:none!important}
}