/* index — page styles */
body{margin:0;background:#FFFFFF}
a{color:#111111}a:hover{color:#5600E6}
.a-nav{background:#FFFFFF}
.mg [id]{scroll-margin-top:calc((min(100vw,1280px) - 106px) / 12 + 32px)}
.ph .ph-real{opacity:0;transition:opacity .5s ease}.ph:hover .ph-real,.ph:focus-visible .ph-real{opacity:1}
.brand{color:#FFFFFF;transition:color .5s ease}.brand:hover{color:#5600E6}
.tes{opacity:.14;transition:opacity 1.6s ease}
.tes:hover{opacity:1;transition:opacity .6s ease}
.mg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc((min(100vw,1280px) - 106px) / 12);gap:6px;grid-auto-flow:dense;max-width:1280px;margin:0 auto;padding:0 20px 20px;box-sizing:border-box}
.hdr{position:sticky;top:0;z-index:20;background:#FFFFFF;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc((min(100vw,1280px) - 106px) / 12);gap:6px;max-width:1280px;margin:0 auto;padding:20px 20px 6px;box-sizing:border-box}
.a-brand{grid-area:1/1/2/4}.a-nav{grid-area:1/4/2/11}.a-cta{grid-area:1/11/2/13}
.a-hero{grid-area:2/1/7/8}.a-lic{grid-area:2/9/7/13}
.a-label{grid-area:8/1/9/6}.a-puertas{grid-area:8/7/9/13}.a-ciclo{grid-area:9/1/13/13}
.a-man{grid-area:14/2/18/12}
.a-prog{grid-area:19/1/23/7}.a-reg{grid-area:19/8/23/13}
.a-r1{grid-area:24/1/28/13}
.a-team{grid-area:29/1/33/13}
.a-fql{grid-area:34/1/42/6}.a-fqc{grid-area:34/6/42/13}
.a-lista{grid-area:43/2/47/12}.a-pie{grid-area:48/1/49/13}
.cy{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:0;overflow:hidden}
.cy-bg{grid-column:var(--i);grid-row:1/4}
.cy-band{grid-column:1/-1;grid-row:2;background:#FFD10A}
.cy-n{grid-column:var(--i);grid-row:1;position:relative;padding:clamp(12px,1.5vw,20px) clamp(10px,1.2vw,16px) clamp(14px,1.6vw,22px);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(22px,2.6vw,38px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.cy-t{grid-column:var(--i);grid-row:2;position:relative;margin:0;padding:clamp(10px,1.1vw,14px) clamp(10px,1.2vw,16px);font-size:clamp(15px,1.5vw,21px);font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:#111111}
.cy-d{grid-column:var(--i);grid-row:3;position:relative;margin:0;padding:clamp(10px,1.2vw,16px) clamp(10px,1.2vw,16px) clamp(12px,1.4vw,18px);font-size:clamp(12px,1.08vw,15px);line-height:1.35}
.pg-grid{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}
.pg-c{display:block;aspect-ratio:1;width:100%;border:0;padding:0;margin:0;cursor:pointer;opacity:1;transform:scale(1);transition-property:opacity,transform,filter;transition-duration:.55s,.55s,.15s;transition-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1),ease}
.pg-c:hover{transform:scale(1.12)}
.pg-c[data-sel="true"]{outline:2px solid #111111;outline-offset:1px}
.pg-c:focus-visible,.pg-lg:focus-visible{outline:2px solid #FF6B00;outline-offset:1px}
.pg-grid[data-reveal="hidden"] .pg-c{opacity:0;transform:scale(.35)}
.pg-grid[data-highlight="0"] .pg-c:not([data-type="0"]),
.pg-grid[data-highlight="1"] .pg-c:not([data-type="1"]),
.pg-grid[data-highlight="2"] .pg-c:not([data-type="2"]),
.pg-grid[data-highlight="3"] .pg-c:not([data-type="3"]),
.pg-grid[data-highlight="4"] .pg-c:not([data-type="4"]){filter:opacity(.15)}
.pg-lg{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 6px;border:0;background:transparent;font-family:inherit;font-size:11px;font-weight:600;color:#111111;cursor:pointer;transition:background-color .15s ease}
.pg-lg:hover{background:#F1F0EC}
.pg-lg[aria-pressed="true"]{background:#111111;color:#FFFFFF}
.pg-cap{font-size:11px;font-weight:600;color:#55554F;min-height:1.3em}
.hm-tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0;transition:transform .34s cubic-bezier(.34,1.32,.64,1),opacity .16s ease}
.hm-tip[data-glide="false"]{transition:opacity .16s ease}
.hm-tip[data-open="true"]{opacity:1}
.hm-bubble{transform:translate(-50%,calc(-100% - 10px));background:#111111;color:#FFFFFF;padding:8px 12px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.hm-bubble::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#111111;transform:translateX(-50%) rotate(45deg)}
.hm-tl{display:flex;flex-direction:column;gap:2px}
.hm-tp{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.hm-ts{font-size:12px;font-weight:500;color:#CFCFCA}
.hm-dot{width:8px;height:8px;flex:0 0 auto}
@keyframes hmUpA{from{opacity:0;transform:translateY(.3em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes hmUpB{from{opacity:0;transform:translateY(.3em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes hmDnA{from{opacity:0;transform:translateY(-.3em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes hmDnB{from{opacity:0;transform:translateY(-.3em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes hmFdA{from{opacity:0}to{opacity:1}}
@keyframes hmFdB{from{opacity:0}to{opacity:1}}
.up0{animation:hmUpA .26s cubic-bezier(.16,1,.3,1)}.up1{animation:hmUpB .26s cubic-bezier(.16,1,.3,1)}
.dn0{animation:hmDnA .26s cubic-bezier(.16,1,.3,1)}.dn1{animation:hmDnB .26s cubic-bezier(.16,1,.3,1)}
.fd0{display:inline-block;animation:hmFdA .2s ease}.fd1{display:inline-block;animation:hmFdB .2s ease}
.hm-tl.up0,.hm-tl.up1,.hm-tl.dn0,.hm-tl.dn1,.hm-tl.fd0,.hm-tl.fd1{display:flex}
@media (prefers-reduced-motion:reduce){
.pg-c{transition-duration:0s,0s,.15s !important;transition-delay:0s !important}
.pg-grid[data-reveal="hidden"] .pg-c{opacity:1;transform:none}
.hm-tip{transition:opacity .15s ease}
.up0,.up1,.dn0,.dn1{animation:hmFdA .15s ease}
}
@media (max-width:760px){
.mg{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100vw - 62px) / 6);padding:0 16px 16px}
.hdr{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100vw - 62px) / 6);padding:16px 16px 6px}
.a-brand{grid-area:1/1/2/4}.a-nav{display:none !important}.a-cta{grid-area:1/4/2/7}
.a-hero{grid-area:2/1/10/7}.a-lic{grid-area:11/1/19/7}
.a-label{grid-area:20/1/21/7}.a-puertas{grid-area:21/1/23/7}.a-ciclo{grid-area:23/1/37/7}
.a-man{grid-area:38/1/46/7}
.a-prog{grid-area:47/1/53/7}
.a-r1{grid-area:54/1/65/7}
.a-team{grid-area:66/1/74/7}
.a-fql{grid-area:75/1/76/7 !important;align-self:start;visibility:hidden;height:0 !important;min-height:0 !important;padding:0 !important;border:0 !important;overflow:hidden !important}.a-fqc{grid-area:75/1/86/7}
.a-lista{grid-area:87/1/93/7}.a-reg{grid-area:94/1/101/7}.a-pie{grid-area:102/1/105/7}
.hide-m{display:none}
.cy{grid-template-columns:56px minmax(0,1fr);grid-template-rows:repeat(14,auto)}
.cy-bg{grid-column:2;grid-row:var(--m)/span 2}
.cy-band{grid-column:1;grid-row:1/15}
.cy-n{grid-column:1;grid-row:var(--m)/span 2;color:#111111 !important;font-size:20px;padding:14px 10px}
.cy-t{grid-column:2;grid-row:var(--m);align-self:end;padding:14px 14px 4px;font-size:18px;color:var(--fg)}
.cy-d{grid-column:2;grid-row:var(--m);align-self:start;padding:0 14px 14px;font-size:14px}
.tes-x{display:none}
}
.a-reg{container-type:size}
.a-reg button:hover{transform:translate(-1px,-1px)}.a-reg button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #111111 !important}
.a-cal,.a-com{container-type:size}
.wa{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;flex-direction:row-reverse;gap:0;background:#00DE7E;color:#111111;text-decoration:none;box-shadow:4px 4px 0 #111111;border:2px solid #111111;font-family:'Plus Jakarta Sans',system-ui,sans-serif;transition:transform .2s ease}
.wa-i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex:0 0 auto;background:#FFFFFF;border-left:2px solid #111111;box-sizing:border-box}
.wa-i svg{width:32px;height:32px;display:block}
.wa-t{max-width:0;overflow:hidden;white-space:nowrap;display:flex;flex-direction:column;font-size:14px;font-weight:800;line-height:1.15;padding:0;transition:max-width .35s ease,padding .35s ease}
.wa-t b{font-size:11px;font-weight:600}
.wa:hover .wa-t,.wa:focus-visible .wa-t{max-width:220px;padding:0 14px}
.wa:hover{transform:translate(-2px,-2px);color:#111111}
.wa:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #111111}
.scroller{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;position:relative}
@container (max-height:300px){.qz-h{font-size:22px !important}.qz-q{gap:8px !important}}
@container (max-height:220px){.qz-h{font-size:19px !important}.qz-top p{font-size:10px !important}.qz-q{gap:6px !important}}
/* ---------- Preguntas: chat ---------- */
.a-fql{container:fql/size}
.a-fqc{container:fqc/size}
.fq-k{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.fq-k i{width:10px;height:10px;display:block}
.fq-h{margin:0;font-size:clamp(30px,3.9vw,58px);font-weight:800;letter-spacing:-.045em;line-height:.95}
.fq-list{display:flex;flex-direction:column}
.fq-px{flex:1 1 0;min-height:0;display:flex;align-items:center;padding:6px 0}
.fq-px svg{height:100%;max-height:230px;width:auto;display:block}
.fq-px rect{transition:fill .35s ease}
.fq-px rect:nth-child(odd){transition-delay:.06s}
@container fql (max-height:330px){.fq-px{display:none}}
.fqb{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-top:1px solid rgba(255,255,255,.2);padding:clamp(8px,1.1vw,15px) 10px;font:inherit;font-size:clamp(15px,1.5vw,22px);font-weight:700;letter-spacing:-.015em;line-height:1.15;cursor:pointer;transition:background-color .2s ease,padding .2s ease}
.fqb:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.fqb[aria-pressed="false"]:hover{background:rgba(255,255,255,.1) !important;padding-left:16px}
.fqb[aria-pressed="true"]{border-color:transparent}
.fqb:focus-visible{outline:3px solid #FFFFFF;outline-offset:-3px}
.fqb-n{flex:0 0 auto;width:1.9em;height:1.9em;display:grid;place-items:center;font-size:.62em;font-weight:800;letter-spacing:0}
.fqb-a{margin-left:auto;font-weight:800;opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease}
.fqb[aria-pressed="true"] .fqb-a{opacity:1;transform:none}
@container fql (max-height:470px){.fq-h{font-size:30px}.fqb{padding:7px 8px;font-size:15px}}
@container fql (max-height:400px){.fq-h{font-size:26px}.fqb{padding:5px 8px;font-size:14px}.fqb-n{width:1.7em;height:1.7em}}

.fc-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:2px solid #111111;flex:0 0 auto}
.fc-av{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:2px;flex:0 0 auto}
.fc-av i{display:block}
.fc-nm{display:flex;flex-direction:column;line-height:1.1;font-size:15px;font-weight:800;min-width:0}
.fc-nm span{font-size:12px;font-weight:600;color:#6A6A66}
.fc-on{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}
.fc-on i{width:8px;height:8px;background:#00DE7E;display:block;animation:fcBlink 2s steps(2) infinite}
.fc-msgs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:clamp(12px,1.6vw,22px);overflow:hidden;background-image:radial-gradient(#E4E3DE 1.2px,transparent 1.3px);background-size:14px 14px}
.fc-u{align-self:flex-end;max-width:80%;background:#111111;color:#FFFFFF;padding:10px 14px;font-size:clamp(15px,1.5vw,20px);font-weight:700;line-height:1.2;letter-spacing:-.01em;box-shadow:4px 4px 0 rgba(17,17,17,.18)}
.fc-dots{display:none;align-self:flex-start;gap:5px;padding:14px 16px;background:#FFFFFF;border:2px solid #111111}
.fc-dots i{width:8px;height:8px;background:#111111;display:block;animation:fcDot 1s ease-in-out infinite}
.fc-dots i:nth-child(2){animation-delay:.15s}.fc-dots i:nth-child(3){animation-delay:.3s}
.fc-a{display:none;align-self:stretch;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:14px 22px;padding:clamp(16px,2.4cqw,30px);border:2px solid #111111;box-shadow:6px 6px 0 #111111;margin:0 6px 6px 0}
.fc-a.on{display:flex}
.fc-msgs.typing .fc-a{display:none !important}
.fc-msgs.typing .fc-dots{display:flex}
.fc-msgs.typing .fc-u{animation:fcIn .32s cubic-bezier(.2,.8,.2,1) both}
.fc-msgs.typing .fc-dots{animation:fcIn .25s .15s ease both}
.fc-big .w{display:inline-block}
.fc-a{position:relative}
.fc-a::after{content:"";position:absolute;inset:-6px;pointer-events:none;opacity:0;outline:1.5px dashed #111111;outline-offset:-4px;background:linear-gradient(#111111,#111111),linear-gradient(#111111,#111111),linear-gradient(#111111,#111111),linear-gradient(#111111,#111111),linear-gradient(#111111,#111111),linear-gradient(#111111,#111111),linear-gradient(#111111,#111111),linear-gradient(#111111,#111111);background-repeat:no-repeat;background-size:9px 9px;background-position:0 0,50% 0,100% 0,0 50%,100% 50%,0 100%,50% 100%,100% 100%}
.fc-msgs.done .fc-a.on{transform-origin:0 100%;animation:fcDrag 1.2s linear both}
.fc-msgs.done .fc-a.on::after{animation:fcBox 1.2s linear both}
@keyframes fcDrag{0%{transform:scale(.05)}12%{transform:scale(.16)}26%{transform:scale(.3)}40%{transform:scale(.46)}54%{transform:scale(.63)}66%{transform:scale(.79)}76%{transform:scale(.93)}84%{transform:scale(1.035)}90%{transform:scale(.985)}95%{transform:scale(1.008)}100%{transform:none}}
@keyframes fcBox{0%{opacity:1}78%{opacity:1}88%{opacity:0}100%{opacity:0}}
.fc-tx{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;gap:12px}
.fc-big{margin:0;font-size:clamp(44px,12.5cqw,132px);font-weight:800;letter-spacing:-.055em;line-height:.9}
.fc-d{margin:0;font-size:clamp(15px,2.6cqw,21px);line-height:1.38;max-width:34em}
.fc-l{font-size:clamp(14px,2.1cqw,17px);font-weight:800;color:inherit;align-self:flex-start}
.fc-v{flex:0 0 auto;display:flex;align-items:flex-end;align-self:flex-end}
.fc-in{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:0 0 0 14px;height:48px;border:2px solid #111111;background:#FFFFFF;color:#6A6A66;text-decoration:none;font-size:15px;font-weight:600;transition:transform .15s ease}
.fc-in b{color:#111111;font-weight:800}
.fc-in span.tx{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-in .snd{flex:0 0 auto;width:48px;height:48px;margin:-2px -2px -2px 0;display:grid;place-items:center;background:#00DE7E;border:2px solid #111111;color:#111111;font-size:20px;font-weight:800}
.fc-in:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #111111}
.fc-in:hover .snd{background:#00A35C}
.fc-v.vcal{width:min(440px,100%)}.fc-v.vcom{width:min(330px,100%)}
.fc-v .duck{height:clamp(110px,30cqh,250px) !important;width:auto !important;display:block}
.fc-v .cfig{height:clamp(120px,30cqh,250px)}
.wk{gap:6px}
.wk-c{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:800}
.wk-b{display:flex;flex-direction:column-reverse;gap:3px;height:calc(6 * var(--px) + 15px);justify-content:flex-start}
.wk-b i,.tz i,.st i{width:var(--px);height:var(--px);display:block}
.fc-v{--px:clamp(12px,3.4cqw,28px)}
.tz{display:grid;grid-template-columns:repeat(6,var(--px));gap:4px}
.st{gap:6px}
.st-c{display:flex;flex-direction:column;align-items:center;gap:6px}
.st-b{display:grid;grid-template-columns:repeat(3,var(--px));gap:3px;align-content:end}
.st-c b{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ia{flex-direction:column;align-items:stretch;gap:8px;width:min(260px,100%)}
.ia p{margin:0;padding:9px 12px;font-size:14px;font-weight:700;line-height:1.25;border:2px solid #111111}
.ia p small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;opacity:.75}

@keyframes fcIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes fcBorn{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}
@keyframes fcPop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes fcDot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:1}}
@keyframes fcBlink{50%{opacity:.25}}

@container fqc (max-height:600px){.fc-big{font-size:clamp(34px,10cqw,64px)}.fc-v .duck,.fc-v .cfig{height:110px !important}.fc-v{--px:14px}}
@container fqc (max-height:520px){.fc-big{font-size:clamp(34px,9cqw,60px)}.fc-v .duck,.fc-v .cfig{height:96px !important}.fc-v{--px:12px}.fc-a{gap:10px 18px}.fc-tx{gap:7px}}
@container fqc (max-height:460px){.fc-v{display:none}.fc-top{padding:8px 12px}.fc-in{height:42px;margin:0 10px 10px}.fc-in .snd{width:42px;height:42px}.fc-msgs{gap:8px}}
@container fqc (max-height:400px){.fc-big{font-size:34px}.fc-d{font-size:14px}.fc-u{font-size:15px;padding:8px 12px}.fc-on{display:none}}
@container fqc (max-width:300px){.fc-big{font-size:30px !important}.fc-d{font-size:13.5px !important}.vcom .ccom > span{display:none}.vcom li{padding:4px 8px !important}}
@container fqc (max-width:380px){.fc-on{display:none}.fc-in{font-size:14px}}
@media (max-width:760px){
.fq-list{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:4px}
.fqb{width:auto;border:2px solid rgba(255,255,255,.35) !important;padding:8px 11px !important;font-size:15px !important}
.fqb[aria-pressed="false"]:hover{padding-left:11px}
.fqb-n,.fqb-a{display:none}
.fqb[aria-pressed="true"]{border-color:transparent !important}
}
@container fql (max-width:300px){.fq-h{font-size:24px}.fq-k{font-size:11px}.fq-list .fqb{font-size:13.5px !important;padding:6px 9px !important}}
@media (prefers-reduced-motion:reduce){.fc-on i{animation:none !important}}
@media (min-width:761px) and (max-width:960px){.a-nav{font-size:13px !important;row-gap:2px !important;column-gap:12px !important}.a-nav a[href="Ingresar.dc.html"]{padding:2px 8px !important}.a-pie{font-size:11px !important;padding:4px 12px !important;row-gap:2px !important}}
/* ---------- A tu ritmo ---------- */
.rt{container-type:size;box-sizing:border-box;overflow:hidden}
.rt-k{margin:0;display:flex;align-items:center;gap:8px;font-size:max(11px,.95cqw);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rt-k i{width:10px;height:10px;display:block;flex:0 0 auto}
.rt-h{margin:0;font-size:max(22px,3.3cqw);font-weight:800;letter-spacing:-.045em;line-height:.95}
.rt-p{margin:0;font-size:max(13px,1.25cqw);line-height:1.4}
.rt-n{margin:0;font-size:max(11px,.9cqw);line-height:1.4;color:#6A6A66}
/* E1 */
.a-r1{background:#FFFFFF;border:2px solid #111111;padding:2.4cqw}
.r1{display:grid;grid-template-columns:minmax(0,33fr) minmax(0,63fr);gap:4cqw;height:100%;align-items:center}
.r1-t{display:flex;flex-direction:column;gap:1.4cqw}
.cal{display:flex;flex-direction:column;gap:.8cqw}
.cal-l{font-size:max(10px,.85cqw);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6A6A66}
.cal-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.45cqw}
.cm-o,.cm-m{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font:inherit;font-size:max(10px,1.05cqw);font-weight:800;box-sizing:border-box}
.cm-o{background:#F1F0EC;color:#B9B8B2}
.cm-o.op{background:#111111;color:#FFFFFF}
.cm-m{border:2px solid #5600E6;background:#FFFFFF;color:#5600E6;cursor:pointer;padding:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.cm-m:hover,.cm-m[aria-pressed="true"]{background:#FFD10A;border-color:#111111;color:#111111}
.cm-m[aria-pressed="true"]{transform:translateY(-3px)}
.cm-m:focus-visible{outline:3px solid #5600E6;outline-offset:2px}
.s1{display:none}
.cal-dock{position:relative;height:6.2cqw;margin-top:-.2cqw;--hw:8cqw}
.cal-line{position:absolute;top:0;left:var(--c);width:2px;height:2cqw;background:#111111;transform:translateX(-50%);transition:left .35s cubic-bezier(.3,.7,.2,1)}
.cal-mod{position:absolute;top:2cqw;left:clamp(var(--hw),var(--c),calc(100% - var(--hw)));width:calc(var(--hw) * 2);box-sizing:border-box;transform:translateX(-50%);background:#111111;color:#FFFFFF;padding:.7cqw 1.1cqw;display:flex;align-items:center;gap:.9cqw;transition:left .35s cubic-bezier(.3,.7,.2,1)}
.cal-mod i{width:1cqw;height:1cqw;min-width:9px;min-height:9px;background:#FFD10A;display:block}
.cal-mod span{display:flex;flex-direction:column;line-height:1.1}
.cal-mod small{font-size:max(10px,.8cqw);font-weight:700;color:#FFD10A;text-transform:uppercase;letter-spacing:.06em}
.cal-mod b{font-size:max(14px,1.5cqw);font-weight:800;letter-spacing:-.02em}
/* E2 */
.a-r2{background:#111111;color:#FFFFFF;padding:2.4cqw;display:flex;flex-direction:column;gap:2.2cqw}
.r2-top{display:flex;justify-content:space-between;align-items:flex-end;gap:2cqw;flex-wrap:wrap}
.trk{display:grid;grid-template-columns:7.5cqw minmax(0,1fr) 3.5cqw 9cqw;grid-template-rows:repeat(3,auto) auto;column-gap:1.2cqw;row-gap:1.3cqw;align-items:center;margin-top:auto}
.tk-n{grid-column:1;font-size:max(11px,1.05cqw);font-weight:800;color:#CFCFCA}
.tk-s{grid-column:2;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.42cqw}
.tk-s i,.tk-g i{display:block;border:1px solid #3A3A37;box-sizing:border-box;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}
.tk-s i{aspect-ratio:1}
.tk-c{grid-column:3;display:block;height:2px;border:0 !important;background:#3A3A37;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite}
.tk-g{grid-column:4;align-self:stretch;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;position:relative;border:2px solid #FFFFFF;padding:3px}
.tk-g b{position:absolute;left:0;right:0;bottom:-2.1cqw;text-align:center;font-size:max(10px,.9cqw);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tk-ax{grid-column:2;grid-row:4;font-size:max(10px,.85cqw);color:#6A6A66;font-weight:700;border-top:1px solid #3A3A37;padding-top:.5cqw;letter-spacing:.04em}
.a-r2:not(.in) .tk-s i,.a-r2:not(.in) .tk-c,.a-r2:not(.in) .tk-g i{animation-play-state:paused}
.r2-q{margin:0;font-size:max(16px,1.8cqw);font-weight:800;letter-spacing:-.02em}
.r2-q mark{background:#FFD10A;color:#111111;padding:0 .15em}
/* E3 */
.a-r3{background:#F1F0EC;padding:2.4cqw;display:flex;flex-direction:column;gap:2cqw}
.r3-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2cqw;flex-wrap:wrap}
.md-info{display:flex;flex-direction:column;align-items:flex-end;gap:.6cqw;text-align:right}
.md-txt{margin:0;font-size:max(13px,1.3cqw);font-weight:700}
.md-rs{font:inherit;font-size:max(12px,1.05cqw);font-weight:800;background:#111111;color:#FFFFFF;border:0;padding:.6cqw 1cqw;cursor:pointer}
.md-st{position:relative;height:15cqw;margin-top:auto;flex:0 0 auto}
.md{position:absolute;top:0;height:15cqw;width:21.5cqw;box-sizing:border-box;border:2px dashed #B9B8B2;background:transparent;color:#9A9993;font:inherit;text-align:left;padding:1.2cqw;display:flex;flex-direction:column;justify-content:space-between;cursor:default;transition:left .8s cubic-bezier(.5,0,.2,1),top .8s cubic-bezier(.5,0,.2,1),width .8s cubic-bezier(.5,0,.2,1),height .8s cubic-bezier(.5,0,.2,1),background-color .3s ease,color .3s ease,border-color .3s ease}
.md0{left:0}.md1{left:24.5cqw}.md2{left:49cqw}.md3{left:73.5cqw}
.md-n{font-size:max(22px,3.4cqw);font-weight:800;letter-spacing:-.05em;line-height:.85;transition:opacity .3s ease}
.md-t{font-size:max(13px,1.45cqw);font-weight:800;letter-spacing:-.01em}
.md-s{font-size:max(11px,.95cqw);font-weight:700;transition:opacity .3s ease}
.md.nx{border:2px solid #111111;background:#FFFFFF;color:#111111;cursor:pointer;animation:mdPulse 1.6s ease-in-out infinite}
.md.nx:hover{background:#FFD10A}
.md.dn{border:2px solid var(--c);background:var(--c);color:var(--f)}
.md:focus-visible{outline:3px solid #5600E6;outline-offset:3px}
@keyframes mdPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,209,10,0)}50%{box-shadow:0 0 0 .6cqw rgba(255,209,10,.9)}}
.md-ln{position:absolute;top:7.5cqw;height:3px;width:3cqw;background:#B9B8B2;transition:background-color .3s ease,opacity .3s ease}
.ml0{left:21.5cqw}.ml1{left:46cqw}.ml2{left:70.5cqw}
.md-ln.on{background:#111111}
.md-st.mz .md-ln{opacity:0}
.md-st.mz .md{height:7.25cqw;width:7.25cqw;padding:.6cqw}
.md-st.mz .md0{left:40cqw;top:0}.md-st.mz .md1{left:47.75cqw;top:0}.md-st.mz .md2{left:40cqw;top:7.75cqw}.md-st.mz .md3{left:47.75cqw;top:7.75cqw}
.md-st.mz .md-n,.md-st.mz .md-s{opacity:0}
.md-st.mz .md-t{font-size:max(9px,.8cqw);overflow-wrap:anywhere}
/* E4 */
.a-r4{background:#FFFFFF;padding:2.4cqw 2.4cqw 2.4cqw 4cqw;display:flex;flex-direction:column;justify-content:center;gap:1.6cqw;position:relative}
.r4-h{margin:0;font-size:max(30px,5.4cqw);font-weight:800;letter-spacing:-.055em;line-height:.92;max-width:15em}
.r4-no{align-self:flex-start;margin:0 0 0 18cqw;background:#5600E6;color:#FFFFFF;font-size:max(30px,5.4cqw);font-weight:800;letter-spacing:-.055em;line-height:1;padding:.3cqw 1.4cqw .7cqw}
.r4-a{position:absolute;left:4cqw;bottom:2.4cqw;font-size:max(13px,1.15cqw);font-weight:800;color:#111111}
.r4-sq{position:absolute;right:2.4cqw;top:2.4cqw;width:2.6cqw;height:2.6cqw;background:#FFD10A}
@media (prefers-reduced-motion:reduce){.cal-line,.cal-mod,.md{transition:none !important}.cm-m[aria-pressed="true"]{transform:none}.md.nx{animation:none}}
@media (max-width:760px){
.rt-k{font-size:11px}
.rt-h{font-size:max(26px,8.6cqw)}
.rt-p{font-size:max(14px,4.1cqw)}
.rt-n{font-size:max(11px,3.2cqw)}
.a-r1,.a-r2,.a-r3{padding:5cqw}
.r1{grid-template-columns:1fr;align-items:start;align-content:start;gap:7cqw}
.r1-t{gap:3cqw}
.cal{gap:2cqw}
.cal-l{font-size:max(10px,2.9cqw)}
.cal-g{gap:1cqw}
.cm-o,.cm-m{font-size:max(10px,3cqw)}
.s3{display:none}.s1{display:inline}
.cal-dock{height:22cqw;--hw:28cqw}
.cal-line{height:6cqw}
.cal-mod{top:6cqw;padding:2.2cqw 3cqw;gap:2.5cqw}
.cal-mod i{width:3cqw;height:3cqw}
.cal-mod small{font-size:max(10px,2.8cqw)}
.cal-mod b{font-size:max(15px,4.6cqw)}
.a-r2{gap:5cqw}
.trk{grid-template-columns:minmax(0,1fr);row-gap:2cqw;margin-top:0}
.tk-n{grid-column:1;grid-row:auto !important;font-size:max(11px,3.2cqw);margin-top:2cqw}
.tk-s{grid-column:1;grid-row:auto !important;gap:1cqw}
.tk-c{display:none}
.tk-g{grid-column:1;grid-row:auto !important;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));height:11cqw;margin-top:3cqw}
.tk-g b{bottom:auto;top:50%;transform:translateY(-50%);font-size:max(11px,3.2cqw);mix-blend-mode:difference}
.tk-ax{grid-column:1;grid-row:auto;font-size:max(10px,2.8cqw)}
.r2-q{font-size:max(17px,5cqw)}
.a-r3{gap:5cqw}
.r3-top{flex-direction:column;gap:3cqw}
.md-info{align-items:flex-start;text-align:left;gap:2cqw}
.md-txt{font-size:max(14px,4cqw)}
.md-rs{font-size:max(12px,3.6cqw);padding:2cqw 3cqw}
.md-st{height:71cqw}
.md{left:0 !important;width:100%;height:14cqw;padding:2.5cqw 3.5cqw;flex-direction:row;align-items:center;justify-content:flex-start;gap:4cqw}
.md0{top:0}.md1{top:19cqw}.md2{top:38cqw}.md3{top:57cqw}
.md-n{font-size:max(22px,7cqw)}
.md-t{font-size:max(14px,4.6cqw);flex:1 1 auto}
.md-s{font-size:max(11px,3.2cqw)}
.md-ln{left:6cqw !important;width:3px;height:5cqw}
.ml0{top:14cqw}.ml1{top:33cqw}.ml2{top:52cqw}
.md-st.mz .md{width:30cqw !important;height:30cqw;padding:2cqw;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.md-st.mz .md0{left:calc(50% - 30.5cqw) !important;top:5cqw}.md-st.mz .md1{left:calc(50% + .5cqw) !important;top:5cqw}.md-st.mz .md2{left:calc(50% - 30.5cqw) !important;top:36cqw}.md-st.mz .md3{left:calc(50% + .5cqw) !important;top:36cqw}
.md-st.mz .md-t{font-size:max(10px,2.9cqw);overflow-wrap:anywhere}
.a-r4{padding:6cqw;gap:4cqw;justify-content:flex-start}
.r4-h{font-size:max(30px,10.5cqw)}
.r4-no{font-size:max(30px,10.5cqw);margin-left:0;padding:1cqw 3cqw 2cqw}
.r4-a{left:6cqw;bottom:6cqw;font-size:max(14px,4cqw)}
.r4-sq{width:7cqw;height:7cqw;right:6cqw;top:6cqw}
}

.r1-more{align-self:flex-start;background:#111111;color:#FFFFFF;font-weight:800;font-size:max(13px,1.15cqw);padding:.8cqw 1.3cqw;text-decoration:none;margin-top:.4cqw;transition:transform .15s ease}
.r1-more:hover{color:#FFD10A;transform:translate(-2px,-2px)}
@media (max-width:760px){.r1-more{font-size:max(14px,4cqw);padding:2.4cqw 3.6cqw}}
@container (max-height:260px){.a-r1 .r1-t{gap:.8cqw}.a-r1 .rt-h{font-size:20px}}
.fc-opts{display:none}
@media (max-width:760px){
.fc-opts{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:10px 12px 12px;border-top:2px solid #111111;background:#FFFFFF;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.fc-opts::-webkit-scrollbar{display:none}
.fco{flex:0 0 auto;scroll-snap-align:start;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;padding:9px 12px;border:2px solid #5600E6;background:#FFFFFF;color:#5600E6;cursor:pointer;border-radius:999px}
.fco[aria-pressed="true"]{background:#5600E6;color:#FFFFFF}
.fco:focus-visible{outline:3px solid #FFD10A;outline-offset:2px}
}
.a-team{container-type:size}
@container (max-width:600px){.a-team .tm-ph{height:auto !important;width:100%;flex:1 1 100% !important}.a-team .tm-p{height:auto !important;flex:1 1 0 !important;min-width:0}.a-team .tm-t{flex:0 0 auto !important;justify-content:flex-start !important}}
/* barra única */
:root{--hdrH:calc(26px + (min(100vw,1280px) - 106px) / 12)}
.hdr{position:sticky;top:0;z-index:20;background:#FFFFFF;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc((min(100vw,1280px) - 106px) / 12);gap:6px;max-width:1280px;margin:0 auto;padding:20px 20px 6px;box-sizing:border-box}
.hdr .a-brand{grid-area:1/1/2/4}.hdr .a-nav{grid-area:1/4/2/11;background:#FFFFFF}.hdr .a-cta{grid-area:1/11/2/13}
.hdr .a-nav a{text-decoration:none}
.hdr .nav-arr{display:none}
.hdr .a-nav a:hover{color:#5600E6}
.hdr .a-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.hdr .a-cta{transition:background-color .2s ease,color .2s ease}
.hdr .a-cta:hover{background:#111111 !important;color:#FFD10A !important}
@media (min-width:841px) and (max-width:1080px){.hdr .a-nav{font-size:clamp(11.5px,1.26vw,13.5px) !important;gap:clamp(6px,.9vw,12px) !important;padding:0 clamp(8px,1vw,14px) !important}}
@media (max-width:760px){.wrap{padding:0 16px 16px !important}}
@media (max-width:840px){.hdr{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100vw - 62px) / 6);padding:16px 16px 6px}.hdr .a-brand{grid-area:1/1/2/4}.hdr .a-cta{grid-area:1/4/2/7}
.hdr{grid-template-rows:min(calc((100vw - 62px) / 6), 64px) 46px !important}
.hdr .a-nav{display:flex !important;grid-area:2/1/3/7 !important;position:relative;padding:0 !important;gap:0 !important;justify-content:flex-start !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;font-size:15px !important;font-weight:600 !important}
.hdr .a-nav::-webkit-scrollbar{display:none}
.hdr .a-nav a{display:flex !important;flex:0 0 auto;align-items:center;height:100%;padding:0 16px;box-sizing:border-box;border-right:2px solid #111111;color:#111111}
.hdr .a-nav a:last-child{border-right:0}
.hdr .a-nav a[aria-current="page"]{background:#111111;color:#FFD10A;text-decoration:none}
.hdr .a-nav::after{content:"";flex:0 0 1px}
.scroller [id]{scroll-margin-top:150px}
.hdr::before{content:"";grid-area:1/1/2/7;background:#FFFFFF;z-index:1;margin:-16px -16px 0}
.hdr .a-brand,.hdr .a-cta{position:relative;z-index:2}
.hdr{clip-path:inset(0 0 0 0);transition:clip-path .5s cubic-bezier(.4,0,.2,1)}
.hdr .a-nav{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease}
.hdr .a-nav{margin:0 52px !important}
.hdr .nav-arr{display:flex !important;grid-area:2/1/3/7;align-self:stretch;align-items:center;justify-content:center;width:46px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:#5600E6;color:#FFFFFF;z-index:1;transition:opacity .25s ease,background-color .2s ease,transform .5s cubic-bezier(.4,0,.2,1)}
.hdr .nav-arr svg{width:14px;height:14px;display:block}
.hdr .nav-arr:active{background:#111111}
.hdr .nav-arr[data-d="l"]{justify-self:start}
.hdr .nav-arr[data-d="r"]{justify-self:end}
html[data-nl="0"] .hdr .nav-arr[data-d="l"],html[data-nr="0"] .hdr .nav-arr[data-d="r"]{opacity:.35;pointer-events:none}
:root{--hdrH:calc(74px + min(calc((100vw - 62px) / 6), 64px))}
html[data-nav="off"]{--hdrH:calc(22px + min(calc((100vw - 62px) / 6), 64px))}
html[data-nav="off"] .hdr{clip-path:inset(0 0 52px 0)}
html[data-nav="off"] .hdr .a-nav,html[data-nav="off"] .hdr .nav-arr{transform:translateY(-52px);opacity:0;pointer-events:none}
}
@media (min-width:600px) and (max-width:840px){.hdr .a-nav a{flex:1 0 auto;justify-content:center;padding:0 10px}}
@media (min-width:761px) and (max-width:840px){.hdr{padding:20px 20px 6px !important;grid-template-rows:calc((100vw - 106px) / 12) 46px !important}.hdr::before{margin:-20px -20px 0}:root{--hdrH:calc(78px + (100vw - 106px) / 12)}html[data-nav="off"]{--hdrH:calc(26px + (100vw - 106px) / 12)}}
.wa-t{max-width:240px !important;padding:0 14px !important}
/* mobile-fix start */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,label,input{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.wa{bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important;right:calc(16px + env(safe-area-inset-right,0px)) !important}
@media (max-width:760px){
.hdr .a-brand svg{height:clamp(16px,5.2vw,30px) !important}
.wa{right:calc(10px + env(safe-area-inset-right,0px)) !important;bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;box-shadow:3px 3px 0 #111111 !important}
.hdr{grid-auto-rows:min(calc((100vw - 62px) / 6), 64px) !important}
.wa-i{width:46px !important;height:46px !important}
.wa-i svg{width:28px !important;height:28px !important}
.wa-t{font-size:12px !important;padding:0 10px !important}
.wa-t b{font-size:10.5px !important}
footer a{display:inline-block;padding:4px 0}
.wrap,.mg{padding-bottom:76px !important}
section[aria-labelledby="login-t"]{min-height:0 !important}
}

@container (orientation:portrait){.a-team .tm-ph{height:auto !important;width:100%;flex:1 1 100% !important}.a-team .tm-p{height:auto !important;flex:1 1 0 !important;min-width:0}.a-team .tm-t{flex:1 1 100% !important;justify-content:flex-start !important}}
@container (max-width:600px){.a-team .tm-t{flex:1 1 100% !important}.a-team h2{font-size:clamp(24px,7.4cqw,34px) !important}}
@media (max-width:760px){
.a-r1 .cal-g{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.6cqw}
.a-r1 .cm-o,.a-r1 .cm-m{font-size:max(12px,3.4cqw)}
.a-r1 .s3{display:inline}.a-r1 .s1{display:none}
.a-r1 .cal-l{font-size:11px}
.a-r1 .cal-line{display:none}
.a-r1 .cal-dock{height:auto;margin-top:3cqw}
.a-r1 .cal-mod{position:static;transform:none;width:auto;padding:3cqw 4cqw}
.a-r1 .cal-mod small{font-size:11px}
.pg-lg{min-height:32px}
.a-hero p:nth-of-type(2){line-height:1.16 !important}
.qz-top p{font-size:11px !important}
.ia p small{font-size:11px}
}
@media (max-width:359px){
.a-hero{gap:10px !important;padding:16px !important}
.a-hero h1{font-size:31px !important}
.a-hero p:nth-of-type(2){font-size:17px !important}
.a-hero a{padding:9px 14px !important;font-size:14px}
.cy-t{font-size:16px;padding:10px 12px 2px}
.cy-d{font-size:13px;padding:0 12px 10px}
.cy-n{font-size:18px;padding:10px 8px}
.a-prog{padding:14px !important}
.a-prog h2{font-size:24px !important}
.a-r1 .r1{gap:5cqw}
}
/* mobile-fix end */
/* pt start */
.mzl{position:fixed;inset:0;z-index:2147483600;background:#FFFFFF;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#111111;overflow:auto}
html[data-lock="0"] .mzl,html[data-dc-canvas] .mzl{display:none !important}
.mzl-bg{position:absolute;inset:0;padding:20px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc((100vw - 106px) / 12);gap:6px;align-content:start;overflow:hidden}
.mzl-bg > i{display:block;background:var(--c);opacity:.14;transition:opacity 1.6s ease}
.mzl-bg > i:hover{opacity:1;transition:opacity .4s ease}
.mzl-c{position:relative;width:min(100%,440px);background:#FFFFFF;border:2px solid #111111;box-shadow:8px 8px 0 #111111;display:flex;flex-direction:column;gap:14px;padding:0 0 24px;margin:0;box-sizing:border-box}
.mzl-brand{background:#111111;color:#FFFFFF;padding:22px 26px;display:flex}
.mzl-brand svg{height:30px;width:auto;display:block;fill:currentColor}
.mzl-k,.mzl-h,.mzl-p,.mzl-lb,.mzl-row,.mzl-m{margin:0 26px}
.mzl-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-top:8px}
.mzl-k i{width:10px;height:10px;background:#5600E6;display:block}
.mzl-h{font-size:clamp(26px,6vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1}
.mzl-p{font-size:15px;line-height:1.4;color:#3A3A37}
.mzl-lb{font-size:13px;font-weight:700;margin-top:4px}
.mzl-row{display:flex;gap:6px}
.mzl-row input{flex:1 1 auto;min-width:0;height:48px;border:2px solid #111111;border-radius:0;padding:0 14px;font:inherit;font-size:16px;background:#FFFFFF;color:#111111;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none}
.mzl-row input:focus{border-color:#5600E6;box-shadow:0 0 0 3px rgba(86,0,230,.25)}
.mzl-row button{flex:0 0 auto;height:48px;border:0;border-radius:0;background:#FFD10A;color:#111111;font:inherit;font-size:16px;font-weight:800;padding:0 18px;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.mzl-row button:hover,.mzl-row button:focus-visible{background:#111111;color:#FFD10A}
.mzl-m{min-height:20px;font-size:13px;font-weight:600;line-height:1.35}
.mzl-m span{display:none}
.mzl-m .m-bad,.mzl-m .m-wait,.mzl-m .m-empty{color:#C4002B}
.mzl-m .m-idle,.mzl-m .m-busy{color:#5600E6}
html[data-lockmsg="bad"] .mzl-m .m-bad,html[data-lockmsg="idle"] .mzl-m .m-idle,html[data-lockmsg="wait"] .mzl-m .m-wait,html[data-lockmsg="empty"] .mzl-m .m-empty{display:inline}
html[data-lockbusy] .mzl-m span{display:none}
html[data-lockbusy] .mzl-m .m-busy{display:inline}
html[data-lockmsg="bad"] .mzl-row input,html[data-lockmsg="empty"] .mzl-row input{border-color:#C4002B}
.mzl-x{position:absolute;top:-18px;right:16px;z-index:2;margin:0;background:#FF3F7A;color:#111111;border:2px solid #111111;box-shadow:3px 3px 0 #111111;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(8px) scale(.85);pointer-events:none;transition:opacity .18s ease,transform .3s cubic-bezier(.3,1.7,.5,1)}
.mzl-x svg{width:11px;height:11px;fill:#111111;display:block}
html[data-lockmsg="bad"] .mzl-x,html[data-lockmsg="wait"] .mzl-x{opacity:1;transform:none}
html[data-lockmsg="bad"] .mzl-c,html[data-lockmsg="wait"] .mzl-c{border-color:#C4002B}
html[data-lockshake="1"] .mzl-c{animation:mzlShakeA .7s cubic-bezier(.36,.07,.19,.97)}
html[data-lockshake="2"] .mzl-c{animation:mzlShakeB .7s cubic-bezier(.36,.07,.19,.97)}
html[data-lockshake="1"] .mzl-x{animation:mzlDropA .75s cubic-bezier(.2,1.6,.4,1) backwards}
html[data-lockshake="2"] .mzl-x{animation:mzlDropB .75s cubic-bezier(.2,1.6,.4,1) backwards}
html[data-lockmsg="bad"][data-lockshake="1"] .mzl-m .m-bad,html[data-lockmsg="wait"][data-lockshake="1"] .mzl-m .m-wait{display:inline-block;animation:mzlPopA .5s cubic-bezier(.2,1.8,.4,1) .15s backwards}
html[data-lockmsg="bad"][data-lockshake="2"] .mzl-m .m-bad,html[data-lockmsg="wait"][data-lockshake="2"] .mzl-m .m-wait{display:inline-block;animation:mzlPopB .5s cubic-bezier(.2,1.8,.4,1) .15s backwards}
html[data-lockshake="1"] .mzl-row button{animation:mzlFlashA .8s ease}
html[data-lockshake="2"] .mzl-row button{animation:mzlFlashB .8s ease}
html:not([data-lockmsg="bad"]):not([data-lockmsg="wait"]) .mzl-x{animation:none !important}
@keyframes mzlDropA{0%{opacity:0;transform:translateY(-34px) rotate(-6deg) scale(.7)}55%{opacity:1;transform:translateY(4px) rotate(2deg) scale(1.08)}75%{transform:translateY(-3px) rotate(-1deg) scale(.98)}100%{opacity:1;transform:none}}
@keyframes mzlDropB{0%{opacity:0;transform:translateY(-34px) rotate(-6deg) scale(.7)}55%{opacity:1;transform:translateY(4px) rotate(2deg) scale(1.08)}75%{transform:translateY(-3px) rotate(-1deg) scale(.98)}100%{opacity:1;transform:none}}
@keyframes mzlPopA{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes mzlPopB{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes mzlFlashA{0%,45%{background:#FF3F7A;color:#111111}100%{background:#FFD10A;color:#111111}}
@keyframes mzlFlashB{0%,45%{background:#FF3F7A;color:#111111}100%{background:#FFD10A;color:#111111}}
@keyframes mzlShakeA{0%,100%{transform:translateX(0)}10%{transform:translateX(-22px) rotate(-1.2deg)}24%{transform:translateX(20px) rotate(1deg)}38%{transform:translateX(-16px) rotate(-.8deg)}52%{transform:translateX(12px) rotate(.5deg)}66%{transform:translateX(-7px)}80%{transform:translateX(4px)}92%{transform:translateX(-2px)}}
@keyframes mzlShakeB{0%,100%{transform:translateX(0)}10%{transform:translateX(-22px) rotate(-1.2deg)}24%{transform:translateX(20px) rotate(1deg)}38%{transform:translateX(-16px) rotate(-.8deg)}52%{transform:translateX(12px) rotate(.5deg)}66%{transform:translateX(-7px)}80%{transform:translateX(4px)}92%{transform:translateX(-2px)}}
/* correct password: the same transition mosaic falls over the lock, then lifts into the loader */
html[data-lock="out"] .mzt{z-index:2147483700}
html[data-lock="out"] .mzl-c{animation:mzlOut .45s ease .12s both !important}
@keyframes mzlOut{to{opacity:0;transform:scale(.96)}}
@media (max-height:640px){.mzl{align-items:flex-start;padding-top:28px}}
.mzl{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
@media (max-width:760px){.mzl{padding:16px}.mzl-bg{padding:16px;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100vw - 62px) / 6)}.mzl-c{box-shadow:5px 5px 0 #111111}.mzl-k,.mzl-h,.mzl-p,.mzl-lb,.mzl-row,.mzl-m{margin:0 20px}.mzl-brand{padding:18px 20px}.mzl-k{margin-top:6px}}
.mzt{position:fixed;inset:0;z-index:2147483000;background:#FFFFFF;display:block;overflow:hidden;animation:mztSafe .4s ease 4.5s both}
html[data-pt] .mzt{animation:none}
html[data-dc-canvas] .mzt,html[data-pt="done"] .mzt{display:none !important}
.mzt-w{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc(100vw / 12);align-content:start}
.mzt-w > i{display:block;background:var(--c)}
.mzt-l{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#111111}
.mzt-st{position:relative;width:152px;height:152px;perspective:700px}
.mzt-cube{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(-76px)}
.mzt-f{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,22px);grid-auto-rows:22px;gap:4px;backface-visibility:hidden}
.mzt-f > i{display:block}
.mzt-fr{transform:translateZ(76px)}
.mzt-ri{transform:rotateY(90deg) translateZ(76px);opacity:0}
.mzt-bk{transform:rotateY(180deg) translateZ(76px);opacity:0}
.mzt-le{transform:rotateY(-90deg) translateZ(76px);opacity:0}
.mzt-tp{transform:rotateX(90deg) translateZ(76px);opacity:0}
.mzt-fr > i{background:#111111;transform:scale(0)}
.mzt-logo{position:absolute;left:0;top:26px;width:152px;height:100px;fill:#111111;overflow:visible}
.mzt-tx{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}
.mzt-dt i{font-style:normal;animation:mztDot 1.2s steps(1) infinite}
.mzt-dt i:nth-child(2){animation-delay:.2s}.mzt-dt i:nth-child(3){animation-delay:.4s}
.mzt-bar{display:grid;grid-template-columns:repeat(10,10px);gap:3px}
.mzt-bar > i{display:block;height:10px;background:#E4E3DE;transition:background-color .25s ease}
html[data-pp="1"] .mzt-bar > i:nth-child(-n+1){background:#5600E6}
html[data-pp="2"] .mzt-bar > i:nth-child(-n+2){background:#FFD10A}
html[data-pp="3"] .mzt-bar > i:nth-child(-n+3){background:#FF6B00}
html[data-pp="4"] .mzt-bar > i:nth-child(-n+4){background:#FF3F7A}
html[data-pp="5"] .mzt-bar > i:nth-child(-n+5){background:#00DE7E}
html[data-pp="6"] .mzt-bar > i:nth-child(-n+6){background:#5600E6}
html[data-pp="7"] .mzt-bar > i:nth-child(-n+7){background:#FFD10A}
html[data-pp="8"] .mzt-bar > i:nth-child(-n+8){background:#FF6B00}
html[data-pp="9"] .mzt-bar > i:nth-child(-n+9){background:#FF3F7A}
html[data-pp="10"] .mzt-bar > i:nth-child(-n+10){background:#00DE7E}
/* load: the cover clears, the cube loader plays */
html[data-pt="load"] .mzt-w > i{animation:mztTileOut .42s cubic-bezier(.5,0,.75,0) var(--d) both}
html[data-pt="load"] .mzt-l{opacity:1;transition:opacity .35s ease .25s}
html[data-pt="load"] .mzt-cube,html[data-pt="fin"] .mzt-cube{animation:mztCube 3.4s linear infinite}
html[data-pt="load"] .mzt-logo,html[data-pt="fin"] .mzt-logo{animation:mztLogo 3.4s linear infinite}
html[data-pt="load"] .mzt-fr > i.m,html[data-pt="fin"] .mzt-fr > i.m{animation:mztM 3.4s linear var(--d) infinite both}
html[data-pt="load"] .mzt-fr > i.n,html[data-pt="fin"] .mzt-fr > i.n{animation:mztN 3.4s linear var(--d) infinite both}
html[data-pt="load"] .mzt-ri,html[data-pt="load"] .mzt-bk,html[data-pt="load"] .mzt-le,html[data-pt="load"] .mzt-tp{animation:mztF 3.4s linear infinite}
/* fin: loader done, whole layer fades away */
html[data-pt="fin"] .mzt-w{display:none}
html[data-pt="fin"] .mzt-l{opacity:1}
html[data-pt="fin"] .mzt{animation:mztFade .55s ease .05s both;pointer-events:none}
/* in: arriving from another page, the mosaic lifts */
html[data-pt="in"] .mzt{animation:mztBg .5s ease .12s both;pointer-events:none}
html[data-pt="in"] .mzt-w > i{animation:mztTileOut .4s cubic-bezier(.5,0,.75,0) var(--d) both}
/* out: leaving, the mosaic drops in */
html[data-pt="out"] .mzt{animation:mztBgIn .3s ease .2s both}
html[data-pt="out"] .mzt-w > i{animation:mztTileIn .34s cubic-bezier(.2,.9,.3,1.15) var(--d) both}
@media (max-width:760px){.mzt-w{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc(100vw / 6)}}
@keyframes mztSafe{to{opacity:0;visibility:hidden}}
@keyframes mztFade{to{opacity:0;visibility:hidden}}
@keyframes mztBg{from{background-color:#FFFFFF}to{background-color:rgba(255,255,255,0)}}
@keyframes mztBgIn{from{background-color:rgba(255,255,255,0)}to{background-color:#FFFFFF}}
@keyframes mztTileOut{from{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}
@keyframes mztTileIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes mztDot{0%{opacity:0}35%,100%{opacity:1}}
@keyframes mztLogo{0%,10%{opacity:1;transform:scale(1)}17%{opacity:0;transform:scale(.94)}89%{opacity:0;transform:scale(.94)}97%,100%{opacity:1;transform:scale(1)}}
@keyframes mztM{0%,11%{transform:scale(0);opacity:0;background:#111111}17%{transform:scale(1);opacity:1;background:#111111}25%{background:#111111}33%{transform:scale(1);background:var(--c)}71%{background:var(--c)}79%{transform:scale(1);background:#111111}88%{transform:scale(1);opacity:1;background:#111111}93%,100%{transform:scale(.4);opacity:0;background:#111111}}
@keyframes mztN{0%,22%{transform:scale(0);background:var(--c)}31%{transform:scale(1);background:var(--c)}73%{transform:scale(1);background:var(--c)}81%,100%{transform:scale(0);background:var(--c)}}
@keyframes mztF{0%,35%{opacity:0}41%,69%{opacity:1}75%,100%{opacity:0}}
@keyframes mztCube{0%,36%{transform:translateZ(-76px) rotateX(0deg) rotateY(0deg)}46%{transform:translateZ(-76px) rotateX(-26deg) rotateY(-42deg)}64%{transform:translateZ(-76px) rotateX(-26deg) rotateY(-402deg)}75%,100%{transform:translateZ(-76px) rotateX(0deg) rotateY(-360deg)}}
/* pt end */