
:root{
  --ab-ground:#120a0d;--ab-deep:#0b0608;--ab-bed:#180d11;--ab-card:#221318;--ab-card-hi:#2d1920;--ab-line:#3d2229;
  --ab-gold:#e2b04a;--ab-gold-deep:#c9962f;--ab-gold-txt:#ecc26a;--ab-red:#c8323f;--ab-red-txt:#ef6b76;
  --ab-ink:#f4ece2;--ab-mute:#c3b2a8;--ab-btn-ink:#160c06;--ab-plate:#f6f1ea;
  --ab-r:14px;--ab-r-btn:999px;--ab-top:66px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
html,body{overflow-x:clip}
body{margin:0;background:var(--ab-ground);color:var(--ab-ink);font:400 17px/1.62 'Hanken Grotesk',system-ui,sans-serif;padding-bottom:74px}
img{max-width:100%;height:auto;display:block}
a{color:var(--ab-gold-txt)}
h1,h2,h3{font-family:'Gloock',Georgia,serif;font-weight:400;line-height:1.12;margin:0}
h1{font-size:clamp(2.3rem,4.2vw + .6rem,3.8rem)}
h2{font-size:clamp(1.65rem,2.2vw + .6rem,2.4rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
.ab-wrap{max-width:1160px;margin:0 auto;padding:0 16px}
section{padding:64px 0}
section[id]{scroll-margin-top:calc(var(--ab-top) + 12px)}
.ab-alt{background:var(--ab-bed);border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line)}
.ab-head{margin-bottom:28px;max-width:760px}
.ab-suit{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--ab-mute);font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}
.ab-suit b{display:grid;place-items:center;width:34px;height:44px;border-radius:6px;background:var(--ab-plate);color:#1d1013;font:400 1.3rem/1 Georgia,serif;letter-spacing:0;box-shadow:0 0 0 2px var(--ab-gold)}
.ab-suit b.r{color:var(--ab-red)}
.ab-head p{margin:10px 0 0;color:var(--ab-mute);font-size:1.08rem}
.ab-prose{max-width:70ch;overflow-wrap:anywhere}
.ab-prose p{color:var(--ab-mute)}
.ab-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center;margin:0 0 28px}

.ab-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:var(--ab-r-btn);
  background:var(--ab-gold);color:var(--ab-btn-ink);font-weight:800;font-size:1.05rem;text-decoration:none;
  box-shadow:0 10px 26px rgba(226,176,74,.22);transition:background .18s,transform .18s}
.ab-btn:hover,.ab-btn:focus-visible{background:var(--ab-gold-deep);color:var(--ab-btn-ink);transform:translateY(-1px)}
.ab-btn--ghost{background:transparent;color:var(--ab-ink);box-shadow:inset 0 0 0 2px var(--ab-red)}
.ab-btn--ghost:hover,.ab-btn--ghost:focus-visible{background:var(--ab-card);color:var(--ab-ink)}
.ab-btn--wide{width:100%}

.ab-top{position:sticky;top:0;z-index:60;background:rgba(11,6,8,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--ab-line)}
.ab-top-in{display:flex;align-items:center;gap:16px;min-height:var(--ab-top);padding-top:8px;padding-bottom:8px}
.ab-logo{display:flex;align-items:center;flex-shrink:0}
.ab-logo img{height:34px;width:auto}
.ab-nav{display:flex;gap:2px;margin:0 0 0 auto;list-style:none;padding:0;overflow-x:auto;scrollbar-width:none}
.ab-nav::-webkit-scrollbar{display:none}
.ab-nav a{display:block;padding:8px 11px;border-radius:8px;color:var(--ab-mute);font-weight:600;text-decoration:none;white-space:nowrap}
.ab-nav a:hover,.ab-nav a:focus-visible{color:var(--ab-ink);background:var(--ab-card)}
.ab-top .ab-btn{flex-shrink:0;padding:10px 20px;font-size:.98rem}

.ab-hero{padding:24px 0 52px;background:radial-gradient(800px 460px at 82% 40%,rgba(200,50,63,.2),transparent 70%),
  radial-gradient(600px 400px at 10% 0,rgba(226,176,74,.08),transparent 70%),var(--ab-ground);border-bottom:1px solid var(--ab-line)}
.ab-crumbs{margin:0 0 22px}
.ab-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;list-style:none;margin:0;padding:0;font-size:.98rem}
.ab-crumbs li+li::before{content:"›";margin-right:10px;color:var(--ab-mute)}
.ab-crumbs a{display:inline-block;padding:8px 0;color:var(--ab-mute);text-decoration:none}
.ab-crumbs li:last-child a{color:var(--ab-gold-txt);font-weight:700}
.ab-crumbs a:hover{text-decoration:underline}
.ab-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:44px;align-items:center}
.ab-sub{margin:16px 0 0;color:var(--ab-mute);font-size:1.15rem;max-width:54ch}
.ab-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ab-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:26px 0 0;padding:0;list-style:none}
.ab-facts li{padding:10px 12px;border-radius:10px;background:var(--ab-card);border:1px solid var(--ab-line);font-size:.82rem;color:var(--ab-mute)}
.ab-facts b{display:block;color:var(--ab-ink);font:400 1.35rem/1.1 'Gloock',Georgia,serif}
.ab-ace{position:relative;max-width:340px;margin:0 auto;aspect-ratio:5/7;padding:30px 26px;border-radius:18px;
  background:linear-gradient(160deg,#fbf6ee,#efe3d2);color:#1d1013;display:flex;flex-direction:column;justify-content:center;gap:10px;
  box-shadow:0 0 0 3px var(--ab-gold),0 0 0 9px var(--ab-ground),0 0 0 11px var(--ab-red),0 30px 60px rgba(0,0,0,.5);transform:rotate(2.5deg)}
.ab-ace::before,.ab-ace::after{content:"A\A♠";white-space:pre;position:absolute;font:400 1.5rem/1 Georgia,serif;text-align:center;color:#1d1013}
.ab-ace::before{top:14px;left:16px}
.ab-ace::after{bottom:14px;right:16px;transform:rotate(180deg)}
.ab-ace small{color:#a3202d;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;text-align:center}
.ab-ace strong{font:400 clamp(2rem,3vw + .8rem,2.7rem)/1.05 'Gloock',Georgia,serif;text-align:center}
.ab-ace span{text-align:center;color:#5a4048;font-size:.92rem}
.ab-ace .ab-btn{margin-top:8px;box-shadow:none}

.ab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 26px}
.ab-tile{position:relative;display:block;padding:7px;border-radius:var(--ab-r);background:linear-gradient(150deg,var(--ab-gold),#8c2230 55%,var(--ab-gold));
  color:var(--ab-ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.ab-tile img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px;background:var(--ab-deep)}
.ab-tile i{position:absolute;top:13px;left:13px;z-index:1;display:grid;place-items:center;width:30px;height:38px;border-radius:5px;
  background:var(--ab-plate);color:#1d1013;font:400 .82rem/1.05 Georgia,serif;font-style:normal;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.ab-tile span{display:block;padding:9px 6px 3px;font-weight:700;text-align:center;color:var(--ab-ink)}
.ab-tile:hover,.ab-tile:focus-visible{transform:translateY(-3px) rotate(-.6deg);box-shadow:0 16px 34px rgba(0,0,0,.45);color:var(--ab-ink)}
.ab-kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 26px;padding:0}
.ab-kinds li{padding:16px;border-radius:var(--ab-r);background:var(--ab-card);border:1px solid var(--ab-line);color:var(--ab-mute);font-size:.95rem}
.ab-kinds b{display:block;color:var(--ab-ink);font-size:1.05rem}

.ab-live{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 26px}
.ab-lv{display:flex;flex-direction:column;border-radius:var(--ab-r);overflow:hidden;background:var(--ab-card);border:1px solid var(--ab-line);color:var(--ab-ink);text-decoration:none;transition:border-color .2s}
.ab-lv img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ab-lv b{display:block;padding:12px 14px 2px;font-size:1.1rem}
.ab-lv span{display:block;padding:0 14px 14px;color:var(--ab-mute);font-size:.94rem}
.ab-lv:hover,.ab-lv:focus-visible{border-color:var(--ab-gold);color:var(--ab-ink)}

.ab-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px}
.ab-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--ab-r);background:var(--ab-card);border:1px solid var(--ab-line)}
.ab-card em{font-style:normal;font:400 1.9rem/1 'Gloock',Georgia,serif;color:var(--ab-gold-txt)}
.ab-card b{font-size:1.08rem}
.ab-card p{color:var(--ab-mute);font-size:.96rem;margin:0}
.ab-shot{border-radius:var(--ab-r);overflow:hidden;border:2px solid var(--ab-gold)}
.ab-shot img{width:100%}

.ab-fan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px}
.ab-fc{padding:24px 22px;border-radius:var(--ab-r);background:linear-gradient(160deg,#fbf6ee,#efe3d2);color:#1d1013;box-shadow:0 0 0 2px var(--ab-gold)}
.ab-fc:nth-child(1){transform:rotate(-1.5deg)}.ab-fc:nth-child(3){transform:rotate(1.5deg)}
.ab-fc em{display:block;font-style:normal;font:400 2.6rem/1 'Gloock',Georgia,serif;color:#a3202d}
.ab-fc b{display:block;margin:6px 0 10px;font-size:1.05rem}
.ab-fc p{margin:0;color:#4d3940;font-size:.96rem}
.ab-offer{margin:30px 0 0;padding:26px;border-radius:var(--ab-r);background:var(--ab-card);border:1px solid var(--ab-line);display:grid;gap:10px;max-width:700px}
.ab-offer--spot{background:linear-gradient(135deg,#2a1219,#3d1820 55%,#2a1219);border:2px solid var(--ab-gold);box-shadow:0 14px 40px rgba(200,50,63,.22)}
.ab-badge{justify-self:start;padding:4px 12px;border-radius:999px;background:var(--ab-red);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ab-offerfig{margin:0;font:400 clamp(1.5rem,2.2vw + .5rem,2.1rem)/1.2 'Gloock',Georgia,serif;color:var(--ab-gold-txt)}
.ab-offer p{margin:0;color:var(--ab-mute)}
.ab-offer .ab-btn{margin-top:6px}

.ab-tab{width:100%;border-collapse:separate;border-spacing:0;background:var(--ab-card);border:1px solid var(--ab-line);border-radius:var(--ab-r);overflow:hidden;margin:0 0 26px}
.ab-tab caption{text-align:left;padding:0 0 10px;color:var(--ab-mute);font-size:.92rem}
.ab-tab th,.ab-tab td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--ab-line)}
.ab-tab tr:first-child th,.ab-tab tr:first-child td{border-top:0}
.ab-tab th{width:34%;color:var(--ab-gold-txt);font-weight:700}
.ab-tab td{color:var(--ab-mute)}

.ab-pg{margin:0 0 20px}
.ab-pg h3{margin:0 0 12px;font-size:1.15rem;color:var(--ab-ink)}
.ab-pays{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ab-pays li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;background:var(--ab-card);border:1px solid var(--ab-line);text-align:center}
.ab-mark{display:grid;place-items:center;width:100%;height:52px;border-radius:8px;background:var(--ab-plate)}
.ab-mark img{width:auto;height:auto;max-height:36px;max-width:90px}
.ab-pays b{font-size:.92rem}
.ab-pays small{color:var(--ab-mute);font-size:.8rem}
.ab-speed{display:flex;gap:16px;align-items:center;margin:8px 0 26px;padding:18px 22px;border-radius:var(--ab-r);border:1px dashed var(--ab-gold);background:rgba(226,176,74,.06)}
.ab-speed strong{font:400 1.5rem/1.1 'Gloock',Georgia,serif;color:var(--ab-gold-txt);flex-shrink:0}
.ab-speed p{margin:0;color:var(--ab-mute)}

.ab-steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0 0 26px;padding:0}
.ab-steps li{counter-increment:s;padding:22px;border-radius:var(--ab-r);background:var(--ab-card);border:1px solid var(--ab-line);border-top:3px solid var(--ab-red);color:var(--ab-mute)}
.ab-steps li::before{content:"Étape " counter(s);display:block;margin-bottom:8px;color:var(--ab-gold-txt);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.ab-steps b{display:block;color:var(--ab-ink);margin-bottom:4px;font:400 1.3rem/1.2 'Gloock',Georgia,serif}
.ab-faq{display:grid;gap:10px;margin:0 0 26px;max-width:880px}
.ab-q{background:var(--ab-card);border:1px solid var(--ab-line);border-radius:var(--ab-r);overflow:hidden}
.ab-q summary{list-style:none;cursor:pointer;position:relative;padding:17px 52px 17px 20px;font-weight:700;font-size:1.06rem}
.ab-q summary::-webkit-details-marker{display:none}
.ab-q summary::after{content:'♠';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.1rem;line-height:1;color:var(--ab-gold-txt);transition:transform .2s}
.ab-q[open] summary::after{content:'♥';color:var(--ab-red-txt)}
.ab-q div{padding:0 20px 18px;color:var(--ab-mute)}
.ab-q div p{margin:0}

.ab-foot{background:var(--ab-deep);border-top:2px solid var(--ab-red);padding:42px 0 32px;color:var(--ab-mute);font-size:.95rem}
.ab-foot p{margin:0 0 12px}
.ab-foot b{color:var(--ab-ink)}
.ab-foot-logo img{height:32px;width:auto;margin-bottom:18px}
.ab-seals{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}
.ab-seals li{padding:6px 12px;border-radius:999px;border:1px solid var(--ab-line);color:var(--ab-ink);font-weight:700;font-size:.85rem}
.ab-sticky{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;gap:16px;padding:10px 16px;background:rgba(11,6,8,.96);backdrop-filter:blur(10px);border-top:2px solid var(--ab-gold)}
.ab-sticky span{color:var(--ab-mute)}
.ab-sticky b{color:var(--ab-gold-txt)}
.ab-sticky .ab-btn{margin-left:auto;flex-shrink:0;padding:11px 22px;font-size:.98rem}
.ab-rg .ab-sticky,.ab-rg .ab-top .ab-btn{display:none}
.ab-rg{padding-bottom:0}
@media(max-width:1020px){
  .ab-cards,.ab-kinds,.ab-live{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-fan{grid-template-columns:minmax(0,1fr)}
  .ab-fc{transform:none!important}
  .ab-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .ab-top-in{flex-wrap:wrap;row-gap:6px}
  .ab-nav{order:3;width:100%;margin-left:0}
  .ab-top .ab-btn{margin-left:auto}
  .ab-hero-in,.ab-two{grid-template-columns:minmax(0,1fr)}
  .ab-ace{max-width:300px;transform:none}
  .ab-crumbs li+li::before{content:none;margin:0}
  .ab-crumbs ol{flex-direction:column;align-items:flex-start;gap:0}
  .ab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-steps{grid-template-columns:minmax(0,1fr)}
  section{padding:46px 0}
}
@media(max-width:560px){
  .ab-cards,.ab-kinds{grid-template-columns:minmax(0,1fr)}
  .ab-tab th{width:40%}
  .ab-sticky span{font-size:.85rem}
  .ab-sticky .ab-btn{padding:10px 14px;font-size:.9rem}
  body{padding-bottom:86px}
  .ab-actions .ab-btn{flex:1 1 140px;padding:13px 16px}
  .ab-speed{flex-direction:column;align-items:flex-start}
}
