/* RE/MAX Partner (EMERA DOM d.o.o.) — coming soon
   Brand: RE/MAX system. Blue #003DA5, balloon blue #0054A6, balloon red #EF373E, Noto Sans. */

@font-face{
  font-family:'Noto Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/noto-sans-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Noto Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/noto-sans.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --blue:#003DA5;
  --blue-logo:#0054A6;
  --navy:#000E35;
  --red:#EF373E;
  --ink:#141414;
  --muted:#5B6070;
  --line:#E4E7EF;
  --bg:#F6F8FC;
  --card:#FFFFFF;
  --maxw:640px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Noto Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- stage ---------- */
.stage{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  overflow:hidden;
}

/* soft brand glow, balloon colours, heavily diffused */
.glow{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.glow span{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.30}
.glow .g1{width:60vmax;height:60vmax;left:-22vmax;top:-26vmax;background:var(--blue-logo)}
.glow .g2{width:42vmax;height:42vmax;right:-16vmax;bottom:-20vmax;background:var(--red);opacity:.16}
.glow .g3{width:34vmax;height:34vmax;right:6vmax;top:-14vmax;background:#8FB4E8;opacity:.22}

/* ---------- plate ---------- */
.plate{
  position:relative;
  width:100%;
  max-width:var(--maxw);
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 1px 2px rgba(0,20,60,.04),0 18px 50px -12px rgba(0,32,90,.16);
  padding:52px 44px 40px;
  text-align:center;
}

.logo{
  display:block;
  width:186px;
  height:auto;
  margin:0 auto;
}

.rule{
  display:block;
  width:64px;
  height:4px;
  margin:30px auto 26px;
  border-radius:4px;
  background:linear-gradient(90deg,var(--red) 0 50%,var(--blue-logo) 50% 100%);
}

.eyebrow{
  margin:0 0 14px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--blue);
}

h1{
  margin:0 0 16px;
  font-size:clamp(28px,6vw,38px);
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.015em;
  text-wrap:balance;
  color:var(--navy);
}

.lead{
  margin:0 auto;
  max-width:40ch;
  text-wrap:balance;
  font-size:16px;
  line-height:1.65;
  color:var(--muted);
}

/* ---------- contact ---------- */
.contact{
  margin:34px 0 0;
  padding:26px 0 0;
  border-top:1px solid var(--line);
  display:grid;
  gap:8px;
}

.row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:48px;
  padding:6px 12px;
  border-radius:12px;
  font-size:16px;
  font-weight:600;
  color:var(--navy);
  text-decoration:none;
  transition:background .18s ease,color .18s ease;
}
a.row:hover,a.row:focus-visible{background:#F2F6FD;color:var(--blue)}
a.row:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.row .ico{flex:none;width:20px;height:20px;color:var(--blue)}
.row.plain{color:var(--muted);font-weight:500;font-size:15px}
.row.plain .ico{color:#9AA3B8}

.legal{
  margin:30px 0 0;
  font-size:13px;
  line-height:1.6;
  color:#8C93A6;
}

/* ---------- mobile ---------- */
@media (max-width:520px){
  .stage{padding:28px 16px}
  .plate{padding:40px 22px 32px;border-radius:18px}
  .logo{width:158px}
  .rule{margin:26px auto 22px}
  .lead{font-size:15.5px}
  .row{font-size:15.5px;gap:10px}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}