/* ---- RoboWelt Contact Page (blue glass + amber accents) ---- */

html,
body {
    scroll-behavior: smooth;
}

:root{
  --rw-blue-900:#071827;
  --rw-blue-800:#0a2238;
  --rw-blue-700:#0e2d4a;

  --rw-glass: rgba(18, 78, 146, .14);
  --rw-glass-2: rgba(18, 78, 146, .10);
  --rw-border: rgba(120, 190, 255, .22);

  --rw-text:#eaf3ff;
  --rw-muted: rgb(234, 243, 255);

  --rw-amber:#f59e0b;
  --rw-amber-2:#ffb02e;
}

/* container */
.rw-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
}

/* HERO */
.rw-contact-hero{
  position: relative;
  overflow: hidden;
  background: radial-gradient(1200px 600px at 18% 22%, rgba(27,120,210,.28), transparent 90%),
              radial-gradient(900px 500px at 78% 20%, rgba(245,158,11,.16), transparent 90%),
              linear-gradient(180deg, #061522 0%, #071a2b 60%, #071827 100%);
  padding: 84px 0 56px;
}

.rw-contact-hero-media{
  position:absolute; inset:0;
  opacity:.65;
  pointer-events:none;
}
.rw-contact-hero-img{
  width:100%; height:100%;
  object-fit:cover;
  filter: contrast(1.05) saturate(1.05);
}

/* .rw-contact-hero-overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(7,24,39,.82) 0%, rgba(7,24,39,.55) 55%, rgba(7,24,39,.82) 100%);
} */

.rw-contact-hero-glow{
  position:absolute;
  width:520px; height:520px;
  filter: blur(60px);
  opacity:.55;
  pointer-events:none;
}
.rw-glow-blue{ left:-160px; top:-160px; background: rgba(64,160,255,.45); }
.rw-glow-amber{ right:-200px; top:-160px; background: rgba(255,176,46,.30); }

.rw-contact-hero-inner{
  position: relative;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
  align-items: start;
}

@media (max-width: 980px){
  .rw-contact-hero-inner{ grid-template-columns: 1fr; }
}

.rw-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  color: var(--rw-text);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  font-weight: 600;
  font-size: 13px;
}

.rw-hero-title{
  margin: 12px 0 8px;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.08;
  color: var(--rw-text);
  letter-spacing: -0.02em;
}
@media (max-width: 540px){
  .rw-hero-title{ font-size: 36px; }
}

.rw-hero-subtitle{
  margin: 0 0 18px;
  color: var(--rw-muted);
  max-width: 58ch;
  font-weight: 500;
  font-size: 15.5px;
  line-height: 1.7;
}

/* buttons */
.rw-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  user-select:none;
}

.rw-btn:hover{ transform: translateY(-1px); }

.rw-btn-primary{
  background: linear-gradient(180deg, var(--rw-amber-2), var(--rw-amber));
  color: #121212;
  box-shadow: 0 10px 24px rgba(245,158,11,.22);
  border: 1px solid rgba(255,255,255,.22);
}

.rw-btn-outline{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.18);
  color: var(--rw-text);
  backdrop-filter: blur(10px);
}

.rw-btn-dark{
  background: rgba(10,22,35,.55);
  border: 1px solid rgba(120,190,255,.18);
  color: var(--rw-text);
  backdrop-filter: blur(10px);
}

.rw-btn-wide{ width: 100%; }

/* hero actions */
.rw-contact-hero-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}

/* metrics */
.rw-contact-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}
@media (max-width: 720px){
  .rw-contact-metrics{ grid-template-columns: 1fr; }
}

.rw-metric{
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}
.rw-metric-top{
  color: var(--rw-text);
  font-weight: 800;
}
.rw-metric-bottom{
  margin-top: 4px;
  color: rgba(234,243,255,.72);
  font-size: 13px;
}

/* glass cards */
.rw-glass-card{
  border-radius: 22px;
  /* background: linear-gradient(180deg, var(--rw-glass), var(--rw-glass-2)); */
  border: 1px solid var(--rw-border);
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
  backdrop-filter: blur(14px);
  padding: 18px;
  color: #0c1622;
}

.rw-hero-glass{
  color: var(--rw-text);
}
.rw-glass-header h3{
  margin: 0;
  font-size: 18px;
  color: var(--rw-text);
  font-weight: 800;
}
.rw-glass-header p{
  margin: 6px 0 12px;
  color: rgba(234,243,255,.78);
  font-size: 13.5px;
  line-height: 1.6;
}

.rw-checklist{
  margin: 0;
  padding-left: 18px;
  color: rgba(234,243,255,.86);
  line-height: 1.85;
  font-size: 14px;
}
.rw-glass-cta{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* MAIN */
.rw-contact-main{
  padding: 54px 0 70px;
  background: linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%);
}

.rw-section-head{
  display:flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.rw-kicker{
  margin:0 0 6px;
  font-size: 11px;
  letter-spacing: .16em;
  font-weight: 800;
  color: rgba(2, 32, 64, .58);
  text-transform: uppercase;
}

.rw-section-head h2{
  margin:0;
  font-size: 30px;
  letter-spacing: -0.01em;
  color:#0b1b2a;
}
.rw-subtext{
  margin: 8px 0 0;
  color: rgba(11,27,42,.68);
  line-height: 1.65;
  max-width: 70ch;
}

.rw-hide-sm{ display:inline-flex; }
@media (max-width: 720px){
  .rw-hide-sm{ display:none; }
}

.rw-contact-grid{
  margin-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}
@media (max-width: 980px){
  .rw-contact-grid{ grid-template-columns: 1fr; }
}

.rw-glass-card{
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1280px){
  .rw-contact-grid{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 900px){
  .rw-contact-grid{
    grid-template-columns: 1fr;
  }
}
/* card text styles inside light area */
.rw-card-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color:#0b1b2a;
}
.rw-card-subtitle{
  margin: 0 0 12px;
  color: rgba(11,27,42,.68);
  line-height: 1.65;
  font-size: 13.5px;
}

.rw-info-list{
  list-style:none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: 10px;
}
.rw-info-list li{
  display:flex;
  gap: 10px;
  /* align-items: center;
  justify-content: space-between; */
  color:#0b1b2a;
}

.rw-pill{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(18,78,146,.10);
  border: 1px solid rgba(18,78,146,.20);
  color: rgba(11,27,42,.78);
  font-size: 12px;
  font-weight: 800;
}

.rw-divider{
  height:1px;
  background: rgba(11,27,42,.10);
  margin: 14px 0;
}

.rw-director-list{
  display:grid;
  gap: 12px;
}
.rw-director-name{
  font-weight: 900;
  color:#0b1b2a;
}
.rw-director-meta{
  margin-top: 4px;
  color: rgba(11,27,42,.70);
  font-size: 13.5px;
  line-height: 1.6;
}
.rw-director-meta a{
  color: rgba(18,78,146,.95);
  text-decoration: none;
}
.rw-director-meta a:hover{ text-decoration: underline; }

.rw-meta{
  color: rgba(11,27,42,.75);
  font-size: 13.5px;
  line-height: 1.6;
}

/* Form */
.rw-form{ display:grid; gap: 12px; }
.rw-field label{
  display:block;
  font-weight: 700;
  font-size: 13px;
  color: rgba(11,27,42,.84);
  margin-bottom: 6px;
}
.rw-field input,
.rw-field textarea{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(11,27,42,.14);
  background: rgba(255,255,255,.78);
  padding: 12px 12px;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease;
  font-size: 14px;
}
.rw-field textarea{ resize: vertical; min-height: 120px; }

.rw-field input:focus,
.rw-field textarea:focus{
  border-color: rgba(18,78,146,.35);
  box-shadow: 0 0 0 4px rgba(18,78,146,.10);
}

.rw-invalid{
  border-color: rgba(220, 38, 38, .45) !important;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, .08) !important;
}
.rw-err{ color: #dc2626; font-weight: 700; }

.rw-form-footnote{
  margin: 6px 0 0;
  color: rgba(11,27,42,.55);
  font-size: 12.5px;
  line-height: 1.55;
}

/* Map */
.rw-map-wrap{
  overflow:hidden;
  border-radius: 18px;
  border: 1px solid rgba(11,27,42,.12);
  background: rgba(255,255,255,.6);
}
.rw-map-wrap iframe{
  width: 100%;
  height: 260px;
  display:block;
  filter: saturate(1.02) contrast(1.02);
}

.rw-bullets{
  margin: 12px 0 0;
  padding-left: 18px;
  color: rgba(11,27,42,.72);
  line-height: 1.8;
  font-size: 13.5px;
}

/* Alert */
.rw-alert-success{
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.25);
  color: rgba(11,27,42,.85);
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 800;
}