:root{
  --bg0:#050607;
  --bg1:#070A0F;
  --rolex:#0F4C30;
  --gold:#D6B36B;
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);
  --muted2:rgba(255,255,255,.55);
  --stroke: rgba(255,255,255,.14);
  --shadow: 0 26px 80px rgba(0,0,0,.60);
  --radius: 18px;
  --max: 1200px;
  --font: Calibri, Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background: linear-gradient(180deg, var(--bg0), var(--bg1));
  overflow-x:hidden;
}
a{color:inherit}
.bg{
  position:fixed; inset:0;
  background:
    radial-gradient(1000px 700px at 70% 15%, rgba(15,76,48,.10), transparent 60%),
    radial-gradient(900px 650px at 15% 30%, rgba(214,179,107,.05), transparent 55%),
    linear-gradient(180deg, rgba(5,6,7,.12), rgba(5,6,7,.25)),
    url("../img/bg.jpg");
  background-size: cover;
  background-position: center;
  filter: saturate(1.25) contrast(1.25);
  transform: scale(1.02);
  z-index:-2;
}
.bg::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(0deg, rgba(0,0,0,.18), rgba(0,0,0,.18)),
    radial-gradient(1100px 700px at 55% 10%, rgba(214,179,107,.03), transparent 70%),
    linear-gradient(90deg, rgba(5,6,7,.20), rgba(5,6,7,.08), rgba(5,6,7,.18));
  z-index:-1;
}
.wrap{max-width:var(--max); margin:0 auto; padding:26px 18px 44px;}
.card{
  width: 60%;
  max-width: var(--max);
  margin: 0 auto;
  border:1px solid var(--stroke);
  background: rgba(0,0,0,.04);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  backdrop-filter: blur(6px);
}
@media (max-width:980px){
  .card{ width: 100%; }
}
.header{
  display:flex; justify-content:space-between; align-items:center;
  gap:14px; padding:18px;
  background: linear-gradient(135deg, rgba(214,179,107,.36), rgba(184,144,63,.28));
  border-bottom: 1px solid rgba(214,179,107,.35);
}
.brand{display:flex; align-items:center; gap:12px; min-width:0;}
.brand img{height:56px; width:auto; display:block;}
.brand .domain{margin:0; font-size:13px; color:rgba(0,0,0,.70); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pill{
  display:flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid rgba(0,0,0,.18);
  background: rgba(255,255,255,.22); border-radius:999px;
  color:rgba(0,0,0,.78); font-size:12px; white-space:nowrap;
  text-decoration:none; cursor:pointer;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.pill svg path{stroke:rgba(0,0,0,.55);}
@media (hover:hover) and (pointer:fine){
  .pill:hover{
    background: rgba(255,255,255,.35);
    border-color: rgba(0,0,0,.28);
    transform: translateY(-1px);
  }
}
.main{padding:18px;}
.poster{display:grid; grid-template-columns: 1fr !important; gap:18px; align-items:stretch;}
@media (max-width:980px){.poster{grid-template-columns:1fr;}}
.left{width:100%; padding:18px;}
.kicker{
  display:inline-flex; padding:10px 12px;
  border-radius:999px; border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22); color:var(--muted); font-size:12px;
}
.h1{margin:16px 0 0; font-size:64px; line-height:1.0; letter-spacing:-1px; text-transform:uppercase;}
@media (max-width:520px){.h1{font-size:44px;}}
.h1 .grad{
  background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(214,179,107,.85));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ecg{display:flex; align-items:center; margin-top:10px;}
.ecg .line{height:2px; flex:1; background: linear-gradient(90deg, rgba(15,76,48,0), rgba(15,76,48,.9), rgba(214,179,107,.75), rgba(15,76,48,0));}
.tagline{margin:16px 0 0; font-size:24px; line-height:1.6; color:var(--muted); max-width:60ch;}
.bullets{margin-top:18px; display:flex; flex-direction:column; gap:10px;}
.bullet{display:flex; gap:10px; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.18);}
.check{width:auto;height:auto;border-radius:50%; background:transparent; border:none; padding:0; display:grid; place-items:center; flex:0 0 auto;}
.bullet b{display:block; font-size:15px; color:rgba(255,255,255,.90);}
.formBox{
  margin-top:18px; border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06); border-radius:16px; padding:14px;
  display:flex; flex-direction:column; gap:10px;
}
.formRow{display:flex; gap:10px; flex-wrap:wrap;}
.input{
  flex: 1 1 240px; padding:12px 14px;
  border-radius:14px; border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.28); color:var(--text); outline:none;
}
.input::placeholder{color: rgba(255,255,255,.45);}
.cta{
  padding:12px 16px; border-radius:14px;
  border:1px solid rgba(214,179,107,.35);
  background: linear-gradient(135deg, rgba(15,76,48,.95), rgba(214,179,107,.65));
  color: rgba(255,255,255,.94); font-weight:800;
  text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
  box-shadow: 0 18px 44px rgba(0,0,0,.45);
}
@media (hover:hover) and (pointer:fine){
  .cta:hover{transform: scale(1.05); filter: brightness(1.05); box-shadow: 0 26px 60px rgba(0,0,0,.55);}
}
.count{margin-top:18px; display:grid; grid-template-columns: repeat(4, 1fr); gap:10px;}
@media (max-width:520px){.count{grid-template-columns: repeat(2, 1 fr);}}
.unit{ text-align:center; border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.22); border-radius:14px; padding:10px 6px;}
.num{font-size:26px;font-weight:900;color:rgba(255,255,255,.92)}
.lab{margin-top:2px;font-size:11px;color:var(--muted2);text-transform:uppercase;letter-spacing:.6px}
.right{display:flex; align-items:flex-end; justify-content:center; padding:12px 12px 0;}
.robotWrap{width:min(420px, 100%); display:flex; align-items:flex-end; justify-content:center;}
.footer{
  display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
  padding:14px 18px 18px; color:var(--muted2); font-size:12px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.footer a{ text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.28); }