/* Photographies éditoriales Heldguard */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.header{min-height:88px;height:auto;padding-top:14px;padding-bottom:14px}
.brand{gap:14px;color:#fff;font-size:15px;line-height:1;letter-spacing:.15em}
.brand-mark{width:38px;height:42px;flex:0 0 38px;border:0;background:#b7ff3c;filter:drop-shadow(0 0 11px rgba(183,255,60,.38));position:relative}
.brand-mark:before{content:"";position:absolute;inset:3px;background:#090a08;clip-path:inherit}
.brand-mark i{width:12px;height:22px;margin:0;background:transparent;clip-path:none;box-shadow:none;position:relative;z-index:1}
.brand-mark i:before{content:"";position:absolute;width:9px;height:9px;left:1.5px;top:2px;border:1.5px solid #c8ff68;border-radius:50%;background:#090a08;box-shadow:0 0 9px rgba(183,255,60,.45)}
.brand-mark i:after{content:"";position:absolute;width:2px;height:10px;left:5px;top:10px;background:#c8ff68;box-shadow:0 0 7px rgba(183,255,60,.55)}
.header nav a[aria-current="page"]{color:#fff}
.header nav a[aria-current="page"]:not(.nav-cta){text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:1px;text-underline-offset:6px}
@media(min-width:901px){
  .header{padding-left:3vw;padding-right:3vw}
  .header nav{gap:17px}
  .header nav a{white-space:nowrap}
  .header .nav-cta{padding:12px 15px}
}
.eyebrow{display:flex;align-items:flex-start;gap:10px;max-width:680px;line-height:1.7;letter-spacing:.105em;margin-top:0}
.eyebrow span{flex:0 0 7px;margin:6px 0 0}
.kicker,.plan-label{line-height:1.65}
.hero h1{line-height:1.035;letter-spacing:-.045em;text-wrap:balance}
.hero-lead{max-width:650px}
.button{min-height:52px;line-height:1.25;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.button:hover{transform:translateY(-1px)}
.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.section h2,.contact h2{line-height:1.08;text-wrap:balance}
.section-intro>p:last-child,.fit-grid>div>p,.contact-copy>p:not(.kicker){font-size:15px}
.risk-grid h3{line-height:1.25}
.risk-grid article{min-height:355px}
.risk-grid p{font-size:13.5px;line-height:1.75}
.standards-note{margin-top:42px;padding:24px 0;border-top:1px solid #c9c9c1;border-bottom:1px solid #c9c9c1;display:grid;grid-template-columns:180px 1fr;gap:35px;align-items:start}
.standards-note>span{font:10px "DM Mono";letter-spacing:.16em;color:#547908}
.standards-note p{margin:0;color:#55574f;font-size:13px;line-height:1.75}
.standards-note a{text-decoration:underline;text-decoration-color:#8ab424;text-underline-offset:3px}
.glossary{background:#0c0d0a;border-top:1px solid var(--line)}
.glossary-heading{display:grid;grid-template-columns:1.4fr .8fr;gap:8vw;align-items:end;margin-bottom:55px}
.glossary-heading>p{color:#9b9d94;font-size:14px;line-height:1.75;margin:0 0 14px}
.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.glossary-grid>div{padding:30px;min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.glossary-grid dt{font-size:18px;font-weight:700;color:#fff;margin-bottom:22px}
.glossary-grid dd{margin:0;color:#9b9d94;font-size:13px;line-height:1.75}
.pricing article{overflow:hidden}
.pricing h3{line-height:1.1}
summary{line-height:1.45;gap:22px}
footer .brand{color:#fff}
.hero{position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070806 0%,rgba(7,8,6,.98) 36%,rgba(7,8,6,.28) 65%,rgba(7,8,6,.08) 100%);pointer-events:none}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.05)}
.hero-copy,.hero-visual{z-index:2}
.hero-visual{background:none;border-left-color:rgba(255,255,255,.1)}
.scan-label{color:#a7aa9f}
.signal-card{background:rgba(7,8,6,.78);border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.signal-card small{color:#a1a39a}
.visual-caption{color:#c3c5bb;text-shadow:0 1px 12px #000}
.method-media{margin:0 0 70px;height:clamp(330px,47vw,620px);position:relative;overflow:hidden;background:#0b0c0a}
.method-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.method-media:hover img{transform:scale(1.018)}
.method-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,4,.82),transparent 45%)}
.method-media figcaption{position:absolute;left:34px;right:34px;bottom:28px;z-index:1;color:white;display:flex;align-items:end;justify-content:space-between;gap:20px}
.method-media figcaption span{font:10px "DM Mono";letter-spacing:.16em;color:var(--acid)}
.method-media figcaption strong{font-size:17px;font-weight:500}
.report-media{grid-column:1/-1;margin:18px 0 0;height:clamp(300px,40vw,520px);position:relative;overflow:hidden;background:#070806}
.report-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.report-media:hover img{transform:scale(1.018)}
.report-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,4,.86),transparent 46%)}
.report-media figcaption{position:absolute;left:28px;right:28px;bottom:24px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff}
.report-media figcaption span{font:10px "DM Mono";letter-spacing:.16em;color:var(--acid)}
.report-media figcaption strong{font-size:16px;font-weight:500}
@media(max-width:900px){
  .header{min-height:78px}
  .header nav{top:100%;box-shadow:0 18px 40px rgba(0,0,0,.38)}
  .hero{grid-template-rows:auto 500px}
  .hero:after{background:linear-gradient(180deg,#070806 0%,rgba(7,8,6,.96) 48%,rgba(7,8,6,.12) 78%)}
  .hero-image{object-position:67% center}
  .hero-visual{min-height:500px}
  .standards-note{grid-template-columns:1fr;gap:10px}
  .glossary-heading{grid-template-columns:1fr}
  .glossary-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .header{padding-left:20px;padding-right:20px}
  .brand{font-size:13px;gap:10px}
  .brand-mark{width:32px;height:36px;flex-basis:32px}
  .brand-mark i{width:10px;height:19px;margin:0}
  .brand-mark i:before{width:8px;height:8px;left:1px;top:1px}
  .brand-mark i:after{width:2px;height:9px;left:4px;top:8px}
  .eyebrow{font-size:10px;line-height:1.75;letter-spacing:.075em}
  .hero h1{font-size:clamp(43px,13.8vw,58px);line-height:1.06;letter-spacing:-.04em}
  .hero{grid-template-rows:auto 420px}
  .hero-visual{min-height:420px}
  .hero-image{object-position:72% center}
  .method-media{height:360px;margin-bottom:50px}
  .method-media img{object-position:58% center}
  .method-media figcaption{left:20px;right:20px;bottom:20px;display:block}
  .method-media figcaption strong{display:block;margin-top:8px;font-size:14px}
  .risk-grid article{min-height:325px}
  .glossary-grid{grid-template-columns:1fr}
  .glossary-grid>div{min-height:0;padding:25px}
  .report-media{height:330px;margin-top:4px}
  .report-media img{object-position:46% center}
  .report-media figcaption{left:18px;right:18px;bottom:18px;display:block}
  .report-media figcaption strong{display:block;margin-top:8px;font-size:13px;line-height:1.45}
}