/* Sistema Vivo — arte de produto fluida, retrato reservado para foto real e casos sem formas esféricas genéricas. */
.hero-art img{object-position:center}
.about-layout{grid-template-columns:minmax(13rem,.42fr) minmax(0,1.05fr) minmax(16rem,.46fr);align-items:start}.portrait-slot{margin:0;align-self:start}.portrait-placeholder{position:relative;display:grid;min-height:clamp(18rem,27vw,25rem);place-items:center;overflow:hidden;border-radius:1.25rem;background:radial-gradient(circle at 72% 24%,rgba(47,107,255,.42),transparent 25%),linear-gradient(145deg,#131a2a 0%,#090c13 68%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.portrait-placeholder::before{width:58%;height:58%;border:1px solid rgba(128,167,255,.42);border-radius:50%;content:"";box-shadow:0 0 0 1.7rem rgba(47,107,255,.06),0 0 0 4rem rgba(47,107,255,.035)}.portrait-placeholder img{position:absolute;width:3.5rem;height:3.5rem;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.portrait-slot figcaption{margin-top:.8rem;color:var(--muted);font-size:.8rem;font-weight:650}
/* Casos 2 e 3: linhas e trilhos ópticos, não esferas. */
.case.migration{background:#0d111a}.case.migration::before{top:-5%;left:-15%;width:132%;height:14rem;border-top:1px solid rgba(128,167,255,.36);border-bottom:1px solid rgba(128,167,255,.14);border-radius:0;background:none;box-shadow:0 3.8rem 0 -1px rgba(47,107,255,.36);transform:rotate(-31deg)}.case.migration::after{right:-12%;bottom:16%;width:102%;height:1.1rem;border-radius:99px;background:#245ceb;box-shadow:0 -2.1rem 0 -.35rem rgba(128,167,255,.44),0 2.1rem 0 -.55rem rgba(255,255,255,.26);transform:rotate(-31deg)}
.case.product{background:#101827}.case.product::before{top:-2rem;left:-10%;width:125%;height:17rem;border-top:1px solid rgba(128,167,255,.62);border-bottom:1px solid rgba(128,167,255,.2);border-radius:0;background:none;box-shadow:0 3.4rem 0 -1px rgba(47,107,255,.5),0 6.8rem 0 -1px rgba(128,167,255,.15);transform:rotate(-25deg)}.case.product::after{right:-13%;bottom:10%;width:85%;height:10rem;border-top:1px solid rgba(255,255,255,.24);border-radius:0;background:none;transform:rotate(-25deg)}.case.intelligence{background:#0c111c}.case.intelligence::before{top:-22%;left:34%;width:4.5rem;height:144%;border-radius:0;background:linear-gradient(180deg,transparent 0%,rgba(47,107,255,.1) 18%,rgba(85,132,255,.92) 50%,rgba(47,107,255,.08) 81%,transparent 100%);box-shadow:2.7rem 0 0 -2.63rem rgba(168,193,255,.65),-2.7rem 0 0 -2.63rem rgba(128,167,255,.26);transform:rotate(43deg)}.case.intelligence::after{top:40%;right:-18%;width:96%;height:1px;border-radius:99px;background:rgba(181,205,255,.62);box-shadow:0 2.4rem 0 -1px rgba(47,107,255,.82),0 -2.4rem 0 -1px rgba(128,167,255,.24);transform:rotate(-28deg)}
@media(max-width:63rem){.about-layout{grid-template-columns:minmax(12rem,.38fr) minmax(0,1fr)}.portrait-slot{grid-row:span 2}.about-layout>div:last-child{grid-column:2}}@media(max-width:48rem){.about-layout{grid-template-columns:1fr;gap:2rem}.portrait-slot{grid-row:auto;max-width:18rem}.portrait-placeholder{min-height:21rem}.about-layout>div:last-child{grid-column:auto}}

/* Contato: telefone + email */
.contact-links{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.contact-detail{margin:0;color:var(--muted);font-size:.98rem}
.contact-detail a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
.contact-detail a:hover{color:#fff}
.contact-detail i{display:inline-block;width:4px;height:4px;margin:0 .5rem;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.5}
/* Rodapé: redes sociais */
.footer-social{display:flex;gap:1.4rem;flex-wrap:wrap}
.footer-social a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:600}
.footer-social a:hover{color:var(--blue)}