.kypyoG_track,.kypyoG_stage{position:relative}.kypyoG_scene{max-width:72rem;margin:0 auto;padding:56px 16px;position:relative}@media (min-width:640px){.kypyoG_scene{padding:72px 24px}}.kypyoG_rail,.kypyoG_sparks,.kypyoG_roleDots{display:none}.kypyoG_intro{text-align:center;flex-direction:column;align-items:center;display:flex}.kypyoG_introLogo{width:120px;height:120px}.kypyoG_matchHead{text-align:center;max-width:42rem;margin:0 auto}.kypyoG_matchCard{max-width:24rem;margin:40px auto 0}.kypyoG_orbit{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:64rem;margin:40px auto 0;display:grid}@media (min-width:640px){.kypyoG_orbit{grid-template-columns:repeat(4,minmax(0,1fr))}}.kypyoG_chip{text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.kypyoG_chipBadge{border-radius:.75rem;flex-shrink:0;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.kypyoG_chipName{font-size:14px;line-height:1.25}.kypyoG_chipCount{margin-top:6px}.kypyoG_split{gap:48px;display:grid}@media (min-width:640px){.kypyoG_split{grid-template-columns:repeat(2,minmax(0,1fr))}}.kypyoG_sidePhone{width:13rem;margin:32px auto 0}.kypyoG_role{align-items:center;gap:32px;display:grid}@media (min-width:640px){.kypyoG_role{grid-template-columns:15rem minmax(0,1fr);gap:48px}}.kypyoG_rolePanel{border-radius:2rem;place-items:center;padding:32px 16px;display:grid}.kypyoG_rolePhone{width:min(13rem,62vw);margin:0}.kypyoG_together{text-align:center;flex-direction:column;align-items:center;display:flex}.kypyoG_core{border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.kypyoG_welcome{text-align:center;flex-direction:column;align-items:center;display:flex}@media (min-width:1024px) and (min-height:640px) and (prefers-reduced-motion:no-preference){.kypyoG_track{height:calc(100svh - 67px + var(--n) * 80svh)}.kypyoG_stage{isolation:isolate;height:calc(100svh - 67px);position:sticky;top:67px;overflow:hidden}.kypyoG_scene{opacity:0;visibility:hidden;max-width:none;margin:0;padding:0;transition:opacity .75s cubic-bezier(.2,.8,.2,1),visibility .75s;position:absolute;inset:0}.kypyoG_on{opacity:1;visibility:visible}.kypyoG_rail{z-index:10;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.kypyoG_railStep{cursor:pointer;flex-direction:row-reverse;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.kypyoG_railDot{border-radius:50%;width:6px;height:6px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.kypyoG_railStep[aria-current=step] .kypyoG_railDot{transform:scale(1.6)}.kypyoG_intro{transform:scale(var(--zoom,1));transform-origin:50% 42%;place-items:center;display:grid}.kypyoG_introLogo{width:min(26vw,300px,40svh);height:min(26vw,300px,40svh);margin-bottom:14svh;animation:4s ease-in-out infinite kypyoG_breathe}.kypyoG_introCopy{padding:0 20px;position:absolute;inset:auto 0 8%}.kypyoG_matchHead{z-index:2;text-align:left;max-width:360px;margin:0;position:absolute;top:28px;left:5%}.kypyoG_matchCard{left:var(--cx,50%);top:var(--cy,52%);width:24rem;max-width:none;transform:translate(-50%, -50%) scale(var(--card-scale,.8));margin:0;position:absolute}.kypyoG_orbit{pointer-events:none;max-width:none;margin:0;display:block;position:absolute;inset:0}.kypyoG_orbitItem{left:var(--cx,50%);top:var(--cy,52%);opacity:0;pointer-events:auto;transform:translate(-50%, -50%) translate(var(--x,0px), var(--y,0px));position:absolute}.kypyoG_on .kypyoG_orbitItem{animation:.5s cubic-bezier(.2,1.5,.4,1) both kypyoG_chip-pop;animation-delay:calc(var(--i) * 90ms)}.kypyoG_chip{white-space:nowrap;border-radius:999px;flex-direction:row;gap:10px;height:auto;padding:15px 21px}.kypyoG_chipBadge{border-radius:50%;width:39px;height:39px;margin:0}.kypyoG_chipName{font-size:16.5px}.kypyoG_chipCount{display:none}.kypyoG_split{display:block}.kypyoG_split:before{content:"";opacity:.12;background:currentColor;width:1px;position:absolute;inset:14% 50% 8% auto}.kypyoG_side{display:contents}.kypyoG_sideLabel{z-index:2;width:36%;position:absolute;top:7%}.kypyoG_sideLeft .kypyoG_sideLabel{left:6%}.kypyoG_sideRight .kypyoG_sideLabel{text-align:right;right:6%}.kypyoG_sidePhone{width:min(17vw,27svh);margin:0;transition:transform 1s cubic-bezier(.2,.8,.2,1);position:absolute;top:60%}.kypyoG_sideLeft .kypyoG_sidePhone{left:28%;transform:translate(-50%,-50%)rotate(-6deg)}.kypyoG_sideRight .kypyoG_sidePhone{transform-origin:50% 175%;left:72%;transform:translate(-50%,-50%)rotate(6deg)}.kypyoG_future .kypyoG_sidePhone{transform:translate(-50%,-42%)rotate(0)}.kypyoG_past .kypyoG_sideLeft .kypyoG_sidePhone{transform:translate(calc(-50% - 36vw),-50%)rotate(-14deg)}.kypyoG_past .kypyoG_sideRight .kypyoG_sidePhone{transform:translate(-50%,-50%)rotate(34deg)}.kypyoG_role{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;height:100%;padding:40px 150px 40px 5vw}.kypyoG_rolePanel{height:100%;padding:0;overflow:hidden}.kypyoG_rolePhone{width:min(15vw,26svh);transform:rotate(calc(var(--off,0) * 34deg));transform-origin:50% 175%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.kypyoG_roleDots{gap:8px;display:flex}.kypyoG_together{place-items:center;display:grid}.kypyoG_core{width:180px;height:180px}.kypyoG_on .kypyoG_core{animation:.9s cubic-bezier(.1,1.4,.4,1) both kypyoG_impact}.kypyoG_sparks{pointer-events:none;display:block;position:absolute;inset:0}.kypyoG_spark{width:var(--size);height:var(--size);opacity:0;border-radius:50%;position:absolute;top:50%;left:50%}.kypyoG_on .kypyoG_spark{animation:kypyoG_spark-out 1.2s var(--delay) cubic-bezier(.1, .7, .2, 1) both}.kypyoG_togetherCopy{position:absolute;bottom:10%}.kypyoG_now{flex-direction:column;justify-content:center;height:100%;padding:0 150px 0 6vw;display:flex}.kypyoG_welcome{justify-content:center;height:100%;padding:0 20px}}@keyframes kypyoG_breathe{50%{transform:scale(1.035)}}@keyframes kypyoG_chip-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%, -50%) translate(var(--x,0px), var(--y,0px)) scale(1)}}@keyframes kypyoG_impact{0%{opacity:0;transform:scale(.1)rotate(-30deg)}70%{transform:scale(1.18)rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes kypyoG_spark-out{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1)}}
