/* ==========================================================================
   Mini illustration library (v1.28). em-sized (14em x 9.6em); scale with font-size on the parent. Motion only under .on (an ancestor).
   ========================================================================== */
.ma{--y:#F1C91C;--ink:#15181f;position:relative;width:14em;height:9.6em;flex:none;font-family:var(--disp);color:#fff}
.ma,.ma *{box-sizing:border-box}.ma>*{position:absolute}.ma :is(b,em,u,s,i,span){margin:0;font-style:normal;display:block}
.ma .w{inset:0;background:var(--ink);border-radius:1.2em;box-shadow:0 1em 2em -1em rgba(10,11,14,.55)}
.ma svg{position:absolute;inset:0;width:100%;height:100%}
/* bars + lock rows */
.ma .r{left:1.3em;right:1.3em;height:1.7em;display:flex;align-items:center;gap:.8em}
.ma-bars .r em{width:2.4em;font:700 .95em/1 var(--disp);color:#e6e9f2}.ma-bars .r b{flex:1;height:.7em;border-radius:1em;background:#3a3f4b;overflow:hidden}.ma-bars .r u{height:100%;width:var(--w);background:var(--y);border-radius:1em;transform-origin:left}
.ma-bars .r s{width:1.4em;height:1.4em;border-radius:50%;background:var(--y);position:relative}.ma-bars .r s::after{content:"";position:absolute;left:.5em;top:.2em;width:.35em;height:.7em;border:solid #0a0b0e;border-width:0 .17em .17em 0;transform:rotate(45deg)}
/* serp */
.ma-serp .r{height:2.3em;background:rgba(255,255,255,.09);border-radius:.7em;padding:0 .8em;gap:.8em}.ma-serp .r em{width:1.5em;height:1.5em;border-radius:.4em;background:var(--y);color:#0a0b0e;font:800 .95em/1.5em var(--disp);text-align:center}.ma-serp .r u{flex:1;height:.55em;border-radius:1em;background:#5a606c}.ma-serp .r1 em{background:#fff}
/* chart */
.ma-chart .g{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1px;vector-effect:non-scaling-stroke}.ma-chart .ar{fill:rgba(241,201,28,.14)}.ma-chart .ln{fill:none;stroke:var(--y);stroke-width:2.6px;vector-effect:non-scaling-stroke;stroke-linecap:round}.ma-chart .dot{right:.7em;top:.9em;width:.9em;height:.9em;border-radius:50%;background:#fff;border:.2em solid var(--y)}
/* ads */
.ma-ads .c{top:.8em;width:4em;height:8em;background:#fff;border-radius:.8em;padding:.6em;display:grid;gap:.5em;align-content:start;box-shadow:0 .8em 1.4em -.8em rgba(10,11,14,.5)}.ma-ads .c1{left:.6em}.ma-ads .c2{left:4.8em;width:4.4em;top:.3em;height:9em;background:var(--ink);outline:.2em solid var(--y)}.ma-ads .c3{left:9.8em}
.ma-ads .c u{height:3.4em;border-radius:.5em;background:linear-gradient(135deg,#F1C91C,#C9A112)}.ma-ads .c3 u{background:linear-gradient(135deg,#2a2f3a,#3a3f4b)}.ma-ads .c s{height:.45em;border-radius:1em;background:#cfd3da}.ma-ads .c2 s{background:#5a606c}.ma-ads .c b{position:absolute;right:-.7em;top:-.7em;width:1.8em;height:1.8em;border-radius:50%;background:var(--y);color:#0a0b0e;font:800 1em/1.8em var(--disp);text-align:center}
/* swatch */
.ma-swatch .aa{left:1em;top:1.3em;font:800 3em/1 var(--disp);color:var(--y);letter-spacing:-.05em}.ma-swatch .sq{bottom:1.3em;width:2.4em;height:2.4em;border-radius:50%}.ma-swatch .s1{left:7.2em;background:var(--y)}.ma-swatch .s2{left:9.8em;background:#fff}.ma-swatch .s3{left:12.2em;background:#9AA0AC;width:1.6em;height:1.6em;bottom:1.7em}
/* lens */
.ma-lens .ring{left:2.4em;top:.3em;width:9em;height:9em;border-radius:50%;border:.6em solid var(--y);box-shadow:0 0 2.4em rgba(241,201,28,.45),inset 0 0 1.6em rgba(241,201,28,.3)}.ma-lens .l1{left:4.1em;top:2em;width:5.8em;height:5.8em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3f4b,#0e1016)}.ma-lens .l2{left:5.5em;top:3.4em;width:3em;height:3em;border-radius:50%;background:#15181f;box-shadow:0 0 0 .3em #2a2f3a}.ma-lens .hl{left:5.8em;top:3.2em;width:.9em;height:.9em;border-radius:50%;background:rgba(255,255,255,.8)}
.ma-lens .cn{width:1.4em;height:1.4em;border:.25em solid #fff;opacity:.9}.ma-lens .a{left:0;top:0;border-width:.25em 0 0 .25em}.ma-lens .b{right:0;top:0;border-width:.25em .25em 0 0}.ma-lens .c{left:0;bottom:0;border-width:0 0 .25em .25em}.ma-lens .d{right:0;bottom:0;border-width:0 .25em .25em 0}
/* people */
.ma-people .av{top:2.4em;width:4.2em;height:4.2em;border-radius:50%;border:.25em solid var(--ink)}.ma-people .a1{left:2.2em;background:var(--y)}.ma-people .a2{left:5.2em;background:#fff;z-index:2}.ma-people .a3{left:8.2em;background:#6b707c}
.ma-people .hr{top:1.1em;width:1.1em;height:1.1em;background:var(--y);clip-path:path('M.55 1 C-.4 .3 .1 -.2 .55 .3 C1 -.2 1.5 .3 .55 1Z');transform:scale(1.8)}.ma-people .h1{left:3.1em}.ma-people .h2{left:6.2em}.ma-people .h3{left:9.2em}
.ma-people .fb{left:1.3em;right:1.3em;bottom:1em;height:.7em;border-radius:1em;background:#3a3f4b;overflow:hidden}.ma-people .fb u{height:100%;width:72%;background:var(--y);border-radius:1em;transform-origin:left}
/* feed */
.ma-feed .t{width:4.6em;height:4.4em;border-radius:.9em;background:linear-gradient(135deg,#F1C91C,#C9A112)}.ma-feed .t1{left:1.2em;top:.5em}.ma-feed .t2{left:6.2em;top:.5em;background:linear-gradient(135deg,#fff,#d9dce2)}.ma-feed .t3{left:1.2em;top:5.1em;background:linear-gradient(135deg,#2a2f3a,#3a3f4b)}.ma-feed .t4{left:6.2em;top:5.1em;background:linear-gradient(135deg,#fbe7a3,#F1C91C)}
.ma-feed .hr{left:9.4em;top:2em;width:3.6em;height:3.2em;background:var(--y);clip-path:path('M1.8 3.1 C-.5 1.4 .2 -.3 1.1 .2 C1.5 .4 1.7 .8 1.8 1 C1.9 .8 2.1 .4 2.5 .2 C3.4 -.3 4.1 1.4 1.8 3.1Z');filter:drop-shadow(0 .3em .4em rgba(0,0,0,.4))}
/* shield */
.ma-shield .orb{left:3em;top:.2em;width:8em;height:9em;border-radius:50%;border:.15em dashed rgba(255,255,255,.2)}.ma-shield .sh{left:4.2em;top:1em;width:5.6em;height:6.8em;background:var(--y);clip-path:polygon(50% 0,100% 15%,100% 58%,50% 100%,0 58%,0 15%)}.ma-shield .ck{left:6.2em;top:3.1em;width:1.6em;height:2.8em;border:solid #0a0b0e;border-width:0 .45em .45em 0;transform:rotate(45deg) scale(.7)}.ma-shield .d{width:.9em;height:.9em;border-radius:50%;background:#fff}.ma-shield .d1{left:2.6em;top:2em}.ma-shield .d2{left:11em;top:4em}.ma-shield .d3{left:5em;top:8.4em}
/* nodes */
.ma-nodes .n{top:3.4em;width:3.2em;height:3.2em;border-radius:.9em;background:var(--ink);border:.25em solid #fff}.ma-nodes .n1{left:.4em}.ma-nodes .n2{left:5.4em;background:var(--y);border-color:var(--y)}.ma-nodes .n3{left:10.4em}
.ma-nodes .fl{top:4.9em;height:.3em;width:1.8em;background:repeating-linear-gradient(90deg,var(--y) 0 .5em,transparent .5em 1em);background-size:1em 100%}.ma-nodes .f1{left:3.6em}.ma-nodes .f2{left:8.6em}.ma-nodes .tr{left:3.6em;top:4.55em;width:.9em;height:.9em;border-radius:50%;background:#fff;border:.2em solid var(--y);opacity:.9}
/* doc */
.ma-doc .pg{left:2.4em;top:.4em;width:9.2em;height:8.8em;background:#fff;border-radius:.9em;padding:1.1em;display:grid;gap:.7em;align-content:start;box-shadow:0 .9em 1.8em -1em rgba(10,11,14,.5)}.ma-doc .pg u{height:.55em;border-radius:1em;background:#cfd3da}.ma-doc .pg u:nth-child(1){width:60%;background:#0a0b0e}.ma-doc .pg u:nth-child(3){width:80%}.ma-doc .pg u:nth-child(4){width:45%}.ma-doc .ck{right:2.4em;bottom:.4em;width:2.6em;height:2.6em;border-radius:50%;background:var(--y);box-shadow:0 .6em 1em -.5em rgba(241,201,28,.8)}.ma-doc .ck::after{content:"";position:absolute;left:.95em;top:.45em;width:.5em;height:1em;border:solid #0a0b0e;border-width:0 .22em .22em 0;transform:rotate(45deg)}
/* code */
.ma-code .bar{left:0;right:0;top:0;height:2em;display:flex;gap:.5em;align-items:center;padding:0 1em}.ma-code .bar i{width:.7em;height:.7em;border-radius:50%;background:var(--y)}.ma-code .bar i:nth-child(3){background:#6b707c}
.ma-code u{height:.55em;border-radius:1em;left:1.4em}.ma-code .a{top:3em;width:5em;background:var(--y)}.ma-code .b{top:4.6em;width:7.6em;background:#9aa0ac;left:2.6em}.ma-code .c{top:6.2em;width:4.4em;background:#F6DF86;left:2.6em}.ma-code .d{top:7.8em;width:2.4em;background:var(--y)}.ma-code .caret{left:4.2em;top:7.5em;width:.2em;height:1.1em;background:#fff}
/* store */
.ma-store .pr{left:2.2em;top:.5em;width:7.4em;height:8.8em;background:#fff;border-radius:1em;padding:.8em;display:grid;gap:.6em;align-content:start;box-shadow:0 .9em 1.8em -1em rgba(10,11,14,.5)}.ma-store .pic{height:4.4em;border-radius:.7em;background:linear-gradient(135deg,#F1C91C,#C9A112)}.ma-store .pr u{height:.5em;border-radius:1em;background:#cfd3da}.ma-store .pr u.s{width:55%}.ma-store .ad{position:absolute;right:.7em;bottom:.7em;width:1.9em;height:1.9em;border-radius:.5em;background:#0a0b0e;color:var(--y);font:800 1.2em/1.5em var(--disp);text-align:center}
.ma-store .ct{right:1.2em;top:1.2em;width:3.4em;height:3em;border-radius:.8em;background:var(--ink)}.ma-store .ct em{position:absolute;right:-.6em;top:-.6em;width:1.7em;height:1.7em;border-radius:50%;background:var(--y);color:#0a0b0e;font:800 .95em/1.7em var(--disp);text-align:center}
/* target */
.ma-target .rg{border-radius:50%;left:50%;top:50%;translate:-50% -50%}.ma-target .r1{width:9em;height:9em;border:.5em solid #fff;background:var(--ink)}.ma-target .r2{width:6em;height:6em;border:.5em solid var(--y)}.ma-target .r3{width:3em;height:3em;background:var(--y);border:0}.ma-target .bl{left:50%;top:50%;width:.8em;height:.8em;margin:-.4em;border-radius:50%;background:#0a0b0e}.ma-target .ar{right:.4em;top:.2em;width:5.4em;height:.3em;background:#fff;transform:rotate(-42deg);transform-origin:right center;border-radius:1em;right:3.4em;top:3.2em}
/* roadmap */
.ma-roadmap .path{left:1.6em;right:1.6em;top:4.7em;height:.3em;background:repeating-linear-gradient(90deg,#5a606c 0 .6em,transparent .6em 1.1em)}.ma-roadmap .p{top:3.9em;width:1.9em;height:1.9em;border-radius:50%;background:#fff;border:.35em solid var(--y)}.ma-roadmap .p1{left:1.2em}.ma-roadmap .p2{left:6em}.ma-roadmap .p3{left:10.8em}.ma-roadmap .mk{left:1.4em;top:1.6em;width:1.5em;height:1.5em;background:var(--y);clip-path:polygon(50% 100%,0 0,100% 0)}
/* layers */
.ma-layers .ly{left:2.2em;width:9.6em;height:4.2em;border-radius:1em;transform:skewX(-20deg) rotate(0);border:.2em solid rgba(255,255,255,.85)}.ma-layers .y1{top:4.6em;background:rgba(241,201,28,.18)}.ma-layers .y2{top:2.8em;background:rgba(241,201,28,.4)}.ma-layers .y3{top:1em;background:var(--y);border-color:var(--y)}
/* lock */
.ma-lock .r em{width:2.2em;height:1.5em;border-radius:.4em;background:rgba(255,255,255,.14)}.ma-lock .r{justify-content:space-between}.ma-lock .s{width:3em;height:1.6em;border-radius:99em;background:#3a3f4b;position:relative}.ma-lock .s::after{content:"";position:absolute;left:.2em;top:.2em;width:1.2em;height:1.2em;border-radius:50%;background:#fff}.ma-lock .s.on{background:var(--y)}.ma-lock .s.on::after{left:1.6em;background:#0a0b0e}
/* phone */
.ma-phone .ph{left:4.4em;top:.1em;width:5.2em;height:9.4em;background:var(--ink);border-radius:1.2em;border:.3em solid #fff;overflow:hidden;box-shadow:0 .9em 1.8em -1em rgba(10,11,14,.6)}.ma-phone .ph u{position:absolute;left:1.6em;right:1.6em;top:.4em;height:.4em;border-radius:1em;background:#3a3f4b}.ma-phone .sc{position:absolute;left:.5em;right:.5em;top:1.2em;display:grid;gap:.5em}.ma-phone .sc i{display:block;height:1.8em;border-radius:.4em;background:#2a2f3a}.ma-phone .sc i:nth-child(odd){background:linear-gradient(135deg,#F1C91C,#C9A112)}
/* cloud */
.ma-cloud .cl{left:2.6em;top:2.4em;width:8.8em;height:4.8em;background:#fff;border-radius:3em;box-shadow:inset 0 -.4em 0 rgba(10,11,14,.06)}.ma-cloud .cl::before{content:"";position:absolute;left:1.4em;top:-1.8em;width:3.8em;height:3.8em;border-radius:50%;background:#fff}.ma-cloud .cl::after{content:"";position:absolute;left:4em;top:-2.6em;width:4.6em;height:4.6em;border-radius:50%;background:#fff}
.ma-cloud .up{left:6.5em;top:3.6em;width:1em;height:3em;background:var(--y);border-radius:.5em}.ma-cloud .up::before{content:"";position:absolute;left:-.7em;top:-.9em;border:1.2em solid transparent;border-bottom-color:var(--y);border-top:0}.ma-cloud .d{width:.8em;height:.8em;border-radius:50%;background:var(--y)}.ma-cloud .d1{left:1.2em;top:7.6em}.ma-cloud .d2{left:12em;top:1em}
/* stars */
.ma-stars .st{top:3.3em;width:2.2em;height:2.2em;background:#5a606c;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ma-stars .s1{left:1.2em}.ma-stars .s2{left:3.8em}.ma-stars .s3{left:6.4em}.ma-stars .s4{left:9em}.ma-stars .s5{left:11.6em}.ma-stars .st{background:var(--y)}
/* news */
.ma-news .im{left:1.2em;top:1.2em;width:5.6em;height:4.2em;border-radius:.6em;background:linear-gradient(135deg,#F1C91C,#C9A112)}.ma-news u{height:.6em;border-radius:1em;background:#9aa0ac}.ma-news .a{left:7.4em;top:1.5em;width:5.4em;background:#fff}.ma-news .b{left:7.4em;top:3em;width:4.4em}.ma-news .c{left:1.2em;top:6.4em;width:11.6em;background:#5a606c}.ma-news .q{right:1.2em;bottom:.2em;font:800 4em/1 Georgia,serif;color:var(--y)}
/* video */
.ma-video .pl{left:5.2em;top:1.7em;width:3.6em;height:3.6em;border-radius:50%;background:var(--y)}.ma-video .pl::after{content:"";position:absolute;left:1.3em;top:.9em;border-left:1.2em solid #0a0b0e;border-top:.9em solid transparent;border-bottom:.9em solid transparent}.ma-video .pg{left:1.3em;right:1.3em;bottom:1.2em;height:.6em;border-radius:1em;background:#3a3f4b;overflow:hidden}.ma-video .pg u{height:100%;width:62%;background:var(--y);border-radius:1em;transform-origin:left}
/* type */
.ma-type .aa{left:1.2em;top:1.5em;font:800 4em/1 var(--disp);color:#fff;letter-spacing:-.05em}.ma-type .a{right:1.4em;top:2.4em;width:4.4em;height:.6em;border-radius:1em;background:var(--y)}.ma-type .b{right:1.4em;top:4em;width:3em;height:.6em;border-radius:1em;background:#5a606c}
/* frame */
.ma-frame i{border:.15em dashed #d7dae2;border-radius:.6em}.ma-frame .b1{left:1.2em;top:1.1em;right:1.2em;height:1.8em}.ma-frame .b2{left:1.2em;top:3.6em;width:6.4em;height:4.6em}.ma-frame .b3{right:1.2em;top:3.6em;width:4.4em;height:2em}.ma-frame .b4{right:1.2em;top:6.2em;width:4.4em;height:2em}
/* link / handshake */
.ma-link .n{top:2.9em;width:3.8em;height:3.8em;border-radius:50%;background:var(--ink);border:.3em solid #fff}.ma-link .n1{left:1.4em}.ma-link .n2{right:1.4em;background:var(--y);border-color:var(--y)}.ma-link .ln{left:5.2em;right:5.2em;top:4.7em;height:.3em;background:repeating-linear-gradient(90deg,var(--y) 0 .5em,transparent .5em 1em);background-size:1em 100%}.ma-link .ok{left:6.2em;top:3.5em;width:1.6em;height:1.6em;border-radius:50%;background:var(--y)}
/* rocket */
.ma-rocket .rk{left:5.9em;top:1.6em;width:2.2em;height:4.4em;background:#fff;border-radius:50% 50% .4em .4em/70% 70% .4em .4em}.ma-rocket .rk::before{content:"";position:absolute;left:.6em;top:1em;width:1em;height:1em;border-radius:50%;background:var(--y)}.ma-rocket .rk::after{content:"";position:absolute;left:-.6em;bottom:0;width:3.4em;height:1.6em;background:var(--y);clip-path:polygon(0 100%,25% 0,75% 0,100% 100%)}.ma-rocket .tr{width:.6em;height:1.4em;border-radius:1em;background:var(--y);top:6.6em;opacity:.8}.ma-rocket .t1{left:6em}.ma-rocket .t2{left:7.2em;top:7.1em}.ma-rocket .t3{left:6.6em;top:7.6em}
/* motion (only when an ancestor has .on) */
@keyframes mabar{from{transform:scaleX(0)}}@keyframes mafloat{50%{translate:0 -.5em}}@keyframes mapulse{50%{scale:1.12}}@keyframes madash{to{background-position:1em 0}}@keyframes madraw{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes mapop{0%{opacity:0;scale:.3}60%{scale:1.2}100%{opacity:1;scale:1}}@keyframes maspin{to{rotate:360deg}}@keyframes marun{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(5em);opacity:0}}@keyframes maclimb{0%,12%{transform:translateY(0)}45%,100%{transform:translateY(var(--dy))}}@keyframes maup{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(-2em);opacity:0}}@keyframes mascroll{from{transform:translateY(0)}to{transform:translateY(-6em)}}@keyframes macaret{50%{opacity:0}}@keyframes mastar{0%,100%{background:#5a606c}20%,80%{background:#F1C91C}}@keyframes mamk{0%{left:1.4em}33%{left:6.2em}66%,100%{left:11em}}@keyframes mafly{0%{translate:0 1em}50%{translate:0 -.8em}100%{translate:0 1em}}@keyframes mawt{0%,100%{font-weight:300}50%{font-weight:800}}@keyframes mafill{0%,100%{background:transparent}50%{background:rgba(241,201,28,.35)}}
.on .ma-bars .r u{animation:mabar 1.3s cubic-bezier(.2,.8,.2,1) both}.on .ma-bars .r:nth-of-type(2) u{animation-delay:.2s}.on .ma-bars .r:nth-of-type(3) u{animation-delay:.4s}
.on .ma-serp .r1{animation:maclimb 6s ease-in-out infinite;--dy:5em}.on .ma-serp .r2{animation:maclimb 6s ease-in-out infinite;--dy:-2.6em}.on .ma-serp .r3{animation:maclimb 6s ease-in-out infinite;--dy:-2.6em}
.on .ma-chart .ln{stroke-dasharray:300;animation:madraw 2s ease-out both}.on .ma-chart .dot{animation:mapulse 1.8s ease-in-out infinite}
.on .ma-ads .c2{animation:mapulse 2.6s ease-in-out infinite}.on .ma-ads .c b{animation:mapop .6s both .6s}
.on .ma-swatch .sq{animation:mapulse 2.4s ease-in-out infinite}.on .ma-swatch .s2{animation-delay:.4s}.on .ma-swatch .s3{animation-delay:.8s}
.on .ma-lens .ring{animation:mapulse 3s ease-in-out infinite}.on .ma-lens .hl{animation:mafloat 2.4s ease-in-out infinite}
.on .ma-people .hr{animation:mafly 3s ease-in-out infinite}.on .ma-people .h2{animation-delay:-1s}.on .ma-people .h3{animation-delay:-2s}.on .ma-people .fb u{animation:mabar 1.6s both}
.on .ma-feed .hr{animation:mapulse 1.8s ease-in-out infinite}.on .ma-feed .t{animation:mafloat 5s ease-in-out infinite}.on .ma-feed .t2{animation-delay:-1.2s}.on .ma-feed .t3{animation-delay:-2.4s}.on .ma-feed .t4{animation-delay:-3.6s}
.on .ma-shield .orb{animation:maspin 14s linear infinite}.on .ma-shield .sh{animation:mapulse 3s ease-in-out infinite}.on .ma-shield .d{animation:mapulse 1.6s ease-in-out infinite}
.on .ma-nodes .fl{animation:madash 1s linear infinite}.on .ma-nodes .tr{animation:marun 2.4s ease-in-out infinite}.on .ma-nodes .n2{animation:mapulse 2.4s ease-in-out infinite}
.on .ma-doc .pg u{animation:mabar 1.4s both;transform-origin:left}.on .ma-doc .pg u:nth-child(2){animation-delay:.25s}.on .ma-doc .pg u:nth-child(3){animation-delay:.5s}.on .ma-doc .pg u:nth-child(4){animation-delay:.75s}.on .ma-doc .ck{animation:mapop .6s both 1s}
.on .ma-code u{animation:mabar 1.2s both;transform-origin:left}.on .ma-code .b{animation-delay:.3s}.on .ma-code .c{animation-delay:.6s}.on .ma-code .d{animation-delay:.9s}.on .ma-code .caret{animation:macaret 1s steps(1) infinite}
.on .ma-store .ad{animation:mapulse 2s ease-in-out infinite}.on .ma-store .ct em{animation:mapop .5s both .4s}
.on .ma-target .r2,.on .ma-target .r1{animation:mapulse 3s ease-in-out infinite}.on .ma-target .ar{animation:mafloat 2.6s ease-in-out infinite}
.on .ma-roadmap .mk{animation:mamk 6s ease-in-out infinite}.on .ma-roadmap .p{animation:mapulse 3s ease-in-out infinite}.on .ma-roadmap .p2{animation-delay:-1s}.on .ma-roadmap .p3{animation-delay:-2s}
.on .ma-layers .ly{animation:mafloat 4s ease-in-out infinite}.on .ma-layers .y2{animation-delay:-1.3s}.on .ma-layers .y3{animation-delay:-2.6s}
.on .ma-lock .s{animation:mapulse 2.6s ease-in-out infinite}.on .ma-lock .r:nth-of-type(2) .s{animation-delay:.5s}
.on .ma-phone .sc{animation:mascroll 5s ease-in-out infinite alternate}
.on .ma-cloud .up{animation:maup 2.4s ease-in-out infinite}.on .ma-cloud .d{animation:mafloat 3s ease-in-out infinite}
.on .ma-stars .st{animation:mastar 4s ease-in-out infinite}.on .ma-stars .s2{animation-delay:.3s}.on .ma-stars .s3{animation-delay:.6s}.on .ma-stars .s4{animation-delay:.9s}.on .ma-stars .s5{animation-delay:1.2s}
.on .ma-news .im{animation:mapulse 3s ease-in-out infinite}.on .ma-news .q{animation:mafloat 3s ease-in-out infinite}
.on .ma-video .pl{animation:mapulse 2s ease-in-out infinite}.on .ma-video .pg u{animation:mabar 5s linear infinite}
.on .ma-type .aa{animation:mawt 4s ease-in-out infinite}
.on .ma-frame i{animation:mafill 4s ease-in-out infinite}.on .ma-frame .b2{animation-delay:.5s}.on .ma-frame .b3{animation-delay:1s}.on .ma-frame .b4{animation-delay:1.5s}
.on .ma-link .ok{animation:mapop .6s both .5s}.on .ma-link .ln{animation:madash 1s linear infinite}
.on .ma-rocket .rk{animation:mafly 3s ease-in-out infinite}.on .ma-rocket .tr{animation:mafloat .8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.ma *{animation:none!important}}

/* ==== v1.28 consumers ==== */
.ma::before{content:"";position:absolute;inset:0;background:var(--ink);border-radius:1.2em;box-shadow:0 1em 2em -1em rgba(10,11,14,.55)}
/* six-card board: generic art (works for 4 or 6 cards) */
.ill-cards .ga{position:absolute;z-index:2;display:grid;place-items:center}
.ill-cards .g1{left:1.8em;right:1.6em;top:15em;bottom:1.8em;background:#F5F0E4;border-radius:2em;overflow:hidden}
.ill-cards .g1 .sun{position:absolute;right:0;top:-7.4em;width:13em;height:13em;border-radius:50%;background:#F1C91C}
.ill-cards .g1 .ma{font-size:1.9em;position:relative;z-index:1}
.ill-cards .g2,.ill-cards .g3{right:1.8em;top:2em}.ill-cards .g2 .ma,.ill-cards .g3 .ma{font-size:1.15em}
.ill-cards .g4{right:2em;top:2.6em}.ill-cards .g4 .ma{font-size:1.4em}
.ill-cards .g5{right:1.6em;top:4em}.ill-cards .g5 .ma{font-size:.95em}.ill-cards .g6{right:1.8em;top:3.6em}.ill-cards .g6 .ma{font-size:.95em}
.ill-cards .ic-row2.one{grid-template-columns:1fr}.ill-cards .ic-row2.one .ic-card .ic-tx{max-width:46%}
@media(max-width:860px){.ill-cards .ga{position:relative;right:auto;top:auto;left:auto;bottom:auto;margin:1.8em auto 0}.ill-cards .g1{width:100%;height:26em;margin-top:1.8em}.ill-cards .g1 .ma{font-size:1.7em}.ill-cards .g2 .ma,.ill-cards .g3 .ma,.ill-cards .g4 .ma,.ill-cards .g5 .ma,.ill-cards .g6 .ma{font-size:1.4em}.ill-cards .ga:not(.g1){width:100%}}
/* generic hero panes */
.ill-hero .gp{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:2em;padding:2em 2.6em;background:#f6f4ee}
.ill-hero .gp .gh{font:800 2.5em/1.05 var(--disp);display:block;color:#0a0b0e;letter-spacing:-.03em}.ill-hero .gp .gt p{font:500 1.4em/1.5 var(--body);color:#454a58;margin:.8em 0 0}
.ill-hero .gm{display:grid;place-items:center}.ill-hero .gm .ma{font-size:2.2em}
.ill-hero .tb em{font-size:1.1em}.ill-hero .tb{padding:.7em .9em}.ill-hero .wpside .tabs{gap:.3em}
/* process journey */
.ill-box:has(.kp){margin:0 0 clamp(18px,2.6vw,34px)}
.kp{aspect-ratio:1524/470;background:#FBF6EA;overflow:hidden}
.kp .rail{left:6%;right:6%;top:22%;height:.3em;background:repeating-linear-gradient(90deg,#c9c2ad 0 .7em,transparent .7em 1.3em)}
.kp .mv{top:9%;width:7em;height:7em;margin-left:-3.5em;border-radius:50%;background:rgba(241,201,28,.3);transition:left .7s cubic-bezier(.2,.8,.2,1)}
.kp .nd{position:absolute;top:12.5%;transform:translateX(-50%);display:grid;justify-items:center;gap:1em;border:0;background:none;cursor:pointer;padding:0;max-width:16em;z-index:2}
.kp .nd i{display:block;width:2.95em;height:2.95em;border-radius:50%;background:#fff;border:.24em solid #d9d2bd;font:800 1.7em/2.45em var(--disp);font-style:normal;text-align:center;color:#0a0b0e;transition:background .35s,border-color .35s,transform .35s}
.kp .nd em{font:700 1.4em/1.2 var(--disp);font-style:normal;text-align:center;color:#0a0b0e}
.kp .nd:hover i{transform:scale(1.08)}.kp .nd.on i{background:var(--y);border-color:#0a0b0e;transform:scale(1.14)}
.kp .dsc{left:6%;right:6%;top:62%;height:32%;background:var(--ink);border-radius:1.4em;color:#fff;padding:1em 2em;display:grid;align-items:center}
.kp .dsc .d{grid-area:1/1;margin:0;font:500 1.45em/1.45 var(--body);opacity:0;transform:translateY(.6em);transition:opacity .4s,transform .4s;color:#e6e9f2}.kp .dsc .d.on{opacity:1;transform:none}
@media(max-width:860px){.kp{aspect-ratio:50/44;font-size:calc(100cqw/50)}.kp .nd{max-width:7.4em}.kp .nd em{font-size:1.1em}.kp .nd i{width:2.6em;height:2.6em;font-size:1.5em;line-height:2.15em}.kp .dsc{top:58%;height:36%}.kp .dsc .d{font-size:1.25em}.kp .rail{top:18%}.kp .nd{top:8%}.kp .mv{top:4%}}
/* thumbnails, scenes in frames */
.eh-frame.kit{overflow:hidden;background:#0d1017}.eh-frame.kit>.eh-img{display:none}
.kthumb{position:absolute;inset:0;container-type:inline-size;display:grid;place-items:center;background:radial-gradient(circle at 72% 18%,rgba(241,201,28,.18),transparent 55%),linear-gradient(145deg,#171b25,#0a0d14)}
.kthumb .kma{font-size:calc(100cqw/24)}.kthumb .ma::before{background:#20263a}
.kthumb .kn{position:absolute;right:5cqw;bottom:5cqw;display:inline-flex;gap:.6em;align-items:center;background:rgba(21,24,31,.92);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:.55em 1em;color:#fff;font:700 clamp(11px,2.5cqw,14px)/1 var(--disp)}.kthumb .kn i{display:block;width:.55em;height:.55em;border-radius:50%;background:var(--acc,#F1C91C)}
.eh-frame.kit>.ill-box{position:absolute;inset:0;display:grid;align-items:center}.eh-frame.kit>.ill-box>.ill{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.eh-gal-hs .eh-gal-k{flex:none;width:min(620px,82vw)}
/* about + contact */
.ka{background:linear-gradient(160deg,#1b1f27,#0b0e15);font-size:calc(100cqw/46)!important}
.ka .orbit{left:50%;top:50%;width:64%;aspect-ratio:1;translate:-50% -50%;border:.15em dashed rgba(255,255,255,.22);border-radius:50%}
.ka .o{position:absolute;width:0;height:0}.ka .o1{left:50%;top:0}.ka .o2{left:100%;top:50%}.ka .o3{left:50%;top:100%}.ka .o4{left:0;top:50%}
.ka .o b{position:absolute;left:0;top:0;translate:-50% -50%;display:grid;justify-items:center;gap:.5em;background:#fff;color:#0a0b0e;border-radius:1.2em;padding:.9em 1.2em;font:700 1em/1 var(--disp);white-space:nowrap}.ka .o svg{width:2.2em;height:2.2em;color:#0a0b0e;stroke-width:1.8}.ka .o em{font:700 1.3em/1 var(--disp);font-style:normal}
.ka .core{left:50%;top:50%;translate:-50% -50%;width:34%;aspect-ratio:1;border-radius:50%;background:var(--y);color:#0a0b0e;display:grid;place-content:center;text-align:center;gap:.3em;box-shadow:0 0 4em rgba(241,201,28,.35)}.ka .core b{font:800 2em/1 var(--disp)}.ka .core i{font:800 1.5em/1 var(--disp);font-style:normal}
.ka.on .orbit{animation:maspin 44s linear infinite}.ka.on .o b{animation:maspin 44s linear infinite reverse}
.km{background:#10141c;font-size:calc(100cqw/60)!important;overflow:hidden}
.km .st{background:#1d2431;position:absolute}.km .s1{left:0;right:0;top:30%;height:1em}.km .s2{left:0;right:0;top:64%;height:1.4em}.km .s3{top:0;bottom:0;left:26%;width:1em}.km .s4{top:0;bottom:0;left:68%;width:1.4em}.km .s5{left:-10%;right:-10%;top:48%;height:.7em;transform:rotate(-14deg)}
.km .rv{position:absolute;left:-10%;right:-10%;top:78%;height:5em;background:rgba(241,201,28,.07);transform:rotate(-6deg)}
.km .pin{left:47%;top:42%;width:0;height:0}.km .pin b{position:absolute;left:-1em;top:-1em;width:2em;height:2em;border-radius:50%;background:var(--y);border:.4em solid #fff;z-index:2}.km .pin i{position:absolute;left:-3em;top:-3em;width:6em;height:6em;border-radius:50%;background:rgba(241,201,28,.35)}
.km.on .pin i{animation:mapulse 2s ease-in-out infinite}
.km .lb{left:53%;top:30%;display:flex;gap:.6em;align-items:center;background:#fff;color:#0a0b0e;border-radius:99em;padding:.7em 1.2em;font:800 1.5em/1 var(--disp);box-shadow:0 1em 2em -1em #000}.km .lb svg{width:1.6em;height:1.6em;color:#0a0b0e}.km .lb em{font-style:normal}