/* Shared refinement, October 2026. Proposal layouts remain separate routes. */
.hero-shell,.inner-hero{background:linear-gradient(118deg,#5858d6 0%,#7750b8 45%,#bf3379 100%)}
.inner-hero{min-height:510px;padding-bottom:178px}.inner-heading{position:relative;z-index:2}.inner-hero>.waves{height:230px}.hero-shell>.waves{height:330px}.waves path:first-child{fill:#c3a6ed;fill-opacity:.48}.waves path:nth-child(2){fill:#e6b4d9;fill-opacity:.62}.waves path:nth-child(3){fill:#f3dce9;fill-opacity:.65}.hero-flow{opacity:.55}.hero-support,.inner-heading p{color:#fff}.hero-watermark{opacity:.06}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;gap:9px;align-items:center;background:#146c43;color:white;border-radius:999px;padding:13px 20px;box-shadow:0 6px 22px #183b342b;font-size:14px;font-weight:600;transition:transform .25s var(--ease),background .25s}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float:hover{background:#0c5432;transform:translateY(-4px)}
.quote-layout>img{width:230px;height:285px;object-fit:cover;object-position:center 35%;border-radius:16px}.quote-layout{grid-template-columns:230px 1fr;gap:60px}
.client-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:36px 40px;align-items:center}.optical-mark{display:flex;align-items:center;justify-content:center;min-width:0}.optical-mark svg,.optical-mark img{width:100%;height:100%;object-fit:contain}.client-logos .optical-mark{height:95px;padding:8px;transition:transform .3s var(--ease),filter .3s}.client-logos .optical-mark:hover{transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 6px 5px #3d236520)}.client-logos .optical-mark svg{max-width:150px;max-height:76px}.client-logos .optical-mark[title]{cursor:default}
.choice-bar{background:#f5f0fb;border-block:1px solid #e5dced;color:#4c3167}.choice-bar>.wrap{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-block:16px;font-size:13px}.choice-bar nav{display:flex;gap:8px}.choice-bar nav a{padding:8px 14px;border-radius:999px;min-height:40px;display:flex;align-items:center}.choice-bar nav a[aria-current]{background:#5c32b5;color:white}.choice-bar>.wrap>a:hover{text-decoration:underline}
.solution-section{padding-block:50px 80px}.selection-hint{color:var(--muted);margin-bottom:24px}.solution-explorer{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px}.solution-selector{display:flex;flex-direction:column;gap:8px}.solution-tab{display:flex;align-items:center;gap:14px;text-align:left;padding:20px 18px;border-radius:14px;color:var(--ink);background:#f6f3fa;font-size:16px;line-height:1.4;transition:background .25s,transform .3s var(--ease)}.solution-tab>span:nth-last-child(2){flex:1}.solution-tab>svg{width:20px;opacity:.5}.solution-tab[aria-selected=true]{background:var(--tone);color:var(--tone-ink);transform:translateX(8px)}.solution-dot{width:12px;height:12px;border-radius:50%;background:var(--tone);flex:none}.solution-tab[aria-selected=true] .solution-dot{background:currentColor}.tone-0{--tone:#28c4e8;--tone-ink:#073641}.tone-1{--tone:#4c4c4c;--tone-ink:#fff}.tone-2{--tone:#ff426f;--tone-ink:#380819}.tone-3{--tone:#fbbc05;--tone-ink:#422d05}.tone-4{--tone:#287abd;--tone-ink:#fff}.tone-5{--tone:#35a95b;--tone-ink:#062b13}
.solution-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:500px}.solution-photo{overflow:hidden;border-radius:16px;height:500px}.solution-photo img{width:100%;height:100%;object-fit:cover}.solution-copy h2{font-size:34px;margin-bottom:24px}.solution-copy p{color:var(--muted);font-size:17px;line-height:1.75}.solution-copy .button{margin-top:30px;font-size:14px;gap:12px}.solution-panel.is-entering .solution-photo{animation:solution-reveal .55s var(--ease)}.solution-panel.is-entering .solution-copy{animation:solution-copy .5s var(--ease)}@keyframes solution-reveal{from{clip-path:inset(0 8% 0 0 round 16px);filter:blur(4px)}to{clip-path:inset(0 0 0 0 round 16px);filter:blur(0)}}@keyframes solution-copy{from{transform:translateY(14px);opacity:.3}to{transform:none;opacity:1}}
.solution-accordions{border-top:1px solid var(--line)}.solution-accordion{border-bottom:1px solid var(--line);padding:8px 0}.solution-accordion summary{display:flex;align-items:center;gap:24px;cursor:pointer;padding:22px 18px;list-style:none;font-size:28px;font-weight:500;border-radius:12px}.solution-accordion summary::-webkit-details-marker{display:none}.solution-accordion summary:hover{background:#f7f4fb}.solution-accordion[open] summary{color:var(--purple)}.accordion-plus{margin-left:auto;font-size:32px;font-weight:400;transition:transform .3s}.solution-accordion[open] .accordion-plus{transform:rotate(45deg)}.accordion-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:8px 18px 40px;animation:solution-copy .4s var(--ease)}.accordion-content>img{width:100%;height:430px;object-fit:cover;border-radius:16px}.accordion-content h2{font-size:26px}
.explorer-3{display:flex;flex-direction:column;gap:24px}.explorer-3 .solution-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.explorer-3 .solution-tab{position:relative;padding:0;background:#251630;overflow:hidden;display:block;color:white;min-height:165px;border:3px solid transparent;transition:border-color .25s,transform .25s}.explorer-3 .solution-tab img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .25s,transform .5s}.explorer-3 .solution-tab>span{position:relative;display:block;margin:75px 13px 13px;font-size:14px;line-height:1.4;font-weight:600}.explorer-3 .solution-tab svg{display:none}.explorer-3 .solution-tab[aria-selected=true]{transform:translateY(-5px);border-color:var(--tone)}.explorer-3 .solution-tab:hover img{transform:scale(1.05)}.explorer-3 .solution-panel{grid-template-columns:1.15fr 1fr;gap:60px;padding:36px;background:#f5f0fb;border-radius:16px}.explorer-3 .solution-photo{height:440px}
.brand-project{overflow:hidden;border-radius:16px;background:#f6f3fa;transition:transform .3s var(--ease)}.brand-project:hover{transform:translateY(-4px)}.brand-area{background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:18px}.brand-area .optical-mark{width:230px;max-width:100%;height:125px}.brand-cta{font-size:13px;color:var(--purple);display:flex;gap:12px;align-items:center}.brand-cta svg{width:18px}.brand-project .project-meta{padding:24px;align-items:center}.brand-project .project-meta>svg{color:var(--purple)}.brand-project .project-image{border-radius:0}.brand-1{border:1px solid var(--line)}.brand-1 .project-image{height:210px;aspect-ratio:auto}.brand-1 .brand-area{min-height:210px}.brand-1 .project-meta h2{font-size:25px}.brand-1.amazon-project .brand-area .optical-mark{height:150px}.portfolio-option-2{grid-template-columns:1fr;gap:38px}.brand-2{display:grid;grid-template-columns:32% 68%}.brand-2 .brand-area{grid-column:1;grid-row:1 / 3;background:#f5f0fa;padding:32px;gap:30px}.brand-2 .brand-area .optical-mark{width:255px;height:175px}.brand-2 .project-image{grid-column:2;height:320px;aspect-ratio:auto}.brand-2 .project-meta{grid-column:2;background:#fff;padding:22px 0 22px 30px}.brand-2:nth-child(even){grid-template-columns:68% 32%}.brand-2:nth-child(even) .brand-area{grid-column:2}.brand-2:nth-child(even) .project-image,.brand-2:nth-child(even) .project-meta{grid-column:1}.portfolio-option-3{grid-template-columns:1fr;gap:42px}.brand-3{position:relative;min-height:480px}.brand-3 .project-image{height:480px;aspect-ratio:auto}.brand-3 .project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#170b31c4,transparent 65%)}.brand-3 .brand-area{position:absolute;top:26px;left:26px;z-index:2;border-radius:14px;padding:20px 26px}.brand-3 .brand-area .optical-mark{height:92px;width:190px}.brand-3 .brand-cta{display:none}.brand-3 .project-meta{position:absolute;bottom:0;left:0;right:0;color:white;z-index:2;padding:30px}.brand-3 .project-meta p,.brand-3 .project-meta>svg{color:white}.brand-3.amazon-project .project-image img{object-fit:contain;background:#354620}.brand-project .project-image img{transition:transform .6s var(--ease)}.brand-project:hover .project-image img{transform:scale(1.035)}.brand-project:not([hidden]){animation:solution-copy .35s var(--ease)}
.options-hub{padding-block:30px 90px}.comparison-note{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-block:28px}.comparison-note p{max-width:70ch;color:var(--muted)}.comparison-note .button{flex:none}.option-group{padding-block:50px}.option-group>h2{margin-bottom:32px}.option-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.option-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s var(--ease)}.option-card:hover{transform:translateY(-5px)}.option-preview{height:230px;background:#f2eafb;position:relative;overflow:hidden;padding:24px;display:flex;gap:10px;align-items:center}.option-preview>img{width:42%;height:155px;object-fit:cover;border-radius:8px}.sketch-menu{width:23%;display:grid;gap:8px}.sketch-menu span{height:16px;background:#cbaff0;border-radius:5px}.sketch-menu span:first-child{background:#fbbc05}.sketch-lines{flex:1;display:grid;gap:9px}.sketch-lines b{height:12px;background:#72529b;border-radius:4px}.sketch-lines span{height:5px;background:#d1bfdc;border-radius:4px}.sketch-servicos-2{flex-wrap:wrap;padding-top:60px}.sketch-servicos-2 .sketch-menu{position:absolute;left:24px;right:24px;top:22px;width:auto}.sketch-servicos-2 .sketch-menu span:not(:first-child){display:none}.sketch-servicos-2>img{height:130px;width:52%}.sketch-servicos-3{padding-top:64px}.sketch-servicos-3 .sketch-menu{position:absolute;left:24px;right:24px;top:24px;width:auto;display:flex}.sketch-servicos-3 .sketch-menu span{flex:1;height:25px}.sketch-servicos-3>img{height:130px;width:57%}.option-description{padding:25px}.option-description>p:first-child{font-size:12px;color:var(--purple);font-weight:600;margin-bottom:12px}.option-description h3{font-size:25px;margin-bottom:16px}.option-description p{font-size:14px;color:var(--muted)}.option-description .text-link{margin-top:24px;font-size:14px}.option-preview .optical-mark{width:140px;height:85px;background:white;padding:10px;border-radius:8px}.sketch-portfolio-1{flex-direction:column;gap:12px}.sketch-portfolio-1 .sketch-project{width:100%;height:90px}.sketch-portfolio-2 .sketch-project{width:58%;height:180px}.sketch-portfolio-3 .sketch-project{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.sketch-portfolio-3 .optical-mark{position:relative;z-index:1;align-self:flex-start;width:115px;height:78px}.hub-links{display:flex;gap:20px;flex-wrap:wrap}.comparison-note h2{font-size:28px;margin-bottom:15px}
@media(max-width:1000px){.solution-explorer{grid-template-columns:240px minmax(0,1fr);gap:24px}.solution-panel{grid-template-columns:1fr;gap:24px}.solution-photo{height:330px}.solution-copy h2{font-size:30px}.solution-copy .button{margin-top:20px}.choice-bar>.wrap{flex-wrap:wrap}.choice-bar>.wrap>span{display:none}.explorer-3 .solution-selector{grid-template-columns:repeat(3,1fr)}.explorer-3 .solution-panel{grid-template-columns:1fr 1fr;gap:30px;padding:25px}.client-logos{grid-template-columns:repeat(4,1fr)}.option-cards{gap:16px}.option-description{padding:20px}.option-description h3{font-size:22px}.option-preview{padding:16px;height:190px}.comparison-note{flex-wrap:wrap}}
@media(max-width:600px){.inner-hero{min-height:460px;padding-bottom:135px}.inner-hero>.waves{height:160px}.hero-shell>.waves{height:210px}.inner-heading h1{font-size:36px}.inner-heading p{font-size:16px}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px;padding:12px}.whatsapp-float span{display:none}.quote-layout{display:block}.quote-layout>img{width:150px;height:185px;margin-bottom:28px}.client-logos{grid-template-columns:repeat(3,1fr);gap:25px 18px}.client-logos .optical-mark{height:70px;padding:3px}.choice-bar>.wrap{gap:10px;padding-block:12px;font-size:12px}.choice-bar nav{width:100%;justify-content:space-between}.choice-bar nav a{padding:8px 17px}.solution-section{padding-block:30px 50px}.selection-hint{font-size:14px}.solution-explorer{display:flex;flex-direction:column;gap:25px}.solution-selector{display:grid;grid-template-columns:1fr 1fr;gap:7px}.solution-tab{padding:13px 10px;gap:8px;font-size:12px;min-height:72px}.solution-tab>svg{display:none}.solution-tab[aria-selected=true]{transform:none}.solution-dot{width:8px;height:8px}.solution-panel{display:block;min-height:0}.solution-photo{height:340px;margin-bottom:26px}.solution-copy h2{font-size:29px;margin-bottom:18px}.solution-copy p{font-size:16px}.solution-copy .button{font-size:13px}.solution-accordion summary{font-size:21px;padding:18px 4px;gap:13px}.accordion-content{display:block;padding:5px 0 28px}.accordion-content>img{height:330px;margin-bottom:24px}.accordion-content h2{font-size:24px}.explorer-3 .solution-selector{grid-template-columns:repeat(2,1fr)}.explorer-3 .solution-tab{min-height:126px}.explorer-3 .solution-tab>span{font-size:12px;margin:62px 10px 10px}.explorer-3 .solution-panel{display:block;padding:18px}.explorer-3 .solution-photo{height:300px}.brand-area .optical-mark{width:200px;height:110px}.brand-1 .brand-area{min-height:190px}.brand-1 .project-image{height:170px}.brand-project .project-meta{padding:20px}.brand-project .project-meta h2{font-size:23px}.brand-2,.brand-2:nth-child(even){display:flex;flex-direction:column}.brand-2 .brand-area{padding:25px;gap:16px}.brand-2 .brand-area .optical-mark{width:220px;height:125px}.brand-2 .project-image{height:230px}.brand-2 .project-meta{padding-left:0}.brand-3,.brand-3 .project-image{min-height:390px;height:390px}.brand-3 .brand-area{top:16px;left:16px;padding:12px 16px}.brand-3 .brand-area .optical-mark{width:140px;height:82px}.brand-3 .project-meta{padding:20px}.portfolio-option-3{gap:25px}.option-cards{grid-template-columns:1fr}.option-preview{height:230px;padding:24px}.option-description{padding:26px}.option-description h3{font-size:27px}.option-group{padding-block:30px}.option-group>h2{font-size:29px}.comparison-note{gap:22px}.comparison-note p{font-size:15px}.options-hub{padding-bottom:45px}.site-footer{padding-bottom:70px}.sketch-servicos-2,.sketch-servicos-3{padding-top:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.solution-tab[aria-selected=true]{transform:none}}
.amazon-media .media-poster{object-fit:contain;background:#354620}.amazon-project .project-image img{object-fit:contain;background:#354620}.explorer-3 .solution-tab img{inset:0}
.option-description .recommendation{font-size:12px;font-weight:600;color:#6034cf;margin:0 0 10px}.option-description .recommendation+p{margin-top:0}
