.cmp-shell{border:1px solid hsl(var(--border));background:hsl(var(--card) / .85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -48px #d977068c}.cmp-sticky{z-index:1;background:hsl(var(--card));min-width:132px;box-shadow:1px 0 0 hsl(var(--border));position:sticky;left:0}@media (min-width:640px){.cmp-sticky{min-width:168px}}@media (min-width:1024px){.cmp-sticky{position:static}}.cmp-ours{background:linear-gradient(#6366f112,#8b5cf612)}.dark .cmp-ours{background:linear-gradient(#6366f11f,#8b5cf61f)}.cmp-ours-top{border-top-left-radius:18px;border-top-right-radius:18px}.cmp-ours-bottom{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.cmp-table tbody tr{transition:background .2s}.cmp-table tbody tr:hover>*{background-color:hsl(var(--muted) / .55)}.cmp-choose{border:1px solid hsl(var(--border));background:hsl(var(--card) / .85);border-radius:26px;flex-direction:column;gap:16px;padding:24px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;display:flex;position:relative}.cmp-choose:hover{border-color:#7c3aed66;transform:translateY(-4px);box-shadow:0 26px 56px -34px #7c3aed99}@media (prefers-reduced-motion:reduce){.cmp-choose{transition:none}.cmp-choose:hover{transform:none}}
.hpx{--hpx-ink:hsl(var(--foreground));--hpx-soft:hsl(var(--muted-foreground));--hpx-card:hsl(var(--card));--hpx-line:hsl(var(--border));isolation:isolate;max-width:1240px;color:var(--hpx-ink);border:1px solid var(--hpx-line);background:radial-gradient(520px 340px at 0 0,#2563eb1f,#0000 70%),radial-gradient(520px 360px at 100% 0,#db27771a,#0000 70%),radial-gradient(640px 360px at 60% 100%,#7c3aed1a,#0000 70%),linear-gradient(#fbfcff,#f4f6fd);border-radius:28px;gap:24px;margin:0 auto;padding:20px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -56px #2563eb8c}.dark .hpx{background:radial-gradient(520px 340px at 0 0,#2563eb4d,#0000 70%),radial-gradient(520px 360px at 100% 0,#db277733,#0000 70%),radial-gradient(640px 360px at 60% 100%,#7c3aed3d,#0000 70%),#0a0f22;box-shadow:0 40px 80px -50px #000000e6}.hpx:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(hsl(var(--border)) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--border)) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.dark .hpx:before{opacity:.35}@media (min-width:640px){.hpx{border-radius:32px;gap:28px;padding:32px}}@media (min-width:1100px){.hpx{padding:44px}}.hpx-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.hpx-copy{flex:320px;min-width:0}.hpx-title{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:0;font-size:32px;font-weight:850;line-height:1.05}.hpx-lead{max-width:48ch;color:var(--hpx-soft);margin:12px 0 0;font-size:16px;line-height:1.55}@media (min-width:640px){.hpx-title{font-size:44px}.hpx-lead{font-size:17.5px}}@media (min-width:1100px){.hpx-title{font-size:54px}}.hpx-country{border:1px solid var(--hpx-line);background:hsl(var(--muted) / .7);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(260px,100%);padding:4px;display:grid;position:relative}.hpx-thumb{background:var(--hpx-card);width:calc(50% - 4px);box-shadow:0 6px 16px -8px #0f172a73, 0 0 0 1px var(--hpx-line);border-radius:12px;transition:transform .4s cubic-bezier(.3,1.3,.4,1);position:absolute;top:4px;bottom:4px;left:4px}.dark .hpx-thumb{background:hsl(var(--muted));box-shadow:0 6px 16px -8px #000,0 0 0 1px #ffffff1f}.hpx-country button{cursor:pointer;text-align:left;min-height:48px;color:var(--hpx-soft);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-family:inherit;transition:color .25s;display:flex;position:relative}.hpx-country button.is-on{color:var(--hpx-ink)}.hpx-country b{font-size:14px;font-weight:800;line-height:1.15;display:block}.hpx-country small{font-size:12px;font-weight:700;line-height:1.15;display:block}.hpx-flag{border-radius:5px;flex:none;width:28px;height:20px;box-shadow:0 0 0 1px #0f172a26,0 2px 5px #0f172a40}.hpx-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.hpx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (min-width:1100px){.hpx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.hpx-card{--tone:var(--hue);min-width:0}.dark .hpx-card{--tone:var(--lit)}.hpx-link{height:100%;color:var(--hpx-ink);border:1px solid var(--hpx-line);background:var(--hpx-card);box-shadow:0 18px 36px -30px var(--hue);border-radius:22px;flex-direction:column;padding:18px 18px 16px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.hpx-link:before{content:"";background:linear-gradient(90deg, var(--hue), var(--lit));height:4px;position:absolute;inset:0 0 auto}.hpx-link:hover{border-color:color-mix(in srgb, var(--hue) 55%, var(--hpx-line));box-shadow:0 0 0 3px color-mix(in srgb, var(--hue) 14%, transparent), 0 26px 44px -26px var(--hue);transform:translateY(-4px)}.hpx-link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.hpx-card.is-featured .hpx-link{border:2px solid var(--hue);box-shadow:0 0 0 4px color-mix(in srgb, var(--hue) 12%, transparent), 0 30px 50px -28px var(--hue)}@media (min-width:1100px){.hpx-card.is-featured .hpx-link{transform:translateY(-8px)}.hpx-card.is-featured .hpx-link:hover{transform:translateY(-12px)}}.hpx-top{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.hpx-ico{color:#fff;background:linear-gradient(150deg, var(--hue), var(--deep));width:44px;height:44px;box-shadow:inset 0 1px 0 #ffffff4d, 0 10px 18px -10px var(--hue);border-radius:14px;place-items:center;display:grid}.hpx-ico svg{width:22px;height:22px}.hpx-badge{color:#451a03;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:850;display:inline-flex;box-shadow:0 6px 14px -8px #f59e0b}.hpx-badge svg{width:13px;height:13px}.hpx-name{letter-spacing:-.02em;margin-top:14px;font-size:20px;font-weight:850}.hpx-who{color:var(--hpx-soft);margin-top:2px;font-size:14px;line-height:1.4}.hpx-price{flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-top:14px;display:flex}.hpx-price small{color:var(--hpx-soft);font-size:14px;font-weight:700}.hpx-price strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:850;line-height:1.05}@media (min-width:1100px) and (max-width:1279px){.hpx-price strong{font-size:31px}}.hpx-facts{border-top:1px dashed var(--hpx-line);gap:8px;margin-top:16px;padding-top:14px;display:grid}.hpx-facts>span{align-items:flex-start;gap:8px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.hpx-facts svg{color:#fff;background:var(--hue);border-radius:50%;flex:none;width:18px;height:18px;margin-top:0;padding:3px}.hpx-go{min-height:44px;color:var(--tone);align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:14.5px;font-weight:800;display:inline-flex}.hpx-go svg{width:16px;height:16px;transition:transform .25s}.hpx-link:hover .hpx-go svg{transform:translate(4px)}.hpx-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.hpx-promises{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.hpx-promises li{color:var(--hpx-ink);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.hpx-promises svg{color:#047857;width:18px;height:18px}.dark .hpx-promises svg{color:#6ee7b7}.hpx-actions{flex-wrap:wrap;gap:10px;display:flex}.hpx-compare,.hpx-book{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:inline-flex}.hpx-compare{color:var(--hpx-ink);border:1px solid var(--hpx-line);background:var(--hpx-card)}.hpx-compare:hover{border-color:#4f46e580;transform:translateY(-1px);box-shadow:0 10px 20px -14px #4f46e5b3}.hpx-book{color:#fff;background:linear-gradient(135deg,#4338ca,#6d28d9 60%,#7e22ce);box-shadow:inset 0 1px #ffffff40,0 12px 24px -12px #6d28d9cc}.hpx-book:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 16px 30px -12px #6d28d9e6}.hpx-book svg{width:18px;height:18px}.hpx :is(.hpx-compare,.hpx-book,.hpx-country button):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (max-width:639px){.hpx-link{border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico name price""ico who price""facts facts facts";column-gap:12px;padding:16px 14px 14px;display:grid}.hpx-top{grid-area:ico;align-self:start;min-height:0}.hpx-ico{border-radius:12px;width:40px;height:40px}.hpx-ico svg{width:20px;height:20px}.hpx-badge{display:none}.hpx-name{grid-area:name;margin:0;font-size:17px;line-height:1.25}.hpx-card.is-featured .hpx-name:after{content:"Best value";white-space:nowrap;letter-spacing:0;color:#451a03;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:999px;width:max-content;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:850;display:block}.hpx-who{grid-area:who;font-size:13px}.hpx-price{text-align:right;flex-direction:column;grid-area:price;align-items:flex-end;gap:0;margin:0}.hpx-price small{font-size:12px}.hpx-price strong{font-size:24px}.hpx-facts{grid-area:facts;gap:6px;margin-top:12px;padding-top:10px}.hpx-facts>span{font-size:13.5px}.hpx-go{display:none}.hpx-foot{flex-direction:column;align-items:stretch}.hpx-actions{grid-template-columns:1fr;display:grid}.hpx-country{width:100%}}@media (prefers-reduced-motion:reduce){.hpx-link,.hpx-thumb,.hpx-go svg,.hpx-compare,.hpx-book,.hpx-country button{transition:none}.hpx-link:hover,.hpx-card.is-featured .hpx-link:hover,.hpx-compare:hover,.hpx-book:hover,.hpx-link:hover .hpx-go svg{transform:none}}