.hcta{--hc-ink:#0f172a;--hc-mut:#3d4a5c;--hc-bd:#6366f138;--hc-line:#6366f147;--hc-tile-bg:#ffffffbf;isolation:isolate;color:var(--hc-ink);border:1px solid var(--hc-bd);background:radial-gradient(70% 90% at 0 0,#dbeafef2,#0000 62%),radial-gradient(70% 100% at 100% 100%,#fce7f3f2,#0000 62%),linear-gradient(135deg,#f5f3ff,#eef2ff);border-radius:32px;flex-direction:column;gap:26px;padding:24px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 70px -50px #4f46e599}.dark .hcta{--hc-ink:#fff;--hc-mut:#e2e8f0;--hc-bd:#94a3b833;--hc-line:#94a3b847;--hc-tile-bg:#ffffff0f;background:radial-gradient(70% 90% at 0 0,#25318cf2,#0000 62%),radial-gradient(70% 100% at 100% 100%,#6b1d7ad9,#0000 62%),#0b1030;box-shadow:0 40px 80px -46px #312e81e6}.hcta:before{content:"";z-index:-1;background-image:linear-gradient(var(--hc-line) 1px, transparent 1px), linear-gradient(90deg, var(--hc-line) 1px, transparent 1px);opacity:.28;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000,#0000 65%);mask-image:linear-gradient(120deg,#000,#0000 65%)}.hcta-top{grid-template-columns:minmax(0,1fr);align-items:center;gap:26px;display:grid}.hcta-copy{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.hcta-kicker{color:#5b21b6;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.dark .hcta-kicker{color:#c4b5fd}.hcta-kicker svg{width:17px;height:17px}.hcta-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,4.6vw,54px);font-weight:900;line-height:1.05}.hcta-title span{background:linear-gradient(100deg,#1e40af,#5b21b6 50%,#9d174d);color:#0000;-webkit-background-clip:text;background-clip:text}.dark .hcta-title span{background-image:linear-gradient(100deg,#93c5fd,#c4b5fd 50%,#f9a8d4)}.hcta-lead{max-width:52ch;color:var(--hc-mut);font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.6}.hcta-actions{flex-direction:column;gap:10px;width:100%;padding-top:2px;display:flex}.hcta-actions a{min-height:52px}.hcta-trust{flex-wrap:wrap;gap:6px 16px;font-size:13.5px;font-weight:700;display:flex}.hcta-trust li{align-items:center;gap:6px;display:inline-flex}.hcta-trust svg{color:#059669;width:16px;height:16px}.dark .hcta-trust svg{color:#34d399}.hcta-stage{perspective:1100px;min-width:0}.hcta-pass{color:#fff;background:radial-gradient(90% 120% at 100% 100%,#be185d,#0000 60%),linear-gradient(135deg,#1e40af,#5b21b6);border-radius:24px;width:100%;max-width:460px;margin:0 auto;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:rotateY(-8deg)rotateX(4deg)rotate(1.5deg);box-shadow:0 34px 56px -26px #4338cad9;-webkit-mask:radial-gradient(11px at 70% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(11px at 70% 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(11px at 70% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(11px at 70% 100%,#0000 98%,#000) bottom/100% 51% no-repeat}.hcta-stage:hover .hcta-pass{transform:rotateY(4deg)rotateX(-2deg)rotate(0)scale(1.02)}.hcta-pass-main{border-right:2px dashed #ffffff73;flex-direction:column;flex:0 0 70%;gap:4px;min-width:0;padding:20px 18px;display:flex}.hcta-pass-head{align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:inline-flex}.hcta-pass-head svg{color:#fde68a;width:17px;height:17px}.hcta-pass-price{letter-spacing:-.04em;font-size:clamp(50px,7vw,68px);font-weight:900;line-height:1}.hcta-pass-sub{font-size:15px;font-weight:800}.hcta-pass-main ul{flex-direction:column;gap:4px;padding-top:8px;font-size:13px;line-height:1.3;display:flex}.hcta-pass-main li{align-items:flex-start;gap:6px;display:flex}.hcta-pass-main li svg{color:#6ee7b7;flex:none;width:14px;height:14px;margin-top:1px}.hcta-pass-stub{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:12px 4px;display:flex}.hcta-pass-stub b{letter-spacing:-.01em;font-size:clamp(11.5px,3.1vw,13.5px);font-weight:900}.hcta-pass-stub small{opacity:.88;font-size:12px;line-height:1.25}.hcta-pass-tile{color:#fff;background:#fff3;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.hcta-pass-tile svg{width:22px;height:22px}.hcta-steps{border-top:1px solid var(--hc-line);flex-direction:column;gap:14px;padding-top:22px;display:flex;position:relative}.hcta-step{align-items:flex-start;gap:12px;min-width:0;display:flex}.hcta-step b{font-size:15.5px;font-weight:800;display:block}.hcta-step small{color:var(--hc-mut);font-size:13.5px;line-height:1.4;display:block}.is-in .hcta-step{animation:.6s cubic-bezier(.16,1,.3,1) both hx-up;animation-delay:calc(var(--i,0) * .11s + .2s)}.hcta-tile{--a:#3b82f6;--b:#1d4ed8;color:#fff;background:linear-gradient(150deg, var(--a), var(--b));width:42px;height:42px;box-shadow:inset 0 1.5px 0 #ffffff73, 0 3px 0 -1px var(--b), 0 12px 20px -10px var(--a);border-radius:13px;flex:none;place-items:center;display:grid;position:relative}.hcta-tile svg{width:20px;height:20px}.hcta-tile[data-tone=violet]{--a:#8b5cf6;--b:#6d28d9}.hcta-tile[data-tone=amber]{--a:#f59e0b;--b:#b45309}.hcta-tile[data-tone=emerald]{--a:#10b981;--b:#047857}@media (min-width:560px){.hcta{padding:32px 28px}.hcta-actions{flex-flow:wrap;width:auto}.hcta-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}}@media (min-width:1000px){.hcta{gap:34px;padding:48px 52px 38px}.hcta-top{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px}.hcta-actions{flex-wrap:nowrap}.hcta-actions a{white-space:nowrap}.hcta-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}@media (prefers-reduced-motion:reduce){.is-in .hcta-step{animation:none}.hcta-pass{transition:none}.hcta-stage:hover .hcta-pass{transform:rotateY(-8deg)rotateX(4deg)rotate(1.5deg)}}
