/* CCN Technologies — page d'accueil du portail (31/10/2026). Ne touche ni au logo ni à l'en-tête. */
.ccv-cache{display:none!important}
#ccv-hero{--ink:#0f2d3a;--mut:#64748b;--line:#e3e8ef;--g:#0f9d48;--gb:#16c45b;background:linear-gradient(160deg,#f4f8fb 0%,#eef7f2 60%,#f4f6f9 100%);border-bottom:1px solid var(--line)}
#ccv-hero .ccv-hg{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:center;padding:56px 0 44px}
.ccv-eye{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g);margin-bottom:10px}
#ccv-hero h1{font-size:44px;line-height:1.12;font-weight:700;color:var(--ink);margin:0 0 14px;letter-spacing:-.01em}
.ccv-lead{font-size:17px;color:#475569;margin:0 0 22px;max-width:640px}
.ccv-ds{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 10px 30px rgba(15,45,58,.07)}
.ccv-ds input{flex:1;min-width:0;border:0;outline:none;font-size:16px;padding:8px 12px;color:var(--ink);background:transparent}
.ccv-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink)!important;font-weight:700;font-size:14.5px;padding:10px 18px;border-radius:10px;cursor:pointer;white-space:nowrap;text-decoration:none!important}
.ccv-b.p{background:var(--gb);border-color:var(--gb);color:#fff!important}.ccv-b.p:hover{background:var(--g)}
.ccv-b.d{background:#0f2d3a;border-color:#0f2d3a;color:#fff!important}.ccv-b.d:hover{background:#163f50}
.ccv-b.blk{display:flex;width:100%;margin-top:10px}
.ccv-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}
.ccv-chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 12px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}.ccv-chip:hover{border-color:var(--gb)}
.ccv-lnk{font-size:13.5px;font-weight:700;color:var(--g)!important;margin-left:4px}
.ccv-acc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 40px rgba(15,45,58,.08)}
.ccv-acc h2{font-size:21px;font-weight:700;color:var(--ink);margin:0}.ccv-acc p{color:var(--mut);margin:4px 0 6px;font-size:14px}
.ccv-acg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.ccv-acg a{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:14px;font-weight:600;color:var(--ink)!important;display:flex;align-items:center;gap:8px;text-decoration:none!important}
.ccv-acg a:hover{background:#f8fafc}.ccv-acg i{color:#475569;width:16px;text-align:center}
.ccv-acg span{margin-left:auto;background:#fdecec;color:#b42318;border-radius:99px;font-size:11px;font-weight:700;padding:1px 7px}
.ccv-trust{background:#fff;border-top:1px solid var(--line)}
.ccv-trust .container{display:flex;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.ccv-trust span{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}.ccv-trust i{color:var(--g);margin-right:6px}
body.ccv-on #main-body h2.ccv-h{font-size:30px;font-weight:700;color:#0f2d3a;text-align:center;margin:44px 0 18px}
body.ccv-on #main-body h2.ccv-h small{display:block;font-size:15.5px;font-weight:400;color:#64748b;margin-top:8px}
.ccv-filt{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.ccv-filt button{border:1px solid #e3e8ef;background:#fff;border-radius:99px;padding:8px 16px;font-weight:600;font-size:14px;color:#0f2d3a;cursor:pointer}
.ccv-filt button.on{background:#0f2d3a;border-color:#0f2d3a;color:#fff}
.ccv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.ccv-card{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.ccv-card:hover{border-color:#b9e6c9;box-shadow:0 12px 28px rgba(15,45,58,.08);transform:translateY(-2px)}
.ccv-card.ccv-hl{border-color:#b9e6c9;box-shadow:0 8px 22px rgba(15,157,72,.08)}
.ccv-card b{font-size:17px;line-height:1.3;color:#0f2d3a;margin-top:6px}.ccv-card small{font-size:14px;color:#64748b;line-height:1.45;flex:1}
.ccv-card em{font-style:normal;font-size:11.5px;font-weight:700;background:#fff4e0;color:#b45309;border-radius:99px;padding:2px 8px;vertical-align:middle;white-space:nowrap}
.ccv-more{font-size:14px;font-weight:700;color:#0f9d48;margin-top:6px}
.ccv-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:19px}
.ccv-ic.g{background:#e8f8ef;color:#0f9d48}.ccv-ic.b{background:#eaf1ff;color:#1d4ed8}.ccv-ic.v{background:#f3e8ff;color:#7c3aed}.ccv-ic.r{background:#fdecec;color:#b42318}.ccv-ic.o{background:#fff4e0;color:#b45309}.ccv-ic.n{background:#f1f5f9;color:#334155}
.ccv-help{margin-top:0!important;margin-bottom:30px!important}
.ccv-help > div{margin-bottom:14px}
.ccv-help a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #e3e8ef!important;border-radius:16px;padding:22px 12px!important;font-weight:600;font-size:14.5px;color:#0f2d3a!important;text-align:center;height:100%;box-shadow:none!important;text-decoration:none!important}
.ccv-help a:hover{border-color:#b9e6c9!important;box-shadow:0 10px 24px rgba(15,45,58,.07)!important}
.ccv-help a::before,.ccv-help a::after{display:none!important}
.ccv-help figure{margin:0!important;background:none!important;width:auto!important;height:auto!important}
.ccv-help figure i{font-size:24px!important;color:#0f9d48!important}
@media (max-width:1199.98px){.ccv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ccv-hero h1{font-size:38px}}
@media (max-width:991.98px){#ccv-hero .ccv-hg{grid-template-columns:minmax(0,1fr);gap:24px;padding:36px 0 30px}.ccv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccv-trust .container{justify-content:flex-start}}
@media (max-width:575.98px){
  #ccv-hero h1{font-size:28px}.ccv-lead{font-size:15.5px}
  .ccv-ds{flex-wrap:wrap}.ccv-ds input{flex:1 1 100%;padding:10px 8px}.ccv-ds .ccv-b{flex:1}
  .ccv-grid{grid-template-columns:minmax(0,1fr)}.ccv-trust span{white-space:normal;flex:1 1 45%;font-size:13px}
  body.ccv-on #main-body h2.ccv-h{font-size:24px;margin-top:32px}
}
/* v24 : raccourcis du compte en couleurs pleines, mêmes couleurs que le tableau de bord (services bleu, domaines vert, factures orange, assistance violet) */
.ccv-acg a{border:0!important;color:#fff!important;font-weight:700;box-shadow:0 6px 16px rgba(15,45,58,.10)}
.ccv-acg a i{color:#fff!important}
.ccv-acg a:nth-child(1){background:linear-gradient(135deg,#1e40af,#2563eb)}
.ccv-acg a:nth-child(2){background:linear-gradient(135deg,#0b7a38,#16a34a)}
.ccv-acg a:nth-child(3){background:linear-gradient(135deg,#b4410c,#ea580c)}
.ccv-acg a:nth-child(4){background:linear-gradient(135deg,#5b21b6,#7c3aed)}
.ccv-acg a:hover{filter:brightness(1.07);background-color:transparent}
.ccv-acg span{background:#fff!important;color:#0f2d3a!important}