:root{--ink:#182334;--muted:#5e6776;--line:#dce0e7;--blue:#2647ef;--paper:#f4f5f7;--white:#fff;--soft:#e8ecf7;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}svg{display:block;width:24px;height:24px;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;padding:16px;background:var(--white);z-index:100}.skip:focus{top:12px}.wrap{width:calc(100% - 80px);max-width:var(--max);margin-inline:auto}#header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:var(--paper)}.nav-bar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.wordmark{font-size:21px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{font-size:12px;position:relative;padding:11px 0}.main-nav a.active:after{content:'';position:absolute;bottom:2px;height:2px;background:var(--blue);left:0;right:0}.main-nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:20px;align-items:center}.language{display:flex;gap:2px;border:1px solid var(--line);padding:3px;border-radius:24px}.language a{padding:6px 7px;font-size:10px;border-radius:20px;font-weight:700;color:var(--muted)}.language a.active{background:var(--ink);color:var(--white)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:46px;padding:13px 19px;background:var(--ink);border:1px solid var(--ink);border-radius:5px;color:var(--white);font-size:12px;transition:background .2s,border-color .2s}.button svg{width:17px;height:17px}.button:hover{background:var(--blue);border-color:var(--blue)}.nav-cta{min-height:39px;font-size:11px;gap:18px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;line-height:1.5;text-transform:uppercase;color:var(--muted);margin-bottom:17px}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{font-weight:500}h1{font-size:clamp(40px,4.2vw,59px);letter-spacing:-2.7px;line-height:1.07}h2{font-size:34px;letter-spacing:-1.3px;line-height:1.18}h3{font-size:18px;letter-spacing:-.4px;line-height:1.3}p{color:var(--muted);line-height:1.65}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:48px 0 42px;align-items:center}.hero-copy{padding:15px 0;max-width:580px}.hero-copy .eyebrow{color:var(--blue);margin-bottom:20px}.hero-copy>p{font-size:17px;line-height:1.65;margin-top:24px;max-width:470px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pills span{display:block;padding:7px 11px;border-radius:25px;background:var(--soft);font-size:10px;line-height:1.4;color:var(--ink)}.hero-copy .pills{margin-top:23px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:33px}.text-link{display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid #b7c0d1;padding:5px 0;font-size:12px;line-height:1.4}.text-link svg{width:16px;height:16px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.portrait{height:475px;position:relative;overflow:hidden;border-radius:9px;background:var(--soft)}.portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;display:block}.portrait-note{position:absolute;bottom:21px;right:20px;width:174px;background:var(--white);padding:23px 20px;border-radius:7px;line-height:1.65;font-size:12px}.portrait-note i{display:block;width:22px;height:2px;background:var(--line);margin-top:13px}.company-band{background:var(--white);border-block:1px solid #e9ecf2}.companies{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:28px}.companies .eyebrow{font-size:9px;margin:0;white-space:nowrap;letter-spacing:1px}.company{font-weight:700;font-size:20px;letter-spacing:-.8px;white-space:nowrap}.company-small{font-size:16px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:27px 0 0}.capability{background:var(--white);border:1px solid #edf0f5;border-radius:8px;padding:23px 25px}.icon-tile{width:42px;height:42px;border-radius:11px;background:var(--soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-tile svg{width:23px;height:23px}.capability .icon-tile{margin-bottom:17px}.capability h3{font-size:17px;margin-bottom:10px}.capability p{font-size:13px;line-height:1.7}.section{padding:57px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.section-header .eyebrow{margin-bottom:11px}.section-header h2{max-width:660px}.section-header>p{font-size:12px;max-width:245px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{display:block;position:relative;overflow:hidden;min-height:335px;border-radius:8px;background:var(--ink);color:var(--white);isolation:isolate}.project-text{position:relative;z-index:3;width:57%;padding:29px 0 28px 29px;display:flex;align-items:start;flex-direction:column;min-height:335px}.project-company{font-size:11px;margin-bottom:12px}.project-card h3{font-size:28px;letter-spacing:-.9px;line-height:1.1;max-width:270px}.project-card .project-text>p{color:inherit;opacity:.85;font-size:12px;line-height:1.6;margin-top:14px;max-width:255px}.project-card .pills{margin:19px 0 20px;gap:5px}.project-card .pills span{font-size:9px;padding:5px 8px;color:inherit;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}.project-open{display:flex;align-items:center;gap:10px;margin-top:auto}.project-open>span:last-child{font-size:10px;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}.round-arrow{display:flex;width:34px;height:34px;border-radius:50%;background:var(--white);color:var(--ink);align-items:center;justify-content:center}.round-arrow svg{width:17px;height:17px;transition:transform .2s}.project-card:hover .project-open>span:last-child,.project-card:focus-visible .project-open>span:last-child{opacity:1;transform:none}.project-card:hover .round-arrow svg{transform:rotate(-35deg)}.project-visual{position:absolute;top:0;bottom:0;right:0;width:45%;overflow:hidden;z-index:1}.scene{position:relative;height:410px;min-width:0;border-radius:9px;overflow:hidden;background:var(--soft);isolation:isolate;display:flex;justify-content:center;align-items:center}.scene-ring{position:absolute;width:410px;height:410px;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.ring-two{width:560px;height:560px;opacity:.6}.scene:before{content:'';position:absolute;inset:0 0 auto auto;width:55%;height:100%;background:rgba(255,255,255,.06);transform:skew(-20deg) translateX(30%);z-index:-2}.scene-itau{background:var(--ink)}.scene-porto-bank{background:var(--blue)}.scene-bia{background:#e8ecf7}.scene-nome-social{background:#dce0e7}.scene-bia .scene-ring,.scene-nome-social .scene-ring{border-color:rgba(38,71,239,.15)}.scene .phone{transform:rotate(8deg) translateY(20px);transition:transform .35s}.scene-bia .phone{transform:rotate(-8deg) translateY(20px)}.scene-itau .phone{transform:rotate(8deg) translateY(30px)}.scene-note{position:absolute;right:23px;bottom:40px;background:var(--white);padding:16px 17px;border-radius:6px;display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.5;color:var(--ink);max-width:205px}.scene-note>svg{color:var(--blue);width:25px;height:25px}.scene-label{position:absolute;left:18px;bottom:12px;font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:var(--white);opacity:.65}.scene-bia .scene-label,.scene-nome-social .scene-label{color:var(--ink)}.phone{width:217px;height:390px;border:6px solid var(--ink);outline:1px solid #717a8b;border-radius:32px;background:var(--white);position:relative;overflow:hidden;flex-shrink:0;color:var(--ink);text-align:left}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--ink);width:80px;height:17px;border-radius:0 0 12px 12px;z-index:2}.phone-status{display:flex;justify-content:space-between;padding:10px 13px;font-size:8px;font-weight:700;line-height:1}.phone-screen{padding:17px 15px 22px}.phone-bottom{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);height:3px;width:64px;background:var(--ink);border-radius:3px}.screen-brand{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.35;color:var(--blue);font-weight:700;margin-bottom:23px}.screen-brand svg{width:16px;height:16px}.screen-eyebrow{font-size:7px;letter-spacing:.7px;color:var(--muted);margin-bottom:12px}.phone h4{font-size:21px;line-height:1.14;letter-spacing:-.7px;font-weight:600;margin:0 0 14px}.phone p{font-size:9px;line-height:1.6;color:var(--muted)}.screen-row{display:flex;gap:7px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:9px;line-height:1.4}.screen-row b{font-weight:500;max-width:95px;overflow-wrap:anywhere}.screen-note{background:var(--soft);border-radius:5px;padding:10px;font-size:9px;line-height:1.6;margin-top:14px;color:var(--ink)}.screen-cta{font-size:9px;border-radius:5px;text-align:center;padding:11px 8px;background:var(--blue);color:var(--white);margin-top:17px}.screen-field{border:1px solid var(--line);border-radius:5px;font-size:10px;padding:12px;margin-top:15px}.focus-field{border-color:var(--blue);background:#f4f5f7}.screen-bubble{background:var(--paper);padding:11px 12px;font-size:10px;line-height:1.5;border-radius:0 10px 10px 10px;max-width:93%;margin:10px 0}.user-bubble{margin-left:auto;background:var(--soft);border-radius:10px 0 10px 10px}.screen-choice{border:1px solid #d5dbee;border-radius:6px;margin-top:8px;padding:10px;font-size:9px;color:var(--blue);line-height:1.35}.screen-avatar{width:34px;height:34px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:14px;margin-bottom:15px}.screen-avatar svg{width:20px;height:20px}.credit-card{position:absolute;width:190px;height:118px;background:var(--ink);border:1px solid #717a8b;border-radius:9px;right:18px;bottom:58px;transform:rotate(-12deg);z-index:2;padding:15px;color:white;font-size:8px;letter-spacing:1px;line-height:1.3}.chip{width:24px;height:19px;border:1px solid #b7c0d1;border-radius:3px;margin:9px 0}.credit-card b{font-size:9px;font-weight:500}.scene-porto-bank .phone{transform:rotate(7deg) translate(-33px,20px)}.scene-porto-bank .scene-note{display:none}.project-visual .scene{border-radius:0;height:100%;background:transparent;overflow:visible}.project-visual .scene .phone{position:absolute;top:51px;left:15px;transform:rotate(12deg);width:217px;height:390px}.project-visual .scene-bia .phone{transform:rotate(9deg)}.project-visual .scene-note{display:none}.project-visual .scene-ring{width:330px;height:330px;left:100%;opacity:.7}.project-visual .ring-two{width:460px;height:460px}.project-visual .scene-label{display:none}.project-card:after{position:absolute;bottom:12px;right:12px;content:'CONCEPT';letter-spacing:1.5px;font-size:7px;opacity:.6;z-index:4}.project-porto-bank{background:var(--blue)}.project-bia{background:#e8ecf7;color:var(--ink)}.project-nome-social{background:#dce0e7;color:var(--ink)}.project-bia .pills span,.project-nome-social .pills span{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.4)}.project-bia .project-visual .scene-ring,.project-nome-social .project-visual .scene-ring{border-color:rgba(38,71,239,.2)}.project-visual .credit-card{width:160px;height:99px;right:-12px;bottom:14px;padding:12px}.project-card:hover .project-visual .phone{transform:rotate(8deg) translateY(-5px)}.about-section{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-top:1px solid var(--line);padding-bottom:65px}.about-copy h2{max-width:380px}.about-copy>p{margin-top:22px;font-size:14px;line-height:1.8;max-width:450px}.about-copy>.text-link{margin-top:25px}.about-facts{border-left:1px solid var(--line);padding-left:55px;align-self:center}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin:0 0 40px}.stats>div{padding-right:12px;border-right:1px solid var(--line)}.stats>div:last-child{border:0;padding:0}.stats strong{font-size:34px;font-weight:500;letter-spacing:-1.3px;display:block;margin-bottom:9px;white-space:nowrap}.stats span{color:var(--muted);font-size:11px;line-height:1.6;display:block}.about-facts .pills{gap:10px}.experience-section{border-top:1px solid var(--line)}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.experience-item{border-top:1px solid #c7cfdd;padding-top:20px}.experience-year{display:block;color:var(--blue);font-size:10px;letter-spacing:1px;margin-bottom:18px}.experience-item h3{font-size:21px;margin-bottom:10px}.experience-item p{font-size:12px;min-height:60px;line-height:1.7}.experience-item .text-link{margin-top:20px;font-size:11px}.contact-panel{margin:18px 0 55px;padding:46px 48px;background:var(--soft);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-panel>div{max-width:660px}.contact-panel h2{font-size:37px;max-width:570px}.contact-panel p{font-size:14px;max-width:560px;margin-top:18px}.contact-panel .button{white-space:nowrap}.coffee{display:block;font-size:12px;color:var(--muted);margin-top:22px}footer{border-top:1px solid var(--line);background:var(--white)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.footer-inner .wordmark{font-size:17px}.footer-inner>span{font-size:10px;color:var(--muted)}.footer-inner>div{display:flex;gap:25px;font-size:11px}.back-link{display:inline-flex;align-items:center;font-size:11px;color:var(--muted);margin:27px 0 24px}.back-link:hover{color:var(--blue)}.case-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-bottom:24px}.case-intro{padding:5px 0}.case-intro .eyebrow{color:var(--blue);font-size:10px;margin-bottom:18px}.case-intro h1{font-size:clamp(36px,3.7vw,53px);letter-spacing:-2.2px;line-height:1.08}.case-intro>p{font-size:16px;line-height:1.65;margin-top:22px;max-width:520px}.case-intro .pills{margin-top:22px}.case-meta{display:grid;grid-template-columns:1fr 1.1fr .7fr;gap:20px;margin-top:32px}.case-meta>div{padding-right:14px;border-right:1px solid var(--line)}.case-meta>div:last-child{border:0;padding:0}.case-meta dt{color:var(--muted);font-size:10px;line-height:1.5;margin-bottom:7px}.case-meta dd{font-size:11px;line-height:1.6}.case-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 25px}.case-summary>article{display:flex;gap:16px;background:var(--white);border:1px solid #edf0f5;border-radius:8px;padding:22px 20px}.case-summary h3{font-size:16px;margin-bottom:8px}.case-summary p{font-size:12px;line-height:1.65}.case-summary .icon-tile{width:36px;height:36px;border-radius:9px}.case-summary .icon-tile svg{width:21px;height:21px}.case-nav{display:flex;gap:28px;align-items:center;min-height:53px;border-block:1px solid var(--line);overflow-x:auto;white-space:nowrap;margin-bottom:16px;scrollbar-width:thin}.case-nav a{font-size:11px;padding:16px 0;transition:color .2s}.case-nav a:hover{color:var(--blue)}.case-row{display:grid;grid-template-columns:.78fr 1.55fr;gap:45px;padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:115px}.section-intro .eyebrow{color:var(--blue);font-size:9px;letter-spacing:1.4px;margin-bottom:12px}.section-intro h2{font-size:30px;letter-spacing:-1.2px;line-height:1.16}.section-intro>p{font-size:13px;line-height:1.75;margin-top:17px}.facts-panel{background:var(--white);border-radius:7px;padding:8px 20px;align-self:start}.facts-panel>div{display:grid;grid-template-columns:37px 145px 1fr;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.facts-panel>div:last-child{border:0}.facts-panel h3{font-size:12px;font-weight:600;letter-spacing:-.1px}.facts-panel p{font-size:12px;line-height:1.7}.facts-panel .icon-tile{width:34px;height:34px;border-radius:8px}.facts-panel .icon-tile svg{width:20px;height:20px}.disclosure{display:flex;gap:12px;align-items:center;font-size:11px;padding:15px 19px;background:var(--soft);border-radius:5px;margin-top:20px}.disclosure>svg{color:var(--blue);width:18px;height:18px}.disclosure p{line-height:1.7;color:var(--muted)}.flow-panel{background:var(--white);border-radius:8px;padding:20px;align-self:start}.diagram-label{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.journey-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.flow-node{position:relative;padding:14px 8px;background:var(--paper);border:1px solid #e6eaf1;border-radius:6px;text-align:center}.flow-node>.icon-tile{margin:0 auto 12px;width:33px;height:33px;background:var(--white)}.flow-node h3{font-size:11px;letter-spacing:-.1px;font-weight:600;line-height:1.4}.flow-node p{font-size:10px;line-height:1.5;margin-top:7px}.flow-arrow{position:absolute;right:-19px;top:50%;color:var(--blue);font-size:18px;transform:translateY(-50%)}.flow-insight{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.5;margin-top:18px;padding:13px;background:var(--soft);border-radius:5px}.flow-insight>svg{width:22px;height:22px;color:var(--blue)}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-self:start}.decision-card{padding:20px 17px;border:1px solid #e2e6ee;border-radius:8px;background:var(--white)}.decision-card>.icon-tile{width:35px;height:35px;margin-bottom:16px}.decision-card>.icon-tile svg{width:20px;height:20px}.decision-card h3{font-size:14px;line-height:1.35;margin-bottom:11px;letter-spacing:-.2px}.decision-card p{font-size:11px;line-height:1.8}.process-flow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:19px;margin:0;padding:0;align-self:start}.process-flow>li{position:relative;padding-top:3px}.step-number{width:37px;height:37px;border-radius:50%;background:var(--soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:17px}.process-flow li:not(:last-child):after{content:'';position:absolute;left:44px;right:-7px;top:21px;border-top:1px dashed #b7c3ed}.process-flow h3{font-size:12px;line-height:1.45;font-weight:600;letter-spacing:-.2px}.process-flow p{font-size:11px;margin-top:9px;line-height:1.65}.examples-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-self:start}.example-screen{height:292px;position:relative;background:var(--soft);border-radius:8px;overflow:hidden;display:flex;justify-content:center;padding:15px 0 0}.example-screen .phone{width:185px;height:337px;border-width:5px;border-radius:26px}.example-screen .phone-notch{width:69px;height:14px}.example-screen .phone-status{font-size:6px;padding:9px 10px}.example-screen .phone-screen{padding:15px 12px}.example-screen .screen-brand{font-size:9px;margin-bottom:17px}.example-screen .phone h4{font-size:18px;letter-spacing:-.5px}.example-screen .phone p{font-size:8px}.example-screen .screen-note{font-size:8px}.example-screen .screen-choice{font-size:8px;padding:8px}.example-screen .screen-bubble{font-size:8px;padding:9px}.example-screen .screen-field{font-size:9px;padding:10px}.example-screen .screen-cta{font-size:8px}.example-badge{position:absolute;bottom:9px;right:9px;background:var(--white);border:1px solid var(--line);font-size:7px;letter-spacing:.6px;text-transform:uppercase;padding:5px 7px;border-radius:20px}.examples-gallery figcaption{display:flex;align-items:start;gap:10px;margin-top:15px}.caption-number{font-size:9px;line-height:1.6;color:var(--blue);background:var(--soft);padding:5px;border-radius:50%;flex-shrink:0}.examples-gallery h3{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:-.1px;margin-bottom:6px}.examples-gallery figcaption p{font-size:11px;line-height:1.7}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-self:start}.results-grid>article{background:var(--white);border-radius:7px;border:1px solid #e2e6ee;padding:17px 13px}.results-grid .icon-tile{width:33px;height:33px;margin-bottom:16px}.results-grid .icon-tile svg{width:20px;height:20px}.results-grid h3{font-size:12px;font-weight:600;line-height:1.45;letter-spacing:-.1px;margin-bottom:12px}.results-grid p{font-size:11px;line-height:1.75}.next-section{display:grid;grid-template-columns:.78fr 1.55fr;gap:45px;padding:36px 0 40px;align-items:center}.next-section .project-card{min-height:205px}.next-section .project-text{min-height:205px;padding:22px;width:60%}.next-section .project-card h3{font-size:25px;max-width:350px}.next-section .project-text>p{max-width:400px;font-size:11px;margin-top:10px}.next-section .project-card .pills{margin:12px 0}.next-section .project-open>span:last-child{opacity:1;transform:none}.next-section .project-visual .phone{top:25px;left:30px;transform:rotate(14deg) scale(.88);transform-origin:top left}.next-section .project-visual{width:37%}.next-section .credit-card{bottom:10px}.next-section .project-open{margin-top:3px}.next-section .project-text .pills{display:none}.next-section .project-open{margin-top:18px}
@media(min-width:1550px){.home-hero{padding-top:58px;padding-bottom:50px}.portrait{height:500px}.case-hero>.scene{height:430px}}
@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.main-nav{gap:20px}.nav-bar{gap:23px}.nav-actions{gap:12px}.home-hero{gap:35px}.hero-copy>p{font-size:16px}.portrait{height:450px}.company{font-size:17px}.company-small{font-size:14px}.companies{gap:15px}.project-text{padding-left:23px;width:57%}.project-card h3{font-size:25px}.project-visual .scene .phone{left:10px}.case-row,.next-section{gap:28px;grid-template-columns:.85fr 1.7fr}.case-hero{gap:30px}.case-hero>.scene{height:390px}.case-meta{gap:10px}.case-summary>article{padding:19px 15px;gap:11px}.facts-panel>div{grid-template-columns:32px 118px 1fr;gap:11px}.decision-grid{gap:9px}.decision-card{padding:17px 12px}.process-flow{gap:12px}.process-flow h3{font-size:11px}.process-flow p{font-size:10px}.examples-gallery{gap:10px}.example-screen{height:270px}.example-screen .phone{width:169px;height:325px}.example-screen .phone h4{font-size:16px}.results-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:16px}.stats strong{font-size:29px}.about-facts{padding-left:35px}.about-section{gap:35px}.section-intro h2{font-size:27px}}
@media(max-width:900px){.main-nav{gap:15px}.main-nav a{font-size:11px}.nav-cta{display:none}.nav-bar{height:76px}.home-hero{gap:26px;padding-top:30px}.home-hero h1{font-size:43px;letter-spacing:-1.9px}.hero-copy>p{font-size:14px}.hero-copy .pills span{font-size:9px;padding:6px 8px}.portrait{height:430px}.portrait-note{width:148px;padding:17px;font-size:10px;right:13px;bottom:13px}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{font-size:11px;padding:12px 14px;gap:16px}.companies{min-height:72px;gap:25px;overflow-x:auto;padding:15px 0;scrollbar-width:none}.companies::-webkit-scrollbar{display:none}.capabilities{gap:12px}.capability{padding:20px 18px}.capability h3{font-size:15px}.capability p{font-size:12px}.section-header h2{font-size:29px;max-width:500px}.section-header>p{max-width:190px;font-size:11px}.project-card,.project-text{min-height:330px}.project-text{width:59%;padding:24px 0 24px 20px}.project-card h3{font-size:23px}.project-card .project-text>p{font-size:11px}.project-card .pills span{font-size:8px}.project-visual{width:41%;opacity:.95}.project-visual .scene .phone{left:17px;top:64px;width:195px}.project-open>span:last-child{display:none}.stats strong{font-size:26px}.about-section{grid-template-columns:1fr 1fr;gap:28px}.about-facts{padding-left:26px}.stats{grid-template-columns:1fr 1fr;gap:20px}.stats>div:nth-child(2){border:0}.stats>div:last-child{grid-column:1/-1}.stats>div:last-child strong{font-size:20px}.contact-panel{padding:36px 30px}.contact-panel h2{font-size:30px}.contact-panel .button{font-size:11px;gap:14px}.contact-panel p{font-size:13px}.case-intro h1{font-size:38px;letter-spacing:-1.7px}.case-intro>p{font-size:14px}.case-meta{grid-template-columns:1fr 1fr;margin-top:23px;gap:15px}.case-meta>div:nth-child(2){border:0}.case-meta>div:last-child{grid-column:1/-1}.case-hero>.scene{height:390px}.scene-note{right:13px;bottom:36px;font-size:10px;max-width:160px;padding:13px}.scene-note>svg{width:21px;height:21px}.case-summary>article{display:block;padding:18px}.case-summary .icon-tile{margin-bottom:14px}.case-summary p{font-size:11px}.case-nav{gap:24px}.case-row{grid-template-columns:1fr;gap:24px}.section-intro{max-width:670px}.section-intro h2{font-size:29px;max-width:530px}.section-intro>p{max-width:650px}.facts-panel>div{grid-template-columns:37px 160px 1fr}.decision-card{padding:23px 20px}.decision-card h3{font-size:15px}.decision-card p{font-size:12px}.process-flow h3{font-size:12px}.process-flow p{font-size:11px}.examples-gallery{gap:18px}.example-screen{height:300px}.example-screen .phone{width:190px}.example-screen .phone h4{font-size:19px}.results-grid{grid-template-columns:repeat(4,1fr)}.next-section{grid-template-columns:1fr 1.4fr}.next-section .project-text{width:64%;padding:20px}.next-section .project-card h3{font-size:22px}.next-section .project-text>p{font-size:10px}.next-section .project-visual{width:32%}.next-section .section-intro h2{font-size:27px}.footer-inner>span{max-width:200px;line-height:1.7}}
@media(max-width:640px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.nav-bar{height:69px;gap:15px}.wordmark{font-size:19px}.main-nav{display:none}.nav-actions{margin-left:auto;gap:18px}.menu-toggle{display:flex;justify-content:center;flex-direction:column;gap:5px;align-items:center;background:transparent;border:0;width:25px;height:32px;padding:0;cursor:pointer}.menu-toggle span{width:21px;height:1px;background:var(--ink)}.mobile-nav{position:absolute;top:68px;left:-18px;right:-18px;background:var(--paper);padding:12px 23px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:0}.mobile-nav a{font-size:15px;padding:12px 0}.language a{font-size:9px;padding:6px 7px}.home-hero{grid-template-columns:1fr;gap:30px;padding:35px 0 26px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:17px}.home-hero h1{font-size:44px;line-height:1.05;letter-spacing:-2px;max-width:450px}.hero-copy>p{font-size:15px;line-height:1.7;margin-top:20px}.hero-copy .pills{gap:6px;margin-top:19px}.hero-copy .pills span{font-size:9px;padding:7px 9px}.hero-actions{margin-top:25px}.hero-actions .button{font-size:12px;padding:13px 18px;gap:25px}.portrait{height:355px}.portrait>img{object-position:50% 24%}.portrait-note{width:151px;right:17px;bottom:16px;padding:20px;font-size:11px}.companies{gap:27px;min-height:70px}.companies .eyebrow{font-size:8px}.company{font-size:17px}.company-small{font-size:14px}.capabilities{grid-template-columns:1fr;padding-top:23px;gap:10px}.capability{position:relative;padding:20px 20px 20px 77px;min-height:135px}.capability .icon-tile{position:absolute;left:19px;top:20px;width:39px;height:39px}.capability h3{font-size:17px;margin-bottom:8px}.capability p{font-size:13px;line-height:1.7}.section{padding:39px 0}.section-header{align-items:start;flex-direction:column;gap:13px;margin-bottom:24px}.section-header .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.section-header h2{font-size:30px;letter-spacing:-1.2px}.section-header>p{font-size:12px;max-width:340px}.project-grid{grid-template-columns:1fr;gap:16px}.project-card,.project-text{min-height:338px}.project-text{width:56%;padding:26px 0 23px 23px}.project-card h3{font-size:26px;letter-spacing:-.9px}.project-card .project-text>p{font-size:11px}.project-company{font-size:10px}.project-card .pills span{font-size:8px;padding:5px 7px}.project-visual{width:43%}.project-visual .scene .phone{left:12px;top:52px;width:205px}.project-open>span:last-child{display:inline;font-size:9px;opacity:1;transform:none}.project-open{gap:8px}.round-arrow{width:30px;height:30px}.about-section{grid-template-columns:1fr;gap:32px}.about-copy h2{font-size:32px;max-width:320px}.about-copy>p{font-size:14px;margin-top:18px}.about-facts{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.stats{grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:27px}.stats>div:last-child{grid-column:auto}.stats>div:nth-child(2){border-right:1px solid var(--line)}.stats strong{font-size:30px}.stats>div:last-child strong{font-size:22px;line-height:34px;letter-spacing:-1px}.stats span{font-size:10px}.about-facts .eyebrow{font-size:9px;margin-bottom:15px}.about-facts .pills{gap:7px}.about-facts .pills span{font-size:9px}.experience-grid{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:26px}.experience-item{padding-top:17px}.experience-item h3{font-size:20px}.experience-item p{min-height:65px}.experience-item .text-link{font-size:10px;gap:8px;margin-top:16px}.experience-year{font-size:9px;margin-bottom:13px}.contact-panel{flex-direction:column;align-items:start;gap:25px;padding:30px 24px;margin:0 0 32px}.contact-panel .eyebrow{font-size:9px;margin-bottom:14px}.contact-panel h2{font-size:31px;letter-spacing:-1.2px}.contact-panel p{font-size:13px}.contact-panel .button{font-size:12px;gap:23px}.coffee{font-size:11px;margin-top:20px}.footer-inner{align-items:start;flex-wrap:wrap;gap:16px;padding:23px 0}.footer-inner .wordmark{font-size:18px}.footer-inner>span{max-width:none;width:100%;font-size:10px;order:3}.footer-inner>div{font-size:10px;gap:17px;margin-left:auto;align-self:center}.back-link{margin:23px 0;font-size:10px}.case-hero{grid-template-columns:1fr;gap:25px;padding-bottom:20px}.case-intro{padding:0}.case-intro .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:15px}.case-intro h1{font-size:41px;letter-spacing:-1.9px;max-width:440px}.case-intro>p{font-size:15px;line-height:1.7;margin-top:18px}.case-intro .pills{margin-top:20px}.case-meta{grid-template-columns:1fr 1fr;margin-top:25px;gap:16px 20px}.case-meta dt{font-size:9px;margin-bottom:5px}.case-meta dd{font-size:11px}.case-meta>div:last-child{grid-column:1/-1;display:flex;gap:12px;align-items:baseline}.case-hero>.scene{height:355px}.scene .phone{transform:rotate(8deg) translateY(33px)}.scene-note{right:15px;bottom:34px;padding:14px 12px;max-width:160px}.scene-label{font-size:7px;letter-spacing:1px}.case-summary{grid-template-columns:1fr;gap:10px;margin-bottom:19px}.case-summary>article{display:flex;padding:18px 19px;gap:16px}.case-summary .icon-tile{margin:0;width:37px;height:37px}.case-summary h3{font-size:16px;margin-bottom:6px}.case-summary p{font-size:12px}.case-nav{gap:23px;min-height:48px;margin-bottom:2px}.case-nav a{font-size:10px;padding:14px 0}.case-row{gap:22px;padding:29px 0;scroll-margin-top:87px}.section-intro .eyebrow{font-size:9px;margin-bottom:10px}.section-intro h2{font-size:29px;letter-spacing:-1.1px}.section-intro>p{font-size:13px;line-height:1.75;margin-top:15px}.facts-panel{padding:7px 16px}.facts-panel>div{grid-template-columns:30px 1fr;gap:8px 14px;padding:16px 0}.facts-panel .icon-tile{width:30px;height:30px;grid-row:span 2}.facts-panel .icon-tile svg{width:18px;height:18px}.facts-panel h3{font-size:12px}.facts-panel p{grid-column:2;font-size:12px}.disclosure{align-items:start;padding:15px;gap:10px;margin-top:20px}.disclosure p{font-size:10px;line-height:1.7}.disclosure>svg{width:16px;height:16px}.flow-panel{padding:18px}.journey-flow{grid-template-columns:1fr;gap:23px}.flow-node{display:grid;grid-template-columns:36px 1fr;text-align:left;gap:0 14px;padding:15px}.flow-node>.icon-tile{grid-row:span 2;margin:0;width:33px;height:33px}.flow-node h3{font-size:13px;align-self:end}.flow-node p{font-size:11px;margin-top:4px;grid-column:2}.flow-arrow{top:auto;bottom:-25px;left:50%;right:auto;transform:translateX(-50%) rotate(90deg);font-size:20px}.flow-insight{font-size:12px;padding:14px;margin-top:20px;gap:11px}.decision-grid{grid-template-columns:1fr;gap:11px}.decision-card{position:relative;padding:20px 20px 20px 72px}.decision-card>.icon-tile{position:absolute;left:19px;top:20px;width:34px;height:34px}.decision-card h3{font-size:16px;line-height:1.4;margin-bottom:8px}.decision-card p{font-size:12px}.process-flow{grid-template-columns:1fr;gap:0}.process-flow>li{padding:0 0 22px 57px;min-height:82px}.step-number{position:absolute;left:0;top:0;width:34px;height:34px;font-size:17px}.process-flow li:not(:last-child):after{left:16px;top:39px;bottom:6px;right:auto;border-left:1px dashed #b7c3ed;border-top:none}.process-flow h3{font-size:14px;line-height:1.5}.process-flow p{font-size:12px;margin-top:5px}.process-flow>li:last-child{padding-bottom:0;min-height:55px}.examples-gallery{grid-template-columns:1fr;gap:23px}.examples-gallery figure{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center}.example-screen{height:292px;padding-top:13px}.example-screen .phone{width:183px;height:338px}.example-screen .phone h4{font-size:18px}.examples-gallery figcaption{display:block;margin:0}.caption-number{display:inline-flex;padding:6px;margin-bottom:11px;font-size:10px}.examples-gallery h3{font-size:15px;line-height:1.35;margin-bottom:10px}.examples-gallery figcaption p{font-size:12px;line-height:1.7}.results-grid{grid-template-columns:1fr 1fr;gap:12px}.results-grid>article{padding:18px 16px}.results-grid h3{font-size:13px;line-height:1.4}.results-grid p{font-size:12px}.next-section{grid-template-columns:1fr;gap:23px;padding:30px 0}.next-section .section-intro h2{font-size:29px}.next-section .project-card,.next-section .project-text{min-height:255px}.next-section .project-text{width:63%;padding:22px}.next-section .project-card h3{font-size:25px}.next-section .project-text>p{font-size:11px}.next-section .project-visual{width:36%}.next-section .project-visual .phone{left:10px;top:28px}.next-section .project-open>span:last-child{font-size:10px}}
@media(max-width:380px){.home-hero h1{font-size:39px}.hero-copy .pills span{font-size:8px}.project-text{width:59%;padding-left:19px}.project-visual{width:39%}.project-card h3{font-size:24px}.project-open>span:last-child{font-size:8px}.stats strong{font-size:27px}.stats>div:last-child strong{font-size:20px}.examples-gallery figure{gap:13px;grid-template-columns:1.15fr 1fr}.example-screen .phone{width:164px}.example-screen .phone h4{font-size:16px}.example-screen{height:285px}.examples-gallery h3{font-size:14px}.examples-gallery figcaption p{font-size:11px}.footer-inner>div{gap:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:640px){.example-screen .phone{width:calc(100% - 12px);max-width:183px}.example-screen .phone-screen{padding-inline:10px}.example-screen .phone h4{font-size:17px}}
/* Project brand palettes and source-based Porto screen reconstructions */
.case-page[data-project="itau"],.scene-itau,.project-itau,.phone-itau{--blue:#b74700;--soft:#fff0e3;--brand:#ec7000;--brand-strong:#b74700;--brand-surface:#fff0e3}
.case-page[data-project="bia"],.scene-bia,.project-bia,.phone-bia{--blue:#cc092f;--soft:#fce8ee;--brand:#cc092f;--brand-strong:#a3072b;--brand-surface:#fce8ee}
.case-page[data-project="porto-bank"],.scene-porto-bank,.project-porto-bank,.phone-porto-bank{--blue:#0046c0;--soft:#e7f1ff;--brand:#0046c0;--brand-strong:#00358f;--brand-surface:#e7f1ff}
.case-page[data-project="nome-social"],.scene-nome-social,.project-nome-social,.phone-nome-social{--blue:#006fbd;--soft:#e3f5ff;--brand:#00a1fc;--brand-strong:#006fbd;--brand-surface:#e3f5ff}
.project-itau{background:#ec7000;color:#182334}.project-itau .pills span{color:#182334;background:rgba(255,255,255,.3);border-color:transparent}.project-itau .project-text>p{opacity:1}
.project-porto-bank{background:#0046c0}.project-bia{background:#a3072b;color:white}.project-bia .pills span{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18)}
.project-nome-social{background:#d2efff;color:#182334}.scene-itau{background:#ec7000}.scene-bia{background:#cc092f}.scene-porto-bank{background:#0046c0}.scene-nome-social{background:#d2efff}
.scene-bia .scene-label{color:#fff}.scene-itau .scene-label{color:#182334;opacity:.8}.scene-bia .scene-ring,.project-bia .project-visual .scene-ring{border-color:rgba(255,255,255,.24)}.scene-nome-social .scene-ring,.project-nome-social .project-visual .scene-ring{border-color:rgba(0,111,189,.2)}
.scene .scene-note>svg{color:var(--brand-strong)}.project-itau .round-arrow{color:#b74700}.project-bia .round-arrow{color:#cc092f}.project-porto-bank .round-arrow{color:#0046c0}.project-nome-social .round-arrow{color:#006fbd}
.phone-itau .screen-cta{background:#b74700}.phone-itau .screen-brand{color:#b74700}.phone-bia .screen-choice{border-color:#f0bdc9;color:#a3072b}.phone-bia .user-bubble{background:#fce8ee}.phone-bia .screen-brand{color:#cc092f}
.phone-porto-bank .screen-cta{background:#0046c0}.phone-nome-social .screen-cta{background:#006fbd}.phone-porto-bank .focus-field{border-color:#0046c0}.phone .screen-brand{color:var(--brand-strong,var(--blue))}.phone .screen-note,.phone .screen-avatar{background:var(--brand-surface,var(--soft))}
.porto-wordmark{font-size:17px;letter-spacing:-.9px;margin-bottom:18px;color:#0046c0;font-weight:700;gap:2px}.porto-wordmark span{font-weight:500}.phone-nome-social .porto-wordmark{color:#007dc5}.itau-wordmark{font-size:16px;letter-spacing:-.6px}.itau-wordmark span{font-size:10px;letter-spacing:0;font-weight:500}.bia-wordmark{font-size:16px}.bia-wordmark span{font-size:8px;font-weight:500;margin-left:auto}.credit-card{background:#17233b;border-color:#4f617e}.card-bank-name{font-size:14px;letter-spacing:-.5px;font-weight:600;display:block;margin-bottom:14px}
.capture-frame{width:61px;height:62px;border:1px dashed #7ca9e3;border-radius:14px;margin:4px auto 17px;display:grid;place-items:center;background:#e7f1ff;color:#0046c0}.capture-frame svg{width:36px;height:36px}.analysis-icon{width:45px;height:45px;display:grid;place-items:center;background:#e7f1ff;color:#0046c0;border-radius:50%;margin:9px 0 20px}
.phone-porto-bank .phone-screen{padding-top:12px}.phone-porto-bank h4{font-size:20px}.phone-porto-bank .screen-brand{margin-bottom:16px}.phone-porto-bank .screen-row{font-size:9px;padding:10px 0}.phone-porto-bank .screen-cta{margin-top:14px}
.phone-nome-social .phone-screen{padding-top:13px}.phone-nome-social .screen-brand{margin-bottom:16px}.phone-nome-social h4{font-size:18px;margin-bottom:12px}.phone-nome-social .screen-eyebrow{font-size:7px}.phone-nome-social .screen-field{font-size:9px;padding:10px 8px;margin-top:10px}.labelled-field small{display:block;font-size:7px;color:#5e6776;margin-bottom:5px}.phone-nome-social .screen-note{font-size:8px;padding:10px;line-height:1.6;margin-top:12px}.mock-checkbox{display:flex;align-items:center;gap:6px;margin:13px 0;font-size:9px;line-height:1.4;color:#344254}.check-box{width:12px;height:12px;border:1px solid #818b98;border-radius:2px;display:grid;place-items:center;font-size:9px;flex-shrink:0}.check-box.checked{background:#0046c0;border-color:#0046c0;color:white}.question-mark{font-size:8px;display:grid;place-items:center;width:11px;height:11px;border:1px solid #7c8795;border-radius:50%;flex-shrink:0}.screen-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #dce0e7;font-size:7px;margin:10px 0 20px;gap:7px}.screen-tabs>*{padding-bottom:8px;font-weight:500}.screen-tabs b{color:#0046c0;border-bottom:2px solid #0046c0}.profile-panel{padding:12px 10px;border:1px solid #dce0e7;border-radius:6px}.profile-panel h4{font-size:11px;margin-bottom:15px}.profile-panel small{display:block;font-size:7px;color:#5e6776;margin-top:11px;margin-bottom:4px}.profile-panel strong{font-size:11px;font-weight:600}.profile-panel p{font-size:9px}
.case-page .examples-gallery .example-screen{height:380px;padding-top:14px;background:var(--soft)}.case-page .examples-gallery .phone{height:355px}.case-page[data-project="porto-bank"] .examples-gallery .example-screen,.case-page[data-project="nome-social"] .examples-gallery .example-screen{height:420px}.case-page[data-project="porto-bank"] .examples-gallery .phone,.case-page[data-project="nome-social"] .examples-gallery .phone{height:395px}
.example-screen .porto-wordmark{font-size:15px}.example-screen .phone-nome-social h4{font-size:16px}.example-screen .phone-nome-social .screen-field{padding:9px 7px;font-size:8px}.example-screen .phone-nome-social .name-guidance{font-size:8px;line-height:1.55}.example-screen .mock-checkbox{font-size:8px;gap:5px}.example-screen .phone-porto-bank h4{font-size:17px}.example-screen .phone-porto-bank .screen-row{font-size:8px}.example-screen .phone-porto-bank .screen-brand{margin-bottom:14px}.source-reference{padding:20px 0 25px;border-bottom:1px solid var(--line);font-size:11px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.source-reference span{color:var(--muted)}.source-reference a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.portrait>img{object-position:50% 0%}
@media(max-width:900px){.case-page[data-project="porto-bank"] .examples-gallery .phone,.case-page[data-project="nome-social"] .examples-gallery .phone{height:400px}.case-page[data-project="porto-bank"] .examples-gallery .example-screen,.case-page[data-project="nome-social"] .examples-gallery .example-screen{height:425px}}
@media(max-width:640px){.portrait>img{object-position:50% 0%}.case-page .examples-gallery figure{grid-template-columns:1.2fr 1fr;align-items:center}.case-page .examples-gallery .example-screen{height:375px}.case-page[data-project="porto-bank"] .examples-gallery .example-screen,.case-page[data-project="nome-social"] .examples-gallery .example-screen{height:425px}.case-page[data-project="porto-bank"] .examples-gallery .phone,.case-page[data-project="nome-social"] .examples-gallery .phone{height:400px}.example-screen .phone-nome-social .name-guidance{font-size:7.5px}.example-screen .phone-porto-bank h4{font-size:16px}.example-screen .screen-tabs{font-size:6px}.example-screen .profile-panel{padding:10px 8px}}
/* Preserve the full head across desktop and mobile widths */
.portrait{height:auto;aspect-ratio:1.1}.portrait>img{object-position:center top}
/* Slow, seamless client logo band */
.clients-band{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:26px;min-height:106px}.clients-label{font-size:9px;letter-spacing:1.2px;margin:0;border-right:1px solid var(--line);min-height:34px;display:flex;align-items:center}.logo-marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.logo-track{display:flex;width:max-content;animation:clients-loop 70s linear infinite;will-change:transform}.logo-group{display:flex;align-items:center;gap:42px;padding-right:42px;flex:none}.client-logo{width:148px;min-width:148px;height:67px;display:flex;align-items:center;justify-content:center}.client-logo img{display:block;width:auto;max-width:142px;max-height:37px;height:auto;object-fit:contain;filter:brightness(0);opacity:.9}.client-logo.logo-itau img{width:43px;height:43px;max-height:43px;filter:grayscale(1) brightness(.85) contrast(6)}.client-logo.logo-bradesco img{width:137px}.client-logo.logo-porto img{width:139px}.client-logo.logo-electrolux img{width:141px}.client-logo.logo-einstein img{width:143px;max-height:50px}.client-logo.logo-openco img{width:113px;max-height:39px}.marquee-toggle{background:transparent;border:1px solid var(--line);color:var(--muted);width:30px;height:30px;border-radius:50%;padding:7px;display:flex;align-items:center;justify-content:center;cursor:pointer}.marquee-toggle svg{width:13px;height:13px}.marquee-toggle:hover{color:var(--ink);border-color:var(--ink)}.logo-marquee[data-paused="true"] .logo-track,.logo-marquee:hover .logo-track{animation-play-state:paused}@keyframes clients-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Keep parallax independent from the mockups' rotation and hover transforms */
[data-parallax]{translate:0 var(--parallax-y,0px);will-change:translate}.portrait[data-parallax],.case-hero>.scene[data-parallax]{position:relative}.examples-gallery figure[data-parallax]{position:relative}
@media(max-width:900px){.clients-band{grid-template-columns:minmax(0,1fr) 28px;gap:18px;min-height:96px}.clients-label{font-size:8px;letter-spacing:.8px}.marquee-toggle{width:28px;height:28px}}
@media(max-width:640px){.clients-band{grid-template-columns:minmax(0,1fr) 28px;gap:5px 16px;padding-top:15px;padding-bottom:14px;min-height:110px}.clients-label{grid-column:1/-1;min-height:15px;border:0;font-size:8px;margin:0}.logo-group{gap:27px;padding-right:27px}.client-logo{width:131px;min-width:131px;height:59px}.client-logo img{max-width:120px;max-height:30px}.client-logo.logo-itau img{width:37px;height:37px;max-height:37px}.client-logo.logo-einstein img{max-height:44px}.client-logo.logo-openco img{max-height:34px}.logo-track{animation-duration:70s}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;transform:none;will-change:auto;width:100%}.logo-group{flex-wrap:wrap;width:100%;gap:18px 28px;padding:0;justify-content:center}.logo-group[aria-hidden="true"]{display:none}.logo-marquee{overflow:visible;mask-image:none;-webkit-mask-image:none}.clients-band{grid-template-columns:minmax(0,1fr);padding-block:18px}.marquee-toggle{display:none}[data-parallax]{translate:none!important;will-change:auto}}
@media(max-width:640px) and (prefers-reduced-motion:reduce){.clients-band{grid-template-columns:1fr}.logo-group{gap:8px 15px;justify-content:space-around}.client-logo{width:130px;min-width:130px}}

/* Home cards: project imagery above the branded description */
.project-grid .project-card-image{display:flex;flex-direction:column;min-height:0}
.project-grid .project-card-image:after{display:none}
.project-grid .project-card-image .project-visual{position:relative;inset:auto;order:-1;width:100%;aspect-ratio:16/10;overflow:hidden;flex:none;background:var(--soft)}
.project-grid .project-card-image .project-cover{display:block;position:absolute;inset:-14px 0;width:100%;height:calc(100% + 28px);object-fit:cover;object-position:center}
.project-grid .project-card-image .project-text{width:100%;min-height:285px;flex:1;padding:28px 30px}
.project-grid .project-card-image h3,.project-grid .project-card-image .project-text>p{max-width:100%}
.project-grid .project-card-image .project-open>span:last-child{opacity:1;transform:none}
.project-grid .project-bia .project-cover{object-position:center}
@media(max-width:640px){.project-grid .project-card-image .project-text{padding:24px;min-height:270px}.project-grid .project-card-image h3{font-size:28px}.project-grid .project-card-image .project-visual{aspect-ratio:3/2}}

/* Match each project hero to its home card image */
.case-hero-image{position:relative;width:100%;aspect-ratio:3/2;min-width:0;overflow:hidden;border-radius:9px;background:var(--soft)}
.case-hero-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:640px){.case-hero-image{aspect-ratio:3/2}}
/* Focus the home on project evidence and simplify the reading hierarchy */
.project-itau{background:#001e4f;color:#fff}.project-itau .pills span{color:#fff;background:rgba(255,255,255,.14)}.project-itau .round-arrow{color:#001e4f}
.project-grid .project-card-image .project-visual{aspect-ratio:2/1}
.project-grid .project-card-image .project-text{padding:24px 28px;min-height:280px}
.project-grid .project-card-image h3{font-size:27px;line-height:1.15}
.project-grid .project-card-image .project-text>p{margin-top:12px}
.project-evidence{margin:16px 0 20px;padding-top:13px;border-top:1px solid currentColor;width:100%}
.project-evidence strong{display:block;font-size:14px;line-height:1.45;font-weight:600}
.project-evidence small{display:block;font-size:10px;line-height:1.5;margin-top:5px;opacity:.85}
.projects-section{padding-bottom:30px}.capabilities{padding:0 0 42px}.capability{padding:21px}.capability .icon-tile{margin-bottom:12px}.about-section{padding-top:42px;padding-bottom:42px}.experience-section{padding-top:42px;padding-bottom:35px}
@media(max-width:640px){.project-grid .project-card-image .project-visual{aspect-ratio:1.8}.project-grid .project-card-image .project-text{padding:22px;min-height:0}.project-grid .project-card-image h3{font-size:26px}.project-grid .project-card-image .project-open{margin-top:0}.capabilities{padding-bottom:32px}}
/* Internal case pages follow the brand palette and evidence-first content */
.case-page[data-project="itau"]{--blue:#001e4f;--soft:#e9eef6;--brand:#001e4f;--brand-strong:#001e4f;--brand-surface:#e9eef6}
.case-page[data-project="itau"] .phone-itau{--blue:#001e4f;--soft:#e9eef6;--brand:#001e4f;--brand-strong:#001e4f;--brand-surface:#e9eef6}
.case-page[data-project="itau"] .phone-itau .screen-cta{background:#001e4f}.case-page[data-project="itau"] .phone-itau .screen-brand{color:#001e4f}
.case-intro>.eyebrow{color:var(--blue)}
.case-highlight{margin:22px 0;padding:17px 19px;border-left:3px solid var(--blue);background:var(--soft);border-radius:0 6px 6px 0}
.case-highlight>span{display:block;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue);margin-bottom:7px}
.case-highlight strong{display:block;font-weight:600;font-size:17px;line-height:1.45;color:var(--blue)}
.case-highlight small{display:block;font-size:11px;line-height:1.5;margin-top:6px;color:var(--muted)}
.case-page .results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-page .results-grid h3{font-size:17px;color:var(--blue);line-height:1.35}.case-page .results-grid p{font-size:12px}.case-page .results-grid>article{padding:22px}
.case-page .next-section .project-card-image{display:flex;flex-direction:column;min-height:0}
.case-page .next-section .project-card-image:after{display:none}
.case-page .next-section .project-card-image .project-visual{position:relative;inset:auto;width:100%;aspect-ratio:2/1;order:-1;overflow:hidden}
.case-page .next-section .project-cover{display:block;width:100%;height:calc(100% + 28px);position:absolute;top:-14px;object-fit:cover}
.case-page .next-section .project-card-image .project-text{width:100%;min-height:0;padding:25px}
.case-page .next-section .project-card-image h3,.case-page .next-section .project-card-image .project-text>p{max-width:100%}
.case-page .next-section .project-open>span:last-child{opacity:1;transform:none}
@media(max-width:640px){.case-highlight strong{font-size:16px}.case-page .results-grid>article{padding:17px}.case-page .results-grid h3{font-size:15px}}
@media(max-width:380px){.case-page .results-grid{grid-template-columns:1fr}}
.evidence-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.evidence-list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:17px;padding:22px 0;border-bottom:1px solid var(--line)}.evidence-list li:last-child{border-bottom:0}.evidence-number{font-size:12px;color:var(--blue);padding-top:4px}.evidence-list h3{font-size:18px;margin-bottom:9px}.evidence-list p{font-size:14px;line-height:1.75;max-width:660px}@media(max-width:640px){.evidence-list li{gap:12px;padding:19px 0}.evidence-list p{font-size:13px}}
/* Keep the full head visible in every chosen-name cover */
.case-page[data-project="nome-social"] .case-hero-image>img{object-position:center top}
.project-grid .project-nome-social .project-cover,.case-page .next-section .project-nome-social .project-cover{inset:0;width:100%;height:100%;object-position:center top;translate:none!important;will-change:auto}
.home-hero .hero-accent{color:var(--blue)}
.testimonials-section{border-top:1px solid var(--line);padding-top:42px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.testimonial-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:25px;display:flex;flex-direction:column}.testimonial-mark{font-size:46px;line-height:1;color:var(--blue);height:37px}.testimonial-card blockquote{margin:12px 0 28px}.testimonial-card blockquote p{font-size:16px;line-height:1.7;color:var(--ink)}.testimonial-card figcaption{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.testimonial-card cite{display:block;font-style:normal;font-size:14px;font-weight:600;margin-bottom:7px}.testimonial-card figcaption span{display:block;font-size:11px;line-height:1.6;color:var(--muted)}.testimonials-source{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:23px}.testimonials-source p{font-size:11px;max-width:480px}.testimonials-source .text-link{flex-shrink:0}@media(max-width:900px){.testimonials-grid{gap:12px}.testimonial-card{padding:20px}.testimonial-card blockquote p{font-size:14px}.testimonials-source{align-items:start;flex-direction:column;gap:10px}}@media(max-width:640px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card blockquote p{font-size:16px}.testimonial-card{padding:23px}.testimonials-section{padding-block:32px}}

/* Scroll reveals compose with the independent image parallax translation. */
.scroll-reveal{transition:opacity 650ms ease,transform 750ms cubic-bezier(.22,1,.36,1)}
.scroll-reveal.reveal-pending{opacity:0;transform:translateY(28px)}
.scroll-reveal:focus-within{opacity:1;transform:none}
@media(max-width:640px){.scroll-reveal.reveal-pending{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.reveal-pending{opacity:1!important;transform:none!important;transition:none!important}}
@media print{.scroll-reveal,.scroll-reveal.reveal-pending{opacity:1!important;transform:none!important;transition:none!important}[data-parallax]{translate:none!important}}

.resume-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:24px;font-size:13px}.resume-links span{color:var(--muted)}.resume-links a{color:var(--blue,#2647ef);text-underline-offset:4px}.resume-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.case-editorial-note{border-top:1px solid var(--line);padding:24px 0;margin-bottom:24px;color:var(--muted);max-width:850px}.case-editorial-note h2{font-size:15px;line-height:1.4;margin:0 0 8px;color:var(--ink)}.case-editorial-note p{font-size:13px;line-height:1.7;margin:0}@media(max-width:640px){.resume-links span{flex-basis:100%}}

.project-grid .project-card-image .project-text>p.project-support,.case-page .next-section .project-card-image .project-text>p.project-support{font-size:17px;font-weight:400;line-height:1.5;opacity:1;color:inherit;margin-top:16px;max-width:38ch}
@media(max-width:640px){.project-grid .project-card-image .project-text>p.project-support,.case-page .next-section .project-card-image .project-text>p.project-support{font-size:16px}}

.company-band .clients-band{grid-template-columns:minmax(0,1fr)}