/* Base */
:root {
  --bg-dark: #0b0b0c;
  --text: #f2f3f5;
  --muted: #b4b6bb;
  --accent: #fe0000;
  /* --accent: #c1121f; */
  --card: rgba(255,255,255,.06);
}

*::selection { background: #fe0000; color: #fff; }

html, body {
  height: 100%;
}

body {
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  font-size:16px;
  color: var(--text);
  background: var(--bg-dark);
  position: relative;
  overflow-x: hidden;
}

/* Headings with League Gothic */
h1, h2, h3, .menu-font, .navbar-brand {
  font-family: "League Gothic", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* Visual hierarchy */
h1 { font-size: clamp(2.8rem, 5vw, 4rem); }
h2 { font-size: clamp(1.85rem, 3.2vw, 2.5rem); margin-top: .5rem; }
h3 { font-size: clamp(1.35rem, 2vw, 1.5rem); }

h1 span,h2 span,h3 span{color:var(--accent);}

.lead { color: var(--muted); }

/* Links */
a { color: #fff; text-decoration: none; }
a:hover { color: var(--muted); }

.link-underline-light { text-decoration: underline; text-decoration-color: rgba(255,255,255,.3); }

/* Header tweaks */
.backdrop-blur {
  backdrop-filter: blur(6px);
}

/* Sections */
.section-padding {
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

.company-box {
  background: var(--card);
  border: 1px solid rgba(255,255,255,.08);
}

/* Hero */
.text-gradient {
  background: linear-gradient(90deg, #fff, #ffb3b3);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.phone-mockup {
  filter: drop-shadow(0 8px 24px rgba(0,0,0,.5));
}

/* Socials */
.social-link img { transition: transform .2s ease; }
.social-link:hover img { transform: translateY(-2px) scale(1.05); }

/* Footer */
footer { color: var(--muted); }

/* Animated, subtle red gradient background (smooth, mouse-reactive) */
.bg-anim {
  --x: 20%;
  --y: 30%;
  position: fixed;
  inset: -20vmax;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(35vmax 35vmax at var(--x) var(--y), rgba(193,18,31,.22), transparent 60%),
    radial-gradient(40vmax 40vmax at calc(100% - var(--x)) calc(100% - var(--y)), rgba(255,60,60,.15), transparent 65%),
    linear-gradient(#000, #09090b);
  will-change: background;
  contain: strict;
}


/* Accessibility */
:focus-visible { outline: 2px dashed rgba(255,255,255,.6); outline-offset: 4px; }







.nav-link{font-size:2rem; color:#fff;font-weight:300;}
	.nav-link:hover{color:#f00; }
	
.navbar-brand{max-width:70%}
	.navbar-brand img{max-width:100%}

header{z-index:1}


.btn-lg { font-size: 1.5rem; }

.s-rounded { border-radius: 20px; }
.s-phone { font-size: 55px; }