@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/bricolage-grotesque.woff2)format("woff2")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/schibsted-grotesk.woff2)format("woff2")}:root{--night:#05071a;--paper:#fff;--paper-2:#f4f6fa;--ink:#0b0d14;--ink-2:#5b6478;--ink-3:#8a93a6;--blue:#2f5beb;--blue-deep:#1e45c9;--blue-soft:#e6ecff;--ice:#9cc3ff;--violet:#6d28d9;--hair:#0b0d1414;--hair-night:#9cc3ff29;--display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--text:"Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--app:-apple-system, system-ui, "SF Pro Text", "Helvetica Neue", sans-serif;--radius:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--wrap:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--blue-deep)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}::selection{background:var(--blue-soft)}.skip{background:var(--ink);color:#fff;z-index:100;border-radius:999px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:16px}.wrap{width:min(var(--wrap), 100% - 40px);margin:0 auto}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.02}h2{font-size:clamp(34px,4.6vw,56px)}h3{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,26px);line-height:1.15}p{margin:0}.crumb{font-size:15px}.crumb a{color:var(--ink-2);text-decoration:none}.crumb a:hover{color:var(--blue)}.lede{color:var(--ink-2);text-wrap:pretty;max-width:34ch;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.tabular{font-variant-numeric:tabular-nums}.u{color:var(--ink);font-weight:600}.nav{z-index:50;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;top:16px;left:0;right:0}.nav>*{pointer-events:auto}.pill{backdrop-filter:blur(18px)saturate(1.4);background:#ffffffd1;border:1px solid #0b0d1414;border-radius:999px;align-items:center;gap:4px;padding:6px 6px 6px 8px;display:flex;box-shadow:0 10px 30px #05071a1f,inset 0 1px #fff9}.pill .brand{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.pill .brand img{border-radius:8px;width:28px;height:28px}.pill .links{gap:2px;display:flex}.pill .links a{color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .14s,color .14s}.pill .links a:hover,.pill .links a[aria-current=page]{color:var(--ink);background:#0b0d140f}.pill .soon{color:var(--ink-2);white-space:nowrap;background:0 0;border:1px solid #0b0d1424;border-radius:999px;align-items:center;gap:8px;margin-left:4px;padding:8px 14px 8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .14s,color .14s;display:inline-flex}.pill .soon:hover{border-color:var(--ink);color:var(--ink)}.pill .soon svg{flex:none}@media (width<=720px){.pill .links,.pill .soon span{display:none}.pill .soon:after{content:"Bientôt"}}.btn{height:52px;font-family:var(--text);transition:transform .16s var(--ease-out), background-color .14s, border-color .14s, color .14s;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-deep);color:#fff}.btn.ghost{color:#fff;background:0 0;border-color:#ffffff47}.btn.ghost:hover{color:#fff;border-color:#fff9}.btn.ghost-dark{color:var(--ink);background:0 0;border-color:#0b0d142e}.btn.ghost-dark:hover{border-color:var(--ink);color:var(--ink)}.hero{isolation:isolate;background:var(--night);color:#fff;padding:132px 0 96px;position:relative;overflow:hidden}.hero .plate{z-index:-2;object-fit:cover;object-position:50% 35%;opacity:.6;filter:saturate(.95);transform-origin:50% 40%;width:100%;height:100%;position:absolute;inset:0;transform:translate(9%)scale(1.12)}.hero .veil{z-index:-1;background:linear-gradient(#05071ab3 0%,#05071a29 40%,#05071a2e 62%,#05071af0 100%),linear-gradient(90deg,#05071ab8 0%,#05071a4d 38%,#05071a00 55%);position:absolute;inset:0}.hero .grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.hero h1{max-width:17ch;font-size:clamp(33px,5vw,68px)}.hero .lede{color:#ffffffc7;margin-top:22px}.hero .cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero .facts{color:#ffffffa3;flex-wrap:wrap;gap:10px 28px;margin-top:40px;font-size:15px;display:flex}.hero .facts b{color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.hero .device{justify-self:center}@media (width<=900px){.hero{padding:96px 0 56px}.hero .grid{grid-template-columns:1fr;gap:22px}.hero h1{max-width:15ch}.hero .lede{margin-top:14px;font-size:17px}.hero .cta{margin-top:22px}.hero .cta .btn{height:46px;padding:0 18px;font-size:15px}.hero .facts{gap:6px 20px;margin-top:18px;font-size:14px}.hero .plate{object-position:50% 20%;opacity:.5;transform:translate(0)scale(1.05)}.hero .veil{background:linear-gradient(#05071ac7 0%,#05071a80 50%,#05071af0 100%)}.live .hero-num{justify-content:flex-start;padding-top:12%;padding-bottom:0}}.phone{aspect-ratio:393/852;background:#03040f;border:1px solid #ffffff2e;border-radius:44px;width:300px;position:relative;overflow:hidden;box-shadow:0 30px 80px #05071a80}.phone img{object-fit:cover;width:100%;height:100%}.phone>img,.shot>img{display:block}.phone.sm{width:240px}.on-light .phone{border-color:#0b0d1429;box-shadow:0 24px 60px #05071a29}@media (width<=480px){.phone{width:min(300px,78vw)}.phone.sm{width:min(240px,64vw)}}.live{font-family:var(--app);color:#fff;container-type:inline-size}.live .status{justify-content:space-between;align-items:flex-end;height:7%;padding:0 7.6% 1.4% 8.6%;font-size:3.8cqw;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.live .screen{flex-direction:column;padding:18.3% 7.1% 0;display:flex;position:absolute;inset:0}.live .status svg{width:22%;height:auto}.live .rank{color:#a9b8d6;justify-content:space-between;font-size:4.4cqw;font-weight:500;display:flex}.live .hero-num{flex-direction:column;flex:1;justify-content:center;padding-bottom:12%;display:flex}.live .mana{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:33cqw;font-weight:600;line-height:1}.live .mana-line{color:#a9b8d6;text-wrap:balance;max-width:30ch;margin-top:2.4%;font-size:5cqw;line-height:1.4}.live .primary{color:#fff;background:#5c96ff2e;border:1px solid #9cc3ff;flex:none;justify-content:center;align-items:center;height:15.4cqw;margin-bottom:29.4cqw;font-size:5cqw;font-weight:600;display:flex}.live .tabbar{background:#03040fdb;border-top:1px solid #9cc3ff29;justify-content:space-around;align-items:flex-start;height:9.7%;padding:1.5% 3% 0;display:flex;position:absolute;bottom:0;left:0;right:0}.live .tab{color:#a9b8d6;flex-direction:column;align-items:center;gap:2px;width:22%;font-size:2.9cqw;font-weight:500;display:flex}.live .tab svg{width:6.2cqw;height:6.2cqw}.live .tab.on{color:#fff}.live .home{background:#ffffff4d;border-radius:3px;width:34%;height:.6%;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.section{padding:112px 0}.section.alt{background:var(--paper-2)}.section.night{background:var(--night);color:#fff}.section.night .lede{color:#ffffffc7}.head{grid-template-columns:1fr 1fr;align-items:end;gap:24px 64px;margin-bottom:56px;display:grid}.head h2{margin-top:0}@media (width<=900px){.section{padding:80px 0}.head{grid-template-columns:1fr}}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius);flex-direction:column;gap:14px;min-height:0;padding:28px 28px 0;display:flex;position:relative;overflow:hidden}.alt .step{background:var(--paper)}.step .n{font-family:var(--display);letter-spacing:.06em;color:var(--blue);font-size:14px;font-weight:600}.step h3{max-width:16ch}.step p{color:var(--ink-2);max-width:34ch;font-size:17px}.step .shot{background:#03040f;border:1px solid #0b0d141f;border-bottom:0;border-radius:30px 30px 0 0;flex:none;width:220px;height:340px;margin:auto auto 0;overflow:hidden;box-shadow:0 -8px 40px #05071a1f}.step .shot img{width:100%;height:auto;display:block}.step .shot{padding-top:0}.step p{margin-bottom:10px}@media (width<=900px){.steps{grid-template-columns:1fr}.step{min-height:0}}.rates{border-top:1px solid var(--hair)}.rate{border-bottom:1px solid var(--hair);grid-template-columns:1.2fr 1.6fr 1fr;align-items:baseline;gap:20px;padding:22px 0;display:grid}.rate .name{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:600}.rate .name small{font-family:var(--text);letter-spacing:0;color:var(--ink-3);margin-top:2px;font-size:14px;font-weight:500;display:block}.rate .how{color:var(--ink-2);font-size:17px}.rate .val{text-align:right;font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:26px;font-weight:600}.rate .val small{font-family:var(--text);color:var(--ink-3);letter-spacing:0;font-size:15px;font-weight:500}.rates-foot{color:var(--ink-3);margin-top:18px;font-size:15px}@media (width<=720px){.rate{grid-template-columns:1fr auto}.rate .how{grid-column:1/-1}}.split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.split .copy h2{margin-top:0}.split .copy .lede{margin-top:20px}.split .copy ul{gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.split .copy li{color:var(--ink-2);grid-template-columns:24px 1fr;align-items:start;gap:12px;font-size:17px;display:grid}.split .copy li b{color:var(--ink);font-weight:600}.split .copy li svg{color:var(--blue);margin-top:3px}.violet .split .copy li svg{color:var(--violet)}.night .split .copy li{color:#ffffffbd}.night .split .copy li b{color:#fff}.night .split .copy li svg{color:var(--ice)}.devices{justify-content:center;align-items:flex-end;gap:20px;display:flex}.devices .phone:nth-child(2){margin-bottom:40px}@media (width<=900px){.split{grid-template-columns:1fr;gap:40px}.devices .phone:nth-child(2){margin-bottom:0}}@media (width<=560px){.devices{flex-direction:column;align-items:center}}.runes{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.runes-more{margin-top:32px}.rune{background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius);color:var(--ink);transition:transform .2s var(--ease-out), box-shadow .2s;flex-direction:column;gap:14px;padding:26px;text-decoration:none;display:flex}.rune:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 18px 44px #05071a1a}.rune .serie{background:var(--blue-soft);color:var(--blue);letter-spacing:.02em;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.rune .serie.systeme{color:var(--ink-2);background:#eef0f4}.rune h3{font-size:22px}.rune p{color:var(--ink-2);font-size:16px}.rune .src{color:var(--ink-3);margin-top:auto;font-size:13px;line-height:1.45}.rune .more{color:var(--blue);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}@media (width<=900px){.runes{grid-template-columns:1fr}}.plans{grid-template-columns:1fr 1fr;gap:20px;display:grid}.plan{border-radius:var(--radius);border:1px solid var(--hair);background:var(--paper);flex-direction:column;gap:18px;padding:32px;display:flex}.plan.dark{background:var(--night);color:#fff;border-color:#0000}.plan .name{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:600}.plan .price{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(36px,4vw,48px);font-weight:600;line-height:1}.plan .price small{font-family:var(--text);letter-spacing:0;color:var(--ink-3);margin-left:6px;font-size:16px;font-weight:500}.plan.dark .price small{color:#fff9}.plan ul{color:var(--ink-2);gap:10px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.plan.dark ul{color:#ffffffc7}.plan li{grid-template-columns:20px 1fr;align-items:start;gap:10px;display:grid}.plan li svg{color:var(--blue);margin-top:4px}.plan.dark li svg{color:var(--ice)}.plan .law{border-top:1px solid var(--hair);color:var(--ink-3);margin-top:auto;padding-top:18px;font-size:14px}.plan.dark .law{border-top-color:var(--hair-night);color:#fff9}@media (width<=800px){.plans{grid-template-columns:1fr}}.faq{border-top:1px solid var(--hair);max-width:760px;margin:0 auto}.faq details{border-bottom:1px solid var(--hair)}.faq summary{cursor:pointer;font-family:var(--display);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:20px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";border:1px solid var(--hair);width:32px;height:32px;color:var(--ink-2);transition:transform .2s var(--ease-out);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.faq details[open] summary:after{transform:rotate(45deg)}.faq .a{color:var(--ink-2);max-width:62ch;padding:0 0 24px;font-size:17px}.signup .hp{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.signup{max-width:520px;margin:32px auto 0}.signup .field{gap:10px;display:flex}.signup input{background:var(--paper);min-width:0;height:52px;color:var(--ink);font-family:var(--text);border:1px solid #0b0d1429;border-radius:999px;flex:1;padding:0 20px;font-size:16px;transition:border-color .14s,box-shadow .14s}.signup input::placeholder{color:var(--ink-2)}.signup input:hover{border-color:#0b0d1447}.signup input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.signup input[aria-invalid=true]{border-color:var(--ink)}.signup .btn{flex:none}.signup .help{color:var(--ink-2);margin-top:14px;font-size:14px;line-height:1.5}.signup .status{color:var(--ink);font-size:16px;font-weight:500}.signup .status:not(:empty){margin-top:14px}.signup .status:focus{outline:none}.signup .status:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.signup .status.err{color:var(--ink)}.signup .status.ok{color:var(--blue)}.signup.done .field,.signup.done .help{display:none}.final-alt{color:var(--ink-2);margin:28px auto 0;font-size:16px}@media (width<=560px){.signup .field{flex-direction:column}.signup .btn{width:100%}}.final{text-align:center;padding:120px 0}.final h2{max-width:14ch;margin:0 auto;font-size:clamp(36px,5.4vw,64px)}.final .lede{text-align:center;margin:22px auto 0}.final .cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.footer{border-top:1px solid var(--hair);color:var(--ink-3);padding:48px 0 40px;font-size:14px}.footer .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.footer .brand{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.footer .brand img{border-radius:8px;width:28px;height:28px}.footer nav{flex-wrap:wrap;gap:6px 20px;display:flex}.footer nav a{color:var(--ink-2);text-decoration:none}.footer nav a:hover{color:var(--ink)}.footer .legal{max-width:72ch;margin-top:22px;line-height:1.5}.page-head{padding:148px 0 56px}.page-head h1{max-width:18ch;font-size:clamp(36px,5vw,64px)}.page-head .lede{margin-top:20px}.codex-body{padding-bottom:96px}.series{margin-top:48px}.series+.series{margin-top:56px}.series h2{align-items:baseline;gap:12px;margin-bottom:18px;font-size:22px;display:flex}.series h2 small{font-family:var(--text);letter-spacing:0;color:var(--ink-3);font-size:14px;font-weight:500}.list{border-top:1px solid var(--hair)}.list a{border-bottom:1px solid var(--hair);color:var(--ink);grid-template-columns:1fr auto;align-items:baseline;gap:8px 24px;padding:20px 0;text-decoration:none;display:grid}.list h3{grid-area:1/1}.list a:hover h3{color:var(--blue)}.list h3{font-size:22px;transition:color .14s}.list p{color:var(--ink-2);grid-column:1;max-width:60ch;font-size:16px}.list .meta{color:var(--ink-3);white-space:nowrap;text-align:right;grid-area:1/2/span 2;align-self:start;font-size:14px}@media (width<=600px){.list a{grid-template-columns:1fr}.list .meta{text-align:left;grid-area:auto/1}}.article{padding:148px 0 96px}.article .inner{max-width:720px;margin:0 auto}.article .meta{color:var(--ink-3);flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:14px;display:flex}.article .meta b{color:var(--ink-2);font-weight:500}.article h1{margin-top:16px;font-size:clamp(36px,5vw,60px)}.article .lede{max-width:40ch;color:var(--ink);margin-top:22px;font-size:clamp(20px,1.6vw,24px)}.article .body{margin-top:40px;font-size:19px;line-height:1.7}.article .body p+p{margin-top:22px}.article .body h2{margin:48px 0 16px;font-size:28px}.article .body ul{padding-left:22px}.article .body li+li{margin-top:8px}.article .body .src{color:var(--ink-2);border:1px solid var(--hair);background:var(--paper-2);border-radius:12px;margin-top:28px;padding:18px 22px;font-size:15px}.article .body .src a{word-break:break-word}.article .next{border-top:1px solid var(--hair);gap:8px;margin-top:56px;padding-top:28px;display:grid}.article .next span{color:var(--ink-3);font-size:14px}.article .next a{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:600;text-decoration:none}.rune-window{background:var(--night);border-radius:var(--radius);justify-content:center;margin:40px 0;padding:40px 24px;display:flex}.win{color:#fff;width:100%;max-width:360px;font-family:var(--app);text-align:left;background:#3460be6b;border:1px solid #9cc3ff;padding:22px 22px 18px;box-shadow:0 0 6px #9cc3ff8c,0 8px 32px #5c96ff59}.win .head{letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:600;display:flex}.win h3,.win .t{font-family:var(--app);letter-spacing:0;margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.3}.win p{margin:0;font-size:15px;line-height:1.45}.win p+p{color:#a9b8d6;margin-top:10px}.win .s{color:#a9b8d6;margin-top:12px;font-size:13px}.win .acts{gap:10px;margin-top:20px;display:flex}.win .acts span{background:#5c96ff2e;border:1px solid #9cc3ff;flex:1;justify-content:center;align-items:center;height:46px;font-size:16px;font-weight:600;display:flex}.win .acts span.quiet{color:#a9b8d6;background:0 0;border-color:#9cc3ff66;font-weight:500}.pagination{border-top:1px solid var(--hair);color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:20px;font-size:15px;display:flex}.pagination a{color:var(--blue);font-weight:600;text-decoration:none}.pagination a:hover{color:var(--blue-deep)}.pagination .n{font-variant-numeric:tabular-nums}.article .cover{border-radius:var(--radius);background:var(--paper-2);margin:32px 0 0;overflow:hidden}.article .cover img{width:100%;height:auto;display:block}.article .body figure{margin:28px 0}.article .body figure img{background:var(--paper-2);border-radius:12px;width:100%;height:auto;display:block}.article .body figcaption{color:var(--ink-3);margin-top:8px;font-size:13px}.article .body h3{margin:36px 0 12px;font-size:22px}.article .body blockquote{border-left:2px solid var(--hair);color:var(--ink-2);margin:24px 0;padding:4px 0 4px 20px}.article .body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:16px;display:block;overflow-x:auto}.article .body th,.article .body td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:top;padding:10px 12px}.article .body th{color:var(--ink);font-weight:600}.article .body pre{background:var(--paper-2);border-radius:12px;padding:16px 20px;font-size:15px;overflow-x:auto}.article .body hr{border:0;border-top:1px solid var(--hair);margin:40px 0}.article .body a{color:var(--blue)}.empty{color:var(--ink-2);padding:24px 0 64px;font-size:17px}.reveal{opacity:0;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out);transform:translateY(12px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.btn,.rune{transition:none}}.no-js .reveal{opacity:1;transform:none}