/* ==========================================================================
   single-servico.php — port direto de dist/servicos/index.html + servicos.Bk_kJPW3.css
   Mobile-first. Seletores BEM, sem scopes Astro.
   ========================================================================== */

/* ===== Hero ============================================================ */
.servicos-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:48px var(--container-padding);background-color:var(--color-white);border-bottom:1px solid var(--color-border-solid);overflow:clip}
.servicos-hero__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:840px;height:364px;pointer-events:none;z-index:0}
.servicos-hero__pattern img{display:block;width:100%;height:100%}
.servicos-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:327px;text-align:center}
.servicos-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:100px;border:1px solid var(--color-border);background-color:var(--color-white)}
.servicos-hero__badge-dot{display:block;width:6px;height:6px;border-radius:50%;background-color:var(--color-blue)}
.servicos-hero__badge-text{font-size:14px;font-weight:500;line-height:19px;color:var(--color-blue)}
.servicos-hero__text{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
.servicos-hero__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.servicos-hero__subtitle{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text);margin:0}
@media (min-width:768px){
  .servicos-hero{padding:64px var(--container-padding) 80px}
  .servicos-hero__pattern{width:1440px;height:623px}
  .servicos-hero__content{max-width:846px;gap:32px}
  .servicos-hero__text{gap:24px}
  .servicos-hero__title{font-size:52px;line-height:56px}
  .servicos-hero__subtitle{font-size:18px}
}

/* ===== Content Block (com terminal card) =============================== */
.content-block{background-color:var(--color-white-2);padding:48px var(--container-padding)}
.content-block__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.content-block__text{display:flex;flex-direction:column;gap:32px}
.content-block__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.content-block__desc{display:flex;flex-direction:column;gap:20px}
.content-block__paragraph{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}
.content-block__quote{border-left:2px solid var(--color-blue);padding-left:16px;margin:0}
.content-block__quote p{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}
.content-block__quote strong{font-weight:500;color:var(--color-dark-blue)}
.content-block__card-wrap{border:1px solid var(--color-border-solid);border-radius:16px;padding:12px}
.content-block__card{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-1);overflow:hidden;transition:box-shadow .2s ease}
.content-block__card:hover{box-shadow:0 4px 24px rgba(0,0,0,.06)}
.content-block__card-header{display:flex;align-items:center;justify-content:space-between}
.content-block__card-dot{width:10px;height:10px;border-radius:50%}
.content-block__card-dot--green{background-color:#C8C8C8}
.content-block__card-dot--gray{background-color:var(--color-border-solid)}
.content-block__card-dots{display:flex;gap:4px}
.content-block__card-line{border:none;height:1px;background-color:var(--color-border-solid);margin:0}
.content-block__card-row{display:flex;align-items:center;justify-content:space-between}
.content-block__card-label{font-family:"Consolas","Courier New",monospace;font-size:14px;font-weight:400;line-height:normal;color:var(--color-text-dark)}
.content-block__card-label--vantico{display:flex;align-items:center;gap:12px;color:var(--color-dark-blue)}
.content-block__card-value{font-family:"Consolas","Courier New",monospace;font-size:14px;font-weight:400;line-height:normal;color:var(--color-text-dark);white-space:nowrap}
.content-block__card-value--critical{color:#E95353}
@media (min-width:768px){
  .content-block{padding:80px 0}
  .content-block__container{padding:0 var(--container-padding);flex-direction:row;align-items:center;gap:80px}
  .content-block__text{flex:1;min-width:0}
  .content-block__title{font-size:40px;line-height:48px}
  .content-block__card-wrap{flex:1;min-width:0}
  .content-block__paragraph{font-size:18px}
  .content-block__quote p{font-size:18px}
  .content-block__card-label{font-size:16px}
  .content-block__card-value{font-size:16px}
}

/* ===== Simulation (com code-window mockup) ============================= */
.simulation{background-color:var(--color-white);padding:48px var(--container-padding)}
.simulation__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.simulation__illustration{width:100%}
.simulation__visual{position:relative;width:100%;aspect-ratio:400/267;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}
.simulation__circles{position:absolute;bottom:-60%;left:50%;transform:translateX(-50%);width:100%;height:auto;pointer-events:none;opacity:.5}
.simulation__code-window{position:absolute;top:15%;left:18%;width:64%;height:70%;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-1);overflow:hidden;display:flex;flex-direction:column}
.simulation__code-bar{display:flex;align-items:center;justify-content:space-between;padding:11px;flex-shrink:0}
.simulation__code-bar-line{width:60%;height:6px;background:linear-gradient(to right,var(--color-blue),rgba(28,81,198,.2));border-radius:3px}
.simulation__code-bar-dots{display:flex;gap:3px}
.simulation__code-bar-dots span{width:6px;height:6px;border-radius:50%;background-color:var(--color-border-solid)}
.simulation__code-body{padding:0 11px 11px;font-family:"Consolas","Courier New",monospace;font-size:7px;line-height:normal;color:rgba(25,31,47,.2);overflow:hidden;flex:1}
.simulation__code-body p{margin:0;white-space:pre-wrap;word-break:break-all}
.simulation__badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:100px}
.simulation__badge-inner{width:32px;height:32px;border-radius:100px;background-color:var(--color-blue);display:flex;align-items:center;justify-content:center}
.simulation__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.simulation__text{display:flex;flex-direction:column;gap:32px}
.simulation__paragraph{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
.simulation__quote{border-left:2px solid var(--color-blue);padding-left:16px;margin:0}
.simulation__quote p{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
/* WYSIWYG fallback (ACF texto sem classes proprias) */
.simulation__text-rich p{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0 0 16px}
.simulation__text-rich p:last-child{margin-bottom:0}
.simulation__text-rich blockquote{border-left:2px solid var(--color-blue);padding-left:16px;margin:0}
.simulation__text-rich blockquote p{margin:0}
@media (min-width:768px){
  .simulation{padding:80px 0}
  .simulation__container{padding:0 var(--container-padding);flex-direction:row;align-items:center;gap:80px}
  .simulation__illustration{width:400px;flex-shrink:0}
  .simulation__visual{width:400px;height:267px;aspect-ratio:auto}
  .simulation__code-body{font-size:9px}
  .simulation__text{flex:1;min-width:0}
  .simulation__title{font-size:40px;line-height:48px}
  .simulation__text-rich p{font-size:18px}
}

/* ===== Find Flaws (texto esq, code-window dir) ========================= */
.find-flaws{background-color:var(--color-white-2);padding:48px var(--container-padding)}
.find-flaws__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.find-flaws__text{display:flex;flex-direction:column;gap:32px}
.find-flaws__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.find-flaws__desc{display:flex;flex-direction:column;gap:20px}
.find-flaws__paragraph{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
.find-flaws__list{margin:0;padding:0;margin-left:24px;font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);list-style:disc;display:flex;flex-direction:column;gap:4px}
.find-flaws__quote{border-left:2px solid var(--color-blue);padding-left:16px;margin:0}
.find-flaws__quote p{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
/* WYSIWYG fallback (ACF texto sem classes proprias) */
.find-flaws__desc p{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
.find-flaws__desc ul{margin:0;padding:0;margin-left:24px;font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);list-style:disc;display:flex;flex-direction:column;gap:4px}
.find-flaws__desc blockquote{border-left:2px solid var(--color-blue);padding-left:16px;margin:0}
.find-flaws__desc blockquote p{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
.find-flaws__illustration{width:100%}
.find-flaws__visual{position:relative;width:100%;aspect-ratio:400/267;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}
.find-flaws__circles{position:absolute;bottom:-60%;left:50%;transform:translateX(-50%);width:100%;height:auto;pointer-events:none;opacity:.5}
.find-flaws__code-window{position:absolute;top:15%;left:18%;width:64%;height:70%;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-1);overflow:hidden;display:flex;flex-direction:column}
.find-flaws__code-bar{display:flex;align-items:center;justify-content:space-between;padding:11px;flex-shrink:0}
.find-flaws__code-bar-line{width:60%;height:6px;background:linear-gradient(to right,var(--color-blue),rgba(28,81,198,.2));border-radius:3px}
.find-flaws__code-bar-dots{display:flex;gap:3px}
.find-flaws__code-bar-dots span{width:6px;height:6px;border-radius:50%;background-color:var(--color-border-solid)}
.find-flaws__code-body{padding:0 11px 11px;font-family:"Consolas","Courier New",monospace;font-size:7px;line-height:normal;color:rgba(25,31,47,.2);overflow:hidden;flex:1}
.find-flaws__code-body p{margin:0;white-space:pre-wrap;word-break:break-all}
.find-flaws__badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:100px}
.find-flaws__badge-inner{width:32px;height:32px;border-radius:100px;background-color:var(--color-blue);display:flex;align-items:center;justify-content:center}
@media (min-width:768px){
  .find-flaws{padding:80px 0}
  .find-flaws__container{padding:0 var(--container-padding);flex-direction:row;align-items:center;gap:80px}
  .find-flaws__text{flex:1;min-width:0}
  .find-flaws__title{font-size:40px;line-height:48px}
  .find-flaws__desc p,.find-flaws__desc blockquote p,.find-flaws__desc ul{font-size:18px}
  .find-flaws__illustration{width:400px;flex-shrink:0}
  .find-flaws__visual{width:400px;height:267px;aspect-ratio:auto}
  .find-flaws__code-body{font-size:9px}
}

/* ===== Use Cases ======================================================= */
.use-cases{background-color:var(--color-white);padding:48px var(--container-padding)}
.use-cases__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.use-cases__header{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.use-cases__badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:100px;border:1px solid var(--color-border);background-color:var(--color-white)}
.use-cases__badge-dot{display:block;width:6px;height:6px;border-radius:50%;background-color:var(--color-blue)}
.use-cases__badge-text{font-size:14px;font-weight:500;line-height:19px;color:var(--color-blue)}
.use-cases__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.use-cases__list{display:flex;flex-direction:column}
.use-cases__item{display:flex;flex-direction:column;padding:24px;border-bottom:1px solid var(--color-border-solid);position:relative;transition:box-shadow .2s ease,background-color .2s ease}
.use-cases__item:last-child{border-bottom:1px solid var(--color-border-solid)}
.use-cases__item-header{display:flex;align-items:center;gap:12px;width:100%;padding:0;margin:0;background:none;border:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.use-cases__item-icon{width:40px;height:40px;border-radius:100px;border:.8px solid var(--color-border-solid);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-dark-blue)}
.use-cases__item-title{font-size:18px;font-weight:500;line-height:normal;color:var(--color-dark-blue)}
.use-cases__item-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding-top .3s ease;padding-top:0}
.use-cases__item--open .use-cases__item-answer{max-height:300px;padding-top:12px}
.use-cases__item-desc{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
.use-cases__item::after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:2px;background-color:var(--color-blue);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.use-cases__item--open::after,.use-cases__item:hover::after{transform:scaleX(1)}
@media (min-width:768px){
  .use-cases{padding:80px 0}
  .use-cases__container{padding:0 var(--container-padding);flex-direction:row;align-items:flex-start;gap:64px}
  .use-cases__header{width:512px;flex-shrink:0;align-items:flex-start;text-align:left}
  .use-cases__title{font-size:40px;line-height:48px}
  .use-cases__list{flex:1;min-width:0}
}

/* ===== Process ========================================================= */
.process{background-color:var(--color-white-2);padding:48px 0;overflow:hidden}
.process__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:40px;padding:0 var(--container-padding)}
.process__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0;text-align:center}
.process__grid-wrap{position:relative}
.process__grid-lines{display:none}
.process__grid{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--container-padding);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--container-padding));padding:0 var(--container-padding)}
.process__grid::-webkit-scrollbar{display:none}
.process__card{display:flex;align-items:center;gap:12px;padding:24px;width:85%;min-width:0;flex-shrink:0;scroll-snap-align:start;background-color:var(--color-white);border:1px solid var(--color-border);border-right:none;transition:background-color .2s ease}
.process__card:hover{background-color:var(--color-blue-light)}
.process__card:last-child{border-right:1px solid var(--color-border)}
.process__card-icon{width:40px;height:40px;border-radius:100px;border:.8px solid var(--color-border-solid);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-blue)}
.process__card-text{display:flex;flex-direction:column;min-width:0}
.process__card-step{font-size:14px;font-weight:400;line-height:18px;color:var(--color-text-dark)}
.process__card-title{font-size:18px;font-weight:500;line-height:normal;color:var(--color-text-dark)}
@media (min-width:768px){
  .process{padding:80px 0}
  .process__container{gap:64px}
  .process__title{font-size:40px;line-height:normal}
  .process__grid-lines{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}
  .process__grid-line--h{position:absolute;left:-40px;right:-40px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(25,31,47,.1) 10%,rgba(25,31,47,.1) 90%,transparent 100%)}
  .process__grid-line--h1{top:0}
  .process__grid-line--h2{top:50%}
  .process__grid-line--h3{bottom:0}
  .process__grid-line--v{position:absolute;top:-40px;bottom:-40px;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(25,31,47,.1) 15%,rgba(25,31,47,.1) 85%,transparent 100%)}
  .process__grid-line--v1{left:0}
  .process__grid-line--v2{right:0}
  .process__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:0;overflow:visible;margin:0;padding:0;background-color:var(--color-white);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}
  .process__card{min-width:0;width:auto;border:none;border-right:1px solid var(--color-border-solid);border-radius:0;background-color:transparent}
  .process__card:nth-child(3),.process__card:nth-child(6){border-right:none}
}

/* ===== Benefits ======================================================== */
.benefits{background-color:var(--color-white);padding:48px 0;overflow:hidden}
.benefits__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px;padding:0 var(--container-padding)}
.benefits__header{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.benefits__badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:100px;border:1px solid var(--color-border);background-color:var(--color-white)}
.benefits__badge-dot{display:block;width:6px;height:6px;border-radius:50%;background-color:var(--color-blue)}
.benefits__badge-text{font-size:14px;font-weight:500;line-height:19px;color:var(--color-blue)}
.benefits__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0;max-width:342px}
.benefits__grid-wrap{position:relative;width:100%}
.benefits__grid-lines{display:none}
.benefits__grid{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--container-padding);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--container-padding));padding:0 var(--container-padding)}
.benefits__grid::-webkit-scrollbar{display:none}
.benefits__card{display:flex;flex-direction:column;gap:12px;padding:32px;width:85%;min-width:0;flex-shrink:0;scroll-snap-align:start;background-color:var(--color-white);border:.5px solid var(--color-border-solid);border-right:none;transition:background-color .2s ease}
.benefits__card:last-child{border-right:.5px solid var(--color-border-solid)}
.benefits__card:hover{background-color:var(--color-blue-light)}
.benefits__card:hover .benefits__card-icon{color:var(--color-blue)}
.benefits__card-icon{width:40px;height:40px;border-radius:100px;border:.8px solid var(--color-border-solid);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-blue)}
.benefits__card-title{font-size:18px;font-weight:500;line-height:normal;color:var(--color-dark-blue)}
.benefits__card-desc{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}
@media (min-width:768px){
  .benefits{padding:80px 0}
  .benefits__container{gap:64px}
  .benefits__title{font-size:40px;line-height:48px;max-width:700px}
  .benefits__grid-lines{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}
  .benefits__grid-line--v{position:absolute;top:-40px;bottom:-40px;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(25,31,47,.1) 15%,rgba(25,31,47,.1) 85%,transparent 100%)}
  .benefits__grid-line--v1{left:0}
  .benefits__grid-line--v2{right:0}
  .benefits__grid-line--h{position:absolute;left:-40px;right:-40px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(25,31,47,.1) 10%,rgba(25,31,47,.1) 90%,transparent 100%)}
  .benefits__grid-line--h1{top:0}
  .benefits__grid-line--h2{bottom:0}
  .benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:0;overflow:visible;margin:0;padding:0;width:100%}
  .benefits__card{min-width:0;width:auto;border-radius:0;border:.5px solid var(--color-border-solid)}
}

/* ===== Standards (logos carousel) ====================================== */
.standards{background-color:var(--color-white-2);padding:48px 0;overflow:hidden}
.standards__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:40px;padding:0 var(--container-padding)}
.standards__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 var(--container-padding)}
.standards__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.standards__subtitle{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}
.standards__logos-wrap{position:relative;overflow:hidden}
.standards__fade{position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}
.standards__fade--left{left:0;background:linear-gradient(to right,var(--color-white-2),transparent)}
.standards__fade--right{right:0;background:linear-gradient(to left,var(--color-white-2),transparent)}
.standards__logos{display:flex;flex-direction:column}
.standards__row{background-color:var(--color-white);border-top:1px solid var(--color-border);overflow:hidden}
.standards__row:last-child{border-bottom:1px solid var(--color-border)}
.standards__track{display:flex;width:max-content}
.standards__track--left{animation:standards-scroll-left 60s linear infinite}
.standards__track--right{animation:standards-scroll-right 60s linear infinite}
@keyframes standards-scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes standards-scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.standards__logos-wrap:hover .standards__track{animation-play-state:paused}
.standards__logo-cell{display:flex;align-items:center;justify-content:center;padding:24px;width:200px;flex-shrink:0;border-right:1px solid var(--color-border)}
.standards__logo-img{display:block;max-width:100%;height:80px;object-fit:contain}
@media (min-width:768px){
  .standards{padding:80px 0}
  .standards__container{gap:64px}
  .standards__title{font-size:40px;line-height:normal;max-width:949px}
  .standards__subtitle{font-size:18px}
  .standards__fade{width:120px}
  .standards__logo-cell{width:268px}
  .standards__logo-img{height:110px}
}

/* ===== Reports (texto + doc mockup) ==================================== */
.reports{background-color:var(--color-white);padding:48px var(--container-padding)}
.reports__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.reports__text{display:flex;flex-direction:column;gap:40px}
.reports__text-block{display:flex;flex-direction:column;gap:32px}
.reports__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0;text-align:center}
.reports__paragraph{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0;text-align:center}
.reports__rich p{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0 0 12px;text-align:center}
.reports__rich p:last-child{margin-bottom:0}
.reports__rich blockquote{border-left:2px solid var(--color-blue);padding-left:16px;margin:0;text-align:left}
.reports__buttons{display:flex;flex-direction:column;gap:16px}
.reports__btn-outline{border-color:var(--color-blue) !important;color:var(--color-blue) !important}
.reports__illustration{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-solid);padding:24px;height:324px;overflow:hidden}
.reports__doc-wrap{position:relative;width:184px;height:250px}
.reports__doc{position:relative;width:100%;height:100%;background-color:var(--color-white);border-radius:8px;box-shadow:var(--shadow-1);padding:20px;overflow:hidden}
.reports__doc-lines{display:flex;flex-direction:column;gap:12px}
.reports__line{display:flex;gap:8px;align-items:center}
.reports__line span{display:block;height:6px;border-radius:10px;background-color:rgba(25,31,47,.1)}
.reports__line:first-child span{background-color:var(--color-border-solid)}
.reports__doc-corner{position:absolute;top:0;right:-2px;width:47px;height:48px;background:linear-gradient(225deg,var(--color-white) 50%,var(--color-border-solid) 50.5%,var(--color-white-2) 51%);border-radius:0 8px 0 0}
.reports__badge{position:absolute;bottom:24%;right:20%;padding:8px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:100px;box-shadow:var(--shadow-1)}
.reports__badge-inner{width:40px;height:40px;border-radius:100px;background-color:var(--color-blue);display:flex;align-items:center;justify-content:center}
@media (min-width:768px){
  .reports{padding:80px 0}
  .reports__container{padding:0 var(--container-padding);flex-direction:row;align-items:center;gap:80px}
  .reports__text{flex:1;min-width:0}
  .reports__title{font-size:40px;line-height:48px;text-align:left}
  .reports__paragraph,.reports__rich p{font-size:18px;text-align:left}
  .reports__buttons{flex-direction:row}
  .reports__illustration{width:560px;flex-shrink:0}
}

/* ===== FAQ (accordion) ================================================= */
.faq{background-color:var(--color-white-2);padding:48px var(--container-padding);overflow:hidden}
.faq__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}
.faq__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0;text-align:center}
.faq__grid-wrap{position:relative;width:100%}
.faq__grid-lines{display:none}
.faq__list{background-color:var(--color-white);width:100%}
.faq__item{border-bottom:1px solid var(--color-border-solid);border-left:3px solid transparent;transition:background-color .2s ease,border-color .2s ease}
.faq__item:hover{background-color:var(--color-white-2)}
.faq__item--open{background-color:var(--color-white-2);border-left-color:var(--color-blue)}
.faq__item:last-child{border-bottom:none}
.faq__question{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;padding:24px;background:none;border:none;cursor:pointer;text-align:left}
.faq__question-text{font-size:16px;font-weight:500;line-height:normal;color:var(--color-dark-blue);flex:1}
.faq__chevron{flex-shrink:0;color:var(--color-dark-blue);transition:transform .3s ease}
.faq__item--open .faq__chevron{transform:rotate(180deg)}
.faq__answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq__item--open .faq__answer{max-height:600px}
.faq__answer-text{font-size:14px;font-weight:400;line-height:18px;color:var(--color-text-dark);margin:0;padding:0 24px 24px}
.faq__answer-text p{margin:0 0 8px}
.faq__answer-text p:last-child{margin-bottom:0}
@media (min-width:768px){
  .faq{padding:80px 0}
  .faq__container{gap:64px}
  .faq__title{font-size:40px;line-height:48px}
  .faq__grid-lines{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}
  .faq__grid-line--h{position:absolute;left:-40px;right:-40px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(25,31,47,.1) 10%,rgba(25,31,47,.1) 90%,transparent 100%)}
  .faq__grid-line--h1{top:0}
  .faq__grid-line--h2{bottom:0}
  .faq__grid-line--v{position:absolute;top:-40px;bottom:-40px;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(25,31,47,.1) 15%,rgba(25,31,47,.1) 85%,transparent 100%)}
  .faq__grid-line--v1{left:0}
  .faq__grid-line--v2{right:0}
  .faq__list{width:100%}
  .faq__question{padding:40px}
  .faq__question-text{font-size:18px}
  .faq__answer-text{font-size:16px;line-height:1.6;padding:0 40px 40px}
}

/* ===== CTA Final ======================================================= */
.cta{padding:48px var(--container-padding);background-color:var(--color-white)}
.cta__card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 24px;background-color:var(--color-white-2);border:1px solid var(--color-border);overflow:hidden}
.cta__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:840px;height:363px;pointer-events:none;z-index:0}
.cta__title{position:relative;z-index:1;font-size:24px;font-weight:500;line-height:normal;color:var(--color-dark-blue);text-align:center;margin:0}
.cta__card a,.cta__card button{position:relative;z-index:1}
@media (min-width:768px){
  .cta{padding:80px max(var(--container-padding),calc((100% - var(--container-max)) / 2))}
  .cta__card{gap:24px;padding:48px}
  .cta__title{font-size:40px;line-height:48px;max-width:684px}
}