/* ================================================
   CLEAN SOLUTION — Feuille de style commune
   Inclure dans toutes les pages :
   <link rel="stylesheet" href="styles.css"/>
   ================================================ */


:root{
  /* BLEU BRAND — comme les plaquettes */
  --navy:    #020810;
  --navy2:   #040d1a;
  --navy3:   #071224;
  --blue1:   #0a1e3d;
  --blue2:   #0d2a5a;
  --blue3:   #1a4a9e;
  --blue4:   #2060c8;
  --blue5:   #3a80e8;
  --gold:    #c9a84c;
  --gold2:   #e8c96d;
  --gold3:   #f5dfa0;
  --gRgb:    201,168,76;
  --bRgb:    26,74,158;
  --white:   #ffffff;
  --w80:     rgba(255,255,255,.8);
  --w60:     rgba(255,255,255,.6);
  --w30:     rgba(255,255,255,.3);
  --w10:     rgba(255,255,255,.06);
  --border:  rgba(201,168,76,.18);
  --bsub:    rgba(255,255,255,.07);
  --ff:      'Syne',sans-serif;
  --fb:      'DM Sans',sans-serif;
  --ease:    cubic-bezier(.4,0,.2,1);
  --easOut:  cubic-bezier(0,.55,.45,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--navy);color:var(--white);font-family:var(--fb);font-weight:300;overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{display:block;max-width:100%}

/* ── CURSOR ── */
#cur{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s;mix-blend-mode:normal}
#cring{position:fixed;width:36px;height:36px;border:1px solid rgba(var(--gRgb),.35);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .1s var(--ease)}
.chov #cur{width:40px;height:40px;background:rgba(var(--gRgb),.12)}
.chov #cring{width:56px;height:56px;border-color:var(--gold)}

/* ── UTIL ── */
.wrap{max-width:1200px;margin:0 auto;padding:0 48px}
.gold{color:var(--gold)}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rl{opacity:0;transform:translateX(-36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rr{opacity:0;transform:translateX(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.v,.rl.v,.rr.v{opacity:1;transform:none}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:28px 0;transition:all .5s var(--ease)}
nav.sc{background:rgba(2,8,16,.92);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid rgba(255,255,255,.06);padding:16px 0}
.ni{display:flex;align-items:center;justify-content:space-between}
.nlogo{height:22px;filter:brightness(1.1)}
.nlinks{display:flex;align-items:center;gap:40px}
.nlinks a{font-family:var(--ff);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--w60);transition:color .3s;position:relative}
.nlinks a:hover{color:var(--white)}
.nlinks a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s var(--ease)}
.nlinks a:hover::after{width:100%}
.ndd{position:relative}
.ndd-menu{display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);min-width:240px;background:rgba(4,13,26,.97);border:1px solid var(--border);backdrop-filter:blur(20px)}
.ndd:hover .ndd-menu{display:block}
.ndd-menu a{display:block;padding:11px 22px;font-family:var(--ff);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--w60);transition:all .2s}
.ndd-menu a:hover{color:var(--gold);background:var(--w10);padding-left:28px}
.nright{display:flex;align-items:center;gap:20px}
.ntel{font-family:var(--ff);font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.06em}
.ncta{font-family:var(--ff);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:10px 22px;transition:all .3s var(--ease)}
.ncta:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--gRgb),.25)}
.nbg{display:none;flex-direction:column;gap:5px;padding:4px;cursor:none}
.nbg span{display:block;width:22px;height:1px;background:var(--white);transition:all .3s}

/* ── MOBILE NAV ── */
.mnav{display:none;position:fixed;inset:0;background:rgba(2,8,16,.99);z-index:490;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.mnav.open{display:flex}
.mnav a{font-family:var(--ff);font-size:18px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w60);transition:color .3s}
.mnav a:hover{color:var(--gold)}
.mclose{position:absolute;top:24px;right:32px;font-size:26px;cursor:none;color:var(--w60)}
.mtel{color:var(--gold)!important;font-size:22px!important}

/* ══════════════════════════════════════════
   HERO — IMMERSIF PREMIUM
══════════════════════════════════════════ */
#hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;
  overflow:hidden;
}

/* Canvas video-like background */
#hero-canvas{
  position:absolute;inset:0;z-index:0;
}

/* Overlay gradient bleu brand */
.hero-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,
      rgba(2,8,16,.3) 0%,
      rgba(2,8,16,.1) 40%,
      rgba(2,8,16,.5) 85%,
      rgba(2,8,16,1) 100%
    );
}

/* Vignette latérale */
.hero-vignette{
  position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(ellipse 120% 100% at 50% 50%,
      transparent 40%,
      rgba(2,8,16,.7) 100%
    );
}

/* Grille fine */
.hero-grid{
  position:absolute;inset:0;z-index:2;
  background-image:
    linear-gradient(rgba(var(--bRgb),.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--bRgb),.06) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 0%,transparent 75%);
}

/* Scan line — effet cinéma */
.hero-scanline{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(
    0deg,transparent,transparent 2px,
    rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 4px
  );
}

.hero-content{
  position:relative;z-index:3;
  padding:160px 0 120px;
  width:100%;
}

/* Badge supérieur */
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--ff);font-size:9.5px;font-weight:700;
  letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);margin-bottom:48px;
  opacity:0;animation:fu .8s .3s forwards;
}
.hero-badge-line{width:36px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero-badge-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;
  box-shadow:0 0 8px rgba(var(--gRgb),.8);
  animation:bdot 2s ease-in-out infinite}
@keyframes bdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}

/* Titre — plus petit, plus raffiné */
.hero-h1{
  font-family:var(--ff);font-weight:700;
  font-size:clamp(32px,4.2vw,58px);
  line-height:1.08;letter-spacing:-.015em;
  margin-bottom:20px;max-width:700px;
  opacity:0;animation:fu .9s .45s forwards;
}
.hero-h1 .line{display:block}
.hero-h1 .accent{
  font-weight:300;font-style:italic;
  color:var(--gold);
}

/* Tagline sous le titre */
.hero-tagline{
  font-family:var(--ff);font-size:clamp(13px,1.5vw,17px);
  font-weight:300;color:var(--w60);
  line-height:1.7;max-width:480px;
  margin-bottom:52px;
  opacity:0;animation:fu .9s .6s forwards;
}
.hero-tagline strong{color:var(--w80);font-weight:500}

/* CTA */
.hero-ctas{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  opacity:0;animation:fu .9s .75s forwards;
}
.btn-primary{
  font-family:var(--ff);font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  background:var(--gold);color:var(--navy);
  padding:15px 36px;display:inline-flex;align-items:center;gap:10px;
  position:relative;overflow:hidden;transition:all .35s var(--ease);
}
.btn-primary::before{content:'';position:absolute;inset:0;background:var(--gold2);transform:translateX(-100%);transition:transform .35s var(--ease)}
.btn-primary:hover::before{transform:none}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(var(--gRgb),.3)}
.btn-primary span{position:relative;z-index:1}
.btn-secondary{
  font-family:var(--ff);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--w60);padding:15px 28px;
  border:1px solid rgba(255,255,255,.12);
  display:inline-flex;align-items:center;gap:10px;
  transition:all .3s var(--ease);
}
.btn-secondary:hover{color:var(--gold);border-color:var(--border);background:rgba(var(--gRgb),.04)}

/* Stats flottantes */
.hero-stats{
  position:absolute;bottom:80px;right:0;
  display:flex;z-index:3;
  opacity:0;animation:fu .9s 1.1s forwards;
}
.hstat{
  padding:24px 32px;
  background:rgba(4,13,26,.75);
  border:1px solid rgba(var(--bRgb),.3);
  border-left:none;backdrop-filter:blur(16px);
  text-align:center;
}
.hstat:first-child{border-left:1px solid rgba(var(--bRgb),.3)}
.hstat-n{font-family:var(--ff);font-weight:800;font-size:28px;color:var(--gold2);line-height:1}
.hstat-l{font-family:var(--ff);font-size:8.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--w60);margin-top:5px}

/* Scroll indicator */
.hero-scroll{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
  z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;
  opacity:0;animation:fu .8s 1.4s forwards;
}
.hero-scroll span{font-family:var(--ff);font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.25)}
.scroll-bar{width:1px;height:44px;background:linear-gradient(to bottom,var(--gold),transparent);animation:sb 2.5s ease-in-out infinite}
@keyframes sb{0%{transform:scaleY(0);transform-origin:top;opacity:1}60%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(1);transform-origin:bottom;opacity:0}}

/* Ligne décorative droite */
.hero-deco-right{
  position:absolute;right:80px;top:160px;bottom:160px;z-index:3;
  width:1px;
  background:linear-gradient(to bottom,transparent,rgba(var(--bRgb),.4) 20%,rgba(var(--bRgb),.4) 80%,transparent);
  opacity:0;animation:fadeI .8s 1.2s forwards;
}
.hero-deco-right::before{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:5px;height:5px;background:var(--blue3);border-radius:50%;
  box-shadow:0 0 12px var(--blue3);
  animation:deco 3s ease-in-out infinite;
}
@keyframes deco{0%,100%{top:20%}50%{top:80%}}

@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeI{to{opacity:1}}

/* ── TICKER ── */
#ticker{border-top:1px solid rgba(var(--bRgb),.2);border-bottom:1px solid rgba(var(--bRgb),.2);background:rgba(4,13,26,.9);overflow:hidden;padding:13px 0;position:relative;z-index:3}
.ttrack{display:flex;white-space:nowrap;animation:tick 35s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
.titem{font-family:var(--ff);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.18);padding:0 40px;display:inline-flex;align-items:center;gap:20px}
.titem::after{content:'✦';color:var(--gold);opacity:.4;font-size:7px}

/* ── SECTIONS COMMUNES ── */
.seye{font-family:var(--ff);font-size:9.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px;margin-bottom:16px}
.seye::before{content:'';width:28px;height:1px;background:var(--gold)}
.sh2{font-family:var(--ff);font-weight:700;font-size:clamp(30px,3.8vw,50px);line-height:1.02;letter-spacing:-.018em;margin-bottom:64px}

/* PATHS */
#paths{padding:120px 0;position:relative;z-index:3}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.pcard{position:relative;padding:56px 48px;background:linear-gradient(135deg,rgba(7,18,36,.9),rgba(4,13,26,.95));border:1px solid rgba(var(--bRgb),.2);overflow:hidden;transition:all .4s var(--ease);cursor:none;transform-style:preserve-3d}
.pcard:hover{border-color:var(--border);background:linear-gradient(135deg,rgba(10,26,58,.8),rgba(7,18,36,.95))}
.pglow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(var(--bRgb),.12) 0%,transparent 70%);top:-140px;right:-140px;transition:all .6s var(--ease);pointer-events:none}
.pcard:hover .pglow{top:-40px;right:-40px;background:radial-gradient(circle,rgba(var(--gRgb),.08) 0%,rgba(var(--bRgb),.1) 50%,transparent 70%)}
.pnum{font-family:var(--ff);font-weight:800;font-size:90px;color:rgba(var(--bRgb),.06);position:absolute;top:0;right:20px;line-height:1;pointer-events:none;transition:color .4s}
.pcard:hover .pnum{color:rgba(var(--gRgb),.05)}
.ptag{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);border:1px solid var(--border);padding:6px 14px;margin-bottom:24px}
.ptdot{width:4px;height:4px;background:var(--gold);border-radius:50%}
.ph3{font-family:var(--ff);font-weight:700;font-size:clamp(24px,2.2vw,32px);line-height:1.1;margin-bottom:14px}
.pdesc{font-size:14px;color:var(--w60);line-height:1.8;margin-bottom:32px;max-width:380px}
.plist{margin-bottom:40px;display:flex;flex-direction:column;gap:11px}
.pi{display:flex;align-items:center;gap:13px;font-family:var(--ff);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--w60);transition:color .3s}
.pcard:hover .pi{color:rgba(255,255,255,.75)}
.pidot{width:5px;height:5px;border-radius:50%;background:var(--blue3);flex-shrink:0;opacity:.6;transition:all .3s}
.pcard:hover .pidot{background:var(--gold);opacity:1;transform:scale(1.3)}
.pcta{display:inline-flex;align-items:center;gap:12px;font-family:var(--ff);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.parr{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);transition:all .3s var(--ease)}
.pcard:hover .parr{background:var(--gold);border-color:var(--gold);color:var(--navy);transform:translateX(4px)}

/* RESULTS */
#results{padding:120px 0;background:linear-gradient(180deg,var(--navy2),var(--navy3));border-top:1px solid rgba(var(--bRgb),.15);border-bottom:1px solid rgba(var(--bRgb),.15);position:relative;z-index:3}
.bagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bacard{overflow:hidden;border:1px solid rgba(var(--bRgb),.2);background:var(--navy3);transition:border-color .3s}
.bacard:hover{border-color:var(--border)}
.bawrap{position:relative;aspect-ratio:4/3;overflow:hidden;user-select:none;cursor:ew-resize}
.babefore,.baafter{position:absolute;inset:0}
.baafter{clip-path:inset(0 50% 0 0)}
.bahandle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--gold);transform:translateX(-50%);z-index:10;pointer-events:none}
.bahcirc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--navy);box-shadow:0 4px 20px rgba(var(--gRgb),.4);transition:transform .2s}
.bawrap:hover .bahcirc{transform:translate(-50%,-50%) scale(1.1)}
.baimg{width:100%;height:100%;object-fit:cover}
.baphi{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:linear-gradient(135deg,var(--navy3),var(--navy2))}
.baphi p{font-family:var(--ff);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.12)}
.ballabs{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;padding:0 14px;pointer-events:none;z-index:11}
.balbl{font-family:var(--ff);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;background:rgba(2,8,16,.8)}
.balbl.av{color:var(--gold)}
.balbl.bv{color:var(--w60)}
.bacap{padding:16px 20px;background:rgba(4,13,26,.95)}
.bact{font-family:var(--ff);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.bacs{font-size:12px;color:var(--w60)}
.bacta{text-align:center;margin-top:52px}

/* STATS */
#stats{padding:72px 0;position:relative;z-index:3;background:linear-gradient(90deg,var(--navy2),rgba(10,26,58,.5),var(--navy2));border-bottom:1px solid rgba(var(--bRgb),.12)}
.stgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.stitem{padding:36px 28px;border-right:1px solid rgba(var(--bRgb),.15);text-align:center;transition:background .3s}
.stitem:last-child{border-right:none}
.stitem:hover{background:rgba(var(--bRgb),.05)}
.stnum{font-family:var(--ff);font-weight:800;font-size:clamp(36px,3.5vw,48px);line-height:1;color:var(--gold2)}
.stsuf{font-size:.52em;font-weight:400}
.stlbl{font-family:var(--ff);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--w60);margin-top:8px}

/* WHY */
#why{padding:120px 0;position:relative;z-index:3}
.wlayout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.wqb{padding:48px 42px;border:1px solid rgba(var(--bRgb),.25);border-left:3px solid var(--gold);position:relative;background:linear-gradient(135deg,rgba(7,18,36,.8),rgba(4,13,26,.9))}
.wqb::before{content:'"';font-family:var(--ff);font-size:140px;font-weight:800;color:rgba(var(--bRgb),.08);position:absolute;top:-36px;left:14px;line-height:1}
.wqt{font-family:var(--ff);font-size:clamp(19px,2vw,26px);font-weight:600;line-height:1.38;position:relative;z-index:1}
.wqs{font-family:var(--ff);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:24px}
.wpillars{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.pil{padding:26px 22px;background:linear-gradient(135deg,rgba(7,18,36,.8),rgba(4,13,26,.9));border:1px solid rgba(var(--bRgb),.15);transition:all .35s var(--ease);position:relative;overflow:hidden}
.pil::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue3),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.pil:hover{border-color:rgba(var(--bRgb),.35)}
.pil:hover::after{transform:scaleX(1)}
.pilic{font-size:20px;margin-bottom:11px}
.pilt{font-family:var(--ff);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.pilp{font-size:13px;color:var(--w60);line-height:1.6}
.sects{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.sect{font-family:var(--ff);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--w60);border:1px solid rgba(var(--bRgb),.2);padding:6px 13px;transition:all .3s}
.sect:hover{color:var(--gold);border-color:var(--border)}

/* ZONE */
#zone{padding:96px 0;background:linear-gradient(180deg,var(--navy2),var(--navy3));border-top:1px solid rgba(var(--bRgb),.12);border-bottom:1px solid rgba(var(--bRgb),.12);position:relative;z-index:3}
.zgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.zvis{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(10,26,58,.8) 0%,var(--navy3) 70%);border:1px solid rgba(var(--bRgb),.2);overflow:hidden}
.zbg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(var(--bRgb),.15) 0%,transparent 65%)}
.zrings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.zring{position:absolute;border-radius:50%;border:1px solid rgba(var(--bRgb),.12);animation:rp 4s ease-in-out infinite}
.zring:nth-child(1){width:82%;height:82%;animation-delay:0s}
.zring:nth-child(2){width:62%;height:62%;animation-delay:.5s}
.zring:nth-child(3){width:42%;height:42%;animation-delay:1s}
.zring:nth-child(4){width:22%;height:22%;background:rgba(var(--bRgb),.06);border:none;animation-delay:1.5s}
@keyframes rp{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.025)}}
.zctr{position:relative;z-index:2;text-align:center}
.zkm{font-family:var(--ff);font-weight:800;font-size:76px;color:var(--gold2);line-height:1}
.zkms{font-family:var(--ff);font-size:9px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--w60)}
.zdot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--gold);border-radius:50%;z-index:3;box-shadow:0 0 0 3px rgba(var(--gRgb),.2),0 0 20px rgba(var(--gRgb),.5);animation:dp 2s ease-in-out infinite}
@keyframes dp{0%,100%{box-shadow:0 0 0 3px rgba(var(--gRgb),.2),0 0 20px rgba(var(--gRgb),.5)}50%{box-shadow:0 0 0 7px rgba(var(--gRgb),.1),0 0 36px rgba(var(--gRgb),.7)}}
.cities{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.cit{font-family:var(--ff);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--w60);border:1px solid rgba(var(--bRgb),.2);padding:7px 15px;transition:all .3s}
.cit.main{color:var(--gold);border-color:var(--border)}
.cit:hover{color:var(--white);border-color:rgba(var(--bRgb),.4)}

/* CONTACT */
#contact{padding:120px 0;position:relative;z-index:3}
.cgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.cchans{margin-top:44px;display:flex;flex-direction:column;gap:2px}
.cch{display:flex;align-items:center;gap:18px;padding:18px 22px;background:linear-gradient(135deg,rgba(7,18,36,.8),rgba(4,13,26,.9));border:1px solid rgba(var(--bRgb),.15);transition:all .35s var(--ease);position:relative;overflow:hidden}
.cch::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--blue3),var(--gold));transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease)}
.cch:hover{border-color:rgba(var(--bRgb),.35);padding-left:28px}
.cch:hover::before{transform:scaleY(1)}
.cchi{font-size:16px;flex-shrink:0;width:22px;text-align:center}
.cchl{font-family:var(--ff);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.cchv{font-size:14px;color:var(--white)}
.fbox{background:linear-gradient(135deg,rgba(7,18,36,.9),rgba(4,13,26,.95));border:1px solid rgba(var(--bRgb),.2);padding:44px 40px;position:relative;overflow:hidden}
.fbox::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue3),var(--gold),var(--blue3))}
.fbt{font-family:var(--ff);font-size:24px;font-weight:700;margin-bottom:5px}
.fbs{font-size:13px;color:var(--w60);margin-bottom:28px}
.ftabs{display:flex;border-bottom:1px solid rgba(var(--bRgb),.15);margin-bottom:28px}
.ftab{font-family:var(--ff);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w60);padding:11px 22px;cursor:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .3s}
.ftab.on{color:var(--gold);border-bottom-color:var(--gold)}
.fpanel{display:none}
.fpanel.on{display:block}
.fg{margin-bottom:16px}
.fl{display:block;font-family:var(--ff);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.fi,.fsel,.fta{width:100%;background:rgba(2,8,16,.6);border:1px solid rgba(var(--bRgb),.2);color:var(--white);font-family:var(--fb);font-size:14px;font-weight:300;padding:12px 15px;outline:none;transition:border-color .3s,background .3s;border-radius:0;-webkit-appearance:none}
.fi:focus,.fsel:focus,.fta:focus{border-color:rgba(var(--bRgb),.5);background:rgba(var(--bRgb),.06)}
.fi::placeholder,.fta::placeholder{color:rgba(255,255,255,.15)}
.fsel option{background:var(--navy2)}
.fta{resize:vertical;min-height:88px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fsub{width:100%;font-family:var(--ff);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:15px 28px;border:none;cursor:none;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;margin-top:6px;transition:all .35s var(--ease)}
.fsub::before{content:'';position:absolute;inset:0;background:var(--gold2);transform:translateX(-100%);transition:transform .35s var(--ease)}
.fsub:hover::before{transform:none}
.fsub:hover{box-shadow:0 8px 28px rgba(var(--gRgb),.3);transform:translateY(-1px)}
.fsub span{position:relative;z-index:1}
.fnote{font-size:10px;color:rgba(255,255,255,.12);text-align:center;margin-top:9px}
.hp-field{position:absolute;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}
.fsub:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
.fi-err{border-color:#e74c3c!important}
.ferr{font-family:var(--ff);font-size:10px;color:#e74c3c;margin-top:3px;display:none}
.ferr.show{display:block}
#fsucc{display:none;text-align:center;padding:44px 20px}
#fsucc .sicon{font-size:44px;margin-bottom:14px}
#fsucc p{font-family:var(--ff);font-size:20px;font-weight:700;color:var(--gold)}
#fsucc span{display:block;font-size:13px;color:var(--w60);margin-top:7px}

/* ABOUT */
#about{padding:96px 0;background:linear-gradient(180deg,var(--navy2),var(--navy3));border-top:1px solid rgba(var(--bRgb),.12);position:relative;z-index:3}
.agrid{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:center}
.avals{display:flex;gap:36px;margin-top:36px;flex-wrap:wrap}
.avn{font-family:var(--ff);font-size:38px;font-weight:800;color:var(--gold);line-height:1}
.avl{font-family:var(--ff);font-size:8.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--w60);margin-top:5px}
.abadge{text-align:center;padding:40px 28px;background:linear-gradient(135deg,rgba(7,18,36,.9),rgba(4,13,26,.95));border:1px solid var(--border);position:relative;overflow:hidden}
.abadge::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(var(--bRgb),.1) 0%,transparent 60%)}
.abic{font-size:32px;margin-bottom:14px;position:relative}
.abt{font-family:var(--ff);font-weight:700;font-size:17px;color:var(--gold);margin-bottom:10px;line-height:1.3;position:relative}
.abs{font-family:var(--ff);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--w60);position:relative;line-height:1.8}

/* FOOTER */
footer{background:var(--navy);border-top:1px solid rgba(var(--bRgb),.12);padding:68px 0 28px;position:relative;z-index:3}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;margin-bottom:52px}
.flogo{height:19px;margin-bottom:18px}
.ftag{font-family:var(--ff);font-size:14px;font-weight:600;color:var(--gold);line-height:1.55;margin-bottom:22px}
.fci{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--w60);margin-bottom:8px;transition:color .3s}
.fci:hover{color:var(--white)}
.fct{font-family:var(--ff);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.flinks{display:flex;flex-direction:column;gap:9px}
.flinks a{font-size:13px;color:var(--w60);transition:all .3s}
.flinks a:hover{color:var(--white);padding-left:5px}
.fbot{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(var(--bRgb),.1)}
.fcopy{font-size:11px;color:rgba(255,255,255,.16)}
.fsoc{display:flex;gap:18px}
.fsoc a{font-family:var(--ff);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.18);transition:color .3s}
.fsoc a:hover{color:var(--gold)}

/* PARALLAX */
.parallax-section{transform:translateY(0);will-change:transform}

/* RESPONSIVE */
@media(max-width:1024px){
  .pgrid,.wlayout,.zgrid,.cgrid,.agrid{grid-template-columns:1fr;gap:44px}
  .bagrid{grid-template-columns:1fr 1fr}
  .stgrid{grid-template-columns:repeat(2,1fr)}
  .stitem:nth-child(2){border-right:none}
  .hero-stats{display:none}
  .fgrid{grid-template-columns:1fr 1fr;gap:28px}
  .hero-deco-right{display:none}
}
@media(max-width:768px){
  .wrap{padding:0 20px}
  .nlinks,.ntel,.ncta{display:none}
  .nbg{display:flex}
  body{cursor:auto}
  #cur,#cring{display:none}
  .bagrid,.fgrid{grid-template-columns:1fr}
  .fbot{flex-direction:column;gap:10px;text-align:center}
  .frow{grid-template-columns:1fr}
  .wpillars{grid-template-columns:1fr}
}