/* Base reset */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: #0b0b0c;
  background: #ffffff;
}

.layout {
  min-height: 100dvh;
  display: grid;
  grid-template-rows: 1fr auto;
}

.content {
  display: grid;
  place-items: center;
  padding: 4rem 1.25rem;
}

.home-center {
  min-height: 80dvh;
  display: grid;
  place-items: center;
  padding: 4rem 1.25rem;
}

.columns {
  width: min(1100px, 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  align-items: center;
}

.left { min-height: 40vh; display: flex; align-items: center; }
.brand {
  font-size: clamp(2.5rem, 8vw, 6rem);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0;
}

.right {
  min-height: 40vh;
  border-radius: 24px;
  background: radial-gradient(60% 60% at 60% 40%, #e6f4ff 0%, #f5faff 50%, #ffffff 100%),
              conic-gradient(from 120deg at 50% 50%, #eef7ff, #ffffff);
  border: 1px solid rgba(12, 18, 28, 0.08);
}

@media (max-width: 900px) {
  .columns { grid-template-columns: 1fr; }
  .right { order: -1; min-height: 28vh; }
  .left { min-height: 30vh; }
}

.site-footer {
  border-top: 1px solid rgba(12, 18, 28, 0.08);
  background: #ffffff;
}

.footer-links {
  margin: 0;
  padding: 1rem 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  list-style: none;
  justify-content: center;
}

.footer-links a {
  color: #0b0b0c;
  text-decoration: none;
  opacity: 0.8;
}

.footer-links a:hover { opacity: 1; text-decoration: underline; }