/* The homepage introduces Studio; its interactive demo lives at /studio/. */
.header-brand-group{--header-wordmark-size:29px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;width:366px;flex-shrink:0}
.header-brand-group>.brand{font-size:var(--header-wordmark-size);justify-content:center;min-width:0;min-height:52px}.header-brand-group>.studio-entry{width:100%;min-width:0;min-height:52px}
.studio-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;isolation:isolate;overflow:hidden;padding:9px 16px;border:1px solid #ffffff55;border-radius:12px;color:#fff;background:linear-gradient(110deg,#5722d4,#833df2,#5834d8,#923cdc);background-size:280% 100%;box-shadow:0 4px 18px #7039df33,inset 0 1px 0 #ffffff40;font:700 17px/1.4 Manrope,sans-serif;animation:studio-color-flow 7s ease-in-out infinite;transition:box-shadow .2s,transform .2s}
.studio-entry:before{content:'';position:absolute;inset:-100% -50%;z-index:-1;background:linear-gradient(105deg,transparent 40%,#ffffff32 49%,transparent 58%);transform:translateX(-65%);animation:studio-light-sweep 7s ease-in-out infinite}
.studio-entry:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7039df55}.studio-entry svg{width:20px;height:20px;flex-shrink:0}.studio-entry-arrow{font-size:18px;font-weight:400}
.studio-entry:focus-visible,.studio-demo-cta:focus-visible,.nav-ready-solutions:focus-visible{outline:3px solid #763ced;outline-offset:4px}
.nav{gap:24px}.nav nav{gap:19px;font-size:13px;align-items:center}.nav-ready-solutions{white-space:nowrap;max-width:152px;color:#6938bf;font-weight:700;line-height:1.5}.nav nav .nav-ready-solutions:hover{color:#4d2199}
@keyframes studio-color-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes studio-light-sweep{0%,55%{transform:translateX(-65%)}85%,100%{transform:translateX(65%)}}
.hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-block:58px 70px}
.studio-preview{color:#2b2340;min-width:0;border:1px solid #ded4ef;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 65px -22px #48239333,0 3px 10px #40245b08}
.studio-preview-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid #ece5f5;background:linear-gradient(110deg,#fcfaff,#fff)}
.studio-preview-brand{display:flex;align-items:center;gap:9px;line-height:1.2}.studio-preview-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#7137ee;color:#fff;font:800 25px/1 Manrope,sans-serif}
.studio-preview-brand strong{display:block;font:800 20px/1.15 Manrope,sans-serif;letter-spacing:-.7px}.studio-preview-brand small{display:block;font-size:10px;color:#887794;margin-top:3px}.studio-preview-badge{font:600 9px/1.4 Manrope,sans-serif;letter-spacing:1.1px;color:#806997;background:#f2ebfb;border:1px solid #e9dff5;border-radius:20px;padding:5px 10px}
.studio-preview-body{padding:17px 22px 14px}.studio-preview-agent{display:flex;align-items:center;gap:7px;margin-bottom:13px;flex-wrap:wrap}.studio-preview-agent strong{font-size:12px;color:#3c2d54}.studio-preview-agent>span:last-child{margin-left:auto;font-size:10px;color:#77668b}.studio-agent-dot{width:6px;height:6px;border-radius:50%;background:#9665eb}
.studio-preview-request{background:#6a3aec;color:#fff;border-radius:13px 13px 3px 13px;padding:10px 13px;margin:0 0 13px auto;font-size:12px;line-height:1.6;width:fit-content;max-width:88%}.studio-preview-sender{display:block;color:#6938ef;font-size:9px;font-weight:700;letter-spacing:.2px;margin-bottom:5px}.studio-preview-response p{font-size:12px;line-height:1.65;color:#61516e;margin:0}.studio-preview-response strong{font-weight:600;color:#433151}
.studio-preview-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 17px}.studio-preview-modes>span{display:flex;align-items:center;justify-content:center;padding:9px 8px;min-height:39px;border:1px solid #d9c8ef;background:#f8f3ff;border-radius:9px;color:#684592;font-size:11px;font-weight:600;text-align:center;line-height:1.4}
.studio-preview-examples{display:grid;gap:14px}.studio-preview-gallery-group{margin:0;min-width:0}.studio-preview-gallery-group figcaption{font-size:12px;font-weight:700;line-height:1.5;color:#684b86;margin:0 0 7px}.studio-preview-gallery-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-preview-art{display:block;width:100%;height:clamp(105px,31vw,150px);object-fit:contain;border-radius:7px;background:#f5f0fa}

.studio-preview-bottom{padding:17px 22px 20px;border-top:1px solid #e9e0f2;background:#fcfaff}
.studio-demo-cta{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;gap:2px;position:relative;isolation:isolate;overflow:hidden;min-height:70px;padding:12px 14px;border:1px solid #ffffff55;border-radius:10px;color:#fff;background:linear-gradient(110deg,#6025db,#833df2,#6330db,#923cdc);background-size:280% 100%;font-size:17px;font-weight:700;line-height:1.4;text-align:center;box-shadow:0 3px 12px #7945d844,inset 0 1px 0 #ffffff40;animation:studio-color-flow 7s ease-in-out infinite,studio-cta-glow 3.5s ease-in-out infinite;transition:transform .2s}
.studio-demo-cta:before{content:'';position:absolute;inset:-100% -50%;z-index:-1;background:linear-gradient(105deg,transparent 40%,#ffffff40 49%,transparent 58%);transform:translateX(-65%);animation:studio-light-sweep 6s ease-in-out infinite;pointer-events:none}
.studio-demo-cta:hover{transform:translateY(-1px)}.studio-demo-cta>span{display:block;font:inherit}
@keyframes studio-cta-glow{0%,100%{box-shadow:0 3px 12px #7945d844,inset 0 1px 0 #ffffff40}50%{box-shadow:0 4px 18px #7945d878,inset 0 1px 0 #ffffff60}}

@media(max-width:1250px){.nav-cta{display:none}.nav nav{gap:22px;font-size:14px}.nav-ready-solutions{max-width:158px}.nav{gap:28px}}
@media(max-width:1100px){.hero{gap:28px}.header-brand-group{width:350px}.studio-preview-top,.studio-preview-body,.studio-preview-bottom{padding-left:17px;padding-right:17px}.studio-preview-agent>span:last-child{display:none}.studio-preview-modes{gap:8px}.studio-preview-modes>span{font-size:10px}}
@media(max-width:980px){.nav{gap:18px}.header-brand-group{width:366px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--text);width:44px;height:44px;font-size:20px;flex-shrink:0}.nav nav{display:none;position:absolute;left:0;right:0;top:94px;background:#fff;padding:24px;flex-direction:column;align-items:stretch;font-size:16px;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.nav-ready-solutions{max-width:none}.nav nav a{min-height:36px}}
@media(min-width:761px) and (max-width:900px){.hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:640px}.hero-actions{flex-direction:row;align-items:center}.studio-preview{width:min(600px,100%);justify-self:center}}
@media(max-width:760px){.header-brand-group{--header-wordmark-size:clamp(19px,6vw,25px);width:auto;flex:1;gap:12px}.header .brand small{font-size:clamp(6px,1.8vw,8px);letter-spacing:1.2px;margin-top:6px}.header-brand-group>.brand,.header-brand-group>.studio-entry{min-height:50px}.studio-entry{font-size:16px;padding:8px;gap:7px;border-radius:10px}.studio-entry svg{width:18px;height:18px}.studio-entry-arrow{display:none}.nav{height:86px;gap:14px}.nav nav{top:86px}.hero{grid-template-columns:1fr;gap:38px;padding-block:45px 48px}.studio-preview{width:100%;max-width:530px;justify-self:center;border-radius:16px}.studio-preview-top{padding:14px 17px}.studio-preview-body{padding:15px 17px 14px}.studio-preview-request,.studio-preview-response p{font-size:12px}.studio-preview-examples{gap:12px}.studio-preview-reference{font-size:9px;gap:6px}.studio-preview-reference img,.studio-preview-spark{width:31px;height:31px}.studio-preview-bottom{padding:15px 17px 17px}.studio-demo-cta{font-size:16px;gap:2px}}
@media(max-width:370px){.header-brand-group{gap:9px}.nav{gap:10px}.studio-entry{font-size:14px;gap:5px}.studio-entry svg{width:16px;height:16px}.studio-preview-top,.studio-preview-body,.studio-preview-bottom{padding-left:13px;padding-right:13px}.studio-preview-modes{gap:7px}.studio-preview-modes>span{font-size:10px;padding-inline:5px}.studio-preview-reference{min-height:44px}.studio-preview-agent strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.studio-entry,.studio-entry:before{animation:none}.studio-entry,.studio-demo-cta{transition:none}.studio-entry:hover,.studio-demo-cta:hover{transform:none}}

/* Native details starts compact on every screen and preserves the visitor’s choice. */
.studio-preview-disclosure{list-style:none;display:flex;align-items:center;gap:13px;min-height:76px;padding:18px 20px;background:linear-gradient(115deg,#6b2ee6,#7c42ed);color:#fff;font:700 16px/1.5 Manrope,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.studio-preview-disclosure::-webkit-details-marker{display:none}.studio-preview-disclosure::marker{content:''}.studio-preview-disclosure:focus-visible{outline:3px solid #c8aeff;outline-offset:-5px}.studio-disclosure-spark{font-size:26px;line-height:1;flex-shrink:0}.studio-preview-disclosure>span:nth-child(2){flex:1;min-width:0}.studio-disclosure-chevron{display:block;flex-shrink:0;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-5px;transition:transform .2s}
.studio-preview[open]>.studio-preview-disclosure{border-bottom:1px solid #8f5fec}.studio-preview[open]>.studio-preview-disclosure .studio-disclosure-chevron{transform:rotate(225deg);margin-top:5px}

@media(max-width:370px){.studio-preview-disclosure{padding:16px;gap:11px;font-size:15px}.studio-disclosure-spark{font-size:23px}}
@media(prefers-reduced-motion:reduce){.studio-disclosure-chevron{transition:none}}

/* The Studio disclosure sits below the introduction and opens horizontally on desktop. */
.studio-disclosure-copy strong{display:block;font:inherit}.studio-disclosure-eyebrow,.studio-disclosure-description{display:none}
@media(min-width:901px){
 .hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:30px;min-height:0;padding-block:44px 24px}
 .hero + #solucoes{padding-top:32px}
 .hero-copy{min-width:0}.hero .eyebrow{margin-bottom:18px}.hero h1{max-width:none;font-size:clamp(40px,3.7vw,56px);line-height:1.14;letter-spacing:-2.2px;margin-bottom:19px}.hero h1 br,.hero-description br{display:none}
 .hero-description{max-width:1000px;font-size:17px;line-height:1.75;margin-bottom:23px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:17px 22px}.hero-footnote{margin-top:20px;font-size:11px}
 .hero>.studio-preview{width:100%;max-width:none;align-self:start;justify-self:stretch;margin:0;border-radius:16px}
 .studio-preview-disclosure{min-height:70px;padding:14px 22px;gap:18px;align-items:center}
 .studio-preview-disclosure>.studio-disclosure-copy{display:flex;align-items:center;flex-wrap:wrap;gap:6px 26px}
 .studio-disclosure-copy strong{font-size:22px;line-height:1.35;letter-spacing:-.55px;font-weight:700}
 .studio-disclosure-description{display:block;font-size:14px;line-height:1.6;font-weight:400;color:#f0e7ff}
 .studio-disclosure-spark{font-size:28px}.studio-disclosure-chevron{width:10px;height:10px}
 .studio-preview-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;row-gap:8px;padding:16px 22px;align-items:start}
 .studio-preview-top{grid-column:1;grid-row:1;padding:0 0 8px;background:none}
 .studio-preview-body{display:contents}
 .studio-preview-conversation{grid-column:1;grid-row:2;min-width:0}
 .studio-preview-agent{margin-bottom:6px}.studio-preview-agent strong{font-size:14px}.studio-preview-agent>span:last-child{display:inline;font-size:12px}
 .studio-preview-request{font-size:14px;max-width:100%;padding:7px 10px;margin-bottom:8px}
 .studio-preview-sender{display:none}.studio-preview-response p{font-size:14px;line-height:1.5}
 .studio-preview-modes{margin:8px 0 0;gap:10px}.studio-preview-modes>span{font-size:12px;min-height:36px;padding:7px 8px}
 .studio-preview-examples{grid-column:2;grid-row:1 / span 3;align-self:center;gap:10px;padding-left:24px;border-left:1px solid #ece5f5}
 .studio-preview-gallery-group figcaption{font-size:12px;margin:0 0 5px}.studio-preview-gallery-row{gap:10px}.studio-preview-art{height:114px}
 .studio-preview-bottom{grid-column:1;grid-row:3;display:block;padding:0;border:0;background:none}
 .studio-demo-cta{font-size:17px;min-height:70px;padding:9px 12px;gap:2px}
}
@media(min-width:901px) and (max-width:1100px){
 .hero h1{font-size:41px;letter-spacing:-1.7px}.studio-preview-content{column-gap:20px;padding:16px 18px}.studio-preview-examples{padding-left:18px}.studio-disclosure-copy strong{font-size:20px}.studio-preview-agent>span:last-child{display:none}
}

/* Match the two primary mobile calls to action. */
@media(max-width:760px){
 .hero-actions{align-items:stretch}.hero-actions>.primary{width:100%;min-height:88px;justify-content:space-between;padding:18px 20px;border-radius:16px;font-size:16px;line-height:1.5}
 .hero-actions>.text-link{align-self:flex-start}.studio-preview{max-width:none}.studio-preview-disclosure{min-height:88px}
}
@media(max-width:370px){.hero-actions>.primary{font-size:15px;padding-inline:16px}}

@media(min-width:901px) and (max-width:1350px){.studio-preview-art{height:105px}}

@media(prefers-reduced-motion:reduce){.studio-demo-cta,.studio-demo-cta:before{animation:none;transition:none}.studio-demo-cta:hover{transform:none}}

@media(max-width:370px){.studio-demo-cta{display:block;text-wrap:balance}.studio-demo-cta>span{display:inline}}

/* Center the tagline under the complete Consultor.ia wordmark. */
.header-brand-group .brand small{text-align:center}