/* Styles propres à realisations/nova-tech/index.html.
   Extraits des 1 bloc(s) <style> de la page, dans leur ordre d'origine.
   Chargé au même rang qu'avant dans la cascade : après le socle, avant responsive.css. */
/* Partagé par 4 page(s) : en/work/myhr-on-call/index.html, en/work/nova-tech/index.html, realisations/myhr-on-call/index.html, realisations/nova-tech/index.html */

/* ==== bloc <style> — extrait de realisations/nova-tech/index.html ==== */
  /* étude de cas v2 : la logique du site (fenêtres vivantes, sections compactes, points or) */
  .ffx{display:inline-flex; gap:4px; flex:0 0 auto;}
  .ffx .fc{height:13px; border-radius:2.5px; overflow:hidden; display:inline-flex; box-shadow:0 1px 2px rgba(14,23,38,0.2), inset 0 0 0 0.5px rgba(14,23,38,0.08);}
  .ffx .fc.fr{width:19px;} .ffx .fc.fr i{flex:1;} .ffx .fc.fr .b{background:#0055A4;} .ffx .fc.fr .w{background:#fff;} .ffx .fc.fr .r{background:#EF4135;}
  .ffx .fc.ch{width:13px; background:#D52B1E; position:relative;}
  .ffx .fc.ch::before{content:""; position:absolute; left:50%; top:50%; width:7px; height:2.2px; background:#fff; transform:translate(-50%,-50%);}
  .ffx .fc.ch::after{content:""; position:absolute; left:50%; top:50%; width:2.2px; height:7px; background:#fff; transform:translate(-50%,-50%);}
  .cs-sec{padding:4rem 0;}
  .cs-grid{display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,0.96fr); gap:clamp(2.2rem,4.5vw,3.8rem); align-items:center;}
  .cs-side{position:relative; max-width:560px; width:100%; margin:0 auto;}
  .cs-side::before{content:""; position:absolute; right:-7%; top:-9%; width:170px; height:170px; z-index:0;
    background-image:radial-gradient(rgba(200,146,42,0.4) 1.4px, transparent 1.4px); background-size:13px 13px;
    -webkit-mask-image:radial-gradient(closest-side, #000, transparent); mask-image:radial-gradient(closest-side, #000, transparent);}
  .cs-side .shot{position:relative; z-index:1;}
  .cs-on{margin-left:auto; display:inline-flex; align-items:center; gap:0.55rem; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.67rem; color:#1f8a54; white-space:nowrap;}
  .cs-on i{width:7px; height:7px; border-radius:50%; background:#22b573; animation:cs-pulse 2.4s ease-out infinite;}
  @keyframes cs-pulse{0%{box-shadow:0 0 0 0 rgba(34,181,115,0.45);}70%{box-shadow:0 0 0 7px rgba(34,181,115,0);}100%{box-shadow:0 0 0 0 rgba(34,181,115,0);}}
  .cs-side .shot-img{aspect-ratio:16/10.2; background-size:cover; background-position:top center; transition:background-position 4s ease;}
  .cs-side .shot:hover .shot-img{background-position:bottom center;}
  .cs-side .shot:hover{transform:translateY(-6px);}
  .cl-mini{list-style:none; display:grid; gap:0.75rem; margin:1.4rem 0 1.6rem; padding:0;}
  .cl-mini li{display:flex; gap:0.7rem; align-items:baseline; color:var(--ink2); font-size:0.95rem; line-height:1.55;}
  .cl-mini li svg{width:18px; height:18px; color:var(--gold); flex:0 0 auto; transform:translateY(3px);}
  .cl-mini b{font-family:'Space Grotesk',sans-serif; font-weight:600; color:var(--ink);}
  .cs-meta{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.9rem 1.6rem; margin-top:1.6rem; padding-top:1.4rem; border-top:1px solid var(--line);}
  .cs-meta .k{display:block; font-size:0.64rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:0.18rem;}
  .cs-meta .v{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.92rem; color:var(--ink);}
  .cs-quote{position:relative; display:flex; justify-content:center;}
  .cs-quote::before{content:""; position:absolute; left:-4%; bottom:-10%; width:160px; height:160px; z-index:0;
    background-image:radial-gradient(rgba(200,146,42,0.4) 1.4px, transparent 1.4px); background-size:13px 13px;
    -webkit-mask-image:radial-gradient(closest-side, #000, transparent); mask-image:radial-gradient(closest-side, #000, transparent);}
  .cs-quote .ptestimo{position:relative; z-index:1;}
  .cs-presta{max-width:680px; margin:0 auto; text-align:center;}
  .cs-presta .chips{justify-content:center; margin:1rem 0 1.3rem;}
  .cs-presta .chips a{text-decoration:none;}
  .cs-presta .chips a span{display:inline-block; transition:border-color .3s, color .3s, transform .25s;}
  .cs-presta .chips a:hover span{border-color:var(--gold); color:var(--gold); transform:translateY(-2px);}
  .cs-presta p{color:#45516b; font-size:0.98rem; line-height:1.65; margin:0;}
  @media (max-width:900px){
    .cs-grid{grid-template-columns:minmax(0,1fr); gap:2.4rem;}
    .cs-side{order:-1;}
  }
  @media (max-width:560px){ .cs-meta{gap:0.8rem 1.2rem;} }
  /* hero : halo or + semis de points, entrée en escalier, retour aux réalisations */
  .cs-hero{background:
    radial-gradient(900px 480px at 85% 10%, rgba(236,184,69,0.12), transparent 60%),
    radial-gradient(520px 320px at 30% -20%, rgba(47,125,246,0.05), transparent 60%), #fff;}
  .cs-hero::before{content:""; position:absolute; inset:0; pointer-events:none;
    background-image:radial-gradient(rgba(200,146,42,0.4) 1.2px, transparent 1.3px); background-size:23px 23px;
    -webkit-mask-image:radial-gradient(600px 380px at 82% 30%, #000, transparent 68%); mask-image:radial-gradient(600px 380px at 82% 30%, #000, transparent 68%);}
  .cs-back{display:inline-flex; align-items:center; gap:0.45rem; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.82rem; color:var(--ink2); text-decoration:none; margin-bottom:1.1rem; transition:color .3s;}
  .cs-back svg{width:15px; height:15px; transition:transform .3s;}
  .cs-back:hover{color:var(--gold);} .cs-back:hover svg{transform:translateX(-3px);}
  .cs-hero .wrap > *{animation:cs-rise .8s cubic-bezier(.19,1,.22,1) both;}
  .cs-hero .cs-back{animation-delay:.03s;} .cs-hero .eyebrow{animation-delay:.08s;} .cs-hero h1{animation-delay:.15s;}
  .cs-hero .subhero-lede{animation-delay:.22s;} .cs-hero .chips{animation-delay:.29s;} .cs-hero .subhero-cta{animation-delay:.36s;}
  @keyframes cs-rise{from{opacity:0; transform:translateY(18px);}to{opacity:1; transform:none;}}
  @media (prefers-reduced-motion:reduce){.cs-hero .wrap > *{animation:none !important;}}
  /* CTA : bande compacte, le fond de page reste blanc (même bande que les pages services) */
  .cta-mini{padding:0 0 5rem;}
  .cta-mini .band{position:relative; overflow:hidden; border-radius:22px; padding:2.4rem 2.6rem;
    background:linear-gradient(152deg,#14223a 0%,#0b1320 64%); color:#fff;
    display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap;
    box-shadow:0 30px 70px -30px rgba(14,23,38,0.5);}
  .cta-mini .band::after{content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(520px 300px at 100% -10%, rgba(236,184,69,0.20), transparent 60%),
               radial-gradient(420px 320px at -6% 120%, rgba(47,125,246,0.12), transparent 58%);}
  .cta-mini h2{position:relative; font-size:clamp(1.5rem,2.6vw,2.05rem); font-weight:700; line-height:1.15; margin:0; max-width:22ch;}
  .cta-mini h2 em{font-style:normal; color:var(--goldb);}
  .cta-mini .row{position:relative; display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap;}
  .cta-mini .btn-line{color:#fff; border-color:var(--goldb);}
  @media (max-width:560px){.cta-mini .band{padding:1.9rem 1.5rem;}}