/* ===============================
   Oryvus — Página temporária "Em construção"
   Paleta e tipografia conforme Brand Kit:
   - Preto #0A0A0A, Grafite #1C1C1C, Prata #C0C0C0
   - Laranja Papaya #FF6F20, Verde Tech #00FF94
   - Títulos: Playfair Display, Subtítulos: Montserrat, Texto: Inter
   =============================== */

:root{
  --black:#0A0A0A;
  --graphite:#1C1C1C;
  --silver:#C0C0C0;
  --papaya:#FF6F20;
  --tech:#00FF94;
  --bg:#0A0A0A;
  --text:#F5F5F5;
}

*{ box-sizing:border-box; }

html,body{
  height:100%;
}

body{
  margin:0;
  background:
    radial-gradient(70% 60% at 70% 20%, rgba(255,111,32,0.12) 0%, rgba(255,111,32,0) 60%),
    radial-gradient(60% 50% at 20% 80%, rgba(0,255,148,0.10) 0%, rgba(0,255,148,0) 60%),
    linear-gradient(180deg, var(--graphite) 0%, var(--black) 100%);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.hero{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding: 4.5rem 1.25rem;
  gap: 1.5rem;
}

.brand-wrap{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:0.25rem;
}

.brand-svg{
  width:56px;
  height:56px;
  filter: drop-shadow(0 2px 12px rgba(0,0,0,.45));
}

.brand{
  font-family: "Satoshi", Inter, system-ui, sans-serif;
  font-weight: 700; letter-spacing: .01em;
  font-size: clamp(3.25rem, 9vw, 7rem);
  letter-spacing: -0.02em;
  color:#FFFFFF;
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
}

.message{
  text-align:center;
  max-width:  720px;
}

.kicker{
  font-family: "Space Grotesk", Inter, Arial, sans-serif;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing:.18em;
  font-size:.95rem;
  color: var(--tech);
  margin: .35rem 0 1rem;
}

.lead{
  font-size: clamp(1rem, 1.9vw, 1.25rem);
  line-height:1.65;
  color:#EAEAEA;
  margin: 0 auto 1.25rem;
}

.cta{
  display:inline-block;
  margin-top:.5rem;
  padding:.85rem 1.1rem;
  border-radius:999px;
  border:1px solid rgba(192,192,192,.45);
  color:#FFFFFF;
  text-decoration:none;
  font-family: Montserrat, Inter, Arial, sans-serif;
  font-weight:600;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  background: linear-gradient(180deg, rgba(255,111,32,.12), rgba(255,111,32,.0));
  backdrop-filter: blur(3px);
}

.cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  border-color: rgba(255,111,32,.65);
}

.meta{
  margin-top:1.25rem;
  font-size:.85rem;
  color: #BEBEBE;
  opacity:.9;
}

/* Small screens */
@media (max-width: 420px){
  .brand-svg{ width:48px;height:48px; }
  .kicker{ letter-spacing:.16em; }
}

/* High-contrast focus states for accessibility */
a:focus-visible, button:focus-visible{
  outline:2px dashed var(--papaya);
  outline-offset:3px;
}


@media (max-width: 420px){
  .brand{ font-size: clamp(3.25rem, 9vw, 7rem); }
}