:root{--black:#0B0B0C;--black2:#121214;--gold:#D4AF37;--gold2:#A8831E;--text:#F2F2F2;--card:#16171B;--stroke:#24262C}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--black);color:var(--text);
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;line-height:1.55}
img{max-width:100%;display:block}.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Intro G dorée + brume */
#intro{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden;
  animation:introExit .9s ease forwards;animation-delay:3.2s}
.fog{position:absolute;inset:-10% -10% auto -10%;height:70%;background:
  radial-gradient(40% 50% at 50% 30%, rgba(212,175,55,.28), transparent 60%),
  radial-gradient(30% 40% at 20% 60%, rgba(212,175,55,.16), transparent 60%),
  radial-gradient(30% 40% at 80% 60%, rgba(212,175,55,.16), transparent 60%);
  filter:blur(18px);opacity:.88}
.gcar{position:relative;width:min(980px,96vw);aspect-ratio:16/9}
.gcar .box{position:absolute;left:6%;right:6%;top:18%;bottom:30%;background:#0f1114;border:5px solid #454c58;border-radius:10px}
.gcar .grill{position:absolute;left:28%;right:28%;top:54%;height:5%;background:#2a2f37;border-radius:10px;box-shadow:inset 0 6px 0 rgba(255,255,255,.03)}
.gcar .bar{position:absolute;left:18%;right:18%;top:50%;height:1.4%;background:#3a3f49;border-radius:6px}
.gcar .hl{position:absolute;top:50%;width:86px;height:86px;border-radius:50%;transform:translateY(-50%);background:#0a0b0e;box-shadow:0 0 0 5px #5a6572 inset,0 0 18px rgba(0,0,0,.6)}
.gcar .hl.left{left:12%}.gcar .hl.right{right:12%}
.gcar .beam{position:absolute;top:50%;width:62%;height:36%;transform:translateY(-48%);
  background:radial-gradient(40% 120% at 0% 50%, rgba(250,226,140,.95), rgba(255,230,160,.5) 40%, rgba(255,255,255,0) 70%),
             radial-gradient(80% 120% at 0% 50%, rgba(212,175,55,.45), rgba(212,175,55,0) 60%);
  opacity:0;filter:blur(1.4px);pointer-events:none;mix-blend:screen}
.gcar .beam.left{left:14%}.gcar .beam.right{right:14%;transform:scaleX(-1) translateY(-48%)}
@keyframes lightsOnPower{0%{opacity:0;transform:translateY(-48%) scale(.98)}60%{opacity:.95}100%{opacity:1;transform:translateY(-48%) scale(1)}}
#intro .beam{animation:lightsOnPower 1.2s ease forwards .45s}
.headline{position:absolute;inset:auto 0 9%;text-align:center;padding:0 16px}
.headline h1{margin:0;font-size:clamp(28px,5.3vw,54px);line-height:1.08;background:linear-gradient(90deg,#fff,#fff);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(255,255,255,.25));animation:glowToGold 1.8s ease forwards 1.0s}
.headline h1 em{font-style:normal;opacity:.95}
@keyframes glowToGold{0%,60%{background:linear-gradient(90deg,#fff,#fff)}100%{background:linear-gradient(90deg,var(--gold),var(--gold2))}}
.logo-fade{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);opacity:0}
.logo-fade img{height:70px;width:auto;border-radius:10px;box-shadow:0 0 0 2px rgba(212,175,55,.18)}
@keyframes logoReveal{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.logo-fade{animation:logoReveal .8s ease forwards 1.7s}
@keyframes introExit{to{opacity:0;visibility:hidden}}

/* Header / nav */
.header{position:static;background:rgba(11,11,12,.7);backdrop-filter:blur(8px);border-bottom:1px solid var(--stroke)}
.nav{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;flex-wrap:wrap}
.brand img{height:90px;width:auto;border-radius:10px;object-fit:cover;box-shadow:0 0 0 2px rgba(212,175,55,.15)}
.nav-links{display:flex;gap:18px;align-items:center;font-weight:600}
.nav-links a{color:var(--text);text-decoration:none;opacity:.9}
.nav-links a:hover{color:#fff}
.pill{border:2px solid var(--gold);padding:.55rem 1rem;border-radius:999px}
.call{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#000;padding:.7rem 1.1rem;border-radius:10px;font-weight:800;box-shadow:0 0 0 2px rgba(0,0,0,.2) inset}

/* Burger mobile */
.burger{display:none;background:none;border:none;padding:8px}
.burger span{display:block;width:26px;height:2px;background:#ddd;margin:6px 0}
@media (max-width:960px){
  .burger{display:block;position:absolute;right:18px}
  .nav-links{display:none;position:fixed;top:78px;left:12px;right:12px;background:#121214;border:1px solid var(--stroke);border-radius:12px;padding:14px;flex-direction:column;gap:12px;z-index:9999}
  .nav-links.open{display:flex}
  .brand img{height:72px}
}

/* Hero */
.hero{position:relative;padding:94px 0 50px;border-bottom:1px solid var(--stroke);overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:60%;background:
  radial-gradient(600px 300px at 20% 0%, rgba(212,175,55,.18), transparent 60%),
  radial-gradient(600px 300px at 100% 40%, rgba(212,175,55,.10), transparent 70%);
opacity:.9;pointer-events:none;mix-blend:screen}
.hero-inner{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;text-align:center}
.gold-sweep{background:linear-gradient(90deg,var(--gold),#fff,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:shine 9s linear infinite}
@keyframes shine{0%{background-position:220% 0}100%{background-position:0 0}}
.btn{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#111;padding:.9rem 1.25rem;border-radius:12px;text-decoration:none;font-weight:800;margin-right:10px;display:inline-block;transition:transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-outline{border:2px solid var(--gold);color:#fff;padding:.85rem 1.15rem;border-radius:12px;text-decoration:none;font-weight:700;display:inline-block;transition:transform .15s ease}
.btn-outline:hover{transform:translateY(-1px)}
.btn-wa{border:2px solid #25D366;color:#25D366;padding:.85rem 1.15rem;border-radius:12px;text-decoration:none;font-weight:700}

/* Sections */
.section{padding:78px 0;border-bottom:1px solid var(--stroke)}
.section.alt{background:linear-gradient(180deg, var(--black) 0%, var(--black2) 100%)}
h3{margin:0 0 22px;font-size:30px;color:#fff}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.card h4{margin:6px 0 10px;color:var(--gold);font-weight:800}
.card p{margin:0;color:#E8E8E8}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tcard{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:18px}
.tcard .stars{color:var(--gold);font-size:1.1rem;margin-bottom:6px}
.tcard .author{display:block;color:#bbb;margin-top:8px;font-size:.95rem}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:center;margin-bottom:26px}
.contact-link{color:#fff;text-decoration:none;border-bottom:2px solid var(--gold)}
.contact-form{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:18px}
.contact-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form label{display:block;font-weight:600;color:#ddd;font-size:.95rem}
.contact-form input,.contact-form textarea{width:100%;margin-top:6px;background:#0F1013;color:#fff;border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}
.contact-form .submit{margin-top:12px}
.cta-inline{display:flex;gap:10px;flex-wrap:wrap}

/* Footer */
.footer{background:#0F1013;color:#cfcfcf;text-align:center;padding:28px 0;border-top:1px solid var(--stroke)}
.footer-inner{display:flex;gap:16px;align-items:center;justify-content:center}
.footer-logo{height:60px;width:auto;border-radius:8px;box-shadow:0 0 0 2px rgba(212,175,55,.15)}

/* Mobile */
@media (max-width:960px){
  body{padding-bottom:70px}
  .cards{grid-template-columns:1fr}
  .testimonials{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .nav{min-height:auto}
}

/* Cursor doré */
body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><circle cx="6" cy="6" r="6" fill="%23D4AF37"/></svg>') 2 2, auto;}