.c9,.c9 *,.c9 :before,.c9 :after{box-sizing:border-box}.c9[data-phase=poster] .c9-col,.c9[data-phase=nogl] .c9-col{visibility:hidden}.c9{--c9-ink:#0b2b4a;--c9-ink-2:#0b2b4a9e;--c9-teal:#0a7066;--c9-teal-text:#095c53;--c9-glass:#ffffff9e;isolation:isolate;min-height:100svh;color:var(--c9-ink);font-family:var(--mg-font,inherit);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;display:flex;position:relative;overflow:hidden}.c9-sky{z-index:-1;background:radial-gradient(60% 40% at 15% 20%,#ffffffbf,#0000 70%),radial-gradient(50% 35% at 90% 70%,#fff9,#0000 70%),linear-gradient(#a9d2f7,#d6ebfc 55%,#f4faff);position:absolute;inset:0}.c9-col{width:min(100%,600px);height:100svh;min-height:600px;padding:var(--c9-top,104px) max(16px, env(safe-area-inset-right,0px)) 14px max(16px, env(safe-area-inset-left,0px));flex-direction:column;gap:8px;display:flex;position:relative}.c9-hud{align-items:center;gap:10px;display:flex}.c9-stat,.c9-next{background:var(--c9-glass);border-radius:16px;flex-direction:column;padding:6px 14px;line-height:1.1;display:flex}.c9-stat span,.c9-next span{color:var(--c9-ink-2);font-size:12px}.c9-stat b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.c9-best b{padding-top:4px;font-size:16px}.c9-next{flex-direction:row;align-items:center;gap:8px;margin-left:auto;padding:4px 6px 4px 14px}.c9-next img,.c9-next i{width:40px;height:40px;display:block}.c9-mute{width:44px;height:44px;color:var(--c9-ink);background:var(--c9-glass);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.c9-stage{cursor:crosshair;flex:1;min-height:0;position:relative}.c9-stage canvas{display:block;position:absolute;inset:0}.c9-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#0b2b4ac7;border-radius:999px;margin:0;padding:8px 16px;font-size:14px;animation:2.4s ease-in-out infinite c9-breathe;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.c9-float{color:#fff;text-shadow:0 2px 8px #0b2b4a73;pointer-events:none;font-size:22px;font-weight:800;animation:.9s ease-out forwards c9-rise;position:absolute;transform:translate(-50%,-50%)}.c9-float.c9-nine{color:#fffbe6;text-shadow:0 0 18px #ffc440e6,0 2px 6px #0b2b4a80;font-size:34px}.c9-chain{justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.c9-chain li{opacity:.28;filter:grayscale(.6);width:34px;height:34px;transition:opacity .3s,filter .3s,transform .3s}.c9-chain li.on{opacity:1;filter:none}.c9-chain li:last-child.on{transform:scale(1.12)}.c9-chain i{width:calc(14px + var(--i) * 2.4px);height:calc(14px + var(--i) * 2.4px);margin:auto;margin-top:calc(10px - var(--i) * 1.2px);background:#fff;border-radius:50%;display:block}.c9-poster{text-align:center;padding:var(--c9-top,96px) 16px 64px;background:linear-gradient(#d6ebfc8c,#f4faffd9);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.c9-poster h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:clamp(40px,9vw,72px);font-weight:800;line-height:1}.c9-poster p{max-width:32ch;color:var(--c9-ink-2);margin:0 0 22px;font-size:17px;line-height:1.45}.c9-may{width:clamp(150px,34vw,220px);height:auto;animation:3.2s ease-in-out infinite c9-float}.c9-poster .c9-vs,.c9-card .c9-vs{color:var(--c9-teal-text);margin:-8px 0 18px;font-weight:600}.c9-btn{background:var(--c9-teal);color:#fff;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 10px 24px -10px #0a7066b3}.c9-btn:hover{transform:translateY(-1px)}.c9-btn:active{transform:scale(.97)}.c9-btn:disabled{opacity:.75;cursor:progress}.c9-btn:focus-visible,.c9-mute:focus-visible,.c9-link:focus-visible{outline-offset:3px;outline:3px solid #0b2b4a}.c9-ghost{color:var(--c9-ink);box-shadow:none;background:#ffffffd9}.c9-small{min-height:40px;padding:0 18px;font-size:15px}.c9-over{background:#d6ebfcb8;place-items:center;padding:16px;animation:.35s ease-out c9-in;display:grid;position:absolute;inset:0;overflow-y:auto}.c9-card{text-align:center;background:#ffffffeb;border-radius:28px;width:min(100%,420px);padding:26px 22px 20px;box-shadow:0 30px 60px -30px #0b2b4a73}.c9-card h2{margin:0;font-size:22px;font-weight:700}.c9-big{font-variant-numeric:tabular-nums;margin:4px 0 6px;font-size:64px;font-weight:800;line-height:1.05}.c9-reach{color:var(--c9-ink-2);justify-content:center;align-items:center;gap:8px;margin:0 0 18px;font-weight:600;display:flex}.c9-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.c9-note{color:var(--c9-teal-text);margin:10px 0 0;font-size:14px}.c9-cta{text-align:left;border-top:1px solid #0b2b4a14;align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.c9-cta img{flex:none;width:76px;height:auto}.c9-cta h3{margin:0 0 2px;font-size:16px;font-weight:700}.c9-cta p{color:var(--c9-ink-2);margin:0 0 10px;font-size:14px;line-height:1.4}.c9-links{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.c9-link{color:var(--c9-teal-text);text-underline-offset:3px;font-size:14px;font-weight:600;text-decoration:underline}@keyframes c9-rise{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-160%)scale(1.15)}}@keyframes c9-float{50%{transform:translateY(-10px)}}@keyframes c9-breathe{50%{opacity:.7}}@keyframes c9-in{0%{opacity:0}}@media (max-width:420px){.c9-col{padding:var(--c9-top-phone,92px) 10px 10px}.c9-chain li,.c9-chain img{width:30px;height:30px}.c9-big{font-size:54px}}@media (prefers-reduced-motion:reduce){.c9-may,.c9-hint{animation:none}}.c9-shot{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:16px;width:min(100%,240px);margin:14px auto 0;display:block;box-shadow:0 16px 30px -18px #0b2b4a80}.c9-left,.c9-right{align-items:center;gap:10px;display:flex}.c9-right{margin-left:auto}.c9{--c9-top:12px;--c9-top-phone:8px;height:100svh;min-height:100svh}.c9-col{height:100%;min-height:560px}.c9-poster{--c9-top:48px}@media (min-width:900px) and (min-height:560px){.c9-col{width:100%;max-width:none;padding:0;display:block}.c9-stage{position:absolute;inset:0}.c9-hud{z-index:1;pointer-events:none;position:absolute;inset:0}.c9-left,.c9-right{top:var(--jar-t,80px);pointer-events:auto;flex-direction:column;gap:12px;position:absolute}.c9-left{right:calc(100% - var(--jar-l,40%) + 32px);align-items:flex-end}.c9-right{left:calc(var(--jar-r,60%) + 32px);flex-direction:row;align-items:center;margin:0}.c9-stat{border-radius:20px;min-width:140px;padding:10px 18px}.c9-stat span,.c9-next span{font-size:13px}.c9-stat b{font-size:40px}.c9-best b{font-size:24px}.c9-next{border-radius:20px;margin:0;padding:8px 10px 8px 18px}.c9-next img,.c9-next i{width:56px;height:56px}.c9-chain{z-index:1;left:calc(var(--jar-r,60%) + 32px);--cs:min(44px, calc((var(--jar-b,600px) - var(--jar-t,100px) - 110px) / 9.5));top:calc(var(--jar-b,90%) - 9 * var(--cs) - 8 * 4px);flex-direction:column;gap:4px;position:absolute}.c9-chain li,.c9-chain img{width:var(--cs);height:var(--cs)}}@media (max-width:899px){.c9-col{padding-left:max(4px, env(safe-area-inset-left,0px));padding-right:max(4px, env(safe-area-inset-right,0px));gap:4px}.c9-hud,.c9-chain{padding-inline:8px}}.c9-poster{padding:64px max(24px, env(safe-area-inset-right,0px)) 48px max(24px, env(safe-area-inset-left,0px));text-align:left;background:0 0;grid-template-columns:minmax(0,440px) minmax(0,560px);justify-content:center;align-items:center;gap:clamp(24px,5vw,72px);display:grid;overflow:hidden}.c9-poster:before,.c9-poster:after{content:"";z-index:-1;background:radial-gradient(closest-side,#ffffffe6,#fff0);border-radius:999px;width:420px;height:150px;animation:38s linear infinite c9-drift;position:absolute}.c9-poster:before{top:12%;left:-30%}.c9-poster:after{width:560px;animation-duration:52s;animation-delay:-20s;bottom:10%;left:-40%}@keyframes c9-drift{to{transform:translate(170vw)}}.c9-intro{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.c9-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--c9-teal-text);margin:0;font-size:13px;font-weight:700}.c9-poster .c9-intro h1{letter-spacing:-.035em;color:var(--c9-ink);text-wrap:balance;margin:0;font-size:clamp(56px,7.5vw,96px);font-weight:800;line-height:.95}.c9-poster .c9-lead{max-width:34ch;color:var(--c9-ink-2);margin:0;font-size:18px;line-height:1.5}.c9-steps{color:var(--c9-ink);gap:10px;margin:6px 0 4px;padding:0;font-size:15px;font-weight:500;list-style:none;display:grid}.c9-steps li{align-items:center;gap:12px;display:flex}.c9-steps span{width:26px;height:26px;color:var(--c9-teal-text);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid;box-shadow:0 4px 10px -6px #0b2b4a80}.c9-go{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:8px;display:flex}.c9-play{min-height:60px;padding:0 44px;font-size:19px}.c9-mybest{color:var(--c9-ink-2);font-size:14px}.c9-mybest b{color:var(--c9-ink);font-variant-numeric:tabular-nums;font-size:18px}.c9-poster .c9-vs{margin:0}.c9-climb{aspect-ratio:560/460;width:100%;max-width:100%;position:relative}.c9-path{width:88%;height:84%;position:absolute;inset:6% 6% 10% 4%;overflow:visible}.c9-path path{fill:none;stroke:#ffffffe6;stroke-width:1.2px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke;stroke-linecap:round}.c9-climb ol{margin:0;padding:0;list-style:none}.c9-climb li{--s:calc(11% + var(--i) * 2.3%);left:calc(var(--i) * 9.4%);bottom:calc(6% + var(--i) * 8.6% + var(--i) * var(--i) * 0.1%);width:var(--s);aspect-ratio:1;animation:3.2s ease-in-out infinite c9-bob;animation-delay:calc(var(--i) * -.36s);position:absolute}.c9-climb li:last-child{filter:drop-shadow(0 0 18px #ffd25abf)}.c9-climb img{width:140%;max-width:none;margin:-20% 0 0 -20%;display:block}@keyframes c9-bob{50%{transform:translateY(-7%)}}.c9-tag{color:var(--c9-ink);white-space:nowrap;background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;box-shadow:0 8px 18px -12px #0b2b4a99}.c9-climb .c9-tag{top:92%;left:50%;transform:translate(-50%)}.c9-climb li:first-child .c9-tag{left:0;transform:none}.c9-climb .c9-tag-hi{color:#8a5a00;background:#fff5d6;top:auto;bottom:104%}@media (max-width:899px){.c9-poster{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;gap:18px;padding:72px 20px 28px;overflow-y:auto}.c9-climb{width:min(100%,340px);margin:30px 0 22px}.c9-intro{align-items:stretch;gap:10px;width:min(100%,420px)}.c9-poster .c9-intro h1{font-size:clamp(44px,13vw,60px)}.c9-poster .c9-lead{font-size:16px}.c9-steps{gap:8px;font-size:14px}.c9-go{text-align:center;flex-direction:column;align-items:stretch}}@media (max-width:899px) and (max-height:760px){.c9-climb{width:min(100%,240px);margin:26px 0 14px}.c9-steps{gap:6px}.c9-play{min-height:54px}.c9-eyebrow{display:none}.c9-poster{gap:12px;padding-top:64px}}@media (max-width:899px) and (max-height:600px){.c9-steps{display:none}}@media (prefers-reduced-motion:reduce){.c9-climb li,.c9-poster:before,.c9-poster:after{animation:none}}