/* BORO v16 — root-only, no hero, OG image + footer social logos */
:root{ --bg:#000; --ink:#0b0b0b; --text:#fff; --muted:rgba(255,255,255,.7); --border:rgba(255,255,255,.12); }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}
a,a:visited,a:active{color:#fff;text-decoration:none}
a:hover{opacity:1}
.nav{position:sticky;top:0;background:rgba(0,0,0,.55);border-bottom:1px solid var(--border);z-index:20;backdrop-filter:blur(4px)}
.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;height:64px}
.logo-box{display:inline-block;padding:6px 10px;border:2px solid #fff;letter-spacing:.2em;font-weight:800}
.nav-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.lang-switch{opacity:.9;font-weight:600;letter-spacing:.04em}
.lang-sep{opacity:.6;margin:0 2px}
.section{padding:72px 0;border-top:1px solid var(--border)}
.section-dark{background:var(--bg)} .section-ink{background:var(--ink)}
h1{margin:18px 0 8px 0;font-size:clamp(22px,3vw,34px);font-weight:800;text-align:center}
h2{margin:0 0 10px 0;font-size:clamp(20px,2.6vw,28px);letter-spacing:.02em}
p{margin:0 0 12px 0} .muted{color:var(--muted)} .small{font-size:12px}
.intro{padding:44px 0 24px;border-bottom:1px solid var(--border);text-align:center}
.intro .logo{width:clamp(180px,32vw,420px);height:auto;display:block;margin:0 auto 10px auto}
.tagline{font-weight:700;letter-spacing:.04em}
.form{display:grid;gap:12px;max-width:640px}
.input,.textarea,.button{background:#0a0a0a;border:1px solid var(--border);color:#fff;border-radius:10px;padding:12px 14px;font-size:16px}
.textarea{min-height:120px;resize:vertical}
.button{cursor:pointer;border:1px solid #fff}
.button:hover{opacity:.9}

/* Footer */
.footer{border-top:1px solid var(--border);padding:22px 0 28px;background:#000}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.footer-social{display:flex;justify-content:center;gap:20px;margin-top:18px}
.footer-social img{width:34px;height:34px;filter:brightness(0) invert(1);transition:transform .2s ease, opacity .2s ease}
.footer-social a:hover img{transform:scale(1.15);opacity:.8}


/* === BORO v16 footer icon polish === */
.container.footer-social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 14px;
  padding: 12px 0;
}
.container.footer-social img{
  height: 38px;
  width: auto;
  vertical-align: middle;
  /* icons are white; keep them crisp on dark bg */
  image-rendering: -webkit-optimize-contrast;
  transition: transform .18s ease, opacity .18s ease, filter .18s ease;
}
/* Only interactive icons get hover/focus motion */
.container.footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  outline: none;
}
.container.footer-social a:focus-visible{
  outline: 2px solid rgba(255,255,255,.6);
  outline-offset: 3px;
  border-radius: 8px;
}
.container.footer-social a:hover img,
.container.footer-social a:focus-visible img{
  transform: translateY(-1px) scale(1.04);
  opacity: .95;
}
/* Slight dim for non-clickable icons to hint non-interactive */
.container.footer-social > img[aria-hidden="true"],
.container.footer-social > img[alt="Email icon"]{
  opacity: .8;
}
@media (max-width: 480px){
  .container.footer-social{
    gap: 12px;
    padding: 10px 0;
  }
  .container.footer-social img{
    height: 32px;
  }
}
/* === End footer icon polish === */



@media (min-width:768px){
  .brand-logo{ height: 40px; }
}

/* BORO v16: ensure no color inversion on official brand assets */
.footer-social img{ filter:none !important; }


/* Rollback minimal: compact footer icons */
.container.footer-social img{ height: 30px; }
@media (max-width:480px){ .container.footer-social img{ height: 26px; } }



/* A11y: skip to content */
.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{
  position:fixed;left:16px;top:16px;width:auto;height:auto;overflow:visible;
  background:#000;color:#fff;border:2px solid #fff;border-radius:8px;
  padding:8px 12px;z-index:1000;text-decoration:none;
}