:root{
  --bg:#07070b; --panel:#101017; --panel2:#151520; --text:#f6f3ff; --muted:#aaa5b8;
  --purple:#9b35ff; --violet:#6e22d9; --pink:#d85cff; --line:rgba(185,91,255,.18);
  --max:1180px; --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(126,31,255,.16),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(92%,var(--max));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(7,7,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.brand img{width:44px;height:44px;object-fit:contain}.brand span{font-size:1.1rem}
nav{display:flex;gap:28px;color:#d5d0df;font-size:.94rem}nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-weight:750;transition:.2s}
.btn-primary{background:linear-gradient(135deg,var(--purple),#641fe0);box-shadow:0 0 28px rgba(155,53,255,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(155,53,255,.4)}
.btn-ghost{background:rgba(255,255,255,.035)}.btn-ghost:hover{background:rgba(255,255,255,.07)}
.hero{padding:100px 0 85px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:560px;height:560px;right:-200px;top:-130px;background:radial-gradient(circle,rgba(157,48,255,.2),transparent 68%);pointer-events:none}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.eyebrow{color:#cf9bff;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}
h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;margin:18px 0 24px;letter-spacing:-.055em}h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#c05dff);-webkit-background-clip:text;color:transparent}
.lead{font-size:1.14rem;color:var(--muted);max-width:640px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#bdb7c9;font-size:.86rem}.trust span:before{content:"✓";color:#c35cff;margin-right:7px}
.hero-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.4);position:relative}.hero-card img{display:block;width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 0 32px rgba(162,49,255,.28))}
section{padding:90px 0}.section-head{max-width:720px;margin-bottom:42px}.section-head h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:10px 0 15px}.section-head p{color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:190px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:rgba(190,90,255,.45);box-shadow:0 18px 50px rgba(90,20,130,.16)}
.icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(155,53,255,.12);border:1px solid rgba(183,80,255,.25);font-size:1.35rem}.card h3{margin:18px 0 7px}.card p{color:var(--muted);font-size:.92rem;margin:0}
.dark-band{background:linear-gradient(180deg,rgba(155,53,255,.06),rgba(155,53,255,.015));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.num{font-size:.8rem;color:#cf9bff;font-weight:800;letter-spacing:.12em}.step h3{margin:12px 0 8px}.step p{color:var(--muted);font-size:.92rem}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.about-box{padding:34px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,#17131f,#0e0e14)}.about-box strong{font-size:3rem;display:block;background:linear-gradient(90deg,#fff,#b74cff);-webkit-background-clip:text;color:transparent}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.check{padding:15px;border-radius:14px;background:rgba(255,255,255,.035);color:#d8d3df}.check b{display:block;color:#fff;margin-bottom:3px}.check small{color:var(--muted)}
.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.contact-card{padding:30px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(155,53,255,.1),rgba(255,255,255,.025))}.contact-card h3{margin-top:0}.contact-item{padding:14px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.contact-item small{display:block;color:#aaa5b8;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:.83rem;color:#d9d3e2}input,select,textarea{width:100%;padding:14px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0c0c12;color:#fff;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:#a33cff;box-shadow:0 0 0 3px rgba(155,53,255,.1)}textarea{min-height:135px;resize:vertical}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);margin:12px 0 0;font-size:.92rem}
.cta{padding:45px;border:1px solid rgba(185,91,255,.3);border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(155,53,255,.2),transparent 45%),#100c17;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0 0 8px;font-size:2rem}.cta p{margin:0;color:var(--muted)}
footer{padding:35px 0;border-top:1px solid var(--line);color:#9993a7}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.social{display:flex;gap:18px}.social a:hover{color:#d05cff}
.mobile-menu{display:none}
@media(max-width:900px){nav{display:none}.mobile-menu{display:block}.grid2,.about,.quote{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.hero{padding-top:70px}.hero-card{max-width:650px;margin:auto}}
@media(max-width:600px){.nav{height:68px}.brand F{width:38px;height:38px}.cards,.steps,.faq{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.checks{grid-template-columns:1fr}.cta,.footer{flex-direction:column;align-items:flex-start}section{padding:65px 0}h1{font-size:3rem}}

/* Form container */
form {
  background-color: #1e1e1e;   /* dark background */
  padding: 20px;
  border-radius: 8px;
  max-width: 600px;
  margin: 20px auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
main img[src*="sideshot.jpg"] {
  transform: scale(1.1);
  transform-origin: center;
  margin-top: 60px; /* adds space above the first image */
}

/* Labels */
form label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
  color: #f0f0f0;   /* light text */
}

/* Inputs & textarea */
form input,
form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #2a2a2a;
  color: #f0f0f0;
}

/* Inputs focus */
form input:focus,
form textarea:focus {
  outline: none;
  border-color: #ff6600;   /* accent color */
  background-color: #333;
}

/* Button */
form button {
  background-color: #ff6600;   /* bright accent */
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

form button:hover {
  background-color: #e65c00;
}

/* Gallery Grid */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
  margin: 40px auto;
}

.gallery-item {
  background: #1e1e1e;
  border: 1px solid #333;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
  transition: transform .25s ease, box-shadow .25s ease;
}

.gallery-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 20px rgba(255,102,0,0.5); /* orange accent glow */
}

.gallery-item h2 {
  margin: 16px;
  font-size: 1.2rem;
  color: #ff6600; /* accent color */
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: 1px solid #333;
}

.gallery-item p {
  margin: 16px;
  color: #ccc;
  font-size: .95rem;
  line-height: 1.4;
}

/* Responsive tweaks */
@media(max-width:700px){
  .gallery-grid { gap: 24px; }
  .gallery-item h2 { font-size: 1rem; }
}

.pickup-form {
  background-color: #121212;       /* Dark background */
  color: #f5f5f5;                  /* Light text */
  padding: 20px;
  border-radius: 8px;              /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0,0,0,0.5); /* Subtle shadow */
  max-width: 400px;
  margin: auto;
}

.pickup-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
}

.pickup-form input,
.pickup-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #333;
  border-radius: 6px;
  background-color: #1e1e1e;
  color: #f5f5f5;
}

.pickup-form input:focus,
.pickup-form textarea:focus {
  outline: none;
  border-color: #ff6600;           /* Orange accent on focus */
  box-shadow: 0 0 5px #ff6600;
}

.pickup-form button {
  background-color: #ff6600;       /* Orange accent button */
  color: #121212;                  /* Dark text for contrast */
  border: none;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.pickup-form button:hover {
  background-color: #ff8533;       /* Slightly lighter orange on hover */
}

.pickup-form {
  margin-left: 40px;   /* Indent from left */
  margin-right: auto;
}

main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  justify-items: center; /* centers smaller images */
}

main img {
  width: 50%; /* half the cell width */
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
main img[src*="sideshot.jpg"] {
  transform: scale(2.0); /* about 10% bigger */
  transform-origin: center;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.gallery img {
  width: 100%;
  border-radius: 8px;
}.index main {
  display: block;   /* restores default flow */
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px; /* spacing between images */
}

.container.gallery img {
  width: 100%;       /* responsive scaling */
  height: auto;      /* keeps proportions */
  object-fit: cover; /* optional: crops to fit nicely */
  border-radius: 8px; /* optional styling */
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.container.gallery img {
  width: 100%;        /* fills the grid cell */
  height: auto;       /* keeps proportions */
  object-fit: cover;  /* crops if needed */
  display: block;     /* removes inline spacing quirks */
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
  gap: 20px;
}

.container.gallery img {
  width: 100%;        /* fills its grid cell */
  height: auto;       /* keeps proportions */
  object-fit: cover;  /* crops if needed */
  display: block;     /* prevents inline spacing overlap */
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.container.gallery img {
  width: 100%;        /* fills the grid cell */
  height: auto;       /* keeps proportions */
  object-fit: cover;  /* crops if needed */
  display: block;     /* removes inline spacing quirks */
  box-sizing: border-box; /* ensures padding/borders don’t break layout */
}

.container.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.container.gallery img {
  max-width: 100%;   /* prevents oversized images */
  height: auto;      /* keeps proportions */
  display: block;    /* removes inline spacing quirks */
  object-fit: cover; /* optional: crops neatly */
}
main {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 images per row */
  gap: 20px; /* spacing between images */
}

main img {
  width: 100%;
  border-radius: 8px;
}
.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 images per row */
  gap: 20px;
}

.gallery img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 images per row */
  gap: 20px;
}

.container.gallery img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.container.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
  gap: 20px;
}

.container.gallery img {
  width: 100%;       /* force image to fit its cell */
  max-width: 100%;   /* prevent overflow */
  height: auto;      /* keep proportions */
  display: block;    /* remove inline spacing quirks */
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
  gap: 20px;
  align-items: start;   /* keep items aligned at the top */
}
.container.gallery img {
  width: 100%;        /* fit inside column */
  max-width: 100%;    /* prevent overflow */
  height: auto;
  display: block;     /* no inline spacing */
  margin: 0;          /* reset margins */
  position: static;   /* cancel any absolute positioning */
  float: none;        /* cancel floats */
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
  gap: 20px; /* space between both rows and columns */
  align-items: start; /* keep everything aligned at the top */
}
.container.gallery img {
  width: 100%;        /* fit inside column */
  height: auto;
  display: block;     /* no inline spacing */
  margin: 0;          /* reset margins */
  position: relative; /* cancel absolute positioning */
  float: none;        /* cancel floats */
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
  gap: 20px; /* spacing between rows and columns */
}

.container.gallery img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}
.container.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
  gap: 20px;
  justify-content: center;   /* center the grid horizontally */
  max-width: 1200px;         /* optional: limit gallery width */
  margin: 0 auto;            /* center the whole block */
}
.container.gallery img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease; /* smooth animation */
}

.container.gallery img:hover {
  transform: scale(1.05); /* zoom in slightly */
  z-index: 1;             /* keep it above neighbors */
}
.container.gallery img {
  width: 75%;          /* shrink to 75% of cell width */
  height: auto;
  margin: 0 auto;      /* center inside the cell */
  display: block;
}