/* Remplacement des pictogrammes textuels par des éléments graphiques. */
.nav{position:fixed;top:0;left:0;transform:none;width:100%;height:74px;padding:0;border-radius:0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:block}
.nav .brand{position:absolute;left:max(20px,calc((100vw - 800px)/2));top:21px}.nav nav{position:absolute;left:max(215px,calc((100vw - 800px)/2 + 184px));top:25px;margin:0;transform:none}.nav .lang{position:absolute;right:max(170px,calc((100vw - 800px)/2 + 170px));top:25px}.nav .talk{position:absolute;right:max(20px,calc((100vw - 800px)/2));top:9px}
.nav .brand{font-family:Poppins,sans-serif;font-size:19px;letter-spacing:-.8px;gap:8px}.nav .brand small{font-family:Poppins,sans-serif;font-size:8px;letter-spacing:.34em;margin-top:6px}.nav .mark{width:25px;height:25px}.nav .mark i{width:10px;height:10px}.nav .mark i:nth-child(3){left:7.5px;top:7.5px}.nav nav a,.nav .lang,.nav .talk{font-family:Poppins,sans-serif;font-size:17px;font-weight:500}.nav .talk{font-weight:600}
.nav .brand,.nav nav a,.nav .lang{color:#fff}.nav .mark i{background:#fff}.nav .mark i:nth-child(3){background:transparent;box-shadow:0 0 0 3px #fff}.nav .talk{background:rgba(8,12,16,.22);border-color:#fff;color:#fff;box-shadow:3px 3px 0 rgba(255,255,255,.78)}
.talk{background:rgba(255,255,255,.45)}
.hero-cta{display:inline-flex;align-items:center;gap:22px;background:#151515;color:#fff;text-decoration:none;padding:15px 21px;border-radius:12px;font-weight:900;font-size:17px;box-shadow:4px 4px 0 rgba(255,255,255,.9)}
.hero{height:745px;min-height:0;background:#151515}.hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;border:0;object-fit:cover;pointer-events:none}.hero-shade{background:linear-gradient(to bottom,rgba(21,21,21,.7) 0,rgba(21,21,21,.34) 9%,transparent 19%,transparent 54%,rgba(21,21,21,.38) 70%,#151515 100%),linear-gradient(90deg,rgba(4,11,9,.48),rgba(4,11,9,.28) 48%,rgba(4,11,9,.48))}.hero-copy{z-index:1}.hero-copy h1{color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}
.hero-cta span{font-size:25px;line-height:0}.delivery-time{position:absolute;left:21px;bottom:26px;font-size:29px;line-height:.93;font-weight:900;letter-spacing:-.07em}.secure-mark{position:absolute;right:18px;bottom:17px;display:grid;place-items:center;width:65px;height:65px;border:7px solid #fff;border-radius:50%;font-size:38px;font-weight:900}.server-list{display:grid;gap:7px;margin:auto 0}.server-list span{background:rgba(255,255,255,.45);border:1px solid rgba(0,0,0,.13);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900;letter-spacing:.04em}
.brand { gap: 10px; }
.mark { display:block; position:relative; width:28px; height:28px; transform:rotate(-45deg); }
.mark i { display:block; position:absolute; width:11px; height:11px; background:#151515; }
.mark i:nth-child(1){top:0;left:0}.mark i:nth-child(2){right:0;bottom:0}.mark i:nth-child(3){left:8.5px;top:8.5px;background:#fff;box-shadow:0 0 0 3px #151515}
.icon-card{display:flex;flex-direction:column;justify-content:space-between}
.card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease;isolation:isolate}.card h2,.card p,.card .server-list,.card .social,.card>b{position:relative;z-index:4}.server-card{background:#f6d34b}.server-card .server-list{width:58%}.server-card h2:last-of-type{max-width:54%}.card-character{position:absolute;z-index:3;pointer-events:none;object-fit:contain;transform-origin:bottom right;transition:transform .34s cubic-bezier(.2,.9,.2,1),filter .34s ease}.pet{right:-8px;bottom:-11px;width:55%;z-index:5;filter:drop-shadow(0 10px 9px rgba(67,39,4,.25))}.payment-card{background:#e9a73e;color:#241408}.payment-card h2{max-width:48%;z-index:2}.payment-card p{max-width:40%;margin-top:12px;font-size:15px;line-height:1;font-weight:700;z-index:2}.guardians{right:-61px;bottom:-39px;width:145%;z-index:3;filter:drop-shadow(0 14px 12px rgba(83,37,4,.34))}.support-card{background:#403465;color:#fff}.support-card h2{max-width:48%}.support-card .social,.support-card>b{max-width:46%;position:relative;z-index:6}.creature{display:block;right:-13px;bottom:-28px;width:56%;z-index:5}.card:hover,.card.is-active{transform:translateY(-7px) rotate(-.35deg);box-shadow:0 15px 0 rgba(255,255,255,.12)}.card:hover .card-character,.card.is-active .card-character{transform:translate(-6px,-11px) scale(1.08) rotate(-2deg);filter:drop-shadow(0 18px 12px rgba(0,0,0,.3))}.card:active{transform:translateY(-2px) scale(.985)}.server-list span{transition:transform .2s ease,background .2s ease}.server-card:hover .server-list span{transform:translateX(4px);background:rgba(255,255,255,.73)}
.icon-row{height:46px;display:flex;align-items:center;justify-content:center;gap:13px}
.icon-row img{width:42px;max-height:44px;object-fit:contain;filter:drop-shadow(2px 3px 1px #0004)}
.vr-person{position:absolute;left:0;bottom:0;width:100%;height:64%;object-fit:cover;object-position:center bottom;mix-blend-mode:multiply}
.cursor{position:absolute;bottom:13px;right:13px;width:82px;filter:drop-shadow(3px 4px 0 #111)}
.target{position:absolute;right:13px;bottom:-5px;width:185px;height:185px;border:18px solid #e6193c;border-radius:50%;background:#fff;box-shadow:0 0 0 16px #fff}
.target i{position:absolute;border:13px solid #e6193c;border-radius:50%;inset:16px}.target i:nth-child(2){inset:43px}.target i:nth-child(3){inset:70px;background:#e6193c;border:0}.target b{position:absolute;right:-20px;top:12px;width:105px;height:18px;background:#55c4f1;transform:rotate(-45deg);border-radius:30px;box-shadow:15px 13px 0 -3px #55c4f1}
.heart{position:absolute;right:18px;bottom:40px;width:72px;filter:drop-shadow(3px 3px 0 #111)}
@media(max-width:700px){.nav{height:65px;padding:8px 18px;display:flex}.nav .lang,.nav .talk{position:static}.nav .talk{margin-left:auto}.target{width:145px;height:145px;border-width:14px}.target i{border-width:10px}.target i:nth-child(2){inset:33px}.target i:nth-child(3){inset:55px}.target b{width:80px}.vr-person{height:58%}.hero-video{transform:scale(2.4);width:100%;margin:0}}

/* Carte support : la créature passe devant la carte, la colonne de texte reste dégagée. */
.support-card{background:#403465;color:#fff}.support-card h2{max-width:48%}.support-card .social{max-width:46%;font-size:10px}.support-card>b{max-width:46%;display:block}.creature{display:block;right:-13px;bottom:-28px;width:56%;z-index:5;filter:drop-shadow(0 13px 10px rgba(13,9,32,.42))}