.hp{isolation:isolate;background:#000;padding:clamp(72px,9vw,120px) 20px clamp(64px,8vw,104px);position:relative;overflow:hidden}.hp-head{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin:0 auto 8px;display:flex}.hp-mark{background:#ffffff12;border:1px dashed #ffffff80;border-radius:.3em;margin-left:.1em;padding:.04em .28em;display:inline-block}.hp-switch{z-index:2;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:1fr 1fr;width:fit-content;margin:28px auto 0;padding:4px;display:grid;position:relative}.hp-switch button{z-index:1;color:#fff9;white-space:nowrap;border-radius:999px;height:44px;padding:0 22px;font-weight:500;transition:color .35s;position:relative}.hp-switch button:hover{color:#ffffffe6}.hp-switch button[aria-pressed=true]{color:#000}.hp-switch-pill{z-index:0;background:#fff;border-radius:999px;width:calc(50% - 4px);transition:transform .6s cubic-bezier(.34,1.35,.5,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 24px -6px #ffffff73}.hp-switch[data-term=year] .hp-switch-pill{transform:translate(100%)}.hp-save{color:#fff;background:#ffffff24;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:600;transition:color .35s,background .35s}.hp-switch button[aria-pressed=true] .hp-save{color:#fff;background:#000}.hp-grid{gap:16px;max-width:1180px;margin:40px auto 0;display:grid;position:relative}@media (min-width:820px){.hp-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}.hp-grid[data-count="2"]{grid-template-columns:repeat(2,1fr);max-width:820px}}.hp-grid[data-count="1"]{max-width:420px}.hp-card{text-align:left;color:#f5f5f5;background:#0a0a0a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;padding:26px;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,background .4s,box-shadow .5s;display:flex;position:relative}.hp-card:hover{border-color:#ffffff47;transform:translateY(-5px);box-shadow:0 30px 70px -34px #ffffff38}.hp-card--hot{background:#111;border-color:#fff9;box-shadow:0 0 0 1px #ffffff1f,0 30px 80px -40px #ffffff4d}@media (min-width:820px){.hp-card--hot{margin-top:-10px;margin-bottom:-10px;padding-top:36px;padding-bottom:36px}}.hp-badge{color:#000;background:#fff;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}.hp-name{letter-spacing:-.03em;font-size:28px;font-weight:600}.hp-desc{color:#fff9;min-height:3.1em;margin-top:10px;font-size:14px;line-height:1.55}.hp-price{align-items:baseline;gap:8px;margin-top:18px;display:flex}.hp-amount{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:42px;font-weight:600;line-height:1.1;display:inline-flex}.hp-amount small{letter-spacing:0;color:#ffffffa6;font-size:18px;font-weight:500}.hp-roll{height:1.1em;display:inline-flex;overflow:hidden}.hp-char{height:1.1em;display:inline-block}.hp-digit{height:1.1em;display:inline-block;overflow:hidden}.hp-strip{will-change:transform;flex-direction:column;transition:transform .9s cubic-bezier(.16,1,.3,1);display:flex}.hp-strip span{height:1.1em;line-height:1.1;display:block}.hp-per,.hp-sub{animation:.55s cubic-bezier(.16,1,.3,1) both hp-swap}.hp-per{color:#ffffff8c}.hp-sub{color:#ffffff80;min-height:1.4em;margin-top:6px;font-size:12.5px}@keyframes hp-swap{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}.hp-btn{isolation:isolate;letter-spacing:-.01em;color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:14px;justify-content:center;align-items:center;margin:22px 0 24px;padding:15px 18px;font-size:17px;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1),color .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.hp-btn:before{content:"";z-index:-1;background:#fff;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(101%)}.hp-btn:hover{color:#000;border-color:#fff;transform:translateY(-2px)}.hp-btn:hover:before{transform:none}.hp-btn:active{transform:scale(.98)}.hp-btn--hot{color:#000;background:#fff;border-color:#fff;box-shadow:0 14px 40px -14px #ffffff8c}.hp-btn--hot:before{background:#000;transform:translateY(101%)}.hp-btn--hot:hover{color:#fff}.hp-btn--hot:hover:before{transform:none}.hp-feats{color:#ffffffbf;flex-direction:column;gap:12px;padding:4px 0 20px;font-size:14px;display:flex}.hp-feats li{align-items:center;gap:12px;display:flex}.hp-feats svg{color:#ffffffe6;flex:none}.hp-incl{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:18px}.hp-incl h4{margin-bottom:12px;font-size:15px;font-weight:600}.hp-incl ul{color:#ffffffb8;flex-direction:column;gap:10px;font-size:14px;display:flex}.hp-incl li{align-items:center;gap:12px;display:flex}.hp-tick{color:#fff;border:1px solid #ffffff8c;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;transition:background .3s,color .3s;display:grid}.hp-incl li:hover .hp-tick{color:#000;background:#fff}.hp-note{text-align:center;color:#ffffff80;max-width:760px;margin:28px auto 0;font-size:13px;line-height:1.6}.hp-note a{color:#fffc;text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.hp-per,.hp-sub{animation:none}.hp-strip,.hp-switch-pill,.hp-btn:before{transition-duration:10ms}}