.doka-pro-full-kit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin:20px 0 28px}
.doka-pro-full-kit figure{margin:0;text-align:center;min-width:0}
.doka-pro-full-kit img{display:block;width:100%;height:190px;object-fit:contain;margin:0 auto 12px}
.doka-pro-full-kit figcaption{font-size:13px;line-height:1.6;color:var(--ds-color-text-secondary)}
.doka-pro-full-kit strong{color:#00647b}
.doka-basic-kit{grid-template-columns:repeat(2,minmax(0,1fr))}
.pro-upgrade{margin-top:32px;padding:32px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-card);background:var(--ds-color-surface-soft)}
.pro-upgrade-retained{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#edf6f0;border-radius:var(--ds-radius-media);margin-bottom:28px}
.pro-upgrade-check{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#fff;color:var(--ds-color-success);border-radius:50%;font-size:23px}
.pro-upgrade-retained strong{font-size:18px;color:#234d38}
.pro-upgrade-retained p{margin-top:6px;font-size:14px;color:#466052;line-height:1.6}
.pro-upgrade-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:stretch}
.pro-upgrade-photo{display:flex;flex-direction:column;justify-content:center;margin:0;padding:28px;background:#fff;border-radius:var(--ds-radius-media);text-align:center}
.pro-upgrade-photo img{width:100%;height:260px;object-fit:contain;margin:20px auto}
.pro-upgrade-photo figcaption{font-size:14px;color:var(--ds-color-text-secondary);line-height:1.6}
.pro-upgrade-photo strong{display:block;color:#00647b;margin-top:4px}
#upgrade .pro-upgrade-content h3{font-size:24px;line-height:1.3;margin:0 0 16px}
.pro-upgrade-items{display:grid;gap:12px;margin:0}
.pro-upgrade-items>div{padding:18px 20px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-small);background:#fff}
.pro-upgrade-items dt{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}
.pro-upgrade-items dt span{font-size:12px;color:var(--ds-color-accent)}
.pro-upgrade-items dd{margin:8px 0 0;font-size:14px;line-height:1.7;color:var(--ds-color-text-secondary)}
.pro-upgrade-bottom{display:flex;align-items:center;gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid var(--ds-color-border)}
.pro-upgrade-bottom .field-help{margin:0;flex:1;line-height:1.7}
.pro-upgrade-bottom .button{flex-shrink:0}
.pro-upgrade-new{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px;margin-top:16px;border:1px solid #cce4ec;border-radius:var(--ds-radius-media);background:var(--ds-color-surface-assistant)}
#upgrade .pro-upgrade-new h3{font-size:20px;line-height:1.4}
.pro-upgrade-new p{font-size:14px;line-height:1.7;color:var(--ds-color-text-secondary);margin-top:8px}
.pro-upgrade-new .text-link{flex-shrink:0}
@media(max-width:1000px){.pro-upgrade-grid{grid-template-columns:1fr}.pro-upgrade-bottom,.pro-upgrade-new{align-items:flex-start;flex-direction:column}.pro-upgrade-photo img{height:220px}}
@media(max-width:700px){.pro-upgrade{padding:16px}.pro-upgrade-retained{padding:16px;align-items:flex-start;gap:12px}.pro-upgrade-retained strong{font-size:16px}.pro-upgrade-photo{padding:20px 12px}.pro-upgrade-items>div{padding:16px}.pro-upgrade-new{padding:22px 20px}.pro-upgrade-new .text-link{white-space:normal}.pro-upgrade-bottom .button{width:100%;font-size:14px}}
.control-mode-switch{display:flex;gap:6px;padding:6px;margin:0 0 36px;background:var(--ds-color-border);border-radius:var(--ds-radius-media);width:fit-content;max-width:100%}
.control-mode-switch button{border:0;border-radius:var(--ds-radius-small);padding:14px 24px;font:inherit;font-weight:600;text-align:left;color:#4d5662;background:transparent;cursor:pointer}
.control-mode-switch button span{display:block;font-size:12px;font-weight:400;margin-top:4px}
.control-mode-switch button[aria-pressed="true"]{background:#25282d;color:#fff;box-shadow:var(--ds-shadow-raise)}
.control-mode-switch button:focus-visible{outline:3px solid #0085a0;outline-offset:3px}
#controller .controller-layout[hidden]{display:none}
@media(max-width:700px){.control-mode-switch{width:100%}.control-mode-switch button{flex:1;min-width:0;padding:12px;font-size:14px}}
.game-flow .section-heading p:not(.eyebrow){max-width:660px;color:var(--ds-color-text-secondary);margin-top:16px}
.game-flow-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.game-flow-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:32px 24px;border-radius:var(--ds-radius-card);background:var(--ds-color-surface-assistant)}
.game-flow-devices figure{margin:0;text-align:center;min-width:0}
.game-flow-devices img{display:block;width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply}
.game-flow-devices figcaption{font-size:13px;color:var(--ds-color-text-secondary);margin-top:16px}
.game-flow-devices strong{display:block;color:#00647b;font-size:15px;margin-top:4px}
.game-flow-devices>p{grid-column:1/-1;text-align:center;font-size:14px;color:var(--ds-color-text-secondary);margin-top:8px}
.game-flow-steps{list-style:none;counter-reset:game-step;margin:0;padding:0}
.game-flow-steps li{counter-increment:game-step;position:relative;padding:20px 0 20px 60px;border-bottom:1px solid var(--ds-color-border)}
.game-flow-steps li:last-child{border-bottom:0}
.game-flow-steps li:before{content:counter(game-step);position:absolute;left:0;top:22px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e5f6fa;color:var(--ds-color-accent);font-weight:700}
.game-flow-steps h3{font-size:20px;line-height:1.35}
.game-flow-steps p{font-size:15px;line-height:1.65;color:var(--ds-color-text-secondary);margin-top:8px}
@media(max-width:1000px){.game-flow-layout{grid-template-columns:1fr;gap:16px}}
@media(max-width:700px){.game-flow-devices{padding:24px 16px;gap:12px}.game-flow-devices img{height:140px}.game-flow-steps li{padding-left:48px}.game-flow-steps h3{font-size:18px}}
#versions .version-features-title{font-size:13px;letter-spacing:.04em;margin:28px 0 12px;color:var(--ds-color-text-secondary)}
#versions .version-features{display:grid;grid-template-rows:repeat(8,1fr);list-style:none;padding:0;margin:0 0 28px}
#versions .version-features li{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid var(--ds-color-border);min-width:0}
#versions .feature-status{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#e6f5eb;color:var(--ds-color-success);font-size:17px;font-weight:700;line-height:1}
#versions .version-features strong{display:block;font-size:15px;font-weight:600;line-height:1.5;color:#25282d}
#versions .version-features small{display:block;font-size:13px;line-height:1.6;color:var(--ds-color-text-secondary);margin-top:3px}
#versions .is-unavailable .feature-status{background:var(--ds-color-surface-soft);color:var(--ds-color-text-secondary)}
#versions .is-unavailable strong,#versions .is-unavailable small{color:var(--ds-color-text-secondary)}
@media(min-width:1001px){
 #versions .version-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto auto auto auto auto auto auto;column-gap:0;row-gap:0}
 #versions .system-card{display:grid;grid-template-rows:subgrid;grid-row:span 9}
 #versions .system-card>.text-link{align-self:end}
}
.pro-autonomous-retained{display:flex;align-items:center;gap:28px;border:1px solid #b8dce5;border-radius:var(--ds-radius-media);background:var(--ds-color-surface-assistant);padding:24px 28px;margin:24px 0}
.pro-autonomous-retained[hidden]{display:none}
.pro-autonomous-retained img{width:100px;height:130px;object-fit:contain;flex-shrink:0}
.pro-autonomous-retained strong{font-size:19px;line-height:1.4}
.pro-autonomous-retained p,.doka-pro-purchase-note{font-size:16px;line-height:1.7;margin:12px 0 0}
.doka-pro-purchase-note{padding:18px 20px;border-left:3px solid var(--ds-color-action);background:var(--ds-color-surface-assistant);margin-bottom:24px}
@media(max-width:700px){
 .doka-pro-full-kit{gap:16px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.doka-pro-full-kit img{height:145px}
 .doka-pro-full-kit:not(.doka-basic-kit) .version-team-button{grid-column:1/-1}
 .doka-pro-full-kit:not(.doka-basic-kit) .version-team-button img{height:120px}
 .doka-pro-full-kit figcaption{font-size:12px}
 .pro-autonomous-retained{align-items:flex-start;gap:16px;padding:20px;flex-direction:column}
 .pro-autonomous-retained img{width:85px;height:110px}
}