:root{font-family:Arial,Helvetica,sans-serif;color:#202020;background:#fff;font-synthesis:none;line-height:1.65;--muted:#666;--line:#dedede}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.25}h1,h2,h3{font-weight:600;letter-spacing:-.025em}h1{font-size:18px;margin-bottom:22px!important}h2{font-size:clamp(26px,3vw,37px);max-width:950px}h3{font-size:23px;margin-bottom:18px}h4{font-size:16px;font-weight:600}p{margin-bottom:16px}strong,b{font-weight:600}.topbar{display:flex;align-items:center;justify-content:space-between;padding:25px 40px;border-bottom:1px solid var(--line)}.signature{font-size:15px;font-weight:600;line-height:1.4}.signature span{display:block;font-size:9px;font-weight:400;letter-spacing:.14em;margin-top:4px}.project-label{font-size:12px;color:var(--muted)}main{width:min(1080px,calc(100% - 80px));margin:0 auto;padding-top:65px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#777;margin-bottom:24px}.hero h2{font-size:clamp(25px,2.7vw,34px);margin-bottom:27px}.hero-intro{font-size:21px;color:#666;max-width:970px;line-height:1.7}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line);padding:30px 0;margin-top:35px}.overview span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#777;margin-bottom:8px}.overview strong{display:block;font-size:14px;line-height:1.65;font-weight:400}.chapter{padding:72px 0 52px;border-top:1px solid var(--line)}.chapter header{margin-bottom:32px}.intro{font-size:18px;color:var(--muted);margin-top:20px;max-width:920px}.case-topic{margin:36px 0}.case-topic>p{font-size:15px;color:#555;max-width:900px}.customer-journey{padding:0;margin:26px 0;list-style:none}.customer-journey li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:22px 16px;border-top:1px solid var(--line)}.customer-journey li>span{font-size:12px;color:#777;padding-top:3px}.customer-journey h4{font-size:19px;margin-bottom:6px}.customer-journey p{font-size:15px;color:#666;margin:0}.customer-journey .journey-focus{background:#efefef;border-bottom:1px solid var(--line)}.journey-focus h4,.journey-focus p{color:#202020}.table-scroll{margin:24px 0}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px;text-align:left}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:18px 20px}thead th{background:#f1f1f1;font-size:12px}td{color:#555}.project-weeks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.project-weeks li{display:grid;grid-template-columns:90px 1fr;gap:12px;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.project-weeks li>span{color:#777;font-variant-numeric:tabular-nums}.project-weeks strong{display:block;font-size:13px;margin-bottom:4px}.project-weeks p{font-size:12px;line-height:1.6;color:#666;margin:0}.schedule-context{font-size:12px!important}.schedule-footnote{font-size:11px!important;margin-top:18px}.hero #cronograma{margin:35px 0 58px}.film{margin:28px 0}.film video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}.film figcaption{font-size:11px;color:#777;margin-top:10px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:28px 0}.outcomes article{border-top:1px solid #888;padding-top:18px}.outcomes span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#777}.outcomes h3{font-size:22px;margin:12px 0}.outcomes p{font-size:13px;color:#666}.reflection-list{padding:0;list-style:none}.reflection-list li{font-size:15px;margin:0 0 20px;color:#555}.qa-record{padding:22px 0;border-top:1px solid var(--line)}.qa-record h4{margin-bottom:12px}.qa-record p{font-size:14px;color:#666}.end{font-size:12px;color:#777;padding:35px 0;border-top:1px solid var(--line)}
/* Wireframes de composição: referências visuais para inserir os registros originais. */
.wireframe-board{margin:28px 0 32px;padding:24px;background:#f7f7f7;border:1px solid #ddd;overflow:hidden}.wf-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:27px}.wf-heading>span{font-size:10px;color:#777}.wf-heading>strong{font-size:15px}.wireframe-board figcaption{font-size:10px;color:#777;margin-top:22px;padding-top:15px;border-top:1px solid #ddd}.wf-phone{position:relative;min-width:0;border:1px solid #999;border-radius:17px;background:#fff;padding:12px 12px 45px;max-width:225px;width:100%;min-height:330px;margin:0 auto;color:#333;overflow:hidden}.wf-status{display:flex;justify-content:space-between;font-size:8px;margin-bottom:22px}.wf-phone h4{font-size:14px;margin-bottom:19px}.wf-bottom{position:absolute;bottom:0;left:0;right:0;text-align:center;border-top:1px solid #ddd;padding:10px;font-size:10px;color:#777}.wf-field{margin:12px 0;font-size:9px}.wf-field>span{display:block;margin-bottom:4px;color:#666}.wf-field>div{border:1px solid #ccc;background:#fafafa;padding:8px;min-height:30px;color:#666}.wf-card{border:1px solid #bbb;background:#f6f6f6;padding:9px;font-size:9px}.wf-card strong{font-size:10px;display:block;margin:10px 0}.wf-picture{display:grid;place-items:center;aspect-ratio:1.9;border:1px solid #ccc;background:linear-gradient(30deg,transparent 49.6%,#ddd 50%,transparent 50.4%),linear-gradient(-30deg,transparent 49.6%,#ddd 50%,transparent 50.4%),#eee;text-align:center;padding:12px}.wf-picture span{background:#eee;color:#666;font-size:8px}.wf-stamps{font-size:15px;line-height:1.5;margin:12px 0}.wf-code{width:47px;height:47px;display:grid;place-items:center;border:5px double #999;font-size:12px;margin:15px auto 0}.wf-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}.wf-step>span{font-size:11px;display:block;margin-bottom:15px;font-weight:600}.wf-step>p{font-size:11px;color:#666;margin:12px 0 0}.wf-flow .wf-phone{min-height:345px;padding-inline:9px}.wf-scan{margin:25px 0;background:#eee;border:1px dashed #888;aspect-ratio:1;display:grid;place-items:center;font-size:10px;color:#777}.wf-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wf-metrics>div{background:#eee;padding:15px 5px;min-height:80px;text-align:center}.wf-metrics b{display:block;font-size:22px}.wf-metrics span{font-size:8px}.wf-notification{display:flex;align-items:center;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid #ddd;font-size:12px}.wf-notification>div{padding:13px 18px;background:#e8e8e8;border:1px solid #ccc;max-width:390px}.wf-notification p{font-size:10px;margin:5px 0 0}.wf-lines{display:flex;flex-direction:column;gap:7px;margin:18px 0}.wf-lines i{display:block;background:#ddd;height:5px;width:100%}.wf-lines i:nth-child(2){width:90%}.wf-lines i:last-child{width:60%}.wf-benchmark{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}.wf-observation>span,.wf-system>div>span,.wf-brands>div>span,.wf-brand-final>span,.wf-commercial>span{font-size:10px;color:#777;display:block;margin-bottom:12px}.wf-observation>h4{margin-bottom:25px}.wf-observation>p{font-size:12px;color:#666;margin-top:18px}.wf-desktop{border:1px solid #999;background:white;margin-top:45px}.wf-toolbar{min-height:24px;border-bottom:1px solid #bbb;background:#ededed;font-size:10px;padding:7px 12px;display:flex;justify-content:space-between;gap:10px}.wf-desktop-body{display:grid;grid-template-columns:28% 1fr;min-height:190px}.wf-menu{border-right:1px solid #ccc;padding:10px}.wf-form{padding:12px}.wf-versions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.wf-system{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:650px;margin:auto}.wf-system h4{margin:15px 0}.wf-state{font-size:11px;border:1px solid #999;padding:9px;margin:10px 0;background:white}.wf-error{border:2px solid #333}.wf-disabled{background:#e4e4e4;color:#777}.wf-swatches{display:flex;gap:6px;margin-top:18px}.wf-swatches i{width:37px;height:32px;background:#222;border:1px solid #aaa}.wf-swatches i:nth-child(2){background:#777}.wf-swatches i:nth-child(3){background:#ccc}.wf-swatches i:nth-child(4){background:white}.wf-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.wf-brands>div{padding:18px;border:1px solid #ccc;background:white}.wf-brands h4{font-size:26px;margin:15px 0}.wf-symbol{height:90px;border:1px dashed #bbb;display:grid;place-items:center;font-size:10px;color:#777}.wf-brands p{font-size:11px;margin:12px 0 0;color:#777}.wf-brand-final{border-top:1px solid #bbb;margin-top:28px;padding-top:20px}.wf-brand-final strong{font-size:32px}.wf-brand-final p{font-size:12px;color:#666;margin:6px 0}.wf-web-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.wf-web{border:1px solid #999;background:white}.wf-web-hero{display:grid;grid-template-columns:1fr .75fr;gap:20px;padding:28px}.wf-web-hero>div:first-child{align-self:center}.wf-web-hero h4{font-size:25px}.wf-web-hero .wf-phone{min-height:230px;padding:10px 10px 35px;border-radius:10px}.wf-web-hero .wf-stamps{font-size:10px}.wf-web-hero .wf-phone h4{font-size:11px}.wf-web-features{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #ddd;font-size:10px}.wf-web-footer{padding:18px;font-size:9px;color:#666;border-top:1px solid #ddd}.wf-commercial>div{border:1px solid #bbb;aspect-ratio:1.4;padding:20px;background:white;margin-top:20px}.wf-commercial h4{font-size:20px;margin-bottom:10px}.wf-commercial p{font-size:11px;color:#666}
@media(max-width:800px){.topbar{padding:20px 22px}main{width:calc(100% - 44px);padding-top:42px}.hero-intro{font-size:18px}.overview{grid-template-columns:1fr 1fr;gap:24px}.chapter{padding:45px 0 25px}.intro{font-size:16px}.case-topic{margin:30px 0}h3{font-size:21px}.project-weeks{grid-template-columns:1fr}.outcomes{grid-template-columns:1fr}.outcomes h3{font-size:20px}.customer-journey li{padding:18px 12px;gap:6px;grid-template-columns:30px 1fr}.customer-journey h4{font-size:17px}.customer-journey p{font-size:14px}th,td{padding:14px 9px;font-size:12px}.wireframe-board{padding:16px}.wf-flow,.wf-versions{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.wf-flow .wf-phone{min-height:315px}.wf-heading{align-items:start}.wf-heading>strong{font-size:13px}.wf-phone{border-radius:12px;padding:10px 9px 40px;min-height:300px}.wf-phone h4{font-size:12px}.wf-notification{display:block}.wf-notification>div{margin-top:10px}.wf-benchmark,.wf-system{grid-template-columns:1fr;gap:30px}.wf-desktop{margin-top:0}.wf-brands{grid-template-columns:1fr;gap:16px}.wf-symbol{height:65px}.wf-brands h4{font-size:24px}.wf-web-layout{grid-template-columns:1fr}.wf-web-hero{padding:15px;gap:12px}.wf-web-hero h4{font-size:19px}.wf-web-hero .wf-phone{padding:8px 7px 30px}.wf-web-hero .wf-status{margin-bottom:15px}.wf-web-hero .wf-card{padding:5px}.wf-web-hero .wf-picture{padding:5px}.wf-web-features{gap:10px;padding:12px;font-size:8px}.wf-commercial{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wf-commercial>span{grid-column:1/-1;margin:0}.wf-commercial>div{margin:0;padding:14px}.wf-commercial h4{font-size:16px}}
@media(max-width:370px){main{width:calc(100% - 32px)}.wireframe-board{padding:12px}.wf-flow,.wf-versions{grid-template-columns:1fr}.wf-step>span{text-align:center}.wf-step>p{text-align:center}.wf-phone{max-width:220px}.wf-web-hero{grid-template-columns:1fr}.wf-web-hero>div:first-child{padding:10px}.wf-web-hero .wf-phone{max-width:140px}.project-weeks li{grid-template-columns:78px 1fr;gap:8px}}
@media print{main{width:100%;padding:0}.topbar{position:static}.wireframe-board{break-inside:avoid}.film video{max-height:250px}}
.wf-web-layout,.wf-web-hero,.wf-web-features,.wf-commercial{min-width:0}.wf-web-layout>*{min-width:0}.wf-web-hero>*{min-width:0}.wf-web-features>*{min-width:0;overflow-wrap:anywhere}.wf-commercial>*{min-width:0;overflow-wrap:anywhere}.wf-toolbar span{overflow-wrap:anywhere}.wf-web-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media(max-width:800px){.wf-web-layout{grid-template-columns:minmax(0,1fr)}.wf-web-hero{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.wf-commercial{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-commercial h4{overflow-wrap:anywhere}}
@media(max-width:370px){.wf-web-hero{grid-template-columns:minmax(0,1fr)}}
/* Enunciados centrais do projeto */
.project-framing{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;margin:36px 0 48px}.project-statement{display:flex;flex-direction:column;justify-content:center;padding:44px;background:#f3f3f3;margin:42px 0}.project-statement h3{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#666;margin:0 0 24px}.project-statement .statement-text{font-size:clamp(30px,3.1vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1.22;color:#242424;max-width:940px;margin:0}.project-statement .statement-detail{font-size:16px;line-height:1.7;max-width:760px;color:#666;margin:24px 0 0}.project-framing .project-statement{margin:0;padding:32px;min-height:220px}.project-framing #ideia-central{grid-row:span 2;justify-content:flex-end}.project-framing #ideia-central .statement-text{font-size:clamp(34px,3.7vw,52px)}.project-framing .statement-text{font-size:clamp(26px,2.6vw,36px)}
@media(max-width:800px){.project-framing{grid-template-columns:1fr;gap:12px;margin:28px 0 38px}.project-framing #ideia-central{grid-row:auto}.project-framing .project-statement,.project-statement{padding:26px;min-height:0}.project-statement{margin:32px 0}.project-statement h3{font-size:10px;margin-bottom:18px}.project-framing .statement-text,.project-statement .statement-text{font-size:29px}.project-framing #ideia-central .statement-text{font-size:34px}.project-statement .statement-detail{font-size:14px;margin-top:20px}}
@media(max-width:370px){.project-framing .project-statement,.project-statement{padding:22px}.project-framing .statement-text,.project-statement .statement-text{font-size:26px}.project-framing #ideia-central .statement-text{font-size:30px}}
@media print{.project-statement{break-inside:avoid}}
/* Navegação por etapas e soluções abertas. */
html{scroll-behavior:smooth;scroll-padding-top:90px}.case-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:24px;padding:18px 24px;background:#fff;border-bottom:1px solid #dedede}.case-nav a{color:#777;text-decoration:none;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent;padding:5px 0}.case-nav a[aria-current],.case-nav a:hover{color:#222;border-color:#222}.case-nav a:focus-visible{outline:2px solid #333;outline-offset:5px}section[id],.case-topic[id]{scroll-margin-top:90px}.solution-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:center;margin:45px 0;padding-top:40px;border-top:1px solid #ddd}.solution-copy h3{font-size:28px}.solution-copy p{font-size:15px;color:#666}.solution-copy p strong{display:block;color:#333;margin-bottom:4px}.solution-copy .eyebrow{font-size:11px;margin-bottom:15px}.solution-copy .solution-route{font-size:12px;border-top:1px solid #ddd;padding-top:16px;margin-top:22px}.solution-story .wireframe-board{margin:0}.solution-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.solution-phones .wf-phone{min-height:310px}.notification-preview{font-size:11px;color:#666;margin-top:24px}.notification-preview>div{padding:14px;background:#e7e7e7;border:1px solid #ccc;margin:10px 0}.notification-preview p{margin:5px 0}.scope-note{font-size:14px;color:#666;border-top:1px solid #ddd;padding-top:24px}.source-note{font-size:11px!important;color:#777!important}.store-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px 0;margin-bottom:16px;border-block:1px solid #ddd}.store-facts span{display:block;font-size:11px;color:#777;margin-bottom:6px}.store-facts strong{font-size:14px;font-weight:500}.store-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.store-gallery img{display:block;width:100%;height:auto;border-radius:18px}.store-gallery figcaption,.brand-photos figcaption{font-size:11px;color:#666;margin-top:10px}.brand-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.brand-photos figure:first-child{grid-column:1/-1}.brand-photos img{display:block;width:100%;height:auto}.brand-photos figure:first-child img{max-height:510px;object-fit:cover;object-position:center 45%}.brand-lockup{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:center}.brand-logo-space{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:1px solid #ddd}.brand-logo-space>span,.brand-icon>span,.brand-variants span{font-size:11px;color:#777}.brand-logo-space p{font-size:11px;color:#777;margin:0}.logo-outline{border:1px dashed #aaa;padding:20px 35px;font-size:36px;color:#888;margin:18px}.brand-icon{display:flex;align-items:center;flex-direction:column;gap:16px}.brand-icon img{width:140px;height:140px}.brand-variants{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.brand-variants>div{padding:20px;text-align:center;background:#fff;border:1px solid #ddd}.brand-variants>div:last-child{background:#252525}.brand-variants>div:last-child span,.brand-variants>div:last-child .logo-outline{color:#ddd}.brand-variants .logo-outline{font-size:20px}.onboarding-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.onboarding-step>span{display:block;font-size:11px;color:#666;margin-bottom:18px}.illustration-space{border:1px dashed #bbb;padding:24px 12px;text-align:center;margin-bottom:24px}.illustration-space>span{font-size:10px;color:#777}.illustration-shapes{position:relative;height:65px;width:120px;margin:0 auto 14px}.illustration-shapes i{position:absolute;display:block;width:55px;height:55px;left:10px;top:0;border:1px solid #aaa;border-radius:50%;background:#eee}.illustration-shapes i:nth-child(2){left:47px;top:6px;border-radius:6px;background:#ddd}.illustration-shapes i:nth-child(3){left:32px;top:28px;width:70px;height:30px;border-radius:3px;background:#fafafa}.onboarding-dots{text-align:center;font-size:12px;color:#777;margin:25px 0}.onboarding-board .wf-phone{min-height:260px}
/* Prancha editorial de design system. */
.ds-board{padding:18px}.ds-label{display:block;font-size:10px;color:#777;letter-spacing:.06em;margin-bottom:15px}.ds-foundations{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;padding:28px;border:1px solid #ddd;margin-bottom:20px}.ds-type{display:flex;align-items:center;gap:25px;margin-top:18px}.ds-type>b{font-size:70px;line-height:1}.ds-type strong{font-size:19px}.ds-type p{font-size:13px;margin:6px 0}.ds-type small{font-size:10px;color:#777}.ds-tones{display:flex;height:45px;gap:5px;margin:24px 0}.ds-tones i{flex:1;background:#222;border:1px solid #bbb}.ds-tones i:nth-child(2){background:#666}.ds-tones i:nth-child(3){background:#aaa}.ds-tones i:nth-child(4){background:#ddd}.ds-tones i:nth-child(5){background:#fff}.ds-spacing{display:flex;align-items:end;gap:12px;height:30px}.ds-spacing i{display:block;background:#bbb;width:8px;height:8px}.ds-spacing i:nth-child(2){width:16px;height:16px}.ds-spacing i:nth-child(3){width:24px;height:24px}.ds-spacing i:nth-child(4){width:32px;height:32px}.ds-foundations p{font-size:11px;color:#666;margin:9px 0 0}.ds-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ds-module{padding:20px 16px;background:#fff;border:1px solid #ddd;min-width:0}.ds-module h4{font-size:14px;min-height:38px}.ds-button{padding:10px;text-align:center;font-size:11px;background:#333;color:#fff;border:1px solid #333;border-radius:5px;margin:12px 0}.ds-button.secondary{background:#fff;color:#333}.ds-button.disabled{background:#eee;border-color:#ddd;color:#999}.ds-controls{font-size:12px;display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.ds-error{border:2px solid #333!important}.ds-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.ds-tags span{border:1px solid #bbb;padding:3px 6px;font-size:9px;border-radius:4px}.ds-dialog{border:1px solid #bbb;padding:12px;margin-top:12px;border-radius:8px}.ds-dialog b{font-size:12px}.ds-dialog p{font-size:10px;color:#777;margin:7px 0}.ds-application{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:30px;background:#fff;border:1px solid #ddd;margin-top:20px}.ds-application ol{padding-left:20px;font-size:13px;color:#666;margin:20px 0}.ds-application li{margin-bottom:12px}.ds-application p{font-size:12px;color:#666}.ds-application .wf-phone{min-height:310px}
@media(max-width:1100px){.case-nav{gap:15px}.ds-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){html{scroll-padding-top:130px}.case-nav{justify-content:start;gap:4px 18px;flex-wrap:wrap;padding:10px 22px}.case-nav a{font-size:11px}.solution-story{grid-template-columns:1fr;gap:22px;margin:32px 0;padding-top:28px}.solution-copy h3{font-size:25px}.solution-copy p{font-size:14px}.store-facts,.store-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.store-gallery{gap:18px 12px}.ds-board{padding:0}.ds-foundations{grid-template-columns:1fr;gap:30px;padding:20px}.ds-library{gap:10px}.ds-module{padding:15px 12px}.ds-application{padding:20px;gap:24px}.ds-application h4{font-size:16px}.brand-lockup{grid-template-columns:1fr 1fr}.brand-logo-space{min-height:200px}.logo-outline{font-size:22px;padding:20px;margin:16px}.brand-logo-space p{padding:0 12px;text-align:center}.brand-icon img{width:100px;height:100px}.brand-variants>div{padding:12px}.brand-variants .logo-outline{margin:15px 0;padding:15px}.onboarding-board{gap:15px}.onboarding-board .wf-phone{padding-inline:7px}.brand-photos{gap:18px}.brand-photos figure:first-child img{max-height:none}}
@media(max-width:550px){.onboarding-board{grid-template-columns:1fr}.onboarding-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.onboarding-step>span{grid-column:1/-1;margin-top:10px}.illustration-shapes{transform:scale(.8);width:100px}.illustration-space{padding:14px 4px}.ds-application{grid-template-columns:1fr}.ds-library{grid-template-columns:1fr 1fr}.ds-type>b{font-size:55px}.brand-photos{grid-template-columns:1fr}.brand-photos figure:first-child{grid-column:auto}.case-nav a{font-size:10px}.case-nav{gap:2px 13px;padding:10px 16px}}
@media(max-width:370px){.ds-library{grid-template-columns:1fr}.solution-phones{grid-template-columns:1fr;gap:20px}.brand-lockup{grid-template-columns:1fr}.onboarding-step{grid-template-columns:1fr}.onboarding-step>span{grid-column:auto}.illustration-space{max-width:220px;width:100%;margin:0 auto}.store-facts{grid-template-columns:1fr 1fr}.store-facts strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.case-nav{display:none}.solution-story{break-inside:avoid}}
html{scroll-padding-top:var(--case-offset,100px)}section[id],.case-topic[id]{scroll-margin-top:0}
/* Roadmap em tabela, com períodos e marcos de 2024. */
.roadmap-scroll{overflow-x:auto;border:1px solid #ddd;border-radius:7px;background:#fff}.roadmap-scroll:focus-visible{outline:2px solid #555;outline-offset:3px}.roadmap-table{width:100%;min-width:940px;margin:0;font-size:12px;table-layout:fixed}.roadmap-table caption{text-align:left;padding:13px 16px;font-size:11px;color:#777;border-bottom:1px solid #ddd}.roadmap-work-col{width:39%}.roadmap-duration-col{width:12%}.roadmap-month-col{width:8.1667%}.roadmap-table th,.roadmap-table td{padding:13px 16px;border-bottom:1px solid #e5e5e5}.roadmap-table thead th{font-size:11px;font-weight:500;background:#f5f5f5;color:#666}.roadmap-table thead th:nth-child(n+3){text-align:center;border-left:1px solid #e2e2e2}.roadmap-table tbody th{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 #e2e2e2;font-weight:400}.roadmap-stage{display:block;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:#777;margin-bottom:5px}.roadmap-table a,.roadmap-cross a{color:#292929;text-decoration:none;text-underline-offset:4px}.roadmap-table a{font-size:13px;font-weight:600;line-height:1.4;display:inline-block}.roadmap-table a:hover,.roadmap-cross a:hover{text-decoration:underline}.roadmap-table a:focus-visible,.roadmap-cross a:focus-visible{outline:2px solid #555;outline-offset:3px}.roadmap-table th p{font-size:11px;line-height:1.5;color:#777;margin:5px 0 0;max-width:360px}.roadmap-table .roadmap-duration{font-size:11px;color:#666;vertical-align:middle;font-variant-numeric:tabular-nums}.roadmap-table .roadmap-month{padding:0;border-left:1px solid #e5e5e5;vertical-align:middle;background:linear-gradient(to right,transparent 49.5%,#f3f3f3 49.5%,#f3f3f3 50.5%,transparent 50.5%)}.roadmap-month>div{position:relative;height:14px}.roadmap-bar{position:absolute;top:3px;height:8px;background:#737373;border-radius:2px;min-width:2px}.roadmap-milestone{position:absolute;top:3px;width:8px;height:8px;border-radius:50%;background:#737373;transform:translateX(-50%)}.roadmap-table tbody tr:last-child>*{border-bottom:0}.roadmap-cross{margin-top:30px}.roadmap-cross>h4,.roadmap-reflection h4{font-size:16px}.roadmap-cross>p{font-size:12px;color:#777;margin:8px 0 16px}.roadmap-cross dl{margin:0}.roadmap-cross dl>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;border-top:1px solid #dedede;padding:14px 0}.roadmap-cross dt span{display:block;text-transform:uppercase;letter-spacing:.05em;font-size:9px;color:#777;margin-bottom:4px}.roadmap-cross dt a{font-size:13px;font-weight:500}.roadmap-cross dd{font-size:12px;line-height:1.65;color:#666;margin:0}.roadmap-reflection{border-top:1px solid #dedede;padding-top:20px;margin-top:10px}.roadmap-reflection p{font-size:12px;color:#666;margin:8px 0 0}.research-participants{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding:0;margin:24px 0 28px}.research-participants li{padding:12px 0;font-size:14px;border-top:1px solid #dedede;color:#444}
@media(max-width:800px){.roadmap-table{min-width:830px}.roadmap-work-col{width:29%}.roadmap-duration-col{width:13%}.roadmap-month-col{width:9.6667%}.roadmap-table th,.roadmap-table td{padding:12px}.roadmap-table th p{font-size:10px}.roadmap-table a{font-size:12px}.roadmap-table .roadmap-duration{font-size:10px}.roadmap-cross dl>div{grid-template-columns:165px minmax(0,1fr);gap:20px}.research-participants{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.research-participants li{font-size:13px}}
@media(max-width:550px){.roadmap-table{min-width:730px}.roadmap-work-col{width:27%}.roadmap-duration-col{width:13%}.roadmap-month-col{width:10%}.roadmap-cross dl>div{grid-template-columns:1fr;gap:8px}.roadmap-table caption{font-size:10px;padding:12px}.roadmap-table a{font-size:11px}.roadmap-table th p{font-size:10px}.roadmap-stage{font-size:8px}.roadmap-table thead th{font-size:10px}}
@media print{.roadmap-scroll{overflow:visible}.roadmap-table{min-width:0}.roadmap-table tbody th{position:static}.roadmap-table tr{break-inside:avoid}}
.roadmap-scroll{max-height:620px;overflow:auto}.roadmap-table thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px #ddd}.roadmap-table thead th:first-child{left:0;z-index:4;box-shadow:1px 0 #ddd,0 1px #ddd}
@media(max-width:550px){.roadmap-scroll{max-height:520px}}
@media print{.roadmap-scroll{max-height:none;overflow:visible}.roadmap-table thead th{position:static}}
/* Shared editorial direction with the portfolio home. */
:root{font-family:"Geist",sans-serif;color:#1a1a1a;--muted:#666;--line:#e8e8ea;-webkit-font-smoothing:antialiased}
body{font-size:15px;line-height:1.6}
.case-chrome{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar{width:min(960px,calc(100% - 80px));margin:0 auto;padding:18px 0 10px;border:0;gap:24px}
.signature{font-size:12px;font-weight:400;color:var(--muted)}
.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.6}
.breadcrumb a,.back-home{color:#666;text-decoration:none;transition:color .2s}
.breadcrumb>span[aria-hidden]{color:#aaa}
.breadcrumb>[aria-current]{color:#1a1a1a}
.breadcrumb a:hover,.back-home:hover{color:#1a1a1a;text-decoration:underline;text-underline-offset:4px}
.breadcrumb a:focus-visible,.back-home:focus-visible{outline:2px solid #1a1a1a;outline-offset:5px;border-radius:2px}
.case-nav{position:static;width:min(960px,calc(100% - 80px));margin:0 auto;padding:8px 0 12px;gap:20px;justify-content:flex-start;background:transparent;border:0;flex-wrap:wrap}
.case-nav a{font-size:11px;font-weight:400}
main{width:min(960px,calc(100% - 80px));padding-top:56px}
h1,h2,h3{font-weight:500;letter-spacing:-.025em}
h1{font-size:18px}
h2,.hero h2{font-size:clamp(24px,2.4vw,30px);line-height:1.3}
h3{font-size:21px}
.hero>.eyebrow,.hero>h1,.hero>h2,.hero-intro{max-width:680px;margin-left:auto;margin-right:auto}
.hero-intro,.chapter header>.intro{font-size:16px;line-height:1.6}
.hero h2{margin-bottom:24px}
.eyebrow{font-size:11px;letter-spacing:1.1px;margin-bottom:20px}
.chapter{padding:64px 0 40px}
.chapter>header{max-width:680px;margin:0 auto 36px}
.case-topic>h3,.case-topic>p,.qa-record,.reflection-list{max-width:680px;margin-left:auto;margin-right:auto}
.case-topic>p{font-size:15px;line-height:1.6;color:var(--muted)}
.case-topic{margin:36px 0}
.project-statement{border-radius:12px;background:#f6f6f7}
.project-statement .statement-text{font-size:clamp(28px,3vw,38px)}
.project-statement .statement-detail{font-size:15px;line-height:1.6}
.project-framing .project-statement{min-height:200px}
.project-framing #ideia-central .statement-text{font-size:clamp(32px,3.5vw,46px)}
.project-framing .statement-text{font-size:clamp(26px,2.5vw,32px)}
.wireframe-board{border-color:var(--line);border-radius:12px;background:#f6f6f7}
.overview{margin-top:32px;padding:26px 0}
.overview strong{font-size:13px}
.overview span{font-size:10px}
.end{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;padding:28px 0}
.back-home{display:inline-flex;align-items:center;gap:9px;font-size:13px}
@media(max-width:800px){.topbar,.case-nav,main{width:calc(100% - 44px)}.topbar{padding-top:16px}.case-nav{gap:2px 16px;padding:8px 0 10px}.case-nav a{font-size:10px}main{padding-top:36px}.chapter{padding:44px 0 26px}.chapter>header{margin-bottom:28px}.hero-intro,.chapter header>.intro{font-size:16px}.project-framing .project-statement{min-height:0}.project-statement{padding:26px}}
@media(max-width:400px){.topbar,.case-nav,main{width:calc(100% - 32px)}.signature{font-size:10px}.breadcrumb{font-size:12px;gap:9px}.case-nav{gap:2px 12px}.end{align-items:flex-start;flex-direction:column;gap:16px}}
@media print{.case-chrome{display:none}main{width:100%;padding:0}.back-home{display:none}}