/* Marex nekretnine — placeholder. Brand: brand-dna.md (2026-08-13).
   Orange #F17022 · charcoal #211E20 · logo grey #929396 · Montserrat · square corners. */
:root{
  --orange:#F17022; --charcoal:#211E20; --grey:#929396;
  --paper:#FFFFFF; --offwhite:#F6F5F4;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans); color:var(--charcoal);
  background:var(--charcoal);
  min-height:100svh; overflow-x:hidden;
}
.stage{
  position:relative; min-height:100svh;
  display:flex; align-items:center; justify-content:center;
  padding:32px 20px;
}
.stage::before{
  content:""; position:absolute; inset:0; z-index:0;
  background-image:url("/assets/img/hero.jpg");
  background-size:cover; background-position:center 58%;
}
.stage::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(33,30,32,.30) 0%,rgba(33,30,32,.46) 55%,rgba(33,30,32,.62) 100%);
}
.card{
  position:relative; z-index:2;
  width:100%; max-width:520px;
  background:var(--paper);
  padding:52px 40px 46px;
  text-align:center;
  box-shadow:0 24px 70px rgba(33,30,32,.34);
}
.logo{
  display:block; width:100%; max-width:300px; height:auto;
  margin:0 auto;
}
.rule{
  display:block; width:56px; height:3px;
  background:var(--orange);
  margin:32px auto 30px;
}
h1{
  margin:0;
  font-size:clamp(30px,7.4vw,46px);
  font-weight:700; line-height:1.05;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--charcoal);
}
@media (max-width:480px){
  .card{padding:40px 24px 36px}
  .logo{max-width:240px}
  .rule{margin:26px auto 24px}
}
@media (prefers-reduced-motion:no-preference){
  .card{animation:rise .7s cubic-bezier(.2,.7,.3,1) both}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}