/* V32 — Jak działamy: page-only additions to ds-v32.css (opening sheet, five-step route, deploy boxes, care strip). */
.jd .ds-open h1{font-size:clamp(48px,5.9vw,96px)}
.jd .ds-open h1 em{text-wrap:balance}
.jd :is(h2,h3){text-wrap:balance}
.jd p{text-wrap:pretty}

/* Opening visual: a proposal sheet you see before the contract */
.jd-visual{display:grid;padding:clamp(28px,3.2vw,44px) clamp(24px,3vw,44px) clamp(30px,3.4vw,48px)}
.jd-sheet{position:relative;z-index:1;background:var(--paper);color:var(--ink);box-shadow:0 22px 40px #0000004d;transform:rotate(-1.6deg);transform-origin:50% 60%}
.jd-sheet-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid #15191c1f;font:600 12.5px/1.2 Figtree,sans-serif;letter-spacing:.01em;color:#5c615c}
.jd-sheet-bar i{width:8px;height:8px;border-radius:50%;background:#15191c2e}
.jd-sheet-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jd-sheet-art{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;padding:18px 18px 16px}
.jd-sheet-art>div:first-child{display:grid;align-content:start;gap:8px}
.jd-sheet-art b{display:block;height:13px;background:var(--ink)}
.jd-sheet-art b+b{width:72%}
.jd-sheet-art i{display:block;height:5px;margin-top:4px;background:#15191c2b}
.jd-sheet-art i+i{width:82%;margin-top:0}
.jd-sheet-art span{display:block;width:46%;height:22px;margin-top:8px;background:var(--amber)}
.jd-sheet-art>div:last-child{display:grid;gap:10px}
.jd-sheet-art u{display:block;min-height:44px;border:2px solid var(--ink);text-decoration:none}
.jd-sheet-art u+u{background:var(--amber);border-color:var(--amber)}
.jd-sheet-list{list-style:none;margin:0;padding:4px 18px 14px}
.jd-sheet-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #15191c1f;font:600 15px/1.25 Figtree,sans-serif}
.jd-sheet-list b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--amber);font-size:13px}
.jd-sheet-note{position:relative;z-index:2;justify-self:start;display:grid;gap:2px;margin:-24px 0 0 -10px;padding:14px 18px;background:var(--amber);color:var(--ink);transform:rotate(-2.5deg);box-shadow:0 14px 26px #00000040}
.jd-sheet-note span{font:500 13px/1.2 Figtree,sans-serif}
.jd-sheet-note b{font:700 clamp(17px,1.35vw,20px)/1.15 Sora,sans-serif;letter-spacing:-.04em}
.jd-sheet-note i{font-style:normal;font-family:Figtree,sans-serif;font-weight:600}

/* Five steps: one line with dots; icon, title, text and the promise share rows across columns */
.jd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,auto)}
.jd-steps li{position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;padding:34px clamp(16px,1.8vw,26px) 0 0}
.jd-steps li:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber),#15191c26)}
.jd-steps li:after{content:"";position:absolute;top:-6px;left:0;width:14px;height:14px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px var(--paper)}
.jd-steps svg{display:block;width:64px;height:46px;overflow:visible;margin-bottom:18px}
.jd-steps h3{font:600 clamp(19px,1.5vw,23px)/1.2 Figtree,sans-serif;letter-spacing:-.03em;margin:0 0 10px}
.jd-steps p{font-size:clamp(15px,1.1vw,17px);line-height:1.55;color:#5d645b;margin:0 0 18px}
.jd .jd-steps .jd-promise{margin:0;padding:14px 16px;background:var(--white);border-left:3px solid var(--amber);font:600 15px/1.45 Figtree,sans-serif;color:var(--ink)}

/* Rules: four icon cards, then the dark terms panel */
.jd-rules{--cols:4}
.jd-terms{margin-top:clamp(40px,4.4vw,64px)}
.jd-terms-list{--cols:4}

/* Deployment: two equal boxes */
.jd-deploy .ds-box h3{font-size:clamp(25px,2.2vw,34px)}
.jd-box-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.jd-box-top svg{display:block;width:72px;height:52px;flex:none;overflow:visible}
.jd-box-top .ds-tag{margin:0;text-align:right}
.jd-box-ticks{--cols:2;margin-top:auto}
.jd-box-ticks li{grid-template-columns:22px minmax(0,1fr)}
.jd-box-ticks li:before{grid-row:auto;color:var(--gold)}
.jd .ds-beige .jd-box-ticks li{border-color:#15191c26}

/* Care after launch */
.jd-care{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,2.4vw,36px);margin-top:clamp(36px,4vw,52px);padding:26px 0;border-top:1px solid #15191c30;border-bottom:1px solid #15191c30}
.jd-care-mark{font:400 clamp(40px,3.6vw,54px)/1 Figtree,sans-serif;color:var(--gold)}
.jd-care h3{font:600 clamp(21px,1.8vw,28px)/1.18 Figtree,sans-serif;letter-spacing:-.035em;margin:0 0 6px}
.jd-care p{font-size:clamp(16px,1.2vw,18px);line-height:1.55;color:#5d645b;margin:0;max-width:62ch}

@media(max-width:1100px){
  .jd-steps{grid-template-columns:1fr;grid-template-rows:none;padding-left:34px}
  .jd-steps li{grid-row:auto;grid-template-columns:64px minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(20px,3vw,36px);padding:0 0 40px}
  .jd-steps li:last-child{padding-bottom:0}
  .jd-steps li:before{top:8px;bottom:-8px;left:-28px;right:auto;width:2px;height:auto;background:linear-gradient(var(--amber),#15191c26)}
  .jd-steps li:last-child:before{display:none}
  .jd-steps li:after{top:2px;left:-34px}
  .jd-steps svg{grid-column:1;grid-row:1/3;margin:0}
  .jd-steps h3{grid-column:2;grid-row:1}
  .jd-steps p{grid-column:2;grid-row:2;margin:0}
  .jd .jd-steps .jd-promise{grid-column:3;grid-row:1/3;align-self:start}
  .jd-rules{--cols:2}
  .jd-terms-list{--cols:2}
}
@media(min-width:861px) and (max-width:1100px){.jd-box-ticks{--cols:1}}
@media(max-width:860px){
  .jd-care{grid-template-columns:auto minmax(0,1fr)}
  .jd-care .ds-button{grid-column:2;justify-self:start}
}
@media(max-width:700px){
  .jd-steps li{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px}
  .jd-steps svg{width:52px;height:38px;grid-row:1/3}
  .jd .jd-steps .jd-promise{grid-column:2;grid-row:3;margin-top:14px}
}
@media(max-width:600px){
  .jd-rules,.jd-terms-list{--cols:1}
  .jd-box-ticks{--cols:1}
  .jd-box-top{align-items:flex-start;flex-direction:column;gap:14px}
  .jd-box-top .ds-tag{text-align:left}
  .jd-care{grid-template-columns:1fr;gap:14px}
  .jd-care .ds-button{grid-column:1}
  .jd-sheet-note{margin-left:-6px}
}
@media(max-width:420px){
  .jd-steps{padding-left:28px}
  .jd-steps li:before{left:-22px}
  .jd-steps li:after{left:-28px}
  .jd-steps li{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .jd-steps svg{grid-row:1;margin-bottom:12px}
  .jd-steps h3{grid-column:1;grid-row:2}
  .jd-steps p{grid-column:1;grid-row:3}
  .jd .jd-steps .jd-promise{grid-column:1;grid-row:4}
  .jd-sheet-art{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);padding:14px}
  .jd-sheet-list{padding:2px 14px 10px}
}
/* V34 — page headings: same line count after the looser letter spacing (generated). */
html body.jd .ds-open h1{font-size:calc(clamp(48px,5.9vw,96px) * .93)!important}