:root{--ag-accent:#e0417f}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#0e0c10;color:#e8e3ea;font:400 16px/1.7 "Segoe UI",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.age{background:#1b1620;border-bottom:1px solid #2c2431;font-size:12px;color:#9c8fa8;padding:7px 0;text-align:center;letter-spacing:.02em}
header{border-bottom:1px solid #241d29;background:#120f15;position:sticky;top:0;z-index:5}
.hd{display:flex;align-items:center;gap:28px;height:66px}
.logo{font-size:20px;font-weight:600;letter-spacing:-.02em;display:inline-block}
.logo span{color:var(--ag-accent)}
nav{display:flex;gap:22px;font-size:14px;color:#a99cb4;margin-left:auto}
nav a:hover{color:var(--ag-accent)}
.search{background:#1b1620;border:1px solid #2f2736;border-radius:6px;padding:8px 12px;font-size:13px;color:#7d7188;width:180px}
.bc{font-size:12.5px;color:#7d7188;padding:18px 0 0}
.bc a:hover{color:var(--ag-accent)}
h1{font-size:34px;font-weight:600;letter-spacing:-.02em;margin:10px 0 6px}
.dom{font-size:14px;color:#8d7f98;font-family:ui-monospace,Menlo,monospace;margin-bottom:26px}
.fiche-top{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;margin-bottom:34px}
.shot{width:100%;height:250px;border-radius:10px}
img.shot{object-fit:cover;background:#181320;border:1px solid #2f2736;display:block}
div.shot{background:#181320;border:1px solid #2f2736;display:flex;align-items:center;justify-content:center;color:#5d5367;font-size:13px;font-family:ui-monospace,monospace}
table.meta{width:100%;border-collapse:collapse;background:#151119;border:1px solid #262030;border-radius:10px;overflow:hidden}
table.meta th,table.meta td{padding:10px 16px;text-align:left;font-size:14px;border-bottom:1px solid #211b28;font-weight:400}
table.meta th{color:#8d7f98}
table.meta td{color:#cdc3d4;font-weight:500;text-align:right}
table.meta tr:last-child th,table.meta tr:last-child td{border-bottom:0}
table.meta td.score{color:var(--ag-accent);font-size:22px;font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0}
.tag{background:#241a26;color:#d98cb0;border:1px solid #3a2a3d;border-radius:20px;font-size:12px;padding:4px 11px}
.prose{margin-top:30px}
.prose h2{font-size:21px;font-weight:600;margin:30px 0 12px;letter-spacing:-.01em}
.prose p{color:#c3b9cb;margin-bottom:14px;max-width:74ch}
.cta{background:#1a1220;border:1px solid #4a2340;border-radius:10px;padding:22px 24px;margin:34px 0;display:flex;align-items:center;gap:20px}
.cta div{flex:1}
.cta b{display:block;font-size:16px;font-weight:500;margin-bottom:3px}
.cta p{font-size:13.5px;color:#9c8fa8}
.btn{background:var(--ag-accent);color:#fff;border-radius:7px;padding:12px 22px;font-size:14.5px;font-weight:500;white-space:nowrap;display:inline-block}
h3{font-size:15px;font-weight:500;color:#8d7f98;text-transform:uppercase;letter-spacing:.07em;margin:44px 0 16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{background:#151119;border:1px solid #262030;border-radius:9px;overflow:hidden;display:block;min-width:0}
.card-img{display:block;width:100%;height:96px;object-fit:cover;object-position:top center}
.card-txt{display:block;padding:14px 16px 16px}
.card b{display:block;font-size:14.5px;font-weight:500;margin-bottom:3px}
.card p{font-size:12.5px;color:#8d7f98;line-height:1.5}
.card i{display:block;font-style:normal;font-size:11.5px;color:var(--ag-accent);margin-top:9px}
.hub-count{font-size:14px;color:#8d7f98;margin-bottom:26px}
.home-hero{padding:54px 0 10px}
.home-hero h1{font-size:38px;margin-bottom:14px;max-width:21em;line-height:1.18}
.home-hero p{color:#c3b9cb;font-size:16px;max-width:62ch}
.hub-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:36px 0 50px}
.tile{background:#151119;border:1px solid #262030;border-radius:10px;overflow:hidden;display:block;min-width:0}
.tile-img{display:block;width:100%;height:158px;object-fit:cover}
.tile-txt{display:block;padding:18px 24px 21px}
.tile b{display:block;font-size:18px;font-weight:600;margin-bottom:6px}
.tile em{font-size:13px;color:#8d7f98;font-style:normal}
.tile i{display:block;margin-top:10px;font-size:13.5px;font-style:normal;line-height:1.52;color:#cfc4d6}
.home-texte{margin:0 0 58px}
.hub-texte{margin:42px 0 56px}
.ht-chapeau{columns:2;column-gap:52px;margin-bottom:36px}
.ht-chapeau p{color:#cfc6d6;font-size:16.5px;line-height:1.68;margin-bottom:15px;break-inside:avoid}
.ht-chapeau p:last-child{margin-bottom:0}
.ht-bloc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:16px 52px;padding:28px 0;border-top:1px solid #262030}
.ht-bloc h2{font-size:21px;font-weight:600;color:var(--ag-accent);margin:0;max-width:20ch;line-height:1.32}
.ht-corps{max-width:72ch}
.ht-corps p{color:#bdb2c6;margin-bottom:15px}
.ht-corps p:last-child{margin-bottom:0}
@media(max-width:820px){.ht-bloc{grid-template-columns:1fr;gap:12px;padding:22px 0}.ht-chapeau{columns:1}}
footer{border-top:1px solid #241d29;margin-top:60px;padding:26px 0 40px;font-size:12.5px;color:#6f6479}
.err-liens{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 46px}
.err-liens a{display:inline-block;border:1px solid #262030;border-radius:8px;padding:11px 17px;font-size:14px;background:#151119}