.pcar{width:var(--pw);height:var(--ph);position:relative}.pcar>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pcar .sl{left:var(--cl,0px);width:var(--cw,100%);top:var(--st);height:var(--sh);position:absolute;overflow:hidden}.pcar .tr{gap:var(--gap);width:max-content;padding-left:var(--x0);animation:pcar var(--dur) linear infinite;display:flex}.pcar .tr img{width:var(--sw);height:var(--sh);object-fit:cover;flex:none}@keyframes pcar{to{transform:translateX(calc(-50% + var(--x0) / 2))}}.cat .c-hero .w{height:calc(1702 * var(--u));padding-top:calc(115 * var(--u));text-align:center}.cat .c-hero .t1{margin-top:calc(11 * var(--u));line-height:calc(78.74 * var(--u))}.cat .c-hero .t1 .hl{line-height:calc(91.87 * var(--u))}.cat .c-hero .bt{margin:calc(43 * var(--u)) 0 0}.cat .pain{left:calc(362 * var(--u));top:calc(548 * var(--u));gap:calc(36 * var(--u));display:flex;position:absolute}.cat .pain .g{width:calc(340 * var(--u));height:calc(395 * var(--u));border-radius:calc(24 * var(--u));background:linear-gradient(#dfe1e2 0%,#a7abae 98.91%);position:relative;overflow:hidden}.cat .pain p{margin:calc(29 * var(--u)) 0 0;font-size:calc(24 * var(--u));line-height:calc(31.2 * var(--u));color:var(--text);font-weight:600}.cat .pain p span{color:#65696c}.cat .pain img{left:calc(28 * var(--u));width:calc(282 * var(--u));height:calc(254 * var(--u));object-fit:contain;position:absolute;bottom:0}.cat .show{left:calc(345 * var(--u));top:calc(997 * var(--u));width:calc(750 * var(--u));height:calc(647 * var(--u));border-radius:calc(24 * var(--u));box-shadow:0 0 calc(20 * var(--u)) #8f80ff99;background:#fff;position:absolute;overflow:hidden}.cat .show .st{margin:calc(36 * var(--u)) 0 0;font-size:calc(32 * var(--u));line-height:calc(41.6 * var(--u));color:#000;font-weight:600}.cat .show .st span{color:var(--purple)}.cat .show .car{left:calc(18 * var(--u));top:calc(149 * var(--u));--pw:calc(714 * var(--u));--ph:calc(462 * var(--u));--st:calc(76 * var(--u));--sw:calc(203 * var(--u));--sh:calc(310 * var(--u));--gap:calc(48 * var(--u));--x0:calc(18 * var(--u));position:absolute}.cat .show .car.mo{display:none}.cat .c-brand{height:calc(864 * var(--u))}.cat .c-use{height:calc(1259 * var(--u))}.cat .c-easy{height:calc(1707 * var(--u))}.cat .c-feat{height:calc(1797 * var(--u))}.cat .c-brand .w{padding:calc(119 * var(--u)) 0 calc(79 * var(--u))}.cat .c-brand .t2 .hl{color:#000}.cat .c-brand .t2 .hl>.deco{left:calc(-14 * var(--u));width:calc(100% + calc(28 * var(--u)))}.cat .logos{grid-template-columns:repeat(2, calc(500 * var(--u)));gap:calc(15.6 * var(--u)) 0;margin-top:calc(91 * var(--u));justify-content:center;display:grid}.cat .logos img{width:calc(500 * var(--u));height:calc(95 * var(--u));object-fit:contain}.cat .c-use .w{padding:calc(115 * var(--u)) 0 calc(115 * var(--u))}.cat .cols{justify-content:center;gap:calc(65 * var(--u));margin-top:calc(91 * var(--u));display:flex}.cat .u{width:calc(309 * var(--u));text-align:center}.cat .ut{font-size:calc(28 * var(--u));line-height:calc(36.4 * var(--u));color:#fff;margin:0;font-weight:600}.cat .ud{height:calc(112 * var(--u));margin:calc(13 * var(--u)) 0 calc(24 * var(--u));font-size:calc(20 * var(--u));line-height:calc(28 * var(--u));color:#a7abae;font-weight:500}.cat .ph{width:calc(253 * var(--u));height:calc(487 * var(--u));margin:calc(40 * var(--u)) auto 0;position:relative}.cat .ph .fr{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cat .ph .inner{left:calc(8 * var(--u));top:calc(49 * var(--u));width:calc(237 * var(--u));height:calc(387 * var(--u));position:absolute;overflow:hidden}.cat .ph .inner .tr{--x0:0px;gap:0;width:max-content;animation:30s linear infinite pcar;display:flex}.cat .ph .inner img{width:calc(237 * var(--u));height:calc(387 * var(--u));object-fit:cover}.cat .ph .qr{left:calc(184 * var(--u));top:calc(357 * var(--u));width:calc(98 * var(--u));height:calc(98 * var(--u));z-index:2;position:absolute}.cat .c-easy .w{padding:calc(57 * var(--u)) 0 calc(144 * var(--u))}.cat .ec{width:calc(1000 * var(--u));height:calc(391 * var(--u));margin:calc(36 * var(--u)) auto 0;padding:calc(40 * var(--u)) calc(40 * var(--u)) 0 calc(50 * var(--u));border-radius:calc(24 * var(--u));background:#fff;justify-content:space-between;display:flex}.cat .t1+.ec{margin-top:calc(92 * var(--u))}.cat .ec.rev{padding:calc(40 * var(--u)) calc(50 * var(--u)) 0 calc(40 * var(--u));flex-direction:row-reverse}.cat .ec .tx{width:calc(467 * var(--u))}.cat .ec img{width:calc(389 * var(--u));height:calc(311 * var(--u));object-fit:contain}.cat .et{font-size:calc(36 * var(--u));line-height:calc(46.8 * var(--u));color:#000;margin:0;font-weight:600}.cat .et span{color:var(--purple)}.cat .ed{margin:calc(14 * var(--u)) 0 0;font-size:calc(22 * var(--u));line-height:calc(30.8 * var(--u));font-weight:500}.cat .c-easy .t1 .hl.under>.deco{height:calc(17 * var(--u));bottom:calc(-2 * var(--u))}.cat .c-feat .w{padding:calc(115 * var(--u)) 0 0}.cat .c-feat .ey+.t1{margin-top:calc(11 * var(--u))}.cat .fg{grid-template-columns:repeat(2, calc(482 * var(--u)));gap:calc(37 * var(--u)) calc(36 * var(--u));margin-top:calc(109 * var(--u));justify-content:center;display:grid}.cat .fc{height:calc(609 * var(--u));border-radius:calc(24 * var(--u));padding:calc(36 * var(--u)) calc(36 * var(--u)) 0;text-align:center;position:relative}.cat .ft2{font-size:calc(35.24 * var(--u));line-height:calc(45.81 * var(--u));color:var(--text);margin:0;font-weight:600}.cat .fc img{width:calc(458 * var(--u));height:calc(343 * var(--u));margin:calc(28 * var(--u)) 0 0 calc(-12 * var(--u));object-fit:contain;display:block}.cat .fd2{margin:calc(27 * var(--u)) 0 0;font-size:calc(22 * var(--u));line-height:calc(30.8 * var(--u));text-align:left;color:var(--text);font-weight:500}.cat .c-end{height:calc(1237 * var(--u));position:relative;overflow:hidden}.cat .c-end .bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cat .panel{height:calc(594 * var(--u));border-radius:0 0 calc(80 * var(--u)) calc(80 * var(--u));z-index:2;background:#000;position:absolute;top:0;left:0;right:0}.cat .ex{width:calc(1200 * var(--u));height:calc(356 * var(--u));margin:calc(115 * var(--u)) auto 0;padding:calc(60 * var(--u)) calc(72 * var(--u)) 0;border-radius:calc(24 * var(--u));background:#dfe1e2;position:relative}.cat .ex .h{font-size:calc(49.79 * var(--u));line-height:calc(69.75 * var(--u));margin:0;font-weight:600}.cat .ex .arw{left:calc(726 * var(--u));top:calc(81 * var(--u));width:calc(285 * var(--u));height:calc(106 * var(--u));position:absolute;transform:scaleY(-1)}.cat .ex .d{margin:calc(18 * var(--u)) 0 0;font-size:calc(27.95 * var(--u));line-height:calc(39.13 * var(--u));font-weight:500}.cat .ex .btn{right:calc(72 * var(--u));top:calc(226 * var(--u));width:calc(220 * var(--u));font-size:calc(16 * var(--u));position:absolute}.cat .go{left:50%;top:calc(710 * var(--u));width:calc(1200 * var(--u));height:calc(412 * var(--u));margin-left:calc(-600 * var(--u));padding-top:calc(72 * var(--u));border-radius:calc(24 * var(--u));text-align:center;z-index:1;background:#e9e8ff;position:absolute}.cat .go .gt{margin:calc(15 * var(--u)) 0 0;font-size:calc(58.33 * var(--u));line-height:calc(81.66 * var(--u));font-weight:600}.cat .go .bs{justify-content:center;gap:calc(18 * var(--u));margin:calc(54 * var(--u)) 0 0;display:flex}.cat .go .bs .btn{width:calc(220 * var(--u))}@media (width<=750px){.cat .c-hero .w{height:calc(1077 * var(--u));padding-top:calc(118 * var(--u))}.cat .c-hero .ey{font-size:calc(18 * var(--u));line-height:calc(25.2 * var(--u))}.cat .c-hero .t1{margin-top:calc(3 * var(--u));line-height:calc(33.6 * var(--u))}.cat .c-hero .t1 .hl{line-height:calc(33.6 * var(--u))}.cat .c-hero .bt{margin-top:calc(20 * var(--u))}.cat .c-hero .bt .btn{width:calc(198 * var(--u))}.cat .pain{left:calc(34 * var(--u));top:calc(313 * var(--u));gap:calc(12 * var(--u))}.cat .pain .g{width:calc(155 * var(--u));height:calc(192 * var(--u));border-radius:calc(20 * var(--u))}.cat .pain p{margin-top:calc(14 * var(--u));font-size:calc(14 * var(--u));line-height:calc(18.2 * var(--u))}.cat .pain img{left:calc(15 * var(--u));width:calc(125 * var(--u));height:calc(113 * var(--u))}.cat .show{left:calc(70 * var(--u));top:calc(536 * var(--u));width:calc(250 * var(--u));height:calc(522 * var(--u));border-radius:calc(30 * var(--u))}.cat .show .st{margin-top:calc(20 * var(--u));font-size:calc(18 * var(--u));line-height:calc(23.4 * var(--u))}.cat .show .car.mo{left:calc(-199 * var(--u));top:calc(83 * var(--u));--pw:calc(647 * var(--u));--ph:calc(419 * var(--u));--st:calc(67 * var(--u));--sw:calc(186 * var(--u));--sh:calc(285 * var(--u));--gap:0px;--x0:0px;--cl:calc(229 * var(--u));--cw:calc(186 * var(--u));display:block}.cat .c-brand .w{padding:calc(71 * var(--u)) calc(39 * var(--u)) calc(21 * var(--u))}.cat .c-brand .t2 .hl>.deco{left:calc(-4 * var(--u));width:calc(100% + calc(8 * var(--u)))}.cat .logos{grid-template-columns:calc(312 * var(--u));gap:calc(9.5 * var(--u));margin-top:calc(32 * var(--u))}.cat .logos img{width:calc(312 * var(--u));height:calc(59 * var(--u))}.cat .c-use .w{padding:calc(58 * var(--u)) calc(39 * var(--u)) calc(49 * var(--u))}.cat .cols{align-items:center;gap:calc(60 * var(--u));margin-top:calc(39 * var(--u));flex-direction:column}.cat .u{width:calc(312 * var(--u))}.cat .ut{font-size:calc(20 * var(--u));line-height:calc(26 * var(--u))}.cat .ud{height:calc(63 * var(--u));margin:calc(8 * var(--u)) auto calc(20 * var(--u));width:calc(265 * var(--u));font-size:calc(15 * var(--u));line-height:calc(21 * var(--u))}.cat .ph{width:calc(203 * var(--u));height:calc(390 * var(--u));margin-top:calc(28 * var(--u))}.cat .ph .inner{left:calc(6 * var(--u));top:calc(48 * var(--u));width:calc(191 * var(--u));height:calc(294 * var(--u))}.cat .ph .inner img{width:calc(191 * var(--u));height:calc(294 * var(--u))}.cat .ph .qr{display:none}.cat .c-easy .w{padding:calc(19 * var(--u)) calc(39 * var(--u)) calc(59 * var(--u))}.cat .c-easy .t1 .hl.under>.deco{height:calc(7 * var(--u));bottom:0}.cat .ec,.cat .ec.rev{width:calc(312 * var(--u));height:calc(404 * var(--u));margin-top:calc(20 * var(--u));padding:calc(25 * var(--u)) calc(25 * var(--u)) 0 calc(25 * var(--u));flex-direction:column}.cat .t1+.ec{margin-top:calc(40 * var(--u))}.cat .ec .tx{width:calc(262 * var(--u))}.cat .ec img{width:calc(262 * var(--u));height:calc(210 * var(--u));margin-top:auto}.cat .et{font-size:calc(20 * var(--u));line-height:calc(28 * var(--u))}.cat .ed{margin-top:calc(8 * var(--u));font-size:calc(16 * var(--u));line-height:calc(22.4 * var(--u))}.cat .c-feat .w{padding:calc(90 * var(--u)) calc(39 * var(--u)) 0}.cat .c-feat .ey{font-size:calc(18 * var(--u));line-height:calc(23.4 * var(--u))}.cat .c-feat .ey+.t1{margin-top:calc(4 * var(--u))}.cat .fg{grid-template-columns:calc(312 * var(--u));gap:calc(20 * var(--u));margin-top:calc(39 * var(--u))}.cat .fc{height:calc(443 * var(--u));padding:calc(30 * var(--u)) calc(24 * var(--u)) 0}.cat .ft2{font-size:calc(21.64 * var(--u));line-height:calc(28.1 * var(--u))}.cat .fc img{width:calc(293 * var(--u));height:calc(220 * var(--u));margin:calc(20 * var(--u)) 0 0 calc(-15 * var(--u))}.cat .fd2{margin-top:calc(20 * var(--u));font-size:calc(17 * var(--u));line-height:calc(23.74 * var(--u))}.cat .c-brand{height:calc(729 * var(--u))}.cat .c-use{height:calc(2093 * var(--u))}.cat .c-easy{height:calc(1438 * var(--u))}.cat .c-feat{height:calc(2114 * var(--u))}.cat .c-end{height:calc(838 * var(--u))}.cat .panel{height:calc(367 * var(--u));border-radius:0 0 calc(50 * var(--u)) calc(50 * var(--u))}.cat .ex{width:calc(315 * var(--u));height:calc(237 * var(--u));margin-top:calc(59 * var(--u));padding:calc(22 * var(--u)) calc(20 * var(--u)) 0;border-radius:calc(20 * var(--u));text-align:center}.cat .ex .h{font-size:calc(24 * var(--u));line-height:calc(33.6 * var(--u))}.cat .ex .arw{display:none}.cat .ex .d{margin-top:calc(9 * var(--u));font-size:calc(15 * var(--u));line-height:calc(21 * var(--u))}.cat .ex .btn{margin-top:calc(24 * var(--u));width:calc(198 * var(--u));font-size:calc(14 * var(--u));position:static}.cat .go{top:calc(445 * var(--u));width:calc(312 * var(--u));height:calc(277 * var(--u));margin-left:calc(-156 * var(--u));padding-top:calc(30 * var(--u));border-radius:calc(20 * var(--u))}.cat .go .ey{font-size:calc(16 * var(--u));line-height:calc(20.8 * var(--u))}.cat .go .gt{margin-top:calc(8 * var(--u));font-size:calc(24 * var(--u));line-height:calc(31.2 * var(--u))}.cat .go .bs{align-items:center;gap:calc(12 * var(--u));margin-top:calc(14 * var(--u));flex-direction:column}.cat .go .bs .btn{width:calc(180 * var(--u));height:calc(48 * var(--u))}}
