.cta-box{position:relative}
.cta-copy{max-width:42rem}
.seb-companion{position:fixed;right:24px;bottom:calc(100px + env(safe-area-inset-bottom));width:128px;height:166px;z-index:49;isolation:isolate;opacity:0;transition:opacity .25s,transform .35s ease;pointer-events:none}
.seb-companion[data-contact]{position:absolute;right:clamp(1.5rem,5vw,4rem);top:clamp(1.25rem,4vw,3.2rem);bottom:auto!important;width:160px;height:250px;transform:translateY(0);z-index:2}
.cta-box:has(.seb-companion[data-contact]) .cta-copy{max-width:calc(100% - 210px)}
.cta-box:has(.seb-companion[data-contact]) .cta-copy h2{max-width:calc(100% - 170px)}
.about-copy{white-space:nowrap}
.about-copy:before{content:' ';white-space:pre}
.seb-companion[data-ready]{opacity:1}
.seb-companion[hidden],.seb-restore[hidden]{display:none}
.seb-greet{position:absolute;bottom:0;left:0;width:128px;height:140px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.seb-sprite{display:block;width:192px;height:208px;background:url('images/seb-spritesheet.png') 0 0 / 1536px 2288px no-repeat;transform:scale(.666667);transform-origin:top left;pointer-events:none}
.seb-close{position:absolute;right:0;top:0;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #50533f;border-radius:50%;background:#171910;color:#e4e6da;font:500 20px/1 sans-serif;cursor:pointer;pointer-events:auto;opacity:.65;transition:opacity .2s}
.seb-close:hover,.seb-companion:focus-within .seb-close{opacity:1}
.seb-greet:focus-visible,.seb-close:focus-visible,.seb-restore:focus-visible{outline:2px solid #f3cf00;outline-offset:4px}
.seb-restore{position:fixed;right:24px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:49;min-width:44px;min-height:32px;padding:5px 10px;border:1px solid #50533f;border-radius:20px;background:#171910;color:#e4e6da;font:600 12px/1.4 'DM Sans',sans-serif;cursor:pointer}
@media(max-width:560px){.seb-companion{right:14px;bottom:calc(92px + env(safe-area-inset-bottom));width:92px;height:124px}.seb-companion[data-contact]{right:1rem;top:5.1rem;bottom:auto!important;width:112px;height:170px}.cta-box:has(.seb-companion[data-contact]) .cta-copy{max-width:none;padding-right:0}.cta-box:has(.seb-companion[data-contact]) .cta-copy h2{max-width:calc(100% - 6.6rem)}.desktop-break{display:none}.about-copy{white-space:normal;margin-left:.2em}.seb-greet{width:112px;height:145px}.seb-sprite{transform:scale(.583333)}.seb-close{width:24px;height:24px;right:0;top:0;font-size:18px}.seb-restore{right:18px;bottom:calc(92px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.seb-companion,.seb-close{transition:none}}
.seb-companion[data-contact] .seb-close{display:none}
.cta-box:has(.seb-companion[data-contact]) .cta-copy{max-width:none}
.cta-box:has(.seb-companion[data-contact]) .cta-copy h2{max-width:72%}
.cta-box:has(.seb-companion[data-contact]) .cta-copy h2{position:relative;font-size:0;max-width:850px;line-height:1.12}
.cta-box:has(.seb-companion[data-contact]) .cta-copy h2:before{content:"Converse com Sebastião Silva\A sobre o seu negócio.";display:block;white-space:pre;font:inherit;font-size:clamp(2rem,3.5vw,3rem);color:var(--text)}
.seb-companion[data-contact] .seb-close{display:grid}
@media(min-width:561px){.seb-companion[data-contact]{top:3.25rem;width:190px;height:300px}.seb-companion[data-contact] .seb-greet{width:190px;height:215px}.seb-companion[data-contact] .seb-sprite{transform:scale(.78)}}
@media(max-width:560px){.cta-box:has(.seb-companion[data-contact]) .cta-copy h2{max-width:78%}.cta-box:has(.seb-companion[data-contact]) .cta-copy h2:before{content:"Converse com\A Sebastião Silva\A sobre o seu\A negócio.";font-size:clamp(1.9rem,7.5vw,2.5rem)}.cta-box:has(.seb-companion[data-contact]) .cta-copy h2:after{content:"Sebastião Silva";position:absolute;left:0;top:1.12em;color:var(--accent);font:inherit;font-size:clamp(1.9rem,7.5vw,2.5rem)}.seb-companion[data-contact]{top:4.5rem;width:120px;height:185px}.seb-companion[data-contact] .seb-greet{width:120px;height:160px}.seb-companion[data-contact] .seb-sprite{transform:scale(.625)}}
.cta-box{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:28px;align-items:start}
.cta-box:has(.seb-companion[data-contact]) .cta-copy,.cta-copy{grid-column:1;min-width:0;max-width:none}
.contact-action{grid-column:1;min-width:0}
.cta-box:has(.seb-companion[data-contact]) .cta-copy h2{position:static;font-size:clamp(2rem,3.3vw,3rem);max-width:none;line-height:1.12}
.cta-box:has(.seb-companion[data-contact]) .cta-copy h2:before,.cta-box:has(.seb-companion[data-contact]) .cta-copy h2:after,.about-copy:before{content:none}
.cta-copy h2 .cta-line{display:block}
.cta-mobile-line{display:inline}
.cta-copy h2 .cta-name{color:inherit}
.cta-box .seb-companion[data-contact]{position:relative;grid-column:2;grid-row:1 / span 2;top:auto;right:auto;bottom:auto!important;width:220px;height:320px;align-self:center}
.cta-box .seb-companion[data-contact] .seb-greet{width:220px;height:300px}
.cta-box .seb-companion[data-contact] .seb-sprite{transform:scale(1.12)}
.cta-box .seb-companion[data-contact] .seb-close{display:grid;right:0;top:0}
@media(min-width:561px){.cta-box .seb-companion[data-contact]{transform:translateX(-185px)}}
@media(max-width:560px){
  .cta-box{grid-template-columns:minmax(0,1fr) 110px;column-gap:5px}
  .cta-box:has(.seb-companion[data-contact]) .cta-copy,.cta-copy{display:contents;padding:0}
  .cta-copy .eyebrow{grid-column:1 / -1}
  .cta-box:has(.seb-companion[data-contact]) .cta-copy h2{grid-column:1;grid-row:2;font-size:clamp(1.8rem,7.1vw,2.4rem);max-width:none;margin:18px 0 20px;white-space:normal}
  .cta-copy h2 .cta-name{color:var(--accent)}
  .cta-copy p{grid-column:1 / -1;grid-row:3;max-width:none}
  .contact-action{grid-column:1 / -1;grid-row:4}
  .cta-box .seb-companion[data-contact]{grid-column:2;grid-row:2;align-self:center;width:110px;height:170px}
  .cta-box .seb-companion[data-contact] .seb-greet{width:110px;height:155px}
  .cta-box .seb-companion[data-contact] .seb-sprite{transform:scale(.57)}
}
@media(max-width:560px){
  .cta-box{grid-template-columns:minmax(0,1fr) 75px}
  .cta-box:has(.seb-companion[data-contact]) .cta-copy h2{grid-column:1 / -1;width:100%;font-size:clamp(1.8rem,7vw,2.2rem)}
  .cta-copy h2 .cta-line:last-child{max-width:none}
  .cta-mobile-line{display:block}
  .cta-box .seb-companion[data-contact]{grid-column:2;grid-row:2;width:75px;height:145px;align-self:center;z-index:2}
  .cta-box .seb-companion[data-contact] .seb-greet{width:75px;height:130px}
  .cta-box .seb-companion[data-contact] .seb-sprite{transform:scale(.390625)}
  .cta-box .seb-companion[data-contact] .seb-close{right:0;top:-12px}
}
