@import "https://fonts.googleapis.com/css2?family=Paytone+One&family=Bebas+Neue&family=Fredoka:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";
.splash{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash__bg{background-color:#5261aa;position:absolute;inset:0}.splash__content{z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.splash__logo{animation:1.6s cubic-bezier(.34,1.56,.64,1) forwards splashLogoIn}.splash__logo-img{filter:drop-shadow(8px 8px #000);width:420px;height:420px;margin-bottom:-40px}@keyframes splashLogoIn{0%{opacity:0;filter:blur(10px);transform:scale(0)rotate(-20deg)}50%{opacity:1;filter:blur();transform:scale(1.15)rotate(3deg)}70%{transform:scale(.95)rotate(-1deg)}85%{transform:scale(1.05)rotate(.5deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}.splash__title{font-family:var(--font-heading);color:#fff;text-shadow:6px 6px #000;letter-spacing:4px;opacity:0;font-size:64px;animation:.8s ease-out .8s forwards splashFadeUp;transform:translateY(20px)}@media (min-width:769px) and (max-width:1024px){.splash__title{letter-spacing:2px;box-sizing:border-box;max-width:100%;padding:0 4%;font-size:clamp(40px,6vw,58px)}}.splash__tagline{color:#fff;letter-spacing:2px;opacity:0;font-family:Bebas Neue,sans-serif;font-size:28px;animation:.8s ease-out 1.2s forwards splashFadeUp;transform:translateY(20px)}@keyframes splashFadeUp{to{opacity:1;transform:translateY(0)}}.splash__intro{max-width:700px;font-family:var(--font-body);font-weight:500;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary);text-align:left;background:var(--color-text-light);border:var(--border-thick);border-radius:var(--radius-card);box-shadow:var(--shadow-md);opacity:0;margin-top:16px;padding:24px 32px;animation:.8s ease-out 1.6s forwards splashFadeUp;transform:translateY(20px)}.splash__choices{opacity:0;pointer-events:none;gap:24px;margin-top:24px;transition:all .6s;display:flex;transform:translateY(30px)}.splash__choices--visible{opacity:1;pointer-events:all;transform:translateY(0)}.splash__btn--classic{background-color:#6ec7e2;border:4px solid #000;animation:2s ease-in-out infinite splashPulse;box-shadow:8px 8px #000;padding:18px 60px!important;font-size:1.3rem!important}.splash__btn--classic:hover{animation:none;transform:translate(-4px,-4px);box-shadow:12px 12px #000}@keyframes splashPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.splash__socials-top{z-index:2;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;transition:all .6s;display:flex;position:absolute;top:20px;right:20px}.splash__socials-top--visible{opacity:1;pointer-events:all}.splash__socials-title{font-family:var(--font-subtitle);text-transform:uppercase;letter-spacing:2px;color:#fff;font-size:.75rem;font-weight:700}.splash__socials-list{gap:10px;display:flex}.splash__social-icon{width:22px;height:22px}.splash__social-link{width:44px;height:44px;font-family:var(--font-subtitle);color:#000;background-color:var(--color-brand-tertiary);transition:var(--transition-base);border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;box-shadow:4px 4px #000}.splash__social-link:hover{color:#fff;box-shadow:none;background-color:#5c2884}@media (max-width:768px){.splash{padding:20px 18px}.splash__content{width:100%;max-width:460px}.splash__logo-img{width:230px;height:230px;margin-bottom:-18px}.splash__title{text-align:center;letter-spacing:2px;text-shadow:3px 3px #000;max-width:100%;margin-bottom:16px;font-size:clamp(30px,9vw,42px);line-height:1.38}.splash__tagline{text-align:center;margin-bottom:6px;font-size:20px}.splash__intro{text-align:center;padding:18px 20px;font-size:.92rem}.splash__choices{flex-direction:column;gap:16px}.splash__socials-top{align-items:center;width:100%;left:0;right:auto}}
.navbar{z-index:100;justify-content:center;align-items:center;gap:22px;max-width:1400px;margin:0 auto;padding:12px 20px 0;display:flex;position:static}.navbar__inner{background:var(--color-brand-tertiary);border:var(--border-thick);border-radius:var(--radius-pill);box-shadow:8px 8px 0px 0px var(--color-black);justify-content:space-between;align-items:center;gap:40px;padding:0 40px;display:flex}.navbar__logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar__logo-img{width:80px;height:80px}.navbar__brand-name{font-family:var(--font-subtitle);color:var(--color-black);letter-spacing:1px;text-transform:uppercase;font-size:1.15rem;font-weight:700;display:none}.navbar__links{align-items:center;gap:40px;display:flex}.navbar__link{font-family:var(--font-subtitle);text-transform:uppercase;color:var(--color-black);transition:var(--transition-base);letter-spacing:1px;font-size:1.15rem;font-weight:700}@media (hover:hover){.navbar__link:hover{color:#5c2884;text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}}.navbar__link.active{color:var(--color-brand-primary)}.navbar__actions{flex-shrink:0;gap:12px;display:flex}.navbar__cta{font-family:var(--font-subtitle);text-transform:uppercase;letter-spacing:1px;color:#fff;border:var(--border-thick);border-radius:var(--radius-pill);box-shadow:8px 8px 0px 0px var(--color-black);transition:var(--transition-base);background-color:#764695;padding:12px 24px;font-size:1.15rem;font-weight:700}.navbar__cta--client{align-items:center;gap:8px;display:inline-flex}.navbar__lock-icon{width:18px;height:18px}@media (hover:hover){.navbar__cta:hover{background-color:var(--color-brand-tertiary);color:var(--color-black);box-shadow:none}}.navbar__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.navbar__burger span{background:var(--color-black);width:28px;height:3px;transition:var(--transition-base);border-radius:2px;display:block}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:12px;padding:10px 16px 0}.navbar__inner{gap:12px;width:100%;padding:6px 18px}.navbar__logo-img{width:46px;height:46px}.navbar__brand-name{text-align:center;letter-spacing:.5px;white-space:nowrap;flex:1;font-size:.8rem;display:block}.navbar__links,.navbar__actions{display:none}.navbar__burger{box-shadow:none;background:0 0;border:none;border-radius:0;padding:6px;display:flex}.navbar__burger--open span:first-child{transform:translateY(8px)rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.navbar__mobile-menu{background:var(--color-brand-tertiary);border:var(--border-thick);border-radius:var(--radius-card);width:100%;box-shadow:8px 8px 0px 0px var(--color-black);flex-direction:column;align-items:center;gap:20px;margin-top:12px;padding:24px 20px;display:flex}.navbar__mobile-links{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.navbar__mobile-link{font-family:var(--font-subtitle);text-transform:uppercase;color:var(--color-black);letter-spacing:1px;transition:var(--transition-base);padding:8px 0;font-size:1.15rem;font-weight:700}.navbar__mobile-link:hover{color:#5c2884}.navbar__mobile-link.active{color:var(--color-brand-primary)}.navbar__mobile-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.navbar__mobile-actions .navbar__cta{text-align:center;width:100%;max-width:300px}}
.footer{color:var(--color-text-light);z-index:2;background:#5261aa;position:relative;box-shadow:none!important}.footer__inner{grid-template-columns:1fr 1.5fr 1fr;align-items:start;gap:40px;padding:60px 2%;display:grid}.footer__nav{flex-direction:column;align-items:center;display:flex}.footer__right{text-align:center;flex-direction:column;align-items:center;gap:32px;display:flex}.footer__logo-link{cursor:pointer;background:0 0;border:none;padding:0;display:inline-block}.footer__logo-img{width:170px;height:170px;margin-top:-50px}.footer__tagline{font-family:var(--font-heading);text-align:center;text-transform:uppercase;color:var(--color-text-light);text-shadow:3px 3px 0 var(--color-black);letter-spacing:1px;margin-top:-20px;margin-bottom:16px;font-size:30px;font-weight:400}.footer__address{font-style:normal}.footer__social-icons{margin:0;padding:0;list-style:none}.footer__brand{text-align:center;flex-direction:column;align-items:center;display:flex}.footer__title{font-family:var(--font-heading);color:var(--color-text-light);text-shadow:3px 3px 0 var(--color-black);letter-spacing:1px;text-align:center;text-transform:uppercase;margin-bottom:16px;font-weight:400;font-size:30px!important}.footer__nav ul{flex-direction:column;gap:8px;max-width:260px;display:flex}.footer__espace-client{width:100%;max-width:350px;font-family:var(--font-subtitle);text-transform:uppercase;letter-spacing:1px;color:#fff;border:var(--border-thick);border-radius:var(--radius-pill);box-shadow:7px 7px 0px 0px var(--color-black);transition:var(--transition-base);background-color:#764695;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px 24px;font-size:1rem;font-weight:700;display:inline-flex}.footer__espace-client:hover{background-color:var(--color-brand-tertiary);color:var(--color-black);box-shadow:none}.footer__lock-icon{width:18px;height:18px}.footer__btn{letter-spacing:1px;text-align:center;justify-content:center;width:100%;color:#fff!important;border-color:var(--color-black)!important;background-color:#764695!important;padding:6px 56px!important;font-size:.8rem!important}.footer__btn:hover{color:#fff!important;background-color:#5c2884!important}.footer__contact a{color:var(--color-brand-tertiary);font-family:var(--font-body);text-underline-offset:4px;transition:var(--transition-base);font-size:.95rem;text-decoration:underline}.footer__contact a:hover{color:var(--color-text-light)}.footer__social-icons{justify-content:center;gap:12px;display:flex}.footer__social-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:50px!important;height:50px!important;padding:0!important;font-size:.85rem!important;display:flex!important}.footer__social-svg{color:#000;width:28px;height:28px}.footer__btn--legal{margin-top:12px;color:var(--color-black)!important;background-color:#6ec7e2!important}.footer__btn--mode{opacity:.8;cursor:pointer;margin-top:8px;padding:4px 16px!important;font-size:.75rem!important}.footer__bottom{text-align:center;opacity:.7;border-top:2px solid #fff3;padding:10px 5%;font-size:.85rem}@media (max-width:1024px){.footer__inner{grid-template-columns:1fr 1fr;gap:32px;padding:50px 4%}.footer__brand{flex-flow:wrap;grid-column:1/-1;justify-content:center;gap:16px}.footer__logo-img{width:130px;height:130px;margin-top:-30px}.footer__tagline{align-self:center;margin-top:0}.footer__btn--legal,.footer__btn--mode{margin-top:0}.footer__nav{text-align:center;align-items:center}.footer__nav ul,.footer__espace-client{max-width:100%}.footer__title{font-size:26px!important}}@media (max-width:768px){.footer__inner{text-align:center;grid-template-columns:1fr;gap:32px;padding:40px 5%}.footer__brand{flex-direction:column;gap:4px}.footer__logo-img{width:110px;height:110px;margin-top:0}.footer__tagline{margin-top:-10px}.footer__nav{align-items:center}.footer__nav ul{grid-template-columns:1fr 1fr;gap:8px;max-width:100%}.footer__espace-client{max-width:100%}.footer__right{gap:24px}.footer__social-icons{justify-content:center}.footer__title{font-size:22px!important}.footer__bottom{padding:10px 4%;font-size:.75rem}}@media (max-width:400px){.footer__nav ul{grid-template-columns:1fr;gap:6px}.footer__btn{padding:8px 20px!important}}
:root{--color-bg-primary:#5261aa;--color-bg-grid:#cbc9e6;--color-text-primary:#5c2884;--color-text-light:#fff;--color-brand-primary:#764695;--color-brand-secondary:#cbc9e6;--color-brand-tertiary:#6ec7e2;--color-black:#000;--font-heading:"Paytone One", sans-serif;--font-subtitle:"Fredoka", sans-serif;--font-body:"DM Sans", sans-serif;--fs-h1:clamp(2.75rem, 5vw, 6rem);--fs-h2:clamp(2rem, 4vw, 4rem);--fs-h3:clamp(1.5rem, 2.5vw, 2rem);--fs-body:clamp(1rem, 1.2vw, 1.25rem);--lh-heading:1.1;--lh-subtitle:1.2;--lh-body:1.5;--border-thick:4px solid var(--color-black);--border-thin:2px solid var(--color-black);--border-btn:3px solid var(--color-black);--radius-pill:50px;--radius-card:30px;--radius-input:16px;--shadow-sm:4px 4px 0px 0px var(--color-black);--shadow-md:7px 7px 0px 0px var(--color-black);--shadow-lg:8px 8px 0px 0px var(--color-black);--shadow-xl:12px 12px 0px 0px var(--color-black);--transition-base:all .2s ease}@media (max-width:768px){:root{--shadow-sm:2px 2px 0px 0px var(--color-black);--shadow-md:4px 4px 0px 0px var(--color-black);--shadow-lg:4px 4px 0px 0px var(--color-black);--shadow-xl:6px 6px 0px 0px var(--color-black)}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-body);font-weight:500;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary);background-color:var(--color-bg-primary);position:relative;overflow-x:clip}.project-color__scroll,.project-icon__scroll,.project-mockup__scroll,.project-charte__grid-2,.project-charte__grid-3,.project-charte__card-full,.project-fonts,.packs__scroller,.presta__cards-scroll,.presta__sidebar,.studio-process__scroller,.contact-side__socials,.marquee-band{overscroll-behavior-x:contain}body:before{content:"";background-image:linear-gradient(var(--color-bg-grid) 2px, transparent 2px), linear-gradient(90deg, var(--color-bg-grid) 2px, transparent 2px);opacity:.3;pointer-events:none;z-index:-1;background-size:13px 13px;position:fixed;inset:0}.skip-link{z-index:99999;color:#fff;font-family:var(--font-subtitle);background:#5c2884;border-radius:0 0 8px;padding:12px 20px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{outline-offset:2px;outline:3px solid #764695;left:0}main:focus{outline:none}.bg-grid{background-color:#0000;box-shadow:none!important}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h1{font-family:var(--font-heading);font-size:var(--fs-h1);line-height:var(--lh-heading);text-shadow:6px 6px 0px var(--color-black);letter-spacing:2px;color:var(--color-text-light)}h2{font-family:var(--font-subtitle);font-weight:700;font-size:var(--fs-h2);line-height:var(--lh-subtitle)}.pillars__heading,.offers__heading,.packs__heading,.portfolio__heading,.contact-form__heading,.studio-vision__heading,.studio-process__heading,.studio-dico__heading,.studio-founder__heading,.presta-help__heading,.presta-cta__heading,.contact-section__heading,.contact-faq__heading,.project-charte__heading,.project-cta__heading{font-family:var(--font-heading);font-size:var(--fs-h1);line-height:var(--lh-heading);text-shadow:6px 6px 0px var(--color-black);letter-spacing:2px;color:var(--color-text-light)}h3{font-family:var(--font-subtitle);font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-subtitle)}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.btn{font-family:var(--font-subtitle);text-transform:uppercase;color:var(--color-black);background-color:var(--color-brand-tertiary);border:var(--border-btn);border-radius:var(--radius-pill);cursor:pointer;box-shadow:7px 7px 0px 0px var(--color-black);transition:var(--transition-base);letter-spacing:.5px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:700;display:inline-flex}@media (hover:hover){.btn:hover{color:#fff;box-shadow:none;background-color:#5c2884;transform:none}}.btn:active{box-shadow:none;transform:translate(0)}.btn--secondary{background-color:var(--color-brand-secondary)}.btn--white{background-color:var(--color-text-light)}.card{background:var(--color-text-light);border:var(--border-thick);border-radius:var(--radius-card);box-shadow:var(--shadow-md);transition:var(--transition-base);overflow:hidden}@media (hover:hover){.card:hover{box-shadow:var(--shadow-xl);transform:translate(-4px,-4px)}}.section{padding:80px 5%;position:relative;box-shadow:0 -16px 50px #0009}.section--white{background-color:var(--color-text-light)}.section--purple{background-color:var(--color-brand-primary);color:var(--color-text-light)}.section--secondary{background-color:var(--color-brand-secondary)}.container{width:100%;max-width:1200px;margin:0 auto}.icon-placeholder{border:2px dashed var(--color-brand-secondary);color:var(--color-brand-secondary);font-family:var(--font-subtitle);opacity:.7;border-radius:16px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}body.hide-cursor *{cursor:none!important}.custom-rocket{pointer-events:none;z-index:99999;filter:drop-shadow(3px 3px #000);width:36px;height:36px;transition:width .2s,height .2s,transform .2s;animation:3s linear infinite cursorSpin;position:fixed;transform:translate(-50%,-50%)}.custom-rocket--hover{filter:drop-shadow(4px 4px #000)drop-shadow(0 0 8px #6ec7e299);width:44px;height:44px;transform:translate(-50%,-50%)rotate(15deg)}.cursor-trail{pointer-events:none;z-index:99998;opacity:.3;filter:blur(2px);width:36px;height:36px;transition:left .15s ease-out,top .15s ease-out;position:fixed;transform:translate(-50%,-50%)}.cursor-trail-2{opacity:.15;filter:blur(4px);transition:left .25s ease-out,top .25s ease-out}@keyframes cursorSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (max-width:768px){.section{padding:40px 4%}h1{text-shadow:3px 3px 0px var(--color-black);text-align:left;font-size:80px}[class*=-hero]{text-align:left;min-height:auto;margin-top:-20px;margin-bottom:-25px;padding-top:0;padding-bottom:0}[class*=-hero] h1{margin-bottom:12px}h2,h3,h4,h5,h6,p{text-align:left}h2{font-size:1.4rem}h3{font-size:1.1rem}.btn{padding:10px 22px;font-size:.9rem}.container{padding:0 4%}.container>.btn,.section>.btn{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;display:flex}}@media (max-width:600px){body [class*=-hero__title]{overflow-wrap:break-word;letter-spacing:1px!important;text-align:center!important;margin-bottom:18px!important;font-size:clamp(32px,12vw,58px)!important;line-height:1.05!important}body [class*=-hero__subtitle]{text-align:center!important;margin-top:0!important;margin-left:auto!important;margin-right:auto!important}}