/* GoEasy IT · páginas de case e de segmento (geradas por _trabalho/gerar_paginas.py) */
.pg-hero { position: relative; padding: calc(var(--nav-h) + 50px) 0 50px; overflow: hidden; isolation: isolate; }
.pg-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 70% at 85% 10%, rgba(var(--neon-rgb), .13), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgba(var(--cyan-rgb), .08), transparent 70%); }
.pg-hero__t { font-size: clamp(40px, 6.6vw, 84px); font-weight: 800; letter-spacing: -.04em; line-height: 1; max-width: 16ch; margin-bottom: 22px; }
.pg-hero__t .grad { display: block; font-size: .5em; letter-spacing: -.025em; line-height: 1.15; margin-top: 12px; max-width: 30ch; }
.pg-hero__lead { max-width: 680px; font-size: clamp(17px, 1.6vw, 20px); color: var(--muted); margin-bottom: 30px; }
.pg-ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.pg-hero .hero__chips { margin-top: 30px; }

.trilha { margin-bottom: 26px; font: 500 12.5px/1.5 var(--f-mono); color: var(--dim); }
.trilha ol { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 0; list-style: none; }
.trilha li + li::before { content: "/"; margin: 0 10px; color: var(--line); }
.trilha a { color: var(--muted); }
.trilha a:hover { color: var(--neon); }
.trilha [aria-current] { color: var(--text); }

/* telas do case */
.pg-shots { position: relative; padding-bottom: 20px; }
.shots { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; padding-right: clamp(0px, 14%, 190px); }
.shot { margin: 0; border-radius: 16px; overflow: hidden; background: #0d1310; box-shadow: 0 0 0 1px rgba(var(--neon-rgb), .22), 0 30px 70px -35px #000; }
.shot:first-child { grid-column: 1 / -1; }
.shot__bar { display: flex; align-items: center; gap: 6px; padding: 9px 12px; font: 500 11px/1 var(--f-mono); color: var(--dim); background: #121b16; }
.shot__bar i { width: 9px; height: 9px; border-radius: 50%; background: #2a3a31; }
.shot__bar i:first-child { background: #ff5f57; } .shot__bar i:nth-child(2) { background: #febc2e; } .shot__bar i:nth-child(3) { background: #28c840; }
.shot__bar span { margin-left: 10px; }
.shot img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.shot figcaption { padding: 10px 14px 12px; font-size: 13.5px; color: var(--muted); border-top: 1px solid var(--line-2); }
.pg-phone { position: absolute; right: 0; top: 40px; width: clamp(130px, 17%, 230px); padding: 7px; border-radius: 30px; background: linear-gradient(#1f2b24, #0b110d); box-shadow: 0 0 0 1px rgba(var(--neon-rgb), .35), 0 30px 60px -20px #000, 0 0 50px -10px rgba(var(--cyan-rgb), .35); }
.pg-phone img { border-radius: 24px; aspect-ratio: 390 / 780; object-fit: cover; object-position: top; width: 100%; }
@media (max-width: 760px) {
  .shots { grid-template-columns: 1fr; padding-right: 0; }
  .pg-phone { position: relative; top: 0; width: 56%; margin: 20px auto 0; }
}

.duo { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 5vw, 70px); }
.duo .sec__title { font-size: clamp(28px, 3.6vw, 44px); }
@media (max-width: 760px) { .duo { grid-template-columns: 1fr; } }
.cards4--auto { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.case__stats--4 { grid-template-columns: repeat(4, 1fr); margin-top: 26px; }
@media (max-width: 960px) { .case__stats--4 { grid-template-columns: repeat(2, 1fr); } .case__stats--4 .stat:last-child { grid-column: auto; } }
.pg-stack { margin-top: 20px; }

/* projeto real (segmentos) */
.pg-caso { --mx: 50%; --my: 50%; display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 0; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); background: var(--panel); transition: transform .4s var(--ease), border-color .3s; }
.pg-caso:hover { border-color: rgba(var(--neon-rgb), .5); }
.pg-caso img { width: 100%; height: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.pg-caso div { padding: 30px 34px; }
.pg-caso h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 800; margin-bottom: 10px; }
.pg-caso p { color: var(--muted); }
@media (max-width: 760px) { .pg-caso { grid-template-columns: 1fr; } .pg-caso div { padding: 22px 24px 26px; } }

/* FAQ */
.faq-wrap { max-width: 860px; }
.faq { display: grid; gap: 10px; }
.faq__it { border: 1px solid var(--line-2); border-radius: var(--r); background: var(--panel); overflow: hidden; transition: border-color .3s; }
.faq__it[open] { border-color: rgba(var(--neon-rgb), .4); box-shadow: inset 0 0 30px -14px rgba(var(--neon-rgb), .4); }
.faq__it summary { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 18px 20px; cursor: pointer; list-style: none; font: 600 17px/1.35 var(--f-disp); }
.faq__it summary::-webkit-details-marker { display: none; }
.faq__it summary i { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); color: var(--neon); transition: transform .3s var(--ease); }
.faq__it[open] summary i { transform: rotate(90deg); }
.faq__it p { padding: 0 20px 18px; margin: 0; color: var(--muted); }

/* links para outros segmentos */
.pg-links { padding-top: 10px; padding-bottom: 30px; text-align: center; }
.pg-links h2 { font-size: 22px; margin-bottom: 18px; color: var(--muted); font-weight: 600; }