Outiref

Code source de l'URL : https://www.gogia-co.fr/

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Gogia & Co — La finance, renforcée par la technologie</title>
<meta name="description" content="Cabinet de conseil à Paris pour dirigeants de PME : conseil financier, data et reporting, technologie et IA. Un seul interlocuteur, du premier échange à la formation de vos équipes.">
<link rel="canonical" href="https://www.gogia-co.fr/">
<meta name="theme-color" content="#050505">
<script>/* le thème est posé avant le premier rendu pour éviter tout clignotement */
(function(){try{var t=localStorage.getItem('gc-theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
<meta name="robots" content="index,follow">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Gogia & Co">
<meta property="og:locale" content="fr_FR">
<meta property="og:title" content="Gogia & Co — La finance, renforcée par la technologie">
<meta property="og:description" content="Conseil financier, data et technologie pour dirigeants de PME. Un seul interlocuteur.">
<meta property="og:url" content="https://www.gogia-co.fr/">
<meta property="og:image" content="https://www.gogia-co.fr/images/partage.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180.png">
<link rel="manifest" href="/site.webmanifest">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"ProfessionalService","name":"Gogia & Co","url":"https://www.gogia-co.fr/","logo":"https://www.gogia-co.fr/images/logo.png","image":"https://www.gogia-co.fr/images/partage.png","description":"Conseil financier, data et technologie pour dirigeants de PME.","address":{"@type":"PostalAddress","streetAddress":"38 rue des Mathurins","postalCode":"75008","addressLocality":"Paris","addressCountry":"FR"},"email":"contact@gogia-co.fr","sameAs":["https://www.linkedin.com/company/146926411/"],"areaServed":"FR","founder":{"@type":"Person","name":"Giga Gogia"}}
</script>
<style>
/* Layout: black space; one fixed canvas (smoke, rocket, free-floating points) behind full-height screens; geometric display face outlined or filled. */
:root{--bg:#050505;--fg:#ffffff;--fg2:#9a9a9a;--accent:#ff9a3c;--blue:#5b9bff;--line:rgba(255,255,255,.12);--veil:rgba(5,5,5,.66);--scrim:rgba(5,5,5,.84);--scrim0:rgba(5,5,5,0);--menu:rgba(5,5,5,.92);--halo:255,255,255;--shadow:rgba(5,5,5,.95);--shadow2:rgba(5,5,5,.9);--display:'Unbounded','Montserrat',Arial,sans-serif;--body:'Manrope','Helvetica Neue',Arial,sans-serif;color-scheme:dark}
/* thème clair : papier chaud, encre chaude, orange assombri pour rester lisible */
html[data-theme="light"]{--bg:#f3efe7;--fg:#17150f;--fg2:#6b655a;--accent:#b85c08;--blue:#2b56a8;--line:rgba(23,21,15,.16);--veil:rgba(243,239,231,.70);--scrim:rgba(243,239,231,.88);--scrim0:rgba(243,239,231,0);--menu:rgba(243,239,231,.94);--halo:23,21,15;--shadow:rgba(243,239,231,.95);--shadow2:rgba(243,239,231,.9);color-scheme:light}
html{transition:background-color .45s ease}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:300 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
@media(hover:hover) and (pointer:fine){body,a,button{cursor:none}}
canvas#cloud{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
.wrap{position:relative;z-index:1;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.in{width:min(100%,1240px);margin-inline:auto}
header{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));transition:background-color .35s ease,border-color .35s ease}
header::before{content:"";position:absolute;inset:0 0 -26px;background:linear-gradient(var(--scrim) 0,var(--scrim) 72%,var(--scrim0));opacity:0;transition:opacity .35s ease;pointer-events:none}
header.is-scrolled::before{opacity:1}
header.is-scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header .in{position:relative}
header .in{display:flex;align-items:center;justify-content:space-between;height:84px}
/* les deux logos suivent la couleur du texte ; les points gardent l'accent */
.logo-svg,.mark-svg{color:var(--fg)}
.logo-svg circle,.mark-svg circle{fill:var(--accent)}
/* voile : une éclaircie dans le champ de points, aux bords fondus, pour que
   les colonnes de droite restent lisibles sans poser de cadre visible */
.veil{position:relative;z-index:0}
/* le voile est positionne : sans cela il se peindrait par-dessus les
   paragraphes qui le suivent dans le flux */
.col,.note{position:relative;z-index:1}
.veil::before{content:"";position:absolute;inset:-44px -16px;z-index:-1;pointer-events:none;background:var(--veil);-webkit-mask-image:radial-gradient(132% 118% at 50% 50%,#000 34%,transparent 100%);mask-image:radial-gradient(132% 118% at 50% 50%,#000 34%,transparent 100%)}
/* bascule de thème : un anneau à moitié plein, écho aux G du logo */
#theme{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--fg);padding:10px 0;line-height:0}
#theme svg{display:block;transition:transform .5s cubic-bezier(.23,1,.32,1)}
#theme:hover svg{transform:rotate(180deg)}
html:not(.js) #theme{display:none}
.logo{display:inline-flex;align-items:center}.logo-svg{display:block;height:22px;width:auto;--lg:.5s}
.logo-svg .lg-l{opacity:0;animation:lgFade .7s ease forwards;animation-delay:var(--lg)}
.logo-svg .lg-amp{stroke-dasharray:1;stroke-dashoffset:1;animation:lgTrace 1s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--lg) + .35s)}
.logo-svg .lg-dot{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:lgPop .4s cubic-bezier(.2,1.3,.4,1) forwards;animation-delay:calc(var(--lg) + 1.25s + var(--i)*.1s)}
.logo:hover .lg-dot{filter:drop-shadow(0 0 4px rgba(255,154,60,.9))}
/* the last point is brought by the light that drew the ampersand; once lit it breathes */
.logo-svg .lg-last{animation:none;transform:none}
.logo-svg .lg-final{transform-box:fill-box;transform-origin:center;transform:scale(0)}
.logo-svg.lit .lg-final{animation:lgPop .5s cubic-bezier(.2,1.3,.4,1) forwards}
.logo-svg.lit .lg-last{animation:lgBreath 2.8s ease-in-out .5s infinite alternate}
@keyframes lgFade{to{opacity:1}}@keyframes lgTrace{to{stroke-dashoffset:0}}@keyframes lgPop{to{transform:scale(1)}}
@keyframes lgBreath{from{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,154,60,0))}to{transform:scale(1.22);filter:drop-shadow(0 0 3px rgba(255,154,60,1))}}
.tools{display:flex;align-items:center;gap:34px;font:500 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase}
.tools a,.tools button{background:none;border:0;color:var(--fg);font:inherit;letter-spacing:inherit;text-transform:inherit;padding:10px 0;position:relative}
.tools .cta{border:1px solid rgba(var(--halo),.4);padding:13px 18px;transition:border-color .25s,background-color .25s,color .25s}
.tools .cta::after{display:none}
.tools .cta:hover{border-color:var(--accent);background:var(--accent);color:var(--bg)}
.tools a::after,.tools button::after,.ln::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.tools a:hover::after,.tools button:hover::after,.ln:hover::after{transform:scaleX(1)}
:focus-visible{outline:1px solid var(--fg);outline-offset:6px}
section.screen{min-height:100vh;display:flex;align-items:center;padding-block:130px 90px}
.eyebrow{font:500 11px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:28px}
h1,h2{font:700 clamp(30px,4.2vw,64px)/1.02 var(--display);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
h2{font-size:clamp(27px,4.2vw,64px)}
h1 .li,h2 .li{text-shadow:0 0 22px var(--shadow),0 0 4px var(--shadow2)}
.outline{text-shadow:none!important}
.outline{color:transparent;-webkit-text-stroke:1.5px var(--fg);text-stroke:1.5px var(--fg)}
/* line reveal: each line rises out of a clipped box; the padding keeps accents inside the clip */
.l{display:block;overflow:hidden;padding-top:.16em;margin-top:-.16em;padding-bottom:.08em;margin-bottom:-.08em}
.li{display:block;transform:translateY(115%);transition:transform 1s cubic-bezier(.23,1,.32,1)}
.on .li{transform:none}
.l:nth-child(2) .li{transition-delay:.1s}
.l:nth-child(3) .li{transition-delay:.2s}
.fade{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.23,1,.32,1);transition-delay:calc(.25s + var(--i,0)*.08s)}
.on .fade{opacity:1;transform:none}
.w{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .6s ease,transform .7s cubic-bezier(.23,1,.32,1)}
.on .w{opacity:1;transform:none}
.lead{max-width:40ch;font-weight:300;font-size:clamp(16px,1.35vw,19px);line-height:1.65;margin-top:34px;color:var(--fg)}
.lead,.note,.area,.member,#manifeste p,#merge p,.mail,.mail-label{text-shadow:0 0 18px var(--shadow),0 0 3px var(--shadow2)}
.hero-col{max-width:760px}
.lead b,#manifeste b{font-weight:700}
.col{max-width:720px}
#manifeste{justify-content:center}
#manifeste p{max-width:44ch;margin-inline:auto;text-align:center;font:200 clamp(21px,3vw,38px)/1.35 var(--body);text-wrap:balance}
#merge{min-height:90vh;align-items:center}
#merge p{font:300 clamp(18px,2.1vw,27px)/1.5 var(--body);color:var(--fg);max-width:30ch}
#merge b{font-weight:700}
.areas{margin-top:64px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.area{padding:30px 0 34px;border-bottom:1px solid var(--line);min-width:0}
.kicker{font:500 11px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.area h3{margin:0 0 14px;font:500 15px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase}
.promise{font-size:17px;line-height:1.5;color:var(--fg);margin-bottom:16px}
.items{font-size:13.5px;line-height:1.9;color:var(--fg2);font-weight:300}
.items i{font-style:normal;color:var(--accent);margin:0 .2em}
.it{transition:color .25s ease,text-shadow .25s ease}
@media(hover:hover){.it:hover{color:var(--fg);text-shadow:0 0 14px rgba(var(--halo),.55),0 0 2px rgba(var(--halo),.6)}.area:hover .kicker{color:var(--fg)}.area:hover h3{text-shadow:0 0 16px rgba(255,154,60,.35)}}
.kicker,.area h3{transition:color .25s ease,text-shadow .25s ease}
.note{max-width:62ch;margin-top:30px;font-size:15px;line-height:1.7;color:var(--fg2)}
.note b{color:var(--fg);font-weight:600}
.team{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}
.member{padding-top:26px;display:grid;gap:12px;align-content:start}
.member .n{font:700 clamp(26px,3vw,42px)/1 var(--display);text-transform:uppercase}
.member .r{font-size:14px;color:var(--fg2);max-width:26ch}
.member .ln{position:relative;display:inline-block;justify-self:start;font:500 11px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;padding-bottom:8px;margin-top:6px}
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;margin-top:40px;border:1px solid var(--fg);color:var(--fg);padding:18px 30px;font:500 11px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .25s,color .25s}
.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn:active{transform:scale(.97)}
.btn-primary{background:var(--fg);color:var(--bg)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.actions .btn{margin-top:0}
.mail{display:inline-block;margin-top:26px;font:400 clamp(19px,3.2vw,40px)/1.1 var(--display);letter-spacing:-.01em;border-bottom:1px solid var(--fg);padding-bottom:6px;transition:color .3s,border-color .3s;overflow-wrap:anywhere}
.mail:hover{color:var(--accent);border-color:var(--accent)}
.mail-label{font:500 11px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--fg2);margin-top:70px}
footer{position:relative;z-index:1;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:40px 0;overflow:hidden}
footer .meta{display:flex;flex-wrap:wrap;gap:10px 30px;font-size:12px;letter-spacing:.06em;color:var(--fg2);border-top:1px solid var(--line);padding-top:24px}
footer .meta a:hover{color:var(--fg)}
.mark{display:flex;justify-content:center;padding:56px 0 48px}.mark-svg{display:block;width:min(100%,900px);height:auto}
#pct{position:fixed;right:max(28px,env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:7;font:500 12px/1 var(--display);letter-spacing:.2em;color:var(--accent);font-variant-numeric:tabular-nums;transition:opacity .6s ease}
#pct.off{opacity:0}
#menu{position:fixed;inset:0;z-index:6;background:var(--menu);display:flex;align-items:center;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));opacity:0;pointer-events:none;transition:opacity .3s ease}
#menu.open{opacity:1;pointer-events:auto}
#menu nav{width:min(100%,1240px);margin-inline:auto;display:grid;gap:6px}
#menu a{font:700 clamp(30px,6.5vw,84px)/1.1 var(--display);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--fg);opacity:0;transform:translateY(12px);transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1),color .25s}
#menu.open a{opacity:1;transform:none}
#menu a:nth-child(2){transition-delay:.05s}#menu a:nth-child(3){transition-delay:.1s}#menu a:nth-child(4){transition-delay:.15s}#menu a:nth-child(5){transition-delay:.2s}
#menu a:hover{color:var(--fg)}
#menu .close{position:absolute;top:calc(30px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));background:none;border:0;color:var(--fg);font:500 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;padding:10px}
#cur,#ring{position:fixed;left:0;top:0;z-index:30;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);display:none}
#cur{width:10px;height:10px;background:var(--accent);box-shadow:0 0 10px rgba(255,154,60,.6);transition:width .25s cubic-bezier(.23,1,.32,1),height .25s cubic-bezier(.23,1,.32,1)}
#cur.big{width:16px;height:16px}
#ring{width:90px;height:90px;background:radial-gradient(circle,rgba(var(--halo),.28),rgba(var(--halo),.08) 45%,rgba(var(--halo),0) 70%);filter:blur(3px);transition:width .35s cubic-bezier(.23,1,.32,1),height .35s cubic-bezier(.23,1,.32,1),opacity .35s}
#ring.big{width:150px;height:150px;opacity:.8}
@media(hover:hover) and (pointer:fine){#cur,#ring{display:block}}
html.menu-open{overflow:hidden}
html:not(.js) #pct{display:none}html:not(.js) .logo-svg .lg-final{transform:none}
html:not(.js) #menu{position:static;opacity:1;pointer-events:auto;background:none;padding:0;display:block}
html:not(.js) #menu .close{display:none}html:not(.js) #menu nav{display:flex;flex-wrap:wrap;gap:6px 22px;padding:0 max(16px,env(safe-area-inset-left,0px)) 16px;width:min(100%,1240px);margin-inline:auto;font:500 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase}
html:not(.js) #menu a{font:inherit;color:var(--fg);-webkit-text-stroke:0;opacity:1;transform:none}
html:not(.js) header{position:static}
html:not(.js) .li,html:not(.js) .fade,html:not(.js) .w{opacity:1;transform:none}
@media(min-width:1360px){.veil::before{inset:-44px -52px}}
@media(max-width:860px){
  /* a 27 px, un contour de 1,5 px se lit mal sur un fond anime :
     on l'epaissit et on donne un peu de corps aux lettres */
  .outline{-webkit-text-stroke-width:2.1px;text-stroke-width:2.1px;color:rgba(var(--halo),.42)}
  /* le bouton secondaire croise le faisceau le plus lumineux du & */
  .actions .btn:not(.btn-primary){background:var(--veil)}
  .veil::before{inset:-26px -16px}
  header .in{height:68px}.logo-svg{height:18px}
  .areas{grid-template-columns:1fr;gap:0}.team{grid-template-columns:1fr 1fr}
  .hide-m{display:none}
  section.screen{padding-block:110px 60px;align-items:flex-start}
  section.below{padding-top:52vh}
  #manifeste{align-items:center}#merge{align-items:flex-end;min-height:100vh;padding-bottom:26vh}
  .actions{margin-top:28px;gap:10px}.actions .btn{padding:14px 18px;letter-spacing:.12em;font-size:10px}
  .lead{margin-top:24px}
  .mail-label{margin-top:44px}.team{margin-top:36px}.areas{margin-top:40px}
}
@media(max-width:520px){.team{grid-template-columns:1fr;gap:8px}.member{padding-top:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.li,.fade,.w,#menu a,.btn{transition:none;transform:none;opacity:1}.logo-svg .lg-l,.logo-svg .lg-amp,.logo-svg .lg-dot,.logo-svg .lg-final,.logo-svg.lit .lg-last{animation:none;opacity:1;stroke-dashoffset:0;transform:none}}
</style>
<link rel="preload" href="/fonts/unbounded-700-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/manrope-300-latin.woff2" as="font" type="font/woff2" crossorigin>
<style>
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/unbounded-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/unbounded-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/unbounded-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/unbounded-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/unbounded-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/unbounded-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/manrope-200-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/manrope-200-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/manrope-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/manrope-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
</style>
</head>
<body>
<span id="pct">0%</span>
<canvas id="cloud" aria-hidden="true"></canvas>
<div id="ring" aria-hidden="true"></div><div id="cur" aria-hidden="true"></div>

<header><div class="in">
  <a class="logo" href="#accueil"><svg class="logo-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 -1040.0 7405.0 1160.0" height="22" role="img" aria-label="Gogia &amp; Co"><path class="lg-l" d="M623.5 -171.9 A303.5 303.5 0 1 1 623.5 -562.1" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><path d="M694.5 -367.0 L621.0 -367.0" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><circle class="lg-dot" style="--i:0" cx="541.0" cy="-367.0" r="82" fill="#FF9A3C"/><path class="lg-l" transform="translate(842.0 0) scale(1 -1)" d="M482 -16Q349 -16 248.5 33.0Q148 82 92.5 170.0Q37 258 37 375Q37 492 92.5 580.0Q148 668 248.5 717.0Q349 766 482 766Q616 766 716.0 717.0Q816 668 872.0 580.0Q928 492 928 375Q928 258 872.0 170.0Q816 82 716.0 33.0Q616 -16 482 -16ZM482 169Q555 169 608.0 194.0Q661 219 689.5 265.0Q718 311 718 375Q718 439 689.5 485.0Q661 531 608.0 556.0Q555 581 482 581Q410 581 357.0 556.0Q304 531 275.0 485.0Q246 439 246 375Q246 311 275.0 265.0Q304 219 357.0 194.0Q410 169 482 169Z" fill="currentColor"/><path class="lg-l" d="M2490.5 -171.9 A303.5 303.5 0 1 1 2490.5 -562.1" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><path d="M2561.5 -367.0 L2488.0 -367.0" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><circle class="lg-dot" style="--i:1" cx="2408.0" cy="-367.0" r="82" fill="#FF9A3C"/><path class="lg-l" transform="translate(2709.0 0) scale(1 -1)" d="M70 750H277V0H70Z" fill="currentColor"/><path class="lg-l" transform="translate(3116.0 0) scale(1 -1)" d="M615 750 956 0H735L673 144H284L222 0H1L342 750ZM601 311 479 593 357 311Z" fill="currentColor"/><g transform="translate(4253.0 -1010.0) scale(10.800)"><path class="lg-amp" pathLength="1" d="M86.0 97.0 C84.33 94.83 79.67 89.17 76.0 84.0 C72.33 78.83 68.0 72.0 64.0 66.0 C60.0 60.0 55.67 53.83 52.0 48.0 C48.33 42.17 45.0 36.17 42.0 31.0 C39.0 25.83 35.0 21.33 34.0 17.0 C33.0 12.67 33.67 7.33 36.0 5.0 C38.33 2.67 44.83 1.67 48.0 3.0 C51.17 4.33 54.83 8.5 55.0 13.0 C55.17 17.5 52.17 24.67 49.0 30.0 C45.83 35.33 40.83 40.33 36.0 45.0 C31.17 49.67 25.0 53.5 20.0 58.0 C15.0 62.5 8.67 67.33 6.0 72.0 C3.33 76.67 2.33 81.83 4.0 86.0 C5.67 90.17 11.0 95.33 16.0 97.0 C21.0 98.67 28.33 97.5 34.0 96.0 C39.67 94.5 45.33 91.67 50.0 88.0 C54.67 84.33 58.17 78.33 62.0 74.0 C65.83 69.67 69.33 65.33 73.0 62.0 C76.67 58.67 80.33 56.83 84.0 54.0 C87.67 51.17 93.17 46.5 95.0 45.0" fill="none" stroke="currentColor" stroke-width="9.00" stroke-linecap="round" stroke-linejoin="round"/><circle class="lg-dot" style="--i:2" cx="95" cy="45" r="8" fill="#FF9A3C"/></g><path class="lg-l" transform="translate(5389.0 0) scale(1 -1)" d="M903 314Q892 215 835.0 140.5Q778 66 685.5 25.0Q593 -16 473 -16Q342 -16 244.0 33.0Q146 82 91.5 170.0Q37 258 37 375Q37 492 91.5 580.0Q146 668 244.0 717.0Q342 766 473 766Q593 766 685.5 725.0Q778 684 835.0 609.5Q892 535 903 436H695Q685 484 656.0 517.5Q627 551 580.5 569.0Q534 587 473 587Q403 587 352.0 561.5Q301 536 274.0 488.5Q247 441 247 375Q247 309 274.0 261.5Q301 214 352.0 188.5Q403 163 473 163Q534 163 580.5 180.0Q627 197 656.0 231.0Q685 265 695 314Z" fill="currentColor"/><path class="lg-l" transform="translate(6383.0 0) scale(1 -1)" d="M396 -16Q286 -16 204.0 21.5Q122 59 76.0 127.5Q30 196 30 285Q30 376 76.0 444.0Q122 512 204.0 550.0Q286 588 396 588Q505 588 587.5 550.0Q670 512 716.0 444.0Q762 376 762 285Q762 196 716.0 127.5Q670 59 587.5 21.5Q505 -16 396 -16ZM396 135Q446 135 481.5 153.0Q517 171 536.0 205.0Q555 239 555 285Q555 333 536.0 366.5Q517 400 481.5 418.0Q446 436 396 436Q346 436 310.0 418.0Q274 400 255.0 366.5Q236 333 236 286Q236 239 255.0 205.0Q274 171 310.0 153.0Q346 135 396 135Z" fill="currentColor"/><g class="lg-final"><circle class="lg-dot lg-last" style="--i:3" cx="7340.0" cy="-65" r="65" fill="#FF9A3C"/></g></svg></a>
  <div class="tools"><button type="button" id="theme" aria-label="Passer en thème clair"><svg viewBox="0 0 24 24" width="15" height="15" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9.1" fill="none" stroke="currentColor" stroke-width="2.2"/><path d="M12 2.9A9.1 9.1 0 0 1 12 21.1Z" fill="currentColor"/></svg></button><button type="button" id="open">Menu</button></div>
</div></header>
<div id="menu" aria-hidden="true"><button class="close" type="button" id="close">Fermer</button>
  <nav><a href="#accueil">Accueil</a><a href="#cabinet">Le cabinet</a><a href="#expertises">Expertises</a><a href="#equipe">Le collectif</a><a href="#contact">Contact</a></nav></div>

<main class="wrap">
<section class="screen" id="accueil" data-shape="amp"><div class="in"><div class="col hero-col reveal" id="hero-col">
  <h1><span class="l"><span class="li outline">La finance,</span></span><span class="l"><span class="li">renforcée par</span></span><span class="l"><span class="li">la technologie</span></span></h1>
  <p class="lead fade">Nous accompagnons les dirigeants dans le pilotage de leur entreprise, en associant <b>conseil financier</b>, <b>data</b> et <b>automatisation</b>.</p>
  <div class="actions fade" style="--i:1"><a class="btn btn-primary" href="#expertises">Nos expertises</a><a class="btn" href="#contact">Parlons de votre projet</a></div>
</div></div></section>

<section class="screen" id="manifeste" data-shape="dust"><div class="in reveal"><p class="words">Des chiffres <b>plus fiables</b>. Des décisions <b>plus éclairées</b>. <b>Moins de temps perdu.</b></p></div></section>

<section class="screen below" id="cabinet" data-shape="spheres3"><div class="in"><div class="col reveal">
  <p class="eyebrow">Le cabinet</p>
  <h2><span class="l"><span class="li outline">Trois métiers.</span></span><span class="l"><span class="li">Un interlocuteur.</span></span></h2>
  <p class="lead fade">Conseil, data, technologie. La plupart des cabinets en vendent un. <b>Nous les tenons ensemble.</b></p>
</div></div></section>

<section class="screen" id="merge" data-shape="sphere1"><div class="in reveal"><p class="fade"><b>Un seul interlocuteur</b>, du premier échange à la formation de vos équipes.</p></div></section>

<section class="screen below" id="expertises" data-shape="planet"><div class="in"><div class="reveal">
  <div class="col"><p class="eyebrow">Expertises</p>
  <h2><span class="l"><span class="li outline">Des expertises</span></span><span class="l"><span class="li">qui se complètent</span></span></h2>
  <p class="lead fade">Trois expertises qui gravitent autour d’un même centre : le pilotage de votre entreprise. Des outils qui rendent votre activité <b>lisible</b>, et des équipes <b>formées</b> à s'en servir.</p></div>
  <div class="areas veil">
    <div class="area fade" style="--i:1"><p class="kicker">01 · Conseil</p><h3>Finance &amp; pilotage</h3><p class="promise">Comprendre vos chiffres pour mieux décider.</p><p class="items"><span class="it">Contrôle de gestion</span> <i>·</i> <span class="it">Prévisionnels</span> <i>·</i> <span class="it">Business plan</span> <i>·</i> <span class="it">Recherche de financement</span> <i>·</i> <span class="it">Valorisation</span> <i>·</i> <span class="it">Acquisitions</span> <i>·</i> <span class="it">Accompagnement transaction services</span></p></div>
    <div class="area fade" style="--i:2"><p class="kicker">02 · Data</p><h3>Data &amp; reporting</h3><p class="promise">Transformer vos données en informations utiles.</p><p class="items"><span class="it">Power BI</span> <i>·</i> <span class="it">Tableaux de bord</span> <i>·</i> <span class="it">Modèles financiers</span> <i>·</i> <span class="it">Reporting automatisé</span></p></div>
    <div class="area fade" style="--i:3"><p class="kicker">03 · Technologie</p><h3>Technologie &amp; IA</h3><p class="promise">Créer des outils qui simplifient votre quotidien.</p><p class="items"><span class="it">IA</span> <i>·</i> <span class="it">Automatisation</span> <i>·</i> <span class="it">Applications métier</span> <i>·</i> <span class="it">Logiciels sur mesure</span></p></div>
  </div>
  <p class="note fade" style="--i:4">En complément de ces trois expertises, nous <b>formons vos équipes</b> à l'ensemble de ces outils, pour qu'ils soient utilisés au quotidien, bien après notre intervention.</p>
</div></div></section>

<section class="screen below" id="equipe" data-shape="constellation"><div class="in"><div class="reveal">
  <div class="col"><p class="eyebrow">Le collectif</p>
  <h2><span class="l"><span class="li outline">Trois</span></span><span class="l"><span class="li">signatures</span></span></h2>
  <p class="lead fade">Nous réunissons les bonnes compétences autour de votre projet. <b>Un interlocuteur en assure le suivi de bout en bout.</b></p></div>
  <div class="team veil">
    <div class="member fade" style="--i:1"><span class="n">Giga</span><span class="r">Finance, data et pilotage</span><a class="ln" href="https://www.linkedin.com/in/giga-gogia-427b6ab3/" target="_blank" rel="noopener">LinkedIn</a></div>
    <div class="member fade" style="--i:2"><span class="n">Archil</span><span class="r">Développement, SEO et transition numérique</span><a class="ln" href="https://www.linkedin.com/in/archil-chikviladze-453ab5152/" target="_blank" rel="noopener">LinkedIn</a></div>
    <div class="member fade" style="--i:3"><span class="n">Nehdim</span><span class="r">Design, contenus et communication</span><a class="ln" href="https://www.linkedin.com/in/nehdim-temagoult-42b246368/" target="_blank" rel="noopener">LinkedIn</a></div>
  </div>
  <p class="note fade" style="--i:4">Une équipe resserrée. Des expertises complémentaires, <b>mobilisées selon votre besoin</b>.</p>
</div></div></section>

<section class="screen below" id="contact" data-shape="sky"><div class="in"><div class="col reveal">
  <p class="eyebrow">Contact</p>
  <h2><span class="l"><span class="li outline">Parlons de</span></span><span class="l"><span class="li">votre projet</span></span></h2>
  <p class="lead fade">Un besoin précis ou un sujet à clarifier ? <b>Prenons 30 minutes</b> pour en discuter.</p>
  <p class="mail-label fade" style="--i:1">Écrivez-nous</p>
  <a class="mail fade" style="--i:2" id="mail" href="/cdn-cgi/l/email-protection#294a46475d484a5d694e464e4048044a46074f5b"><span class="__cf_email__" data-cfemail="dbb8b4b5afbab8af9bbcb4bcb2baf6b8b4f5bda9">[email&#160;protected]</span></a><br>
  <a class="btn btn-primary fade" style="--i:3" href="https://calendar.app.google/S5nX6GVTzSX5kS3s6" target="_blank" rel="noopener">Réserver un créneau</a>
</div></div></section>
</main>
<footer><div class="in">
  <div class="meta"><span>© 2026 Gogia &amp; Co — Paris</span><a href="/mentions-legales">Mentions légales</a><a href="/confidentialite">Confidentialité</a><a href="https://www.linkedin.com/company/146926411/" target="_blank" rel="noopener">LinkedIn</a></div>
  <div class="mark"><svg class="mark-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 -1040.0 7405.0 1160.0" height="160" role="img" aria-label="Gogia &amp; Co"><path d="M623.5 -171.9 A303.5 303.5 0 1 1 623.5 -562.1" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><path d="M694.5 -367.0 L621.0 -367.0" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><circle cx="541.0" cy="-367.0" r="82" fill="#FF9A3C"/><path transform="translate(842.0 0) scale(1 -1)" d="M482 -16Q349 -16 248.5 33.0Q148 82 92.5 170.0Q37 258 37 375Q37 492 92.5 580.0Q148 668 248.5 717.0Q349 766 482 766Q616 766 716.0 717.0Q816 668 872.0 580.0Q928 492 928 375Q928 258 872.0 170.0Q816 82 716.0 33.0Q616 -16 482 -16ZM482 169Q555 169 608.0 194.0Q661 219 689.5 265.0Q718 311 718 375Q718 439 689.5 485.0Q661 531 608.0 556.0Q555 581 482 581Q410 581 357.0 556.0Q304 531 275.0 485.0Q246 439 246 375Q246 311 275.0 265.0Q304 219 357.0 194.0Q410 169 482 169Z" fill="currentColor"/><path d="M2490.5 -171.9 A303.5 303.5 0 1 1 2490.5 -562.1" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><path d="M2561.5 -367.0 L2488.0 -367.0" fill="none" stroke="currentColor" stroke-width="175" stroke-linecap="round"/><circle cx="2408.0" cy="-367.0" r="82" fill="#FF9A3C"/><path transform="translate(2709.0 0) scale(1 -1)" d="M70 750H277V0H70Z" fill="currentColor"/><path transform="translate(3116.0 0) scale(1 -1)" d="M615 750 956 0H735L673 144H284L222 0H1L342 750ZM601 311 479 593 357 311Z" fill="currentColor"/><g transform="translate(4253.0 -1010.0) scale(10.800)"><path d="M86.0 97.0 C84.33 94.83 79.67 89.17 76.0 84.0 C72.33 78.83 68.0 72.0 64.0 66.0 C60.0 60.0 55.67 53.83 52.0 48.0 C48.33 42.17 45.0 36.17 42.0 31.0 C39.0 25.83 35.0 21.33 34.0 17.0 C33.0 12.67 33.67 7.33 36.0 5.0 C38.33 2.67 44.83 1.67 48.0 3.0 C51.17 4.33 54.83 8.5 55.0 13.0 C55.17 17.5 52.17 24.67 49.0 30.0 C45.83 35.33 40.83 40.33 36.0 45.0 C31.17 49.67 25.0 53.5 20.0 58.0 C15.0 62.5 8.67 67.33 6.0 72.0 C3.33 76.67 2.33 81.83 4.0 86.0 C5.67 90.17 11.0 95.33 16.0 97.0 C21.0 98.67 28.33 97.5 34.0 96.0 C39.67 94.5 45.33 91.67 50.0 88.0 C54.67 84.33 58.17 78.33 62.0 74.0 C65.83 69.67 69.33 65.33 73.0 62.0 C76.67 58.67 80.33 56.83 84.0 54.0 C87.67 51.17 93.17 46.5 95.0 45.0" fill="none" stroke="currentColor" stroke-width="9.00" stroke-linecap="round" stroke-linejoin="round"/><circle cx="95" cy="45" r="8" fill="#FF9A3C"/></g><path transform="translate(5389.0 0) scale(1 -1)" d="M903 314Q892 215 835.0 140.5Q778 66 685.5 25.0Q593 -16 473 -16Q342 -16 244.0 33.0Q146 82 91.5 170.0Q37 258 37 375Q37 492 91.5 580.0Q146 668 244.0 717.0Q342 766 473 766Q593 766 685.5 725.0Q778 684 835.0 609.5Q892 535 903 436H695Q685 484 656.0 517.5Q627 551 580.5 569.0Q534 587 473 587Q403 587 352.0 561.5Q301 536 274.0 488.5Q247 441 247 375Q247 309 274.0 261.5Q301 214 352.0 188.5Q403 163 473 163Q534 163 580.5 180.0Q627 197 656.0 231.0Q685 265 695 314Z" fill="currentColor"/><path transform="translate(6383.0 0) scale(1 -1)" d="M396 -16Q286 -16 204.0 21.5Q122 59 76.0 127.5Q30 196 30 285Q30 376 76.0 444.0Q122 512 204.0 550.0Q286 588 396 588Q505 588 587.5 550.0Q670 512 716.0 444.0Q762 376 762 285Q762 196 716.0 127.5Q670 59 587.5 21.5Q505 -16 396 -16ZM396 135Q446 135 481.5 153.0Q517 171 536.0 205.0Q555 239 555 285Q555 333 536.0 366.5Q517 400 481.5 418.0Q446 436 396 436Q346 436 310.0 418.0Q274 400 255.0 366.5Q236 333 236 286Q236 239 255.0 205.0Q274 171 310.0 153.0Q346 135 396 135Z" fill="currentColor"/><circle cx="7340.0" cy="-65" r="65" fill="#FF9A3C"/></svg></div>
</div></footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
(function(){
document.documentElement.classList.add('js');
var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;
var cv=document.getElementById('cloud'),ctx=cv.getContext('2d');
var W=0,H=0,DPR=1,mobile=false;
var isM=matchMedia('(max-width:860px)').matches;
/* un telephone a quatre fois moins de surface qu'un ecran : a nombre egal,
   le nuage y est bien plus dense et mange le contraste des textes */
var N=isM?1700:5400,NF=Math.round(N*(isM?0.10:0.18)),NM=N-NF,MOBA=isM?0.80:1; // NM points draw the shape, NF free points drift around it
var pos=new Float32Array(N*2),rnd=new Float32Array(N),ph=new Float32Array(N),sz=new Float32Array(N),sph=new Float32Array(N*3),ci=new Uint8Array(N),emitT=new Float32Array(N),emitPos=new Float32Array(N*2);
for(var i=0;i<N;i++){rnd[i]=Math.random();ph[i]=Math.random()*6.283;sz[i]=Math.random();var cr=Math.random();ci[i]=cr<0.55?0:cr<0.83?1:2;
  var z=1-2*Math.random(),r=Math.sqrt(1-z*z),a=Math.random()*6.283;sph[i*3]=r*Math.cos(a);sph[i*3+1]=z;sph[i*3+2]=r*Math.sin(a);}
var ease=function(t){return t<0?0:t>1?1:t*t*(3-2*t)};
function shuffle(a){for(var i=a.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1)),t=a[i];a[i]=a[j];a[j]=t}}
/* colours: three per screen, white always first */
/* sur fond noir les points s'additionnent ; sur fond clair ils se déposent,
   donc encre sombre, fusion normale et opacité réduite */
var THEME_COL={dark:{W:'255,255,255',B:'91,155,255',O:'255,154,60'},light:{W:'30,27,20',B:'43,86,168',O:'184,92,8'}};
function curTheme(){return document.documentElement.getAttribute('data-theme')==='light'?'light':'dark'}
var TH=curTheme(),COL=THEME_COL[TH],BLEND=TH==='light'?'source-over':'lighter',AMUL=TH==='light'?0.78:1,LABEL=TH==='light'?'#8a8375':'#9a9a9a',TIPC=TH==='light'?'184,92,8':'255,154,60';
var PAL={amp:['W','B','O'],dust:['W','B','O'],spheres3:['W','B','O'],sphere1:['W','O','B'],planet:['W','O','B'],constellation:['W','B','O'],sky:['W','B','O']};
function sprite(size,soft,rgb){var c=document.createElement('canvas');c.width=c.height=size;var x=c.getContext('2d');var g=x.createRadialGradient(size/2,size/2,0,size/2,size/2,size/2);g.addColorStop(0,'rgba('+rgb+',1)');g.addColorStop(soft?0.25:0.6,'rgba('+rgb+','+(soft?0.35:0.9)+')');g.addColorStop(1,'rgba('+rgb+',0)');x.fillStyle=g;x.fillRect(0,0,size,size);return c}
var SPR={};
function buildSprites(){SPR={};Object.keys(COL).forEach(function(k){SPR[k]=[sprite(12,false,COL[k]),sprite(40,true,COL[k])]})}
buildSprites();
/* the ampersand: a hand-drawn cursive path the rocket follows, with calligraphic thickness */
var AMP_P=[[0.94,0.97],[0.84,0.84],[0.72,0.66],[0.60,0.48],[0.50,0.31],[0.42,0.17],[0.44,0.05],[0.56,0.03],[0.63,0.13],[0.57,0.30],[0.44,0.45],[0.28,0.58],[0.14,0.72],[0.12,0.86],[0.24,0.97],[0.42,0.96],[0.58,0.88],[0.70,0.74],[0.81,0.62],[0.92,0.54],[1.03,0.45]];
var ENTRY=[[1.9,1.9],[1.4,1.5]];
function catmull(P,per){var Q=[P[0]].concat(P,[P[P.length-1]]),out=[];for(var i=0;i<P.length-1;i++){for(var j=0;j<per;j++){var t=j/per,t2=t*t,t3=t2*t,p0=Q[i],p1=Q[i+1],p2=Q[i+2],p3=Q[i+3],pt=[];for(var k=0;k<2;k++)pt[k]=0.5*((2*p1[k])+(-p0[k]+p2[k])*t+(2*p0[k]-5*p1[k]+4*p2[k]-p3[k])*t2+(-p0[k]+3*p1[k]-3*p2[k]+p3[k])*t3);out.push(pt);}}out.push(P[P.length-1]);return out}
function arcTable(pts){var L=[0];for(var i=1;i<pts.length;i++){var dx=pts[i][0]-pts[i-1][0],dy=pts[i][1]-pts[i-1][1];L.push(L[i-1]+Math.sqrt(dx*dx+dy*dy));}return L}
var FULL=catmull(ENTRY.concat(AMP_P),40),FL=arcTable(FULL),FLEN=FL[FL.length-1];
var GL=catmull(AMP_P,40),GLT=arcTable(GL);
// arc-length positions of the glyph start/end within the full path
var sStart=FL[ENTRY.length*40],sEnd=FLEN;
function at(pts,L,s){ // point + tangent at arc length s
  var lo=0,hi=L.length-1;while(lo<hi){var mid=(lo+hi)>>1;if(L[mid]<s)lo=mid+1;else hi=mid;}var i=Math.max(1,lo),f=(L[i]-L[i-1])>0?(s-L[i-1])/(L[i]-L[i-1]):0;
  var p=pts[i-1],q=pts[i];return [p[0]+(q[0]-p[0])*f,p[1]+(q[1]-p[1])*f,Math.atan2(q[1]-p[1],q[0]-p[0])];}
var NIB=0.6,shapes={},BOX={x:0,y:0,s:0};
function glyphTargets(arr,box){ // main points along the stroke, in path order; free points scattered around
  var tot=GLT[GLT.length-1];
  for(var i=0;i<NM;i++){var s=(i/NM)*tot,pt=at(GL,GLT,s),w=0.012+0.075*Math.abs(Math.sin(pt[2]-NIB));var g=(rnd[i]-0.5+ (Math.random()-0.5))*w,nx=-Math.sin(pt[2]),ny=Math.cos(pt[2]);
    arr[i*2]=box.x+(pt[0]-0.55+nx*g)*box.s;arr[i*2+1]=box.y+(pt[1]-0.5+ny*g)*box.s;}
  halo(arr,box.x,box.y,box.s*0.62);
}
function halo(arr,cx,cy,R){for(var i=NM;i<N;i++){var k=i-NM;if(k%3===0){arr[i*2]=Math.random()*W;arr[i*2+1]=Math.random()*H;}else{var a=Math.random()*6.283,r=R*(1.05+Math.random()*1.4);arr[i*2]=cx+Math.cos(a)*r;arr[i*2+1]=cy+Math.sin(a)*r*0.9;}}}
function fillMain(arr,pts){var m=pts.length;for(var i=0;i<NM;i++){var p=pts[Math.floor(rnd[i]*m)%m];arr[i*2]=p[0];arr[i*2+1]=p[1];}}
var CST=[];
function build(){
  BOX.x=mobile?W*0.56:W*0.74;BOX.y=mobile?H*0.79:H*0.5;BOX.s=mobile?Math.min(W*0.74,H*0.34):Math.min(W*0.4,H*0.8);
  shapes.amp=new Float32Array(N*2);glyphTargets(shapes.amp,BOX);
  var sky=[];for(i=0;i<NM;i++){sky.push([W*(mobile?Math.random():Math.sqrt(Math.random())),Math.random()*H]);}
  shapes.sky=new Float32Array(N*2);fillMain(shapes.sky,sky);halo(shapes.sky,W*0.5,H*0.5,Math.max(W,H)*0.5);
  var dust=[];for(var i=0;i<NM;i++){var a=Math.random()*6.283,r=Math.max(W,H)*(0.6+Math.random()*0.6);dust.push([W/2+Math.cos(a)*r,H/2+Math.sin(a)*r*0.8]);}
  shapes.dust=new Float32Array(N*2);fillMain(shapes.dust,dust);halo(shapes.dust,W/2,H/2,Math.max(W,H)*0.5);
  var pc=[mobile?W*0.5:W*0.74,mobile?H*0.3:H*0.38],R=mobile?Math.min(W,H)*0.15:Math.min(W,H)*0.2,pts=[];
  for(i=0;i<NM*0.55;i++){var z=1-2*Math.random(),rr=Math.sqrt(1-z*z),aa=Math.random()*6.283;pts.push([pc[0]+rr*Math.cos(aa)*R,pc[1]+z*R]);}
  for(var k=0;k<2;k++){var rx=R*(1.7+k*0.45),ry=rx*0.28;for(i=0;i<NM*0.18;i++){aa=Math.random()*6.283;var j=(Math.random()-.5)*6;pts.push([pc[0]+Math.cos(aa)*rx+j,pc[1]+Math.sin(aa)*ry+j*0.4]);}}
  [[pc[0]-R*2.2,pc[1]-R*0.9,R*0.14],[pc[0]+R*1.9,pc[1]+R*1.1,R*0.1],[pc[0]+R*0.6,pc[1]-R*1.9,R*0.07]].forEach(function(m){for(i=0;i<NM*0.03;i++){aa=Math.random()*6.283;var q=Math.sqrt(Math.random())*m[2];pts.push([m[0]+Math.cos(aa)*q,m[1]+Math.sin(aa)*q]);}});
  shuffle(pts);shapes.planet=new Float32Array(N*2);fillMain(shapes.planet,pts);halo(shapes.planet,pc[0],pc[1],R*2.3);
  var cs=mobile?[[W*0.22,H*0.22],[W*0.74,H*0.16],[W*0.56,H*0.4]]:[[W*0.56,H*0.2],[W*0.88,H*0.3],[W*0.72,H*0.52]];pts=[];
  cs.forEach(function(c){for(i=0;i<NM*0.12;i++){aa=Math.random()*6.283;var q=Math.pow(Math.random(),2.2)*(mobile?22:40);pts.push([c[0]+Math.cos(aa)*q,c[1]+Math.sin(aa)*q]);}});
  for(k=0;k<3;k++){var A=cs[k],B=cs[(k+1)%3];for(i=0;i<NM*0.05;i++){var t=Math.random();pts.push([A[0]+(B[0]-A[0])*t+(Math.random()-.5)*2,A[1]+(B[1]-A[1])*t+(Math.random()-.5)*2]);}}
  for(i=0;i<NM*0.49;i++){pts.push([(mobile?0:W*0.42)+Math.random()*(mobile?W:W*0.58),(mobile?0.04*H:H*0.06)+Math.random()*(mobile?H*0.42:H*0.54)]);}
  shuffle(pts);shapes.constellation=new Float32Array(N*2);fillMain(shapes.constellation,pts);halo(shapes.constellation,mobile?W*0.5:W*0.72,mobile?H*0.26:H*0.34,mobile?W*0.3:W*0.2);
  CST=cs;
  var c3=cent3(),cc=[(c3[0][0]+c3[1][0]+c3[2][0])/3,(c3[0][1]+c3[1][1]+c3[2][1])/3];halo(sph3,cc[0],cc[1],R3()*2.4);var c1=cent1();halo(sph1,c1[0],c1[1],R1()*1.1);
}
function spheres(out,centers,R,time){var m=centers.length,rot=time*0.22,cs=Math.cos(rot),sn=Math.sin(rot);
  for(var i=0;i<NM;i++){var c=centers[i%m],x=sph[i*3]*cs-sph[i*3+2]*sn;out[i*2]=c[0]+x*R;out[i*2+1]=c[1]+sph[i*3+1]*R*0.96;}}
var sph3=new Float32Array(N*2),sph1=new Float32Array(N*2);
function cent3(){return mobile?[[W*0.26,H*0.28],[W*0.52,H*0.16],[W*0.76,H*0.32]]:[[W*0.65,H*0.52],[W*0.81,H*0.3],[W*0.9,H*0.66]]}
function R3(){return mobile?Math.min(W,H)*0.1:Math.min(W,H)*0.15}
function cent1(){return [mobile?W*0.5:W*0.72,mobile?H*0.4:H*0.5]}function R1(){return mobile?Math.min(W,H)*0.2:Math.min(W,H)*0.28}
function dyn(name,time){if(name==='spheres3'){spheres(sph3,cent3(),R3(),time);return sph3}if(name==='sphere1'){spheres(sph1,[cent1()],R1(),time);return sph1}return shapes[name]||shapes.dust;}
function resize(){DPR=Math.min(2,window.devicePixelRatio||1);W=innerWidth;H=innerHeight;cv.width=W*DPR;cv.height=H*DPR;ctx.setTransform(DPR,0,0,DPR,0,0);mobile=matchMedia('(max-width:860px)').matches;build();keyframes()}
var kf=[];function keyframes(){kf=[];document.querySelectorAll('section[data-shape]').forEach(function(s){kf.push({top:s.offsetTop,shape:s.dataset.shape})});}
/* rocket */
var T0=350,T1=3800,introEnd=reduce?0:5600,TIPK=1.7;
function tInv(u){return 1-Math.pow(Math.max(0,1-u),1/TIPK)}
for(i=0;i<NM;i++)emitT[i]=T0+tInv((sStart+(i/NM)*(sEnd-sStart))/FLEN)*(T1-T0);
for(i=NM;i<N;i++)emitT[i]=T0+tInv((sStart+Math.random()*(sEnd-sStart))/FLEN)*(T1-T0);
var born=new Uint8Array(N),primed=false,trail=[];
function rocketAt(el){var t=Math.min(1,Math.max(0,(el-T0)/(T1-T0))),s=(1-Math.pow(1-t,TIPK))*FLEN,p=at(FULL,FL,s);return [BOX.x+(p[0]-0.55)*BOX.s,BOX.y+(p[1]-0.5)*BOX.s,p[2]]}
function ampEnd(box){return [box.x+(1.03-0.55)*box.s,box.y+(0.45-0.5)*box.s]}
function drawTip(x,y,sh,al){ // a point of light: white core, orange halo, short afterglow; sh shrinks it (0 full, 1 logo size), al fades it
  ctx.save();ctx.globalCompositeOperation=BLEND;
  for(var q=0;q<trail.length;q++){var f=(q+1)/trail.length;ctx.globalAlpha=(BLEND==='lighter'?0.18:0.26)*f*al;ctx.fillStyle='rgb('+TIPC+')';ctx.beginPath();ctx.arc(trail[q][0],trail[q][1],(3+5*f)*(1-0.6*sh),0,6.283);ctx.fill();}
  var r=30-18*sh,g=ctx.createRadialGradient(x,y,0,x,y,r);g.addColorStop(0,'rgba('+TIPC+',.55)');g.addColorStop(0.35,'rgba('+TIPC+',.22)');g.addColorStop(1,'rgba('+TIPC+',0)');ctx.globalAlpha=al;ctx.fillStyle=g;ctx.fillRect(x-r,y-r,2*r,2*r);
  ctx.fillStyle='rgb('+TIPC+')';ctx.beginPath();ctx.arc(x,y,5-2.6*sh,0,6.283);ctx.fill();
  ctx.fillStyle='rgba(255,255,255,.95)';ctx.beginPath();ctx.arc(x,y,2.6-1.4*sh,0,6.283);ctx.fill();ctx.restore();}
var t0=null,mx=-1e4,my=-1e4,rx=-1e4,ry=-1e4,px=0,py=0,vx=0,vy=0,lmx=null,lmy=null,logoLit=false;
var logoSvg=document.querySelector('.logo-svg'),lastDot=logoSvg.querySelector('.lg-last'),vb=logoSvg.getAttribute('viewBox').split(' ').map(Number);
function logoDot(){var r=logoSvg.getBoundingClientRect(),sc=r.height/vb[3];return [r.left+(+lastDot.getAttribute('cx')-vb[0])*sc,r.top+(+lastDot.getAttribute('cy')-vb[1])*sc]}
if(reduce){logoLit=true;logoSvg.classList.add('lit');}
var pct=document.getElementById('pct');
var lastFrame=0,hidden=false;document.addEventListener('visibilitychange',function(){hidden=document.hidden;if(!hidden)requestAnimationFrame(frame)});
function frame(ts){
  if(hidden)return;
  if(!t0)t0=ts;var el=ts-t0,time=el/1000;
  if(mobile&&el>introEnd&&ts-lastFrame<30){requestAnimationFrame(frame);return}lastFrame=ts;
  if(el<1500)pct.textContent=Math.round(Math.min(100,el/1300*100))+'%';else if(!pct.classList.contains('off'))pct.classList.add('off');
  var y=scrollY,k=0,edge=function(q){return q===0?0:kf[q].top-H*0.5};for(var q=0;q<kf.length-1;q++)if(y>=edge(q+1))k=q+1;
  var A=kf[k],B=kf[k+1],t=B?Math.min(1,Math.max(0,(y-edge(k))/(edge(k+1)-edge(k)))):0;
  var a=dyn(A.shape,time),b=B?dyn(B.shape,time):a,pa=PAL[A.shape],pb=B?PAL[B.shape]:pa;
  var intro=el<introEnd,rp=null,dim=1-0.7*ease((y-A.top)/(H*0.5));
  var T2=T1+1600,jr=0;
  if(intro&&el>=T0&&el<T2){if(el<=T1)rp=rocketAt(el);else{jr=(el-T1)/(T2-T1);var jt=jr*jr*(3-2*jr),E=ampEnd(BOX),D=logoDot(),c1=[E[0]-W*0.08,E[1]-H*0.42],c2=[D[0]+W*0.26,D[1]+H*0.09],u1=1-jt;
      rp=[u1*u1*u1*E[0]+3*u1*u1*jt*c1[0]+3*u1*jt*jt*c2[0]+jt*jt*jt*D[0],u1*u1*u1*E[1]+3*u1*u1*jt*c1[1]+3*u1*jt*jt*c2[1]+jt*jt*jt*D[1],0];}
    trail.push([rp[0],rp[1]]);if(trail.length>14)trail.shift();}else trail=[];
  if(el>=T2-60&&!logoLit){logoLit=true;logoSvg.classList.add('lit');}
  var onscr=mx>-1e3,tgx=onscr?(mx/W-0.5)*16:0,tgy=onscr?(my/H-0.5)*16:0;px+=(tgx-px)*0.04;py+=(tgy-py)*0.04;
  if(onscr&&lmx!==null){vx+=(mx-lmx)*0.012;vy+=(my-lmy)*0.012;}vx*=0.9;vy*=0.9;vx=Math.max(-10,Math.min(10,vx));vy=Math.max(-10,Math.min(10,vy));lmx=onscr?mx:null;lmy=onscr?my:null;
  ctx.clearRect(0,0,W,H);ctx.globalCompositeOperation=BLEND;
  for(var i=0;i<N;i++){
    var free=i>=NM,u=B?ease((t-0.55-0.2*rnd[i])/0.25):0;var tx=a[i*2]+(b[i*2]-a[i*2])*u,ty=a[i*2+1]+(b[i*2+1]-a[i*2+1])*u;
    tx+=Math.sin(ty*0.0045+time*0.45)*6+Math.sin(tx*0.008-time*0.3)*3+Math.sin(time*1.3+ph[i])*1.2;ty+=Math.cos(tx*0.0045+time*0.4)*6+Math.cos(ty*0.008+time*0.27)*3+Math.cos(time*1.1+ph[i]*1.3)*1.2;
    if(free){tx+=Math.sin(time*0.25+ph[i])*16+px*1.3+vx*1.6;ty+=Math.cos(time*0.21+ph[i]*1.3)*16+py*1.3+vy*1.6;}else{tx+=px*0.6+vx*0.8;ty+=py*0.6+vy*0.8;}
    var vis=1,age=1;
    if(intro){var te=emitT[i];if(el<te){vis=0;}else{if(!born[i]){born[i]=1;var p=rocketAt(te);emitPos[i*2]=p[0]-Math.cos(p[2])*14+(Math.random()-.5)*10;emitPos[i*2+1]=p[1]-Math.sin(p[2])*14+(Math.random()-.5)*10;pos[i*2]=emitPos[i*2];pos[i*2+1]=emitPos[i*2+1];}
          age=(el-te)/1200;var e=ease(age);if(e<1){var sx=emitPos[i*2]+Math.sin(ph[i])*e*(free?90:26),sy=emitPos[i*2+1]+Math.cos(ph[i])*e*(free?90:26);tx=sx+(tx-sx)*e;ty=sy+(ty-sy)*e;}}}
    else if(!primed){pos[i*2]=tx;pos[i*2+1]=ty;}
    var hl=0;if(vis){var dx=tx-mx,dy=ty-my,d2=dx*dx+dy*dy;if(d2<22500){var d=Math.sqrt(d2)||1,wgt=1-d/150;hl=wgt*wgt;tx+=dx/d*hl*22;ty+=dy/d*hl*22;}}
    pos[i*2]+=(tx-pos[i*2])*0.08;pos[i*2+1]+=(ty-pos[i*2+1])*0.08;
    if(!vis)continue;
    var soft=sz[i]<0.25,q=(sz[i]-0.25)/0.75,size=soft?12+sz[i]*4*26:1.3+Math.pow(q,2.6)*5.6,alpha=soft?0.16:0.38+q*0.42;
    size*=1+0.07*Math.sin(time*0.9+ph[i]*1.7);
    if(intro&&age<1){size=soft?size+(1-age)*34:size+(1-age)*9;alpha*=0.75+0.25*age;}
    var col=(u>0.5?pb:pa)[ci[i]];
    if(hl>0){alpha=Math.min(1,alpha*(1+1.6*hl));size*=1+0.9*hl;}
    ctx.globalAlpha=alpha*(free?1:dim)*AMUL*MOBA;ctx.drawImage(SPR[col][soft?1:0],pos[i*2]-size/2,pos[i*2+1]-size/2,size,size);
  }
  ctx.globalAlpha=1;ctx.globalCompositeOperation='source-over';primed=true;
  if(rp)drawTip(rp[0],rp[1],jr,jr<0.9?1:1-(jr-0.9)/0.1);
  var lab=Math.min(ease(t/0.1),1-ease((t-0.5)/0.15));
  if(A.shape==='spheres3')drawLabels(lab,['Conseil','Data','Technologie'],cent3(),R3());
  if(A.shape==='sphere1')drawLabels(lab,['Un interlocuteur'],[cent1()],R1());
  if(A.shape==='constellation')drawLabels(lab,['Giga','Archil','Nehdim'],CST,mobile?22:40);
  rx+=(mx-rx)*0.18;ry+=(my-ry)*0.18;ring.style.transform='translate('+rx+'px,'+ry+'px) translate(-50%,-50%)';cur.style.transform='translate('+mx+'px,'+my+'px) translate(-50%,-50%)';
  requestAnimationFrame(frame);
}
function drawLabels(al,names,cs,R){if(al<=0)return;ctx.save();ctx.globalAlpha=al;ctx.fillStyle=LABEL;ctx.font='500 10px "Unbounded",Arial,sans-serif';ctx.textAlign='center';ctx.letterSpacing='3px';for(var i=0;i<names.length;i++)ctx.fillText(names[i].toUpperCase(),cs[i][0],cs[i][1]+R+30);ctx.restore()}
var ring=document.getElementById('ring'),cur=document.getElementById('cur');
addEventListener('resize',resize);resize();requestAnimationFrame(frame);
addEventListener('mousemove',function(e){mx=e.clientX;my=e.clientY});document.addEventListener('mouseleave',function(){mx=my=-1e4});
addEventListener('touchmove',function(e){var t=e.touches[0];mx=t.clientX;my=t.clientY},{passive:true});addEventListener('touchend',function(){mx=my=-1e4});
document.querySelectorAll('a,button').forEach(function(el){el.addEventListener('mouseenter',function(){ring.classList.add('big');cur.classList.add('big')});el.addEventListener('mouseleave',function(){ring.classList.remove('big');cur.classList.remove('big')})});
var hdr=document.querySelector('header');function hdrState(){hdr.classList.toggle('is-scrolled',scrollY>8)}addEventListener('scroll',hdrState,{passive:true});hdrState();
var menu=document.getElementById('menu');function setMenu(o){menu.classList.toggle('open',o);menu.setAttribute('aria-hidden',String(!o));document.documentElement.classList.toggle('menu-open',o)}
/* bascule clair / sombre : on reconstruit les sprites, car leur couleur est cuite dedans */
var themeBtn=document.getElementById('theme'),metaTC=document.querySelector('meta[name="theme-color"]');
function applyTheme(t,save){
  if(t==='light')document.documentElement.setAttribute('data-theme','light');
  else document.documentElement.removeAttribute('data-theme');
  TH=t;COL=THEME_COL[t];BLEND=t==='light'?'source-over':'lighter';
  AMUL=t==='light'?0.78:1;LABEL=t==='light'?'#8a8375':'#9a9a9a';
  TIPC=t==='light'?'184,92,8':'255,154,60';buildSprites();
  if(metaTC)metaTC.setAttribute('content',t==='light'?'#f3efe7':'#050505');
  if(themeBtn)themeBtn.setAttribute('aria-label',t==='light'?'Passer en thème sombre':'Passer en thème clair');
  if(save){try{localStorage.setItem('gc-theme',t)}catch(e){}}
}
applyTheme(curTheme(),false);
if(themeBtn)themeBtn.addEventListener('click',function(){applyTheme(TH==='light'?'dark':'light',true)});
document.getElementById('open').addEventListener('click',function(){setMenu(true)});document.getElementById('close').addEventListener('click',function(){setMenu(false)});
menu.querySelectorAll('a').forEach(function(a){a.addEventListener('click',function(){setMenu(false)})});
addEventListener('keydown',function(e){if(e.key==='Escape')setMenu(false)});
/* words of the manifesto rise one after the other */
document.querySelectorAll('.words').forEach(function(el){var walker=document.createTreeWalker(el,NodeFilter.SHOW_TEXT),nodes=[];while(walker.nextNode())nodes.push(walker.currentNode);
  nodes.forEach(function(n){var frag=document.createDocumentFragment();n.textContent.split(/(\s+)/).forEach(function(part){if(!part)return;if(/^\s+$/.test(part))frag.appendChild(document.createTextNode(part));else{var s=document.createElement('span');s.className='w';s.textContent=part;frag.appendChild(s);}});n.parentNode.replaceChild(frag,n);});
  el.querySelectorAll('.w').forEach(function(w,i){w.style.transitionDelay=(0.1+i*0.035)+'s'});});
var reveals=[].slice.call(document.querySelectorAll('.reveal:not(#hero-col)'));
function checkReveals(){for(var i=reveals.length-1;i>=0;i--){var r=reveals[i].getBoundingClientRect();if(r.top<H*0.88&&r.bottom>0){reveals[i].classList.add('on');reveals.splice(i,1);}}}
setInterval(checkReveals,120);checkReveals();
setTimeout(function(){document.getElementById('hero-col').classList.add('on')},reduce?0:500);
})();
</script>
</body>
</html>