/* Pricing, round 2: shared. Tokens, button, FAQ and footer are the landing page's (rest2/base.css). The top of the page is the hero's own aurora (aurora.js, #miAurora); windows show the landing's Glow sky (rest2/skies2.js, --sky on #rb). No orange. */
:root{--night:#05060D;--cream:#FAF8F2;--paper:#F3EFE6;--ink:#161513;--mu:#5c5750;--stone:#ECE6DC;--line:rgba(22,21,19,.12);--line2:rgba(22,21,19,.22);--ok:#4F7A21;--ok-ink:#3E6318;--ok-tint:#E8EFDC;--tl:#7CF2DF;--e:cubic-bezier(.2,.8,.2,1);--sky0:radial-gradient(55% 45% at 22% 18%,oklch(0.80 0.15 165/.30),transparent 70%),radial-gradient(45% 40% at 82% 26%,oklch(0.66 0.17 300/.26),transparent 70%),radial-gradient(60% 50% at 60% 92%,oklch(0.55 0.12 250/.22),transparent 70%),linear-gradient(180deg,#0B1024,#05060D)}
html,body{margin:0;background:var(--cream)}
body{font-family:'Schibsted Grotesk',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
a{color:var(--ink);text-underline-offset:3px}a:hover{color:var(--mu)}
#rb{--sky:var(--sky0);position:relative;z-index:1}
.pp,.pp *,.pp *::before,.pp *::after,.pp-dlg *{box-sizing:border-box}
:where(.pp,.pp-dlg) :where(h1,h2,h3,p,ul,ol,li,figure,hr){margin:0;padding:0}
:where(.pp,.pp-dlg) :where(ul,ol){list-style:none}
:where(.pp) img{display:block;max-width:100%;height:auto}
.pp strong{font-weight:800}
.pp-in{margin-inline:max(var(--gutter),calc((100% - var(--container-max))/2))}
.nw{white-space:nowrap}
.ic{display:block;width:100%;height:100%;overflow:visible}
.pp-c{text-align:center}
.pp-c .pp-amt{justify-content:center}
.pp-c .pp-as{justify-items:center}
.pp-c .pp-as li{justify-content:center}
.pp-c .pp-sub,.pp-c .pp-logo{margin-inline:auto}
.pp-hr{border:0;height:1px;background:var(--line)}
/* the hero's aurora behind the top of the page (app.js: html.pp-aur-on, --aur-h = where the design's top ends) */
.pp-aur{position:absolute;left:0;right:0;top:0;height:var(--aur-h,700px);z-index:0;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(180deg,#000 calc(100% - 260px),transparent);mask:linear-gradient(180deg,#000 calc(100% - 260px),transparent)}
html:not(.pp-aur-on) .pp-aur{display:none}
.mi-aurora{position:absolute;inset:0;background:var(--cream)}
.mi-aurora__gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.pp-aur-flip .mi-aurora{transform:scaleX(-1)}
.pp-aur-night .pp-aur{-webkit-mask:none;mask:none}
.pp-aur-night .mi-aurora{background:var(--sky0)}
/* the header on the night */
.pp-od{display:none!important}
html.pp-dark .pp-ol{display:none!important}
html.pp-dark .pp-od{display:block!important}
html.pp-dark .mh{--fg:#fff;--mu:rgba(255,255,255,.8);color:#fff}
html.pp-dark .mh a.mh__btn{background:#fff;color:#0A1014}
html.pp-dark .mh a.mh__btn:hover{background:#eae5da;color:#0A1014}
/* type */
.pp-h1{font-size:clamp(40px,2.9vw + 22px,64px);line-height:1.04;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pp-h2{font-size:clamp(32px,1.8vw + 20px,48px);line-height:1.06;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pp-sub{max-width:30em;margin-top:20px;font-size:clamp(17px,.35vw + 15.5px,20px);line-height:1.5;color:var(--mu);text-wrap:pretty}
.pp-night{--mu:rgba(234,238,255,.76);--line:rgba(255,255,255,.14);--line2:rgba(255,255,255,.3);color:#fff}
.pp-logo{display:block;width:auto;height:23px}
.pp-eye{margin-bottom:14px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;line-height:1;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
/* the switch: Monthly | Yearly, a thumb that slides (app.js sets --tx/--tw) */
.pp-bill{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:rgba(22,21,19,.06)}
.pp-bill::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:var(--tw,0);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(22,21,19,.1),0 6px 16px -8px rgba(22,21,19,.3);transform:translateX(var(--tx,0));opacity:0}
.pp-bill.is-ready::before{opacity:1}
.pp-bill.is-anim::before{transition:transform .5s var(--e),width .5s var(--e)}
.pp-bill__o{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:none;color:var(--mu);font:600 15px/1 'Schibsted Grotesk',system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:color .25s}
.pp-bill__o:not([aria-checked="true"]):hover{color:var(--ink)}
.pp-bill__o[aria-checked="true"]{color:var(--ink)}
.pp-bill:not(.is-ready) .pp-bill__o[aria-checked="true"]{background:#fff}
.pp-bill__o:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pp-save{display:inline-block;height:24px;line-height:24px;padding:0 9px;border-radius:999px;background:var(--ok-tint);color:var(--ok-ink);font-size:12.5px;font-weight:700;white-space:nowrap}
.pp-save__s{display:none}
@media (max-width:400px){.pp-bill .pp-save__l{display:none}.pp-bill .pp-save__s{display:inline}}
.pp-bill--w{display:flex;width:100%}
.pp-bill--w .pp-bill__o{flex:1 1 auto;padding:0 12px}
.pp-night .pp-bill{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pp-night .pp-bill__o{color:rgba(255,255,255,.8)}
.pp-night .pp-bill__o:not([aria-checked="true"]):hover{color:#fff}
.pp-night .pp-bill__o[aria-checked="true"]{color:#0A1014}
.pp-night .pp-bill__o:focus-visible{outline-color:#fff}
.pp-night .pp-save{background:rgba(124,242,223,.14);color:var(--tl)}
.pp-night .pp-bill__o[aria-checked="true"] .pp-save{background:var(--ok-tint);color:var(--ok-ink)}
/* the price: each row holds both states in one cell, so nothing moves when you switch */
.pp-price{display:grid;grid-template-columns:minmax(0,1fr)}
.pp-price>*{grid-column:1}.pp-price>.r1{grid-row:1}.pp-price>.r2{grid-row:2}.pp-price>.r3{grid-row:3}
[data-b]{transition:opacity .35s var(--e),transform .55s var(--e),visibility 0s}
html[data-bill="y"] [data-b="m"],html[data-bill="m"] [data-b="y"]{opacity:0;visibility:hidden;transform:translate3d(0,8px,0);transition:opacity .18s,transform .3s,visibility 0s .3s}
.pp-amt{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}
.pp-now{--num:clamp(56px,3vw + 40px,84px);display:inline-flex;align-items:baseline;font-size:var(--num);line-height:1;white-space:nowrap}
.pp-num{font-weight:700;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.pp-dp{font-variant-numeric:proportional-nums}
.pp-kr{margin-left:.14em;font-size:.36em;font-weight:700;letter-spacing:-.015em}
.pp-per{margin-left:.35em;font-size:max(15px,.22em);font-weight:500;color:var(--mu)}
.pp-bl{margin-top:14px;font-size:15.5px;line-height:1.45;color:var(--mu);text-wrap:balance}
.pp-sv{margin-top:4px;font-size:15.5px;line-height:1.45;font-weight:600;color:var(--ok-ink);text-wrap:balance}
.pp-night .pp-sv{color:var(--tl)}
.pp-lk{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}
.pp-lk:hover{color:inherit;text-decoration-thickness:2px}
/* the button: the landing's */
.pp-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border:0;border-radius:12px;background:var(--ink);color:var(--cream);font:600 16px/1 'Schibsted Grotesk',system-ui,sans-serif;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,transform .2s var(--e)}
.pp-cta:hover{background:#2a2824;color:var(--cream)}
.pp-cta:active{transform:scale(.985)}
.pp-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pp-cta--w{display:flex;width:100%}
.pp-cta--lg{height:60px;padding:0 36px;font-size:17px}
.pp-cta--o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.pp-cta--o:hover{background:var(--ink);color:var(--cream)}
.pp-night .pp-cta{background:#fff;color:#0A1014}
.pp-night .pp-cta:hover{background:#eae5da;color:#0A1014}
.pp-night .pp-cta:focus-visible{outline-color:#fff}
/* what makes it safe to click */
.pp-as{display:grid;gap:6px;margin-top:18px;font-size:14.5px;line-height:1.4;color:var(--mu)}
.pp-as li{display:flex;align-items:center;gap:8px}
.pp-as .ic{flex:none;width:15px;height:15px;color:var(--ok)}
.pp-night .pp-as .ic{color:var(--tl)}
.pp-as--row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px}
/* lists */
.pp-ck{display:grid;gap:12px;text-align:left}
.pp-ck li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.4;font-weight:500}
.pp-ck .ic{flex:none;width:22px;height:22px;padding:5px;border-radius:50%;background:var(--stone);color:var(--ink)}
.pp-night .pp-ck .ic{background:rgba(255,255,255,.12);color:#fff}
.pp-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);text-align:left}
.pp-rows li{display:flex;gap:18px;padding:26px 0 28px;border-top:1px solid var(--line)}
.pp-rows h3{font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
.pp-rows p{margin-top:6px;font-size:16px;line-height:1.55;color:var(--mu);text-wrap:pretty}
.pp-tile{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--stone)}
.pp-tile .ic{width:24px;height:24px}
.pp-also{padding-top:22px;border-top:1px solid var(--line);font-size:15px;color:var(--mu)}
@media (max-width:760px){.pp-rows{grid-template-columns:minmax(0,1fr)}}
/* surfaces: the landing's card, and its window onto the sky */
.pp-card{position:relative;border-radius:28px;background:#fff;box-shadow:0 30px 70px -18px rgba(22,21,19,.18),0 2px 6px rgba(22,21,19,.05)}
.pp-win{position:relative;border-radius:28px;overflow:hidden;background:var(--sky);background-attachment:fixed;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pp-ph{position:relative;flex:none;width:var(--w,300px);aspect-ratio:1350/2760;container-type:inline-size}
.pp-ph__scr{position:absolute;left:5.333%;top:2.717%;width:89.333%;height:94.746%;object-fit:cover;object-position:50% 0;border-radius:12.2cqw;background:#fff}
.pp-ph__bz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* after the offer */
.pp-proof{padding-top:clamp(72px,8vw,112px)}
.pp-proof__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 48px}
.pp-op{display:flex;align-items:center;gap:16px}
.pp-op img{width:auto;height:46px}
.pp-op figcaption{font-size:13.5px;line-height:1.3;font-weight:600;color:var(--mu)}
.pp-stat{font-size:18px;line-height:1.45;text-wrap:balance}
@media (min-width:901px){.pp-stat{padding-left:48px;border-left:1px solid var(--line)}}
@media (max-width:900px){.pp-proof__in{flex-direction:column;text-align:center}}
.pp-faqs{padding:clamp(88px,10vw,140px) 0 clamp(64px,8vw,110px)}
.pp-faqs__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px}
.pp-faq{border-top:1px solid var(--line)}
.pp-faq__i{border-bottom:1px solid var(--line)}
.pp-faq__i summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;font-size:clamp(18px,.5vw + 15px,22px);font-weight:600;letter-spacing:-.015em}
.pp-faq__i summary::-webkit-details-marker{display:none}
.pp-faq__i summary:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:6px}
.pp-faq__i summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);transition:background-color .2s}
.pp-faq__i summary:hover i{background:var(--line)}
.pp-faq__i summary i::before,.pp-faq__i summary i::after{content:'';position:absolute;left:50%;top:50%;width:11px;height:1.6px;margin:-.8px 0 0 -5.5px;border-radius:1px;background:currentColor;transition:transform .35s var(--e)}
.pp-faq__i summary i::after{transform:rotate(90deg)}
.pp-faq__i[open] summary i::after{transform:rotate(0)}
.pp-faq__i p{max-width:40em;padding:0 56px 26px 0;font-size:17px;line-height:1.55;color:var(--mu);text-wrap:pretty}
@media (max-width:760px){.pp-faqs__in{grid-template-columns:minmax(0,1fr)}}
.pp-endw{padding-bottom:clamp(60px,8vw,110px)}
.pp-end{padding:clamp(72px,9vw,130px) clamp(24px,4vw,64px);text-align:center}
.pp-end__h{max-width:14ch;margin:0 auto;font-size:clamp(40px,3.6vw + 16px,80px);line-height:1.02;font-weight:700;letter-spacing:-.035em;text-wrap:balance}
.pp-end__b{display:flex;justify-content:center;margin-top:40px}
.pp-end .pp-as{margin-top:28px}
.pp-close{margin-top:26px;font-size:15px;color:var(--mu)}
.pp-close a{color:inherit;font-weight:600}
.pp-night .pp-close a{color:#fff}
.pp-night .pp-close a:hover{color:var(--tl)}
.pp-foot{padding:44px 0 52px;border-top:1px solid var(--line)}
.pp-foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 36px}
.pp-foot__logo img{width:auto;height:23px}
.pp-foot__nav{display:flex;flex-wrap:wrap;gap:8px 28px}
.pp-foot a:not(.pp-foot__logo){font-size:15px;font-weight:500;color:var(--mu);text-decoration:none}
.pp-foot a:not(.pp-foot__logo):hover{color:var(--ink)}
.pp-foot__c{font-size:14px;color:var(--mu)}
/* arrivals, as on the landing (sky windows open from a clip: a transform would unfix their sky) */
.pp [data-rv]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .9s var(--e) var(--rd,0s),transform 1.1s var(--e) var(--rd,0s)}
.pp [data-rv].is-in{opacity:1;transform:none}
.pp [data-rv="clip"]{transform:none;clip-path:inset(6% 5% round 28px);transition:opacity .9s var(--e) var(--rd,0s),clip-path 1.2s var(--e) var(--rd,0s)}
.pp [data-rv="clip"].is-in{clip-path:inset(0 round 28px)}
@media (prefers-reduced-motion:reduce){.pp [data-rv],.pp [data-rv="clip"]{opacity:1;transform:none;clip-path:none;transition:none}[data-b],.pp-bill.is-anim::before{transition:none}}
/* phones: the footer's hairline keeps to the content column, as on the landing page (rest2/base.css; edge to edge it
   read as a seam across the screen). The same 1 px line and 44 px above the footer's content, only inset (05.10.2026) */
@media (max-width:760px){.pp-foot{padding-top:0;border-top:0}.pp-foot__in{padding-top:44px;border-top:1px solid var(--line)}}