/* THE DECK KIND: a page that is a presentation. One slide per screen, a progress bar, a way to jump, and the website's own look (butter, sun, night, Outfit and
   Instrument Sans). Used by the partner deck only (an unlisted page). Without the script it is a plain page that scrolls; the script (deck.js) adds the
   slide counter, the keys, the film tabs, the price chart and the earnings calculator. */
.pg-deck{background:var(--paper)}
.pg-deck a{text-underline-offset:3px}

/* the bar that fills as the slides go by, just under the site's header, and the small control strip at the bottom */
.dk-prog{position:fixed;left:0;right:0;top:var(--head,76px);height:4px;background:rgba(14,14,16,.1);z-index:45;pointer-events:none}
.dk-prog i{display:block;height:100%;width:0;background:var(--ink);transition:width .25s var(--ease)}
.dk-ctl{position:fixed;left:50%;bottom:clamp(12px,2vw,22px);transform:translateX(-50%);z-index:46;display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(14,14,16,.92);color:#fff;box-shadow:0 14px 40px -14px rgba(14,14,16,.6)}
.dk-ctl button{appearance:none;border:0;background:transparent;color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.dk-ctl button:hover{background:rgba(255,255,255,.14)}
.dk-ctl button[disabled]{opacity:.35;cursor:default}
.dk-ctl .dk-count{min-width:76px;text-align:center;font:700 14px/1 var(--display);letter-spacing:.04em}
.dk-ctl .dk-title{display:none;font:600 13px/1 var(--text);color:rgba(255,255,255,.7);padding:0 10px 0 4px;white-space:nowrap}
.dk-dots{position:fixed;right:clamp(8px,1.2vw,20px);top:50%;transform:translateY(-50%);z-index:45;display:none;flex-direction:column;gap:11px}
.dk-dots a{position:relative;width:11px;height:11px;border-radius:50%;background:rgba(14,14,16,.28);box-shadow:0 0 0 2px rgba(255,255,255,.55);transition:transform .2s var(--ease),background .2s}
.dk-dots a[aria-current="true"]{background:var(--ink);transform:scale(1.35)}
.dk-dots a span{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 10px;border-radius:8px;background:var(--ink);color:#fff;font:600 12.5px/1 var(--text);opacity:0;pointer-events:none;transition:opacity .15s}
.dk-dots a:hover span,.dk-dots a:focus-visible span{opacity:1}
@media (min-width:1000px){.dk-dots{display:flex}.dk-ctl .dk-title{display:block}}

/* a slide */
.dk{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:calc(var(--head,76px) + clamp(22px,3vw,40px)) calc(clamp(30px,4vw,52px) + 56px);overflow:hidden;isolation:isolate}
.dk>.wrap{width:100%;display:grid;gap:clamp(14px,2vw,28px)}
/* the website's light on every slide, never a flat colour (Petar, 21 Oct 2026): butter with the sun's glow, sun with a soft fold, night with the sun and amber glows */
.dk-butter{background:radial-gradient(ellipse 70% 55% at 88% 6%,rgba(255,210,31,.75) 0%,rgba(255,196,20,.35) 32%,rgba(255,154,31,0) 70%),radial-gradient(ellipse 60% 45% at 4% 96%,rgba(255,154,31,.22) 0%,rgba(255,154,31,0) 70%),linear-gradient(165deg,#FFF6D4 0%,#FFEFA6 50%,#FFE27A 100%)}
.dk-sun{background:radial-gradient(ellipse 70% 60% at 90% 0%,rgba(255,250,232,.55) 0%,rgba(255,250,232,0) 60%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(255,154,31,.45) 0%,rgba(255,154,31,0) 70%),var(--sun);color:var(--on-sun)}
.dk-paper{background:radial-gradient(ellipse 60% 50% at 100% 0%,rgba(255,232,140,.38) 0%,rgba(255,232,140,0) 60%),var(--paper)}
.dk-panel{background:var(--panel)}
.dk-night{background:radial-gradient(circle at 104% -4%,rgba(255,210,31,.42) 0%,rgba(255,196,20,.2) 16%,rgba(255,154,31,.08) 32%,rgba(255,154,31,0) 50%),radial-gradient(circle at 92% 108%,rgba(255,154,31,.3) 0%,rgba(255,154,31,0) 42%),var(--ink);color:#fff}
.dk.dk-night .lead,.dk.dk-night .dk-sub{color:rgba(255,255,255,.82)}
.dk-kicker{display:inline-flex;align-items:center;gap:10px;font:800 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:rgba(14,14,16,.62);margin:0}
.dk-night .dk-kicker{color:rgba(255,255,255,.62)}
.dk-kicker b{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:9px;background:var(--ink);color:var(--sun);font:900 13px/1 var(--display);letter-spacing:0}
.dk-night .dk-kicker b{background:var(--sun);color:var(--on-sun)}
.dk h1.caps,.dk h2.caps{font-size:clamp(32px,4.4vw,74px);max-width:19ch}
.dk .dk-sub{margin:0;max-width:62ch;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--ink-2)}
.dk-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dk-acts .btn{min-height:52px}
.dk .btn.ghost{background:rgba(255,255,255,.55);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.dk .btn.ghost:hover{background:#fff}
.dk-night .btn.line{color:#fff}
.dk-note{margin:0;font-size:14px;color:rgba(14,14,16,.6)}
.dk-night .dk-note{color:rgba(255,255,255,.62)}

/* the opening: the words on the left, the two numbers on the right */
.dk-split{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center}
.dk-col{display:grid;gap:clamp(18px,2.4vw,28px);align-content:center;min-width:0}
.dk-stats{display:grid;gap:14px;min-width:0}
.dk-stat{border-radius:26px;padding:clamp(22px,2.6vw,36px);display:grid;gap:10px;align-content:start}
.dk-stat b{font:900 clamp(64px,8vw,132px)/.85 var(--display);letter-spacing:-0.05em}
.dk-stat span{font-size:clamp(16px,1.4vw,19px);line-height:1.4;max-width:26ch}
.dk-stat.sun{background:var(--sun);color:var(--on-sun)}
.dk-stat.ink{background:var(--ink);color:#fff}

/* cards */
.dk-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.dk-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.dk-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.dk-card{background:var(--panel);border-radius:22px;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:8px;min-width:0}
.dk-paper .dk-card{box-shadow:0 0 0 1px #E6E6DF;background:#fff}
.dk-butter .dk-card{background:#fff;box-shadow:0 0 0 1px rgba(14,14,16,.1)}
.dk-night .dk-card{background:var(--night-2);box-shadow:0 0 0 1px var(--night-line)}
.dk-card h3{margin:0;font:800 clamp(19px,1.6vw,23px)/1.15 var(--display);letter-spacing:-0.01em}
.dk-card p{margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.dk-night .dk-card p{color:rgba(255,255,255,.78)}
.dk-card a.go{margin-top:auto;font:700 14.5px/1 var(--display);color:inherit;text-decoration:none;display:inline-flex;gap:8px;align-items:center;padding-top:8px}
.dk-card a.go:hover{text-decoration:underline}
.dk-big{font:900 clamp(40px,4.4vw,72px)/.9 var(--display);letter-spacing:-0.04em}
.dk-card.sun{background:var(--sun);color:var(--on-sun);box-shadow:none}
.dk-card.sun p{color:rgba(14,14,16,.82)}
.dk-card.ink{background:var(--ink);color:#fff;box-shadow:none}
.dk-card.ink p{color:rgba(255,255,255,.8)}
.dk-list{margin:0;padding:0;list-style:none;display:grid;gap:12px;max-width:60ch}
.dk-list li{display:flex;gap:12px;align-items:flex-start;font-size:clamp(16px,1.35vw,19px);line-height:1.45}
.dk-list li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:7px;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFD21F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.dk-night .dk-list li::before{background-color:var(--sun);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E10' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}

/* the film tour */
.dk-tour{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(16px,2.4vw,32px);align-items:stretch}
.dk-stage{min-width:0;align-self:start;position:relative;border-radius:24px;overflow:hidden;background:#000;aspect-ratio:1920/800;box-shadow:0 0 0 1px var(--night-line),0 30px 80px -30px rgba(0,0,0,.7)}
.dk-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s var(--ease)}
.dk-stage video.on{opacity:1}
.dk-stage video.fit{object-fit:contain}
.dk-tabs{display:grid;gap:8px;align-content:start}
.dk-tab{appearance:none;text-align:left;border:0;cursor:pointer;display:grid;gap:4px;padding:14px 16px;border-radius:16px;background:var(--night-2);box-shadow:inset 0 0 0 1px var(--night-line);color:#fff;transition:background .2s,box-shadow .2s}
.dk-tab b{font:800 17px/1.15 var(--display)}
.dk-tab span{display:none;font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.7)}
.dk-tab[aria-selected="true"] span{display:block}
.dk-tab[aria-selected="true"]{background:var(--sun);color:var(--on-sun);box-shadow:none}
.dk-tab[aria-selected="true"] span{color:rgba(14,14,16,.78)}
.dk-tab:focus-visible{outline:3px solid #fff}

/* the price chart */
.dk-chart{display:grid;gap:14px;background:#fff;border-radius:24px;padding:clamp(18px,2.2vw,30px);box-shadow:0 0 0 1px #E6E6DF}
.dk-chart-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.dk-chart-head h3{margin:0;font:800 clamp(19px,1.7vw,24px)/1.15 var(--display)}
.dk-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--panel);gap:4px}
.dk-seg button{appearance:none;border:0;cursor:pointer;border-radius:999px;padding:9px 16px;font:700 14.5px/1 var(--display);background:transparent;color:var(--ink)}
.dk-seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.dk-bars{display:grid;gap:9px}
.dk-bar{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr) auto;gap:12px;align-items:center;font-size:15.5px}
.dk-bar>span:first-child{font-weight:600}
.dk-bar .track{height:22px;border-radius:8px;background:var(--panel);overflow:hidden}
.dk-bar .track i{display:block;height:100%;width:0;border-radius:8px;background:#C9C9C2;transition:width .45s var(--ease)}
.dk-bar.us .track i{background:var(--sun);box-shadow:inset 0 0 0 1.5px var(--ink)}
.dk-bar.us>span:first-child{font-weight:800}
.dk-bar b{font:800 16px/1 var(--display);min-width:84px;text-align:right}
.dk-fine{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}

/* the offer box */
.dk-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;background:var(--ink);color:#fff;border-radius:24px;padding:clamp(20px,2.4vw,32px)}
.dk-offer .dk-chip{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--sun);color:var(--on-sun);font:800 12.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.dk-offer h3{margin:10px 0 6px;font:900 clamp(24px,2.6vw,38px)/1 var(--display);text-transform:uppercase;letter-spacing:-0.02em}
.dk-offer p{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.82);max-width:60ch}
.dk-offer .fine{margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.62)}

/* the earnings calculator */
.dk-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px}
.dk-calc .in,.dk-calc .out{background:#fff;border-radius:24px;padding:clamp(18px,2.2vw,30px);display:grid;gap:16px;align-content:start;box-shadow:0 0 0 1px rgba(14,14,16,.12)}
.dk-calc label{display:grid;gap:8px;font:700 15px/1.2 var(--display)}
.dk-calc .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.dk-calc output{font:900 28px/1 var(--display);letter-spacing:-0.02em}
.dk-calc input[type=range]{width:100%;accent-color:var(--ink);height:30px}
.dk-calc select{appearance:none;border:0;border-radius:14px;padding:13px 16px;background:var(--panel);font:700 16px/1 var(--display);width:100%;cursor:pointer}
.dk-calc .code{display:flex;gap:10px;align-items:center;font:600 15px/1.35 var(--text);cursor:pointer}
.dk-calc .code input{width:20px;height:20px;accent-color:var(--ink);flex:none}
.dk-calc .out{background:var(--ink);color:#fff;box-shadow:none}
.dk-calc .res{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-top:1px solid var(--night-line);font-size:16px}
.dk-calc .res:first-of-type{border-top:0;padding-top:0}
.dk-calc .res b{font:900 clamp(26px,2.8vw,40px)/1 var(--display);letter-spacing:-0.03em;color:var(--sun);white-space:nowrap}
.dk-calc .res.dk-total b{color:#fff}
.dk-calc .res .dk-pay{font:700 16px/1.2 var(--display);color:#fff;text-align:right}
.dk-calc .fine{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.62)}

/* facts in a row, the timeline, the steps */
.dk-facts{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.dk-fact{border-radius:22px;padding:clamp(18px,2vw,26px);background:var(--panel);display:grid;gap:8px;align-content:start}
.dk-fact b{font:900 clamp(30px,3.2vw,52px)/.95 var(--display);letter-spacing:-0.035em}
.dk-fact span{font-size:16px;line-height:1.45;color:var(--ink-2)}
.dk-steps{counter-reset:s;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.dk-steps li{counter-increment:s;border-radius:22px;padding:clamp(18px,2vw,26px);background:#fff;box-shadow:0 0 0 1px #E6E6DF;display:grid;gap:8px;align-content:start;font-size:16.5px;line-height:1.5}
.dk-steps li::before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--sun);font:900 18px/1 var(--display)}
.dk-steps li b{font:800 20px/1.1 var(--display)}
.dk-quote{margin:0;max-width:62ch;font-size:clamp(17px,1.5vw,21px);line-height:1.55}
.dk-quote cite{display:block;margin-top:12px;font:800 16px/1 var(--display);font-style:normal}
.dk-kit{display:flex;flex-wrap:wrap;gap:10px}
.dk-kit span{padding:10px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #E6E6DF;font:700 14.5px/1 var(--display)}

@media (max-width:980px){
  .dk-split{grid-template-columns:minmax(0,1fr)}
  .dk{min-height:auto;padding-block:calc(var(--head,76px) + 26px) 96px}
  .dk-grid,.dk-grid.four,.dk-facts,.dk-steps{grid-template-columns:minmax(0,1fr)}
  .dk-grid.two{grid-template-columns:minmax(0,1fr)}
  .dk-tour,.dk-calc,.dk-offer{grid-template-columns:minmax(0,1fr)}
  .dk-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-bar{grid-template-columns:minmax(78px,110px) minmax(0,1fr) auto;gap:8px;font-size:14.5px}
  .dk-bar b{min-width:66px}
}
@media (max-width:560px){.dk-tabs{grid-template-columns:minmax(0,1fr)}}
@media (min-width:981px){html:has(.pg-deck){scroll-snap-type:y proximity}.dk{scroll-snap-align:start}}
@media (prefers-reduced-motion:reduce){.dk-prog i,.dk-bar .track i,.dk-stage video{transition:none}html:has(.pg-deck){scroll-snap-type:none}}

/* the feature wall, the comparison links and a small heading inside a slide (the partner deck's rework, 21 Oct 2026) */
.dk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.dk-chips li{padding:8px 13px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(14,14,16,.12);font:700 14px/1.2 var(--display);color:var(--ink)}
.dk-links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.dk-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #E6E6DF;font:700 14.5px/1.2 var(--display);color:var(--ink);text-decoration:none}
.dk-links a:hover,.dk-links a:focus-visible{box-shadow:0 0 0 2px var(--sun)}
.dk-mini{margin:4px 0 0;font:800 14px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.dk-note a{color:inherit;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:3px}