:root{--black:#0B0B0B;--paper:#F4F1E8;--lime:#D7FF3F;--gray:#A7A9AC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit;cursor:pointer}.topbar{position:fixed;inset:0 0 auto;z-index:20;height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(11,11,11,.94);border-bottom:1px solid #ffffff28;backdrop-filter:blur(12px)}.wordmark{font-size:26px;letter-spacing:-.07em;font-weight:900;text-decoration:none;color:var(--paper);line-height:.8}.wordmark span{color:var(--lime)}.wordmark small{display:block;font-size:6px;letter-spacing:.18em;margin-top:8px;font-weight:500}.client{font-size:10px;letter-spacing:.14em}.client b{color:var(--lime);padding:0 10px}.topbar button{border:1px solid #ffffff55;color:var(--paper);background:none;padding:12px 15px;font-size:11px;letter-spacing:.13em}.chapters{position:fixed;z-index:19;right:5vw;top:74px;background:#171717;border:1px solid #444;min-width:235px;padding:10px}.chapters:not([hidden]){display:grid}.chapters a{padding:14px;color:var(--paper);text-decoration:none;font-size:12px;border-bottom:1px solid #333}.chapters a:hover{color:var(--lime)}.slide{min-height:100svh;padding:112px 8vw 58px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.slide.dark{background:var(--black);color:var(--paper)}.slide.light{background:var(--paper);color:var(--black)}.slide.lime{background:var(--lime);color:var(--black)}.eyebrow,.foot,.slide-number{font-size:11px;letter-spacing:.18em;font-weight:600}.eyebrow{opacity:.75}.content{width:100%;max-width:1320px;margin:auto;position:relative}.slide-number{margin-bottom:24px;color:var(--gray)}.slide.lime .slide-number,.slide.light .slide-number{color:#555}.slide h1{font-size:clamp(3.2rem,6.8vw,8.8rem);letter-spacing:-.065em;line-height:1.03;font-weight:500;max-width:1190px;margin:0 0 34px}.slide h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.lead{font-size:clamp(17px,1.65vw,26px);line-height:1.5;max-width:850px;opacity:.84}.foot{display:flex;justify-content:space-between;gap:15px;opacity:.6}.mark{margin-top:38px;font-weight:900;font-size:clamp(32px,5vw,72px);letter-spacing:-.07em}.mark span{color:var(--lime)}.mark small{display:block;font-size:9px;font-weight:500;letter-spacing:.2em}.closing{font-size:clamp(55px,9vw,130px)}.controls{position:fixed;right:4vw;bottom:25px;z-index:21;background:rgba(11,11,11,.92);border:1px solid #ffffff55;display:flex;align-items:center;gap:14px;padding:7px 12px}.controls button{border:0;background:none;color:white;font-size:24px;padding:3px 8px}.controls span{font-size:12px;min-width:65px;text-align:center;letter-spacing:.12em}.progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:#333;z-index:22}.progress div{height:100%;width:7.14%;background:var(--lime);transition:width .3s}.slide .content{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.slide.visible .content{opacity:1;transform:none}@media(min-width:900px){html{scroll-snap-type:y mandatory}.slide{height:100svh;scroll-snap-align:start}}@media(max-width:899px){.topbar{height:62px;padding:0 20px}.client{display:none}.chapters{top:62px;right:12px}.slide{min-height:unset;padding:100px 24px 65px;gap:60px}.slide:first-child{min-height:100svh}.slide h1{font-size:clamp(3rem,11vw,6rem)}.lead{font-size:18px}.controls{display:none}.foot{font-size:9px}.mark{font-size:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.slide .content{opacity:1;transform:none}}
.hero-lockup{display:flex;align-items:center;gap:25px;margin-top:22px}.hero-lockup img{width:90px;height:90px;object-fit:contain;animation:drift 6s ease-in-out infinite}.hero-lockup .mark{margin-top:0}@keyframes drift{50%{transform:translateY(-12px)}}@media(max-width:899px){.hero-lockup img{width:55px;height:55px}}@media(prefers-reduced-motion:reduce){.hero-lockup img{animation:none}}

/* Direção de arte — ritmo editorial e uso exclusivo do símbolo oficial disponível */
.brand-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;text-decoration:none}.brand-symbol img{width:37px;height:37px;object-fit:contain}.headline-line{display:block;text-wrap:balance}.slide h1{max-width:1080px;font-size:clamp(3rem,6vw,7.3rem);line-height:1.08;letter-spacing:-.052em}.slide h1 .headline-line+ .headline-line{margin-top:.075em}.slide h1 em{font-style:italic}.lead{max-width:720px;text-wrap:pretty}.closing-symbol{margin-top:38px}.closing-symbol img{width:clamp(100px,14vw,220px);height:auto}.hero-lockup{margin-top:36px}.hero-lockup img{width:clamp(90px,11vw,170px);height:auto}@media(max-width:899px){.slide h1{font-size:clamp(2.45rem,9vw,5rem);line-height:1.1}.headline-line{display:block}.brand-symbol{width:40px;height:40px}.lead{max-width:36ch}}

/* Brand usage: improve symbol contrast across backgrounds. */
.slide.light .hero-lockup img,.slide.lime .hero-lockup img,.slide.light .closing-symbol img,.slide.lime .closing-symbol img{filter:brightness(0)}
.slide.dark .hero-lockup img,.slide.dark .closing-symbol img{filter:none}
.brand-symbol img{display:block;max-width:100%;object-fit:contain}

/* Logotipo completo da marca — não reconstruir com fontes */
.topbar .brand-symbol{width:148px;height:54px;flex-shrink:0}.topbar .brand-symbol img{width:148px;height:auto;max-height:50px}.hero-lockup img{width:min(480px,60vw);max-width:100%;height:auto;animation:none}.closing-symbol img{width:min(580px,70vw);max-width:100%;height:auto}.slide.light .hero-lockup img,.slide.lime .hero-lockup img,.slide.light .closing-symbol img,.slide.lime .closing-symbol img{filter:brightness(0)}@media(max-width:899px){.topbar .brand-symbol{width:116px}.topbar .brand-symbol img{width:116px}.hero-lockup img{width:min(340px,80vw)}.closing-symbol img{width:min(370px,82vw)}}

/* CINCO visual language — expressive editorial palette, inspired by the official LP */
.slide{isolation:isolate}.slide .content,.slide .eyebrow,.slide .foot{z-index:2}
.slide:before,.slide:after{content:"";position:absolute;pointer-events:none;z-index:0}
.slide.dark.chapter-intro:before{width:42vw;height:42vw;right:-12vw;top:15vh;background:var(--lime);border-radius:50%;opacity:.95;transform:rotate(-24deg) scaleX(.43)}
.slide.dark.chapter-intro:after{width:30vw;height:5px;background:var(--lime);right:0;bottom:24%;transform:rotate(-23deg)}
.slide.lime.chapter-intro:before{width:38vw;height:38vw;border:clamp(32px,7vw,110px) solid var(--black);border-radius:50%;right:-8vw;top:10vh;opacity:.95}
.slide.lime.chapter-intro:after{width:32vw;height:32vw;background:var(--paper);right:-20vw;bottom:-28vw;transform:rotate(35deg)}
.slide.metric-slide:before{width:clamp(130px,20vw,350px);height:clamp(130px,20vw,350px);right:8vw;top:23%;border:clamp(14px,2.8vw,44px) solid var(--lime);border-radius:50%;transform:rotate(-20deg) scaleX(.66);opacity:.88}
.slide.light.metric-slide:before{border-color:#0B0B0B}
.slide.metric-slide:after{height:9px;width:21vw;background:var(--lime);right:3vw;bottom:23%;transform:rotate(-35deg)}
.slide.light.metric-slide:after{background:var(--black)}
.slide.strategy-slide:before{width:35vw;height:35vw;right:-9vw;top:25%;background:repeating-linear-gradient(135deg,transparent 0 23px,var(--lime) 23px 29px,transparent 29px 50px);opacity:.85;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.slide.light.strategy-slide:before{background:repeating-linear-gradient(135deg,transparent 0 23px,#0B0B0B 23px 29px,transparent 29px 50px)}
.slide.proposal-slide:before{width:27vw;height:27vw;background:var(--lime);right:-6vw;top:24%;border-radius:50%}
.slide.proposal-slide:after{width:15vw;height:15vw;background:var(--black);right:5vw;top:37%;border-radius:50%}
.slide:not(.chapter-intro) h1 em{background:linear-gradient(transparent 76%,var(--lime) 76%,var(--lime) 92%,transparent 92%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.slide.dark:not(.chapter-intro) h1 em{color:var(--lime);background:none}
.slide.lime h1 em{color:var(--black);background:linear-gradient(transparent 77%,var(--paper) 77%,var(--paper) 94%,transparent 94%)}
.slide.chapter-intro .eyebrow{display:inline-flex;align-self:flex-start;padding:10px 14px;background:var(--lime);color:var(--black);opacity:1}
.slide.lime.chapter-intro .eyebrow{background:var(--black);color:var(--lime)}
.slide.dark .slide-number{color:var(--lime)}
.slide.light .slide-number{color:#454545}
.slide.light .lead{opacity:1}
.slide h1{position:relative;max-width:980px}
.slide .lead{position:relative;max-width:670px}
@media(max-width:899px){
.slide.dark.chapter-intro:before{width:75vw;height:75vw;right:-52vw;top:22%;opacity:.38}
.slide.lime.chapter-intro:before{width:65vw;height:65vw;right:-42vw;top:28%;border-width:35px;opacity:.35}
.slide.metric-slide:before{right:-30vw;top:37%;opacity:.19}
.slide.strategy-slide:before{right:-20vw;top:43%;opacity:.17}
.slide.proposal-slide:before{right:-24vw;opacity:.3}
.slide h1{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.slide:before,.slide:after{animation:none!important}}
