/* ===================== HRS SUSPENSION — custom (au-dessus de Bootstrap) ===================== */
:root{
  --ink:#14151A;
  --ink-2:#1E2027;
  --light:#F5F6F8;
  --white:#FFFFFF;
  --steel:#6B6E77;
  --steel-dim:#9A9DA6;
  --red:#E5131D;
  --red-dark:#B80F17;
  --gold:#B8893F;
  --line:rgba(20,21,26,0.09);
  --line-dark:rgba(255,255,255,0.1);
}
body{
  font-family:'Work Sans', sans-serif;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{
  font-family:'Oswald', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.01em;
  line-height:1.1;
  font-weight:600;
}
.mono{font-family:'JetBrains Mono', monospace;}
a{text-decoration:none;}
::selection{background:var(--red); color:#fff;}

/* ---------- utility color overrides (Bootstrap) ---------- */
.text-brand-red{color:var(--red) !important;}
.text-brand-gold{color:var(--gold) !important;}
.text-steel{color:var(--steel) !important;}
.bg-ink{background:var(--ink) !important;}
.bg-light-alt{background:var(--light) !important;}

.btn-brand{
  background:var(--red); border-color:var(--red); color:#fff;
  font-family:'Oswald'; text-transform:uppercase; letter-spacing:0.05em; font-size:.85rem;
  padding:.75rem 1.5rem; border-radius:3px; transition:all .15s ease;
}
.btn-brand:hover{background:var(--red-dark); border-color:var(--red-dark); color:#fff; transform:translateY(-1px);}
.btn-outline-brand{
  border:1px solid var(--ink); color:var(--ink); background:transparent;
  font-family:'Oswald'; text-transform:uppercase; letter-spacing:0.05em; font-size:.85rem;
  padding:.75rem 1.5rem; border-radius:3px; transition:all .15s ease;
}
.btn-outline-brand:hover{background:var(--ink); color:#fff;}
.btn-outline-light-brand{
  border:1px solid rgba(255,255,255,0.35); color:#fff; background:transparent;
  font-family:'Oswald'; text-transform:uppercase; letter-spacing:0.05em; font-size:.85rem;
  padding:.75rem 1.5rem; border-radius:3px;
}
.btn-outline-light-brand:hover{background:rgba(255,255,255,0.12); color:#fff;}

/* ---------- eyebrow ---------- */
.eyebrow{
  font-family:'JetBrains Mono'; font-size:.75rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--red); display:flex; align-items:center; gap:10px; margin-bottom:14px;
}
.eyebrow::before{content:''; width:22px; height:2px; background:var(--red);}
.eyebrow-light{color:#F2A6A9;}
.eyebrow-light::before{background:#F2A6A9;}

/* ---------- animations ---------- */
@keyframes fadeUp{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);}}
@keyframes sweep{0%{transform:translateX(-60%);} 100%{transform:translateX(160%);}}
@keyframes pulseRing{0%,100%{opacity:.3; transform:translate(-50%,-50%) scale(1);} 50%{opacity:.6; transform:translate(-50%,-50%) scale(1.06);}}
@keyframes dialSpin{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
.fade-in{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both;}
.reveal{opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
  .fade-in,.reveal{animation:none !important; transition:none !important; opacity:1 !important; transform:none !important;}
}

/* ---------- navbar ---------- */
.navbar-hrs{background:var(--ink); padding:.85rem 0; border-bottom:1px solid rgba(255,255,255,.08);}
.navbar-hrs .navbar-brand img{height:56px;}
@media (max-width:991.98px){.navbar-hrs .navbar-brand img{height:46px;}}
.navbar-hrs .nav-link{
  color:rgba(255,255,255,.75); font-family:'Oswald'; font-size:.85rem; letter-spacing:.05em;
  text-transform:uppercase; padding:.5rem 1rem !important; border-bottom:2px solid transparent;
}
.navbar-hrs .nav-link:hover{color:#fff;}
.navbar-hrs .nav-link.active{color:#fff; border-color:var(--red);}
.navbar-hrs .tel-chip{color:rgba(255,255,255,.6); font-family:'JetBrains Mono'; font-size:.8rem;}
/* Menu burger mobile : icône blanche, bien lisible sur le fond sombre */
.navbar-hrs .navbar-toggler{border-color:rgba(255,255,255,.55) !important; padding:.4rem .6rem;}
.navbar-hrs .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.35);}
.navbar-hrs .navbar-toggler-icon{
  filter:none !important;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ---------- hero ---------- */
.hero-dark{
  background:linear-gradient(150deg, var(--ink) 0%, #1B1D22 55%, #14151A 100%);
  position:relative; overflow:hidden; color:#fff;
}
.hero-dial{position:absolute; right:-140px; top:-90px; width:520px; height:520px; opacity:.18; animation:dialSpin 70s linear infinite; pointer-events:none;}
.hero-dark .lead{color:rgba(255,255,255,.72);}
.hero-stat{border-left:1px solid rgba(255,255,255,.14); padding-left:20px;}
.hero-stat:first-child{border-left:none; padding-left:0;}
.hero-stat .num{font-family:'JetBrains Mono'; font-size:1.7rem; color:var(--gold); font-weight:600;}
.hero-stat .lbl{font-size:.72rem; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.06em;}

.page-hero{background:var(--light); border-bottom:1px solid var(--line); padding:64px 0 56px;}
.page-hero h1{font-size:2.4rem;}
.page-hero .lead{color:var(--steel);}

/* ---------- video block ---------- */
.video-block{position:relative; border-radius:6px; overflow:hidden; height:400px; cursor:pointer; background:var(--ink);}
.video-fake-footage{position:absolute; inset:0; background:radial-gradient(circle at 20% 30%, rgba(229,19,29,.28), transparent 55%), radial-gradient(circle at 80% 70%, rgba(184,137,63,.22), transparent 50%), linear-gradient(135deg,#22242c,#101114 60%); overflow:hidden;}
.video-fake-footage::before{content:''; position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent); animation:sweep 5s linear infinite;}
.video-caption{position:absolute; left:22px; bottom:20px; z-index:3; font-family:'JetBrains Mono'; font-size:.75rem; color:rgba(255,255,255,.65); display:flex; gap:8px; align-items:center;}
.video-caption strong{color:#fff; font-weight:500;}
.video-tag{position:absolute; top:18px; left:22px; z-index:3; font-family:'JetBrains Mono'; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; color:#fff; border:1px solid rgba(255,255,255,.3); padding:4px 10px; background:rgba(0,0,0,.35); border-radius:2px;}
.play-btn{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; width:70px; height:70px; border-radius:50%; background:var(--red); display:flex; align-items:center; justify-content:center; transition:transform .2s;}
.video-block:hover .play-btn{transform:translate(-50%,-50%) scale(1.08);}
.play-ring{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:98px; height:98px; border:1px solid rgba(229,19,29,.55); border-radius:50%; animation:pulseRing 2.4s ease-in-out infinite;}

/* ---------- cards ---------- */
.card-hrs{background:var(--white); border:1px solid var(--line); border-radius:6px; transition:box-shadow .18s, transform .18s, border-color .18s;}
.card-hrs:hover{box-shadow:0 14px 32px rgba(20,21,26,.08); transform:translateY(-3px); border-color:rgba(229,19,29,.25);}
.card-num{font-family:'JetBrains Mono'; color:var(--red); font-size:.8rem; letter-spacing:.1em;}

.service-card-hrs{background:var(--white); border:1px solid var(--line); border-radius:6px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .18s, transform .18s;}
.service-card-hrs:hover{box-shadow:0 16px 34px rgba(20,21,26,.1); transform:translateY(-4px);}
.service-thumb-hrs{height:120px; background:linear-gradient(135deg, var(--light), #EDEEF1); display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line);}
.price-tag{font-family:'JetBrains Mono'; color:var(--gold); font-size:.8rem; font-weight:600;}

.article-card-hrs{background:var(--white); border:1px solid var(--line); border-radius:6px; overflow:hidden; display:block; transition:box-shadow .18s, transform .18s;}
.article-card-hrs:hover{box-shadow:0 16px 34px rgba(20,21,26,.1); transform:translateY(-3px);}
.article-thumb-hrs{height:170px; background:linear-gradient(150deg,#1E2027,#14151A); position:relative; overflow:hidden;}
.article-thumb-hrs .tag{position:absolute; top:14px; left:14px; background:var(--red); color:#fff; font-family:'JetBrains Mono'; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; padding:5px 10px; border-radius:2px;}

.testi-card{background:var(--light); border-left:3px solid var(--red); padding:26px; border-radius:0 6px 6px 0;}
.testi-card .who{font-family:'JetBrains Mono'; font-size:.75rem; color:var(--steel);}

/* ---------- placeholders image/vidéo ---------- */
.thumb-ph{
  position:relative; width:100%; height:100%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:8px; color:rgba(255,255,255,.35);
  background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 2px, transparent 2px 14px);
}
.thumb-ph.light{color:var(--steel-dim); background-image:repeating-linear-gradient(45deg, rgba(20,21,26,.03) 0 2px, transparent 2px 14px);}
.ph-label{font-family:'JetBrains Mono'; font-size:.62rem; letter-spacing:.07em; text-transform:uppercase; opacity:.85;}

/* ---------- pills / badges ---------- */
.pill-hrs{border:1px solid var(--line); padding:8px 16px; font-family:'JetBrains Mono'; font-size:.75rem; letter-spacing:.04em; color:var(--steel); border-radius:20px; background:var(--white);}
.pill-hrs.active{border-color:var(--red); color:var(--ink); background:#FDECEC;}

/* ---------- benefit chips ---------- */
.benefit-chip{display:flex; align-items:center; gap:8px; font-family:'JetBrains Mono'; font-size:.75rem; color:var(--steel);}

/* ---------- process ---------- */
.process-item{border-top:1px solid var(--line); padding:24px 0;}
.process-item:last-child{border-bottom:1px solid var(--line);}
.process-num{font-family:'JetBrains Mono'; font-size:1.7rem; color:var(--red); font-weight:600;}

/* ---------- timeline ---------- */
.timeline{border-left:2px solid var(--line); margin-left:6px;}
.tl-item{position:relative; padding:0 0 40px 30px;}
.tl-item::before{content:''; position:absolute; left:-7px; top:4px; width:11px; height:11px; border-radius:50%; background:var(--red); border:3px solid #fff; box-shadow:0 0 0 1px var(--line);}
.tl-year{font-family:'JetBrains Mono'; color:var(--gold); font-size:.8rem; display:block; margin-bottom:4px;}

/* ---------- pricing table ---------- */
.table-tarifs td, .table-tarifs th{border-color:var(--line); padding:.9rem .6rem; vertical-align:middle;}
.table-tarifs th{font-family:'JetBrains Mono'; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--steel); font-weight:500; border-bottom-width:1px;}
.table-tarifs td.price{font-family:'JetBrains Mono'; color:var(--gold); font-weight:600;}

/* ---------- accordion (FAQ) ---------- */
.accordion-hrs .accordion-button{font-family:'Work Sans'; font-weight:600; font-size:.95rem; background:var(--white); box-shadow:none;}
.accordion-hrs .accordion-button:not(.collapsed){color:var(--red); background:#FDF3F3;}
.accordion-hrs .accordion-button:focus{box-shadow:none; border-color:var(--line);}
.accordion-hrs .accordion-item{border-color:var(--line);}

/* ---------- CTA banner ---------- */
.cta-banner-hrs{background:var(--ink); border-radius:8px; padding:3.2rem; color:#fff;}
.cta-banner-hrs h2{font-size:1.7rem; max-width:480px;}

/* ---------- footer ---------- */
.footer-hrs{background:var(--ink); color:rgba(255,255,255,.65); padding:64px 0 28px;}
.footer-hrs h4{color:#fff; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; margin-bottom:16px;}
.footer-hrs a{color:rgba(255,255,255,.6);}
.footer-hrs a:hover{color:#fff;}
.footer-hrs .logo-foot img{height:32px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1); padding-top:20px; font-family:'JetBrains Mono'; font-size:.72rem; color:rgba(255,255,255,.4);}

/* ---------- contact ---------- */
.form-control-hrs{background:var(--light); border:1px solid var(--line); padding:.75rem .9rem; border-radius:4px;}
.form-control-hrs:focus{border-color:var(--red); box-shadow:0 0 0 .2rem rgba(229,19,29,.12);}
.map-block-hrs{height:220px; border-radius:6px; background:repeating-linear-gradient(0deg, rgba(20,21,26,.04) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(20,21,26,.04) 0 1px, transparent 1px 34px), var(--light); border:1px solid var(--line); position:relative;}
.map-pin{position:absolute; top:44%; left:52%; width:16px; height:16px; background:var(--red); border-radius:50% 50% 50% 0; transform:rotate(-45deg);}
.social-chip{width:38px; height:38px; border:1px solid var(--line); border-radius:4px; display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono'; font-size:.7rem; color:var(--steel);}
.social-chip:hover{border-color:var(--red); color:var(--red);}

.badge-mock{position:fixed; bottom:16px; right:16px; z-index:999; background:var(--red); color:#fff; font-family:'JetBrains Mono'; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; padding:7px 12px; border-radius:3px; opacity:.9; pointer-events:none;}

@media (max-width:991.98px){
  .navbar-hrs .nav-link{border-bottom:none; padding:.6rem 0 !important;}
  .hero-stat{border-left:none; padding-left:0; margin-bottom:14px;}
  .video-block{height:240px;}
}


.video-block {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
}

.video-block iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* ===================== AJOUTS — refonte maquette ===================== */

/* Icônes nav (compte / panier) */
.nav-icon-link{position:relative; color:rgba(255,255,255,.85); display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:4px; transition:background .15s, color .15s;}
.nav-icon-link:hover{color:#fff; background:rgba(255,255,255,.08);}
.nav-icon-link svg{width:19px; height:19px;}
.cart-badge{position:absolute; top:-4px; right:-4px; background:var(--red); color:#fff; font-family:'JetBrains Mono'; font-size:.6rem; line-height:1; min-width:16px; height:16px; border-radius:8px; display:flex; align-items:center; justify-content:center; padding:0 3px; border:1.5px solid var(--ink);}

/* Bloc vidéo atelier (natif, sans son) */
.video-native{width:100%; height:100%; object-fit:cover; display:block;}

/* Marques en slide (marquee) */
.brand-marquee{overflow:hidden; position:relative; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0; mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);}
.brand-track{display:flex; align-items:center; gap:56px; width:max-content; animation:marquee 26s linear infinite;}
.brand-marquee:hover .brand-track{animation-play-state:paused;}
.brand-item{font-family:'Oswald'; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--steel); font-size:1.05rem; white-space:nowrap; display:flex; align-items:center; gap:10px;}
.brand-item::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--red);}
@keyframes marquee{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.brand-track{animation:none;}}

/* Bandeau "prêt à sentir" */
.ready-banner{background:linear-gradient(150deg, var(--ink) 0%, #1B1D22 60%, #14151A 100%); border-radius:8px; padding:3.4rem 3rem; color:#fff; position:relative; overflow:hidden;}
.ready-banner::before{content:''; position:absolute; right:-60px; top:-60px; width:260px; height:260px; border-radius:50%; border:1px solid rgba(255,255,255,.08); }
.ready-banner h2{font-size:1.9rem; max-width:560px; margin-bottom:.5rem;}
.ready-banner p{color:rgba(255,255,255,.65); max-width:480px; margin-bottom:1.6rem;}

/* Univers services (Révision / Préparation) */
.univers-tabs{display:flex; gap:16px; flex-wrap:wrap;}
.univers-card{flex:1 1 320px; cursor:pointer; border:1px solid var(--line); border-radius:8px; padding:2rem; background:var(--white); transition:box-shadow .18s, transform .18s, border-color .18s;}
.univers-card:hover{transform:translateY(-3px); box-shadow:0 14px 32px rgba(20,21,26,.08);}
.univers-card.active{border-color:var(--red); background:#FDF3F3;}
.univers-card .num{font-family:'JetBrains Mono'; color:var(--red); font-size:.8rem; letter-spacing:.1em;}
.univers-panel{display:none;}
.univers-panel.active{display:block;}

/* Grille e-commerce */
.shop-card{background:var(--white); border:1px solid var(--line); border-radius:8px; overflow:hidden; display:flex; flex-direction:column; height:100%; transition:box-shadow .18s, transform .18s;}
.shop-card:hover{box-shadow:0 16px 34px rgba(20,21,26,.1); transform:translateY(-4px);}
.shop-thumb{height:190px; background:linear-gradient(135deg, var(--light), #EDEEF1); display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); position:relative;}
.shop-thumb img{max-height:100%; max-width:100%; object-fit:contain;}
.shop-badge{position:absolute; top:12px; left:12px; background:var(--ink); color:#fff; font-family:'JetBrains Mono'; font-size:.62rem; letter-spacing:.07em; text-transform:uppercase; padding:4px 9px; border-radius:2px;}
.shop-badge.occasion{background:var(--gold);}
.shop-filters .pill-hrs{cursor:pointer; user-select:none;}
.shop-filters .pill-hrs.active{border-color:var(--red); color:var(--ink); background:#FDECEC;}

/* Recherche catalogue (loupe) */
.shop-search{position:relative; width:100%; max-width:320px; flex-shrink:0;}
.shop-search-icon{position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--steel); pointer-events:none; transition:color .2s;}
.shop-search-input{width:100%; border:1px solid var(--line); border-radius:20px; background:var(--white); padding:9px 38px 9px 42px; font-size:.9rem; color:var(--ink); outline:none; transition:border-color .2s, box-shadow .2s;}
.shop-search-input::placeholder{color:var(--steel); opacity:.8;}
.shop-search-input::-webkit-search-cancel-button{display:none;}
.shop-search-input:focus,.shop-search-input:focus-visible{outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(229,19,29,.12);}
.shop-search:focus-within .shop-search-icon{color:var(--red);}
.shop-search-clear{position:absolute; right:8px; top:50%; transform:translateY(-50%); width:26px; height:26px; border:0; border-radius:50%; background:transparent; color:var(--steel); font-size:1.2rem; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.shop-search-clear:hover{background:#FDECEC; color:var(--red);}
.shop-search-clear.d-none{display:none !important;}
@media (max-width:991.98px){.shop-search{max-width:none;}}

/* Page produit détail */
.product-gallery-main{height:380px; background:linear-gradient(135deg, var(--light), #EDEEF1); border:1px solid var(--line); border-radius:8px; display:flex; align-items:center; justify-content:center;}
.product-gallery-main img{max-height:88%; max-width:88%; object-fit:contain;}
.qty-input{width:90px;}

/* Guides / FAQ enrichie */
.guide-card{border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--white);}
.guide-card summary{cursor:pointer; list-style:none; padding:1.3rem 1.5rem; font-family:'Oswald'; font-weight:600; font-size:1.02rem; display:flex; align-items:center; justify-content:space-between; gap:12px;}
.guide-card summary::-webkit-details-marker{display:none;}
.guide-card summary .chev{transition:transform .2s; flex-shrink:0;}
.guide-card[open] summary .chev{transform:rotate(180deg);}
.guide-card[open] summary{color:var(--red); background:#FDF3F3; border-bottom:1px solid var(--line);}
.guide-body{padding:1.5rem;}
.guide-video{border-radius:6px; overflow:hidden; background:var(--ink); margin-bottom:1rem;}
.guide-pdf-link{display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:6px; padding:.75rem 1rem; font-family:'JetBrains Mono'; font-size:.8rem; color:var(--ink); background:var(--light); transition:border-color .15s, background .15s;}
.guide-pdf-link:hover{border-color:var(--red); background:#FDF3F3; color:var(--red);}

/* WP Dealer */
.dealer-hero{background:linear-gradient(150deg, var(--ink) 0%, #1B1D22 55%, #14151A 100%); color:#fff; padding:60px 0;}
.dealer-hero img{max-height:64px;}
.file-drop{border:1.5px dashed var(--line); border-radius:6px; padding:1.4rem; text-align:center; background:var(--light); font-size:.85rem; color:var(--steel);}
.file-drop.has-file{border-color:var(--red); background:#FDF3F3; color:var(--ink);}

/* Compte / panier */
.account-tabs .nav-link{font-family:'Oswald'; text-transform:uppercase; font-size:.82rem; letter-spacing:.04em; color:var(--steel); border:none; border-bottom:2px solid transparent; padding:.75rem 0; margin-right:2rem;}
.account-tabs .nav-link.active{color:var(--ink); border-color:var(--red); background:none;}
.cart-line{display:flex; gap:16px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line);}
.cart-thumb{width:76px; height:76px; border-radius:6px; background:var(--light); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.cart-thumb img{max-width:80%; max-height:80%; object-fit:contain;}
.empty-state{text-align:center; padding:4rem 1rem; color:var(--steel);}

/* News : image à la une cliquable vers le profil du pilote */
.article-hero-link{display:block; position:relative; color:#fff;}
.article-hero-link img{transition:transform .4s ease;}
.article-hero-link:hover img{transform:scale(1.02);}
.article-hero-badge{position:absolute; right:14px; bottom:14px; display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .8rem; border-radius:4px; background:rgba(20,21,26,.82); color:#fff; font-family:'JetBrains Mono', monospace; font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; transition:background .15s;}
.article-hero-link:hover .article-hero-badge{background:var(--red);}
.article-hero-badge svg{width:16px; height:16px;}
.pilot-card .btn svg{width:16px; height:16px;}