/* Sub-páginas da WEBX (usa css/style.css + css/blog.css como base) */
.b-hero.sub{min-height:72vh;min-height:72svh;padding-bottom:80px}
.b-hero.sub h1{max-width:20ch}
.pg-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--lime);color:var(--lime);box-shadow:none}
.pg{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:10px clamp(18px,4vw,24px) 90px;display:grid;gap:34px}
.pg .quick{margin:0;font-size:clamp(16px,1.6vw,18.5px)}
.pg-sec{padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(184,255,31,.045),rgba(255,255,255,.012))}
.pg-sec>h2{font-weight:300;letter-spacing:-.03em;line-height:1.12;font-size:clamp(24px,3.2vw,38px);margin-bottom:16px}
.pg-sec.prose p{color:var(--body);font-size:17px;line-height:1.78;margin:0 0 14px;max-width:78ch}
.pg-sec.prose a{color:var(--lime);border-bottom:1px solid var(--line)}
.pg-note{color:var(--muted);margin:-6px 0 22px;font-size:15px}
.feats{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:8px}
.feats li{position:relative;padding:22px 20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(10,14,6,.5);transition:.3s}
.feats li:hover{border-color:rgba(184,255,31,.5);transform:translateY(-3px)}
.feats .n{display:block;color:var(--lime);font-size:12px;letter-spacing:.14em;margin-bottom:10px;opacity:.85}
.feats h3{font-weight:400;font-size:18px;letter-spacing:-.01em;line-height:1.3;margin-bottom:8px}
.feats p{color:var(--body);font-size:14.5px;line-height:1.6}
.steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.steps li{counter-increment:s;position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border-left:2px solid rgba(184,255,31,.35);background:linear-gradient(90deg,rgba(184,255,31,.06),transparent)}
.steps li::before{content:counter(s,decimal-leading-zero);color:var(--lime);font-size:13px;letter-spacing:.14em}
.steps b{font-weight:400;font-size:18px}
.steps span{color:var(--body);font-size:14.5px;line-height:1.6}
/* portfólio */
.pf-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.pf-grid a{display:flex;flex-direction:column;gap:8px;height:100%}
.pf-grid img{width:100%;height:auto;aspect-ratio:414/938;object-fit:cover;object-position:top;border-radius:14px;border:1px solid var(--line);background:#0a0f06;transition:.35s}
.pf-grid a:hover img{border-color:var(--lime);transform:translateY(-4px);box-shadow:0 14px 40px rgba(184,255,31,.18)}
.pf-grid span{font-size:13px;color:var(--body);line-height:1.35}
/* logos (atlas em CSS) */
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.lg-grid i{display:block;aspect-ratio:256/160;border-radius:10px;background-repeat:no-repeat;background-color:transparent;box-shadow:0 8px 24px rgba(0,0,0,.35)}
/* depoimentos */
.rv-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
.rv{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(10,14,6,.55)}
.rv-top{display:flex;align-items:center;gap:12px}
.rv-top b{font-weight:400;flex:1;line-height:1.3}
.rv .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#040504;font-weight:500}
.rv .stars{color:#ffc93c;letter-spacing:2px;font-size:14px}
.rv p{color:var(--body);font-size:15.5px;line-height:1.7}
.rv small{color:var(--muted);font-size:12px}
/* contato */
.pg-contact{max-width:none;margin:0;grid-template-columns:1fr 1.1fr}
.pg .faq-list{margin-top:6px}
@media (max-width:900px){.pg-contact{grid-template-columns:1fr}.b-hero.sub{min-height:auto}}