/* HORIZIA PREMIUM — couleurs, composants et mouvement partagés par les dix pages. */
@font-face{font-family:Nunito;src:url('assets-horizia/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--bg:#06111b;--panel:#0b202b;--panel-raised:#102b34;--text:#F4E9D8;--muted:#a7bbc1;--green:#62dfb1;--blue:#66d7ed;--gold:#c7ac73;--line:#77c8c426;--radius:18px;--radius-small:11px;--motion:240ms;--shadow:0 16px 45px #0003;--spawn-image:none}
html{scroll-behavior:auto;scroll-padding-top:24px}
body{background:radial-gradient(ellipse at 95% 0,#063f4c40,transparent 48%),radial-gradient(ellipse at 0 35%,#07524520,transparent 44%),var(--bg);color:var(--text);font:400 15px/1.8 Inter,system-ui,sans-serif;isolation:isolate;overflow-wrap:break-word}
body::before{content:'';position:fixed;z-index:-1;pointer-events:none;width:45vw;height:45vw;top:10vh;right:0;border-radius:50%;background:radial-gradient(circle,#1a897815,transparent 65%);animation:ambient-drift 24s ease-in-out infinite alternate}
.wrap{width:min(1240px,calc(100% - 64px))}
main{overflow:clip;min-height:70vh}main p,main li{font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.85}main p{color:var(--muted)}
h1,h2,h3,.grade-card h3,.brand-name{font-family:Nunito,Inter,system-ui,sans-serif!important;font-synthesis:none;letter-spacing:-.035em;font-weight:800!important;text-transform:none}
h1{font-size:clamp(38px,5vw,64px);line-height:1.12}h2{font-size:clamp(29px,3.3vw,43px);line-height:1.2}h3{font-size:23px;line-height:1.35}
.eyebrow{font:700 10px/1.7 Inter,system-ui,sans-serif;letter-spacing:2.3px;color:var(--green)}
section,.hz-section{padding:74px 0}.worlds,.hz-grade-section,.home-layout .pathways,.hz-finale{background:#07172180;border-block:1px solid var(--line)}
/* One header template, identical layout and interactions on every page. */
header.hz-premium-header{position:relative;top:auto;z-index:20;background:#061219ed;border-bottom:1px solid var(--line);box-shadow:none}
header.hz-premium-header .bar.wrap{width:min(1440px,calc(100% - 64px));min-height:100px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:16px 22px}
header.hz-premium-header .brand{gap:12px;flex:0 0 auto}header.hz-premium-header .brand-logo{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 10px #0003)}
header.hz-premium-header .brand-name{color:var(--text);font-size:25px;letter-spacing:1.2px;font-weight:800!important;line-height:1.2}
header.hz-premium-header .brand-sub{font:650 8px/2 Inter,sans-serif;letter-spacing:3.3px;color:var(--gold)}
header.hz-premium-header .bar nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin-left:auto;order:0;width:auto}
header.hz-premium-header .account-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}
header.hz-premium-header .bar nav a,header.hz-premium-header .bar nav a:last-child,header.hz-premium-header .account-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-small);background:none;background-image:none;box-shadow:none;filter:none;font:650 12px/1.5 Inter,sans-serif!important;letter-spacing:0;color:#c0ced0;white-space:nowrap;text-decoration:none;isolation:isolate;transition:transform var(--motion),background var(--motion),color var(--motion),border-color var(--motion)}
header.hz-premium-header .bar nav a::after{content:'';display:block;position:absolute;left:13px;right:13px;bottom:4px;width:auto;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--green),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform var(--motion)}
header.hz-premium-header .bar nav a:hover,header.hz-premium-header .bar nav a:focus-visible{color:var(--text);background:#69dfc20a;transform:translateY(-1px);filter:none;box-shadow:none}
header.hz-premium-header .bar nav a:hover::after,header.hz-premium-header .bar nav a:focus-visible::after,header.hz-premium-header .bar nav a[aria-current=page]::after{transform:scaleX(1)}
header.hz-premium-header .bar nav a[aria-current=page]{color:var(--green);background:#62dfb10b;border-color:#62dfb11c;filter:none;box-shadow:none}
header.hz-premium-header .account-links a{border-color:var(--line);background:#10262d;color:var(--text)}
header.hz-premium-header .account-links a:hover{border-color:#62dfb180;background:#15333a;transform:translateY(-2px)}
header.hz-premium-header .bar nav a:active,header.hz-premium-header .account-links a:active{transform:translateY(1px) scale(.96);background:#62dfb11c}
header.hz-premium-header [hidden]{display:none!important}
/* Buttons and compact actions use the same treatment throughout the site. */
.btn,main a.hz-mini-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:48px;padding:13px 21px;border:1px solid #62dfb163;border-radius:var(--radius-small);background:linear-gradient(120deg,#149d80,#118c8f);color:#fff9ef;font:700 13px/1.5 Inter,sans-serif;text-decoration:none;letter-spacing:0;box-shadow:0 5px 20px #0f917d12;overflow:hidden;transition:transform var(--motion),box-shadow var(--motion),border-color var(--motion),background var(--motion)}
.btn.secondary{background:#0a202b;color:var(--text);border-color:#c7ac7359}
.btn:hover,.btn.secondary:hover,main a.hz-mini-action:hover{transform:translateY(-3px);border-color:#76e5c2b3;box-shadow:0 8px 24px #43d6b324;background-color:#10313a;text-decoration:none}
.btn:active,main a.hz-mini-action:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 7px #0003}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.btn>span,.action-arrow{display:inline-block;transition:transform var(--motion)}
.btn:hover>span,main a.hz-mini-action:hover .action-arrow{transform:translateX(3px)}
main a.hz-mini-action{width:fit-content;min-height:39px;padding:9px 13px;font-size:12px;border-color:#62dfb133;background:#0b2a3166;color:#a5e7d2;overflow:visible}
main a.hz-mini-action::before{content:'';position:absolute;inset:-4px;border:1px solid #7ddfc100;border-radius:14px;pointer-events:none;opacity:0;transform:scale(.98);transition:transform var(--motion),opacity var(--motion),border-color var(--motion)}
main a.hz-mini-action:hover::before{opacity:1;border-color:#7ddfc126;transform:scale(1)}
.hz-pillar a.hz-mini-action{margin-top:auto;align-self:flex-start}.hz-address-card .hz-mini-action{margin-top:12px}
.premium-primary::after{content:'';position:absolute;inset:-40% auto -40% -60%;width:30%;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:skewX(-20deg);animation:button-sheen 11s ease-in-out infinite;pointer-events:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
/* Split hero. Its title uses new selectors, independent of all former hero rules. */
.premium-hero{position:relative;isolation:isolate;padding:82px 0 74px;background:none;overflow:visible}
.premium-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:66px;min-height:490px}
.premium-hero-copy{min-width:0}.premium-hero #home-title{font:850 clamp(43px,4.8vw,68px)/1.08 Nunito,Inter,sans-serif!important;letter-spacing:-.04em!important;text-transform:none;width:auto;max-width:650px;margin:20px 0 24px;text-shadow:none;animation:none}
.premium-hero #home-title>span{position:static;display:inline;line-height:inherit;letter-spacing:inherit;font:inherit;white-space:normal}
.premium-gradient{color:var(--green);background:linear-gradient(110deg,#7ae6b9 10%,#6fd9ed 45%,#a2e9d0 65%,#7ae6b9 90%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-tint 16s ease-in-out infinite;filter:drop-shadow(0 0 14px #62dfb110)}
.premium-hero-copy>p{max-width:520px;font-size:15px;line-height:1.9;margin:0;color:#a9bdc5}.premium-hero .actions{gap:12px;margin-top:28px}
.premium-address{display:flex;flex-wrap:wrap;gap:5px 16px;align-items:center;margin-top:27px;color:#8aa9b0;font:500 11px/1.6 Inter,sans-serif}
.premium-address button{padding:7px 10px;border:1px solid #67d5be2b;border-radius:8px;background:#112b3355;color:#b9e5d7;font:600 12px/1.5 Inter,sans-serif;transition:transform var(--motion),border-color var(--motion)}
.premium-address button:hover{border-color:var(--green);transform:translateY(-1px)}
.premium-visual{position:relative;min-width:0;padding:12px 0 12px 10px}
.premium-visual::before{content:'';position:absolute;inset:-35px -20px;border-radius:45%;background:radial-gradient(ellipse,#18b99724,transparent 67%);z-index:-1;animation:halo-breathe 12s ease-in-out infinite alternate}
.premium-visual::after{content:'';position:absolute;inset:20px 9px 0 -12px;border:1px solid #55d9dc55;border-radius:30px;transform:rotate(-5deg);z-index:-1}
.premium-image-frame{position:relative;border:1px solid #75d6d366;border-radius:24px;box-shadow:0 24px 65px #0005;animation:image-float 9s ease-in-out infinite;overflow:hidden;background:#122c35}
.premium-image-frame>img{display:block;width:100%;height:470px;object-fit:cover;object-position:50% 50%}
.premium-image-frame::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#051820b3);pointer-events:none}
.premium-image-caption{position:absolute;right:18px;bottom:18px;left:18px;z-index:1;display:grid;grid-template-columns:1fr 40px;gap:4px 16px;padding:17px 20px;border:1px solid #72dccb55;border-radius:14px;background:#071b25e6;backdrop-filter:blur(12px)}
.premium-image-caption strong{font:750 17px/1.4 Nunito,sans-serif;color:var(--text)}.premium-image-caption a{grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;width:40px;height:40px;border:1px solid #62dfb133;border-radius:50%;color:var(--green);background:#62dfb10b;transition:transform var(--motion)}.premium-image-caption a:hover{transform:translate(2px,-2px)}
.hero-enter{animation:hero-in .7s cubic-bezier(.2,.7,.2,1) both}.premium-hero-copy>.hero-enter:nth-child(2){animation-delay:90ms}.premium-hero-copy>.hero-enter:nth-child(3){animation-delay:180ms}.premium-hero-copy>.hero-enter:nth-child(4){animation-delay:270ms}.premium-hero-copy>.hero-enter:nth-child(5){animation-delay:350ms}.premium-visual.hero-enter{animation-delay:180ms}
/* Calm surfaces replace the old stone textures and ornamental frames. */
.hz-facts{background:none;border:1px solid var(--line);border-radius:var(--radius);padding:23px 0;margin-bottom:15px}.hz-facts>div{border-color:var(--line)}.hz-facts strong{font:800 clamp(22px,2.3vw,30px)/1.4 Nunito,sans-serif;color:var(--green)}.hz-facts span{font:500 11px/1.6 Inter,sans-serif}
.hz-heading{margin-bottom:30px}.hz-heading-note{font:600 10px/1.7 Inter,sans-serif;color:var(--muted);letter-spacing:1px}
.hz-heading h2,.hz-universe-copy h2,.hz-finale h2{font-size:clamp(30px,3.6vw,45px)}
.hz-pillars{gap:20px}.hz-pillar,.feature,.steps article,.lore-item,.realm-card,.shop-card,.auth-card,.account-stat,.history-card,.recharge-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#102d35a6,#0a1d29e6);box-shadow:var(--shadow);transition:transform var(--motion),border-color var(--motion),box-shadow var(--motion)}
.hz-pillar{padding:28px 24px}.hz-pillar p{font-size:14px}.hz-pillar h3{font-size:24px;margin:15px 0}.hz-pillar .eyebrow{font-size:9px}.hz-pillar img{width:57px;height:57px}.hz-glyph{font-size:36px;height:57px;color:var(--gold)}
.feature::before,.feature::after,.steps article::before,.steps article::after,.grade-card::before,.grade-card::after,.join::before{display:none}
.hz-pillar:hover,.feature:hover,.steps article:hover,.lore-item:hover,.realm-card:hover,.shop-card:hover,.recharge-card:hover{transform:translateY(-4px);border-color:#62dfb173;box-shadow:0 18px 45px #0004,0 0 20px #62dfb108}
.hz-rank{border-radius:var(--radius-small);background:linear-gradient(140deg,color-mix(in srgb,var(--rank) 7%,#0a1e2a),#081b27);padding:23px 10px}.hz-rank strong{font:800 20px/1.4 Nunito,sans-serif}.hz-rank-note{background:#0d2530;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.hz-rank-note p{font-size:14px}
.hz-universe-art{border-radius:var(--radius);border-color:var(--line)}.hz-universe-art img{height:370px}.hz-universe-art>span{font:750 21px/1.5 Nunito,sans-serif}.hz-universe-copy p,.hz-finale p{font:400 15px/1.85 Inter,sans-serif}
.hz-finale{background:radial-gradient(ellipse at 0 80%,#075a4933,transparent 65%),#071923}.hz-address-card{border:1px solid #c7ac7340;border-radius:var(--radius);background:#0c2531;box-shadow:var(--shadow)}.hz-address-card strong{font:800 clamp(22px,3vw,34px)/1.5 Nunito,sans-serif;color:var(--green)}
.pathways-box,.path-tabs,.path-panel{background:#0b222e;border-color:var(--line);border-radius:var(--radius-small)}.pathways-heading h2{font-size:36px}.path-tabs button{font-family:Nunito,sans-serif;font-size:17px;border-color:var(--line);transition:background var(--motion),color var(--motion)}.path-tabs button[aria-selected=true]{background:#62dfb112;color:var(--green)}.path-number{font-family:Inter,sans-serif}.path-panel h3{font-size:28px}.path-panel p{font-size:15px}
/* Presentation, ranks, rules, store and account surfaces. */
.rank-intro,.shop-intro,.page-intro,.auth-intro,.account-heading{background:none}.rank-intro{margin-bottom:32px}.rank-intro h2{max-width:800px}.lore-intro{padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 100% 0,#11646533,transparent 65%),#0b2230}
.presentation-top .rank-intro h1{font:850 clamp(38px,5vw,64px)/1.2 Nunito,sans-serif!important;letter-spacing:.03em}.lore-motto,.lore-motto em{font:600 clamp(21px,2.6vw,30px)/1.5 Nunito,sans-serif;letter-spacing:-.02em}.lore-motto em{color:var(--green)}.lore-landscape{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.lore-landscape figcaption{background:#0a212b;color:var(--muted)}.lore-story p{font-size:16px}.lore-ending p{font:400 17px/1.8 Inter,sans-serif}.lore-item h3{font-size:18px}.lore-item span{color:var(--green)}
.join{padding:35px;border:1px solid #c7ac7340;border-radius:var(--radius);background:linear-gradient(120deg,#0c3035,#0c2031);box-shadow:none}.join p{font-size:14px}.world-row{border-color:var(--line)}.world-row h3{font-size:23px}.realm-card{overflow:hidden}.realm-card img{transition:filter var(--motion)}
.rank-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.rank-grid .grade-card,.rank-grid .grade-card:nth-child(n+4){transform:none;padding:0;border:1px solid color-mix(in srgb,var(--rank) 32%,#193540);border-radius:var(--radius);background:#0a202c;box-shadow:var(--shadow);overflow:hidden;transition:transform var(--motion),border-color var(--motion),box-shadow var(--motion)}
.rank-grid .grade-card:hover,.rank-grid .grade-card:nth-child(n+4):hover{transform:translateY(-4px);border-color:var(--rank);box-shadow:0 15px 40px #0004}.grade-inner{border:0;border-radius:inherit;padding:28px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rank) 9%,transparent),transparent 60%)}.grade-card h3{font-size:28px;letter-spacing:-.02em;text-transform:none}.grade-card h4{color:var(--muted);font-size:10px}.grade-card li{font-size:13px}.grade-stats dd{font-family:Nunito,sans-serif;font-size:25px;font-weight:750}.grade-crown{color:var(--rank);font-size:23px}.grade-heading .eyebrow{letter-spacing:2px}.command-list{display:flex;flex-wrap:wrap;gap:6px}.command-list li{border:0;padding:0}.command-list code{font-size:11px}
.rules{max-width:900px}.rules h2{font-size:clamp(30px,4vw,43px)}details.rule{padding:0;margin:12px 0;border:1px solid var(--line);border-radius:var(--radius-small);background:#0b222dd9;overflow:hidden}details.rule summary{padding:20px 23px;font:750 14px/1.6 Nunito,sans-serif;color:var(--text)}details.rule[open] summary{color:var(--green);border-bottom:1px solid var(--line);background:#62dfb106}details.rule p{margin:17px 23px;padding:0;font-size:14px}.rule-thanks{border-color:var(--line);background:#0c2d33;border-radius:var(--radius-small)}
.shop-intro{padding-bottom:35px}.shop-wallet,.shop-info,.shop-notice,.reward-explainer{border-color:var(--line);border-radius:var(--radius-small);background:#0c2531}.shop-grid{gap:22px}.shop-card-art{background:#0a2530;border:0;border-bottom:1px solid var(--line)}.shop-card-body{padding:25px}.shop-card h3{font-size:27px}.shop-card h4{font-family:Nunito,sans-serif}.shop-card p,.reward-entry,.reward-category{font-family:Inter,sans-serif;font-size:13px}.shop-card .btn{width:100%}.recharge-card{padding:24px}.recharge-card h3{font-family:Nunito,sans-serif}.reward-heading,.reward-category{border-color:var(--line)}
.auth-card{padding:30px}.auth-card h2{font-size:28px}.auth-intro h1,.account-heading h1,.shop-intro h1{font-family:Nunito,sans-serif;font-size:clamp(35px,4.5vw,56px)}.account-stat{padding:25px}.account-stat h2{font-family:Nunito,sans-serif;font-size:29px}.account-stat small{font-family:Inter,sans-serif;font-size:13px}.account-stat.coin-stat{border-color:#c7ac7355;background:linear-gradient(135deg,#172e32,#102431)}
input,select,textarea,.auth-card input{background:#071923;color:var(--text);border:1px solid #88c2c538;border-radius:9px;min-height:46px;font:400 14px/1.5 Inter,sans-serif;padding:12px 14px;max-width:100%}.auth-card label{font-size:12px;color:#c5d5d5}.history-card,.link-result{background:#0b222d;border-color:var(--line);border-radius:var(--radius-small)}.auth-card p{font-size:14px}.account-message.is-error{color:#ffaba3}.account-message:empty{display:none}code{border-color:var(--line);border-radius:6px;background:#03131b80;color:#bce5dc}
.table-scroll{border-color:var(--line);border-radius:var(--radius-small)}table{background:#0b212d}caption,thead th{background:#0f2933;color:var(--text)}caption{font-family:Nunito,sans-serif}th,td{border-color:var(--line)}
footer{background:#040e17;border-top:1px solid var(--line);padding:32px 0;color:#8aa5ae;font:400 11px/1.7 Inter,sans-serif}footer a:hover{color:var(--green)}.toast{background:#102d35;color:var(--text);border-color:#62dfb166;border-radius:12px}
/* Scroll entrances: visible by default, enhanced only when IntersectionObserver is ready. */
.reveal-pending{opacity:0;transform:translateY(15px)}.reveal-ready{transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),border-color var(--motion),box-shadow var(--motion)}
@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes image-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes title-tint{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes halo-breathe{from{opacity:.5;transform:translate(0,0) scale(.96)}to{opacity:1;transform:translate(8px,-5px) scale(1.04)}}
@keyframes ambient-drift{from{transform:translateY(0)}to{transform:translateY(50px)}}
@keyframes button-sheen{0%,78%{left:-60%;opacity:0}81%{opacity:1}94%,100%{left:140%;opacity:0}}
@media(min-width:1101px){.home-layout .hz-pillars{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){header.hz-premium-header .bar.wrap{gap:12px 16px}header.hz-premium-header .bar nav{order:3;width:100%;justify-content:center;margin:0}header.hz-premium-header .account-links{margin-left:auto}.premium-hero-grid{gap:35px}.premium-hero #home-title{font-size:53px!important}.premium-image-frame>img{height:420px}.hz-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wrap,header.hz-premium-header .bar.wrap{width:calc(100% - 40px)}.premium-hero{padding:55px 0}.premium-hero-grid{grid-template-columns:1fr;gap:40px}.premium-hero-copy{max-width:650px}.premium-hero #home-title{font-size:clamp(43px,7vw,63px)!important;max-width:650px}.premium-visual{max-width:680px;width:100%;justify-self:center}.premium-image-frame>img{height:390px}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hz-universe,.hz-join-grid{grid-template-columns:1fr;gap:30px}.hz-rank-line{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-wrap{grid-template-columns:1fr}.auth-intro img{display:none}.account-summary{grid-template-columns:1fr}.account-columns{grid-template-columns:1fr}.hz-facts{margin-bottom:0}.hz-rank-note{flex-wrap:wrap}.hz-rank-note p{min-width:200px}.join{flex-wrap:wrap}.section-head{gap:25px}}
@media(max-width:600px){.wrap,header.hz-premium-header .bar.wrap{width:calc(100% - 32px)}header.hz-premium-header .bar.wrap{min-height:0;gap:10px 8px;padding:12px 0}header.hz-premium-header .brand-logo{width:54px;height:54px}header.hz-premium-header .brand-name{font-size:21px}header.hz-premium-header .brand-sub{font-size:7px}header.hz-premium-header .bar nav{gap:2px;justify-content:center}header.hz-premium-header .bar nav a,header.hz-premium-header .bar nav a:last-child{font-size:11px!important;padding:9px 8px;min-height:42px}header.hz-premium-header .account-links{gap:4px}header.hz-premium-header .account-links a{font-size:10px!important;padding:8px 9px;min-height:38px}.premium-hero{padding:43px 0}.premium-hero-grid{gap:35px;min-height:0}.premium-hero #home-title{font-size:clamp(37px,9.4vw,54px)!important;margin:17px 0 21px}.premium-hero-copy>p{font-size:14px}.premium-hero .actions{gap:10px}.premium-hero .btn{font-size:12px;padding:12px 15px}.premium-image-frame>img{height:320px}.premium-image-frame{border-radius:19px}.premium-image-caption{left:12px;right:12px;bottom:12px;padding:13px}.premium-image-caption strong{font-size:15px}.premium-image-caption .eyebrow{font-size:8px}.premium-visual{padding-left:7px}.premium-visual::after{left:-4px;right:7px}.premium-visual::before{inset:-20px 0}section,.hz-section{padding:48px 0}.hz-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;padding:20px 0}.hz-facts>div:nth-child(2){border-right:0}.hz-facts strong{font-size:24px}.hz-heading{display:block}.hz-heading-note{display:block;margin-top:12px}.hz-pillars,.rank-grid,.features,.steps,.lore-grid,.realm-grid,.shop-grid,.recharge-grid{grid-template-columns:1fr}.hz-pillar{padding:25px}.hz-rank-line{grid-template-columns:repeat(2,minmax(0,1fr))}.hz-rank strong{font-size:19px}.hz-universe-art img{height:280px}.hz-address-card{padding:25px 20px}.hz-address-card strong{font-size:26px}.hz-finale .hz-actions{align-items:stretch}.hz-finale .btn{width:100%}.join{padding:25px;gap:22px}.join .btn{min-width:0;width:100%}.lore-intro{padding:26px 22px}.lore-motto{font-size:23px}.lore-motto br{display:none}.lore-landscape{margin-inline:0}.grade-inner{padding:24px}.auth-card{padding:24px}.path-tabs{flex-wrap:wrap}.path-tabs button{flex:1;min-width:95px;font-size:14px;padding:13px 9px}.path-panel{display:flex;flex-direction:column;padding:24px;gap:20px}.path-panel[hidden]{display:none}.hz-rank-note p{min-width:0}.hz-rank-note .btn{width:100%}footer .wrap{flex-direction:column;gap:10px}.shop-wallet{flex-wrap:wrap;gap:13px}.account-heading{flex-wrap:wrap;gap:20px}.rules h2{font-size:31px}.rules summary{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1!important;transform:none!important}.hero-enter{opacity:1!important;transform:none!important}.premium-image-frame{transform:none!important}.premium-primary::after{display:none}.btn:hover,main a.hz-mini-action:hover,.hz-pillar:hover,.grade-card:hover,.feature:hover,.steps article:hover{transform:none!important}}
/* Final typography and mobile navigation alignment. */
header.hz-premium-header .brand .brand-name{font-family:Nunito,Inter,sans-serif!important}
.presentation-top .lore-intro .lore-motto,.presentation-top .lore-intro .lore-motto em{font-family:Nunito,Inter,sans-serif!important;font-size:clamp(21px,2.5vw,30px);font-weight:650;line-height:1.5;text-transform:none}
.lore-intro::before,.lore-intro::after{display:none}.lore-motto em{display:block}
.shop-card h2{font-size:28px}.account-message.is-error{border:1px solid #ed9a8740;background:#582f2c44;border-radius:11px;padding:14px 18px}
@media(max-width:600px){header.hz-premium-header .bar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%}header.hz-premium-header .bar nav a{width:100%}}
/* Rank identity stays in the accent colour rather than an illustrated frame. */
.rank-intro{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;background:#0b222b}
.rank-intro::before,.rank-intro::after{display:none}
.grade-card .grade-heading{position:relative;isolation:auto;min-height:0;padding:10px 0 22px;background:none!important;border-radius:0;border-bottom:1px solid var(--line)}
.grade-card .grade-heading::before,.grade-card .grade-heading::after{display:none}
.grade-card .grade-heading h3{font:800 29px/1.3 Nunito,sans-serif!important;color:var(--rank);text-shadow:none}
.grade-card .grade-crown{display:block;margin:5px 0 12px;color:var(--rank)}
.grade-card .grade-heading .eyebrow{font-size:8px;color:var(--muted)}
.premium-hero #home-title.hero-enter{animation:hero-in .7s cubic-bezier(.2,.7,.2,1) 90ms both}
@keyframes button-sheen{0%,78%{transform:translateX(0) skewX(-20deg);opacity:0}81%{opacity:.7}94%,100%{transform:translateX(700%) skewX(-20deg);opacity:0}}
/* Single professional comparison table — rank page. */
.compare-page{padding-top:55px}.compare-intro{max-width:950px;margin-bottom:25px}.compare-intro h1{font-size:clamp(34px,4.5vw,54px);margin:14px 0 18px}.compare-intro>p{max-width:720px;font-size:15px}.compare-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;margin-top:25px;font:500 11px/1.7 Inter,sans-serif;color:var(--muted)}.compare-legend>span{display:inline-flex;gap:8px;align-items:center}.compare-mobile-tip{font-size:11px;color:#92b1b9;margin:22px 0 12px}
.compare-scroll{overflow:auto;max-height:78vh;border:1px solid #71c4bd33;border-radius:18px;background:#091c28;box-shadow:0 18px 55px #0003;scrollbar-color:#427d7d #0a1d27;scrollbar-width:thin;isolation:isolate}
.grade-comparison{width:100%;min-width:1080px;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#0a1e2a;font:500 13px/1.5 Inter,sans-serif;text-align:center}
.grade-comparison thead{position:sticky;top:0;z-index:4}.grade-comparison thead th{padding:23px 12px 20px;height:114px;background:#102d38;border:0;border-bottom:1px solid #80d3c445;vertical-align:middle;box-shadow:inset 0 3px 0 var(--grade-color,#62dfb1)}
.grade-comparison thead th:first-child{width:29%;text-align:left;padding-left:25px;box-shadow:none;z-index:6}
.grade-comparison th small{display:block;color:#91aeb4;font:450 10px/1.6 Inter,sans-serif;margin-top:7px}.compare-rank-number{display:block;font:650 9px/1.6 Inter,sans-serif;letter-spacing:2px;color:#85a0a7;margin-bottom:5px}.grade-comparison .compare-rank-name{display:block;font:850 18px/1.3 Nunito,sans-serif;color:var(--grade-color);letter-spacing:-.02em}.compare-heading-label{font:800 18px/1.4 Nunito,sans-serif;color:var(--text)}
.grade-comparison tbody tr:not(.compare-section)>th,.grade-comparison tbody td{padding:17px 13px;border:0;border-bottom:1px solid #79bcbc14;vertical-align:middle;background:#0a1e2a;color:#d4e0de;font-size:12px;line-height:1.6}
.grade-comparison tbody tr:not(.compare-section)>th{text-align:left;padding-left:25px;font-weight:550;color:#c2d2d4}
.grade-comparison tr:not(.compare-section)>th:first-child{position:sticky;left:0;z-index:2;box-shadow:5px 0 9px #0000000a}
.grade-comparison thead tr>th:first-child{position:sticky;left:0;z-index:6;background:#102d38}
.grade-comparison tbody tr:nth-child(even):not(.compare-section)>th,.grade-comparison tbody tr:nth-child(even) td{background:#0d2330}
.grade-comparison tbody tr:not(.compare-section):hover>th,.grade-comparison tbody tr:not(.compare-section):hover>td{background:#14333e}
.grade-comparison tbody td{border-left:1px solid #79bcbc0c}.grade-comparison td strong{font:800 21px/1.4 Nunito,sans-serif;color:#f4e9d8}.grade-comparison td.compare-upgrade{background:#12373155}.grade-comparison td.compare-upgrade small,.compare-delta-example{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:5px;background:#69ddb113;color:#8cebc3;font:700 9px/1.6 Inter,sans-serif;white-space:nowrap}
.grade-comparison .compare-section th{text-align:left;padding:13px 25px;background:#14313b;border-block:1px solid #78c9c825;color:#8edbc6;font:750 12px/1.5 Nunito,sans-serif;letter-spacing:.4px}.compare-section th span{font:400 10px/1.6 Inter,sans-serif;color:#9ab4b9;margin-left:20px;letter-spacing:0}
.compare-yes{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#62dfb110;color:#79e9ba;font-size:15px;font-weight:700}.compare-unlock{display:inline-block;padding:4px 8px;border:1px solid #77ddbe3d;border-radius:6px;color:#9deac8;background:#62dfb10e;font:700 10px/1.5 Inter,sans-serif}.compare-no{color:#4f707e}.compare-unknown{color:#7b97a2}.compare-inherited{color:#9db7bf;font:500 11px/1.5 Inter,sans-serif}.compare-label-note{font-size:10px}
.compare-inline-code{display:block;width:fit-content;margin-top:6px;font-size:10px;white-space:normal;background:#04131b55;border-color:#82c9bc19;color:#8fbeb9}
.compare-commands{border:0;padding:0;margin-top:6px}.compare-commands summary{font:500 10px/1.7 Inter,sans-serif;color:#7fc9bd;cursor:pointer}.compare-commands>div{display:flex;gap:5px;flex-wrap:wrap;padding-top:10px}.compare-commands code{font-size:10px;white-space:normal;max-width:100%;overflow-wrap:anywhere}.compare-commands[open] summary{color:var(--green)}
.compare-notes{padding:20px 2px;max-width:1000px}.compare-notes p{font:400 12px/1.9 Inter,sans-serif;margin:8px 0;color:#8fadb7}.compare-notes strong{color:#bacdcd}.compare-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.compare-page{padding-top:35px}.compare-intro h1{font-size:35px}.compare-intro>p{font-size:14px}.compare-legend{gap:10px 15px}.grade-comparison{min-width:940px}.grade-comparison thead th:first-child{width:210px}.grade-comparison thead th:first-child,.grade-comparison tbody tr:not(.compare-section)>th{padding-left:16px}.compare-scroll{max-height:74vh;border-radius:13px}.grade-comparison thead th{padding:18px 9px}.grade-comparison .compare-rank-name{font-size:17px}.compare-section th span{display:block;margin:5px 0 0;max-width:290px}.grade-comparison .compare-section th{padding-left:16px}}
/* Three centred facts, and a calm crossfade carousel. */
.home-layout .hz-facts{grid-template-columns:repeat(3,minmax(0,1fr));width:min(940px,calc(100% - 64px));margin-inline:auto;justify-content:center}
.home-layout .hz-facts>div{border-right:1px solid var(--line)}.home-layout .hz-facts>div:last-child{border-right:0}
.premium-slides{position:relative;height:470px;overflow:hidden;background:#102630}
.premium-slides .premium-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.premium-slides .premium-slide.is-current{opacity:1;z-index:1}
.premium-carousel-controls{position:absolute;top:17px;right:17px;z-index:3;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #a2d9cf40;border-radius:12px;background:#061922d9;backdrop-filter:blur(12px)}
.premium-carousel-controls[hidden]{display:none}
.premium-carousel-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#f4e9d8;font:600 22px/1 Inter,sans-serif;transition:background .2s,transform .2s,border-color .2s}
.premium-carousel-controls button[data-slide-play]{font-size:13px}.premium-carousel-controls button:hover{background:#62dfb119;border-color:#62dfb14d;transform:translateY(-1px)}.premium-carousel-controls button:active{transform:scale(.94)}.premium-carousel-count{padding:0 5px;color:#d9eae2;font:600 11px/1.5 Inter,sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:1150px){.premium-slides{height:420px}}
@media(max-width:900px){.premium-slides{height:390px}}
@media(max-width:600px){.home-layout .hz-facts{width:calc(100% - 32px);gap:0;padding:20px 0}.home-layout .hz-facts>div{padding:5px 8px}.home-layout .hz-facts strong{font-size:clamp(18px,5vw,24px)}.home-layout .hz-facts span{font-size:9px}.premium-slides{height:320px}.premium-carousel-controls{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.premium-slides .premium-slide{transition:none}.premium-carousel-controls button{transition:none;transform:none!important}}

/* Icônes fournies pour les quatre piliers. */
.hz-pillar>img{display:block;width:80px;height:80px;object-fit:contain;object-position:center;margin-bottom:18px;filter:drop-shadow(0 3px 7px #0003)}

/* Grade labels centred after removal of decorative numbering. */
.hz-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:145px;padding:25px 12px;text-align:center}
.hz-rank-symbol{display:block;line-height:1.1;margin:0}.hz-rank strong{display:block;text-align:center;margin:0;line-height:1.3}
.grade-comparison thead th{height:96px;vertical-align:middle;text-align:center}.grade-comparison thead th:first-child{text-align:left}
.path-tabs button{display:flex;align-items:center;justify-content:center}

/* Consistent icon set and clearly visible accents on all four pillars. */
.hz-pillar:nth-child(1){--pillar-accent:#62dfb1}.hz-pillar:nth-child(2){--pillar-accent:#66d7ed}.hz-pillar:nth-child(3){--pillar-accent:#dfbd75}.hz-pillar:nth-child(4){--pillar-accent:#bc9ae9}
.hz-pillar{border:1px solid color-mix(in srgb,var(--pillar-accent) 38%,#14303b);border-top:3px solid var(--pillar-accent);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pillar-accent) 9%,transparent),transparent 65%),linear-gradient(135deg,#102b34,#0a1d29);box-shadow:0 12px 30px #0003,inset 0 2px 14px color-mix(in srgb,var(--pillar-accent) 6%,transparent)}
.hz-pillar .eyebrow{color:var(--pillar-accent)}
.hz-pillar a.hz-mini-action{border-color:color-mix(in srgb,var(--pillar-accent) 37%,transparent)}
.hz-pillar:hover{border-color:var(--pillar-accent);box-shadow:0 16px 35px #0004,0 0 20px color-mix(in srgb,var(--pillar-accent) 11%,transparent)}
.path-emblem{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 3px 9px #0004)}
.hz-pillar:nth-child(n){border-top-color:var(--pillar-accent)}