:root{
  --bg:#090909;
  --panel:#141414;
  --panel2:#181818;
  --text:#f7f7f7;
  --muted:#a7a7a7;
  --line:#2a2a2a;
  --pink:#f02f68;
  --pink-soft:#ff6c96;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}
a{color:inherit}
.wrap{width:min(1120px,92%);margin:0 auto}
header{
  position:sticky;top:0;z-index:10;
  background:rgba(9,9,9,.93);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand img{
  display:block;
  width:300px;
  max-width:42vw;
  height:auto;
}
.navlinks{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.navlinks a{text-decoration:none;color:var(--muted);font-size:.95rem}
.navlinks a:hover{color:var(--pink-soft)}
.hero{
  padding:112px 0 88px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 18%, rgba(240,47,104,.10), transparent 36%),
    linear-gradient(180deg,#090909 0%,#101010 100%);
}
.eyebrow{
  color:var(--pink-soft);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  font-weight:800;
}
h1{
  font-size:clamp(2.7rem,7vw,5.7rem);
  line-height:.98;
  margin:.25em 0 .35em;
  max-width:900px;
}
.hero p{font-size:1.18rem;color:#d8d8d8;max-width:760px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{
  display:inline-block;
  padding:13px 20px;
  border-radius:10px;
  text-decoration:none;
  font-weight:800;
}
.btn-primary{background:var(--pink);color:#fff}
.btn-primary:hover{background:var(--pink-soft)}
.btn-secondary{border:1px solid #3a3a3a;background:#161616}
.btn-secondary:hover{border-color:var(--pink);color:var(--pink-soft)}
section{padding:78px 0;border-bottom:1px solid var(--line)}
h2{font-size:2rem;margin:0 0 14px}
.lead{color:var(--muted);max-width:780px;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card,.contactbox{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px;
}
.card{position:relative;overflow:hidden}
.card:before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pink);
}
.card h3{margin-top:0}
.card p{color:var(--muted);margin-bottom:0}
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.contactbox strong{display:block;margin-top:14px}
.contactbox a{color:var(--pink-soft)}
.logo-showcase{
  margin-top:28px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#111,#171717);
  border-radius:18px;
  padding:34px;
}
.logo-showcase img{
  width:min(650px,90%);
  height:auto;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.4));
}
footer{padding:34px 0;color:var(--muted)}
.footerrow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footerlinks{display:flex;gap:18px;flex-wrap:wrap}
.footerlinks a{text-decoration:none}
.footerlinks a:hover{color:var(--pink-soft)}
.small{font-size:.9rem;color:var(--muted)}
.pagehero{padding:70px 0 34px}
.prose{max-width:820px;padding-bottom:70px}
.prose h2{font-size:1.45rem;margin-top:34px}
.prose p,.prose li{color:#d0d0d0}
@media(max-width:820px){
  .grid,.two{grid-template-columns:1fr}
  .nav{align-items:center;padding:14px 0}
  .brand img{width:220px;max-width:62vw}
  .navlinks{gap:12px}
  .hero{padding-top:82px}
}