.home-hero{padding:clamp(110px,13vw,150px) 0 0}
.home-hero .wrap>header{max-width:820px;margin-bottom:clamp(30px,4vw,48px)}
.home-hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);margin:6px 0 18px}
.home-hero h1 em{font-size:1.08em}
.home-hero .lead{color:var(--mu);font-size:1.12rem;max-width:560px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.choice{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:26px;background:linear-gradient(165deg,var(--card2),var(--card));overflow:hidden;transition:border-color .3s,transform .4s var(--ease)}
.choice:hover{border-color:rgba(232,196,142,.5);transform:translateY(-4px)}
.choice__vis{position:relative;height:300px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 120%,rgba(200,143,88,.18),transparent 65%),var(--bg2);overflow:hidden}
.choice__body{display:flex;flex-direction:column;gap:12px;padding:28px 30px 30px;flex:1}
.choice__tag{font:600 12px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.choice h2{font-size:clamp(1.5rem,2.4vw,2rem)}
.choice p{color:var(--mu)}
.choice ul{list-style:none;display:grid;gap:8px;margin:6px 0 10px}
.choice li{position:relative;padding-left:26px;font-size:14.5px;color:#d3d0ca}
.choice li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:rgba(232,196,142,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c48e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}
.choice__go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--gold)}
.choice__go svg{transition:transform .3s var(--ease)}
.choice:hover .choice__go svg{transform:translateX(5px)}

/* visual A: três telas empilhadas */
.stackv{position:absolute;inset:0;perspective:900px}
.stackv figure{position:absolute;width:62%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 22px 50px rgba(0,0,0,.55);transition:transform .6s var(--ease)}
.stackv img{width:100%;height:100%;object-fit:cover;object-position:top}
.stackv .s1{left:4%;top:16%;transform:rotateY(18deg) translateZ(-60px)}
.stackv .s2{left:19%;top:10%;transform:translateZ(0)}
.stackv .s3{right:4%;top:24%;transform:rotateY(-18deg) translateZ(-60px)}
.choice:hover .s1{transform:rotateY(22deg) translateX(-14px) translateZ(-60px)}
.choice:hover .s3{transform:rotateY(-22deg) translateX(14px) translateZ(-60px)}

/* visual B: painel em miniatura */
.dashv{position:absolute;inset:26px 30px 0;border:1px solid var(--line2);border-bottom:0;border-radius:14px 14px 0 0;background:#0b0d14;padding:16px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);align-content:start}
.dashv .k{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:rgba(255,255,255,.03)}
.dashv .k small{display:block;font-size:10.5px;color:var(--mu)}
.dashv .k b{font:600 1.1rem var(--disp)}
.dashv .k i{font-style:normal;font-size:10.5px;color:var(--ok)}
.dashv .bars{grid-column:1/-1;display:flex;align-items:flex-end;gap:6px;height:96px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:rgba(255,255,255,.03)}
.dashv .bars u{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--gold),var(--gold2));height:var(--h);animation:grow 1.2s var(--ease) both}
.dashv .bars u:nth-child(odd){opacity:.55}
@keyframes grow{from{height:4%}}
.dashv .agent{position:absolute;right:14px;bottom:0;transform:translateY(40%);background:var(--card2);border:1px solid rgba(232,196,142,.4);border-radius:12px;padding:10px 14px;font-size:12px;box-shadow:0 14px 34px rgba(0,0,0,.5);display:flex;gap:10px;align-items:center}
.dashv .agent i{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}

.about{margin-top:clamp(60px,8vw,100px)}
.about-in{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(24px,3.5vw,44px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(150deg,var(--card2),var(--bg2))}
.about img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}
.about h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:12px}
.about p{color:var(--mu);margin-bottom:18px;max-width:640px}
.facts{display:flex;gap:34px;flex-wrap:wrap;margin-bottom:22px}
.facts b{display:block;font:600 1.9rem var(--disp);color:var(--gold);line-height:1.1}
.facts span{font-size:13px;color:var(--mu)}

@media (max-width:900px){
  .choices{grid-template-columns:1fr}
  .about-in{grid-template-columns:1fr}
  .about img{max-width:220px}
}
@media (max-width:560px){
  .choice__vis{height:240px}
  .dashv{inset:18px 16px 0;padding:12px}
  .dashv .agent{display:none}
}