.oe3DtG_page{min-height:100dvh;padding:max(0px, calc(24px + var(--home-top,16px))) var(--gutter) 56px;flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:clip}@media (min-width:1180px){.oe3DtG_page{padding-top:max(0px, calc(120px + var(--home-top-wide,-64px)))}}.oe3DtG_enter{animation:oe3DtG_enter-fade .5s var(--ease-out) backwards}@media (prefers-reduced-motion:no-preference){.oe3DtG_enter{animation-name:oe3DtG_enter-up}}@keyframes oe3DtG_enter-fade{0%{opacity:0}}@keyframes oe3DtG_enter-up{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}}.oe3DtG_intro{text-align:center;flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.oe3DtG_heading{max-width:662px;font-size:var(--t-display);letter-spacing:-.03em;color:#0006;text-wrap:balance;font-weight:600;line-height:1.15}.oe3DtG_word{display:inline-block}.oe3DtG_heading strong{color:var(--ink);font-weight:600}.oe3DtG_heading em{color:var(--accent);font-style:normal}.oe3DtG_period{color:#0006}.oe3DtG_grid{grid-template-columns:minmax(0,431fr) minmax(0,119fr) minmax(0,290fr);gap:20px;width:100%;max-width:880px;display:grid}.oe3DtG_clicksCard,.oe3DtG_roleCard{grid-column:1}.oe3DtG_blankCard,.oe3DtG_roleWide{grid-column:2/-1}.oe3DtG_caseCard{grid-column:1/3}.oe3DtG_sideCard{grid-column:3}.oe3DtG_wide{grid-column:1/-1}.oe3DtG_card{background:var(--page);box-shadow:var(--card-shadow);color:var(--ink);border:1px solid #f1f1f1;border-radius:36px;text-decoration:none;display:block;position:relative;overflow:hidden}a.oe3DtG_card{transition:transform .2s var(--ease-out), box-shadow .2s ease}a.oe3DtG_card:active{transform:scale(.99)}a.oe3DtG_card:after{content:"Read case study ↗";z-index:3;background:var(--ink);font-size:var(--t-small);letter-spacing:-.02em;color:#fff;pointer-events:none;opacity:0;transition:opacity .18s var(--ease-out), transform .22s var(--ease-out);border-radius:999px;padding:7px 12px 7px 13px;font-weight:500;line-height:1.15;position:absolute;bottom:14px;right:16px;transform:translateY(6px)scale(.96)}@media (hover:hover) and (pointer:fine){a.oe3DtG_card:hover{box-shadow:0 0 0 1px #00000012,1px 10px 30px -10px #00000038}a.oe3DtG_card:hover:after{opacity:1;transform:none}}.oe3DtG_muted{color:#0006}.oe3DtG_readTime{z-index:1;text-align:center;letter-spacing:-.01em;color:#0006;margin-top:8px;font-size:.75rem;font-weight:500;line-height:1.15;position:relative}.oe3DtG_row{align-items:center;gap:20px;padding:28px 27px;display:flex}.oe3DtG_logo{background:#1a53a6;border-radius:8px;flex:none;width:33px;height:33px;overflow:hidden}.oe3DtG_logo img{object-fit:cover;width:100%;height:100%}.oe3DtG_rowText{letter-spacing:-.02em;flex-direction:column;flex:1;gap:6px;min-width:0;font-size:1rem;font-weight:500;line-height:1.15;display:flex}.oe3DtG_rowTitle{align-items:center;gap:8px;min-width:0;display:inline-flex}.oe3DtG_dot{background:#219653;border-radius:50%;flex:none;width:6px;height:6px}.oe3DtG_rowSub{color:#0006}.oe3DtG_caseCard{min-height:393px}.oe3DtG_caseStage{position:absolute;inset:8px 0 0;overflow:hidden}.oe3DtG_caseFade{--fade:36px;padding:28px 24px calc(8px + var(--fade));background:linear-gradient(#fff calc(100% - var(--fade)), #fffffffc calc(100% - var(--fade) * .919), #fffffff3 calc(100% - var(--fade) * .845), #ffffffe4 calc(100% - var(--fade) * .775), #ffffffd2 calc(100% - var(--fade) * .71), #ffffffbd calc(100% - var(--fade) * .647), #ffffffa5 calc(100% - var(--fade) * .588), #ffffff8c calc(100% - var(--fade) * .529), #ffffff73 calc(100% - var(--fade) * .471), #ffffff5a calc(100% - var(--fade) * .412), #ffffff42 calc(100% - var(--fade) * .353), #ffffff2d calc(100% - var(--fade) * .29), #ffffff1b calc(100% - var(--fade) * .225), #ffffff0c calc(100% - var(--fade) * .155), #ffffff03 calc(100% - var(--fade) * .081), #fff0);position:absolute;inset:0 0 auto}.oe3DtG_caseTitle{text-align:center;letter-spacing:-.02em;text-wrap:balance;max-width:440px;margin:0 auto;font-size:1.25rem;font-weight:500;line-height:1.15}.oe3DtG_sideCard{padding-top:28px}.oe3DtG_sideTitle{text-align:center;letter-spacing:-.02em;font-size:1.25rem;font-weight:500;line-height:1.15;position:absolute;inset:23px 0 auto}.oe3DtG_sideCard .oe3DtG_readTime{margin:0;position:absolute;inset:54px 0 auto}.oe3DtG_sideReel{aspect-ratio:253/393;width:min(100%,290px);margin:0 auto}.oe3DtG_clicksCard,.oe3DtG_blankCard{height:296px}.oe3DtG_clicksTitle{z-index:1;text-align:center;text-wrap:balance;letter-spacing:-.02em;max-width:320px;margin:27px auto 0;font-size:1.25rem;font-weight:500;line-height:1.15;position:relative}.oe3DtG_caseTitle .oe3DtG_muted{color:#00000080}.oe3DtG_wide{justify-self:center;width:50%}@media (max-width:839px){.oe3DtG_grid{grid-template-columns:minmax(0,1fr);gap:12px;max-width:440px}.oe3DtG_grid>:nth-child(n){grid-column:1}.oe3DtG_wide{width:100%}.oe3DtG_blankCard{display:none}.oe3DtG_row{gap:14px;padding:28px 20px}.oe3DtG_rowText{font-size:min(1rem,6.17284vw - 7.83951px)}.oe3DtG_rowTitle,.oe3DtG_rowSub{white-space:nowrap}}.oe3DtG_objects{--row-sum:calc(var(--row-ball,110) + var(--row-synth,230) + var(--row-cube,126) + 2 * var(--row-gap,86));--row-fit:min(1px, calc(min(100vw - 2 * var(--gutter), 880px) / var(--row-sum)));justify-content:center;align-items:center;gap:calc(var(--row-gap,86) * var(--row-fit));margin:var(--row-above,64px) 0 var(--row-below,64px);display:flex}.oe3DtG_tapHint{text-align:center;letter-spacing:-.01em;color:#0006;pointer-events:none;height:14px;animation:oe3DtG_enter-fade .5s var(--ease-out) backwards;animation-delay:calc(var(--page-at,0s) + var(--objects-at,0s) + .4s);transition:filter .35s var(--ease-out);margin:-28px 0 14px;font-size:.75rem;font-weight:500;line-height:14px}.oe3DtG_poster{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;animation:oe3DtG_poster-fade .28s var(--ease-out) backwards, oe3DtG_poster-pop 1.04s linear(0, .065, .224, .427, .635, .821, .969, 1.074, 1.136, 1.161, 1.159, 1.138, 1.106, 1.072, 1.04, 1.013, .994, .981, .975, .974, .976, .981, .986, .992, .996, 1, 1) backwards;animation-delay:calc(var(--page-at,0s) + var(--objects-at,0s) + var(--i,0) * 60ms);transition:opacity .2s var(--ease-out);position:absolute}@keyframes oe3DtG_poster-fade{0%{opacity:0}}@keyframes oe3DtG_poster-pop{0%{transform:scale(.6)}to{transform:scale(1)}}html[data-intro3d] .oe3DtG_poster{opacity:0}.oe3DtG_synthSpot,.oe3DtG_cubeSpot{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;flex:none;padding:0;position:relative}.oe3DtG_synthSpot{width:calc(var(--row-synth,230) * var(--row-fit));aspect-ratio:1/.55}.oe3DtG_synthSpot:focus-visible{outline-offset:12px}.oe3DtG_synthSpot[aria-expanded=true]{outline:none}.oe3DtG_cubeSpot{width:calc(var(--row-cube,126) * var(--row-fit));aspect-ratio:1}.oe3DtG_cubeSpot:focus-visible{outline-offset:10px}.oe3DtG_spotLabel{display:none}@media (hover:hover) and (pointer:fine){.oe3DtG_synthSpot:before{content:"";border-radius:32px;position:absolute;inset:-24px}.oe3DtG_spotLabel{font-size:var(--t-small);color:var(--ink-3);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s var(--ease-out), transform .16s var(--ease-out);line-height:1.3;display:block;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)}:hover>.oe3DtG_spotLabel{opacity:1;transition-duration:.2s,.24s;transform:translate(-50%)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.oe3DtG_spotLabel,:hover>.oe3DtG_spotLabel{transform:translate(-50%)}}.oe3DtG_stage{opacity:0;transition:opacity .2s var(--ease-out), filter .35s var(--ease-out)}:is(html[data-ball-open] .oe3DtG_stage,html[data-cube-open] .oe3DtG_stage,html[data-player-open] .oe3DtG_stage){filter:blur(10px)}:is(html[data-intro3d] .oe3DtG_stage,html:not([data-intro]) .oe3DtG_stage){opacity:1}:is(html[data-intro=return] :is(.oe3DtG_enter,.oe3DtG_poster,.oe3DtG_tapHint),html[data-intro=none] :is(.oe3DtG_poster,.oe3DtG_tapHint)){animation:none}html[data-intro=short][data-intro-state=waiting] :is(.oe3DtG_enter,.oe3DtG_poster,.oe3DtG_tapHint){animation-play-state:paused}.oe3DtG_dock{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:30;width:max-content;transition:opacity .2s var(--ease-out);flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;translate:-50%}.oe3DtG_dock[data-dim]{opacity:.5}.oe3DtG_dock[data-dim]:hover,.oe3DtG_dock[data-dim]:focus-within{opacity:1}.oe3DtG_dockHint{font-size:var(--t-small);color:var(--ink-3);white-space:nowrap;pointer-events:none;animation:oe3DtG_dockIn .4s var(--ease-out) .5s backwards}.oe3DtG_dockRow{align-items:center;gap:8px;display:flex}.oe3DtG_back,.oe3DtG_dockBar{box-shadow:var(--card-shadow), 0 0 0 1px var(--line);background:#fff;border-radius:999px}.oe3DtG_back{appearance:none;width:52px;height:52px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:oe3DtG_dockIn .4s var(--ease-out) .2s backwards;transition:transform .16s var(--ease-out), background-color .2s ease;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.oe3DtG_back:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.oe3DtG_back:hover{background:#f7f7f6}}.oe3DtG_dockBar{animation:oe3DtG_dockIn .4s var(--ease-out) .25s backwards;padding:6px;display:flex}@keyframes oe3DtG_dockIn{0%{opacity:0;transform:translateY(8px)}}.oe3DtG_kbd{min-width:20px;height:20px;box-shadow:0 0 0 1px var(--line), 0 1px 0 var(--line);color:var(--ink-2);background:#fff;border-radius:5px;place-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-grid}.oe3DtG_backdrop{z-index:20;-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out);background:#ffffff8c;position:fixed;inset:0}.oe3DtG_backdrop[data-open]{opacity:1;pointer-events:auto}.oe3DtG_backdrop:after{content:"";opacity:0;transition:opacity .45s var(--ease-out);background:radial-gradient(120% 90% at 50% 100%,#1a1420 0%,#0b0a0e 60%);position:absolute;inset:0}.oe3DtG_backdrop[data-game]:after{opacity:.94}@media (prefers-reduced-motion:reduce){.oe3DtG_backdrop{transition-duration:.15s}}.oe3DtG_intro,.oe3DtG_card{transition:filter .35s var(--ease-out)}:is(html[data-synth-open] .oe3DtG_intro,html[data-synth-open] .oe3DtG_card,html[data-synth-open] .oe3DtG_tapHint,html[data-player-open] .oe3DtG_intro,html[data-player-open] .oe3DtG_card,html[data-player-open] .oe3DtG_tapHint){filter:blur(10px)}.oe3DtG_hintKeys{align-items:center;gap:6px;display:inline-flex}.oe3DtG_hintTouch{display:none}@media (hover:none),(max-width:640px){.oe3DtG_hintKeys{display:none}.oe3DtG_hintTouch{display:inline}}@media (max-width:699px) and (orientation:portrait){.oe3DtG_dock{top:50%;bottom:auto;left:52px;translate:-50% -50%;rotate:90deg}}.oe3DtG_introChip,.oe3DtG_introPanel{z-index:60;color:#fff;background:#141414e6;font-size:12px;position:fixed;bottom:16px;right:16px}.oe3DtG_introChip{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:9px 14px}.oe3DtG_introPanel{border-radius:16px;flex-direction:column;gap:10px;width:min(320px,100vw - 32px);max-height:calc(100dvh - 32px);padding:12px;display:flex}.oe3DtG_introPanelHead,.oe3DtG_introRow,.oe3DtG_introActions{justify-content:space-between;align-items:center;gap:8px;display:flex}.oe3DtG_introLabel{color:#fff9}.oe3DtG_introLink,.oe3DtG_introSegment button,.oe3DtG_introActions button{appearance:none;color:#fffc;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;padding:6px 9px}.oe3DtG_introSegment{gap:2px;display:flex}.oe3DtG_introSegment button{background:0 0}.oe3DtG_introSegment button[aria-pressed=true]{color:#fff;background:#ffffff2e}.oe3DtG_introScroll{flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.oe3DtG_introGroup{border:0;gap:6px;margin:0;padding:0;display:grid}.oe3DtG_introGroup legend{padding:0 0 4px;font-weight:600}.oe3DtG_introGroup legend span{color:#ffffff73;font-weight:400}.oe3DtG_introSlider{grid-template-columns:104px 1fr 64px;align-items:center;gap:8px;display:grid}.oe3DtG_introSlider input{accent-color:#e93968;width:100%}.oe3DtG_introSlider output{text-align:right;font-variant-numeric:tabular-nums;color:#fffc}.oe3DtG_introActions{justify-content:flex-start}.oe3DtG_introActions .oe3DtG_introPrimary{color:#fff;background:#e93968}@media (max-width:699px){.oe3DtG_introChip{bottom:68px}}
.QKK_7q_spot{appearance:none;cursor:pointer;width:calc(var(--row-ball,110) * var(--row-fit,1px));aspect-ratio:1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;padding:0}.QKK_7q_spot:focus-visible{outline-offset:10px}.QKK_7q_spot{position:relative}.QKK_7q_overlay{--go:#25a55b;--go-soft:#25a55b38;z-index:40;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:fixed;inset:0}.QKK_7q_overlay:active{cursor:grabbing}.QKK_7q_backdrop{-webkit-backdrop-filter:blur(18px);animation:QKK_7q_fade-in .3s var(--ease-out) backwards;background:#fff9;position:absolute;inset:0}.QKK_7q_canvas{inset:0;position:absolute!important}.QKK_7q_overlay[data-closing] .QKK_7q_backdrop,.QKK_7q_overlay[data-closing] .QKK_7q_hud,.QKK_7q_overlay[data-closing] .QKK_7q_hint,.QKK_7q_overlay[data-closing] .QKK_7q_power,.QKK_7q_overlay[data-closing] .QKK_7q_aim,.QKK_7q_overlay[data-closing] .QKK_7q_perfect,.QKK_7q_overlay[data-closing] .QKK_7q_close{opacity:0;transition:opacity .3s var(--ease-out)}.QKK_7q_overlay[data-closing]{pointer-events:none}html[data-ball-open] [data-intro-content]{filter:blur(10px);transition:filter .35s var(--ease-out)}@keyframes QKK_7q_fade-in{0%{opacity:0}}@keyframes QKK_7q_rise-in{0%{opacity:0;transform:translateY(8px)}}.QKK_7q_hud{pointer-events:none;animation:QKK_7q_rise-in .4s var(--ease-out) .15s backwards;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:24px;left:24px}.QKK_7q_score{box-shadow:var(--card-shadow), 0 0 0 1px var(--line);font-size:var(--t-small);letter-spacing:-.02em;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;align-items:baseline;gap:8px;padding:10px 18px;font-weight:500;display:flex}.QKK_7q_streak{font-size:var(--t-statement);color:var(--ink);animation:QKK_7q_roll .26s var(--ease-out) backwards;font-weight:600}@keyframes QKK_7q_roll{0%{opacity:0;transform:translateY(40%)}}.QKK_7q_best{border-left:1px solid var(--line);color:var(--ink-3);padding-left:8px}.QKK_7q_range{font-size:var(--t-small);letter-spacing:-.02em;color:var(--ink-2);align-items:center;gap:8px;padding-left:18px;font-weight:500;display:flex}.QKK_7q_pips{gap:4px;display:flex}.QKK_7q_pips i{width:6px;height:6px;transition:background-color .3s var(--ease-out);background:#0000001a;border-radius:50%}.QKK_7q_pips i[data-on]{background:var(--ink)}.QKK_7q_rangeName{animation:QKK_7q_rise-in .3s var(--ease-out) backwards}.QKK_7q_toast{min-height:1.2em;font-size:var(--t-small);letter-spacing:-.02em;color:var(--ink-2);animation:QKK_7q_rise-in .22s var(--ease-out) backwards;padding-left:18px;font-weight:600}.QKK_7q_toast[data-tone=make]{color:var(--go)}.QKK_7q_perfect{left:50%;bottom:calc(max(28px, env(safe-area-inset-bottom)) + 44px);background:var(--go);font-size:var(--t-small);letter-spacing:-.02em;color:#fff;white-space:nowrap;pointer-events:none;animation:QKK_7q_perfect 1.1s var(--ease-out) forwards;border-radius:999px;padding:8px 16px;font-weight:600;position:absolute;translate:-50%;box-shadow:0 6px 24px #25a55b59}@keyframes QKK_7q_perfect{0%{opacity:0;transform:translateY(10px)scale(.8)}14%{opacity:1;transform:translateY(0)scale(1.06)}26%{transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-14px)}}.QKK_7q_power{font-size:var(--t-small);letter-spacing:-.02em;color:var(--ink-3);pointer-events:none;animation:QKK_7q_fade-in .4s var(--ease-out) .3s backwards;flex-direction:column;align-items:center;gap:10px;font-weight:500;display:flex;position:absolute;top:50%;right:28px;translate:0 -50%}@media (min-width:761px){.QKK_7q_power{left:calc(50% + clamp(170px,16vw,230px));right:auto}}.QKK_7q_track{background:#0000000f;border-radius:999px;width:8px;height:min(36vh,260px);position:relative;overflow:hidden}.QKK_7q_zone{inset-inline:0;bottom:calc(var(--lo) * 100%);height:calc((var(--hi) - var(--lo)) * 100%);background:var(--go-soft);transition:bottom .5s var(--ease-out), height .5s var(--ease-out);position:absolute}.QKK_7q_fill{background:var(--ink-2);transform-origin:bottom;transform:scaleY(var(--fill,0));opacity:0;transition:opacity .2s,background-color .2s;position:absolute;inset:0}.QKK_7q_power[data-result] .QKK_7q_fill{opacity:1}.QKK_7q_power:is([data-result=good],[data-result=perfect]) .QKK_7q_fill,.QKK_7q_aim:is([data-result=good],[data-result=perfect]) .QKK_7q_aimDot{background:var(--go)}.QKK_7q_power[data-result=perfect] .QKK_7q_track,.QKK_7q_aim[data-result=perfect] .QKK_7q_aimTrack{animation:QKK_7q_glow .9s var(--ease-out)}@keyframes QKK_7q_glow{0%{box-shadow:0 0 #25a55b8c}to{box-shadow:0 0 0 10px #25a55b00}}.QKK_7q_aim{left:50%;bottom:max(28px, env(safe-area-inset-bottom));font-size:var(--t-small);letter-spacing:-.02em;color:var(--ink-3);pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);align-items:center;gap:10px;font-weight:500;display:flex;position:absolute;translate:-50%}.QKK_7q_aim[data-shown]{opacity:1}.QKK_7q_aimTrack{background:#0000000f;border-radius:999px;width:132px;height:8px;position:relative}.QKK_7q_aimZone{inset-block:0;background:var(--go-soft);border-radius:999px;position:absolute;left:25%;right:25%}.QKK_7q_aimDot{background:var(--ink-2);width:12px;height:12px;transform:translateX(calc(var(--aim,0) * 33px));opacity:0;border-radius:50%;margin:-6px 0 0 -6px;transition:opacity .2s,background-color .2s;position:absolute;top:50%;left:50%}.QKK_7q_aim[data-result] .QKK_7q_aimDot{opacity:1}.QKK_7q_close{font:inherit;font-size:var(--t-small);letter-spacing:-.02em;color:var(--accent);cursor:pointer;animation:QKK_7q_fade-in .3s var(--ease-out) backwards;transition:transform .16s var(--ease-out), background-color .2s ease;background:#e939680f;border:0;border-radius:999px;padding:16px 24px;font-weight:600;line-height:1.15;position:absolute;top:24px;right:24px}.QKK_7q_close:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.QKK_7q_close:hover{background:#e939681a}}.QKK_7q_hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));box-shadow:var(--card-shadow), 0 0 0 1px var(--line);font-size:var(--t-small);color:var(--ink-2);white-space:nowrap;pointer-events:none;animation:QKK_7q_rise-in .4s var(--ease-out) .45s backwards;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:flex;position:absolute;translate:-50%}.QKK_7q_hint svg{color:var(--ink);animation:QKK_7q_nudge 1.4s var(--ease-in-out) 1s infinite}@keyframes QKK_7q_nudge{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}@media (max-width:560px){.QKK_7q_hud{top:16px;left:16px}.QKK_7q_close{top:16px;right:16px}.QKK_7q_power{right:16px}}@media (prefers-reduced-motion:reduce){.QKK_7q_hint svg,.QKK_7q_streak,.QKK_7q_rangeName,.QKK_7q_power[data-result=perfect] .QKK_7q_track,.QKK_7q_aim[data-result=perfect] .QKK_7q_aimTrack{animation:none}.QKK_7q_perfect{animation-name:QKK_7q_perfect-calm}}@keyframes QKK_7q_perfect-calm{0%,to{opacity:0}10%,70%{opacity:1}}