.hero-scene{--hero-surface:#101319;--hero-fg:#f4f6fa;--hero-fg-muted:#9aa3b2;--hero-mint:#71c6c7;--hero-mint-soft:#bee0df;--hero-teal:#2095a8;--hero-teal-deep:#0c9ca0;--hero-navy:#224b86;--hero-navy-soft:#2d87aa;--hero-blue:#2f6bff;--hero-blue-soft:#6f9bff;--hero-s-2:8px;--hero-s-3:12px;--hero-s-4:16px;--hero-s-6:24px;--hero-r-lg:20px;--hero-r-pill:999px;--hero-ease-out:cubic-bezier(0.16,1,0.3,1);--hero-ease-pop:cubic-bezier(0.22,1.4,0.36,1);--s:0.42;position:relative;width:100%;height:100%;overflow:visible;isolation:isolate;color:var(--hero-fg);font-family:var(--font-inter),var(--font-noto-sans-jp),system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.hero-scene{--s:0.7}}@media (min-width:1024px){.hero-scene{--s:0.9}}.hero-scene .stage{position:relative;width:100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:12px 8px}@media (min-width:1024px){.hero-scene .stage{padding:20px 12px}}.hero-scene .canvas-slot{position:relative;width:calc(720px * var(--s));height:calc(520px * var(--s));flex:0 0 auto;overflow:visible}.hero-scene .canvas{position:absolute;top:0;left:0;width:720px;height:520px;transform:scale(var(--s));transform-origin:0 0}.hero-scene .fl{position:absolute;transform:translate(var(--px,0),var(--py,0))}.hero-scene .fl__in{opacity:0;transform:translateY(34px) scale(.9)}.hero-scene.is-in .fl__in{animation:heroSceneRiseIn .95s var(--hero-ease-pop) forwards;animation-delay:var(--d,0s)}@keyframes heroSceneRiseIn{0%{opacity:0;transform:translateY(34px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-scene .fl__f{animation:heroSceneFloat var(--fd,7s) ease-in-out infinite;animation-delay:var(--fdl,0s)}@keyframes heroSceneFloat{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translateY(var(--fy,-11px)) rotate(var(--fr,.5deg))}}.hero-scene .card{border-radius:var(--hero-r-lg);box-shadow:0 22px 46px -15px rgba(0,0,0,.64),0 3px 10px -3px rgba(0,0,0,.4)}.hero-scene .card,.hero-scene .pill{background:linear-gradient(160deg,#1c2029,#0d1016)}.hero-scene .pill{display:inline-flex;align-items:center;gap:var(--hero-s-2);height:44px;padding:0 var(--hero-s-4);border-radius:var(--hero-r-pill);box-shadow:0 15px 32px -12px rgba(0,0,0,.64),0 3px 9px -3px rgba(0,0,0,.4);font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--hero-fg);white-space:nowrap}.hero-scene .phone{left:246px;top:26px}.hero-scene .phone__body{width:236px;height:474px;border-radius:44px;padding:9px;background:linear-gradient(150deg,#3a4050,#14171e 26%,#0b0d12 62%,#2a303c);box-shadow:0 34px 57px -18px rgba(0,0,0,.54),0 6px 15px -6px rgba(0,0,0,.35);position:relative}.hero-scene .phone__btn{position:absolute;left:-3px;width:3px;border-radius:3px;background:linear-gradient(90deg,#2c313d,#586074)}.hero-scene .phone__btn.a{top:104px;height:26px}.hero-scene .phone__btn.b{top:146px;height:44px}.hero-scene .phone__btn.c{top:202px;height:44px}.hero-scene .phone__screen{width:100%;height:100%;border-radius:36px;background:linear-gradient(180deg,#ffffff,#f7f8fa 62%,#eef0f4);padding:34px 22px 20px;display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:var(--font-noto-sans-jp),var(--font-inter),system-ui,sans-serif;-webkit-font-smoothing:auto}.hero-scene .phone__notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:74px;height:6px;border-radius:99px;background:rgba(10,12,16,.16)}.hero-scene .chk-title{font-size:30px;font-weight:300;letter-spacing:.01em;color:#11141a;line-height:1.1}.hero-scene .chk-label{margin-top:26px;font-size:11.5px;font-weight:500;color:#96a0b0;letter-spacing:.02em}.hero-scene .chk-amount{margin-top:6px;font-size:29px;font-weight:700;letter-spacing:-.035em;color:#0c0f14;font-variant-numeric:tabular-nums}.hero-scene .chk-methods{margin-top:22px;display:flex;gap:10px}.hero-scene .chk-method{flex:1;min-width:0;height:78px;border-radius:14px;background:#eef1f6;padding:11px 10px;display:flex;flex-direction:column;justify-content:space-between;transition:background .35s var(--hero-ease-out),box-shadow .35s var(--hero-ease-out)}.hero-scene .chk-method.is-on{background:#fff;box-shadow:0 0 0 3px rgba(47,107,255,.13),0 7px 15px -7px rgba(47,107,255,.32)}.hero-scene .chk-method__glyph{width:26px;height:18px;border-radius:4px;background:linear-gradient(140deg,#c9d4e6,#8fa3c4);position:relative}.hero-scene .chk-method.is-on .chk-method__glyph{background:linear-gradient(140deg,#7ea3ff,var(--hero-blue))}.hero-scene .chk-method__glyph:after{content:"";position:absolute;left:3px;bottom:3px;width:10px;height:3px;border-radius:2px;background:rgba(255,255,255,.75)}.hero-scene .chk-method__name{font-size:10.5px;font-weight:600;color:#2c3442;letter-spacing:0;line-height:1.35}.hero-scene .chk-method.ghost{opacity:.5}.hero-scene .chk-field{margin-top:14px;height:42px;border-radius:12px;background:#eef1f6;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;font-weight:600;color:#5b6675;letter-spacing:.05em;white-space:nowrap}.hero-scene .chk-field b{font-size:10.5px;font-weight:600;color:#98a2b1;letter-spacing:.02em}.hero-scene .chk-rows{margin-top:16px;display:flex;flex-direction:column;gap:7px}.hero-scene .chk-rows div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7d8798;letter-spacing:-.005em}.hero-scene .chk-rows b{color:#1d2432;font-weight:600;font-variant-numeric:tabular-nums}.hero-scene .chk-total{margin-top:11px;padding-bottom:16px;display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;color:#5b6675}.hero-scene .chk-total b{font-size:15px;font-weight:700;color:#0c0f14;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hero-scene .chk-pay{margin-top:auto;box-sizing:border-box;height:64px;padding:16px 0;border-radius:12px;background:linear-gradient(140deg,#1b2130,#0b0e15);color:#fff;font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-scene .chk-pay:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.24) 48%,transparent 66%);transform:translateX(-120%);animation:heroSceneSheen 4.6s ease-in-out 2.2s infinite}@keyframes heroSceneSheen{0%{transform:translateX(-120%)}26%,to{transform:translateX(120%)}}.hero-scene .chk-secure{margin-top:10px;text-align:center;font-size:10px;font-weight:500;color:#a3acba;letter-spacing:.02em}.hero-scene .balance{left:8px;top:56px}.hero-scene .balance__box{width:212px;padding:var(--hero-s-4)}.hero-scene .balance__head{display:flex;align-items:center;gap:var(--hero-s-2)}.hero-scene .balance__head span{font-size:12.5px;font-weight:600;color:#cdd5e2;letter-spacing:-.01em}.hero-scene .balance__num{margin-top:10px;font-size:33px;font-weight:700;letter-spacing:-.045em;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.hero-scene .spark{margin-top:14px;display:block;width:100%;height:64px;overflow:visible}.hero-scene .spark .grid-l{stroke:rgba(255,255,255,.13);stroke-width:1;stroke-dasharray:2 4}.hero-scene .spark .line{fill:none;stroke:var(--hero-teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,300);stroke-dashoffset:var(--len,300);filter:drop-shadow(0 0 3px rgba(32,149,168,.28))}.hero-scene.is-in .spark .line{animation:heroSceneDraw 1.5s var(--hero-ease-out) 1s forwards}@keyframes heroSceneDraw{to{stroke-dashoffset:0}}.hero-scene .spark .pt{fill:var(--hero-teal);opacity:0;transform-box:fill-box;transform-origin:center}.hero-scene.is-in .spark .pt{animation:heroScenePop .5s var(--hero-ease-pop) forwards;animation-delay:calc(1.1s + var(--i) * .13s)}@keyframes heroScenePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.hero-scene .hey{left:452px;top:74px}.hero-scene .hey__bubble{position:relative;min-width:158px;height:52px;padding:0 var(--hero-s-6);display:flex;align-items:center;border-radius:16px;background:linear-gradient(160deg,#ffffff,#e9edf3);color:#0b0e14;font-size:19px;font-weight:700;letter-spacing:-.02em;box-shadow:0 17px 34px -14px rgba(0,0,0,.64)}.hero-scene .hey__bubble:after{content:"";position:absolute;left:-10px;bottom:15px;width:16px;height:14px;background:#f7f8fb;clip-path:path("M16 0C7.2 2.1 2.1 5.1.3 7c1.8 1.9 6.9 4.9 15.7 7V0Z")}.hero-scene .caret{display:inline-block;width:2px;height:20px;margin-left:3px;background:#0b0e14;vertical-align:-3px;animation:heroSceneBlink 1s steps(1) infinite}@keyframes heroSceneBlink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-scene .cart{left:522px;top:176px}.hero-scene .cart__box{width:56px;height:56px;border-radius:16px;background:linear-gradient(150deg,var(--hero-navy-soft),var(--hero-navy));display:grid;place-items:center;color:#fff;box-shadow:0 15px 29px -10px rgba(34,75,134,.44),inset 0 1px 0 rgba(255,255,255,.35)}.hero-scene .cart__badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--hero-mint);color:#073a3c;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 3px 9px -3px rgba(0,0,0,.4);opacity:0;transform:scale(0)}.hero-scene.is-in .cart__badge{animation:heroScenePop .45s var(--hero-ease-pop) 2.05s forwards}.hero-scene .checkout{left:596px;top:198px}.hero-scene .trend{left:486px;top:288px}.hero-scene .trend__box{width:228px;padding:14px var(--hero-s-4) 16px}.hero-scene .trend__label{font-size:11.5px;font-weight:500;color:var(--hero-fg-muted);letter-spacing:.01em}.hero-scene .trend__row{margin-top:6px;display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}.hero-scene .trend__num{font-size:32px;font-weight:700;letter-spacing:-.045em;color:#fff;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.hero-scene .badge{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px;border-radius:7px;background:rgba(32,149,168,.22);color:var(--hero-mint);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}.hero-scene .save{left:52px;top:378px}.hero-scene .save .pill{height:50px;padding-left:12px;gap:var(--hero-s-3);font-size:15px}.hero-scene .cbox{width:26px;height:26px;border-radius:7px;flex:0 0 auto;background:#fff;display:grid;place-items:center}.hero-scene .cbox svg{width:16px;height:16px}.hero-scene .cbox path{fill:none;stroke:#0b0e14;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22}.hero-scene.is-in .cbox path{animation:heroSceneDraw .45s var(--hero-ease-out) 2.25s forwards}.hero-scene .gcard{left:-6px;top:372px}.hero-scene .gcard__box{width:56px;height:56px;border-radius:16px;background:linear-gradient(150deg,var(--hero-mint),var(--hero-teal-deep));display:grid;place-items:center;color:#073a3c;box-shadow:0 15px 29px -10px rgba(12,156,160,.4),inset 0 1px 0 rgba(255,255,255,.5)}@media (prefers-reduced-motion:reduce){.hero-scene .fl__in{opacity:1;transform:none}.hero-scene .chk-pay:after,.hero-scene .fl__f,.hero-scene .fl__in{animation:none!important}.hero-scene .caret{display:none}.hero-scene .spark .line{stroke-dashoffset:0!important;animation:none!important}.hero-scene .cart__badge,.hero-scene .spark .pt{opacity:1!important;transform:none!important;animation:none!important}.hero-scene .cbox path{stroke-dashoffset:0!important;animation:none!important}}