/* ============================================================
   Softfocus — páginas de solução (componentes compartilhados)
   Base master (cyan Softfocus) + token de acento por produto (.prod)
   ============================================================ */
.acc{color:var(--acc)}
.eyebrow.acc::before{background:linear-gradient(90deg,var(--acc),transparent)}

/* --- selo do produto --- */
.z-badge{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 12px;border:1px solid var(--acc-line);background:var(--acc-tint);border-radius:100px;font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-soft);font-weight:600}
.z-badge i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 var(--acc-glow);animation:pulse 2.4s infinite}

/* --- hero --- */
.z-hero{position:relative;padding:172px 0 96px;overflow:hidden}
.z-hero-bg{position:absolute;inset:0;z-index:0}
.z-hero-bg image-slot{position:absolute;inset:0;width:100%;height:100%}
.z-hero-tint{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,12,20,.96) 0%,rgba(8,12,20,.86) 46%,rgba(8,12,20,.5) 100%),linear-gradient(180deg,rgba(8,12,20,.9),transparent 30%,rgba(8,12,20,.92))}
.z-hero-scan{position:absolute;inset:0;z-index:1;opacity:.5;background:repeating-linear-gradient(0deg,transparent 0 46px,var(--acc-tint) 46px 47px),repeating-linear-gradient(90deg,transparent 0 46px,var(--acc-tint) 46px 47px);mask:radial-gradient(70% 60% at 72% 45%,#000,transparent 72%)}
.z-hero .wrap{position:relative;z-index:2}
.z-hero h1{font-size:clamp(38px,4.9vw,66px);margin:24px 0 0;max-width:17ch}
.z-hero .z-lead{margin-top:26px;font-size:19px;font-weight:300;color:var(--ink-2);max-width:600px;line-height:1.65}
.z-hero .hero-cta{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}
.z-hero .btn-primary{background:var(--acc);color:var(--acc-ink);box-shadow:0 8px 30px -8px var(--acc-glow)}
.z-hero .btn-primary:hover{background:var(--acc-soft)}
.z-hero .btn-ghost:hover{border-color:var(--acc);background:var(--acc-tint)}
.z-hero-meta{display:flex;gap:36px;flex-wrap:wrap;margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}
.z-hero-meta div{display:grid;gap:5px}
.z-hero-meta strong{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:23px}
.z-hero-meta span{font-size:12.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}

/* --- destaques --- */
.z-high{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.z-high article{padding:34px 30px 34px 0;position:relative}
.z-high article+article{padding-left:30px;border-left:1px solid var(--line)}
.z-high .zh-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--acc-tint);border:1px solid var(--acc-line);color:var(--acc);margin-bottom:18px}
.z-high .zh-ico svg{width:21px;height:21px}
.z-high h3{font-size:17px;margin-bottom:9px}
.z-high p{font-size:14px;color:var(--ink-2);font-weight:300;line-height:1.6}
@media(max-width:900px){.z-high{grid-template-columns:1fr 1fr}.z-high article,.z-high article+article{padding:28px 22px;border-left:1px solid var(--line);border-top:1px solid var(--line)}}
@media(max-width:520px){.z-high{grid-template-columns:1fr}}

/* --- a solução (split) --- */
.z-split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.z-split .z-body p{color:var(--ink-2);font-size:16.5px;font-weight:300;line-height:1.75;margin-top:18px}
.z-split .z-body p.lede{font-size:20px;color:var(--ink);font-weight:400;line-height:1.55}
.z-split .z-body a.z-inline{color:var(--acc);border-bottom:1px solid var(--acc-line)}
.z-media{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line-strong);min-height:400px;box-shadow:0 40px 90px -50px rgba(0,0,0,.8)}
.z-media image-slot{position:absolute;inset:0;width:100%;height:100%}
.z-note{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding:18px 20px;border-radius:14px;background:var(--acc-tint);border:1px solid var(--acc-line)}
.z-note svg{width:20px;height:20px;color:var(--acc);flex-shrink:0;margin-top:2px}
.z-note p{margin:0!important;font-size:14.5px;color:var(--ink-2)}
@media(max-width:960px){.z-split{grid-template-columns:1fr;gap:40px}.z-media{min-height:300px}}

/* --- funcionalidades (tabs) --- */
.z-tabs{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}
.z-tablist{display:grid;gap:2px;border-left:1px solid var(--line)}
.z-tab{text-align:left;background:none;border:0;border-left:2px solid transparent;margin-left:-1px;padding:15px 18px;font:500 15.5px/1.4 'Inter',sans-serif;color:var(--ink-2);cursor:none;display:flex;gap:14px;align-items:baseline;transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}
.z-tab em{font-family:'Space Grotesk',sans-serif;font-style:normal;font-weight:700;font-size:11.5px;letter-spacing:.1em;color:var(--ink-3)}
.z-tab:hover{color:var(--ink);background:rgba(255,255,255,.03)}
.z-tab.is-on{color:var(--ink);border-left-color:var(--acc);background:var(--acc-tint)}
.z-tab.is-on em{color:var(--acc)}
.section-light .z-tab:hover{background:rgba(13,24,37,.04)}
.z-panels{position:relative}
.z-panel{display:none}
.z-panel.is-on{display:block;animation:zFade .5s var(--ease)}
@keyframes zFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.z-panel .z-shot{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);min-height:340px;background:var(--card)}
.z-panel .z-shot image-slot{position:absolute;inset:0;width:100%;height:100%}
.z-panel h3{font-size:26px;margin:26px 0 12px}
.z-panel p{color:var(--ink-2);font-size:16px;font-weight:300;line-height:1.7;max-width:60ch}
.z-panel .z-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.z-chip{font-size:12.5px;padding:6px 12px;border-radius:100px;border:1px solid var(--acc-line);color:var(--acc);background:var(--acc-tint)}
@media(max-width:960px){.z-tabs{grid-template-columns:1fr;gap:28px}.z-tablist{display:flex;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line);gap:0;scrollbar-width:none}.z-tablist::-webkit-scrollbar{display:none}.z-tab{border-left:0;border-bottom:2px solid transparent;white-space:nowrap;margin:0}.z-tab.is-on{border-bottom-color:var(--acc)}}

/* --- sensoriamento remoto --- */
.z-sensing{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.z-sensing .z-media{min-height:420px}
.z-flow{display:grid;gap:0;margin-top:34px}
.z-flow div{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
.z-flow div:last-child{border-bottom:1px solid var(--line)}
.z-flow i{font-family:'Space Grotesk',sans-serif;font-style:normal;font-weight:800;font-size:13px;color:var(--acc);min-width:26px;padding-top:3px}
.z-flow strong{display:block;font-size:16px;font-weight:600;margin-bottom:4px}
.z-flow span{font-size:14px;color:var(--ink-2);font-weight:300}
@media(max-width:960px){.z-sensing{grid-template-columns:1fr;gap:36px}}

/* --- jornada pré/pós --- */
.z-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.z-journey article{padding:32px 26px 0 0;position:relative}
.z-journey article::before{content:"";position:absolute;top:-1px;left:0;width:44px;height:2px;background:var(--acc)}
.z-journey em{font-family:'Space Grotesk',sans-serif;font-style:normal;font-weight:800;font-size:13px;letter-spacing:.1em;color:var(--acc)}
.z-journey h4{font-size:18px;margin:12px 0 9px}
.z-journey p{font-size:14px;color:var(--ink-2);font-weight:300;line-height:1.6}
@media(max-width:860px){.z-journey{grid-template-columns:1fr 1fr}.z-journey article{padding:28px 20px 0 0}}
@media(max-width:520px){.z-journey{grid-template-columns:1fr}}

/* --- stats do produto --- */
.prod .stat .s-num{color:var(--acc)}

/* --- e-book --- */
.z-ebook{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:52px;border-radius:24px;border:1px solid var(--acc-line);background:linear-gradient(120deg,var(--acc-tint),rgba(255,255,255,.02))}
.z-ebook h3{font-size:clamp(26px,2.8vw,38px);margin:18px 0 14px}
.z-ebook p{color:var(--ink-2);font-size:16px;font-weight:300;line-height:1.7}
.z-ebook .btn-primary{background:var(--acc);color:var(--acc-ink);margin-top:26px}
.z-ebook .btn-primary:hover{background:var(--acc-soft)}
.z-ebook .z-media{min-height:320px}
@media(max-width:860px){.z-ebook{grid-template-columns:1fr;padding:34px}}

/* --- CTA final do produto --- */
.prod .cta .btn-primary{background:var(--acc);color:var(--acc-ink);box-shadow:0 8px 30px -8px var(--acc-glow)}
.prod .cta .btn-primary:hover{background:var(--acc-soft)}
.prod .cta-glow{background:radial-gradient(50% 50% at 50% 50%,var(--acc-glow),transparent 70%)}
.prod .v-mark,.prod .voice::before{color:var(--acc)}
.prod .cursor-dot{background:var(--acc)}

/* --- outras soluções --- */
.z-others{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.z-other{display:block;padding:26px 24px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:transform .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease)}
.z-other:hover{transform:translateY(-4px);background:var(--card-2);border-color:var(--acc-line)}
.z-other strong{font-family:'Space Grotesk',sans-serif;font-size:19px;display:block;margin-bottom:8px}
.z-other span{font-size:13.5px;color:var(--ink-2);font-weight:300}
.z-other u{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-decoration:none}
@media(max-width:860px){.z-others{grid-template-columns:1fr}}

/* logotipo do produto */
.zs-logo img{height:26px;width:auto;display:block}
.z-hero-logo{height:52px;width:auto;display:block;margin-bottom:26px}
@media(max-width:620px){.z-hero-logo{height:40px}}
.z-hero-tint{background:linear-gradient(90deg,rgba(8,12,20,.96) 0%,rgba(8,12,20,.84) 46%,rgba(8,12,20,.42) 100%),linear-gradient(180deg,rgba(8,12,20,.92),transparent 32%,rgba(8,12,20,.94))}

/* --- nav unificada do produto --- */
.z-nav .wrap{gap:16px}
.z-nav-sep{width:1px;height:22px;background:var(--line-strong);flex-shrink:0}
.z-nav-logo img{height:24px;width:auto;display:block}
.z-nav .nav-links{margin-left:auto}
.z-nav .nav-links a::after{background:var(--acc)}
.z-nav .nav-links .z-nav-back{color:var(--ink-3)}
.z-nav .nav-links .z-nav-back:hover{color:var(--ink)}
.z-nav .btn-primary{background:var(--acc);color:var(--acc-ink);box-shadow:0 8px 30px -8px var(--acc-glow)}
.z-nav .btn-primary:hover{background:var(--acc-soft)}
@media(max-width:1120px){.z-nav-sep,.z-nav-logo{display:none}}

.z-hero h1{line-height:.98;letter-spacing:-.03em}
.z-hero h1 em{font-style:normal;display:block;color:transparent;-webkit-text-stroke:1.4px var(--acc)}

/* --- finalidades do laudo --- */
.z-uses{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:26px}
.z-uses-lbl{font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);width:100%}
.z-uses div{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-2);padding:8px 14px;border-radius:100px;border:1px solid var(--acc-line);background:var(--acc-tint)}
.z-uses div i{width:6px;height:6px;border-radius:50%;background:var(--acc);flex-shrink:0}

/* telas de produto: mockups claros sobre superfície neutra */
.z-panel .z-shot{background:linear-gradient(180deg,#f4f6f8,#e7ebef);border-color:var(--line-strong);min-height:380px;padding:10px}

.z-shot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}