/* Camada exclusiva desta prévia da página de criação de sites. */
.sites-conversion{--conversion-ink:#0b1530;--conversion-copy:#becbea}
.sites-conversion ::selection{background:#8b3dff;color:#fff}
.sites-conversion :is(a,button,summary,textarea):focus-visible{outline:3px solid #8baeff;outline-offset:5px}
.sites-conversion #inicio{padding-top:56px;padding-bottom:32px}
.sites-conversion .sites-hero-grid{min-height:570px;gap:44px;align-items:center}
.sites-conversion .sites-hero-copy h1{font-size:clamp(42px,3.7vw,54px);font-weight:760;line-height:1.05;letter-spacing:-.035em;max-width:17ch;margin:0 0 24px;text-wrap:balance}
.sites-conversion .sites-hero-copy h1>span{display:block;color:#c0cdff;background:none;-webkit-text-fill-color:currentColor}
.sites-conversion .sites-hero-copy .sites-subhead{font-size:18px;font-weight:500;line-height:1.65;color:#e2e8fa;max-width:45ch;margin:0 0 12px}
.sites-conversion .sites-hero-copy .sites-intro{font-size:14px;line-height:1.7;color:var(--conversion-copy);max-width:47ch;margin:0 0 24px}
.sites-conversion .sites-offer{gap:18px;margin-bottom:22px}
.sites-conversion .sites-offer strong{font-size:36px}
.sites-conversion .sites-offer>p{max-width:22ch;color:#b8c7e6}
.sites-conversion .sites-actions{gap:16px 25px}
.sites-conversion .sites-actions>.button{font-size:14px;min-height:56px;padding:17px 20px;white-space:normal}
.sites-conversion .sites-actions>.sites-text-link{font-size:13px;min-height:44px}
.sites-conversion .sites-conversion-proof{font-size:13px;line-height:1.75;color:#b9c8e9;margin:22px 0 7px}
.sites-conversion .sites-conversion-proof a{font-weight:650;color:#fff;text-underline-offset:5px;text-decoration-color:#8c9cce}
.sites-conversion .sites-conversion-proof a:hover{color:#c7d5ff}
.sites-conversion .sites-conversion-reassurance{font-size:12px;line-height:1.7;color:#b9c8e9;margin:0;max-width:47ch}
.sites-conversion .sites-sample-heading{color:#c2ceed;font-size:13px;font-weight:500}
.sites-conversion .sites-sample-bar>small{color:#45516b}
.sites-conversion .sites-sample-caption>a{font-size:12px}
.sites-conversion .sites-sample-caption>span{color:#c0cbe6}
.sites-conversion .sites-explore{display:none}
.sites-conversion .sites-section{padding-top:78px;padding-bottom:78px}
.sites-conversion main section[id],.sites-conversion #agente-ia{scroll-margin-top:110px}
.sites-conversion .sites-section-head{gap:7%;margin-bottom:32px}
.sites-conversion .sites-section h2{font-size:clamp(30px,3.15vw,46px);letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.sites-conversion .sites-section-head>p{font-size:15px;line-height:1.75}
.sites-conversion .sites-portfolio{background:#f4f6fb}
.sites-conversion .sites-project-grid{gap:26px}
.sites-conversion .sites-project-grid .sites-project{padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.sites-conversion .sites-project-grid .sites-project:hover{box-shadow:none}
.sites-conversion .sites-project-top{padding:0 0 12px;font-size:12px}
.sites-conversion .sites-project-image{box-shadow:0 12px 28px #0b153015!important;border-radius:12px!important}
.sites-conversion .sites-project-grid .sites-project-image>img{aspect-ratio:1.9;object-position:top}
.sites-conversion .sites-project-grid .sites-project-caption{padding:18px 0 0}
.sites-conversion .sites-project-grid .sites-project-caption strong{font-size:24px;letter-spacing:-.02em}
.sites-conversion .sites-project-grid .sites-project-caption span{font-size:13px;margin-top:6px;color:#4f5f7c}
.sites-conversion .sites-project-description{font-size:14px;line-height:1.7;margin:12px 0 17px;max-width:55ch}
.sites-conversion .sites-project-visit{font-size:13px;margin:0;padding-top:14px;min-height:44px}
.sites-conversion .sites-factual{font-size:12px;line-height:1.75;margin-top:24px}
.sites-conversion .sites-choice{background:#fff}
.sites-conversion .sites-choice-buttons>button span{font-size:23px}
.sites-conversion .sites-choice-detail{min-height:0}
.sites-conversion .sites-choice-detail h3{font-size:27px}
.sites-conversion .sites-choice-detail p{font-size:15px}
.sites-conversion #contato.sites-chat{padding-top:78px;padding-bottom:78px}
.sites-conversion .sites-chat .svc-chat-grid{gap:7%}
.sites-conversion .sites-chat .svc-chat-grid>div>p{max-width:42ch;font-size:16px;line-height:1.8;color:#c3cfee}
.sites-conversion .sites-chat .svc-chat-grid>div>ul{font-size:14px;line-height:1.7}
.sites-conversion .sites-chat #agent-demo-title{font-size:25px;letter-spacing:-.02em}
.sites-conversion .sites-chat .demo-heading>p{font-size:14px;line-height:1.7}
.sites-conversion .sites-chat .demo-transcript{min-height:180px;max-height:300px}
.sites-conversion .sites-chat textarea{font-size:16px;caret-color:#2e6bff}
.sites-conversion .sites-chat textarea::placeholder{color:#526282;opacity:1}
.sites-conversion .sites-chat #agent-status,.sites-conversion .sites-chat #agent-keyboard-hint{font-size:12px;line-height:1.6}
.sites-conversion .sites-packages{background:#0b1530}
.sites-conversion .sites-scope-list>div{padding-block:20px}
.sites-conversion .sites-process-steps{margin-top:30px}
.sites-conversion .sites-faq details{scroll-margin-top:110px}
.sites-conversion .sites-signature{padding-top:50px;padding-bottom:50px}
.sites-conversion .sites-closing{padding-block:78px}
@media(max-width:1120px) and (min-width:901px){
 .sites-conversion .sites-hero-grid{gap:26px}
 .sites-conversion .sites-hero-copy h1{font-size:43px}
 .sites-conversion .sites-offer{flex-direction:column;align-items:flex-start;gap:9px}
 .sites-conversion .sites-offer>p{border:0;padding:0;max-width:none}
 .sites-conversion .sites-offer>p br{display:none}
}
@media(max-width:900px){
 .sites-conversion #inicio{padding-top:36px}
 .sites-conversion .sites-hero-grid{grid-template-columns:1fr;min-height:0;gap:32px}
 .sites-conversion .sites-hero-copy h1{font-size:clamp(34px,5.7vw,51px);max-width:19ch}
 .sites-conversion .sites-sample-wrap{max-width:580px;margin:0}
 .sites-conversion .sites-section,.sites-conversion #contato.sites-chat{padding-block:58px}
 .sites-conversion .sites-section-head{gap:18px}
}
@media(max-width:600px){
 .sites-conversion #inicio{padding-top:30px;padding-bottom:34px}
 .sites-conversion .sites-hero-copy h1{font-size:clamp(30px,8vw,34px);line-height:1.07;letter-spacing:-.03em;margin-bottom:16px;max-width:17ch}
 .sites-conversion .sites-hero-copy h1>span{display:inline}
 .sites-conversion .sites-hero-copy .sites-subhead{font-size:15px;line-height:1.6;font-weight:500;margin-bottom:10px}
 .sites-conversion .sites-hero-copy .sites-intro{font-size:13px;line-height:1.65;margin-bottom:16px;color:#becbea}
 .sites-conversion .sites-offer{gap:6px;margin-bottom:16px}
 .sites-conversion .sites-offer>div>span{font-size:12px}
 .sites-conversion .sites-offer strong{font-size:34px}
 .sites-conversion .sites-offer>p{display:block;border:0;padding:0;font-size:12px;line-height:1.6;max-width:none}
 .sites-conversion .sites-actions{gap:10px}
 .sites-conversion .sites-actions>.button{font-size:13px;padding:15px 14px;min-height:54px}
 .sites-conversion .sites-actions>.button .icon{width:19px;height:19px;flex-shrink:0}
 .sites-conversion .sites-actions>.sites-text-link{font-size:13px;min-height:44px}
 .sites-conversion .sites-conversion-proof{font-size:12px;margin-top:12px}
 .sites-conversion .sites-conversion-proof a{white-space:nowrap}
 .sites-conversion .sites-conversion-reassurance{font-size:12px;line-height:1.7;max-width:32ch}
 .sites-conversion .sites-sample-heading{font-size:12px;margin-bottom:13px}
 .sites-conversion .sites-sample-photo{height:205px}
 .sites-conversion .sites-sample-copy>h2{font-size:28px}
 .sites-conversion .sites-sample-wrap[data-sample=fitness] .sites-sample-copy>h2{font-size:28px}
 .sites-conversion .sites-sample-phone-photo{height:127px}
 .sites-conversion .sites-sample-phone{width:94px}
 .sites-conversion .sites-sample-controls{margin-top:8px}
 .sites-conversion .sites-sample-dots button{width:44px;height:44px}
 .sites-conversion .sites-sample-controls button[data-sample-step="-1"],.sites-conversion .sites-sample-count{display:none}
 .sites-conversion .sites-sample-caption{margin-top:8px;align-items:flex-start}
 .sites-conversion .sites-sample-caption>a{display:none}
 .sites-conversion .sites-sample-caption>span{font-size:11px;text-align:left;line-height:1.6}
 .sites-conversion .sites-sample-caption>span br{display:none}
 .sites-conversion .sites-section,.sites-conversion #contato.sites-chat{padding-block:46px}
 .sites-conversion main section[id],.sites-conversion #agente-ia{scroll-margin-top:96px}
 .sites-conversion .sites-section h2{font-size:29px}
 .sites-conversion .sites-section-head{margin-bottom:25px;gap:15px}
 .sites-conversion .sites-section-head>p{font-size:14px;line-height:1.75}
 .sites-conversion .sites-project-grid{gap:30px}
 .sites-conversion .sites-project-grid .sites-project{padding:0}
 .sites-conversion .sites-project-grid .sites-project-image>img{aspect-ratio:1.75}
 .sites-conversion .sites-project-grid .sites-project-caption{padding-top:15px}
 .sites-conversion .sites-project-grid .sites-project-caption strong{font-size:23px}
 .sites-conversion .sites-project-description{font-size:14px;margin:11px 0 13px}
 .sites-conversion .sites-project-top{font-size:12px}
 .sites-conversion .sites-factual{font-size:12px;margin-top:20px}
 .sites-conversion .sites-choice-buttons>button{padding-block:19px}
 .sites-conversion .sites-choice-buttons>button span{font-size:21px}
 .sites-conversion .sites-choice-buttons>.sites-text-link{margin-top:17px;min-height:44px}
 .sites-conversion .sites-choice-layout{gap:20px}
 .sites-conversion .sites-choice-detail h3{font-size:24px}
 .sites-conversion .sites-choice-detail p{font-size:14px}
 .sites-conversion .sites-chat .svc-chat-grid{gap:28px}
 .sites-conversion .sites-chat .svc-chat-grid>div>p{font-size:14px;line-height:1.75}
 .sites-conversion .sites-chat #agent-demo-title{font-size:23px}
 .sites-conversion .sites-chat .demo-heading>p{font-size:13px}
 .sites-conversion .sites-chat .demo-transcript{min-height:150px;max-height:270px}
 .sites-conversion .sites-closing{padding-block:54px}
 .sites-conversion #sa-privacy-choice.is-banner{padding:13px 14px}
 .sites-conversion #sa-privacy-choice.is-banner h2{font-size:15px;line-height:1.3;margin-bottom:5px}
 .sites-conversion #sa-privacy-choice.is-banner p{font-size:12px;line-height:1.5;margin-block:5px}
 .sites-conversion #sa-privacy-choice.is-banner a{font-size:12px;line-height:1.5}
 .sites-conversion #sa-privacy-choice.is-banner button{font-size:12px;line-height:1.4;min-height:42px;padding:8px 10px}
}
@media(max-width:359px){
 .sites-conversion .sites-hero-copy h1{font-size:28px}
 .sites-conversion .sites-offer strong{font-size:31px}
 .sites-conversion .sites-actions>.button{font-size:12px}
 .sites-conversion .sites-conversion-proof a{white-space:normal}
 .sites-conversion .sites-section h2{font-size:27px}
 .sites-conversion .sites-sample-copy>h2{font-size:25px}
 .sites-conversion .sites-sample-controls{flex-wrap:wrap;justify-content:center}
 .sites-conversion .sites-sample-dots{flex-basis:100%;justify-content:center}
 .sites-conversion #sa-privacy-choice.is-banner{padding:10px 12px}
 .sites-conversion #sa-privacy-choice.is-banner h2{font-size:14px}
 .sites-conversion #sa-privacy-choice.is-banner p,.sites-conversion #sa-privacy-choice.is-banner a{font-size:11px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
 .sites-conversion .sites-project-image>img{transition:none}
}
