/*
Theme Name: STAAWB Holding Page (V1K3 - Tight Top + Smaller Logo)
Theme URI: https://staaawb.com
Author: STAAWB
Description: Matches screenshot with tight top padding (2vh) and slightly smaller logo; inline CSS fallback included via index.php.
Version: 1.12
Text Domain: staawb-holding
License: MIT
*/

:root { --bg:#000; --fg:#fff; --muted:rgba(255,255,255,.82); --maxw:1200px; }

html,body{height:100%}
body{
  margin:0;
  background:#000;
  color:#fff;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Tight top spacing */
.site-wrap{
  min-height:100vh;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding: 2vh 1.25rem 2rem; /* tightened */
  text-align:center;
}

.card{width:min(94vw, var(--maxw)); margin-inline:auto;}

/* Smaller centered logo */
.logo{
  display:block;
  margin:0 auto 0.9rem;
  width:min(80vw, 880px); /* reduced */
  height:auto;
}

/* Wide dark panel directly under logo */
.panel{
  width:min(92vw, 1060px);
  margin: 0 auto;
  background: rgba(0,0,0,0.85);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 18px 22px 20px;
}

/* Strapline at top of panel */
.tagline{
  margin:0 0 14px 0;
  color: var(--muted);
  font-size: clamp(18px, 2.2vw, 28px);
  letter-spacing:.04em;
  font-weight: 700;
}

/* Input row */
.row{
  display:flex;
  gap: 16px;
  align-items:center;
  justify-content:center;
}

.input{
  width:min(70vw, 520px);
  background:#0a0a0a;
  border:1px solid rgba(255,255,255,0.18);
  color:#fff;
  padding: 14px 16px;
  border-radius: 12px;
  font-size:16px;
  outline:none;
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.06);
}

.button{
  background:#fff;
  color:#000;
  border:1px solid rgba(0,0,0,0.85);
  padding: 12px 18px;
  border-radius:12px;
  cursor:pointer;
  font-weight:600;
  transition:all .18s ease;
  white-space:nowrap;
}
.button:hover{
  background:transparent;
  color:#fff;
  border-color:#fff;
}

/* Footer subtle */
.footer{
  position:fixed;bottom:0;left:0;right:0;
  padding:.75rem 1rem;
  display:flex;justify-content:center;
  font-size:12px;color:rgba(255,255,255,.45);
}