.sp-hero{flex-wrap:wrap;align-items:flex-start;gap:32px 48px;display:flex}.sp-hero__main{flex:520px;min-width:0}.sp-hero__side{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;flex:320px;min-width:0;padding:22px}.sp-hero__side p{margin:0}.sp-host{font-family:var(--font-mono);color:#fff;word-break:break-all;font-size:18px;margin-top:6px!important}.sp-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;display:flex}.sp-note{color:var(--yk-on-dark-subtle);margin:14px 0 0;font-size:14px}.sp-steps{counter-reset:sp;gap:12px;max-width:54rem;margin:24px 0 0;padding:0;list-style:none;display:grid}.sp-steps li{counter-increment:sp;border:1px solid var(--yk-line);background:#fff;border-radius:14px;padding:16px 18px 16px 62px;line-height:1.5;position:relative}.sp-steps li:before{content:counter(sp);background:var(--yk-blue-strong);color:#fff;width:32px;height:32px;font-weight:800;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;left:16px}.sp-table{border-collapse:collapse;width:100%;margin-top:24px;font-size:15px}.sp-table th,.sp-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--yk-line);padding:14px 16px}.sp-table thead th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--yk-muted);font-size:12px;font-weight:500}.sp-table tbody th{white-space:nowrap;font-weight:700}.sp-tablewrap{border:1px solid var(--yk-line);background:#fff;border-radius:16px;margin-top:24px;overflow-x:auto}.sp-tablewrap .sp-table{min-width:640px;margin-top:0}.sp-acc{gap:10px;max-width:54rem;margin-top:24px;display:grid}.sp-acc details{border:1px solid var(--yk-line);background:#fff;border-radius:14px}.sp-acc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 20px;font-size:17px;font-weight:700;list-style:none;display:flex}.sp-acc summary::-webkit-details-marker{display:none}.sp-acc summary:after{content:"⌄";color:var(--yk-muted);flex:none;transition:transform .2s}.sp-acc details[open] summary:after{transform:rotate(180deg)}.sp-acc__body{color:var(--yk-muted);padding:0 20px 18px;line-height:1.55}.sp-acc__body p{margin:0}.sp-acc__body a{align-items:center;min-height:32px;margin-top:6px;font-weight:600;display:inline-flex}.sp-links{flex-wrap:wrap;gap:10px;margin-top:20px;padding:0;list-style:none;display:flex}.sp-links a{border:1px solid var(--yk-line);min-height:48px;color:var(--yk-ink);background:#fff;border-radius:12px;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.sp-links a:hover{border-color:var(--yk-blue)}.sp-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px;display:grid}.sp-cards .ykcard{color:var(--yk-ink);flex-direction:column;gap:8px;text-decoration:none;display:flex}.sp-cards .ykcard p{color:var(--yk-muted);margin:0}.sp-cards a.ykcard:hover{border-color:var(--yk-blue)}.sp-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;display:flex}.sp-cta p{color:#dbe7ff;margin:10px 0 0;font-size:18px}.sp-demos{margin-top:28px}@media (max-width:720px){.sp-acc summary{padding:8px 16px;font-size:16px}.sp-acc__body{padding:0 16px 16px}.sp-steps li{padding:14px 14px 14px 56px}}