/* Flarive Client Experience v2 — refinamento visual sem alterar fluxo ou dados. */
.flarive-client-page, .flarive-order-page { --fl-glass: rgba(255,255,255,.045); --fl-line: rgba(255,255,255,.11); }
.flarive-client-page .grain, .flarive-order-page .grain { background: radial-gradient(circle at 50% -10%, rgba(124,58,237,.08), transparent 42%); }
.flarive-client-page .container-x, .flarive-order-page .container-x { isolation: isolate; }
.flarive-client-page .container-x > .flex:first-child { position:relative; padding:18px 22px; border:1px solid var(--fl-line); border-radius:24px; background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018)); box-shadow:0 22px 70px rgba(0,0,0,.2); }
.flarive-client-page .container-x > .flex:first-child::after { content:"Flarive Studio"; position:absolute; right:22px; top:10px; color:rgba(255,255,255,.22); font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.flarive-client-page .card, .flarive-order-page .card { border-color:var(--fl-line); background:var(--fl-glass); box-shadow:0 16px 50px rgba(0,0,0,.12); }
.flarive-client-page .card:hover { border-color:rgba(255,255,255,.19); box-shadow:0 20px 60px rgba(0,0,0,.2); }
.flarive-client-page h2 { letter-spacing:-.02em; }
.flarive-client-page .container-x > .mt-5.grid > .card { min-height:220px; }
.flarive-client-page .container-x > .mt-5.grid > .card > span { box-shadow:0 12px 30px rgba(124,58,237,.18); }
.flarive-client-page li > a.card { border-radius:20px; }
.flarive-client-page aside { position:relative; }
.flarive-order-page .container-x > .flex:first-child { padding:18px 22px; border:1px solid var(--fl-line); border-radius:22px; background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); }
.flarive-order-page ol li > div:first-child { box-shadow:0 0 18px rgba(168,85,247,.15); }
.flarive-order-page .card { border-radius:24px; }
.flarive-order-page .input { background:rgba(0,0,0,.24); border-color:rgba(255,255,255,.14); }
.flarive-order-page .input:focus { border-color:rgba(196,181,253,.8); outline:2px solid rgba(124,58,237,.22); outline-offset:1px; }
.flarive-order-page .btn-primary, .flarive-client-page .btn-primary { box-shadow:0 12px 32px rgba(124,58,237,.22); }
@media (max-width:700px) {
  .flarive-client-page .container-x > .flex:first-child, .flarive-order-page .container-x > .flex:first-child { padding:15px; border-radius:20px; }
  .flarive-client-page .container-x > .flex:first-child::after { display:none; }
  .flarive-client-page .container-x > .flex:first-child h1 { font-size:1.8rem; }
  .flarive-client-page .container-x > .mt-5.grid > .card { min-height:0; }
  .flarive-client-page .container-x > .mt-5.grid > .card, .flarive-client-page li > a.card { border-radius:18px; }
  .flarive-order-page ol { gap:6px; }
  .flarive-order-page ol p { letter-spacing:.06em; }
  .flarive-order-page .card { border-radius:20px; }
}
@media (prefers-reduced-motion:reduce) {
  .flarive-client-page *, .flarive-order-page * { transition-duration:.01ms !important; animation-duration:.01ms !important; }
}