:root{--brand:#ff1248;--olli-background:#09090b;--olli-surface:#18181b;--olli-font:'Urbanist',sans-serif;--olli-muted:#b7b7bf}
html{scroll-behavior:smooth;scroll-padding-top:120px}body.olli-site{background:var(--olli-background);color:#f5f5f5;font-family:var(--olli-font)}h1,h2,h3,h4{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}a:hover{color:var(--brand)}:focus-visible{outline:3px solid var(--brand);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:300;background:#fff;color:#000;padding:12px}.skip-link:focus{top:10px}.container{max-width:1280px;padding-left:32px;padding-right:32px}.tf-header{position:fixed;top:0;left:0;width:100%;padding-top:24px;margin:0;z-index:100}.tf-header .header-inner{max-width:1050px;background:rgba(24,24,27,.55);border:1px solid #ffffff24;padding:8px 8px 8px 25px}.tf-header.header-sticky .header-inner{background:#18181bf5}.tf-header.header-sticky{background:transparent;box-shadow:none}.logo-site img{width:80px;height:44px;object-fit:contain}.nav-menu-main{gap:26px}.item-link{color:#eee}.mobile-menu{display:none}.section-hero{padding:16px;min-height:800px;height:100svh;max-height:1100px;isolation:isolate}.section-hero .hero-image{inset:16px;border-radius:32px;overflow:hidden;background:#202024}.hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.32)),linear-gradient(0deg,#09090bdd,transparent 55%)}.section-hero .hero-image img{position:absolute;inset:0;object-fit:cover;border-radius:0}.hero-image iframe{position:absolute;left:50%;top:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);pointer-events:none;border:0}.section-hero .container{position:relative;height:100%;display:flex;align-items:center}.section-hero .content-wrap{padding:150px 0 100px;max-width:950px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:28px}.eyebrow span{color:var(--brand);margin:0 12px}.section-hero .content-wrap .title{font-size:clamp(44px,5.6vw,84px);line-height:1.06;letter-spacing:-3px;margin-bottom:28px}.title span{color:#d7d7dd}.section-hero .content-wrap .text{max-width:510px;font-size:20px;line-height:1.5;margin:0 0 36px;color:#d7d7dd}.section-hero .bot-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.tf-btn,.tf-btn-2{border:0;min-height:52px;transition:background .25s,transform .25s}.tf-btn:hover,.tf-btn-2:hover{transform:translateY(-2px)}.play-small{color:var(--brand)}.hero-bottom{position:absolute;left:max(48px,calc((100vw - 1216px)/2));right:48px;bottom:45px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.background-control{background:#09090b90;border:1px solid #ffffff40;border-radius:99px;padding:9px 16px;color:#eee}.flat-spacing{padding:110px 0}.heading-sub{color:var(--brand);letter-spacing:2px;font-size:12px;margin-bottom:22px}.heading-title{font-size:clamp(36px,4.5vw,64px);font-weight:600;letter-spacing:-2px;line-height:1.1;margin-bottom:25px}.heading-section p,.intro-copy p{color:var(--olli-muted);font-size:19px;line-height:1.65;max-width:580px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:50px}.intro-copy .tf-btn,.process-grid .tf-btn{margin-top:26px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}.service-item{border-top:1px solid #ffffff24;padding:30px 0 38px}.service-number{font-size:12px;color:var(--brand);margin-bottom:20px;display:block}.service-item h3{font-size:23px;line-height:1.2;min-height:55px;font-weight:600;margin-bottom:16px}.service-item p{color:var(--olli-muted);font-size:16px;line-height:1.6}.section-featured-works{background:#121214;border-block:1px solid #ffffff12}.cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:42px}.featured-works-item{min-width:0}.case-trigger{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff22;border-radius:24px;background:#202024;padding:0;color:#fff}.case-trigger img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.case-trigger:hover img{transform:scale(1.035)}.case-trigger::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 65%)}.case-play{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.case-play span{width:68px;height:68px;display:grid;place-items:center;border:1px solid #ffffff90;border-radius:50%;background:#0005;backdrop-filter:blur(6px);font-size:20px}.case-caption{display:flex;justify-content:space-between;padding:17px 2px;font-size:18px}.case-caption span{color:var(--brand)}.process-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.accordion-asked .accordion-asked-item{border-bottom:1px solid #ffffff24;margin-bottom:0;border-radius:0;background:transparent}.accordion-asked .accordion-button{color:#eee;background:transparent;box-shadow:none;padding:24px 0;gap:18px;font-size:21px}.accordion-asked .accordion-button:not(.collapsed){color:var(--brand)}.accordion-asked .accordion-body{padding:0 0 26px 42px;color:var(--olli-muted);font-size:17px;line-height:1.6}.section-contact{background:#141416;border-block:1px solid #ffffff12}.contact-phone{display:block;font-size:clamp(24px,3vw,35px);margin-top:42px}.contact-phone span{color:var(--brand)}.contact-caption{display:block;font-size:14px;color:var(--olli-muted);margin-top:10px}.olli-site .form-contact{margin:0;padding:32px;border:1px solid #ffffff24;border-radius:24px;background:#1b1b1e}.form-contact h3{font-size:25px;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-width{grid-column:1/-1}.form-contact label{display:block;font-size:14px;margin-bottom:8px}.form-contact label span{font-size:11px;color:var(--olli-muted)}.olli-site .form-contact input,.olli-site .form-contact textarea{width:100%;border:1px solid #ffffff30;background:#111113;color:#fff;border-radius:10px;padding:14px;line-height:1.5}.form-contact textarea{resize:vertical}.form-contact input::placeholder,.form-contact textarea::placeholder{color:#a2a2aa;font-size:13px}.form-contact .tf-btn-2{margin-top:20px;width:100%}.field-error{display:block;color:#ff9db4;font-size:13px;margin-top:5px}.field-error:empty{display:none}.form-contact [aria-invalid=true]{border-color:var(--brand)!important}.olli-site .form-note{font-size:12px;line-height:1.6;color:var(--olli-muted);margin:16px 0 0}#form-status{font-size:14px;margin-top:14px}#form-status a{text-decoration:underline}.olli-site footer{padding:50px 0 20px;background:#09090b}.olli-site footer .footer-content{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 35px;text-align:left}.footer-logo img{width:100px;height:auto}.footer-content p{color:var(--olli-muted)}.olli-site footer .footer-bottom{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #ffffff20;color:var(--olli-muted);font-size:13px}.whatsapp-float{position:fixed;bottom:22px;right:22px;z-index:90;border:1px solid #ffffff35;border-radius:99px;background:#27272af2;box-shadow:0 4px 20px #0005;padding:13px 18px;display:flex;gap:9px;align-items:center;font-size:13px}dialog{background:#18181b;color:#fff;border:1px solid #ffffff35;border-radius:20px;padding:24px;width:min(1000px,calc(100% - 28px));max-height:90svh;margin:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-top h2{font-size:20px}.modal-top .tf-btn{min-height:40px;padding:8px 16px}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0}dialog p{margin-top:18px;font-size:14px;color:var(--olli-muted)}dialog p a{text-decoration:underline;color:#fff}
@media(max-width:991px){.tf-header .header-inner{margin:0 24px!important}.tf-header .box-navigation{display:none}.mobile-menu{display:flex!important}.header-cta{margin-left:auto;margin-right:10px}.tf-header .box-navigation.is-open{display:block;position:absolute;top:100%;left:24px;right:24px;background:#18181b;border:1px solid #ffffff25;border-radius:22px;margin-top:8px;padding:24px}.is-open .nav-menu-main{flex-direction:column;align-items:stretch;gap:18px}.section-hero{min-height:720px}.process-grid,.contact-grid{gap:40px}.services-grid{grid-template-columns:1fr 1fr}.flat-spacing{padding:80px 0}}
@media(max-width:640px){html{scroll-padding-top:100px}.container{padding-inline:24px}.tf-header{padding-top:18px}.tf-header .header-inner{margin:0 20px!important;padding-left:18px}.header-cta{display:none}.section-hero{padding:8px;min-height:740px;height:auto;max-height:none}.section-hero .hero-image{inset:8px;border-radius:24px}.section-hero .content-wrap{padding:170px 0 120px}.eyebrow{font-size:10px;letter-spacing:1px;max-width:240px;line-height:1.7}.eyebrow span{margin-inline:5px}.section-hero .content-wrap .title{font-size:44px;letter-spacing:-1.8px}.section-hero .content-wrap .text{font-size:17px}.section-hero .bot-btns{gap:12px;align-items:flex-start;flex-direction:column}.hero-bottom{left:32px;right:32px;bottom:30px;gap:10px;font-size:11px}.background-control{font-size:10px;padding:8px 10px}.section-intro,.process-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.heading-title{letter-spacing:-1px}.services-grid{grid-template-columns:1fr}.service-item h3{min-height:0}.case-trigger{border-radius:18px}.cases-grid{grid-template-columns:1fr;gap:20px}.heading-section p,.intro-copy p{font-size:17px}.accordion-asked .accordion-button{font-size:18px}.olli-site .form-contact{padding:22px}.form-grid{grid-template-columns:1fr}.olli-site footer .footer-content{flex-direction:column;align-items:flex-start;gap:16px}.olli-site footer .footer-bottom{gap:20px;align-items:flex-start;padding-bottom:65px}.whatsapp-float{padding:13px;bottom:16px;right:16px}.whatsapp-float span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.collapsing{transition:none!important}}
/* Adapt template gradients and accordion chrome for the dark Olli surface. */
.olli-site .text-gradient-3{background:linear-gradient(110deg,#fff 10%,#b7b7bf 95%);-webkit-background-clip:text;background-clip:text;margin-bottom:25px}
.olli-site .accordion-asked{gap:0}.olli-site .accordion-asked .accordion-asked-item{padding:0;box-shadow:none}
.olli-site .accordion-button{text-align:left;justify-content:flex-start}.olli-site .accordion-button .right-icon{margin-left:auto}
.olli-site .accordion-button .service-number{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;margin:0;color:var(--brand)}
.olli-site .accordion-button .service-number::before,.olli-site .accordion-button .service-number::after,.olli-site .accordion-body::before{display:none}
.olli-site .container{width:100%;max-width:1280px}.process-grid>*,.contact-grid>*,.section-intro>*{min-width:0}
.olli-site .featured-works-item{padding:0;background:transparent;box-shadow:none;border-radius:24px;color:#f5f5f5}
.olli-site .form-contact{box-shadow:none}.olli-site .form-contact .h4{color:#f5f5f5}
.olli-site .heading-sub{background:none;box-shadow:none;border:0;padding:0;border-radius:0}
/* Olli — lighter editorial direction, retaining the template components. */
:root{--olli-background:#faf9f6;--olli-surface:#f0efeb;--olli-muted:#666563}
body.olli-site{background:var(--olli-background);color:#202020}.olli-site h1,.olli-site h2,.olli-site h3{color:inherit}
.olli-site .text-gradient-3{background:none;-webkit-text-fill-color:currentColor;color:#202020}
.olli-site .section-featured-works{background:#efeeea;border:0}.olli-site .section-contact{background:#efeeea;border:0}
.olli-site .service-item{border-color:#24242426}.olli-site .service-item h3{min-height:0}.olli-site .heading-title{font-weight:600}
.olli-site .flat-spacing{padding:100px 0}.olli-site .heading-section,.olli-site .section-intro{margin-bottom:36px}
.olli-site .tf-header .header-inner{background:#ffffffed;border-color:#00000015;box-shadow:0 3px 18px #0000000d;backdrop-filter:blur(18px)}
.olli-site .tf-header.header-sticky .header-inner{background:#fffffff5}.olli-site .item-link{color:#262626}.olli-site .logo-site img{content:url('../images/logo/olli-preto.png')}
.olli-site .box-navigation.is-open{background:#fff;border-color:#0002}.olli-site .mobile-menu{margin-left:auto}
.olli-site .section-hero{--hero-progress:0;height:180svh;min-height:0;max-height:none;padding:0;isolation:isolate;background:#151515;color:#fff}
.olli-site .section-hero .hero-image{position:sticky;top:0;height:100svh;inset:auto;border-radius:0;margin-bottom:-100svh;background:#171717}
.olli-site .hero-image::after{background:#000;opacity:calc(var(--hero-progress) * .62)}
.olli-site .hero-image iframe{width:max(100%,177.78svh);height:max(100%,56.25vw)}
.olli-site .section-hero .container{position:sticky;top:0;height:100svh;pointer-events:none}
.olli-site .section-hero .content-wrap{padding:140px 0 100px;opacity:var(--hero-progress);transform:translateY(calc((1 - var(--hero-progress)) * 55px));visibility:visible;max-width:950px}
.olli-site .section-hero .content-wrap .title{color:#fff}.olli-site .section-hero .content-wrap .text{color:#eee}
.olli-site .section-hero .bot-btns{pointer-events:auto}.olli-site .section-hero .content-wrap[inert] .bot-btns{pointer-events:none}
.olli-site .hero-bottom{position:absolute;top:calc(100svh - 90px);bottom:auto;left:32px;right:32px;justify-content:flex-end;gap:16px}
.hero-watch{background:#0005;color:#fff;border:1px solid #ffffff70;border-radius:99px;padding:10px 17px;font-size:13px;backdrop-filter:blur(8px)}
.olli-site .hero-bottom>a{display:none}.olli-site .background-control{font-size:11px;background:#0005}
.olli-site .accordion-asked .accordion-asked-item{border-color:#24242426}.olli-site .accordion-asked .accordion-button{color:#202020}.olli-site .accordion-asked .accordion-button:not(.collapsed){color:var(--brand)}
.olli-site .form-contact{background:#faf9f6;border-color:#0002;box-shadow:none}.olli-site .form-contact .h4{color:#202020}.olli-site .form-contact input,.olli-site .form-contact textarea{background:#fff;color:#202020;border-color:#0003}
.olli-site .form-contact input::placeholder,.olli-site .form-contact textarea::placeholder{color:#777}.olli-site .field-error{color:#b5193f}.olli-site .form-note{color:#666}.form-trap{position:absolute;left:-9999px;opacity:0;width:1px;height:1px;overflow:hidden}
.olli-site .form-contact .tf-btn-2{background:#252525;color:#fff;box-shadow:none}.contact-email{display:block;margin-top:14px;font-size:16px;overflow-wrap:anywhere}
.olli-site footer{background:#faf9f6;color:#202020}.olli-site footer .footer-bottom{border-color:#0002}.olli-site .footer-logo img{content:url('../images/logo/olli-preto.png')}
.olli-site .whatsapp-float{background:#fff;color:#202020;border-color:#0002;box-shadow:0 3px 14px #0001}
.olli-site .cases-carousel{overflow:hidden;padding-bottom:4px}.olli-site .featured-works-item{height:auto;color:#202020}.olli-site .case-trigger{border:0;border-radius:18px;background:#242424}.olli-site .case-caption{font-size:17px}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.carousel-controls .swiper-pagination{position:static;width:auto;display:flex;gap:6px}.swiper-pagination-bullet{background:#242424;opacity:.22}.swiper-pagination-bullet-active{background:var(--brand);opacity:1}.carousel-arrows{display:flex;gap:10px}.carousel-arrows button{width:48px;height:48px;border:1px solid #0003;border-radius:50%;background:transparent;color:#202020;font-size:22px}.carousel-arrows button:hover{background:#fff}.carousel-arrows button.swiper-button-disabled{opacity:.3;cursor:default}
.olli-site #video-modal{position:fixed;width:min(1200px,calc(100vw - 32px));max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:transparent;overflow:visible;color:#fff;box-shadow:none}
.olli-site #video-modal::backdrop{background:#000e;backdrop-filter:none}.olli-site #video-modal .video-frame{max-height:80svh;background:transparent;width:100%;aspect-ratio:16/9}
.olli-site #close-video{position:absolute;top:-50px;right:0;font-size:36px;line-height:1;border:0;background:transparent;color:#fff;width:44px;height:44px;padding:0;z-index:2}
.video-fallback{position:absolute;top:calc(100% + 16px);right:0;font-size:12px;color:#ffffffa0;opacity:0}.video-fallback:focus-visible{opacity:1}
@media(max-width:640px){.olli-site .flat-spacing{padding:64px 0}.olli-site .hero-bottom{left:20px;right:20px;gap:8px;top:calc(100svh - 75px)}.hero-watch{font-size:11px;padding:9px 12px}.olli-site .section-hero .content-wrap{padding:120px 0 100px}.olli-site .section-hero .content-wrap .title{font-size:42px}.olli-site .case-caption{font-size:15px}.contact-email{font-size:14px}}
@media(prefers-reduced-motion:reduce){.olli-site .section-hero .content-wrap{transform:none}}