.toplist-card{--ink: #0b2340;--muted: #64768a;--gold: #b5892a;--line: #e6ebf1;--deep: #062850;--light: #22b4d2;--pad: clamp(.95rem, 1.5vw, 1.7rem);--gap: clamp(.8rem, 1.5vw, 1.5rem);--radius: clamp(16px, 1.5vw, 22px);position:relative;display:grid;grid-template-columns:clamp(140px,15.5vw,218px) minmax(0,1.12fr) minmax(clamp(208px,22vw,310px),.82fr);grid-template-areas:"visual offer side" "terms terms terms";align-items:start;gap:var(--gap);min-width:0;padding:var(--pad) var(--pad) 0;border:1px solid #e4eaef;border-radius:var(--radius);background:#fffdfa;box-shadow:0 14px 32px #0c233016;transition:transform .18s ease,box-shadow .18s ease}.toplist-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px #0c233022}.toplist-card--ranked{padding-left:calc(var(--pad) + clamp(.2rem,.5vw,.5rem))}.toplist-card--first{border-color:#ecd9a4;box-shadow:0 16px 36px #8a691612,inset 3px 0 #d8b45c}.toplist-card[hidden]{display:none!important}.toplist-rank{position:absolute;z-index:4;top:calc(var(--pad) - .1rem);left:calc(var(--pad) - .75rem);width:clamp(34px,3.4vw,44px);height:clamp(34px,3.4vw,44px);display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#eef3f6,#b9c6cf);color:#33465a;font-size:clamp(.82rem,1vw,1rem);font-weight:850;box-shadow:0 6px 14px #24384a1f}.toplist-rank--medal{top:calc(var(--pad) - .55rem);left:calc(var(--pad) - .7rem);width:clamp(44px,4.4vw,62px);height:clamp(56px,5.2vw,74px);display:grid;place-content:center;justify-items:center;gap:.1rem;border-radius:6px 6px 3px 3px;color:#fff;background:linear-gradient(160deg,#e7c169,#b4831c);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);box-shadow:0 10px 18px #6d4c1433}.toplist-rank--medal b{font-size:clamp(1.25rem,1.9vw,1.8rem);line-height:1}.toplist-rank--medal small{font-size:clamp(.42rem,.55vw,.54rem);font-weight:850;letter-spacing:.09em;text-transform:uppercase;padding-bottom:clamp(.55rem,.9vw,.85rem)}.toplist-rank[data-rank="2"].toplist-rank--medal{background:linear-gradient(160deg,#e8eef2,#97a7b3);color:#2b3d4d}.toplist-rank[data-rank="3"].toplist-rank--medal{background:linear-gradient(160deg,#edc9a5,#b3814f)}.toplist-visual{grid-area:visual;position:relative;align-self:stretch;min-height:clamp(150px,17vw,236px);display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--radius) - 4px);background:linear-gradient(#061f3a55,#061f3a55),url(/assets/toplist/ncl-nordic-fallback.png) center/cover;box-shadow:0 10px 22px #08203a24}.toplist-visual:before,.toplist-visual:after{content:"";position:absolute}.toplist-visual:before{inset:auto -20% -35%;height:58%;background:radial-gradient(ellipse at 50% 90%,var(--light),transparent 58%);opacity:.45;filter:blur(12px)}.toplist-visual:after{inset:0;background:linear-gradient(135deg,#ffffff14 0%,transparent 28%,#00000044 100%)}.toplist-visual img{position:relative;z-index:2;max-width:80%;max-height:min(34%,124px);object-fit:contain;filter:drop-shadow(0 8px 16px #001b35aa)}.toplist-card--ranked .toplist-visual{padding-top:clamp(14px,1.8vw,26px)}.toplist-card--aurora{--deep: #083f63;--light: #4ae7e4 }.toplist-card--ocean{--deep: #07314f;--light: #35c9f0 }.toplist-card--royal{--deep: #111d62;--light: #e4b553 }.toplist-card--violet{--deep: #37176b;--light: #ef58c8 }.toplist-card--emerald{--deep: #083f35;--light: #a2d454 }.toplist-card--crimson{--deep: #62192c;--light: #e3a044 }.toplist-card--forest{--deep: #123e31;--light: #d5b260 }.toplist-card--volcanic{--deep: #2b2c35;--light: #ef963f }.toplist-card--gold{--deep: #553a12;--light: #f1c54e }.toplist-offer{grid-area:offer;min-width:0;display:grid;align-content:start;gap:clamp(.3rem,.5vw,.5rem)}.toplist-title h3{margin:0;color:var(--ink);font-size:clamp(1.02rem,1.5vw,1.35rem);letter-spacing:-.035em}.toplist-title h3 a{color:inherit;text-decoration:none}.toplist-title h3 a:hover{text-decoration:underline}.toplist-title p{margin:.1rem 0 clamp(.25rem,.5vw,.45rem);color:var(--muted);font-size:clamp(.7rem,.85vw,.8rem)}.toplist-label{color:var(--gold);font-size:clamp(.6rem,.76vw,.71rem);font-weight:850;letter-spacing:.11em;text-transform:uppercase}.toplist-bonus{margin:0;padding-bottom:clamp(.5rem,1vw,.95rem);border-bottom:1px solid #e9dcbc;min-width:0}.toplist-bonus strong{display:block;color:var(--ink);font-size:clamp(1.3rem,2.35vw,2.35rem);font-weight:850;line-height:1.03;letter-spacing:-.05em;overflow-wrap:anywhere}.toplist-bonus em{display:block;margin-top:.1rem;color:#16304d;font-size:clamp(.95rem,1.55vw,1.5rem);font-weight:800;font-style:normal;line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}.toplist-benefits{display:grid;gap:clamp(.32rem,.55vw,.5rem);margin:clamp(.5rem,.9vw,.8rem) 0 .2rem;padding:0;list-style:none}.toplist-benefits li{display:grid;grid-template-columns:clamp(17px,1.6vw,21px) minmax(0,1fr);align-items:center;gap:clamp(.4rem,.6vw,.6rem);color:#2b405a;font-size:clamp(.78rem,1vw,.9rem)}.toplist-benefits svg{width:clamp(17px,1.6vw,21px);height:clamp(17px,1.6vw,21px);padding:3px;border-radius:50%;background:#c99b34;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.toplist-payments{margin-top:clamp(.25rem,.5vw,.45rem)}.toplist-payments>div{--payment-lines: 1;display:flex;flex-wrap:wrap;gap:clamp(.28rem,.45vw,.42rem);margin-top:clamp(.3rem,.5vw,.5rem)}.toplist-payments b,.toplist-payments a{display:inline-flex;align-items:center;min-height:clamp(27px,2.6vw,34px);padding:0 clamp(.42rem,.7vw,.7rem);border:1px solid #e2e8ef;border-radius:10px;background:#fff;color:#2b405a;font-size:clamp(.65rem,.82vw,.75rem);font-weight:700;box-shadow:0 2px 6px #0b23400d}.toplist-payments a{border-color:#b9d9d7;color:#08706d;text-decoration:none}.toplist-payments__more{color:var(--muted)!important;background:#f4f7fa!important;box-shadow:none!important}.toplist-payments b[hidden],.toplist-payments a[hidden]{display:none!important}.toplist-side{grid-area:side;min-width:0;display:grid;align-content:start;gap:clamp(.7rem,1.2vw,1.1rem);padding-left:clamp(.85rem,1.6vw,1.7rem);border-left:1px solid var(--line)}.toplist-metrics{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.4rem,.7vw,.7rem);min-width:0}.toplist-metric{min-width:0;min-height:clamp(72px,8vw,108px);display:grid;align-content:center;justify-items:center;gap:.1rem;padding:clamp(.5rem,.8vw,.85rem) clamp(.35rem,.6vw,.6rem);border:1px solid #e6ecf2;border-radius:clamp(12px,1.2vw,16px);background:linear-gradient(160deg,#fbfdff,#f3f7fb);text-align:center}.toplist-metric svg{width:clamp(16px,1.6vw,22px);height:clamp(16px,1.6vw,22px);margin-bottom:clamp(.15rem,.3vw,.3rem);fill:none;stroke:#55697f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.toplist-metric b{color:var(--ink);font-size:clamp(1rem,1.42vw,1.32rem);font-weight:850;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.toplist-metric b span{color:var(--muted);font-size:.65em;font-weight:700}.toplist-metric--long b{font-size:clamp(.82rem,1.05vw,1rem);letter-spacing:-.02em}.toplist-metric strong{color:var(--ink);font-size:clamp(.63rem,.82vw,.77rem);font-weight:750;line-height:1.2;overflow-wrap:anywhere;hyphens:auto}.toplist-metric small{color:var(--muted);font-size:clamp(.56rem,.7vw,.67rem);line-height:1.25}.toplist-convert{display:grid;gap:clamp(.4rem,.65vw,.6rem)}.toplist-cta{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:clamp(46px,4.2vw,56px);padding:.6rem clamp(.6rem,1vw,1rem);border-radius:12px;background:#0c3a2c;color:#fff;font-size:clamp(.8rem,.98vw,.94rem);font-weight:850;letter-spacing:.02em;text-align:center;text-decoration:none;box-shadow:0 10px 18px #06312628;transition:background .18s ease,box-shadow .18s ease}.toplist-cta:hover{background:#072a20;box-shadow:0 12px 22px #06312638}.toplist-cta__text{min-width:0;overflow-wrap:anywhere}.toplist-cta__short{display:none}.toplist-cta__arrow{font-size:1.1em}.toplist-review{justify-self:center;color:var(--ink);font-size:clamp(.76rem,.9vw,.84rem);font-weight:800;text-decoration:none;border-bottom:1px solid #c3cedb}.toplist-review:hover{border-bottom-color:var(--ink)}.toplist-trust{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;color:var(--muted);font-size:clamp(.65rem,.78vw,.73rem)}.toplist-trust svg{width:13px;height:13px;flex:none;fill:none;stroke:#3f7a5f;stroke-width:1.7;stroke-linejoin:round}.toplist-terms{grid-area:terms;margin:clamp(.8rem,1.3vw,1.3rem) calc(var(--pad) * -1) 0;padding:clamp(.6rem,.9vw,.85rem) var(--pad);border-top:1px solid var(--line);background:#f9fbfc;color:#526779;font-size:clamp(.74rem,.9vw,.81rem);border-radius:0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px)}.toplist-card--ranked .toplist-terms{margin-left:calc((var(--pad) + clamp(.2rem,.5vw,.5rem)) * -1);padding-left:calc(var(--pad) + clamp(.2rem,.5vw,.5rem))}.toplist-terms summary{cursor:pointer;font-weight:800;color:#2b405a;list-style:none}.toplist-terms summary::-webkit-details-marker{display:none}.toplist-terms summary:before{content:"▸";display:inline-block;margin-right:.5rem;transition:transform .18s ease}.toplist-terms[open] summary:before{transform:rotate(90deg)}.toplist-terms>div{padding-top:.7rem}.toplist-terms p{margin:0 0 .5rem;max-width:900px;line-height:1.55}.toplist-terms__muted{color:#74869a;font-size:.95em}.toplist-card :focus-visible{outline:3px solid #0d6c8f;outline-offset:3px;border-radius:8px}.toplist-card--compact{grid-template-columns:132px minmax(0,1fr) 190px;grid-template-areas:"visual offer side";align-items:center;gap:1.1rem;padding:1.1rem}.toplist-card--compact .toplist-visual{height:92px;min-height:0;align-self:center}.toplist-card--compact .toplist-visual img{max-height:52%}.toplist-card--compact .toplist-title h3{font-size:1.1rem}.toplist-card--compact .toplist-title p{margin-bottom:0}.toplist-card--compact .toplist-side{padding-left:0;border-left:0}.toplist-card--compact .toplist-cta{min-height:44px;font-size:.82rem}@media(max-width:1080px){.toplist-metric small{display:none}}@media(max-width:980px){.toplist-cta__long{display:none}.toplist-cta__short{display:inline}}@media(max-width:599px){.toplist-card:not(.toplist-card--compact){grid-template-columns:clamp(88px,26vw,116px) minmax(0,1fr);grid-template-areas:"visual title" "visual label" "visual bonus" "benefits benefits" "payments payments" "metrics metrics" "convert convert" "terms terms";gap:.3rem .75rem}.toplist-card:not(.toplist-card--compact) .toplist-offer,.toplist-card:not(.toplist-card--compact) .toplist-side{display:contents}.toplist-card:not(.toplist-card--compact) .toplist-title{grid-area:title}.toplist-card:not(.toplist-card--compact) .toplist-offer>.toplist-label{grid-area:label;align-self:end}.toplist-card:not(.toplist-card--compact) .toplist-bonus{grid-area:bonus}.toplist-card:not(.toplist-card--compact) .toplist-benefits{grid-area:benefits}.toplist-card:not(.toplist-card--compact) .toplist-payments{grid-area:payments}.toplist-card:not(.toplist-card--compact) .toplist-metrics{grid-area:metrics}.toplist-card:not(.toplist-card--compact) .toplist-convert{grid-area:convert}.toplist-visual{align-self:stretch;height:auto;min-height:118px}.toplist-title{align-self:start}.toplist-visual img{max-width:88%;max-height:42%}.toplist-rank,.toplist-rank--medal{top:.4rem;left:.4rem}.toplist-rank--medal{width:38px;height:50px}.toplist-rank--medal b{font-size:1.05rem}.toplist-rank--medal small{padding-bottom:.5rem}.toplist-title h3{font-size:1.18rem}.toplist-title p{margin-bottom:0;font-size:.78rem}.toplist-label{font-size:.69rem}.toplist-bonus{padding-bottom:.85rem;margin-bottom:.55rem}.toplist-bonus strong{font-size:1.7rem}.toplist-bonus em{font-size:1.15rem}.toplist-benefits{gap:.45rem;margin:0 0 .3rem}.toplist-benefits li{grid-template-columns:20px minmax(0,1fr);font-size:.86rem}.toplist-benefits svg{width:20px;height:20px}.toplist-payments{margin-top:.25rem}.toplist-payments>div{--payment-lines: 2}.toplist-payments b,.toplist-payments a{min-height:30px;font-size:.72rem}.toplist-metrics{gap:.5rem;margin-top:.5rem}.toplist-metric{min-height:74px;padding:.55rem .4rem}.toplist-metric b{font-size:1.15rem}.toplist-metric--long b{font-size:.92rem}.toplist-metric strong{font-size:.72rem}.toplist-convert{margin-top:.45rem;gap:.55rem}.toplist-cta{min-height:52px;font-size:.92rem}.toplist-cta__long{display:inline}.toplist-cta__short{display:none}.toplist-review{font-size:.84rem}.toplist-trust{font-size:.74rem}.toplist-terms{font-size:.8rem}.toplist-card--compact{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"visual offer" "side side";gap:.8rem;padding:.9rem}.toplist-card--compact .toplist-visual{min-height:68px}.toplist-card--compact .toplist-visual img{max-height:46%}}@media(max-width:400px){.toplist-bonus strong{font-size:1.5rem}.toplist-metric b{font-size:1.05rem}}