:root{
  --bg: #ffffff;
  --muted: #6b7280;
  --color-saviour:#173982;
  --color-boilers:#d33f49;
  --max-width: 900px;
  --radius: 18px;
  --shadow: 0 8px 30px rgba(16,24,40,0.06);
  --glass: rgba(255,255,255,0.8);
}

html,body{
  height:100%;
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:#0f172a;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.wrap{
  height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:0;
}

.brand{
  text-align:center;
  width:100%;
}

.logo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-bottom:24px; /* Increased from 18px */
}

.logo img{
  height:120px; /* Increased from 86px */
  width:auto;
  display:block;
  filter:drop-shadow(0 6px 20px rgba(2,6,23,0.08));
}

.name{
  font-size:48px; /* Increased from 36px */
  font-weight:700;
  line-height:1;
  letter-spacing:-0.02em;
}

.name .saviour{ color:var(--color-saviour); }
.name .boilers{ color:var(--color-boilers); }

.tagline{
  margin-top:32px; /* Increased from 26px */
  font-size:22px; /* Increased from 17px */
  color:var(--muted);
  font-weight:500;
  line-height:1.4;
}

/* Mobile adjustments - logo aur text mobile pe bhi bada rahega */
@media (max-width:520px){
  .logo img{ 
    height:100px; /* Increased from 64px */
  }
  .name{ 
    font-size:40px; /* Increased from 28px */
  }
  .tagline{
    font-size:20px; /* Increased for mobile */
    margin-top:28px;
  }
}

/* Extra large screens - aur bhi bada karega */
@media (min-width:1400px){
  .logo img{ 
    height:140px; 
  }
  .name{ 
    font-size:56px; 
  }
  .tagline{
    font-size:26px;
  }
}

.visually-hidden{ 
  position:absolute !important; 
  height:1px; 
  width:1px; 
  overflow:hidden; 
  clip:rect(1px,1px,1px,1px); 
  white-space:nowrap; 
}