/* Dois lados da linha */
.sides{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch;
  margin:44px 0 40px;text-align:left}
@media(max-width:900px){.sides{grid-template-columns:1fr;gap:16px}}
.side{
  position:relative;isolation:isolate;border-radius:var(--r-xl);padding:26px 26px 28px;
  background:var(--bg-1);border:1px solid var(--line);overflow:hidden;
}
.side-a{opacity:.92}
.side-b{background:linear-gradient(168deg,rgba(77,124,255,.12),var(--bg-1) 62%);
  border-color:var(--edge);box-shadow:0 22px 60px rgba(77,124,255,.16)}
.side-tag{
  display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:9.5px;
  letter-spacing:.17em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-sm);
  border:1px solid var(--line);color:var(--tx-3);margin-bottom:18px;
}
.side-b .side-tag{border-color:var(--edge);background:var(--soft);color:var(--blue-lt)}
.side-tag i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}
.side-art{width:100%;height:auto;display:block;margin-bottom:20px;border-radius:var(--r);
  background:rgba(255,255,255,.025);border:1px solid var(--line)}
.side-b .side-art{background:rgba(77,124,255,.06);border-color:rgba(77,124,255,.16)}
.side h3{font-size:clamp(17px,2vw,20px);margin-bottom:14px}
.side-b h3{color:#fff}
.side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.side li{display:flex;gap:11px;font-size:14px;line-height:1.5;color:var(--tx-2)}
.side-mk{width:18px;height:18px;border-radius:5px;flex-shrink:0;margin-top:1px;display:grid;
  place-items:center;font-size:10px;font-weight:700;font-family:var(--f-mono);
  background:rgba(255,255,255,.06);color:var(--tx-3)}
.side-b .side-mk{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff}
.side-div{display:grid;place-items:center;position:relative}
@media(max-width:900px){.side-div{display:none}}
.side-div::before{content:"";position:absolute;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,var(--line-2),transparent)}
.side-div span{position:relative;font-family:var(--f-mono);font-size:10px;letter-spacing:.15em;
  color:var(--tx-3);background:var(--bg-1);border:1px solid var(--line);border-radius:50%;
  width:38px;height:38px;display:grid;place-items:center}

/* Final + footer */
.final{text-align:center;position:relative;overflow:hidden}
.final .glowbg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(700px 400px at 50% 100%,rgba(139,92,246,.2),transparent 68%)}
.final .lead{margin:0 auto 34px}
footer{border-top:1px solid var(--line);padding:40px 0;background:var(--bg)}
.foot-in{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.foot-in p{font-family:var(--f-mono);font-size:10px;color:var(--tx-3);letter-spacing:.08em}
.foot-links{display:flex;gap:20px;font-family:var(--f-mono);font-size:10px;color:var(--tx-3);
  flex-wrap:wrap;letter-spacing:.09em;text-transform:uppercase}
.foot-links a:hover{color:var(--tx)}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;
  padding:11px 14px calc(11px + env(safe-area-inset-bottom));
  background:rgba(10,10,16,.95);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
@media(max-width:700px){.sticky-cta{display:block}body{padding-bottom:80px}}

/* Reveal */
.rv{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}html{scroll-behavior:auto}
  .orch{transform:none!important}
}