@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";
: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}}