/* BINGOVIR — Corporate A4 Premium
   Palette: #0B0D10 / #171A1F / #F36C21 / #FFFFFF / #A7ADB5
   Recommended fonts: Montserrat (headings), Inter (body)
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap');

:root{
  --black:#0B0D10;
  --black-2:#171A1F;
  --gray:#A7ADB5;
  --light:#F4F5F6;
  --white:#FFFFFF;
  --orange:#F36C21;
  --orange-2:#FF8A3D;
  --line:#2A2E34;
  --shadow:0 18px 50px rgba(0,0,0,.18);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#D9DDE1}
body{
  font-family:'Inter',Arial,sans-serif;
  color:var(--black);
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

.page{
  width:210mm;
  min-height:297mm;
  margin:12mm auto;
  background:var(--white);
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}

.hero{
  min-height:83mm;
  padding:18mm 16mm 14mm;
  background:
    radial-gradient(circle at 90% 15%, rgba(243,108,33,.22), transparent 25%),
    linear-gradient(135deg,#080A0D 0%,#171A1F 62%,#242931 100%);
  color:var(--white);
  position:relative;
  overflow:hidden;
}
.hero-video{
  position:absolute;
  inset:-12%;
  width:124%;
  height:124%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  pointer-events:none;
  transform-origin:center center;
  animation:hero-rotative 28s ease-in-out infinite;
}
@keyframes hero-rotative{
  0%{transform:scale(1.08) rotate(-6deg)}
  50%{transform:scale(1.18) rotate(6deg)}
  100%{transform:scale(1.08) rotate(-6deg)}
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 90% 15%, rgba(243,108,33,.22), transparent 25%),
    linear-gradient(135deg,rgba(8,10,13,.68) 0%,rgba(23,26,31,.58) 62%,rgba(36,41,49,.52) 100%);
}
.hero:after{
  content:"";
  position:absolute;
  width:105mm;height:105mm;
  right:-48mm;top:-58mm;
  z-index:1;
  border:1px solid rgba(243,108,33,.45);
  border-radius:50%;
  box-shadow:0 0 0 18mm rgba(243,108,33,.05),0 0 0 36mm rgba(243,108,33,.035);
  pointer-events:none;
}
.hero-inner{position:relative;z-index:2}
.brand{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:14pt;font-weight:800;letter-spacing:.18em;
  color:var(--orange);
  margin-bottom:9mm;
}
.hero h1{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:29pt;line-height:1.04;margin:0 0 5mm;
  max-width:145mm;
}
.hero h1 span{color:var(--orange)}
.hero p{
  font-size:12pt;line-height:1.5;color:#D9DDE1;
  max-width:125mm;margin:0;
}
.badge{
  display:inline-block;margin-top:9mm;
  padding:3mm 5mm;border:1px solid rgba(243,108,33,.65);
  border-radius:999px;color:#fff;font-size:9pt;font-weight:700;
  letter-spacing:.03em;
}

.section{padding:11mm 16mm}
.section.dark{background:var(--black);color:var(--white)}
.eyebrow{
  text-transform:uppercase;letter-spacing:.12em;
  font-size:18pt;font-weight:800;color:var(--orange);
  margin-bottom:3mm;
}
h2{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:18pt;line-height:1.15;margin:0 0 7mm;
}
.lead{font-size:10.5pt;line-height:1.55;color:#3c4148}
.dark .lead{color:#C8CDD3}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:5mm}
.card{
  border:1px solid #E1E4E7;border-radius:5mm;padding:6mm;
  background:#fff;
}
.dark .card{border-color:#2A2E34;background:#121519}
.icon{
  width:11mm;height:11mm;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(243,108,33,.12);color:var(--orange);
  font-weight:800;margin-bottom:4mm;
}
.card h3{
  font-family:'Montserrat',Arial,sans-serif;
  font-size:10.5pt;margin:0 0 2.5mm;
}
.card p{font-size:9.5pt;line-height:1.45;margin:0;color:#3c4148}
.dark .card p{color:#B9BFC6}

.features{
  display:grid;grid-template-columns:1fr 1fr;gap:3mm 10mm;
}
.feature{
  display:flex;gap:4mm;padding:3mm 0;
  border-bottom:1px solid #E5E7E9;
}
.feature b{font-size:9.5pt}
.feature span{font-size:9.5pt;color:#a3a9af;line-height:1.4}
.dot{flex:0 0 5mm;height:5mm;border-radius:50%;background:var(--orange);margin-top:1mm}

.price{
  margin:0 16mm 11mm;
  border-radius:6mm;
  padding:9mm 10mm;
  background:linear-gradient(135deg,#101216,#1F242B);
  color:#fff;
  display:flex;align-items:center;justify-content:space-between;
  gap:8mm;
  position:relative;overflow:hidden;
}
.price:after{
  content:"";position:absolute;width:65mm;height:65mm;
  right:-30mm;bottom:-40mm;border-radius:50%;
  border:12mm solid rgba(243,108,33,.13);
}
.price small{display:block;color:#B8BEC5;font-size:8pt;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.price strong{
  display:block;font-family:'Montserrat',Arial,sans-serif;
  font-size:24pt;color:var(--orange);margin-top:2mm;
}
.price p{margin:2mm 0 0;font-size:9.5pt;color:#D2D6DB}
.cta{
  position:relative;z-index:1;
  background:var(--orange);color:#fff;border-radius:999px;
  padding:4mm 7mm;font-weight:800;font-size:9pt;white-space:nowrap;
}

.footer{
  background:#F1F3F4;padding:8mm 16mm;
  display:flex;justify-content:space-between;align-items:flex-end;gap:8mm;
}
.footer .company{
  font-family:'Montserrat',Arial,sans-serif;font-weight:800;
  font-size:12pt;letter-spacing:.04em;
}
.footer .company span{color:var(--orange)}
.contact{font-size:8.5pt;line-height:1.7;color:#4F565D}
.contact b{color:var(--black)}
.qr{
  width:24mm;height:24mm;border:1px solid #D0D4D8;
  display:flex;align-items:center;justify-content:center;
  font-size:7pt;color:#777;background:#fff;
}

@media (max-width:900px){
  .page{width:100%;min-height:auto;margin:0;box-shadow:none}
}
@media (max-width:620px){
  .grid-3,.features{grid-template-columns:1fr}
  .hero h1{font-size:24pt}
  .price,.footer{flex-direction:column;align-items:flex-start}
  .qr{align-self:flex-end}
}
@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .page{margin:0;box-shadow:none}
  .hero-video{display:none;animation:none}
}