/* Pricing, round 2: the eight designs */
.d-top{padding-top:calc(var(--header-h) + clamp(56px,7vw,104px))}
/* 1 Aurora card */
.d1-hd .pp-bill{margin-top:36px}
.d1-main{padding-top:28px}
.d1-card{max-width:520px;margin-inline:auto;padding:clamp(32px,4vw,48px) clamp(22px,4vw,48px) clamp(28px,3.5vw,40px)}
.d1-card .pp-logo{margin-bottom:30px}
.d1-nof{margin-top:20px;font-size:16px;font-weight:600}
.d1-card .pp-hr{margin:26px 0}
.d1-card .pp-ck{max-width:360px;margin:0 auto 32px}
.d1-fd{margin-top:22px;font-size:14.5px;color:var(--mu)}
/* 2 Quiet box */
.d2-h1{font-size:clamp(36px,2vw + 24px,54px)}
.d2-main{padding-top:clamp(40px,5vw,60px)}
.d2-box{display:grid;justify-items:center;max-width:780px;margin-inline:auto;padding:clamp(34px,5vw,56px) clamp(20px,5vw,64px);border:1px solid var(--line2);border-radius:24px;background:rgba(255,255,255,.5)}
.d2-box .pp-logo{height:19px;margin-bottom:28px}
.d2-box .pp-price{margin-top:34px}
.d2-cta{margin-top:30px;width:min(100%,320px)}
.d2-fl{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;gap:14px 56px;width:100%;margin-top:40px;padding-top:36px;border-top:1px solid var(--line);text-align:left}
.d2-fl li{position:relative;display:flex;align-items:flex-start;gap:10px}
.d2-fl li>.ic{flex:none;width:16px;height:16px;margin-top:3px;color:var(--ok)}
.d2-tip{padding:0;border:0;background:none;color:var(--ink);font:500 15.5px/1.45 'Schibsted Grotesk',system-ui,sans-serif;text-align:left;text-decoration:underline dotted;text-decoration-color:rgba(22,21,19,.4);text-decoration-thickness:1.5px;text-underline-offset:5px;cursor:help}
.d2-tip:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.d2-tt{position:absolute;left:26px;bottom:calc(100% + 10px);z-index:5;width:max-content;max-width:min(300px,76vw);padding:11px 14px;border-radius:12px;background:var(--ink);color:var(--cream);font-size:14px;line-height:1.45;text-wrap:pretty;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,transform .3s var(--e),visibility 0s .3s}
.d2-fl li:hover .d2-tt,.d2-tip:focus+.d2-tt{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .3s var(--e),visibility 0s}
.d2-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:26px;font-size:14px;color:var(--mu)}
.d2-facts li{display:flex;align-items:center;gap:8px}
.d2-facts .ic{flex:none;width:14px;height:14px;color:var(--ok)}
@media (max-width:640px){.d2-fl{grid-template-columns:minmax(0,1fr);justify-content:start}}
/* 3 Night */
.d3-top{padding-bottom:clamp(88px,10vw,140px)}
.d3-top .pp-bill{margin-top:44px}
.d3-top .pp-price{margin-top:36px}
.d3-go{display:grid;justify-items:center;margin-top:36px}
.d-inc{padding-top:clamp(88px,10vw,140px)}
.d-inc .pp-rows{margin-top:44px}
/* 4 Window */
.d4-top{padding-top:calc(var(--header-h) + clamp(32px,4vw,64px))}
.d4-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.d4-h1{font-size:clamp(40px,2.4vw + 22px,58px)}
.d4-tx .pp-bill{margin-top:40px}
.d4-tx .pp-price{margin-top:28px}
.d4-go{margin-top:30px}
.d4-go .pp-cta{min-width:220px}
.d4-win{min-height:clamp(560px,50vw,720px)}
.d4-win .pp-ph{--w:min(60%,300px);position:absolute;left:50%;top:10%;translate:-50% 0;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
@media (max-width:900px){.d4-grid{grid-template-columns:minmax(0,1fr)}.d4-win{min-height:480px}.d4-win .pp-ph{--w:min(64%,260px)}}
/* 5 Price as headline */
.d5-in{max-width:1000px}
.d5-h1{margin-top:36px;font-size:clamp(44px,5vw + 16px,100px);line-height:1;font-weight:700;letter-spacing:-.045em}
.d5-n{display:inline-grid;font-variant-numeric:tabular-nums}
.d5-n>span{grid-area:1/1}
.d5-meta{display:grid;max-width:40em;margin-top:30px;font-size:clamp(17px,.35vw + 15.5px,20px);line-height:1.5;color:var(--mu)}
.d5-meta>*{grid-area:1/1}
.d5-meta .pp-lk{color:var(--ok-ink);font-weight:600}
.d5-nof{margin-top:6px;font-size:clamp(17px,.35vw + 15.5px,20px);line-height:1.5;font-weight:600}
.d5-go{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:40px}
.d5-go .pp-as{margin:0}
/* 6 Two cards */
.d6-main{padding-top:clamp(40px,5vw,60px)}
.d6-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px;margin-inline:auto;text-align:left}
.d6-card{display:flex;flex-direction:column;padding:clamp(28px,3.5vw,44px);border-radius:28px}
.d6-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.d6-t{font-size:20px;font-weight:700;letter-spacing:-.015em}
.d6-card .pp-now{--num:clamp(52px,2vw + 38px,68px)}
.d6-card .pp-amt{margin-top:26px;justify-content:flex-start}
.d6-card .pp-bl{margin-top:12px}
.d6-sp{flex:1 0 32px}
.d6-as{margin-top:30px}
.d6-fd{margin-top:14px;font-size:14.5px;color:var(--mu)}
.d6-inc .pp-ck{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:center;gap:16px 56px;margin-top:40px}
@media (max-width:760px){.d6-cards{grid-template-columns:minmax(0,1fr)}.d6-inc .pp-ck{grid-template-columns:minmax(0,1fr);justify-content:start}}
/* 7 Ticket */
.d7-hd .pp-bill{margin-top:36px}
.d7-main{padding-top:30px}
.d7-tk{max-width:500px;margin-inline:auto;text-align:left;filter:drop-shadow(0 24px 30px rgba(22,21,19,.13)) drop-shadow(0 2px 3px rgba(22,21,19,.06))}
.d7-stub,.d7-body{position:relative;background:#fff;padding:clamp(26px,4vw,40px)}
.d7-stub{border-radius:26px 26px 0 0;-webkit-mask:radial-gradient(circle at 0 100%,#0000 15px,#000 15.5px) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 100%,#0000 15px,#000 15.5px) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle at 0 100%,#0000 15px,#000 15.5px) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 100%,#0000 15px,#000 15.5px) 100% 0/51% 100% no-repeat}
.d7-body{border-radius:0 0 26px 26px;-webkit-mask:radial-gradient(circle at 0 0,#0000 15px,#000 15.5px) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 15px,#000 15.5px) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle at 0 0,#0000 15px,#000 15.5px) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 15px,#000 15.5px) 100% 0/51% 100% no-repeat}
.d7-body::before{content:'';position:absolute;left:28px;right:28px;top:-1px;height:2px;background:linear-gradient(90deg,var(--line2) 0 6px,transparent 6px 12px) 0 0/12px 2px repeat-x}
.d7-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.d7-row .pp-logo{height:21px;margin:0}
.d7-tk .pp-amt{justify-content:flex-start}
.d7-kv{display:grid;justify-items:end;gap:4px;text-align:right}
.d7-kv small{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.d7-kv b{display:grid;justify-items:end;font-size:15px;font-weight:700}
.d7-kv b>*{grid-area:1/1}
.d7-body .pp-ck{margin-bottom:30px}
.d7-body .pp-as{justify-items:center}
.d7-body .pp-as li{justify-content:center}
.d7-fd{margin-top:24px;font-size:14.5px;color:var(--mu)}
/* 8 Sticky card */
.d8-main{padding-top:clamp(48px,6vw,80px)}
.d8-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.d8-list .pp-rows{grid-template-columns:minmax(0,1fr)}
.d8-list .pp-rows li:first-child{border-top:0;padding-top:0}
.d8-side{position:sticky;top:24px}
.d8-card{padding:clamp(28px,3vw,40px)}
.d8-card .pp-bill{margin-top:26px}
.d8-card .pp-price{margin-top:26px}
.d8-card .pp-cta{margin-top:28px}
.d8-nof{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.5;color:var(--mu)}
.d8-nof b{color:var(--ink);font-weight:600}
@media (max-width:900px){.d8-grid{grid-template-columns:minmax(0,1fr)}.d8-side{position:static;order:-1}}