/*
Theme Name: Xtreme PC Theme V6.4 Services Fixed
Theme URI: https://xtremepcsolutions.com
Author: OpenAI
Description: Premium one-page WordPress theme for Xtreme PC Solutions.
Version: 6.4
License: GPL2
Text Domain: xtreme-pc
*/

:root{
  --bg:#050505;
  --accent:#ff2a2a;
  --text:#ffffff;
  --muted:#b0b0b0;
}

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:radial-gradient(circle at top,#0a0a0a,#050505);
  color:var(--text);
  line-height:1.5;
}

.topbar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 28px;
  background:rgba(10,10,10,0.70);
  backdrop-filter:blur(14px);
  z-index:999;
  box-sizing:border-box;
}

.top-left img,
.top-right img{
  max-height:58px;
  width:auto !important;
  object-fit:contain;
  display:block;
}

.top-center{
  font-size:30px;
  font-weight:800;
}

.top-center a{
  color:#fff;
  text-decoration:none;
}

.container{
  max-width:920px;
  margin:auto;
}

.hero{
  min-height:72vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-size:cover;
  background-position:center;
  position:relative;
  padding:120px 20px 40px;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.45),#050505);
}

.hero .container{
  position:relative;
  z-index:2;
}

h1{
  font-size:48px;
  line-height:1.1;
  margin:0 0 14px;
}

.hero p{
  font-size:18px;
  color:var(--muted);
}

section{
  padding:50px 20px;
}

h2{
  font-size:34px;
  margin-bottom:22px;
  text-align:center;
}

.services{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
}

.card{
  background:#111;
  padding:24px;
  border-radius:16px;
  text-align:center;
  border:1px solid rgba(255,255,255,.06);
  font-size:18px;
  font-weight:600;
}

.cta{
  text-align:center;
  padding-bottom:70px;
}

.cta a{
  display:inline-block;
  padding:14px 28px;
  background:#b30000;
  color:#fff;
  text-decoration:none;
  border-radius:12px;
  font-weight:700;
}

@media(max-width:768px){
  .top-center{
    font-size:20px;
  }

  h1{
    font-size:32px;
  }

  .top-left img,
  .top-right img{
    max-height:42px;
  }
}