.home-top{background:#fff;border-radius:18px;flex-direction:column;gap:16px;padding:10px 20px;display:flex}.home-top .ht-tabs{background:#f5f7f9;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.home-top .ht-tab{min-width:1px;font:inherit;color:#585861;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1 0 0;justify-content:center;align-items:center;padding:4px 16px;font-size:18px;font-weight:500;line-height:26px;display:flex}.home-top .ht-tab.active{filter:drop-shadow(0 0 5px #0000000d);color:#111;background:#fff;border-radius:10px;font-weight:700}.home-top .ht-text{flex-direction:column;gap:10px;display:flex}.home-top[data-variant=B] .ht-text{gap:6px}.home-top .ht-row{justify-content:space-between;align-items:center;display:flex}.home-top .ht-tag-area{align-items:center;gap:6px;display:flex}.home-top .ht-tag{color:#111;white-space:nowrap;background:#ebedf5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:14px;font-weight:600;line-height:1;display:flex}.home-top .ht-tag-logo{background:#111;width:26px;height:12px;display:block;-webkit-mask:url(/home/top/yobi-tag-mask.png) 0 0/25.711px 12px no-repeat;mask:url(/home/top/yobi-tag-mask.png) 0 0/25.711px 12px no-repeat}.home-top .ht-btn-area{flex-direction:column;gap:6px;display:flex}.home-top .ht-count{color:#0049ff;white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;margin:0;font-size:14px;line-height:20px;display:flex}.home-top .ht-count-num{font-weight:700}.home-top .ht-count-text{font-weight:500}.home-top .ht-eyes{flex-shrink:0;width:25px;height:18px;position:relative}.home-top .ht-eye{width:12px;height:15px;position:absolute;top:1.5px}.home-top .ht-eye:first-child{z-index:1;left:2px}.home-top .ht-eye:last-child{left:11px}.home-top .ht-eye-white{width:13px;max-width:none;height:16px;position:absolute;top:-.5px;left:-.5px}.home-top .ht-pupil-x{width:6.674px;height:7.217px;animation:12s infinite ht-pupil-x;position:absolute;top:2px;left:4px}.home-top .ht-pupil-y{width:6.674px;max-width:none;height:7.217px;animation:12s infinite ht-pupil-y;display:block}@keyframes ht-pupil-x{0%{animation-timing-function:ease-in-out;transform:translate(0)}11.67%{animation-timing-function:ease-in-out;transform:translate(-2.93475px)}15%{animation-timing-function:ease-in-out;transform:translate(-2.93475px)}27.5%{animation-timing-function:ease-in-out;transform:translate(.261007px)}30.83%{animation-timing-function:ease-in-out;transform:translate(.261007px)}43.33%{animation-timing-function:ease-in-out;transform:translate(-1.33687px)}62.5%{animation-timing-function:ease-in-out;transform:translate(-1.33687px)}83.33%{animation-timing-function:linear;transform:translate(0)}to{transform:translate(0)}}@keyframes ht-pupil-y{0%{animation-timing-function:ease-in-out;transform:translateY(0)}11.67%{animation-timing-function:ease-in-out;transform:translateY(1.89139px)}30.83%{animation-timing-function:ease-in-out;transform:translateY(1.89139px)}43.33%{animation-timing-function:ease-in-out;transform:translateY(-.443443px)}46.67%{animation-timing-function:ease-in-out;transform:translateY(-.443443px)}59.17%{animation-timing-function:ease-in-out;transform:translateY(4.22623px)}62.5%{animation-timing-function:ease-in-out;transform:translateY(4.22623px)}83.33%{animation-timing-function:linear;transform:translateY(0)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.home-top .ht-pupil-x,.home-top .ht-pupil-y{animation:none}}.home-top .ht-info{align-items:center;gap:8px;display:flex}.home-top[data-variant=B] .ht-info{padding:0 2px}.home-top .ht-kt{width:22px;height:24px}.home-top .ht-divider{flex-shrink:0;width:0;height:10px;position:relative}.home-top .ht-divider img{width:1.5px;max-width:none;height:11.5px;position:absolute;top:-.75px;left:-.75px}.home-top .ht-plan-name{color:#111;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px}.home-top[data-variant=B] .ht-plan-name{font-size:16px;font-weight:500;line-height:22px}.home-top .ht-info-label{color:#6f7177;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px}.home-top .ht-price{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.home-top button.ht-price{cursor:pointer}.home-top .ht-price-value{color:#111;white-space:nowrap;font-size:24px;font-weight:700;line-height:1}.home-top .ht-detail{color:#444;white-space:nowrap;border-radius:6px;align-items:center;font-size:14px;font-weight:500;line-height:20px;display:flex}.home-top .ht-detail img{width:18px;height:18px}.home-top .ht-benefit{align-items:center;gap:6px;display:flex}.home-top .ht-benefit-logo{flex-shrink:0;display:flex}.home-top .ht-benefit-logo img{width:auto;height:24px}.home-top .ht-benefit-text{text-overflow:ellipsis;white-space:nowrap;color:#444;flex:1 0 0;min-width:1px;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.home-top .ht-cta{color:#fff;background:#0049ff;border-radius:12px;justify-content:center;align-items:center;height:56px;padding:12px 10px;font-size:18px;font-weight:700;line-height:26px;text-decoration:none;display:flex}.hts{z-index:200;position:fixed;inset:0}.hts-dim{background:#0006;position:absolute;inset:0}.hts-panel{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:390px;max-height:670px;padding-top:20px;display:flex;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.hts-head{background:#fff;flex-direction:column;flex-shrink:0;gap:16px;padding:0 20px 16px;display:flex}.hts-body{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:0 20px;display:flex;overflow-y:auto}.hts-body::-webkit-scrollbar{width:6px}.hts-body::-webkit-scrollbar-thumb{background:#d3d6dd;border-radius:28px}.hts-title-row{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.hts-title{color:#111;white-space:nowrap;margin:0;font-size:22px;font-weight:700;line-height:30px}.hts-close{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.hts-close img{width:18px;height:18px;transform:rotate(-45deg)}.hts-tabs{background:#fff;border-radius:40px;flex-shrink:0;align-items:center;gap:4px;display:flex}.hts-tab{min-width:1px;font:inherit;color:#9fa3af;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:999px;flex:1 0 0;justify-content:center;align-items:center;padding:8px 16px;font-size:18px;font-weight:400;line-height:26px;display:flex}.hts-tab.active{color:#fff;background:#111;font-weight:700}.hts-spec{color:#111;white-space:nowrap;background:#f5f7f9;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:10px 16px;display:flex}.hts-spec-item{flex:1 0 0;align-items:center;gap:10px;min-width:1px;display:flex}.hts-spec-label{font-size:14px;font-weight:400;line-height:20px}.hts-spec-value{font-size:18px;font-weight:700;line-height:26px}.hts-list{flex-direction:column;gap:20px;display:flex}.hts-benefit{align-items:center;gap:10px;display:flex}.hts-benefit-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px}.hts-benefit-copy{flex-direction:column;justify-content:center;gap:4px;font-size:16px;line-height:22px;display:flex}.hts-benefit-sub{color:#6f7177;font-weight:400}.hts-benefit-main{color:#111;font-weight:500}.hts-more-area{justify-content:center;display:flex}.hts-more{font:inherit;color:#585861;cursor:pointer;background:#fff;border:1px solid #d3d6dd;border-radius:8px;justify-content:center;align-items:center;padding:5px 5px 5px 9px;font-size:14px;font-weight:500;line-height:20px;display:flex}.hts-more img{width:22px;height:22px}.hts-price-info{background:#f5f7f9;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;padding:10px 8px;font-size:16px;line-height:22px;display:flex}.hts-price-info p{margin:0}.hts-price-info-title{text-overflow:ellipsis;white-space:nowrap;color:#444;font-weight:500;overflow:hidden}.hts-price-info-desc{color:#6f7177;font-weight:400}.hts-price{flex-direction:column;gap:16px;display:flex}.hts-price-base{color:#111;white-space:nowrap;justify-content:space-between;align-items:flex-start;font-size:16px;font-weight:700;line-height:22px;display:flex}.hts-price-benefit{justify-content:space-between;align-items:center;display:flex}.hts-price-lines p{color:#6f7177;white-space:nowrap;margin:0;font-size:16px;font-weight:400;line-height:22px}.hts-chip{color:#0049ff;white-space:nowrap;background:#eef2ff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;font-size:16px;font-weight:400;line-height:22px;display:flex}.hts-chip-final{font-size:18px;font-weight:700;line-height:26px}.hts-price-divider{height:0;position:relative}.hts-price-divider img{width:351px;max-width:none;height:1px;position:absolute;top:-.5px;left:-.5px}.hts-price-final{flex-direction:column;gap:4px;display:flex}.hts-price-final-row{justify-content:space-between;align-items:center;display:flex}.hts-price-final-label{color:#6f7177;white-space:nowrap;font-size:16px;font-weight:700;line-height:22px}.hts-price-note{color:#6f7177;white-space:nowrap;margin:0;font-size:14px;font-weight:400;line-height:20px}.hts-cta-area{flex-direction:column;flex-shrink:0;margin-top:20px;display:flex}.hts-cta-fade{background:linear-gradient(#fff0,#fff);height:12px}.hts-cta-wrap{background:#fff;padding:0 20px 14px}.hts-cta{color:#fff;background:#0049ff;border-radius:12px;justify-content:center;align-items:center;height:56px;padding:12px 10px;font-size:18px;font-weight:700;line-height:26px;text-decoration:none;display:flex}